:root{--navy-900: #10163b;--navy-800: #161d4a;--navy-700: #1e2761;--navy-600: #26306f;--accent: #5b8def;--accent-bright: #7ea9ff;--ice: #cdd8f5;--ice-dim: #9aa8d4;--white: #f5f8ff;--border: rgba(123, 155, 235, .22);--radius: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ice);background:var(--navy-900);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--white);line-height:1.2;margin:0 0 .5em}p{margin:0 0 1em}a{color:var(--accent-bright);text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}section{padding:84px 0;border-top:1px solid var(--border)}section:first-of-type{border-top:none}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700;color:var(--accent);margin-bottom:14px}.topbar{position:relative;z-index:2;border-bottom:1px solid var(--border);background:#10163bb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}.logo-plate{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:5px 9px;line-height:0;border:1px solid rgba(123,155,235,.35)}.logo-plate-img{display:block;height:32px;width:auto}.btn-signin{display:inline-flex;align-items:center;background:var(--accent);color:var(--white);font-weight:700;font-size:.9rem;letter-spacing:.01em;padding:9px 20px;border-radius:999px;border:1px solid rgba(126,169,255,.55);transition:background .15s ease,color .15s ease}.btn-signin:hover,.btn-signin:focus-visible{background:var(--accent-bright);color:var(--navy-900)}@media (max-width: 560px){.logo-plate-img{height:26px}.btn-signin{padding:8px 15px;font-size:.84rem}}.hero{position:relative;padding:120px 0 96px;text-align:center;background:radial-gradient(1200px 520px at 50% -10%,rgba(91,141,239,.28),transparent 60%),linear-gradient(180deg,var(--navy-700) 0%,var(--navy-800) 55%,var(--navy-900) 100%);border-top:none;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(91,141,239,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(91,141,239,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(700px 380px at 50% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(700px 380px at 50% 0%,#000 0%,transparent 75%);pointer-events:none}.hero .wrap{position:relative;z-index:1}.brandline{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.04em;color:var(--white);margin-bottom:28px}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 0 4px #7ea9ff38,0 0 22px 3px #7ea9ffb3}.hero h1{font-size:clamp(2.1rem,5.4vw,3.7rem);letter-spacing:-.5px;margin-bottom:20px}.hero h1 .accent{color:var(--accent-bright)}.tagline{font-size:clamp(1.15rem,2.2vw,1.5rem);color:var(--ice);max-width:720px;margin:0 auto 14px}.org{font-size:.95rem;color:var(--ice-dim);letter-spacing:.06em;text-transform:uppercase}.pill-row{margin-top:36px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pill{border:1px solid var(--border);background:#5b8def14;color:var(--ice);padding:9px 16px;border-radius:999px;font-size:.86rem;font-weight:600}.lead{font-size:1.16rem;color:var(--ice);max-width:760px}h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}.grid{display:grid;gap:20px;margin-top:40px}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(180deg,var(--navy-800),var(--navy-700));border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px;height:100%}.card h3{font-size:1.12rem}.card p{font-size:.96rem;color:var(--ice-dim);margin:0}.step-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#5b8def29;color:var(--accent-bright);font-weight:800;font-size:.95rem;margin-bottom:14px;border:1px solid var(--border)}.catch{display:flex;gap:16px;align-items:flex-start}.catch .mark{flex:0 0 auto;margin-top:3px;width:26px;height:26px;border-radius:7px;background:#5b8def29;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--accent-bright);font-weight:800}.badge{display:inline-block;margin-left:8px;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border);border-radius:6px;padding:2px 7px;vertical-align:middle}.principles{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.principles li{display:flex;gap:14px;align-items:flex-start;background:#1e276180;border:1px solid var(--border);border-radius:12px;padding:18px 20px}.principles .k{color:var(--white);font-weight:700}.principles .tick{color:var(--accent-bright);font-weight:800;flex:0 0 auto}.principles p{margin:4px 0 0;font-size:.92rem;color:var(--ice-dim)}.roadmap{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}.phase{flex:1 1 150px;border:1px solid var(--border);border-radius:12px;padding:18px 16px;background:linear-gradient(180deg,var(--navy-800),var(--navy-900));position:relative}.phase .n{font-size:.72rem;letter-spacing:.16em;color:var(--accent);font-weight:700;text-transform:uppercase}.phase .t{color:var(--white);font-weight:700;margin-top:6px;font-size:1.02rem}.phase .d{color:var(--ice-dim);font-size:.84rem;margin-top:6px}.phase.now{border-color:#7ea9ff8c;box-shadow:0 0 0 1px #7ea9ff40}.phase.now .t:after{content:"Now";margin-left:8px;font-size:.62rem;letter-spacing:.1em;color:var(--navy-900);background:var(--accent-bright);padding:2px 7px;border-radius:6px;vertical-align:middle;text-transform:uppercase;font-weight:800}footer{border-top:1px solid var(--border);padding:40px 0;text-align:center;color:var(--ice-dim);font-size:.9rem}footer .brandline{margin-bottom:12px;font-size:.95rem}@media (max-width: 900px){.grid-5{grid-template-columns:repeat(2,1fr)}.grid-3,.principles{grid-template-columns:1fr}}@media (max-width: 560px){.grid-5{grid-template-columns:1fr}section{padding:60px 0}}
