/* Sub-page theme — shares design tokens with experience.html, kept light:
   no WebGL, no animation libs. Content-first for crawlability + fast LCP. */
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/unbounded-latin-wght.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url('/assets/fonts/space-grotesk-latin-wght.woff2') format('woff2')}
:root{
  --bg:#05050a;--ink:#f0f0f5;--gold:#6366f1;--blue:#22d3ee;--violet:#a78bfa;
  --muted:#8a8b9a;--line:rgba(255,255,255,.08);--card:rgba(17,17,26,.82);
  --grad:linear-gradient(135deg,#6366f1 0%,#22d3ee 50%,#a78bfa 100%);
  --fd:'Unbounded',sans-serif;--fb:'Space Grotesk',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--bg);color:var(--ink)}
body{font-family:var(--fb);font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:#fff;padding:.6rem 1rem;z-index:100;border-radius:0 0 8px 0}
.skip:focus{left:0}
nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1rem clamp(1.25rem,5vw,5rem);background:rgba(5,5,10,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.logo{font-family:var(--fd);font-weight:900;font-size:1.05rem;letter-spacing:.08em;text-decoration:none}
.logo sup{color:var(--gold);font-size:.6em}
.nav-links{display:flex;gap:1.6rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;flex-wrap:wrap}
.nav-links a{color:var(--muted);text-decoration:none}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--ink)}
main{max-width:72rem;margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,4vw,3rem) 5rem}
.crumb{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:2rem}
.crumb a{color:var(--blue);text-decoration:none}
h1{font-family:var(--fd);font-weight:800;font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.1;text-transform:uppercase;margin-bottom:1.2rem}
h1 em{font-style:normal;color:var(--gold)}
h2{font-family:var(--fd);font-weight:700;font-size:clamp(1.15rem,2.6vw,1.6rem);text-transform:uppercase;margin:3rem 0 1rem;color:var(--ink)}
h2 em{font-style:normal;color:var(--gold)}
h3{font-family:var(--fd);font-weight:700;font-size:1rem;text-transform:uppercase;margin:0 0 .5rem}
p{color:#c9c9d6;max-width:62rem}
p+p{margin-top:1.1rem}
.lede{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#dcdce8}
.cy{color:var(--blue)}
ul.clean{list-style:none;display:grid;gap:.8rem;margin-top:1rem}
ul.clean li{border-left:2px solid var(--gold);padding-left:1rem;color:#dcdce8}
ul.clean li b{color:var(--ink);font-weight:600}
ul.clean li span{color:var(--muted);font-size:.85rem;display:block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.5rem}
@media(max-width:760px){.grid2{grid-template-columns:1fr}}
.card{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:1.4rem 1.5rem;text-decoration:none;display:block;transition:border-color .3s,transform .3s}
.card:hover{border-color:rgba(99,102,241,.5);transform:translateY(-3px)}
.card h3{color:var(--gold)}
.card p{font-size:.9rem;margin-top:.3rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}
.chip{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:.45rem 1rem;font-size:.8rem;color:#c9c9d6;text-decoration:none}
.chip:hover{border-color:var(--blue);color:var(--blue)}
.meta{display:inline-block;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);border:1px solid;padding:.3rem .8rem;border-radius:99px;margin-bottom:1rem}
.talk{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:1rem 1.25rem;margin-top:.8rem}
.talk b{font-weight:500;color:var(--ink)}
.talk small{display:block;color:var(--muted);margin-top:.2rem}
.talk .kn{display:inline-block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;background:var(--gold);color:#fff;padding:.2rem .6rem;border-radius:3px;margin-left:.5rem;vertical-align:middle;font-weight:600}
.cta{display:inline-block;margin-top:2.2rem;background:var(--grad);color:#fff;font-family:var(--fd);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;padding:1rem 2rem;border-radius:99px;text-decoration:none}
.cta:hover{opacity:.9}
footer{border-top:1px solid var(--line);padding:2rem clamp(1.25rem,5vw,5rem);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--blue)}
.nl{display:flex;gap:.6rem;margin-top:1.6rem;max-width:26rem}
.nl input{flex:1;background:rgba(5,5,10,.6);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:.75rem 1rem;font-size:.9rem;font-family:inherit}
.nl input:focus{outline:none;border-color:var(--blue)}
.nl button{background:var(--grad);color:#fff;border:none;border-radius:99px;padding:.75rem 1.4rem;font-family:var(--fd);font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.nl-msg{margin-top:.6rem;font-size:.8rem;color:var(--blue);min-height:1.2em}