:root{color-scheme:dark;--background:#100f16;--surface:#1a1723;--surface2:#211b2b;--border:#3a2b46;--fg:#f9f5fd;--muted:#c0b4ca;--pink:#f365b0;--pink2:#fd8ec9;--purple:#b691ec;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--fg);line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--pink2);outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-90px;left:16px;z-index:100;background:#fff;color:#17111c;padding:8px 12px}.skip:focus{top:12px}.site-header{background:#111019;position:sticky;top:0;border-bottom:1px solid #423047;z-index:30;box-shadow:0 7px 25px #0706093a}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;min-width:0}.brand-symbol{width:45px;height:45px;display:grid;place-items:center;color:var(--pink)}.brand-symbol svg{width:45px;height:45px}.brand-label{font-size:1.22rem;line-height:1.2;font-weight:760;letter-spacing:-.035em}.brand-label strong{color:var(--pink)}.brand-label small{font-weight:400;font-size:.68rem;display:block;color:#e2dbe8;letter-spacing:0;margin-top:4px}.site-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.site-nav a{font-size:.86rem;padding:10px 11px;border-bottom:2px solid transparent;transition:color .18s,border-color .18s;color:#e1d9e7;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current="page"]{color:#fff;border-bottom-color:var(--pink)}.nav-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--border);border-radius:10px;font-size:1.3rem;padding:4px 11px;cursor:pointer}.hero{display:grid;grid-template-columns:1.55fr .85fr;gap:60px;align-items:center;padding-top:78px;padding-bottom:85px;min-height:575px}.eyebrow{font-size:.76rem;text-transform:uppercase;font-weight:750;letter-spacing:.17em;color:#ef9ac8}.section-code{margin-top:23px;margin-bottom:10px;color:#a58fba}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #b64e8d;border-radius:100px;color:#ffb3d9;font-size:.82rem;padding:5px 13px;background:#32192845}.pill.muted{border-color:#604b6f;color:#dcc7ed}.pulse{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 3px #f365b01a}.hero h1{font-size:clamp(2.7rem,5.1vw,4.9rem);line-height:1.105;letter-spacing:-.054em;max-width:780px;margin:17px 0 25px;font-weight:800}.hero h1 span{color:var(--pink)}.lead{color:#f7ecfa;font-size:1.12rem;font-weight:750;margin:0 0 14px}.intro{color:var(--muted);font-size:1.055rem;max-width:700px;margin:0 0 28px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.button{background:linear-gradient(125deg,#f66bb0,#b6368b);box-shadow:0 6px 24px #f1479f24;color:#fff;padding:13px 21px;border:1px solid #f078b7;border-radius:11px;font-weight:730;display:inline-flex;align-items:center;gap:12px;justify-content:center;min-height:48px}.button:hover{filter:brightness(1.1)}.button.ghost{background:transparent;color:#e8d5e8;border:1px solid var(--border);box-shadow:none}.button.small{padding:10px 14px;font-size:.9rem;min-height:40px;white-space:nowrap}.hero-visual{aspect-ratio:1/1;position:relative;display:grid;place-items:center;max-width:410px;width:100%;margin-inline:auto;overflow:hidden;background:radial-gradient(circle,#7a346b35 3%,#18101f54 43%,transparent 70%)}.visual-ring{position:absolute;border:1px solid #7b456f5c;width:84%;aspect-ratio:1;border-radius:50%}.visual-ring.b{width:65%;border-style:dashed;transform:rotate(30deg)}.visual-ring.a{box-shadow:0 0 130px #b93b9130}.visual-flask{width:48%;height:48%;color:var(--pink);filter:drop-shadow(0 0 35px #f365b065)}.visual-flask svg{width:100%;height:100%}.visual-dot{position:absolute;width:7px;height:7px;background:var(--pink);border-radius:50%}.visual-dot.one{left:8%;top:34%}.visual-dot.two{right:13%;top:18%;background:var(--purple)}.visual-dot.three{right:30%;bottom:19%}.visual-label{position:absolute;bottom:8%;left:17%;display:grid;gap:0;color:#bba7c5;font-size:.7rem;letter-spacing:.14em}.visual-label strong{font-size:.66rem;color:var(--pink)}.section{padding-block:28px 72px}.section.tight{padding-top:15px}.section-intro{display:flex;align-items:end;gap:25px;justify-content:space-between;margin-bottom:25px}.section-intro h2{margin:9px 0 0;font-size:clamp(1.6rem,2.8vw,2.2rem);letter-spacing:-.035em}.section-intro p{margin:0;max-width:355px;font-size:.91rem;color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.topic-card{position:relative;min-height:235px;border:1px solid #4b3a55;background:linear-gradient(155deg,#24202d,#18151e);border-radius:15px;padding:25px 23px;transition:transform .2s,border-color .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-4px);border-color:var(--pink);box-shadow:0 9px 33px #06040a44}.topic-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:#f569ad12;border:1px solid #73406a;color:var(--pink)}.icon{height:31px;width:31px}.topic-card h3{font-size:1.15rem;margin:22px 0 7px}.topic-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.48}.topic-card .eyebrow{display:block;margin-top:15px;font-size:.63rem}.card-arrow{position:absolute;right:18px;top:17px;color:#e7c9e1}.split-section{padding-top:12px;padding-bottom:88px;display:grid;gap:18px;grid-template-columns:1.15fr 1fr}.feature-card{background:linear-gradient(125deg,#23192a,#211727 64%,#2d1c35);border:1px solid #603757;border-radius:19px;padding:32px}.feature-card h2{font-size:clamp(1.4rem,2.7vw,2rem);line-height:1.25;letter-spacing:-.035em;max-width:560px}.feature-card p{color:var(--muted)}.text-link{font-weight:750;color:var(--pink2);display:inline-block;margin-top:14px}.text-link:hover{text-decoration:underline}.feature-stack{display:grid;gap:18px}.mini-card{position:relative;min-height:145px;display:flex;align-items:center;gap:20px;background:#1b1722;border:1px solid var(--border);border-radius:16px;padding:25px}.mini-card:hover{border-color:var(--pink)}.mini-card strong{display:block;margin-bottom:6px}.mini-card small{display:block;max-width:270px;color:var(--muted);font-size:.87rem;line-height:1.5}.mini-card .card-arrow{top:14px}.callout{display:flex;align-items:center;gap:19px;padding:28px 29px;background:#191720;border:1px solid #3d3247;border-radius:16px;margin-bottom:85px}.callout .topic-icon{flex-shrink:0}.callout h2{margin:0 0 5px;font-size:1.07rem}.callout p{margin:0;color:var(--muted);font-size:.89rem}.callout .button{margin-left:auto}.page-hero{padding-top:80px;padding-bottom:42px;border-bottom:1px solid var(--border)}.page-hero h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.13;letter-spacing:-.045em;max-width:880px;margin:13px 0 24px}.page-hero .intro{font-size:1.13rem;max-width:850px}.list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.list-card{padding:25px;border:1px solid var(--border);border-radius:14px;background:var(--surface);min-height:220px;display:flex;flex-direction:column}.list-card h3{font-size:1.19rem;margin:12px 0 7px}.list-card p{color:var(--muted);font-size:.95rem;margin:0 0 22px}.list-card .planned{align-self:flex-start;margin-top:auto;font-size:.77rem;background:#332336;color:#eabed8;padding:5px 11px;border-radius:100px;border:1px solid #63445c}.filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.filter label{font-size:.91rem;color:var(--muted)}.filter input{background:#221b2b;color:#f9f5fd;border:1px solid #604965;border-radius:10px;padding:10px 13px;min-width:230px;max-width:100%}#filter-message{color:#c8b2d0;font-size:.8rem}.empty{color:var(--muted)}[hidden]{display:none!important}.back-link{padding-bottom:85px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.about-panel{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:34px}.about-panel h2{margin:10px 0 18px;font-size:1.55rem}.about-panel p{color:var(--muted)}.notfound{min-height:52vh}.site-footer{border-top:1px solid #33263a;color:#a99eb3;background:#100e15}.foot-inner{display:flex;gap:25px;justify-content:space-between;align-items:center;min-height:85px;font-size:.81rem}.foot-inner div{display:grid;gap:2px}.footer-mark{color:#efc6df;font-weight:650}.site-footer a{color:#c8b3d0}.site-footer a:hover{color:#fff}@media(max-width:1130px){.header-inner{flex-wrap:wrap;padding-block:9px;gap:4px}.site-nav{width:100%;justify-content:space-between}.site-nav a{font-size:.83rem;padding:7px 9px}.hero{gap:20px}.hero h1{font-size:clamp(2.5rem,5.5vw,4.3rem)}}@media(max-width:750px){.header-inner{min-height:68px;flex-wrap:nowrap}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#18121c;border-bottom:1px solid var(--border);padding:10px 24px 20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 16px 30px #050308aa}.site-nav.is-open{display:flex}.site-nav a{font-size:.95rem;border-bottom:1px solid #493449;padding:13px 9px}.site-nav a[aria-current="page"]{border-color:var(--pink)}.wrap{width:calc(100% - 36px)}.brand-symbol,.brand-symbol svg{width:37px;height:37px}.brand-label{font-size:1rem}.brand-label small{font-size:.56rem;max-width:245px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:48px;gap:6px}.hero-visual{max-width:280px;margin-top:15px}.hero h1{font-size:clamp(2.55rem,9vw,3.4rem)}.topic-grid{grid-template-columns:1fr 1fr}.section-intro{align-items:start;flex-direction:column;gap:8px}.split-section{grid-template-columns:1fr;padding-bottom:52px}.callout{align-items:flex-start;flex-wrap:wrap;margin-bottom:58px}.callout .button{margin:5px 0 0}.page-hero{padding-top:55px}.list-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}}@media(max-width:500px){.topic-grid,.list-grid{grid-template-columns:1fr}.topic-card{min-height:190px}.hero-visual{display:none}.section{padding-bottom:45px}.callout{padding:21px}.feature-card{padding:23px}.mini-card{padding:18px}.page-hero h1{font-size:2.5rem}.foot-inner{align-items:flex-start;padding-block:22px;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}