.detail{max-width:var(--maxw);margin:0 auto;padding:0 max(18px,min(5vw,64px)) max(60px,min(9vw,110px));position:relative}.back-link{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);transition:color .3s var(--ease), gap .3s var(--ease);align-items:center;gap:9px;margin-top:max(22px,min(4vw,40px));font-size:11.5px;display:inline-flex}.back-link:hover{color:var(--accent);gap:14px}.back-link .arr{transition:transform .3s var(--ease)}.back-link:hover .arr{transform:translate(-4px)}.detail-hero{max-width:60rem;padding:max(34px,min(6vw,78px)) 0 max(8px,min(2vw,18px))}.detail-meta{align-items:center;gap:14px;margin-bottom:26px;display:flex}.status-chip{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-dim);border-radius:100px;align-items:center;gap:7px;padding:6px 13px;font-size:10px;display:inline-flex}.status-chip.live{color:#fff;background:var(--accent);border-color:var(--accent)}.status-chip .dot{width:6px;height:6px;animation:blink 1.6s var(--ease) infinite;background:currentColor;border-radius:50%}.detail-hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:22px;font-size:max(2.6rem,min(7vw,5.4rem));font-weight:600;line-height:.96}.detail-tagline{font-family:var(--font-display);color:var(--text);letter-spacing:-.015em;max-width:26ch;margin-bottom:24px;font-size:max(1.2rem,min(2.5vw,1.85rem));font-weight:500;line-height:1.18}.detail-tagline .grad{background:linear-gradient(115deg, var(--ember), var(--crimson) 70%);color:#0000;-webkit-background-clip:text;background-clip:text}html[data-theme=light] .detail-tagline .grad{background:linear-gradient(115deg,#c7402e,#9e2a1e 75%);color:#0000;-webkit-background-clip:text;background-clip:text}.detail-overview{color:var(--text-dim);max-width:64ch;margin-bottom:36px;font-size:max(1rem,min(1.3vw,1.14rem));line-height:1.65}.detail-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:18px;padding:max(26px,min(4vw,42px)) 0;display:grid}.detail-stats .stat .v{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(120deg, var(--ember), var(--crimson));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:max(1.7rem,min(3.6vw,2.9rem));font-weight:600;line-height:1}html[data-theme=light] .detail-stats .stat .v{background:linear-gradient(120deg,#c7402e,#9e2a1e);color:#0000;-webkit-background-clip:text;background-clip:text}.detail-stats .stat .l{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);margin-top:10px;font-size:11px}@media (max-width:620px){.detail-stats{grid-template-columns:1fr;gap:26px}}.detail-sec{padding-top:max(52px,min(8vw,96px));padding-bottom:max(52px,min(8vw,96px))}.feature-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:760px){.feature-grid{grid-template-columns:1fr}}.feature{border:1px solid var(--border);background:var(--card-grad);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .4s var(--ease), transform .4s var(--ease), box-shadow .5s var(--ease);border-radius:18px;padding:max(24px,min(3vw,34px));position:relative;overflow:hidden}.feature:hover{border-color:var(--border-hi);transform:translateY(-5px);box-shadow:0 26px 50px -30px #0009}.feature:after{content:"";background:linear-gradient(var(--ember), transparent);opacity:0;width:2px;transition:opacity .4s var(--ease);position:absolute;top:0;bottom:0;left:0}.feature:hover:after{opacity:1}.feature .n{font-family:var(--font-mono);color:var(--accent);letter-spacing:.14em;font-size:12px}.feature h3{font-family:var(--font-display);letter-spacing:-.01em;margin:14px 0 10px;font-size:1.32rem;font-weight:600}.feature p{color:var(--text-dim);font-size:.96rem;line-height:1.6}.tech-row{flex-wrap:wrap;gap:10px;display:flex}.chip{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-dim);border:1px solid var(--border);background:var(--surface);transition:border-color .3s var(--ease), color .3s var(--ease), transform .3s var(--ease);border-radius:100px;padding:9px 17px;font-size:11.5px}.chip:hover{border-color:var(--border-hi);color:var(--text);transform:translateY(-2px)}.detail-links{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.related-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;display:grid}.related-grid .card{grid-column:auto;min-height:240px}
.showcase{position:relative}.sc-reel{gap:max(38px,min(6vw,76px));display:grid}.sc-item{grid-template-columns:1fr;gap:max(16px,min(2vw,24px));display:grid}.sc-frame{border:1px solid var(--border-hi);background:var(--surface);transform-style:preserve-3d;transition:box-shadow .5s var(--ease), border-color .5s var(--ease);will-change:transform;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 40px 80px -48px #000000b3,inset 0 2px #ffffff08}.sc-frame:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-hi));box-shadow:0 52px 100px -46px #000000c7, 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent), 0 0 60px -30px var(--ember)}html[data-theme=light] .sc-frame{box-shadow:0 40px 80px -50px #783c2866}.sc-chrome{border-bottom:1px solid var(--border);background:var(--surface);background:color-mix(in srgb, var(--bg) 60%, transparent);align-items:center;gap:14px;height:40px;padding:0 14px;display:flex}.sc-dots{flex:none;gap:7px;display:inline-flex}.sc-dots i{background:var(--border-hi);border-radius:50%;width:11px;height:11px}.sc-dots i:first-child{background:#e06a4d}.sc-dots i:nth-child(2){background:#dcb04a}.sc-dots i:nth-child(3){background:#6fae72}.sc-url{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-mute);background:var(--surface);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;border-radius:100px;align-items:center;gap:7px;max-width:min(60%,380px);padding:4px 14px;font-size:11px;display:inline-flex;overflow:hidden}.sc-url svg{opacity:.6;flex:none}.sc-frame.phone{border-radius:30px;max-width:340px;margin:0 auto;padding:10px}.sc-frame.phone .sc-shot{border-radius:22px}.sc-notch{background:var(--border-hi);z-index:3;border-radius:100px;width:92px;height:7px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.sc-shot{background:var(--surface);line-height:0;position:relative;overflow:hidden}.sc-shot img{width:100%;height:auto;display:block}.sc-glare{pointer-events:none;transition:transform .9s var(--ease);background:linear-gradient(115deg,#0000 30%,#ffffff24 46%,#ffffff0d 54%,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}.sc-frame:hover .sc-glare{transform:translate(120%)}.sc-cap{align-items:flex-start;gap:14px;max-width:74ch;padding-left:2px;display:flex}.sc-num{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);flex:none;padding-top:3px;font-size:12px}.sc-cap p{color:var(--text-dim);font-size:max(.95rem,min(1.15vw,1.06rem));line-height:1.6}.sc-schematic{width:100%;max-width:940px;margin-left:auto;margin-right:auto;padding:max(26px,min(4vw,44px))}.sc-diagram{justify-content:center;align-items:center;min-height:220px;display:flex;position:relative}.sc-svg{width:100%;max-width:540px;height:auto;overflow:visible}.sc-edge{stroke:var(--accent);stroke-width:1.1px;opacity:.4}.sc-edge.faint{opacity:.16}.sc-node{fill:var(--ember);stroke:var(--bg);stroke-width:2px;filter:drop-shadow(0 0 5px var(--ember));animation:sc-pulse 3.4s var(--ease) infinite;animation-delay:calc(var(--i) * .3s)}.sc-hub{fill:var(--crimson);stroke:color-mix(in srgb, var(--ember) 60%, transparent);stroke-width:6px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--crimson) 70%, transparent))}.sc-nlabel{font-family:var(--font-mono);fill:var(--text-mute);letter-spacing:.04em;font-size:11px}@keyframes sc-pulse{0%,to{opacity:.55}50%{opacity:1}}.sc-signal-rows{flex-direction:column;gap:16px;width:100%;max-width:460px;display:flex}.sc-signal-row{grid-template-columns:84px 1fr;align-items:center;gap:14px;display:grid}.sc-signal-name{font-family:var(--font-mono);color:var(--text-mute);text-align:right;white-space:nowrap;font-size:11px}.sc-wave{align-items:center;gap:3px;height:40px;display:flex}.sc-bar{background:linear-gradient(var(--ember), var(--crimson));opacity:.85;transform-origin:50%;height:30%;min-height:3px;animation:sc-eq 1.6s var(--ease) infinite;animation-delay:calc((var(--i) * 55ms) + (var(--row) * .2s));border-radius:2px;flex:1}@keyframes sc-eq{0%,to{height:22%}50%{height:92%}}.sc-console{border:1px solid var(--border);background:var(--bg);background:color-mix(in srgb, var(--bg) 70%, #000 8%);border-radius:12px;width:100%;max-width:560px;overflow:hidden}.sc-console-bar{border-bottom:1px solid var(--border);gap:7px;padding:11px 14px;display:flex}.sc-console-bar i{background:var(--border-hi);border-radius:50%;width:10px;height:10px}.sc-console-body{font-family:var(--font-mono);color:var(--text-dim);white-space:pre-wrap;word-break:break-word;margin:0;padding:18px 18px 20px;font-size:12.5px;line-height:1.85}.sc-line{opacity:0;animation:10ms linear forwards sc-type;animation-delay:calc(var(--i) * .5s + .3s);display:block}.sc-line:first-child{color:var(--text)}.sc-cursor{vertical-align:text-bottom;background:var(--accent);width:8px;height:15px;animation:1.1s step-end infinite sc-blink;display:inline-block}@keyframes sc-type{to{opacity:1}}@keyframes sc-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.sc-tokens{flex-direction:column;gap:22px;width:100%;max-width:460px;display:flex}.sc-swatches{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.sc-swatch{background:var(--c);height:64px;animation:sc-rise .6s var(--ease) both;animation-delay:calc(var(--i) * 90ms);border:1px solid #ffffff14;border-radius:12px}.sc-tokenlist{flex-direction:column;gap:10px;list-style:none;display:flex}.sc-tokenlist li{animation:sc-rise .6s var(--ease) both;animation-delay:calc(var(--i) * 90ms + .2s);grid-template-columns:120px 1fr;align-items:center;gap:14px;display:grid}.sc-tokenkey{font-family:var(--font-mono);color:var(--accent);font-size:12px}.sc-tokenbar{background:linear-gradient(90deg, var(--ember), transparent);border-radius:100px;height:8px}@keyframes sc-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sc-orbit{fill:none;stroke:var(--ember);stroke-width:1.4px;opacity:.5}.sc-electron{fill:var(--ember);filter:drop-shadow(0 0 6px var(--ember));animation:sc-pulse 2.8s var(--ease) infinite;animation-delay:calc(var(--i) * .4s)}.sc-nucleus{fill:var(--crimson);stroke:color-mix(in srgb, var(--ember) 55%, transparent);stroke-width:6px;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--crimson) 70%, transparent))}@media (max-width:640px){.sc-signal-row{grid-template-columns:62px 1fr}.sc-tokenlist li{grid-template-columns:100px 1fr}}@media (prefers-reduced-motion:reduce){.sc-node,.sc-bar,.sc-line,.sc-cursor,.sc-swatch,.sc-tokenlist li,.sc-electron{animation:none}.sc-line{opacity:1}.sc-glare{display:none}}.sc-staged{--sca:var(--sc-accent,var(--accent))}.sc-staged .sec-head .label{color:var(--sca)}.sc-staged .sec-head .label:before{content:"";vertical-align:1px;background:var(--sca);width:7px;height:7px;box-shadow:0 0 12px var(--sca);border-radius:50%;margin-right:10px;display:inline-block}.sc-xpline{background:var(--border);border-radius:2px;height:2px;margin:max(18px,min(3vw,30px)) 0 max(30px,min(5vw,54px));position:relative;overflow:hidden}.sc-xpline i{transform-origin:0;background:linear-gradient(90deg, var(--sca), color-mix(in srgb, var(--sca) 30%, transparent));box-shadow:0 0 16px 1px var(--sca);transition:transform 1.6s var(--ease-out) .25s;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}html.js .sc-xpline.in i{transform:scaleX(1)}.sc-stage{perspective:1400px;grid-template-columns:1fr 1.22fr 1fr;align-items:end;gap:max(10px,min(2vw,28px));padding:max(20px,min(4vw,44px)) max(4px,min(2vw,24px)) max(26px,min(4vw,48px));display:grid;position:relative}.sc-stage:before{content:"";pointer-events:none;background:radial-gradient(46% 42% at 50% 44%, color-mix(in srgb, var(--sca) 16%, transparent), transparent 70%), radial-gradient(30% 30% at 24% 68%, color-mix(in srgb, var(--sca) 7%, transparent), transparent 70%), radial-gradient(30% 30% at 76% 68%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 70%);filter:saturate(1.1);z-index:0;position:absolute;top:-12%;bottom:-12%;left:-6%;right:-6%}.sc-stage:after{content:"";background:radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--sca) 12%, transparent), transparent 72%);pointer-events:none;z-index:0;border-radius:50%;width:min(72%,640px);height:44px;position:absolute;bottom:max(6px,min(1.5vw,18px));left:50%;transform:translate(-50%)}.sc-pod{z-index:1;gap:14px;margin:0;display:grid;position:relative}.sc-pod-hero{z-index:2}.sc-staged .sc-pod-hero .sc-frame.phone{border-color:color-mix(in srgb, var(--sca) 45%, var(--border-hi));max-width:350px;box-shadow:0 60px 120px -50px #000000d9, 0 0 90px -34px color-mix(in srgb, var(--sca) 80%, transparent), 0 2px 0 0 #ffffff0a inset}.sc-pod-left .sc-pose,.sc-pod-right .sc-pose{transform:translateY(clamp(14px,3vw,34px))scale(.94)}.sc-pod-left .sc-pose{rotate:-4.5deg}.sc-pod-right .sc-pose{rotate:4.5deg}.sc-pod-left .sc-frame.phone,.sc-pod-right .sc-frame.phone{max-width:300px}.sc-pod-left .sc-cap,.sc-pod-right .sc-cap{opacity:.85}.sc-pod .sc-cap,.sc-railitem .sc-cap{max-width:300px;margin:0 auto}.sc-pod-hero .sc-cap{max-width:350px}.sc-staged .sc-frame.phone{border-color:color-mix(in srgb, var(--sca) 22%, var(--border-hi))}.sc-pod .sc-cap,.sc-railitem .sc-cap{display:block}.sc-pod .sc-cap p{margin-top:6px}.sc-pod .sc-num{color:var(--sca);letter-spacing:.08em;text-transform:uppercase;display:block}@keyframes sc-hover{0%,to{translate:0}50%{translate:0 -7px}}html.js .sc-pod-hero.in{animation:7s ease-in-out 1.8s infinite sc-hover}.sc-rail{grid-template-columns:repeat(auto-fit,minmax(220px,280px));justify-content:center;gap:max(18px,min(3vw,34px));margin-top:max(26px,min(4vw,46px));display:grid}.sc-railitem{gap:12px;margin:0;display:grid}.sc-railitem .sc-frame.phone{max-width:270px}.sc-railitem .sc-num{color:var(--sca);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:block}.sc-staged .sc-frame.phone:hover{border-color:color-mix(in srgb, var(--sca) 60%, var(--border-hi));box-shadow:0 52px 100px -46px #000c, 0 0 0 1px color-mix(in srgb, var(--sca) 28%, transparent), 0 0 70px -26px var(--sca)}html[data-theme=light] .sc-stage:before{opacity:.55}html[data-theme=light] .sc-pod-hero .sc-frame.phone{box-shadow:0 46px 90px -48px #783c2880, 0 0 70px -30px color-mix(in srgb, var(--sca) 60%, transparent)}@media (max-width:860px){.sc-stage{scroll-snap-type:x mandatory;align-items:stretch;padding-bottom:18px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4%,#000 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4%,#000 96%,#0000)}.sc-stage:before,.sc-stage:after{display:none}.sc-pod{scroll-snap-align:center;flex:0 0 74%;max-width:300px}.sc-pod-left .sc-pose,.sc-pod-right .sc-pose{transform:rotate(0)}.sc-stage .sc-pod-left{order:2}.sc-stage .sc-pod-hero{order:1}.sc-stage .sc-pod-right{order:3}.sc-rail{grid-template-columns:1fr;justify-items:center}}@media (prefers-reduced-motion:reduce){html.js .sc-pod-hero.in{animation:none}.sc-xpline i{transition:none;transform:scaleX(1)}}