:root{--bg:#080a10;--panel:#12141b;--alt:#0c0e15;--line:#262933;--red:#ff1a0a;--txt:#fff;--mut:#9ea1ab;--max:1160px;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;background:var(--bg)}
body{background:var(--bg);color:var(--txt);font:400 1.05rem/1.6 'Saira',system-ui,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.wrap{width:min(100% - 40px,var(--max));margin:0 auto}
h1{font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.08;font-weight:800}
h2{font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.15;font-weight:800}
em{font-style:normal;color:var(--red)}
.ey{color:var(--red);font-weight:600;letter-spacing:.22em;font-size:.8rem;text-transform:uppercase;margin-bottom:1rem}
.lead{color:var(--mut);font-size:1.15rem;margin:1.2rem 0;max-width:60ch}
.txt p{color:var(--mut);margin-bottom:1rem;max-width:62ch}
.btn{display:inline-block;background:var(--red);color:#fff;font-weight:600;padding:.9rem 1.5rem;border:1px solid var(--red);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff1a0a55}
.btn.sm{padding:.55rem 1.1rem}.btn.ghost{background:transparent;border-color:#454854}.btn.ghost:hover{border-color:var(--red);box-shadow:none}
.btn.white{background:#fff;color:#080a10;border-color:#fff}.btn.line{background:transparent;border-color:#fff}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin:1.8rem 0}
.hd{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.hd.on{background:#080a10d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.hd-in{display:flex;justify-content:space-between;align-items:center;height:72px}
.brand{display:flex;align-items:center;gap:12px}.brand img{height:38px;width:auto;mix-blend-mode:lighten}
.brand strong{display:block;font-size:1rem;letter-spacing:.14em;line-height:1.1}.brand small{display:block;font-size:.62rem;letter-spacing:.26em;color:var(--mut)}
nav{display:flex;align-items:center;gap:28px;font-size:.95rem;font-weight:600}nav a:not(.btn):hover{color:var(--red)}
.sec{padding:clamp(64px,9vw,110px) 0}.alt{background:var(--alt);border-block:1px solid var(--line)}
.two{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,70px);align-items:start}
.hero{padding:140px 0 80px;background:radial-gradient(ellipse at 85% 10%,#ff1a0a22,transparent 55%),linear-gradient(#ffffff08 1px,transparent 1px) 0 0/80px 80px,linear-gradient(90deg,#ffffff08 1px,transparent 1px) 0 0/80px 80px}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.kpis{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.kpis dt{font-weight:800;font-size:1.25rem}.kpis dd{color:var(--mut);font-size:.9rem}
.dash{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--red);padding:22px;box-shadow:0 30px 80px #0008}
.dash-top{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.22em;color:var(--mut);margin-bottom:16px}.dash-top i{font-style:normal;color:var(--red)}
.dg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.m{background:#0b0d13;border:1px solid var(--line);padding:14px}.m small{display:block;font-size:.72rem;color:var(--mut)}.m b{display:block;font-size:1.5rem;font-weight:800;line-height:1.2}.m span{font-size:.78rem;color:var(--mut)}
.chart{margin:10px 0;background:#0b0d13;border:1px solid var(--line);padding:12px}.chart small{color:var(--mut);font-size:.72rem}.chart svg{width:100%;height:110px;display:block}
.ln{fill:none;stroke:var(--red);stroke-width:3;stroke-dasharray:700;stroke-dashoffset:700;animation:draw 2s .3s forwards}.ar{fill:#ff1a0a22}
@keyframes draw{to{stroke-dashoffset:0}}
.strip{border-block:1px solid var(--line);background:var(--alt);padding:18px 0}
.strip .wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;color:var(--mut);font-size:.9rem}
.strip b{color:#fff;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem}.strip i{width:6px;height:6px;border-radius:50%;background:var(--red)}
.card{background:var(--panel);border:1px solid var(--line);padding:24px;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-4px);border-color:var(--red)}
.card b{display:block;font-size:1.2rem}.card small{display:block;color:var(--mut)}.card p,.card>span{color:var(--mut);font-size:.95rem}
.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.g5{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.big{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:2rem 0}.big b{font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1;margin-top:6px}.hl{border-color:var(--red);box-shadow:0 0 40px #ff1a0a22}.hl b{color:var(--red)}
h3.sub{font-size:1.15rem;font-weight:800;margin:2.4rem 0 1rem}
.pills{display:flex;flex-wrap:wrap;gap:10px}.pills span{border:1px solid var(--red);padding:8px 18px;font-weight:600;font-size:.95rem}
.cl{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;margin-top:2.2rem}
.cl .card{display:flex;flex-direction:column;gap:12px}
.cl .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cl h3{font-size:1.25rem;font-weight:800}
.tag{font-size:.68rem;letter-spacing:.16em;font-weight:600;color:var(--red);border:1px solid var(--red);padding:3px 9px;white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.chips span{font-size:.75rem;color:#d3d6dc;background:#0b0d13;border:1px solid var(--line);padding:4px 9px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:2.4rem;counter-reset:s}
.steps li{border-top:3px solid var(--red);padding-top:18px;counter-increment:s}.steps li::before{content:"0" counter(s);color:var(--red);font-weight:800}.steps b{display:block;font-size:1.15rem;margin:4px 0}.steps p{color:var(--mut);font-size:.95rem}
.sk h3{color:var(--red);font-size:1.1rem;font-weight:800;margin-bottom:.7rem}
.final{background:linear-gradient(135deg,#ff1a0a,#b30d04);padding:clamp(70px,9vw,110px) 0;text-align:center}
.final p{max-width:56ch;margin:1.2rem auto 0;color:#ffe9e7}.final .cta{justify-content:center}
.ft{padding:30px 0 calc(30px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);color:var(--mut);font-size:.9rem}.ft .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.ft strong{color:#fff;letter-spacing:.14em}
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}.ln{stroke-dashoffset:0}}
@media(max-width:900px){.two,.hero-in{grid-template-columns:1fr}.hero{padding-top:110px}}
@media(max-width:700px){nav a:not(.btn){display:none}.brand small{display:none}}
@media(max-width:520px){.cta .btn{width:100%;text-align:center}.cl{grid-template-columns:1fr}}