@font-face{font-family:Inter;src:url('./fonts/inter-cyrillic.woff2') format('woff2');font-display:swap;font-weight:100 900;unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:Inter;src:url('./fonts/inter-latin.woff2') format('woff2');font-display:swap;font-weight:100 900}
@font-face{font-family:Mono;src:url('./fonts/ibm-plex-mono-500-cyrillic.woff2') format('woff2');font-display:swap;font-weight:500;unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:Mono;src:url('./fonts/ibm-plex-mono-500-latin.woff2') format('woff2');font-display:swap;font-weight:500}
:root{--ink:#122326;--dark:#102a2b;--teal:#087166;--mint:#8ce3cf;--paper:#f0f3ef;--white:#fff;--line:#c7d0cc;--muted:#536360;--sans:Inter,Arial,sans-serif;--mono:Mono,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5}
body.dialog-open{overflow:hidden}
a{color:inherit}
button,input,select,textarea{font:inherit}
.skip{position:fixed;top:-5rem;left:1rem;background:#fff;padding:10px;z-index:100}
.skip:focus{top:1rem}
header{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--dark);color:#fff;padding:0 clamp(20px,4vw,64px);position:sticky;top:0;z-index:20;border-bottom:1px solid #365151}
.brand{display:flex;gap:11px;align-items:center;text-decoration:none}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--mint);color:var(--dark);font:600 12px var(--mono)}
.brand>b,.brand span b{display:block;font-size:13px;letter-spacing:.1em}
.brand small{display:block;color:#8ba5a1;font:500 8px var(--mono);letter-spacing:.08em}
header nav{display:flex;gap:28px}
header nav a{text-decoration:none;color:#c4d3d0;font:500 10px var(--mono);letter-spacing:.06em}
.header-cta{justify-self:end;background:var(--mint);color:var(--dark);padding:11px 15px;text-decoration:none;font:600 10px var(--mono)}
.menu,.mobile-nav{display:none}
.dashboard-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:760px;background:var(--dark);color:#fff;padding:clamp(45px,6vw,90px) clamp(20px,4vw,64px);gap:clamp(40px,6vw,100px);align-items:center}
.hero-main{max-width:850px}
.breadcrumb{font:500 9px var(--mono);letter-spacing:.08em;color:#7da19d;display:flex;gap:9px;flex-wrap:wrap}
.breadcrumb em{font-style:normal;color:var(--mint)}
.status{font:500 10px var(--mono);letter-spacing:.1em;color:#b5cbc7;margin-top:65px}
.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ce0a5;margin-right:8px;box-shadow:0 0 16px #5ce0a5}
.hero-main h1{font-size:clamp(50px,6.2vw,104px);line-height:.93;letter-spacing:-.055em;margin:28px 0}
.hero-main h1 strong{color:var(--mint);font-weight:700}
.lede{font-size:clamp(17px,1.3vw,21px);color:#aec2bf;max-width:720px}
.teal-button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;background:var(--teal);border:1px solid var(--teal);color:#fff;text-decoration:none;padding:14px 17px;font-weight:750;cursor:pointer}
.hero-main .teal-button{margin-top:30px}
.teal-button:hover{background:#096a60}
.teal-button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.hero-panel{border:1px solid #42605e;background:#173233}
.panel-head,.card-bar{display:flex;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #42605e;color:#8ca7a3;font:500 8px var(--mono);letter-spacing:.08em}
.product{position:relative;background:#dbe0dd}
.product img{display:block;width:100%;height:auto;filter:saturate(.7)}
.product>span{position:absolute;left:10px;bottom:8px;color:#3d514e;font:500 8px var(--mono)}
.hero-panel dl{margin:0}
.hero-panel dl div{display:grid;grid-template-columns:1fr 1.3fr;padding:11px 13px;border-top:1px solid #365251}
.hero-panel dt{color:#829d99;font:500 9px var(--mono)}
.hero-panel dd{margin:0;font-size:12px;font-weight:700}
.scope,.workflow,.faq{padding:clamp(70px,9vw,140px) clamp(20px,4vw,64px)}
.section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:end;margin-bottom:50px}
.section-head>*{min-width:0}
.label{font:500 9px var(--mono);letter-spacing:.1em;color:var(--teal)}
.section-head h2,.rfq h2,.faq h2{font-size:clamp(40px,5vw,78px);line-height:.98;letter-spacing:-.05em;margin:18px 0 0}
.section-head>p{color:var(--muted);max-width:620px}
.spec-table{border-top:1px solid var(--line)}
.tr{display:grid;grid-template-columns:.55fr 1fr 1.25fr;border-bottom:1px solid var(--line);min-height:68px;align-items:center}
.tr>*{padding:15px 18px}
.tr>*+*{border-left:1px solid var(--line)}
.tr.head{font:500 9px var(--mono);color:var(--muted);min-height:42px;background:#e7ebe7}
.tr:not(.head)>span:first-child{font:500 10px var(--mono);color:var(--teal)}
.tr b{font-size:14px}
.tr span:last-child{color:var(--muted);font-size:13px}
.controls{background:var(--dark);color:#fff;padding:clamp(70px,9vw,140px) clamp(20px,4vw,64px)}
.section-head.light .label{color:var(--mint)}
.section-head.light>p{color:#a1b6b3}
.control-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3b5452;border-left:1px solid #3b5452}
.control-grid article{padding:30px;display:grid;grid-template-columns:52px 1fr;border-right:1px solid #3b5452;border-bottom:1px solid #3b5452}
.control-grid article>span{font:500 10px var(--mono);color:#7fa09d}
.signal{font:500 8px var(--mono);letter-spacing:.08em}
.signal:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}
.signal.ok{color:#73d8b1}
.signal.ok:before{background:#58dc9f}
.signal.review{color:#e3c172}
.signal.review:before{background:#e3b74b}
.control-grid h3{font-size:22px}
.control-grid article div>p:last-child{color:#a2b5b2}
.legal-note{color:#7c9d99;font-size:10px;max-width:900px;margin-top:28px}
.workflow ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.workflow li{display:grid;grid-template-columns:80px 1fr auto;gap:25px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.workflow li>span{font:500 10px var(--mono);color:var(--teal)}
.workflow li b{font-size:18px}
.workflow li p{margin:4px 0 0;color:var(--muted)}
.workflow li em{font:500 9px var(--mono);color:#586965;font-style:normal;border:1px solid var(--line);padding:7px 9px}
.rfq{display:grid;grid-template-columns:.72fr 1.28fr;background:#dfe5e1;padding:clamp(70px,9vw,140px) clamp(20px,4vw,64px);gap:clamp(40px,7vw,110px);align-items:start}
.rfq-aside{position:sticky;top:110px}
.rfq-aside>p:nth-of-type(2){color:var(--muted);max-width:520px}
.rfq-aside dl{margin-top:45px;border-top:1px solid #b9c5c0}
.rfq-aside dl div{padding:14px 0;border-bottom:1px solid #b9c5c0;display:grid;grid-template-columns:1fr 1fr}
.rfq-aside dt{font:500 9px var(--mono);color:var(--muted)}
.rfq-aside dd{font-size:12px;font-weight:700;margin:0}
.rfq-card{background:#fff;border:1px solid #b9c5c0;box-shadow:12px 12px 0 #b7c5bf}
.rfq-card .card-bar{color:#6c7c79;border-color:#d0d8d4;background:#f2f5f2}
.rfq-card form{padding:clamp(25px,4vw,50px)}
.rfq-card fieldset{border:0;padding:0;margin:0 0 42px}
.rfq-card legend{font:500 9px var(--mono);letter-spacing:.1em;color:var(--teal);width:100%;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.rfq-card label>span,.frequency>span{display:block;font:500 9px var(--mono);color:#61706e;margin-bottom:6px}
.rfq-card input,.rfq-card select,.rfq-card textarea{width:100%;border:1px solid #c3ceca;background:#f8faf8;padding:11px 12px;color:var(--ink);border-radius:0}
.rfq-card textarea{resize:vertical}
.field-error{display:block;min-height:18px;color:#a12b25;font-size:11px}
.frequency{margin-top:13px}
.frequency label{display:inline-block;margin-right:8px}
.frequency input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.frequency b{display:block;border:1px solid #c3ceca;padding:9px 18px;font-size:12px;cursor:pointer}
.frequency input:checked+b{background:var(--dark);color:#fff;border-color:var(--dark)}
.frequency input:focus-visible+b{outline:3px solid var(--mint);outline-offset:2px}
.consent{display:grid;grid-template-columns:20px 1fr;gap:10px;color:var(--muted);font-size:12px;margin:10px 0 22px}
.consent input{width:18px;height:18px}
.consent button{border:0;background:none;padding:0;color:var(--teal);text-decoration:underline;cursor:pointer}
.consent .field-error{grid-column:2}
.submit{min-width:310px}
.fallback{font-size:11px;color:var(--muted)}
.fallback a{color:var(--teal)}
.trap{position:absolute!important;left:-9999px!important}
.error-summary{background:#f8deda;color:#831e18;padding:12px;margin-bottom:18px}
.success{padding:clamp(40px,6vw,80px)}
.success-code{display:inline-block;background:#d5f5e8;color:#08795f;font:500 10px var(--mono);padding:8px 10px}
.success h3{font-size:clamp(42px,5vw,68px);letter-spacing:-.05em}
.success>p{color:var(--muted)}
.success small{display:block;margin:25px 0}
.success>button{display:block;border:0;background:none;color:var(--teal);text-decoration:underline;margin-top:20px;cursor:pointer}
.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}
.faq details{border-top:1px solid var(--line);padding:18px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-weight:750;list-style:none;cursor:pointer;display:flex;justify-content:space-between}
.faq summary:after{content:"+";font-family:var(--mono);color:var(--teal)}
.faq details[open] summary:after{content:"−"}
.faq details p{color:var(--muted);max-width:760px}
footer{background:var(--dark);color:#fff;padding:45px clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto auto 1fr;gap:50px;align-items:start}
footer>div{display:flex;flex-direction:column;gap:7px}
footer>div>span{color:#82a19d;font:500 8px var(--mono)}
footer a,footer button{font-size:11px;text-decoration:none;min-height:24px;padding:4px 0}
footer button{border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer}
footer p{justify-self:end;color:#82a09c;font-size:9px;max-width:360px}
.cookie{position:fixed;z-index:30;bottom:15px;left:15px;right:15px;max-width:1100px;margin:auto;background:#fff;border:1px solid var(--line);box-shadow:0 20px 70px #0e25284d;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.cookie[hidden]{display:none}
.cookie p{margin:0;font-size:11px}
.cookie>div{display:flex;align-items:center;gap:10px}
.cookie button:not(.teal-button){border:0;background:none;color:var(--teal);text-decoration:underline;cursor:pointer}
.cookie .teal-button{padding:8px 12px}
dialog{max-width:680px;width:calc(100% - 32px);padding:45px;border:1px solid var(--line);color:var(--ink)}
dialog::backdrop{background:#0e2829cc}
dialog .x{position:absolute;right:15px;top:8px;border:0;background:none;font-size:30px;cursor:pointer}
dialog h2{font-size:38px;letter-spacing:-.04em}
#cookie-dialog label{display:block;margin:14px 0}
#cookie-dialog .teal-button{margin-top:20px}
[data-reveal]{opacity:0;transform:translateY(15px);transition:.65s ease}
[data-reveal].is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}
}

@media(max-width:900px){header{height:64px;grid-template-columns:1fr auto;padding:0 18px}
header>nav,header>.header-cta{display:none}
.menu{display:block;border:0;background:none;color:var(--mint);font:500 10px var(--mono)}
header .mobile-nav{display:flex;position:absolute;top:64px;left:0;right:0;background:var(--dark);padding:20px;flex-direction:column;border-bottom:1px solid #3b5351}
header .mobile-nav[hidden]{display:none}
.dashboard-hero{grid-template-columns:1fr;padding:60px 20px}
.status{margin-top:45px}
.hero-main h1{font-size:14vw}
.section-head{grid-template-columns:1fr;gap:15px}
.scope,.workflow,.controls{padding:70px 20px}
.tr{grid-template-columns:.65fr 1.35fr}
.tr>*:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}
.tr.head>*:last-child{display:none}
.control-grid{grid-template-columns:1fr}
.rfq{grid-template-columns:1fr;padding:70px 20px}
.rfq-aside{position:static}
.faq{grid-template-columns:1fr;padding:70px 20px}
.rfq-card{box-shadow:7px 7px 0 #b7c5bf}
footer{grid-template-columns:1fr 1fr;padding:40px 20px}
footer p{justify-self:start}
.cookie{left:7px;right:7px;bottom:7px;display:block}
.cookie>div{margin-top:10px;flex-wrap:wrap}
}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}
.workflow li{grid-template-columns:42px 1fr}
.workflow li em{grid-column:2;width:max-content}
.control-grid article{grid-template-columns:35px 1fr;padding:22px}
.submit{min-width:0;width:100%}
footer{grid-template-columns:1fr}
.section-head h2{font-size:clamp(34px,11vw,44px)}
.hero-panel dl div{grid-template-columns:1fr 1fr}
.panel-head span:last-child{display:none}
}