body[data-scene=v8] #home{--mx:0;--my:0;position:relative;isolation:isolate;display:block;width:100%;max-width:none;height:100svh;min-height:600px;padding:0;margin:0;overflow:hidden;background:var(--tone-071)}
body[data-scene=v8] #home::before,body[data-scene=v8] #home::after{display:none!important}
#home .v8-backdrop,#home .v8-window-plane,#home .v8-console-plane{position:absolute}
#home .v8-backdrop{z-index:0;pointer-events:none}
#home .v8-background-art,#home .v8-frame-art,#home .v8-console-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;pointer-events:none;user-select:none}
#home .v8-window-plane{z-index:2}
#home .v8-frame-art{z-index:3}
#home .v8-window-plane .hero-stage{position:absolute;display:block;max-width:none;min-height:0;margin:0;padding:0;aspect-ratio:auto;background:none;border:0;border-radius:0;box-shadow:none;filter:none;transform:none;isolation:isolate;overflow:hidden;mask:url('assets/scene-v8-plan-a/web/window-mask.png') 0 0/100% 100% no-repeat;z-index:1}
#home .v8-window-plane .hero-stage::before,#home .v8-window-plane .hero-stage::after{display:none!important}
#home .v8-window-plane #hero-media{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);aspect-ratio:auto;border:0;border-radius:0;mask:none;clip-path:none;overflow:hidden;background:var(--tone-072);transform:translate(calc(var(--mx)*-6px),calc(var(--my)*-6px));z-index:1}
#home #hero-media .content-image,#home #hero-media .content-video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:none;opacity:1;border:0;border-radius:0}
#home #hero-media .placeholder-badge{right:22%;bottom:18%;font-size:clamp(8px,calc(var(--unit)*.0075),14px);padding:2px 6px;background:var(--tone-073);color:var(--tone-026);z-index:3}
#home .v8-readability{position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--gradient-005)}
#home[data-tone=dark] .v8-readability{background:var(--gradient-006)}
#home .v8-copy{position:absolute;z-index:5;color:var(--tone-076);text-shadow:0 1px 2px var(--tone-077)}
#home .v8-title{margin:0;font:700 clamp(29px,calc(var(--type-unit,var(--unit))*.041),128px)/1.24 'Songti SC','STSong',serif;letter-spacing:.015em;white-space:nowrap}
#home .v8-subtitle{margin:calc(var(--unit)*.011) 0 0;font-size:clamp(12px,calc(var(--type-unit,var(--unit))*.014),38px);line-height:1.65;letter-spacing:.24em;color:inherit}
#home .v8-browse{transform:none;display:inline-flex;align-items:center;justify-content:center;margin-top:calc(var(--unit)*.022);height:clamp(39px,calc(var(--type-unit,var(--unit))*.039),105px);min-height:0;padding:0 calc(var(--type-unit,var(--unit))*.028);font-size:clamp(12px,calc(var(--type-unit,var(--unit))*.012),32px);line-height:1;letter-spacing:.06em;text-shadow:none;white-space:nowrap;box-shadow:inset 0 1px 2px var(--tone-078),0 4px 10px var(--tone-079)}
#home[data-tone=dark] .v8-copy{color:var(--tone-049);text-shadow:0 2px 5px var(--tone-080),0 0 18px var(--tone-081)}
#home .v8-featured{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;gap:.2em;margin:0;padding:0 9px;border:1px solid var(--tone-082);border-radius:40px;background:var(--tone-083);box-shadow:0 2px 5px var(--tone-084);color:var(--tone-085);font-size:clamp(9px,calc(var(--unit)*.0085),23px);line-height:1;white-space:nowrap;cursor:pointer}
#home .v8-trace{position:absolute;z-index:4;pointer-events:none}
#home .v8-trace svg{width:100%;height:100%;overflow:visible}
#home .v8-trace path{fill:none;stroke:var(--tone-086);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 4px var(--tone-087))}
#home .v8-video-controls{position:absolute;right:19%;bottom:29%;z-index:7;display:flex;gap:8px;pointer-events:auto}
#home .v8-video-controls[hidden]{display:none}
#home .v8-video-controls button{min-height:36px;padding:6px 12px;border:1px solid var(--tone-018);border-radius:30px;background:var(--tone-088);color:var(--tone-026);font-size:13px}
#home .sweep-light{position:absolute;inset:0 auto 0 -10%;width:12%;z-index:3;background:var(--gradient-007);pointer-events:none}
body[data-scene=v8] #app>.nav{position:absolute;z-index:40;left:50%;right:auto;top:var(--nav-top,24px);translate:-50% 0;transform:none!important;animation:none!important;width:var(--nav-width,80vw);height:clamp(40px,4.2svh,84px);display:flex;align-items:center;gap:clamp(14px,1.3vw,40px);padding:0;margin:0}
body[data-scene=v8] .nav .nav-capsule{position:relative;inset:auto;flex:1;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 clamp(20px,2vw,60px);gap:25px;border:1px solid var(--tone-090);border-radius:70px;background:var(--tone-091);box-shadow:inset 0 1px var(--tone-077),0 1px 6px var(--tone-092);backdrop-filter:blur(8px)}
body[data-scene=v8] .nav .brand{font:700 clamp(23px,calc(32px * var(--nav-scale,1)),56px)/1.2 'Songti SC','STSong',serif;letter-spacing:.01em;white-space:nowrap;color:var(--tone-093)}
body[data-scene=v8] .nav nav{position:static;display:flex;gap:clamp(24px,calc(40px * var(--nav-scale,1)),80px);padding:0;background:none;border:0}
body[data-scene=v8] .nav nav a{font-size:clamp(12px,calc(16px * var(--nav-scale,1)),28px);white-space:nowrap;color:var(--tone-094)}
body[data-scene=v8] .nav-actions{position:static;display:flex;gap:8px;align-items:center;height:100%}
body[data-scene=v8] .nav-actions .button{display:flex;align-items:center;justify-content:center;height:100%;min-height:0;padding:0 clamp(22px,calc(32px * var(--nav-scale,1)),64px);font-size:clamp(12px,calc(14px * var(--nav-scale,1)),27px);white-space:nowrap;box-shadow:inset 0 1px var(--tone-018),0 2px 7px var(--tone-095)}
body[data-scene=v8] .nav .menu-toggle{display:none}
body[data-scene=v8] #app>.nav.scrolled{position:fixed;top:10px;max-width:1380px;height:48px}
body[data-scene=v8] .nav.scrolled .nav-capsule{background:var(--tone-096)}
body[data-scene=v8] .nav.scrolled .brand{font-size:25px}
body[data-scene=v8] .nav.scrolled nav a,body[data-scene=v8] .nav.scrolled .button{font-size:14px}
body[data-scene=v8] .stats-strip{position:relative;margin:0;z-index:1}
body[data-scene=v8] .stats-strip .stats{max-width:1500px}
#home .v8-console-scroll,#home .v8-console-rail{position:absolute;z-index:10;pointer-events:none;overflow:visible}
#home .v8-console-plane{isolation:isolate;pointer-events:none}
#home .v8-console-art{z-index:3}
#home #hero-selectors{position:absolute;inset:0;display:block;max-width:none;width:100%;height:100%;padding:0;margin:0;gap:0;overflow:visible;background:none;border:0;isolation:auto;z-index:auto;pointer-events:none}
#home .v8-console-plane .medallion{position:absolute;display:block;padding:0;margin:0;min-width:0;min-height:0;border:0;background:none;box-shadow:none;transform:none!important;filter:none;isolation:auto;z-index:auto;pointer-events:auto}
#home .v8-console-plane .medallion-ring{position:absolute;inset:-1.5%;width:103%;height:103%;padding:0;border:0;border-radius:50%;overflow:hidden;background:none;box-shadow:none;transform:none!important;z-index:1}
#home .v8-console-plane .medallion-ring::after{display:none!important}
#home .v8-console-plane .medallion-ring img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0;transform:none}
#home .v8-console-plane .medallion-name{position:absolute;left:50%;transform:translateX(-50%);display:block;z-index:5;padding:0;margin:0;min-width:0;border:0;border-radius:0;box-shadow:none;background:none;color:var(--tone-097);font:600 clamp(11px,calc(var(--unit)*.011),28px)/1.2 'Songti SC','STSong',serif;white-space:nowrap}
#home .v8-console-plane .medallion-name[hidden]{display:none}
#home .v8-console-plane .medallion::after{content:'';position:absolute;inset:-2%;border:2px solid var(--tone-098);border-radius:50%;z-index:5;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:0 0 10px var(--tone-099)}
#home .v8-console-plane .medallion:hover::after,#home .v8-console-plane .medallion:focus-visible::after{opacity:1}
#home .v8-console-plane .medallion:focus-visible{outline:none}
#home .v8-current-name{position:absolute;z-index:5;display:grid;place-items:center;color:var(--tone-100);font:700 clamp(12px,calc(var(--unit)*.013),32px)/1.15 'Songti SC','STSong',serif;pointer-events:none}
#home .round-arrow{position:absolute;z-index:6;display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--tone-101);background:var(--tone-102);border-radius:50%;box-shadow:inset 0 1px var(--tone-078);color:var(--tone-103);font-size:clamp(17px,calc(var(--unit)*.016),40px);padding:0;transform:none;pointer-events:auto;line-height:1}
#home .round-arrow:focus-visible,#home .v8-featured:focus-visible,#home .v8-browse:focus-visible{outline:3px solid var(--tone-104);outline-offset:4px}
#home .v8-atmosphere{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none}
@media(max-width:1023px){
 body[data-scene=v8] #home{min-height:640px}
 #home .v8-console-scroll{overflow-x:auto;overflow-y:hidden;pointer-events:auto;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:smooth}
 #home .v8-console-scroll::-webkit-scrollbar{display:none}
 #home .v8-console-rail{pointer-events:auto;overflow:hidden}
 #home .v8-copy{text-align:center;color:var(--tone-105)!important;text-shadow:0 2px 6px var(--tone-106)!important}
 #home .v8-title{font-size:clamp(23px,6.2vw,46px);line-height:1.2;letter-spacing:0}
 #home .v8-subtitle{font-size:clamp(11px,2.85vw,20px);margin:7px 0 0;letter-spacing:.12em;line-height:1.5}
 #home .v8-browse{font-size:13px;min-height:38px;height:38px;padding:0 22px;margin-top:11px}
 #home .v8-readability,#home[data-tone=dark] .v8-readability{background:var(--gradient-008)}
 #home .v8-featured{font-size:9px;padding:0 6px}
 #home #hero-media .placeholder-badge{font-size:8px;right:25%;bottom:8%}
 #home .v8-console-plane .medallion-name{font-size:12px}
 #home .v8-current-name{font-size:13px}
 #home .round-arrow{font-size:18px;min-height:44px;min-width:44px}
 body[data-scene=v8] #app>.nav{width:var(--nav-width,94vw);height:44px;gap:7px}
 body[data-scene=v8] .nav .nav-capsule{padding:0 12px;gap:0;background:var(--tone-110)}
 body[data-scene=v8] .nav .brand{font-size:clamp(22px,3.4vw,32px)}
 body[data-scene=v8] .nav-actions .button{font-size:11px;padding:0 12px;height:38px}
 body[data-scene=v8] .nav .menu-toggle{display:grid;place-items:center;width:38px;height:38px;min-height:38px;border-radius:50%;border:1px solid var(--tone-111);background:var(--tone-112);color:var(--tone-113);padding:0}
 body[data-scene=v8] .nav nav{display:none;position:absolute;top:55px;left:0;width:min(86vw,420px);padding:20px;border:1px solid var(--tone-114);border-radius:18px;background:var(--tone-115);box-shadow:0 10px 24px var(--tone-116);white-space:normal}
 body[data-scene=v8] .nav nav.open{display:grid;gap:19px;grid-template-columns:1fr}
 body[data-scene=v8] .nav nav a{font-size:16px;min-height:30px}
 #home .v8-video-controls{bottom:63%;right:20%;gap:5px}
 #home .v8-video-controls button{font-size:10px;min-height:26px;padding:4px 7px}
}
@media(prefers-reduced-motion:reduce){
 #home .v8-window-plane #hero-media{transform:none!important}
 body[data-scene=v8] #home *,body[data-scene=v8] #home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 #home .v8-trace{display:none}
}

#home .v8-mobile-deck{display:none}
@media(max-width:1023px){
 #home>.round-arrow{z-index:25}
}

#home .round-arrow{background:var(--gradient-010);border:1px solid var(--tone-120);box-shadow:inset 0 2px 4px var(--tone-121),inset 0 -1px var(--tone-122),0 1px 1px var(--tone-123);color:var(--tone-124);min-width:30px;min-height:30px}
@media(max-width:1023px){#home .v8-mobile-deck{display:none!important}#home .v8-console-plane .medallion-name{font-size:11px}#home .v8-current-name{font-size:12px}#home .v8-title{font-size:clamp(23px,6vw,44px)}#home .v8-readability,#home[data-tone=dark] .v8-readability{background:var(--gradient-011)}.stats-step .stats{top:0}}

@media(max-width:1023px),(hover:none),(pointer:coarse){
 #home .v8-window-plane #hero-media{transform:none}
}
