:root{--bg:#081019;--bg2:#0c1622;--card:#101c2a;--line:#1c2c3d;--tx:#f4f7fb;--mu:#93a1b5;--ac:#3fb4c4;--ac2:#8ad65a;--ok:#3ddc97;--wa:#25d366;--warn:#f5b84a;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top,0px));height:100%}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.65 Manrope,system-ui,sans-serif;min-height:100%}
h1,h2,h3{font-family:Sora,system-ui,sans-serif;line-height:1.15;margin:0;letter-spacing:-.02em}
a{color:inherit}
.w{max-width:1160px;margin:0 auto;padding:0 22px}
section{padding:88px 0;border-top:1px solid var(--line)}
h2{font-size:clamp(28px,4vw,42px);max-width:20ch}
.lead{color:var(--mu);max-width:62ch;margin:14px 0 40px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:10px;font-weight:700;text-decoration:none;border:1px solid var(--line);cursor:pointer;background:transparent;color:var(--tx);font-size:15px;font-family:inherit;transition:.2s}
.btn:hover{border-color:var(--ac2)}
.btn.p{background:var(--ac);border-color:var(--ac);}
.btn.p{color:#03151a}.btn.p:hover{background:#5cc6d4}
.btn.w2{background:var(--wa);border-color:var(--wa);color:#04210f}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ac2);outline-offset:3px}
header{position:sticky;top:0;z-index:20;background:rgba(8,16,25,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font:700 18px Sora,sans-serif;text-decoration:none}
.logo small{display:block;font:400 11px Manrope,sans-serif;color:var(--mu);letter-spacing:0}
nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--mu)}
nav a{text-decoration:none}nav a:hover{color:var(--tx)}
#mb{display:none;background:none;border:1px solid var(--line);color:var(--tx);border-radius:8px;padding:8px 12px;font-size:18px}
.hero{padding:72px 0 80px;border:0;background:var(--bg2)}
.hg{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
h1{font-size:clamp(34px,5.4vw,60px)}
.hero p{color:var(--mu);font-size:18px;max-width:50ch;margin:20px 0 30px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.note{font-size:13px;color:var(--mu);margin-top:18px}
.panel{background:linear-gradient(180deg,#101c2a,#0c1622);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 30px 80px -30px rgba(63,180,196,.45);position:relative;overflow:hidden}
.ph{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--mu);margin-bottom:14px}
.tag{border:1px dashed var(--warn);color:var(--warn);border-radius:99px;padding:2px 10px;font-size:11px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.kpi{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.kpi b{font:700 22px Sora,sans-serif;display:block}.kpi span{font-size:11.5px;color:var(--mu)}
.rows{display:grid;gap:8px;position:relative}
.row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13px}
.row i{font-style:normal;color:var(--mu);font-size:12px;display:block}
.st{font-size:11.5px;border-radius:99px;padding:3px 10px;border:1px solid}
.s1{color:var(--ac2);border-color:rgba(138,214,90,.4)}.s2{color:var(--warn);border-color:rgba(245,184,74,.4)}.s3{color:var(--ok);border-color:rgba(61,220,151,.4)}
.scan{display:none;position:absolute;left:0;right:0;height:46px;background:linear-gradient(180deg,transparent,rgba(63,180,196,.28),transparent);animation:sc 4.5s ease-in-out infinite;pointer-events:none}
@keyframes sc{0%{top:-46px}100%{top:100%}}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.step{padding:0 22px 0 0;position:relative}
.step:before{content:"";position:absolute;top:19px;left:44px;right:8px;height:1px;background:var(--line)}
.step:last-child:before{display:none}
.dot{width:40px;height:40px;border-radius:50%;border:1px solid var(--ac);display:grid;place-items:center;font:700 15px Sora,sans-serif;color:var(--ac2);background:var(--bg);position:relative;margin-bottom:18px}
.step h3{font-size:18px;margin-bottom:8px}.step p{color:var(--mu);font-size:14.5px;margin:0}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}
.card h3{font-size:18px;margin:14px 0 8px}.card p{color:var(--mu);font-size:14.5px;margin:0}
.ic{width:38px;height:38px;border-radius:10px;background:rgba(63,180,196,.12);display:grid;place-items:center;color:var(--ac2)}
.ic svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pl{display:flex;flex-wrap:wrap;gap:10px}
.pl span{border:1px solid var(--line);background:var(--bg2);border-radius:99px;padding:9px 18px;font-weight:500;font-size:14.5px}
.warn{color:var(--mu);font-size:14px;margin-top:22px;max-width:70ch;border-left:2px solid var(--ac);padding-left:14px}
.plan{display:flex;flex-direction:column}.plan .btn{margin-top:auto}.plan p{margin-bottom:22px!important}
.plan.f{border-color:var(--ac);}
.fac{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px;font-size:13.5px;color:var(--mu)}
.fac div{border-top:1px solid var(--line);padding-top:10px}
.dg{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
.form{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;min-height:360px}
.bar{height:4px;background:var(--line);border-radius:4px;margin-bottom:22px}.bar i{display:block;height:100%;background:var(--ac);border-radius:4px;transition:width .3s}
.q{font:700 19px Sora,sans-serif;margin-bottom:16px}
.opt{display:block;width:100%;text-align:left;background:var(--bg);border:1px solid var(--line);color:var(--tx);border-radius:10px;padding:13px 16px;margin-bottom:10px;font:500 15px Manrope,sans-serif;cursor:pointer;transition:.15s}
.opt:hover{border-color:var(--ac2);background:#0f2030}
.chk{display:flex;gap:10px;font-size:13.5px;color:var(--mu);margin:14px 0 18px;align-items:flex-start}
.chk input{margin-top:4px;width:18px;height:18px;accent-color:var(--ac)}
.hp{position:absolute;left:-9999px}
.back{background:none;border:0;color:var(--mu);cursor:pointer;margin-top:6px;font:inherit;font-size:13px}
.rep{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}th{color:var(--mu);font-weight:500}
.scroll{overflow-x:auto}
.hist{list-style:none;margin:0;padding:0;font-size:13px;color:var(--mu)}
.hist li{padding:9px 0 9px 16px;border-left:1px solid var(--line);position:relative}
.hist li:before{content:"";position:absolute;left:-4px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--ac)}
.hist b{color:var(--tx);font-weight:500}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}
.about p{color:var(--mu)}
.vals{display:grid;gap:12px}
.vals div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:14.5px}
.vals b{display:block;font-family:Sora,sans-serif;margin-bottom:2px}
details{border-bottom:1px solid var(--line);padding:18px 0;max-width:820px}
summary{cursor:pointer;font:700 17px Sora,sans-serif;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary:after{content:"+";color:var(--ac2);font-size:22px;line-height:1}
details[open] summary:after{content:"–"}
details p{color:var(--mu);margin:12px 0 0;max-width:68ch}
.legal{font-size:14px;color:var(--mu);max-width:78ch}.legal h3{color:var(--tx);font-size:17px;margin:20px 0 6px}
footer{border-top:1px solid var(--line);padding:48px 0 110px;background:var(--bg2);font-size:14px;color:var(--mu)}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}footer a{text-decoration:none}footer a:hover{color:var(--tx)}
.fl{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--wa);color:#04210f;border-radius:99px;padding:14px 20px;font-weight:700;text-decoration:none;display:flex;gap:8px;align-items:center;box-shadow:0 10px 30px rgba(37,211,102,.35)}
@media(max-width:900px){
 .hg,.dg,.about,.rep,.fg{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr 1fr;gap:32px 0}.step:before{display:none}
 .g3{grid-template-columns:1fr}.fac{grid-template-columns:1fr 1fr}
 section{padding:64px 0}
 nav ul{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;padding:18px 22px;border-bottom:1px solid var(--line);gap:14px;font-size:16px}
 nav ul.open{display:flex}#mb{display:block}.hb{display:none}
}
@media(max-width:520px){.steps{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(3,1fr)}.fl span{display:none}}
@media(prefers-reduced-motion:reduce){.scan{display:none;animation:none;display:none}html{scroll-behavior:auto}}
.hc{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:28px}
.hc h3{font-size:20px;margin-bottom:6px}.hc ul{list-style:none;margin:16px 0;padding:0}
.hc li{padding:14px 0;border-top:1px solid var(--line);color:var(--mu);font-size:14.5px}.hc li b{display:block;color:var(--tx);font-weight:700;margin-bottom:2px}
.hc p{font-size:13px;color:var(--mu);margin:0;border-top:1px solid var(--line);padding-top:14px}
.pn{border-top:1px solid var(--line)}.pr{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;padding:24px 0;border-bottom:1px solid var(--line)}
.pr h3{font:500 19px/1.4 Sora,sans-serif}.pr p{margin:0;color:var(--mu)}
@media(max-width:900px){.pr{grid-template-columns:1fr;gap:8px}}

.nav ul{gap:18px;white-space:nowrap}.nav .btn{padding:10px 18px;white-space:nowrap;align-self:center;font-size:14px}
h1{font-size:clamp(32px,4.6vw,52px)}
.hero{background:var(--bg2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='420' fill='none' stroke='%233fb4c4' stroke-opacity='.22'%3E%3Cpath d='M30 60 140 20 250 90 360 40 480 110M140 20 120 150 250 90 300 200 120 150 60 260 200 300 300 200 420 260 480 110M200 300 260 390 420 260 360 40 300 200'/%3E%3Cg fill='%238ad65a' fill-opacity='.5' stroke='none'%3E%3Ccircle cx='140' cy='20' r='3'/%3E%3Ccircle cx='250' cy='90' r='3'/%3E%3Ccircle cx='360' cy='40' r='3'/%3E%3Ccircle cx='120' cy='150' r='3'/%3E%3Ccircle cx='300' cy='200' r='3'/%3E%3Ccircle cx='420' cy='260' r='3'/%3E%3Ccircle cx='200' cy='300' r='3'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 40px top 10px;background-size:520px}
.hero:after{content:"";display:block}
.hc{border-top:3px solid var(--ac2);box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}
.tr{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:13.5px;color:var(--mu)}
.tr span:before{content:"✓";color:var(--ac2);margin-right:7px;font-weight:700}
section:nth-of-type(even){background:var(--bg2)}
section>.w>h2,section>.w>.lead{text-align:center;margin-left:auto;margin-right:auto}
section>.w>h2{max-width:26ch}.legal>h2{text-align:left!important;margin-left:0!important}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:0}
.pr{display:block;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--ac);border-radius:10px;padding:22px 24px}
.pr h3{font:700 17px/1.4 Sora,sans-serif;margin-bottom:10px}.pr p{font-size:14.5px}
.card{transition:.2s}.card:hover{border-color:var(--ac);transform:translateY(-2px)}
.ic{width:44px;height:44px;background:linear-gradient(135deg,rgba(63,180,196,.2),rgba(138,214,90,.2))}
.dot{width:46px;height:46px;background:var(--card);border-color:var(--ac2);font-size:17px}
.step{text-align:left}.step:before{top:23px;left:56px}
.pl{justify-content:center}.warn{margin-left:auto;margin-right:auto}
.cta{justify-content:inherit}section>.w>.cta{justify-content:center}
.plan.f{border-color:var(--ac2)}
details{margin:0 auto}
@media(max-width:900px){.pn{grid-template-columns:1fr}.hero{background-image:none}.nav ul{white-space:normal}}

section{padding:64px 0}.hero{padding:52px 0 60px}
.lead{margin:12px auto 32px}
footer{padding:40px 0 96px}footer ul{align-content:start}footer p{margin:10px 0 16px;line-height:1.7}
.lg{padding:48px 0}.lgg{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.legal h2{font-size:20px!important;margin:0 0 14px!important;text-align:left!important;color:var(--tx)}.legal p{font-size:13.5px;margin:0 0 10px}.legal b{color:var(--tx)}
@media(max-width:900px){section{padding:44px 0}.hero{padding:36px 0 44px}.lgg{grid-template-columns:1fr;gap:28px}.lead{margin-bottom:24px}h2{font-size:27px}.card,.pr{padding:18px}footer{padding:32px 0 88px}.steps{gap:26px 0}}

.pg .cta{justify-content:flex-start!important}
.pg{padding:48px 0 40px;background:var(--bg2);border:0}.pg h1{font-size:clamp(28px,4vw,44px);max-width:22ch}.pg p{color:var(--mu);max-width:64ch;margin:16px 0 24px}
.bc{font-size:13px;color:var(--mu);margin-bottom:18px}.bc a{text-decoration:none}.bc a:hover{color:var(--tx)}
.art{max-width:780px;margin:0 auto;padding:0 22px}.art h2{font-size:clamp(22px,3vw,30px);max-width:none;margin:40px 0 12px;text-align:left}
.art p,.art li{color:var(--mu)}.art ul{padding-left:20px}.art li{margin:6px 0}.art b{color:var(--tx)}
.art-s{padding:24px 0 56px;border:0}.band{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--ac2);border-radius:10px;padding:26px;margin:40px 0;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.band p{margin:0;color:var(--tx);font-weight:500;max-width:46ch}
.see{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.see a{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px;text-decoration:none;font-weight:500;font-size:15px}.see a:hover{border-color:var(--ac)}
@media(max-width:900px){.see{grid-template-columns:1fr}.pg{padding:32px 0 24px}}
.ph2{grid-column:1/-1;margin:0}.ph2 img{display:block;width:100%;height:auto;max-height:540px;object-fit:cover;object-position:center 22%;border-radius:12px;border:1px solid var(--line)}@media(max-width:900px){.ph2 img{max-height:none}}
.ph2{grid-column:auto;margin:28px 0 0}.ph2 img{max-height:300px;object-position:center 18%}@media(max-width:900px){.ph2 img{max-height:none}}
.vals{align-content:start}
.ph2{margin:22px auto 0;max-width:300px}.ph2 img{max-height:200px;border-radius:10px}@media(max-width:900px){.ph2{max-width:260px}.ph2 img{max-height:180px}}