:root{color-scheme:dark;--bg: #070b14;--bg-elevated: #10182a;--ink: #eef3fb;--muted: #9aabc0;--line: color-mix(in srgb, var(--ink) 14%, transparent);--cyan: #3d9bfd;--pink: #ff6bcb;--magenta: #e84dff;--accent: var(--cyan);--accent-pink: var(--pink);--accent-ink: #041018;--grad-accent: linear-gradient(120deg, var(--cyan) 0%, #7ec8ff 42%, var(--pink) 100%);--grad-soft: linear-gradient(135deg, color-mix(in srgb, var(--cyan) 55%, transparent), color-mix(in srgb, var(--pink) 45%, transparent));--radius: 12px;--font-display: "Sora", "Segoe UI", system-ui, sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--max: 72rem;--pad: clamp(1.25rem, 4vw, 2rem);font-family:var(--font-body);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(ellipse 70% 55% at 8% -8%,color-mix(in srgb,var(--cyan) 32%,transparent) 0%,transparent 58%),radial-gradient(ellipse 55% 45% at 92% 4%,color-mix(in srgb,var(--pink) 26%,transparent) 0%,transparent 52%),radial-gradient(ellipse 50% 40% at 50% 100%,color-mix(in srgb,var(--magenta) 12%,transparent) 0%,transparent 55%),linear-gradient(165deg,#0a1222 0%,var(--bg) 42%,#0c101c 100%);background-attachment:fixed;line-height:1.55;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);position:relative;isolation:isolate}a{color:var(--cyan);transition:color .2s ease}a:hover{color:var(--pink)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.skip-link{position:absolute;left:-999px;top:0;background:var(--grad-accent);color:var(--accent-ink);padding:.5rem .75rem;z-index:100}.skip-link:focus{left:.75rem;top:.75rem}.top{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);background:color-mix(in srgb,#070b14 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--cyan) 18%,var(--line));box-shadow:0 1px color-mix(in srgb,var(--pink) 12%,transparent)}.top-inner{position:relative;max-width:var(--max);margin:0 auto;padding:1.25rem var(--pad);display:flex;align-items:center;justify-content:space-between;gap:1rem}.top-brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:0;text-decoration:none;color:var(--ink);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--cyan) 35%,transparent))}.top-brand img{display:block;height:72px;width:auto;max-height:78px}@media(max-width:520px){.top-brand img{height:54px}}.nav-toggle{display:none;position:relative;z-index:32;flex-shrink:0;width:2.75rem;height:2.75rem;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--cyan) 28%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--bg-elevated) 78%,transparent);color:var(--ink);cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.nav-toggle:hover{border-color:color-mix(in srgb,var(--pink) 45%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan) 22%,transparent)}.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{display:block;width:1.15rem;height:2px;margin:0 auto;border-radius:1px;background:var(--ink);transition:transform .2s ease,opacity .2s ease,background .2s ease}.nav-toggle-bars{position:relative;background:var(--cyan)}.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";position:absolute;left:0;background:var(--pink)}.nav-toggle-bars:before{top:-6px}.nav-toggle-bars:after{top:6px}.top.is-nav-open .nav-toggle-bars{background:transparent}.top.is-nav-open .nav-toggle-bars:before{top:0;transform:rotate(45deg);background:var(--cyan)}.top.is-nav-open .nav-toggle-bars:after{top:0;transform:rotate(-45deg);background:var(--pink)}.nav-backdrop{display:none}.top-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.85rem 1.1rem;font-size:.9rem}.top-nav a{color:var(--muted);text-decoration:none;transition:color .2s ease}.top-nav a:hover{color:var(--ink);background:var(--grad-accent);background-clip:text;-webkit-background-clip:text;color:transparent}.top-nav .lang{color:var(--pink);font-weight:500}.top-nav .lang:hover{color:var(--cyan);background:none;-webkit-background-clip:unset;background-clip:unset}@media(max-width:767px){.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;background:color-mix(in srgb,#04060c 62%,transparent);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.nav-backdrop:not([hidden]){opacity:1;visibility:visible;pointer-events:auto}.top-nav{position:absolute;top:calc(100% + .35rem);right:var(--pad);left:var(--pad);z-index:30;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:.15rem;padding:.65rem;border:1px solid color-mix(in srgb,var(--cyan) 22%,var(--line));border-radius:var(--radius);background:linear-gradient(160deg,color-mix(in srgb,var(--cyan) 12%,var(--bg-elevated)),color-mix(in srgb,var(--pink) 8%,#0d1524));box-shadow:0 18px 40px color-mix(in srgb,#000 45%,transparent),0 0 0 1px color-mix(in srgb,var(--pink) 10%,transparent);opacity:0;visibility:hidden;transform:translateY(-.4rem);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.top.is-nav-open .top-nav{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.top-nav a{padding:.8rem .95rem;border-radius:8px;color:var(--ink)}.top-nav a:hover{color:var(--ink);background:color-mix(in srgb,var(--cyan) 14%,transparent);background-clip:border-box;-webkit-background-clip:border-box}.top-nav .lang{margin-top:.25rem;border-top:1px solid color-mix(in srgb,var(--cyan) 16%,var(--line));border-radius:0 0 8px 8px;color:var(--pink)}.top-nav .lang:hover{color:var(--cyan);background:color-mix(in srgb,var(--pink) 10%,transparent)}}@media(min-width:768px){.nav-toggle,.nav-backdrop{display:none!important}.top-nav{position:static;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;flex-direction:row;padding:0;border:0;background:none;box-shadow:none}}.hero{position:relative;min-height:min(100vh,52rem);display:grid;align-content:center;padding:clamp(3rem,10vh,6rem) var(--pad) 4rem;max-width:var(--max);margin:0 auto;overflow:hidden}.hero-ambient{position:absolute;top:-10%;right:-5%;bottom:0;left:-5%;pointer-events:none;z-index:0}.hero-ambient .grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:linear-gradient(color-mix(in srgb,var(--cyan) 28%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pink) 18%,transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 35% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 35% 40%,#000 20%,transparent 75%)}.hero-ambient .orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:.55;will-change:transform}.hero-ambient .orb-a{width:min(42vw,28rem);height:min(42vw,28rem);top:8%;left:-4%;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 70%,white) 0%,transparent 70%);animation:float-a 14s ease-in-out infinite}.hero-ambient .orb-b{width:min(36vw,22rem);height:min(36vw,22rem);top:28%;right:2%;background:radial-gradient(circle,color-mix(in srgb,var(--pink) 75%,white) 0%,transparent 70%);animation:float-b 18s ease-in-out infinite}.hero-copy{position:relative;z-index:1;max-width:40rem;display:grid;gap:1rem;animation:rise .7s ease both}.brand{margin:0;font-family:var(--font-display);font-size:clamp(2.75rem,9vw,5rem);font-weight:700;letter-spacing:-.045em;line-height:1.02;text-wrap:balance;background:linear-gradient(115deg,#ffffff 8%,var(--cyan) 48%,var(--pink) 92%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 28px color-mix(in srgb,var(--cyan) 28%,transparent))}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:500;line-height:1.35;text-wrap:balance;color:color-mix(in srgb,var(--ink) 90%,var(--cyan))}.lead{margin:0;max-width:34rem;color:var(--muted);font-size:1.05rem}.fact{margin:0;max-width:36rem;padding:.85rem 1rem;border-left:3px solid transparent;border-image:linear-gradient(180deg,var(--cyan),var(--pink)) 1;background:linear-gradient(90deg,color-mix(in srgb,var(--cyan) 12%,transparent),color-mix(in srgb,var(--bg-elevated) 70%,transparent));color:var(--muted);font-size:.92rem;font-family:var(--font-mono);line-height:1.5;border-radius:0 8px 8px 0}.cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.75rem 1.2rem;border-radius:var(--radius);font-size:.95rem;font-weight:500;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-position .35s ease}.btn.primary{background:linear-gradient(120deg,var(--cyan),#8ad0ff 35%,var(--pink) 70%,var(--cyan));background-size:220% 220%;color:var(--accent-ink);border:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan) 35%,transparent),0 8px 28px color-mix(in srgb,var(--pink) 28%,transparent);animation:cta-shift 7s ease infinite}.btn.primary:hover{color:var(--accent-ink);transform:translateY(-2px);box-shadow:0 0 0 1px color-mix(in srgb,var(--pink) 40%,transparent),0 12px 32px color-mix(in srgb,var(--cyan) 35%,transparent);background-position:100% 50%}.btn.ghost{border:1px solid transparent;color:var(--ink);background:linear-gradient(color-mix(in srgb,var(--bg-elevated) 55%,transparent),color-mix(in srgb,var(--bg-elevated) 55%,transparent)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--cyan) 55%,transparent),color-mix(in srgb,var(--pink) 45%,transparent)) border-box}.btn.ghost:hover{color:var(--ink);transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--cyan) 18%,transparent)}.section{max-width:var(--max);margin:0 auto;padding:0 var(--pad) clamp(3.5rem,8vw,5.5rem)}.section h2{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(1.45rem,3vw,1.85rem);font-weight:600;letter-spacing:-.02em;text-wrap:balance}.section h2:after{content:"";display:block;width:2.75rem;height:3px;margin-top:.55rem;border-radius:999px;background:var(--grad-accent)}.section-lead{margin:0 0 2rem;max-width:40rem;color:var(--muted);font-size:1.05rem}.section-lead.define{border-left:3px solid transparent;border-image:linear-gradient(180deg,var(--cyan),var(--pink)) 1;padding-left:1rem}.roles,.modes,.caps{display:grid;gap:2rem;row-gap:2.25rem}.modes{margin-top:2.5rem}@media(min-width:720px){.roles,.modes{grid-template-columns:1fr 1fr}.caps{grid-template-columns:repeat(3,1fr)}}.roles article,.modes>div,.caps>div{background:linear-gradient(165deg,color-mix(in srgb,var(--bg-elevated) 92%,var(--cyan)),var(--bg-elevated)) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--cyan) 65%,transparent),color-mix(in srgb,var(--pink) 55%,transparent)) border-box;border:1px solid transparent;border-radius:var(--radius);padding:1.35rem 1.4rem;box-shadow:0 10px 28px color-mix(in srgb,#000 28%,transparent);transition:transform .25s ease,box-shadow .25s ease}@media(hover:hover)and (pointer:fine){.roles article:hover,.modes>div:hover,.caps>div:hover{transform:translateY(-3px);box-shadow:0 14px 36px color-mix(in srgb,#000 32%,transparent),0 0 24px color-mix(in srgb,var(--pink) 12%,transparent)}}.roles h3,.modes h3,.caps h3{margin:0 0 .45rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600}.roles p,.modes p{margin:0;color:var(--muted);font-size:.95rem}.caps ul{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.92rem}.caps li+li{margin-top:.35rem}code{font-family:var(--font-mono);font-size:.88em;color:color-mix(in srgb,var(--ink) 78%,var(--cyan))}.shot{margin:2.75rem 0 0}.shot img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--cyan) 35%,var(--line));background:#0a0e12;box-shadow:0 0 0 1px color-mix(in srgb,var(--pink) 18%,transparent),0 12px 40px color-mix(in srgb,#000 35%,transparent)}.shot figcaption{margin-top:.55rem;color:var(--muted);font-size:.88rem}.steps{margin:0 0 1.25rem;padding-left:1.25rem;color:var(--muted);max-width:42rem}.steps li+li{margin-top:.65rem}.code{margin:0 0 1rem;padding:1rem 1.15rem;overflow-x:auto;border:1px solid transparent;border-radius:var(--radius);background:linear-gradient(#080c14,#080c14) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--cyan) 40%,transparent),color-mix(in srgb,var(--pink) 30%,transparent)) border-box;font-family:var(--font-mono);font-size:.82rem;color:#c5d0dc;line-height:1.45}.code code{color:inherit;font-size:inherit}.note{margin:0;color:var(--muted);font-size:.95rem;max-width:40rem}.trust-list{margin:0 0 1rem;padding-left:1.2rem;color:var(--muted);max-width:40rem}.trust-list li+li{margin-top:.5rem}.trust-list strong{color:var(--ink);font-weight:600}details{border-top:1px solid var(--line);padding:.9rem 0;max-width:42rem}details:last-of-type{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:500;color:var(--ink);transition:color .2s ease}summary:hover{color:var(--cyan)}details p{margin:.65rem 0 0;color:var(--muted)}.footer{border-top:1px solid color-mix(in srgb,var(--pink) 16%,var(--line));padding:2rem var(--pad) calc(2rem + env(safe-area-inset-bottom));margin-top:1rem;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--cyan) 6%,transparent) 100%)}.footer-inner{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}.footer-brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:0;text-decoration:none;color:var(--ink)}.footer-brand img{display:block;height:40px;width:auto}@media(max-width:520px){.footer-brand img{height:32px}}.footer nav{display:flex;flex-wrap:wrap;gap:.75rem 1.15rem;font-size:.9rem}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--pink)}.reveal{animation:rise .65s ease both;animation-timeline:view();animation-range:entry 0% cover 18%}.reveal.is-visible{opacity:1;transform:none}@supports not (animation-timeline: view()){.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes cta-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float-a{0%,to{transform:translate(0)}50%{transform:translate(4%,6%)}}@keyframes float-b{0%,to{transform:translate(0)}50%{transform:translate(-5%,-4%)}}@media(prefers-reduced-motion:reduce){.hero-copy,.reveal,.btn,.hero-ambient .orb,.roles article,.modes>div,.caps>div,.nav-toggle,.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after,.nav-backdrop,.top-nav{animation:none!important;transition:none!important}.hero-copy,.reveal,.btn,.hero-ambient .orb,.roles article,.modes>div,.caps>div{transform:none!important}.top-nav{transform:none!important}.btn.primary{background-position:0% 50%}}@media(pointer:fine){html{overscroll-behavior:none}}