:root{--ink:#f3f6ff;--sec:#c5cde0;--mute:#8e9ab5;--font:'Geist',ui-sans-serif,system-ui,-apple-system,sans-serif;--display:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#060914}
body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:40px}

/* sky */
.sky{position:fixed;inset:0 0 -120px 0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#0c1224 0%,#141d36 60%,#24314f 100%)}
.sky canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.nav,main,.footer{position:relative;z-index:1}

/* nav */
.nav{padding-top:env(safe-area-inset-top,0px);z-index:20}
.nav-inner{height:84px;display:flex;align-items:center;gap:40px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.03em}
.brand img{width:30px;height:auto}
.links{display:flex;gap:28px;font-size:15px;color:var(--sec)}
.links a{transition:color .2s ease}
.links a:hover,.links a[aria-current]{color:#fff}
.nav-cta{margin-left:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;background:#f3f6ff;color:#0a0f1e;font-size:14px;font-weight:500;white-space:nowrap;transition:background .2s ease,transform .16s ease}
.btn:hover{background:#fff}
.btn:active{transform:scale(.98)}
a:focus-visible,button:focus-visible{outline:2px solid #5ee6ff;outline-offset:3px;border-radius:8px}
.menu-btn{display:none;width:44px;height:44px;margin-left:auto;margin-right:-10px;position:relative}
.menu-btn span{position:absolute;left:12px;right:12px;height:1.6px;background:#fff;border-radius:2px;transition:transform .25s ease,top .25s ease}
.menu-btn span:first-child{top:17px}
.menu-btn span:last-child{top:25px}
.menu-btn[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}
.menu-btn[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}
.menu{display:none}

/* shared glass card */
.card{border-radius:28px;background:rgba(14,20,38,.5);border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 60px -30px rgba(0,0,0,.7);
  -webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3)}

/* home */
.home{flex:1;display:flex}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px 72px}
h1{font-family:var(--display);font-size:clamp(40px,6vw,76px);font-weight:700;letter-spacing:-.04em;line-height:1.04;text-shadow:0 2px 24px rgba(6,9,20,.35)}
.sub{margin-top:24px;letter-spacing:-.005em;max-width:600px;font-size:clamp(15.5px,1.4vw,18px);line-height:1.55;color:var(--sec)}
.stats{margin-top:72px;width:min(1000px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:34px 16px;position:relative;overflow:hidden;
  background:
    radial-gradient(60% 120% at 0% 100%,rgba(94,180,255,.22),transparent 60%),
    radial-gradient(55% 130% at 100% 20%,rgba(190,120,255,.22),transparent 60%),
    radial-gradient(40% 90% at 70% 110%,rgba(255,93,143,.12),transparent 60%),
    rgba(120,135,170,.16)}
.stats>div{display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 8px}
.num{font-family:var(--display);font-size:clamp(38px,4.4vw,58px);font-weight:600;letter-spacing:-.04em;line-height:1}
.lbl{font-size:clamp(13.5px,1.25vw,16px);color:rgba(243,246,255,.78)}

/* inner pages */
.page{flex:1;width:100%;max-width:880px;margin-inline:auto;padding:56px 24px 96px}
.head{text-align:center;margin-bottom:48px}
.head .sub{margin-inline:auto}
.prose{padding:40px 44px;font-size:16.5px;line-height:1.7;color:var(--sec)}
.prose p+p{margin-top:16px}
.prose h2{margin-top:32px;margin-bottom:6px;font-size:18px;font-weight:600;color:#fff;letter-spacing:-.01em}
.prose a{color:#5ee6ff}
.facts{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);padding:28px 12px}
.facts>div{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.fact-k{font-size:13px;color:var(--mute)}
.fact-v{font-size:19px;font-weight:500;letter-spacing:-.01em}
.contact{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;text-align:center}
.kicker{font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.mail{font-family:var(--display);font-size:clamp(22px,3.4vw,36px);font-weight:600;letter-spacing:-.03em;word-break:break-all}
.mail:hover{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.contact .btn{margin-top:10px}
.topics{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.topic{display:flex;flex-direction:column;gap:8px;padding:26px;border-radius:22px;transition:border-color .2s ease,background .2s ease}
.topic:hover{border-color:rgba(255,255,255,.24);background:rgba(20,28,52,.6)}
.topic .name{font-size:18px;font-weight:500;letter-spacing:-.01em}
.topic .meta{font-size:14.5px;line-height:1.5;color:var(--mute)}

/* footer */
.footer{padding:28px 0 calc(28px + env(safe-area-inset-bottom,0px));font-size:13.5px;color:var(--mute)}
.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer nav{display:flex;gap:24px;flex-wrap:wrap}
.footer nav a{transition:color .2s ease}
.footer nav a:hover{color:var(--ink)}

@media (max-width:820px){
  .stats{grid-template-columns:repeat(2,1fr);row-gap:30px}
  .topics{grid-template-columns:1fr}
}
@media (max-width:640px){
  .wrap{padding-inline:16px}
  .nav-inner{height:68px}
  .brand{font-size:18px}
  .links,.nav-cta{display:none}
  .menu-btn{display:block}
  .menu{display:flex;flex-direction:column;gap:4px;margin:0 16px;padding:0 20px;max-height:0;overflow:hidden;opacity:0;
    border-radius:22px;background:rgba(10,15,30,.86);border:1px solid rgba(255,255,255,0);
    -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:max-height .3s ease,opacity .2s ease,padding .3s ease}
  .menu.open{max-height:320px;opacity:1;padding:12px 20px 20px;border-color:rgba(255,255,255,.12)}
  .menu a:not(.btn){padding:12px 0;font-size:18px;border-bottom:1px solid rgba(255,255,255,.08)}
  .menu .btn{margin-top:14px;height:46px}
  .hero{padding:32px 16px 48px}
  .stats{margin-top:48px;padding:28px 8px}
  .page{padding:32px 16px 64px}
  .head{margin-bottom:32px}
  .prose{padding:28px 22px;font-size:16px}
  .facts{grid-template-columns:1fr;row-gap:22px}
  .foot-inner{flex-direction:column;align-items:center;text-align:center}
  .footer nav{justify-content:center;gap:18px}
}
.star{font-size:.72em;margin-left:.06em;vertical-align:.1em}