:root{--r-card:16px;--r-tile:12px;--glass:blur(44px) saturate(2.05) brightness(1.09);--glass-fill:color-mix(in srgb,var(--surface-alt) 66%,transparent);--glow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent),0 10px 30px -12px color-mix(in srgb,var(--accent) 46%,transparent),0 26px 74px -28px color-mix(in srgb,var(--accent) 24%,transparent);--edge:linear-gradient(134deg,color-mix(in srgb,var(--bridge) 62%,transparent),color-mix(in srgb,var(--primary) 30%,transparent) 34%,transparent 66%)}.chip-row li,.crumbs,.faq-num,.foot-col h4,.hero-faces-note,.hero-note,.mock-sub,.rcard-char .age,.rcard-persona,.rcard-stats,.related .k,.reply-who,.roster-tab,.sb-cap,.sb-plate span,.scene-tag,.slabel,.stats .lbl,.stepgrid .step .n,.steps-pin-list>.step .n,.vibe-chip,.vibe-hit-kicker{font-family:var(--font-body);letter-spacing:.04em}body:before{content:"";position:fixed;inset:-20vh -10vw;z-index:0;pointer-events:none;background:radial-gradient(42vw 42vw at 14% 8%,color-mix(in srgb,var(--primary) 30%,transparent),transparent 68%),radial-gradient(34vw 34vw at 88% 26%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 66%),radial-gradient(38vw 38vw at 52% 96%,color-mix(in srgb,var(--bridge) 22%,transparent),transparent 70%);filter:blur(150px);animation:drift 26s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}}.slabel .rule,.slabel.mid .rule,.slabel.warm .rule,.wavemark{flex:0 0 auto;width:30px;height:14px;opacity:1;background:linear-gradient(var(--primary) 0 0) 0 50% /3px 34% no-repeat,linear-gradient(var(--primary) 0 0) 7px 50% /3px 72% no-repeat,linear-gradient(var(--primary) 0 0) 14px 50% /3px 100% no-repeat,linear-gradient(var(--accent) 0 0) 21px 50% /3px 58% no-repeat,linear-gradient(var(--primary) 0 0) 28px 50% /3px 26% no-repeat}.slabel{align-items:center;gap:12px;color:var(--ink-muted)}.slabel b{color:var(--primary);font-family:var(--font-head);font-weight:600}.slabel.warm b{color:var(--bridge)}.brand,.deck-card-name strong,.mock-title,.stats .num,h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em}.hero-title{font-weight:600;line-height:1.03}.hero-title em{display:inline-block;font-style:normal;background:linear-gradient(100deg,var(--accent),var(--bridge) 46%,var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px color-mix(in srgb,var(--accent) 40%,transparent))}.hero-sub{font-size:clamp(1.1rem,1.35vw,1.2rem);color:var(--ink);opacity:.92;max-width:52ch}.head h2{font-weight:600}.head p{color:var(--ink-muted);max-width:62ch}.band{padding-block:clamp(52px,7vw,96px)}.panel{position:relative;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-block:1px solid color-mix(in srgb,var(--bridge) 22%,transparent)}.block-slot,.faq-item,.fcard,.pcbox,.rcard,.rcard-char,.scene-card,.stats>div,.tcard{border-radius:var(--r-card);min-width:0;overflow:hidden}.block-slot{padding:clamp(18px,2.4vw,26px)}.block-slot,.faq-item,.fcard,.pcbox,.rcard,.tcard{position:relative;background:color-mix(in srgb,var(--surface-alt) 74%,transparent);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border:1px solid color-mix(in srgb,var(--bridge) 18%,transparent)}.block-slot:before,.fcard:before,.sb-mock:before,.tcard:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.fcard:hover,.rcard-char:hover,.rcard:hover,.scene-card:hover{border-color:color-mix(in srgb,var(--primary) 46%,transparent);transform:translateY(-2px);transition:transform .2s ease,border-color .2s ease}.fcard .ico{color:var(--primary)}.mock-stage{align-items:stretch}.sb-mock{position:relative;max-width:352px;margin-inline:auto;border:1px solid color-mix(in srgb,var(--bridge) 26%,transparent);border-radius:var(--r-card);background:color-mix(in srgb,var(--surface-alt) 82%,transparent);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:var(--glow)}.sb-face{position:relative;min-width:0}.sb-face .slot{border-radius:var(--r-card) var(--r-card) 0 0}.sb-face:after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(to top,color-mix(in srgb,var(--surface) 92%,transparent),transparent);pointer-events:none}.sb-plate{position:absolute;left:14px;right:14px;bottom:11px;z-index:2;margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.sb-plate b{font-family:var(--font-head);font-weight:600;font-size:1.06rem;color:var(--ink)}.sb-plate span{font-size:.66rem;text-transform:uppercase;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-thread{display:grid;grid-gap:8px;gap:8px;padding:14px 14px 4px;min-width:0}.sb-note{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 13px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--primary) 16%,transparent);border:1px solid color-mix(in srgb,var(--primary) 34%,transparent)}.sb-note.mine{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 32%,transparent)}.sb-mark{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--accent);position:relative;box-shadow:0 6px 18px -8px color-mix(in srgb,var(--accent) 70%,transparent)}.sb-mark:after{content:"";position:absolute;left:10px;top:7px;border-left:8px solid var(--surface);border-top:6px solid transparent;border-bottom:6px solid transparent}.sb-wave{flex:1 1 auto;min-width:0;height:26px;display:flex;align-items:center;gap:2px;overflow:hidden}.sb-wave i{flex:1 1 3px;min-width:2px;max-width:4px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--primary) 78%,transparent)}.sb-note.mine .sb-wave i{background:color-mix(in srgb,var(--accent) 78%,transparent)}.sb-dur{flex:0 0 auto;font-size:.74rem;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-said{justify-self:start;max-width:88%;padding:9px 14px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid color-mix(in srgb,var(--bridge) 24%,transparent);font-size:.88rem;color:var(--ink)}.sb-said.mine{justify-self:end;background:color-mix(in srgb,var(--bridge) 18%,transparent);border-color:color-mix(in srgb,var(--bridge) 34%,transparent)}.sb-foot{display:grid;grid-gap:8px;gap:8px;padding:12px 14px 14px}.sb-act{display:block;text-align:center;padding:12px 16px;min-height:44px;border-radius:var(--r-pill);background:linear-gradient(100deg,var(--accent),color-mix(in srgb,var(--bridge) 70%,var(--accent)));color:var(--surface);font-family:var(--font-head);font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.sb-act:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 14px 32px -16px color-mix(in srgb,var(--accent) 70%,transparent)}.sb-act:active{transform:translateY(1px)}.sb-cap{font-size:.7rem;line-height:1.45;color:var(--ink-muted);text-align:center}.steps-pin-mock .sb-mock{max-width:304px}.steps-pin-mock .sb-face .slot{aspect-ratio:6/5}.steps-pin-mock .sb-face .slot img{object-fit:cover;object-position:50% 18%}.hero{padding-block:clamp(30px,5vw,62px) clamp(40px,6vw,78px)}.hero-faces-row a{min-width:0}.hero-face-ring .slot img{object-position:50% 14%}.hero-face-ring{padding:2px;border-radius:50%;background:conic-gradient(from 210deg,var(--card-tint,var(--primary)),color-mix(in srgb,var(--bridge) 80%,transparent) 52%,var(--card-tint,var(--primary)))}.hero-face-dot{background:var(--accent);box-shadow:0 0 0 2px var(--surface)}.hero-face-name,.hero-faces-note{color:var(--ink-muted)}.chip-row li{border-radius:var(--r-pill);border-color:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--ink);background:color-mix(in srgb,var(--primary) 10%,transparent)}.btn{border-radius:var(--r-pill);min-height:48px}.btn-primary{background:linear-gradient(100deg,var(--accent),color-mix(in srgb,var(--bridge) 74%,var(--accent)));color:var(--surface);border:0;box-shadow:var(--glow)}.btn-ghost{border-color:color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary)}.btn-ghost:hover{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--ink)}.hero-note svg{color:var(--primary)}.rail{background:color-mix(in srgb,var(--surface-alt) 76%,transparent);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-right:1px solid color-mix(in srgb,var(--bridge) 20%,transparent)}.rail-list a:hover,.rail-list a[aria-current=page]{color:var(--primary)}.rail-lbl{letter-spacing:.03em}.rail-cta{background:linear-gradient(150deg,var(--accent),color-mix(in srgb,var(--bridge) 70%,var(--accent)));color:var(--surface)}.brand-mark{border-radius:var(--r-tile);background:linear-gradient(140deg,var(--primary),var(--bridge));color:var(--surface)}.roster-tabs{gap:8px}.roster-tab{border-radius:var(--r-pill);min-height:40px;border-color:color-mix(in srgb,var(--bridge) 26%,transparent)}.roster-tab.is-active{background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:color-mix(in srgb,var(--primary) 52%,transparent);color:var(--ink);display:inline-flex;align-items:center;gap:9px}.roster-tab.is-active:before{content:"";width:18px;height:11px;flex:0 0 auto;background:linear-gradient(var(--primary) 0 0) 0 50% /2px 40% no-repeat,linear-gradient(var(--primary) 0 0) 5px 50% /2px 86% no-repeat,linear-gradient(var(--accent) 0 0) 10px 50% /2px 60% no-repeat,linear-gradient(var(--primary) 0 0) 15px 50% /2px 30% no-repeat}.rcard-char{border:1px solid color-mix(in srgb,var(--card-tint,var(--bridge)) 26%,transparent);background:color-mix(in srgb,var(--surface-alt) 70%,transparent)}.rcard-media .slot{border-radius:var(--r-card) var(--r-card) 0 0}.rcard-persona{border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid color-mix(in srgb,var(--card-tint,var(--primary)) 46%,transparent);color:var(--ink)}.rcard-live{border-radius:var(--r-pill);background:var(--accent);color:var(--surface)}.rcard-char .nm h3{font-weight:600}.rcard-char .age{color:var(--card-tint,var(--primary))}.rcard-char .chip-row li{border-color:color-mix(in srgb,var(--card-tint,var(--primary)) 34%,transparent);background:color-mix(in srgb,var(--card-tint,var(--primary)) 10%,transparent)}.rcard-stats{color:var(--ink-muted)}.vibe-chip{border-radius:var(--r-pill);min-height:44px;border:1px solid color-mix(in srgb,var(--primary) 32%,transparent);background:color-mix(in srgb,var(--primary) 7%,transparent);color:var(--ink)}.vibe-chip:hover{border-color:color-mix(in srgb,var(--primary) 58%,transparent)}.plan-opt.is-on,.vibe-chip.is-on{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 54%,transparent);color:var(--ink)}.vibe-hit{border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--surface-alt) 76%,transparent);overflow:hidden}.vibe-hit-kicker{color:var(--primary)}.vibe-hit-name{font-family:var(--font-head);font-weight:600}.reply-composer{border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--bridge) 30%,transparent);background:color-mix(in srgb,var(--surface) 74%,transparent)}.reply-send{border-radius:var(--r-pill);background:var(--accent);color:var(--surface);min-height:40px}.reply-bubble{border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--primary) 26%,transparent);background:color-mix(in srgb,var(--primary) 12%,transparent)}.reply-you{border-radius:var(--r-card);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.reply-who{color:var(--primary)}.reply-ava .slot{border-radius:50%}.reply-dots i{background:var(--bridge)}.scene-card{border:1px solid color-mix(in srgb,var(--bridge) 22%,transparent);background:color-mix(in srgb,var(--surface-alt) 70%,transparent)}.scene-tag{border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--ink)}.stats{border:0;gap:12px}.stats>div{border:1px solid color-mix(in srgb,var(--bridge) 20%,transparent);background:color-mix(in srgb,var(--surface-alt) 68%,transparent)}.stats .num{font-weight:600;color:var(--primary)}.stats>div:nth-child(2) .num{color:var(--bridge)}.stats>div:last-child .num{color:var(--accent)}.stats .lbl,.steps-pin-list>.step .n{color:var(--ink-muted)}.steps-pin-list>.step.on .n{color:var(--primary);display:inline-flex;align-items:center;gap:10px}.steps-pin-list>.step.on .n:after{content:"";width:24px;height:12px;background:linear-gradient(var(--primary) 0 0) 0 50% /2px 38% no-repeat,linear-gradient(var(--primary) 0 0) 6px 50% /2px 88% no-repeat,linear-gradient(var(--accent) 0 0) 12px 50% /2px 62% no-repeat,linear-gradient(var(--primary) 0 0) 18px 50% /2px 30% no-repeat}.steps-pin-dots li.on{background:var(--accent)}.prose .lead{color:var(--ink);font-size:clamp(1.12rem,1.5vw,1.28rem)}.prose p strong{color:var(--primary);font-weight:600}.pcbox.cons h3{color:var(--ink-muted)}.checklist li svg,.faq-item summary:hover .faq-q-text{color:var(--primary)}.faq-num{color:var(--bridge)}.related .k{color:var(--primary)}.footer{border-top:1px solid color-mix(in srgb,var(--bridge) 22%,transparent);background:color-mix(in srgb,var(--surface-alt) 54%,transparent)}.foot-col h4{color:var(--primary)}.fc-close{min-width:44px;min-height:44px}.floating-cta{background:color-mix(in srgb,var(--surface-alt) 88%,transparent);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-top:1px solid color-mix(in srgb,var(--accent) 34%,transparent)}@media (max-width:640px){.hero{padding-block:18px 34px}.hero-title{font-size:clamp(2rem,9.4vw,2.5rem)}.hero-faces{margin-block:10px 12px}.hero-sub{margin-block:8px 14px}.hero-ctas{margin-top:12px}.sb-mock{max-width:100%}.sb-face .slot{aspect-ratio:6/5}.sb-face .slot img{object-fit:cover;object-position:50% 18%}.sb-thread{padding:12px 12px 2px}.sb-cap{font-size:.68rem}.stats{grid-template-columns:1fr 1fr}}