/* Typography and action buttons matched to vorotakm-pro.ru. */
.intro{text-align:center}
.intro h1{margin-left:auto;margin-right:auto;max-width:none}
@font-face{font-family:SiteRegular;src:url('assets/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:SiteBold;src:url('assets/Montserrat-Bold.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--orange:#FF6A28;--site-hover:rgb(177,96,4)}
body,input,select,textarea{font-family:SiteRegular,Arial,sans-serif;font-weight:400}
body{font-size:15px;line-height:1.4}
h1,h2,h3,strong,b,.eyebrow,.tabs button span,.section-label,.field label,.field-label{font-family:SiteBold,Arial,sans-serif;font-weight:400}
h1,h2{letter-spacing:0}
.intro p{font-size:16px;line-height:1.65}
.brand strong{font-size:19px}
.tabs button span{font-size:13px;line-height:1.45}
.section-label{font-size:15px}
.field label,.field-label{font-size:13px}
.field input:not([type=checkbox]),.field select,.form-grid input,textarea{font-size:15px;border-radius:10px;padding:13px 12px}
.unit-input span{top:17px;font-size:11px}
.checks label,.service-row label{font-family:SiteRegular,Arial,sans-serif;font-size:13px}
.small-note{font-size:12px;line-height:1.6}
.summary h2{font-size:22px;line-height:1.3}
.summary dl div{font-size:12px;line-height:1.65}
.recommendation,.price p{font-size:12px;line-height:1.6}
.price>span{font-size:13px}
.summary-foot{font-size:11px}
.visual-top,.visual-bottom{font-size:12px}
.measure{font-size:13px}
.primary,.secondary,.header-action{border:0;border-radius:500px;font-family:SiteBold,Arial,sans-serif;font-weight:400;font-size:14px;padding:20px 24px;min-height:58px;text-align:center;justify-content:center;text-decoration:none}
.primary,.header-action{background:var(--orange);color:#fff}
.secondary{background:#fff;color:#000;box-shadow:inset 0 0 0 1px #e3e3e3}
.primary:hover,.secondary:hover,.header-action:hover{background:var(--site-hover);color:#fff;filter:none}
.primary span{display:none}
.header-action{font-size:12px;min-height:48px;padding:15px 22px}
.benefits{font-size:12px;line-height:1.5}
.under p{font-size:14px;line-height:1.6}
.under h2{font-size:25px}
.form-grid label,.comment-label{font-size:13px}
pre,.demo-warning{font-family:SiteRegular,Arial,sans-serif;font-size:12px}
@media(max-width:1100px){.tabs button span{font-size:12px}.benefits{font-size:11px}}
@media(max-width:650px){.brand strong{font-size:14px}.header-action{font-size:11px;padding:12px 14px;min-height:44px}.intro p{font-size:14px}.tabs button span{font-size:12px}.field input:not([type=checkbox]),.field select,.form-grid input,textarea{font-size:16px}.summary h2{font-size:23px}.summary dl div{font-size:13px}.benefits{font-size:12px}.primary,.secondary{font-size:14px;min-height:56px;padding:18px 20px}}

/* Match headings in the homepage benefit cards. */
.tabs button,.tabs button span,.section-label{font-family:SiteBold,Arial,sans-serif;font-weight:400;font-size:20px;line-height:1.4;letter-spacing:0}
.tabs button{align-items:flex-start;min-width:0;gap:10px;color:#242932}
.tabs button span{min-width:0;color:inherit}
.tabs button[aria-selected=true]{color:#fff}
@media(max-width:650px){.tabs button,.tabs button span{font-size:16px}.tabs button{padding:16px 12px;gap:7px}.section-label{font-size:20px}}

/* Center category names within each tab. */
.tabs button{justify-content:center;align-items:center;text-align:center}

/* Match product preview titles (1.8rem = 18px on the site). */
.tabs button,.tabs button span{font-size:18px}

/* Same category icons as the site burger menu. */
.tabs button::before{content:"";display:block;flex:0 0 28px;width:28px;height:28px;background:currentColor;-webkit-mask:var(--tab-icon) center/contain no-repeat;mask:var(--tab-icon) center/contain no-repeat}
.tabs button{gap:12px}
.tabs button[data-tab="gates"]{--tab-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021V3h18v18M6%2021V6h12v15M6%2010h12M6%2014h12M6%2018h12M10%2016h4M2%2021h20%22%2F%3E%3C%2Fsvg%3E")}
.tabs button[data-tab="loading"]{--tab-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2020h20M3%2015h11V6H3zM14%2010h4l3%204v3h-7M5%2010h6M5%2013h6%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.tabs button[data-tab="barrier"]{--tab-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%2212%22%20width%3D%224%22%20height%3D%229%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M5%2012V8h16v4H7M10%208l3%204m3-4%203%204M2%2021h7%22%2F%3E%3C%2Fsvg%3E")}
.tabs button[data-tab="fire"]{--tab-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202l8%203v6c0%205-3.5%208.5-8%2011-4.5-2.5-8-6-8-11V5z%22%2F%3E%3Cpath%20d%3D%22M12%207c1%203%204%204%204%207a4%204%200%200%201-8%200c0-2%201-3%202-4%200%202%201%202%201%202s2-2%201-5z%22%2F%3E%3C%2Fsvg%3E")}
@media(max-width:650px){.tabs button{flex-direction:column;gap:9px;padding:16px 10px}.tabs button,.tabs button span{font-size:16px}.tabs button::before{flex-basis:26px;width:26px;height:26px}}

/* Interior matches the homepage estimate form background. */
.configurator,.workspace,.parameters,.summary,.benefits,.tabs{background:#f0f0f0}
.field input:not([type=checkbox]),.field select,.form-grid input,textarea{background:#fff}

/* Summary panel matches the company information block. */
.summary{background:#242932;color:#fff;border-color:#ffffff24}
.summary h2,.summary .price strong,.summary dd{color:#fff}
.summary .eyebrow,.summary dt,.summary .price>span{color:#c6cad0}
.summary .recommendation,.summary .price p,.summary-foot{color:#d3d6db}
.summary .price{border-color:#ffffff30}

/* Form controls use the same pill radius as action buttons. */
.field input:not([type=checkbox]),.field select,.form-grid input,textarea{border-radius:500px}

/* Align numeric values with native select text and add parameter eyebrow. */
.unit-input input{padding-left:16px}
.parameters>.eyebrow{display:block;margin-bottom:14px}
.section-label{align-items:center}

.field .unit-input input{padding-left:16px}

/* Inset dropdown arrows, independent of native browser control spacing. */
.field select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23555b63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:14px 14px}