@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";@property --btn-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--void:#05050a;--panel:#10101ab8;--line:#ffffff17;--violet:#8b5cf6;--violet-bright:#a78bfa;--cyan:#06b6d4;--cyan-bright:#22d3ee;--pink:#ec4899;--text:#f4f4f8;--muted:#a1a1b5;--dim:#6b6b80;--radius:14px;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", "SF Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}.stars{pointer-events:none;z-index:0;background-image:radial-gradient(1.4px 1.4px at 12% 22%,#ffffffe6,#0000),radial-gradient(1.2px 1.2px at 74% 14%,#c4b5fdd9,#0000),radial-gradient(1.6px 1.6px at 38% 68%,#ffffffb3,#0000),radial-gradient(1.1px 1.1px at 88% 54%,#a78bfacc,#0000),radial-gradient(1.3px 1.3px at 61% 88%,#ffffffa6,#0000),radial-gradient(1px 1px at 26% 46%,#dbeafeb3,#0000),radial-gradient(1.5px 1.5px at 92% 82%,#ffffff8c,#0000),radial-gradient(1px 1px at 6% 76%,#a78bfa99,#0000),radial-gradient(1px 1px at 45% 35%,#06b6d499,#0000),radial-gradient(1.3px 1.3px at 82% 72%,#ec489980,#0000),radial-gradient(.8px .8px at 15% 90%,#fff6,#0000),radial-gradient(1.1px 1.1px at 55% 10%,#8b5cf6b3,#0000);background-size:420px 420px;animation:60s linear infinite drift-stars;position:fixed;inset:0}@keyframes drift-stars{0%{transform:translate(0)}to{transform:translate(-420px,-420px)}}.page{z-index:1;padding:0 0 4rem;position:relative}.topbar{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);background:#05050a99;justify-content:center;align-items:center;padding:.9rem clamp(1rem,5vw,2rem);display:flex;position:sticky;top:0}.brand{color:var(--text);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;align-items:center;gap:.65rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.brand-mark{filter:drop-shadow(0 0 10px #8b5cf666);width:36px;height:36px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;padding:clamp(5rem,10vh,7rem) clamp(1.2rem,5vw,2rem) 1rem;display:flex}.btn{color:var(--text);font-family:var(--font-heading);letter-spacing:.03em;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:999px;align-items:center;gap:.6rem;padding:.8rem 1.8rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s,filter .18s;display:inline-flex;position:relative}.btn:before{content:"";background:conic-gradient(from var(--btn-angle), var(--violet), var(--cyan), var(--pink), var(--violet));z-index:-2;border-radius:999px;animation:3s linear infinite spin-gradient;position:absolute;inset:-2px}.btn:after{content:"";background:var(--void);z-index:-1;border-radius:999px;transition:background .2s;position:absolute;inset:2px}@keyframes spin-gradient{to{--btn-angle:360deg}}.btn:focus-visible{transform:translateY(-2px)}.btn:focus-visible:before{filter:blur(4px)brightness(1.4)}.btn:focus-visible:after{background:#05050abf}.btn:active{transform:translateY(0)}.btn-arrow{transition:transform .2s}:where(a):focus-visible{outline:2px solid var(--violet-bright);outline-offset:3px}@media (hover:hover){.brand:hover .brand-name{color:var(--violet-bright)}.btn:hover{transform:translateY(-2px)}.btn:hover:before{filter:blur(4px)brightness(1.4)}.btn:hover:after{background:#05050abf}.btn:hover .btn-arrow{transform:translate(3px)}}.hero{text-align:center;isolation:isolate;padding:clamp(3rem,8vh,5rem) clamp(1.5rem,6vw,4rem) clamp(2rem,5vh,4rem);position:relative;overflow:hidden}.hero-bg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(90px);will-change:transform;mix-blend-mode:screen;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#8b5cf661 0%,#0000 70%);width:clamp(400px,70vw,900px);height:clamp(400px,70vw,900px);animation:18s ease-in-out infinite alternate orb-drift-1;top:-20%;left:-10%}.hero-orb-2{background:radial-gradient(circle,#06b6d452 0%,#0000 70%);width:clamp(350px,60vw,800px);height:clamp(350px,60vw,800px);animation:22s ease-in-out infinite alternate orb-drift-2;top:-10%;right:-15%}.hero-orb-3{background:radial-gradient(circle,#ec489940 0%,#0000 70%);width:clamp(300px,50vw,700px);height:clamp(300px,50vw,700px);animation:26s ease-in-out infinite alternate orb-drift-3;bottom:-20%;left:30%}@keyframes orb-drift-1{0%{transform:translate(0)scale(1)}50%{transform:translate(80px,60px)scale(1.08)}to{transform:translate(40px,120px)scale(.95)}}@keyframes orb-drift-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-60px,80px)scale(1.12)}to{transform:translate(-120px,30px)scale(.97)}}@keyframes orb-drift-3{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,-70px)scale(1.06)}to{transform:translate(-40px,-40px)scale(1.02)}}.hero h1{font-family:var(--font-heading);letter-spacing:-.02em;background:linear-gradient(135deg, #fff 0%, var(--violet-bright) 50%, var(--cyan-bright) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:48rem;margin:0 auto 1.2rem;font-size:clamp(2rem,5.5vw,3.8rem);font-weight:700;line-height:1.15;animation:.9s ease-out both fade-up}.lede{max-width:36rem;color:var(--muted);margin:0 auto 1.6rem;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.7}.lede--centred{text-align:center;animation:.9s ease-out .15s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.mode-showcase{max-width:68rem;margin:3rem auto 2rem;padding:0 clamp(1.2rem,4vw,2.5rem)}.showcase-title{text-align:center;font-family:var(--font-heading);background:linear-gradient(135deg, #fff, var(--cyan-bright));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:2rem;display:grid}.showcase-card{background:#10101ab3;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:2rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}@media (hover:hover){.showcase-card:hover{border-color:var(--violet-bright);transform:translateY(-6px);box-shadow:0 16px 40px -10px #8b5cf64d}}.card-glow{pointer-events:none;background:radial-gradient(circle,#8b5cf640,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;right:-50px}.card-icon{margin-bottom:1rem;font-size:2.2rem}.card-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--violet-bright);margin-bottom:.4rem;font-size:.72rem}.showcase-card h3{font-family:var(--font-heading);color:#fff;margin-bottom:.8rem;font-size:1.4rem;font-weight:700}.showcase-card p{color:var(--muted);flex-grow:1;font-size:.94rem;line-height:1.6}.closing{text-align:center;margin-top:clamp(3rem,9vh,6rem);padding:0 clamp(1.5rem,6vw,4rem) 2rem}.sweep{filter:drop-shadow(0 0 30px #8b5cf640);width:clamp(10rem,30vw,14rem);height:auto;margin:0 auto 1rem}.closing h2{font-family:var(--font-heading);background:linear-gradient(135deg, #fff, var(--pink), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.8rem;font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:700}.fact-list{text-align:left;flex-direction:column;gap:1.9rem;max-width:clamp(30rem,60vw,50rem);margin:0 auto 1.6rem;padding:0;list-style:none;display:flex}.fact-list li{color:var(--muted);padding-left:1.6rem;font-size:.98rem;line-height:1.7;position:relative}.fact-list li:before{content:"◇";color:var(--violet-bright);font-size:.85em;position:absolute;top:.15em;left:0}.fact-list li strong{color:#fff;margin-bottom:.35rem;font-size:1.05rem;display:block}.actions--closing{flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.8rem 0 1.2rem;display:flex}.fine{color:var(--dim);font-size:.78rem}.shadow-reveal{height:300vh;position:relative}.sr-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.sr-canvas{width:100%;height:100%;display:block}.sr-copy{pointer-events:none;place-items:center;padding:0 clamp(1.5rem,6vw,4rem);display:grid;position:absolute;inset:0}.sr-line{text-align:center;max-width:52rem;font-family:var(--font-heading);letter-spacing:-.005em;color:#0000;will-change:opacity, transform;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.3rem,2.6vw,2rem);font-style:italic;font-weight:500;line-height:1.55}.sr-hook{background-image:linear-gradient(135deg, #fff, var(--violet-bright))}@media (width<=760px){.topbar{position:static}.hero-actions{padding-top:2rem}.shadow-reveal{height:220vh}.sr-line{font-size:clamp(1.3rem,6vw,1.9rem)}.mode-showcase{margin-top:2.2rem}.showcase-grid{gap:1.25rem}.showcase-card{padding:1.5rem}.fact-list{gap:1.4rem}.closing{margin-top:2.5rem}}@media (pointer:coarse){.btn{-webkit-tap-highlight-color:transparent;min-height:44px}.about-link{align-items:center;min-height:44px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.shadow-reveal{height:100vh}}.about-panel{z-index:1;border-top:1px solid var(--line);background:#000;padding:clamp(3rem,8vh,5rem) clamp(1.5rem,6vw,4rem);position:relative}.about-inner{text-align:center;max-width:34rem;margin:0 auto}.about-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:1rem;font-size:.75rem;font-weight:600;display:inline-block}.about-blurb{color:var(--muted);margin-bottom:1.6rem;font-size:.96rem;line-height:1.7}.about-link{color:var(--cyan-bright);font-family:var(--font-heading);-webkit-tap-highlight-color:transparent;border-bottom:1px solid #22d3ee59;align-items:center;gap:.5rem;padding-bottom:2px;font-size:.92rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}@media (hover:hover){.about-link:hover{color:#fff;border-color:#fff}}.about-disclaimer{color:var(--dim);margin-top:2rem;font-size:.75rem;line-height:1.6}.about-copyright{color:var(--dim);margin-top:.75rem;font-size:.75rem}