:root{color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f6fa;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background-color:#f5f6fa;min-width:320px;height:100vh;margin:0;display:flex;overflow:hidden}a{color:inherit;text-decoration:none}#root{background:radial-gradient(circle at top,#f7fbff,#eef1f7 55%,#e4e6ec);width:100vw;height:100vh;display:flex;overflow:hidden}.page{flex-direction:column;gap:1.5rem;width:100%;height:100%;margin:0;padding:clamp(1.5rem,3vw,2.75rem);display:flex}.nav{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-links{color:#475569;gap:1.5rem;font-size:.95rem;display:flex}.nav-links span{opacity:.75}.logo{letter-spacing:.08em;text-transform:uppercase;color:#111827;font-size:1.2rem;font-weight:700}.hero{background:#fff;border-radius:32px;flex-direction:column;flex:1;padding:clamp(1.5rem,3vw,2.75rem);display:flex;box-shadow:0 30px 80px #0f172a14}.hero-body{flex:1;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2rem;display:grid}.hero-copy h1{margin:.5rem 0 1rem;font-size:clamp(2.4rem,4.5vw,3.6rem);line-height:1.1}.hero-copy p{color:#475569}.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:#0ea5e9;font-size:.75rem;font-weight:600}.pill-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.pill{color:#0f172a;background:#e0f2fe;border-radius:999px;padding:.4rem .95rem;font-size:.9rem}.hero-panel{color:#f8fafc;background:#0f172a;border-radius:24px;flex-direction:column;gap:1rem;padding:2rem;display:flex}.hero-panel h2{letter-spacing:.15em;text-transform:uppercase;color:#bae6fd;margin:0;font-size:1.05rem}.hero-panel article{background:#ffffff0d;border-radius:18px;padding:1rem 1.2rem}.hero-panel h3{margin:0 0 .4rem;font-size:1rem}.hero-panel p{color:#e2e8f0;margin:0;font-size:.95rem}.footer{color:#475569;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:0 0 .5rem;display:flex}@media (max-width:900px){.hero-body{grid-template-columns:1fr}.nav-links{display:none}}