:root{--bg:#07080a;--card:#111318;--line:#23262d;--txt:#f7f7f5;--muted:#979ca7;--accent:#5b8cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 24px}.nav{position:sticky;top:0;z-index:20;background:#07080ad9;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff0d}.navin{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.18em;font-size:13px}.pill,.btn{border:1px solid var(--line);background:#121419;color:#fff;padding:10px 14px;border-radius:999px;cursor:pointer}.btn.primary{background:#fff;color:#090a0c;border-color:#fff;font-weight:700}
.hero{min-height:78vh;display:grid;align-content:center;padding:70px 0}.eyebrow{color:#aab0ba;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.hero h1{font-size:clamp(48px,8vw,108px);line-height:.92;letter-spacing:-.065em;margin:18px 0;max-width:900px}.hero p{font-size:clamp(18px,2vw,26px);color:#b7bbc3;max-width:680px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.metric{padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#111318,#0b0c0f)}.metric b{display:block;font-size:28px;letter-spacing:-.04em}.metric span{color:var(--muted);font-size:12px}
.section{padding:80px 0}.section h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.05em;margin:0 0 12px}.lead{color:var(--muted);max-width:650px;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.card{position:relative;min-height:320px;padding:24px;border:1px solid var(--line);border-radius:26px;background:#0e1014;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-3px);border-color:#444}.orb{width:110px;height:110px;border-radius:50%;position:absolute;right:-20px;top:-20px;background:radial-gradient(circle at 30% 30%,#fff8,var(--c),transparent 70%);filter:blur(1px)}.tag{color:#b8bdc7;font-size:12px}.card h3{font-size:28px;margin:60px 0 8px;letter-spacing:-.04em}.card p{color:#a7abb4}.mini{display:flex;gap:7px;flex-wrap:wrap;position:absolute;bottom:22px}.mini span{border:1px solid #ffffff14;border-radius:999px;padding:7px 9px;font-size:11px;color:#c7cad0}
.reveal{margin-top:30px;padding:28px;border:1px solid var(--line);border-radius:28px;background:#0d0f12}.hiddenValues{filter:blur(12px);user-select:none;transition:.35s}.hiddenValues.show{filter:none}.road{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{padding:20px;border-left:2px solid #fff}.step small{color:var(--muted)}footer{padding:70px 0;color:#707680}
@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.metrics,.road{grid-template-columns:1fr 1fr}.hero{min-height:70vh}}
@media(max-width:560px){.wrap{padding:0 16px}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.road{grid-template-columns:1fr}.card{min-height:280px}.hero h1{font-size:54px}}