:root{--bg-900:#151618;--bg-800:#202227;--surface:#2b2d33;--border:#3f434d;--text-100:#f4f5f7;--text-300:#c6c8cc;--text-muted:#9a9da5;--accent:#ffd33d;--accent-ink:#1f2024}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0}body{min-height:100vh;color:var(--text-100);background:radial-gradient(circle at 20% 10%,#2c2e35 0,var(--bg-900) 50%);font-family:Avenir Next,Segoe UI,sans-serif}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(21,22,24,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav-inner{width:min(1120px,100%);margin:0 auto;padding:.9rem 1.5rem;display:flex;gap:1.5rem}.brand,.nav-inner{align-items:center}.brand{display:inline-flex;gap:.6rem;font-weight:800;font-size:1.15rem;letter-spacing:.01em}.brand-logo{width:1.1rem;height:1.1rem}.nav-links{display:flex;gap:1.25rem;margin-left:auto}.nav-links a{color:var(--text-300);text-decoration:none;font-size:.95rem}.nav-links a:hover{color:var(--accent)}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.lang-switch a{background:transparent;border:0;color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.04em;padding:.45rem .75rem;cursor:pointer;text-decoration:none}.lang-switch a+a{border-left:1px solid var(--border)}.lang-switch a:hover{color:var(--text-100)}.lang-switch a.lang-active{background:var(--accent);color:var(--accent-ink)}.hero{padding:4.5rem 1.5rem 3rem}.hero-inner{width:min(880px,100%);margin:0 auto;text-align:center}.eyebrow{margin:0;color:var(--accent);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}h1{margin:.75rem 0 1rem;font-size:clamp(2rem,5.5vw,3.4rem);line-height:1.08;letter-spacing:-.01em}h2{margin:.5rem 0 1rem;font-size:clamp(1.4rem,3.5vw,2rem);line-height:1.2}h3{margin:0 0 .5rem;font-size:1.1rem}p{margin:0;color:var(--text-300);line-height:1.6}.lede{font-size:clamp(1rem,2.4vw,1.2rem);max-width:680px;margin:0 auto}.section-lede{max-width:720px;margin-bottom:1.75rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.75rem;justify-content:center}.section .actions{justify-content:flex-start}.button{text-decoration:none;border-radius:10px;padding:.8rem 1.25rem;font-weight:700;display:inline-block}.button-small{padding:.55rem .95rem;font-size:.9rem;white-space:nowrap}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-primary:hover{background:#e6bd2f}.button-secondary{border:1px solid #4f545f;color:var(--text-100)}.button-secondary:hover{border-color:var(--accent);color:var(--accent)}.standards{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.standards li{border:1px solid var(--border);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;color:var(--text-300);background:rgba(255,255,255,.02)}.section{padding:3.5rem 1.5rem}.section-alt{background:rgba(255,255,255,.015);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-inner{width:min(1120px,100%);margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.1rem;gap:1.1rem;margin-top:1.75rem}.grid-two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:linear-gradient(165deg,#2b2d33 0,var(--bg-800) 100%);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,.35)}.feature-card p{font-size:.95rem}.text-link{display:inline-block;margin-top:1rem;color:var(--accent);font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.compare-grid{margin-top:1.5rem;border:1px solid var(--border);border-radius:16px;overflow:hidden}.compare-head{display:grid;grid-template-columns:1fr 1fr 32px 1fr;align-items:center;grid-gap:.8rem;gap:.8rem;background:rgba(255,211,61,.06);padding:.85rem 1.1rem;border-bottom:1px solid var(--border)}.compare-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.compare-legacy{color:var(--text-muted);text-align:left}.compare-modern{color:var(--accent);text-align:right}.compare-vs{text-align:center;color:var(--text-300);font-size:.75rem;font-weight:700;letter-spacing:.08em}.compare-row{display:grid;grid-template-columns:1fr 1fr 32px 1fr;align-items:center;grid-gap:.8rem;gap:.8rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--border);color:var(--text-300);font-size:.95rem}.compare-row:last-child{border-bottom:none}.compare-area{color:var(--text-100);font-weight:500;text-align:left}.compare-legacy-text{color:var(--text-muted)}.compare-arrow{text-align:center;color:var(--border);font-size:1rem}.compare-modern-text{text-align:right}.steps{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.1rem;gap:1.1rem}.step-number{display:inline-block;font-weight:800;color:var(--accent);font-size:.85rem;letter-spacing:.08em;margin-bottom:.5rem}.footer{border-top:1px solid var(--border);padding:2.5rem 1.5rem 3rem}.footer-inner{width:min(1120px,100%);margin:0 auto;display:grid;grid-gap:1rem;gap:1rem;justify-items:start}.footer p{max-width:640px;font-size:.95rem}@media (max-width:720px){.nav-links{display:none}.nav-inner{justify-content:space-between}.hero{padding-top:3rem}}