:root{--s1:6px;--s2:10px;--s3:16px;--s4:22px;--r-card:16px;--r-tile:12px;--r-pill:999px;--g-cold:linear-gradient(104deg,var(--primary) 0%,var(--bridge) 92%);--g-hot:linear-gradient(104deg,var(--bridge) 0%,var(--accent) 94%);--g-full:linear-gradient(104deg,var(--primary) 0%,var(--bridge) 48%,var(--accent) 100%);--g-edge:linear-gradient(118deg,color-mix(in srgb,var(--primary) 82%,#fff) 0%,color-mix(in srgb,var(--bridge) 86%,#fff) 44%,color-mix(in srgb,var(--accent) 72%,#fff) 78%,color-mix(in srgb,var(--primary) 24%,transparent) 100%);--glass:blur(44px) saturate(2.05) brightness(1.09);--card-bg:color-mix(in srgb,var(--surface-alt) 64%,transparent);--glow-hot:0 0 0 1px color-mix(in srgb,var(--accent) 44%,transparent),0 22px 54px -22px color-mix(in srgb,var(--accent) 74%,transparent);--glow-cold:0 0 0 1px color-mix(in srgb,var(--primary) 40%,transparent),0 20px 48px -24px color-mix(in srgb,var(--primary) 70%,transparent);--ok:#4ade80}body:before{content:"";position:fixed;inset:-18% -12%;z-index:0;pointer-events:none;background:radial-gradient(38% 34% at 14% 8%,color-mix(in srgb,var(--primary) 40%,transparent) 0,transparent 70%),radial-gradient(32% 30% at 88% 34%,color-mix(in srgb,var(--accent) 30%,transparent) 0,transparent 72%),radial-gradient(44% 36% at 46% 96%,color-mix(in srgb,var(--bridge) 26%,transparent) 0,transparent 74%);filter:blur(150px);animation:drift 26s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1);opacity:.86}to{transform:translate3d(3%,2%,0) scale(1.08);opacity:1}}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,h4{letter-spacing:-.035em;font-weight:800}h3,h4{font-weight:700;letter-spacing:-.02em}body{font-weight:400}.hero-title{font-weight:800;line-height:.98}.hero-title em{color:var(--accent);filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 46%,transparent))}.hero-sub{font-size:1.14rem;color:var(--ink-muted);max-width:44ch}.head p,.hero-sub,.prose p{font-weight:400}.lead{font-size:1.16rem;color:var(--ink);font-weight:500}.chip-row li,.hero-note,.online-kicker,.rcard-live,.rcard-persona,.rcard-stats,.roster-tab,.scene-tag,.slabel,.stats .lbl{letter-spacing:.04em}.slabel{gap:var(--s2);margin-bottom:var(--s4)}.slabel b{display:inline-grid;place-items:center;min-width:30px;padding:5px 7px;border-radius:var(--r-tile);color:var(--primary);font-weight:600;background:color-mix(in srgb,var(--primary) 12%,transparent);box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--primary) 40%,transparent)}.slabel.warm b{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--accent) 42%,transparent)}.slabel.mid b{color:var(--bridge);background:color-mix(in srgb,var(--bridge) 13%,transparent);box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--bridge) 42%,transparent)}.slabel .rule{width:44px;height:2px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--primary) 0,var(--bridge) 52%,color-mix(in srgb,var(--accent) 0%,transparent) 100%)}.slabel.warm .rule{background:linear-gradient(90deg,var(--accent) 0,var(--bridge) 54%,transparent 100%)}.slabel.mid .rule{background:linear-gradient(90deg,var(--bridge) 0,var(--primary) 54%,transparent 100%)}.btn{border-radius:var(--r-pill);padding:16px 28px;font-weight:700;letter-spacing:-.015em}.btn-primary{background:var(--accent);color:var(--surface);box-shadow:var(--glow-hot)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 90%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 62%,transparent),0 26px 62px -20px color-mix(in srgb,var(--accent) 84%,transparent)}.btn-ghost{border-color:color-mix(in srgb,var(--primary) 34%,transparent);color:var(--ink);background:color-mix(in srgb,var(--primary) 7%,transparent)}.btn-ghost:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 13%,transparent)}.btn-sm{padding:12px 20px}.chip-row li{border-radius:var(--r-pill);padding:7px 14px;border-color:color-mix(in srgb,var(--primary) 26%,transparent);color:var(--ink-muted)}.nav{backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);background:color-mix(in srgb,var(--surface) 72%,transparent);border-bottom:1px solid var(--border)}.nav-links a:hover{color:var(--primary)}.floating-cta{backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);background:color-mix(in srgb,var(--surface-alt) 82%,transparent);border-top:1px solid color-mix(in srgb,var(--primary) 24%,transparent)}.fc-pitch{color:var(--ink-muted)}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-30% -20% auto auto;width:68vw;height:68vw;max-width:900px;max-height:900px;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--primary) 26%,transparent),transparent 78%);filter:blur(70px)}.hero-grid{position:relative}.hero-faces{margin:var(--s3) 0 var(--s4)}.hero-faces-row{gap:var(--s2)}.hero-face-ring{width:100%;padding:2px;border-radius:50%;background:conic-gradient(from 140deg,var(--card-tint,var(--primary)),color-mix(in srgb,var(--bridge) 80%,transparent),color-mix(in srgb,var(--card-tint,var(--primary)) 40%,transparent))}.hero-face-ring .slot{width:100%}.hero-face-dot{right:8%;bottom:8%;width:12px;height:12px}.hero-face-ring .slot>img{object-fit:cover;object-position:50% 14%}.hero-faces-row a:hover .hero-face-ring{filter:brightness(1.12)}.hero-face-dot{background:var(--accent);box-shadow:0 0 0 2px var(--surface),0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.hero-faces-note,.hero-note{color:var(--ink-muted)}.hero-note svg{color:var(--primary)}.mock{max-width:348px;border-radius:calc(var(--r-card) + 6px);border:1px solid transparent;padding:12px;display:grid;grid-gap:var(--s2);gap:var(--s2);background:var(--card-bg);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);box-shadow:0 40px 90px -40px color-mix(in srgb,var(--surface) 92%,transparent),var(--glow-cold);position:relative}.mock:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--g-edge);opacity:.62;-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}.cam-frame{position:relative;overflow:hidden;min-width:0}.cam-frame,.cam-frame>.slot{border-radius:var(--r-card)}.cam-frame:after{content:"";position:absolute;inset:52% 0 0 0;pointer-events:none;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--surface) 74%,transparent) 100%)}.cam-self{position:absolute;top:var(--s2);right:var(--s2);z-index:2;width:40%;max-width:132px;aspect-ratio:4/3;border-radius:var(--r-tile);display:grid;place-content:center;justify-items:center;grid-gap:4px;gap:4px;padding:6px;text-align:center;color:var(--ink-muted);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--primary) 40%,transparent),0 8px 22px -10px color-mix(in srgb,var(--surface) 96%,transparent)}.cam-self svg{color:var(--primary);opacity:.9}.cam-self span{font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}.cam-plate{position:absolute;inset:auto var(--s2) var(--s2) var(--s2);z-index:2;margin:0;display:flex;align-items:baseline;gap:var(--s2);min-width:0}.cam-plate b{font-family:var(--font-head);font-weight:800;font-size:1.08rem;letter-spacing:-.02em;color:var(--ink)}.cam-plate span{font-size:.68rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cam-line{margin:0;padding:13px var(--s3);border-radius:var(--r-card) var(--r-card) var(--r-card) 4px;font-size:.95rem;line-height:1.46;color:var(--ink);background:color-mix(in srgb,var(--surface-alt) 86%,transparent);border-left:2px solid var(--bridge)}.cam-composer{display:flex;align-items:center;gap:var(--s2);padding:7px 7px 7px var(--s3);border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 66%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent);min-width:0}.cam-draft{flex:1 1 auto;min-width:0;font-size:.9rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cam-draft.is-typed{color:var(--ink)}.cam-composer:has(.is-typed){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 46%,transparent)}.cam-send{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--surface);background:var(--g-hot);box-shadow:0 0 18px -4px color-mix(in srgb,var(--accent) 72%,transparent)}.steps-pin-mock .mock{max-width:272px}.steps-pin-mock .cam-line{padding:11px 14px;font-size:.9rem}.steps-pin-dots li{border-radius:var(--r-pill)}.steps-pin-dots li.on{background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.steps-pin-list>.step{border-top-color:var(--border)}.steps-pin-list>.step.on{border-top-color:color-mix(in srgb,var(--accent) 52%,transparent)}.steps-pin-list>.step .n{font-weight:600;letter-spacing:.04em}.band{border-top:1px solid var(--border)}.panel{background:color-mix(in srgb,var(--surface-alt) 74%,transparent)}.head h2{text-wrap:balance}.head p{color:var(--ink-muted)}.stats{border:0;grid-gap:var(--s2);gap:var(--s2);display:grid;grid-template-columns:repeat(4,1fr)}.stats>div{border-right:1px solid var(--border);border:1px solid var(--border);border-radius:var(--r-card);background:var(--card-bg);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);padding:clamp(20px,2.6vw,28px)}.stats>div:last-child{border-right:1px solid var(--border)}.stats .num{display:inline-block;background:var(--g-full);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--primary) 34%,transparent));font-weight:800}.stats .lbl{color:var(--ink-muted)}.fcard{border-radius:var(--r-card);background:var(--card-bg);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);transition:border-color .2s ease,transform .2s ease}.fcard:hover{border-color:color-mix(in srgb,var(--primary) 44%,transparent);transform:translateY(-2px)}.fcard .ico{color:var(--primary)}.fcard h3{color:var(--ink)}.prose p{color:var(--ink-muted)}.prose strong{color:var(--ink)}.pcbox{border-radius:var(--r-card);background:var(--card-bg)}.pcbox.pros svg{color:var(--ok)}.pcbox.cons svg{color:var(--bridge)}.checklist li{border-radius:var(--r-card)}.roster-tabs{gap:var(--s1)}.roster-tab{border-radius:var(--r-pill);border-color:color-mix(in srgb,var(--primary) 24%,transparent);font-weight:600;min-height:44px}.roster-tab.is-active{color:var(--surface);background:var(--g-cold);border-color:transparent}.rcard-char{border-radius:var(--r-card);background:var(--card-bg);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.rcard-char:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-tint,var(--primary)) 54%,transparent);box-shadow:0 26px 54px -30px color-mix(in srgb,var(--card-tint,var(--primary)) 60%,transparent)}.rcard-media{border-radius:var(--r-card) var(--r-card) 0 0;overflow:hidden}.rcard-media:after{content:"";position:absolute;right:var(--s2);bottom:var(--s2);width:34px;height:26px;border-radius:var(--r-tile);background:color-mix(in srgb,var(--card-tint,var(--primary)) 30%,transparent);box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--card-tint,var(--primary)) 76%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rcard-live,.rcard-persona{border-radius:var(--r-pill);font-weight:600}.rcard-char h3{color:var(--ink)}.rcard-char .age,.rcard-stats{color:var(--ink-muted)}.rcard-char .chip-row li{border-color:color-mix(in srgb,var(--card-tint,var(--primary)) 34%,transparent)}.scene-card{border-radius:var(--r-card);background:var(--card-bg);overflow:hidden}.scene-card .slot{border-radius:var(--r-card) var(--r-card) 0 0}.scene-tag{border-radius:var(--r-pill);color:var(--bridge);border-color:color-mix(in srgb,var(--bridge) 40%,transparent);font-weight:600}.scene-card h3{color:var(--ink)}.online-kicker{color:var(--ink-muted);font-weight:600}.online-dot{background:var(--bridge)}.online-face .slot{outline-offset:3px}.online-face.is-open .slot{outline-color:var(--card-tint,var(--primary));box-shadow:0 0 22px -6px color-mix(in srgb,var(--card-tint,var(--primary)) 74%,transparent)}.online-face .slot>img{object-fit:cover;object-position:50% 14%}.online-face-name{font-weight:500}.online-open{border-radius:var(--r-card);background:var(--card-bg);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.online-open-name{color:var(--ink)}.mem-kicker,.mem-later{letter-spacing:.04em;font-weight:600}.mem-kicker{color:var(--primary)}.mem-said{border-radius:var(--r-card) var(--r-card) 4px var(--r-card);border-color:color-mix(in srgb,var(--primary) 26%,transparent)}.mem-said:hover,.mem-step.is-open .mem-said{border-color:color-mix(in srgb,var(--primary) 56%,transparent);background:color-mix(in srgb,var(--primary) 8%,transparent)}.mem-heard{border-radius:var(--r-card) var(--r-card) var(--r-card) 4px;background:color-mix(in srgb,var(--surface-alt) 88%,transparent);box-shadow:inset 2px 0 0 var(--bridge)}.mem-later{color:var(--bridge)}.tcard{border-radius:var(--r-card);background:var(--card-bg)}.tcard figcaption b{color:var(--primary)}.related .rcard{border-radius:var(--r-card);background:var(--card-bg);transition:border-color .2s ease,transform .2s ease}.related .rcard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--bridge) 50%,transparent)}.related .rcard .k{color:var(--bridge);letter-spacing:.04em}.faq-item{border-radius:var(--r-card)}.faq-num{color:var(--primary)}.faq-q-text{font-weight:700}.faq-item summary:hover .faq-q-text{color:var(--primary)}.faq-arrow{color:var(--bridge)}.final-grid{background:var(--card-bg);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.final-grid,.final-media{border-radius:var(--r-card);overflow:hidden}.final-media{position:relative}.final-media:after{content:"";position:absolute;right:var(--s3);bottom:var(--s3);width:62px;height:46px;border-radius:var(--r-tile);background:color-mix(in srgb,var(--surface) 72%,transparent);box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--primary) 46%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer{border-top:1px solid var(--border)}.foot-col a:hover{color:var(--primary)}.foot-bottom,.foot-brand p{color:var(--ink-muted)}@media (max-width:900px){.hero:before{width:120vw;height:120vw;inset:-40% -30% auto auto}}@media (max-width:768px){.stats{grid-template-columns:repeat(2,1fr)}.stats>div{border:1px solid var(--border)}}@media (max-width:640px){.stats{grid-template-columns:1fr 1fr}.mock{max-width:320px;padding:10px}.cam-self{width:44%}.cam-plate b{font-size:1rem}.hero-sub{font-size:1.1rem}.hero-faces{margin:var(--s2) 0 var(--s3)}}@media (prefers-reduced-motion:reduce){.online-dot,body:before{animation:none}.fcard:hover,.rcard-char:hover,.related .rcard:hover{transform:none}}