:root{--bg:#0b0f17;--surface:#111827;--elev:#0f172a;--text:#e5e7eb;--muted:#9ca3af;--accent:#60a5fa;--border:#1f2937;--ff:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans";--fs-900:clamp(2rem,1.2rem + 2.8vw,3.25rem);--fs-700:clamp(1.125rem,.9rem + .8vw,1.5rem);--radius:16px;--gap-1:.5rem;--gap-2:1rem;--gap-3:1.5rem;--gap-4:2rem;--container:1120px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:var(--ff);color:var(--text);background:radial-gradient(1200px 600px at 10% 5%,rgba(96,165,250,.12),transparent 55%),var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{margin:0;padding-left:1.125rem}
.container{width:min(100% - 2rem,var(--container));margin-inline:auto}
.lead{font-size:var(--fs-700);color:var(--muted)}
.accent{color:var(--accent)}
.btn{display:inline-block;padding:.85rem 1.15rem;border-radius:calc(var(--radius) - 6px);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0));font-weight:600;transition:transform .08s ease,border-color .2s ease,background .2s ease}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.24)}
.btn.primary{background:linear-gradient(180deg,rgba(96,165,250,.28),rgba(96,165,250,.12));border-color:rgba(96,165,250,.5)}
.site-header{position:sticky;top:0;z-index:10;backdrop-filter:saturate(1.1) blur(8px);background:color-mix(in oklab,var(--bg),transparent 30%);border-bottom:1px solid var(--border)}
.header-inner{display:grid;grid-template-columns:1fr;align-items:center;gap:var(--gap-2);padding:.75rem 0}
.brand-logo{height:36px;width:auto}
.hero{padding:clamp(3rem,5vw,6rem) 0}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--gap-4);align-items:center}
.hero-copy h1{font-size:var(--fs-900);line-height:1.15;margin:0 0 var(--gap-2);letter-spacing:-0.015em}
.cta-group{display:flex;gap:var(--gap-2);margin-top:var(--gap-3);flex-wrap:wrap}
.hero-media{background:linear-gradient(180deg,rgba(52,211,153,.08),rgba(96,165,250,.08));border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-3);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.notice{padding:2rem 0 4rem}
.notice-inner{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-4)}
.site-footer{border-top:1px solid var(--border);padding:1rem 0 2rem;background:color-mix(in oklab,var(--bg),#000 4%)}
.footer-inner{display:grid;gap:.5rem}
@media (max-width:960px){.hero-inner{grid-template-columns:1fr}.hero-media{order:-1}}
@media (prefers-color-scheme:light){
  :root{--bg:#f7f9fc;--surface:#ffffff;--elev:#ffffff;--text:#0b1220;--muted:#576077;--accent:#2563eb;--border:#e6eaf2}
  .site-header{background:rgba(255,255,255,.7)}
  .hero-media{box-shadow:0 10px 24px rgba(0,0,0,.08)}
}