[data-theme=home]{--bg: #08090c;--surface: #12141a;--text: #d9dce4;--heading: #fff;--muted: #8b91a0;--line: #23262f;--accent: #9ad1ff;--link: #9ad1ff;--hover: #1a1d25;--code-bg: #0e1015;--radius: 12px;--font-head: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Bricolage Grotesque", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", monospace}[data-theme=home] body{background:radial-gradient(ellipse at 50% -20%,#1b1f2c,#08090c 60%) fixed}.home{max-width:1320px;margin:0 auto;padding:0 16px 40px}.home-hero{text-align:center;padding:56px 0 34px}.home-kicker{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-weight:700}.home-title{margin:0 auto;max-width:16ch;font-size:clamp(2.4rem,7vw,5rem);line-height:.98;letter-spacing:-.035em;font-weight:800;color:#fff}.home-title em{font-style:normal;background:linear-gradient(90deg,#f2c14e,#2bd4a4 50%,#f5f);-webkit-background-clip:text;background-clip:text;color:transparent}.home-lede{margin:18px auto 0;max-width:56ch;font-size:1.15rem;color:#b6bbc7}.stage{display:flex;gap:12px;height:560px}.panel{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:18px;text-decoration:none;transition:flex .45s cubic-bezier(.2,.8,.2,1),transform .2s;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.stage:hover .panel,.stage:focus-within .panel{flex:.8}.stage .panel:hover,.stage .panel:focus-visible{flex:1.9}.panel-body{position:relative;z-index:2;padding:26px}.panel-eyebrow{margin:0 0 6px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.8;display:flex;gap:8px;align-items:center}.panel-badge{letter-spacing:.08em;font-family:JetBrains Mono,monospace;padding:2px 7px;border-radius:4px;background:#ffb02e;color:#2b1800;opacity:1}.panel-name{margin:0;line-height:1}.panel-hook{margin:10px 0 0;font-size:1.05rem;max-width:34ch}.panel-points{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s,opacity .3s;max-width:46ch}.panel:hover .panel-points,.panel:focus-visible .panel-points{max-height:260px;opacity:1}.panel-points li:before{content:"→ ";opacity:.7}.panel-cta{display:inline-block;margin-top:16px;font-weight:700;padding:9px 16px}.panel-art{position:absolute;inset:0;z-index:1;pointer-events:none}.panel-art span{position:absolute;display:block}.panel-al{background:radial-gradient(circle at 70% 25%,#4b3590 0,#14102a 62%);color:#e9e1cf;font-family:Alegreya Sans,sans-serif;border:1px solid #f2c14e55}.panel-al .panel-name{font-family:Cinzel,serif;font-weight:800;font-size:clamp(2rem,3.4vw,3rem);color:#f2c14e;text-shadow:0 0 24px #f2c14e66}.panel-al .panel-cta{background:#f2c14e;color:#241800;border-radius:3px;font-family:Cinzel,serif}.panel-al .panel-art span:nth-child(1){top:9%;left:50%;translate:-50% 0;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.5;white-space:pre;padding:10px 14px;background:#100c22f2;border:2px solid #2b0f63;box-shadow:inset 0 0 0 2px #5a2fb5;color:#fa0;text-align:left}.panel-al .panel-art span:nth-child(2){top:40%;left:50%;width:70px;height:70px;translate:-50% 0;background:conic-gradient(from 45deg,#f2c14e,#fff2b8,#c98d1a,#f2c14e);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 20px #f2c14e);animation:bob 3.5s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-10px) rotate(8deg)}}.panel-cg{background:#f7f8f5;color:#26332f;font-family:Inter,sans-serif;background-image:radial-gradient(#0d1a1614 1px,transparent 1px);background-size:20px 20px}.panel-cg .panel-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.03em;color:#0d1a16}.panel-cg .panel-cta{background:#0f9d7a;color:#fff;border-radius:999px}.panel-cg .panel-art span{font-size:14px;padding:9px 13px;border-radius:16px;max-width:78%;box-shadow:0 6px 18px #0d1a1614}.panel-cg .panel-art span:nth-child(1){top:8%;right:8%;background:#0f9d7a;color:#fff;border-bottom-right-radius:4px}.panel-cg .panel-art span:nth-child(2){top:20%;left:8%;background:#fff;border:1px solid #dfe5e1;border-bottom-left-radius:4px}.panel-cg .panel-art span:nth-child(3){top:34%;left:8%;background:#fff2e0;color:#8a4b00;font-family:JetBrains Mono,monospace;font-size:12px;border-radius:6px}.panel-mf{background:#0f0b0d;color:#ece2d9;font-family:Chakra Petch,sans-serif;border:2px solid #ff8a3d;border-radius:0;box-shadow:inset 0 0 120px #c04bff33}.panel-mf .panel-name{font-family:Rubik Mono One,sans-serif;font-size:clamp(1.6rem,2.8vw,2.5rem);color:#ff8a3d;text-shadow:3px 3px 0 #ff55ff,-2px -1px 0 #c04bff}.panel-mf .panel-cta{background:#ff8a3d;color:#1a0d00;box-shadow:4px 4px #f5f}.panel-mf .panel-art span:nth-child(1){top:13%;left:-10%;right:-10%;height:34px;rotate:-8deg;background:repeating-linear-gradient(-45deg,#ffd23d 0 16px,#0f0b0d 16px 32px)}.panel-mf .panel-art span:nth-child(2){top:26%;left:10%;font-family:Rubik Mono One,sans-serif;font-size:13px;color:#1a0d00;background:#f5f;padding:6px 10px;rotate:4deg}.panel-mf .panel-art span:nth-child(3){top:36%;right:9%;font-family:Rubik Mono One,sans-serif;font-size:13px;color:#fff;background:#c04bff;padding:6px 10px;rotate:-5deg}.launchpad{margin:56px 0 0;display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;padding:34px;border-radius:22px;background:linear-gradient(135deg,#12141a,#171a24);border:1px solid var(--line);position:relative;overflow:hidden}.launchpad:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f2c14e,#2bd4a4,#f5f)}.launchpad h2{margin:0 0 10px;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.03em;color:#fff;line-height:1.05}.launchpad p{color:#b6bbc7;margin:0}.lp-on{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px}.lp-on li{font-size:.88rem;padding:5px 12px;border-radius:999px;border:1px solid var(--line)}.lp-on li:before{content:"● "}.on-al:before{color:#f2c14e}.on-cg:before{color:#2bd4a4}.on-mf:before{color:#f5f}.on-mf b{color:#ff9cff}.lp-status{margin-top:14px!important;font-size:.9rem}.lp-rows{display:grid;gap:12px}.lp-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;text-align:left;padding:16px 18px;border-radius:14px;background:#0b0c10;border:1px solid #2a2e39;cursor:pointer}.lp-row:hover{border-color:#9ad1ff}.lp-ed{grid-column:1;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700}.lp-row code{grid-column:1;font-size:clamp(1.2rem,3.4vw,1.6rem);color:#fff;font-weight:700;overflow-wrap:anywhere}.lp-hint{grid-column:1;font-size:.85rem;color:var(--muted)}.lp-row .copy-state{grid-column:2;grid-row:1 / span 3;align-self:center;font-size:.85rem;padding:6px 14px;background:#ffffff14}.paths{margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.path{padding:22px;border-radius:16px;border:1px solid var(--line);background:#0e1015}.path h2{margin:0 0 12px;font-size:1.25rem;color:#fff}.path ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.plink{display:block;padding:8px 12px;border-radius:8px;text-decoration:none;color:#d9dce4;background:#ffffff08;border-left:3px solid var(--c)}.plink:hover{background:#ffffff12;color:#fff}.plink-al{--c: #f2c14e}.plink-cg{--c: #2bd4a4}.plink-mf{--c: #ff55ff}.home-foot{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}.home-foot .fine{font-size:.8rem}@media(max-width:900px){.home-hero{padding:36px 0 24px}.stage{flex-direction:column;height:auto}.panel,.stage:hover .panel,.stage .panel:hover{flex:none;min-height:360px}.panel-points{max-height:none;opacity:1}.launchpad{grid-template-columns:1fr;padding:22px}.paths{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.panel,.panel-points{transition:none}.panel-art span{animation:none!important}}