:root{
  --bg:#f5f6f1;--surface:#fff;--ink:#111310;--muted:#62675f;--line:#dde0d8;
  --lime:#b8d700;--lime-dark:#91a900;--graphite:#151714;--soft:#edf0e8;
  --radius:22px;--shadow:0 24px 70px rgba(25,28,20,.12)
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:76px;max-width:100%;overflow-x:hidden}
body{font-family:'Golos Text',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;max-width:100%;overflow-x:hidden}
body.lock{overflow:hidden}
a{color:inherit}button,input,textarea{font:inherit}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.top{background:var(--graphite);color:#e9ece5;font-size:13px;padding:8px 0}
.top .wrap,.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}
.top a{text-decoration:none;font-weight:800}
.nav{position:sticky;top:0;z-index:30;background:rgba(245,246,241,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,19,16,.08)}
.nav .wrap{min-height:68px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;letter-spacing:-.02em}
.brandmark{width:38px;height:38px;border-radius:12px;background:var(--graphite);color:var(--lime);display:grid;place-items:center;font:700 17px 'IBM Plex Mono'}
.links{display:flex;gap:22px;font-size:14px;color:#52574f}
.links a{text-decoration:none}
.links a:hover{color:#111}
.navbtn{border:0;background:var(--graphite);color:#fff;border-radius:999px;padding:11px 17px;font-weight:800;cursor:pointer}
.hero{position:relative;overflow:hidden;padding:76px 0 58px;background:linear-gradient(180deg,#fbfcf8 0%,#f2f4ec 100%)}
.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(184,215,0,.16);right:-110px;top:-155px;filter:blur(2px)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
.eyebrow,.label{font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:900}
.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;margin-bottom:22px}
.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lime)}
h1{font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.045em;max-width:13ch;margin-bottom:22px}
h2{font-size:clamp(30px,4.3vw,46px);line-height:1.1;letter-spacing:-.035em;max-width:24ch;margin-bottom:16px}
.lead{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:60ch;margin-bottom:28px}
.lead strong{color:var(--ink)}
.actions,.final-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:14px 21px;text-decoration:none;font-weight:900;cursor:pointer;transition:.18s}
.btn:hover{transform:translateY(-2px)}
.primary{background:var(--graphite);color:#fff;box-shadow:0 12px 30px rgba(17,19,16,.18)}
.secondary{background:#fff;color:var(--ink);border-color:var(--line)}
.lime{background:var(--lime);color:#111}
.outline{background:transparent;color:inherit;border-color:currentColor}
.wide{width:100%}
.micro{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;color:#555b52;font-size:13px}
.micro span{display:flex;align-items:center;gap:7px}
.micro i{width:7px;height:7px;border-radius:50%;background:var(--lime);display:inline-block}
.product-stage{position:relative;min-height:560px;display:grid;place-items:center}
.product-stage:before{content:"";position:absolute;width:410px;height:410px;border-radius:50%;background:linear-gradient(145deg,#fff,#eef1e7);box-shadow:inset 0 0 0 1px #e3e6de}
.product-img{position:relative;z-index:2;display:block;width:min(390px,86%);height:auto;filter:drop-shadow(0 34px 28px rgba(24,27,19,.18))}
.price-chip{position:absolute;z-index:3;right:3%;bottom:72px;background:var(--graphite);color:#fff;border-radius:18px;padding:15px 17px;box-shadow:var(--shadow);transform:rotate(-2deg)}
.price-chip strong{display:block;color:var(--lime);font-size:18px}
.trustbar{position:relative;margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(25,28,20,.05)}
.trustbar div{padding:18px 20px;border-right:1px solid var(--line)}
.trustbar div:last-child{border:0}
.trustbar strong{display:block;font-size:15px}
.trustbar span{font-size:12.5px;color:var(--muted)}
section{padding:78px 0}
.white{background:#fff}
.soft{background:var(--soft)}
.label{color:#7a8d00;margin-bottom:14px}
.sub{font-size:17px;color:var(--muted);max-width:68ch;margin-bottom:36px}
.audience{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.aud{min-height:170px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.aud .icon{width:42px;height:42px;border-radius:13px;background:var(--graphite);color:var(--lime);display:grid;place-items:center;font-size:19px}
.aud strong{font-size:15px;line-height:1.35}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 25px}
.card .num{font:700 13px 'IBM Plex Mono';color:#819500}
.card h3{font-size:21px;margin:18px 0 9px}
.card p,.step p,.buy-step p{font-size:14.5px;color:var(--muted)}
.solution{background:var(--graphite);color:#fff;border-radius:28px;padding:44px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;box-shadow:var(--shadow)}
.solution .label{color:var(--lime)}
.solution .sub{color:#b9beb6}
.steps{display:grid;gap:12px}
.step{display:grid;grid-template-columns:46px 1fr;gap:15px;background:#22251f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px}
.step .n{width:46px;height:46px;border-radius:50%;background:var(--lime);color:#111;display:grid;place-items:center;font:700 15px 'IBM Plex Mono'}
.step h3{font-size:17px;margin-bottom:4px}
.step p{color:#adb2aa}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.spec{background:#fff;color:#111;border-radius:17px;padding:20px}
.spec.big{grid-column:1/-1;background:var(--lime)}
.spec .v{font:700 clamp(28px,4vw,42px) 'IBM Plex Mono';line-height:1}
.spec .k{font-size:13px;color:#5e645b;margin-top:8px}
.warning{grid-column:1/-1;font-size:12px;color:#bec4ba;padding-top:10px}
.registry{display:grid;grid-template-columns:1fr 330px;gap:24px}
.doc{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px}
.doc-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}
.doc dl{display:grid;grid-template-columns:180px 1fr;gap:12px 22px;font-size:14.5px}
.doc dt{color:var(--muted)}
.doc dd{font-weight:650}
.docbox{background:var(--graphite);color:#fff;border-radius:22px;padding:25px}
.docbox p{color:#b9beb6;font-size:14px;margin:8px 0 16px}
.docbox .btn{margin-top:10px}
.calc{background:var(--graphite);color:#fff}
.calc .label{color:var(--lime)}
.calc .sub{color:#b9beb6}
.calcbox{display:grid;grid-template-columns:.78fr 1.22fr;gap:36px;background:#20231e;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:34px}
.calc label{display:block;color:#b9beb6;font-size:13px;font-weight:800;margin-bottom:10px}
.area{display:flex;align-items:baseline;gap:12px}
.area input{width:min(220px,75%);border:0;border-bottom:3px solid var(--lime);background:transparent;color:#fff;outline:none;font:700 clamp(42px,6vw,62px) 'IBM Plex Mono'}
.area span{font-size:20px;color:#c7cbc4;font-weight:700}
.hint{font-size:12.5px;color:#92988f;margin-top:13px}
.results{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.result{background:#2a2e27;border-radius:16px;padding:19px}
.result .value{font:700 clamp(26px,3vw,36px) 'IBM Plex Mono';line-height:1}
.result .cap{font-size:13px;color:#afb5ab;margin-top:7px}
.total{grid-column:1/-1;background:var(--lime);color:#111}
.total .cap{color:#4e5500}
.calccta,.calcfoot{grid-column:1/-1}
.calcfoot{font-size:12px;color:#92988f}
.buy{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.buy-step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 21px}
.buy-step small{font:700 13px 'IBM Plex Mono';color:#839700}
.buy-step h3{font-size:17px;margin:18px 0 7px}
.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.chip{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.chip strong{display:block}
.faqs{display:grid;gap:10px;max-width:900px}
.faqs details{background:#fff;border:1px solid var(--line);border-radius:16px}
.faqs summary{cursor:pointer;list-style:none;padding:20px 54px 20px 21px;font-weight:850;position:relative}
.faqs summary:after{content:"+";position:absolute;right:19px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#111;font-size:20px}
.faqs details[open] summary:after{content:"−"}
.answer{padding:0 21px 20px;color:var(--muted);font-size:15px;max-width:75ch}
.final{background:var(--lime);text-align:center}
.final h2,.final .sub{margin-left:auto;margin-right:auto}
.final .sub{color:#4f5600}
.final-actions{justify-content:center}
.phonebig{display:block;width:max-content;margin:28px auto 0;text-decoration:none;font:700 clamp(28px,5vw,44px) 'IBM Plex Mono'}
footer{background:#0e100d;color:#aab0a7;padding:42px 0 46px;font-size:13.5px}
.foot{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}
footer strong,footer a{color:#eef0eb}
.safety{font-size:12px;color:#777d75;margin-top:13px}
.sticky{display:none;position:fixed;z-index:45;left:12px;right:12px;bottom:12px}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.modal.open{display:flex}
.backdrop{position:absolute;inset:0;background:rgba(5,6,5,.78);backdrop-filter:blur(5px)}
.panel{position:relative;width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:22px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.38)}
.close{position:absolute;right:15px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:var(--soft);cursor:pointer;font-size:22px}
.panel h2{font-size:31px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-size:13px;font-weight:800}
.field input,.field textarea{border:1px solid #cfd3cb;border-radius:11px;padding:12px 13px;outline:none}
.field textarea{min-height:92px;resize:vertical}
.consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);margin:16px 0}
.status{display:none;margin-top:13px;border-radius:11px;padding:12px 14px;font-size:13px}
.status.show{display:block;background:#eef3cf;color:#3b4300}
.devnote{font-size:11.5px;color:#7c8179;margin-top:12px}
@media(max-width:980px){
 .links{display:none}.hero-grid{grid-template-columns:1fr .82fr;gap:28px}.product-stage{min-height:500px}
 .trustbar{grid-template-columns:1fr 1fr}.audience{grid-template-columns:repeat(3,1fr)}
 .solution,.registry,.calcbox{grid-template-columns:1fr}.buy{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .wrap{width:calc(100% - 28px)}.top{display:none}.nav .wrap{min-height:60px}.navbtn{display:none}
 .hero{padding:42px 0 34px}.hero-grid{grid-template-columns:1fr}.hero-grid>div{min-width:0}.actions .btn{width:100%}
 h1{font-size:clamp(34px,9vw,38px);line-height:1.05;letter-spacing:-.04em;max-width:100%;overflow-wrap:normal;word-break:normal}
 .lead{font-size:17px;line-height:1.5}
 .eyebrow{max-width:100%;white-space:normal;line-height:1.35}
 .product-stage{min-height:430px;margin-top:-8px}.product-stage:before{width:330px;height:330px}
 .product-img{width:min(310px,82%)}.price-chip{right:0;bottom:30px}
 .trustbar{grid-template-columns:1fr;margin-top:20px}.trustbar div{border-right:0;border-bottom:1px solid var(--line)}
 section{padding:58px 0}.audience,.cards,.buy,.chips{grid-template-columns:1fr}
 .solution{padding:25px 18px}.specs{grid-template-columns:1fr}.spec.big,.warning{grid-column:auto}
 .doc{padding:22px 18px}.doc dl{grid-template-columns:1fr;gap:3px}.doc dt{margin-top:12px}
 .calcbox{padding:23px 17px}.results{grid-template-columns:1fr}.total,.calccta,.calcfoot{grid-column:auto}
 .foot{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}
 .sticky{display:block}footer{padding-bottom:105px}
}
@media(max-width:380px){
 h1{font-size:33px}
 .wrap{width:calc(100% - 24px)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}