@import url('assets/fonts.css');
.film-card .art{display:block}
:root{--bg:#101111;--surface:#191a19;--text:#f3f0e9;--muted:#aaa9a2;--line:#ffffff22;--accent:#ff8f61;--ease:cubic-bezier(.16,1,.3,1);font-family:'Manrope','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#696961 var(--bg);scrollbar-width:thin}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;width:100%;height:100%;object-fit:cover}::selection{background:var(--accent);color:#131313}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input{caret-color:var(--accent)}[hidden]{display:none!important}
.site-header{height:94px;position:absolute;inset:0 0 auto;z-index:20;padding:0 4.2vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff26}.brand{display:flex;gap:11px;align-items:center}.brand strong{font-size:23px;font-weight:600;line-height:1.2;letter-spacing:2px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:1.9px;margin-top:7px}.brand-symbol{display:flex;gap:4px;align-items:center;transform:rotate(-12deg)}.brand-symbol i{display:block;width:4px;height:25px;background:var(--accent)}.brand-symbol i:nth-child(2){height:35px}.brand-symbol i:nth-child(3){height:18px}.site-header nav{display:flex;gap:30px}.nav-link{padding:15px 0;color:#c8c6be;font-size:13px;position:relative;transition:color .2s}.nav-link::after{content:'';position:absolute;bottom:6px;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav-link.active,.nav-link:hover{color:white}.nav-link.active::after{transform:scaleX(1)}.account-button{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #ffffff50;font-weight:600}.account-button svg{width:15px}.site-footer{padding:50px 4.2vw 110px;display:flex;align-items:center;gap:38px;border-top:1px solid var(--line);color:var(--muted)}.footer-word{font-size:26px;color:var(--text);font-weight:600}.site-footer small{margin-left:auto;font-size:11px}
.hero{position:relative;min-height:790px;height:100svh;max-height:1100px;overflow:hidden;background:#202827}.scene{position:absolute;inset:0;overflow:hidden}.scene-img{position:absolute;inset:0;transform:scale(1.025);filter:brightness(.65);will-change:transform;animation:scene-drift 18s ease-in-out infinite alternate}.scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080d10a6 0%,transparent 75%),linear-gradient(0deg,#101111 0%,#1011112b 35%,#11111118 65%,#11111144 100%)}.scene.incoming{z-index:2;clip-path:inset(0 100% 0 0)}.scene.incoming .scene-img{animation:none}.hero-inner{position:relative;z-index:5;height:100%;padding:160px 8vw 235px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.feature-meta{display:flex;gap:13px;align-items:center;margin-bottom:26px;font-size:11px;letter-spacing:1px;color:#d4d3cd}.feature-meta .rule{width:38px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(66px,7.6vw,112px);font-weight:600;line-height:1.22;letter-spacing:-.035em;max-width:850px}.hero h1 span{display:block}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px #e4e3dbb5}.hero-description{margin:24px 0 32px;color:#dfdfd7;max-width:350px;line-height:1.9;font-size:13px}.hero-actions{display:flex;gap:20px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 24px;min-height:50px;font-size:12px;border-radius:3px;transition:transform .3s var(--ease),background .25s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--accent);color:#1c1512;font-weight:600}.button.primary:hover{background:#ffac87}.button.quiet{border:1px solid #ffffff55;background:#11111120}.button svg{width:16px}.film-vertical{position:absolute;z-index:5;top:47%;right:4.2vw;writing-mode:vertical-rl;font-size:10px;letter-spacing:5px;color:#ffffffb0}.hero-bottom{position:absolute;z-index:6;bottom:50px;left:4.2vw;right:4.2vw;display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;align-items:end}.feature-info{padding-top:30px;border-top:1px solid #ffffff38}.feature-topline{display:flex;justify-content:space-between;color:#bcbdb6;font-size:10px;margin-bottom:14px}.feature-title{display:flex;align-items:end;gap:20px}.feature-title h2{font-size:27px;letter-spacing:1px;font-weight:500}.feature-title span{font-size:11px;color:#aeafa9;padding-bottom:5px}.slide-counter{font-size:17px;font-variant-numeric:tabular-nums;color:var(--text)}.scene-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scene-pick{text-align:left;padding:0;position:relative;opacity:.52;transition:opacity .35s,transform .5s var(--ease)}.scene-pick:hover,.scene-pick.active{opacity:1}.scene-pick:hover{transform:translateY(-5px)}.scene-pick .thumb{display:block;height:86px;overflow:hidden}.scene-pick .thumb img{transition:transform .6s var(--ease)}.scene-pick:hover img{transform:scale(1.07)}.scene-pick .pick-line{display:flex;justify-content:space-between;padding-top:10px;font-size:10px}.scene-pick::after{content:'';position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:#ffffff2b}.scene-pick.active::after{background:var(--accent)}.pause{position:absolute;right:4.2vw;bottom:230px;z-index:7;display:flex;gap:9px;align-items:center;color:#e4e3dc;font-size:10px}.pause svg{width:13px;height:13px}.hero-reel{display:none}
.home-section{padding:90px 4.2vw 95px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2{font-weight:500;font-size:38px;letter-spacing:-1px}.section-heading p{color:var(--muted);font-size:12px;margin-top:12px}.text-link{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.text-link:hover{color:var(--accent)}.film-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px}.film-card{position:relative;text-align:left;padding:0;min-width:0}.film-card .art{height:280px;overflow:hidden;position:relative;background:#202626}.film-card img{transition:transform .8s var(--ease),filter .5s}.film-card:hover img{transform:scale(1.055);filter:brightness(1.12)}.film-card .play-dot{position:absolute;bottom:18px;right:18px;border:1px solid #ffffff80;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;transform:translateY(10px);opacity:0;transition:all .4s var(--ease);background:#11111150}.film-card:hover .play-dot,.film-card:focus-visible .play-dot{transform:none;opacity:1}.film-caption{padding:20px 0 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.film-caption h3{font-size:18px;font-weight:500}.film-caption p{margin-top:5px;color:var(--muted);font-size:10px}.film-caption .duration{font-size:10px;color:var(--muted)}.tag{position:absolute;top:16px;left:16px;background:#101111ba;color:#eae9df;padding:4px 9px;font-size:9px;letter-spacing:.8px}.manifesto{padding:30px 4.2vw 90px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.manifesto h2{font-size:47px;line-height:1.5;font-weight:500;letter-spacing:-1.5px}.manifesto h2 em{color:var(--accent);font-style:normal}.manifesto p{max-width:380px;font-size:13px;line-height:2;color:var(--muted)}.reveal{opacity:1}
body[data-variant="B"]{--bg:#eeeae1;--text:#222624;--muted:#696d63;--line:#292e2426;--accent:#d85930;color-scheme:light}body[data-variant="B"] .site-header{position:relative;border-color:var(--line)}body[data-variant="B"] .nav-link{color:#676b64}body[data-variant="B"] .nav-link.active,body[data-variant="B"] .nav-link:hover{color:#1b211b}body[data-variant="B"] .avatar{border-color:#5558}body[data-variant="B"] .hero{height:780px;min-height:680px;display:grid;grid-template-columns:1fr 1fr;background:var(--bg);padding:55px 4.2vw 70px;gap:40px}body[data-variant="B"] .scene{inset:55px 4.2vw 70px 51%;height:auto}body[data-variant="B"] .scene-img{filter:brightness(.9)}body[data-variant="B"] .scene::after{background:linear-gradient(0deg,#0008,transparent 35%)}body[data-variant="B"] .hero-inner{padding:15px 0 150px;grid-column:1;justify-content:center}body[data-variant="B"] .hero h1{font-size:clamp(55px,5.6vw,88px);max-width:600px}body[data-variant="B"] .hero h1 .outline{color:var(--accent);-webkit-text-stroke:0}body[data-variant="B"] .feature-meta,body[data-variant="B"] .hero-description{color:var(--muted)}body[data-variant="B"] .hero-description{max-width:280px}body[data-variant="B"] .button.quiet{border-color:#272c2355}body[data-variant="B"] .film-vertical{display:none}body[data-variant="B"] .hero-bottom{left:4.2vw;right:calc(49% + 40px);bottom:90px;display:block}body[data-variant="B"] .feature-info{border-color:var(--line)}body[data-variant="B"] .feature-topline,body[data-variant="B"] .feature-title span{color:var(--muted)}body[data-variant="B"] .scene-picker{margin-top:24px;gap:10px}body[data-variant="B"] .scene-pick .thumb{height:45px}body[data-variant="B"] .pause{bottom:94px;color:#eee}body[data-variant="B"] .home-section{padding-top:65px}body[data-variant="B"] .hero-bottom .feature-title h2{font-size:20px}
body[data-variant="C"] .hero{min-height:900px;height:auto;padding-bottom:36px}body[data-variant="C"] .scene{inset:130px 40% 120px 4.2vw;transform:rotate(-2deg)}body[data-variant="C"] .scene::after{background:linear-gradient(0deg,#0007,transparent 40%)}body[data-variant="C"] .scene-img{filter:brightness(.85)}body[data-variant="C"] .hero-inner{height:650px;padding:180px 4.2vw 0 54%;justify-content:center}body[data-variant="C"] .hero h1{font-size:58px}body[data-variant="C"] .hero-description{max-width:270px}body[data-variant="C"] .hero-bottom{bottom:45px;grid-template-columns:1fr 1.25fr;gap:40px;left:4.2vw;right:4.2vw}body[data-variant="C"] .feature-info{border:0}body[data-variant="C"] .scene-picker .thumb{height:95px}body[data-variant="C"] .pause{bottom:190px}body[data-variant="C"] .hero-reel{display:block;position:absolute;left:4.2vw;top:105px;font-size:11px;color:var(--muted);letter-spacing:2px}
.inner-page{padding:155px 4.2vw 90px;min-height:90vh}.inner-page .page-title{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:38px;border-bottom:1px solid var(--line)}.page-title h1{font-size:52px;font-weight:500;line-height:1.4;letter-spacing:-1.5px}.page-title p{color:var(--muted);font-size:13px;margin-top:10px}.search{display:flex;align-items:center;border-bottom:1px solid #74766b;padding:13px 0;gap:12px;width:260px}.search input{background:none;border:0;outline:none;width:100%;color:var(--text);font-size:12px}.search input::placeholder{color:var(--muted)}.library-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:32px 0}.segmented{position:relative;display:inline-flex;background:var(--surface);padding:4px;border-radius:5px;gap:3px}.segmented button{padding:9px 21px;color:var(--muted);font-size:12px;position:relative;z-index:1;transition:color .3s}.segmented button.selected{color:#111}.segmented .selected-bg{position:absolute;background:var(--accent);top:4px;bottom:4px;left:4px;border-radius:3px;transition:transform .45s var(--ease),width .45s var(--ease)}.result-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;min-height:300px}.library-grid .film-card .art{height:330px}.library-grid .film-card:nth-child(3n+2) .art{height:330px}.empty-results{grid-column:1/-1;padding:60px 0;text-align:center;color:var(--muted)}.empty-results h2{color:var(--text);font-size:22px;margin-bottom:15px}.empty-results button{margin-top:20px}.watchlist-toggle{font-size:11px;color:var(--muted)}.watchlist-toggle[aria-pressed="true"]{color:var(--accent)}.plans-list{margin-top:35px}.plan{display:grid;grid-template-columns:.9fr 1.4fr .8fr .8fr;align-items:center;gap:30px;padding:36px 0;border-bottom:1px solid var(--line)}.plan h2{font-size:26px;font-weight:500}.plan p{font-size:12px;color:var(--muted)}.plan .price{font-size:35px;font-variant-numeric:tabular-nums}.plan .price small{font-size:11px;color:var(--muted)}.plan .button{justify-self:end}.plan.featured h2{color:var(--accent)}.plans-note{margin-top:32px;color:var(--muted);font-size:12px}
.console-page{padding-top:94px;display:grid;grid-template-columns:210px minmax(0,1fr);min-height:940px}.console-sidebar{padding:36px 20px 30px 4.2vw;border-right:1px solid var(--line)}.console-sidebar h2{font-size:16px;font-weight:500;margin-bottom:34px}.console-sidebar button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;text-align:left;color:var(--muted);font-size:12px}.console-sidebar button.active{color:var(--accent)}.console-sidebar svg{width:17px}.sidebar-note{color:var(--muted);font-size:10px;margin-top:65px;line-height:1.9}.console-main{padding:43px 4.2vw 75px 40px;min-width:0}.console-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:34px;gap:15px}.console-heading h1{font-size:32px;font-weight:500}.console-heading p{font-size:12px;color:var(--muted);margin-top:7px}.demo-mark{color:var(--accent);font-size:10px;padding:5px 9px;border:1px solid var(--line);white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:45px}.metric{border-bottom:1px solid var(--line);padding-bottom:20px}.metric label{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.metric strong{font-size:34px;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}.metric small{font-size:11px;color:var(--muted);margin-left:4px}.metric p{font-size:10px;color:var(--muted);margin-top:8px}.metric .positive{color:#b9cc9f}.chart-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:35px;margin-bottom:35px}.chart-panel{min-width:0}.chart-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.chart-title h2{font-weight:500;font-size:16px}.chart-title .segmented button{font-size:10px;padding:6px 13px}.chart-title .segmented{padding:3px}.chart-title .selected-bg{top:3px;bottom:3px;left:3px}.chart-period button{padding:6px 10px;font-size:10px;color:var(--muted)}.chart-period button.selected{color:var(--accent)}.chart-total{display:flex;gap:9px;align-items:baseline}.chart-total strong{font-size:26px;font-weight:500;font-variant-numeric:tabular-nums}.chart-total span{font-size:10px;color:var(--muted)}.chart{width:100%;height:190px;stroke:none;overflow:visible}.chart .grid-line{stroke:var(--line);stroke-width:1}.chart .chart-line{stroke:var(--accent);stroke-width:2.5;fill:none}.chart .chart-fill{fill:url(#chart-gradient);stroke:none}.chart .chart-dot{fill:var(--accent);stroke:var(--bg);stroke-width:3}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.node-list{margin-top:18px}.node-row{padding:13px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.node-row strong{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:400}.status-dot{display:inline-block;width:5px;height:5px;background:#b9cc9f;border-radius:50%}.status-dot.warning{background:var(--accent)}.node-row span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.node-foot{margin-top:15px;font-size:10px;color:var(--muted)}.orders-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px;margin-bottom:17px}.orders-heading h2{font-size:16px;font-weight:500}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-weight:400;color:var(--muted);font-size:10px;padding:10px 10px 10px 0;white-space:nowrap}td{padding:15px 10px 15px 0;border-top:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums}.order-state{color:#b9cc9f}.order-state.pending{color:var(--accent)}.order-action{color:var(--accent);font-size:10px}.console-resource-list{display:grid;gap:17px;margin-top:32px}.resource-row{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:35px}.resource-row h3{font-size:16px;font-weight:500}.resource-row span{font-size:12px;color:var(--muted)}.resource-track{height:4px;background:var(--line);margin-top:10px}.resource-track i{display:block;height:100%;background:var(--accent);transition:width .7s var(--ease)}
.prototype-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:9px;padding:7px 12px;background:#eeeae1;color:#292b27;box-shadow:0 8px 32px #0005;border-radius:5px;white-space:nowrap;font-size:10px}.prototype-label{padding-right:10px;border-right:1px solid #343b3433;color:#5c6054}.prototype-bar button{padding:5px;display:grid;place-items:center;color:#292b27}.prototype-bar svg{width:14px;height:14px}.prototype-bar #variant-name{min-width:98px;text-align:center}.page-enter{animation:page-enter .65s var(--ease) both}.transition-curtain{position:fixed;inset:0;background:var(--accent);z-index:90;pointer-events:none;transform:scaleY(0);transform-origin:bottom}.transition-curtain::after{content:'智影';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#101111;font-size:40px;letter-spacing:8px}.dialog-overlay{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end;background:#0009;animation:fade-in .3s both}.film-dialog{width:min(600px,100%);height:100dvh;overflow:auto;background:#181c1b;position:relative;animation:panel-in .65s var(--ease) both;color:#f3f0e9}.dialog-art{height:43vh;min-height:260px;position:relative}.dialog-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#181c1b,transparent 60%)}.dialog-close{position:absolute;right:25px;top:25px;border-radius:50%;background:#1011119c;padding:9px;z-index:2;display:grid;place-items:center}.dialog-copy{padding:0 40px 50px;position:relative}.dialog-copy h2{font-size:38px;font-weight:500;margin-top:-22px;margin-bottom:12px}.dialog-copy .meta{color:#adafa6;font-size:11px;margin-bottom:22px}.dialog-copy p{font-size:13px;color:#c9ccc2;line-height:2}.dialog-copy .button{margin-top:28px}.dialog-copy .demo-disclosure{font-size:10px;color:#a1a59a;margin-top:22px}.save-button{border:1px solid #ffffff40;margin-left:10px;color:#ddd}.save-button.saved{color:var(--accent)}#toast{position:fixed;bottom:78px;left:50%;transform:translate(-50%,15px);z-index:100;background:var(--text);color:var(--bg);padding:13px 22px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s,transform .35s var(--ease);max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}body.dialog-open{overflow:hidden}
@keyframes scene-drift{from{transform:scale(1.025) translateX(0)}to{transform:scale(1.1) translateX(-1%)}}@keyframes page-enter{from{opacity:0;transform:translateY(25px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes panel-in{from{transform:translateX(100%)}to{transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.hero-inner{padding-left:11vw}.hero-bottom{gap:12vw}}@media(max-width:1100px){.hero h1{font-size:78px}.hero-inner{padding-left:6vw}.hero-bottom{gap:40px}.scene-picker .thumb{height:68px}.film-row .art{height:230px}.console-page{grid-template-columns:165px minmax(0,1fr)}.console-sidebar{padding-left:25px}.console-main{padding-left:27px}.chart-layout{gap:25px}.chart-title{flex-wrap:wrap}.metric strong{font-size:29px}.metrics{gap:15px}.plan{grid-template-columns:.9fr 1.1fr .8fr .8fr;gap:15px}body[data-variant="C"] .hero h1{font-size:46px}}
@media(max-width:720px){.site-header{height:78px;padding:0 22px;gap:15px;flex-wrap:wrap}.brand strong{font-size:19px}.brand small{font-size:6px}.brand-symbol i{width:3px;height:21px}.brand-symbol i:nth-child(2){height:28px}.brand-symbol i:nth-child(3){height:15px}.site-header nav{gap:19px;margin-left:auto}.nav-link{font-size:11px}.site-header .account-button{display:none}.nav-link[data-page="plans"]{display:none}.hero{height:860px;min-height:0;max-height:none}.hero-inner{padding:150px 26px 340px;justify-content:center}.hero h1{font-size:62px;line-height:1.26}.feature-meta{margin-bottom:20px;font-size:9px;gap:9px}.hero-description{font-size:12px;max-width:280px;margin:22px 0 25px}.hero-actions{gap:12px}.button{padding:12px 18px;gap:15px;min-height:46px}.film-vertical{right:16px;top:37%;font-size:8px}.hero-bottom{left:26px;right:26px;bottom:35px;display:flex;flex-direction:column;gap:26px;align-items:stretch}.feature-info{padding-top:21px}.feature-title h2{font-size:23px}.feature-title span{font-size:9px}.scene-picker{gap:10px}.scene-pick .thumb{height:66px}.scene-pick .pick-line{font-size:9px}.pause{bottom:190px;right:26px}.home-section{padding:55px 24px}.section-heading{align-items:start;margin-bottom:25px;gap:15px}.section-heading h2{font-size:27px;letter-spacing:-.7px}.section-heading p{font-size:11px;max-width:210px}.text-link{font-size:10px;white-space:nowrap;padding-top:8px;gap:7px}.text-link svg{width:15px}.film-row{grid-template-columns:1fr 1fr;gap:27px 16px}.film-row .film-card:first-child{grid-column:1/-1}.film-row .film-card:first-child .art{height:220px}.film-row .film-card .art{height:200px}.film-caption{padding-top:14px}.film-caption h3{font-size:15px}.film-caption p{font-size:9px}.film-caption .duration{display:none}.manifesto{padding:10px 24px 55px;grid-template-columns:1fr;gap:20px}.manifesto h2{font-size:32px;letter-spacing:-1px}.manifesto p{font-size:12px}.site-footer{padding:35px 24px 110px;gap:12px;flex-wrap:wrap}.site-footer span{font-size:11px}.site-footer small{width:100%;margin:0 0 0 0;font-size:9px}.footer-word{font-size:21px}.inner-page{padding:125px 24px 65px}.inner-page .page-title{display:block;padding-bottom:28px}.page-title h1{font-size:37px}.page-title p{font-size:12px}.search{width:100%;margin-top:20px}.library-controls{margin:25px 0;gap:10px;flex-wrap:wrap}.segmented button{font-size:11px;padding:9px 16px}.result-count{font-size:10px}.watchlist-toggle{font-size:10px}.library-grid{grid-template-columns:1fr 1fr;gap:27px 16px}.library-grid .film-card .art,.library-grid .film-card:nth-child(3n+2) .art{height:210px}.tag{left:10px;top:10px;padding:3px 7px;font-size:8px}.plan{grid-template-columns:1fr 1fr;gap:14px;padding:26px 0}.plan h2{font-size:23px}.plan p{grid-row:2;grid-column:1/-1}.plan .price{justify-self:end;font-size:28px}.plan .button{grid-column:1/-1;justify-self:start}.console-page{padding-top:78px;display:block;min-height:0}.console-sidebar{padding:18px 24px;display:flex;gap:20px;align-items:center;border-right:0;border-bottom:1px solid var(--line);overflow:auto;white-space:nowrap}.console-sidebar h2,.sidebar-note{display:none}.console-sidebar button{width:auto;flex-shrink:0;gap:7px;font-size:11px;padding:4px 0}.console-sidebar svg{width:15px}.console-main{padding:27px 24px 70px}.console-heading h1{font-size:26px}.console-heading p{font-size:11px}.demo-mark{font-size:9px}.metrics{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:30px}.metric strong{font-size:31px}.metric label{font-size:10px}.chart-layout{grid-template-columns:1fr;gap:35px}.chart-title{flex-wrap:nowrap}.chart-title h2{font-size:15px}.orders-heading h2{font-size:15px}.resource-row{grid-template-columns:1fr 1.3fr;gap:18px}.resource-row>span{grid-column:1/-1}.resource-row h3{font-size:14px}.dialog-copy{padding:0 26px 40px}.dialog-copy h2{font-size:32px}.dialog-art{height:37vh}.dialog-copy .button{padding:12px 14px;gap:10px}.save-button{margin-left:8px}.prototype-bar{bottom:14px}.prototype-label{font-size:9px}
body[data-variant="B"] .hero{padding:35px 24px 70px;height:960px;display:block;min-height:0}body[data-variant="B"] .hero-inner{padding:0;justify-content:start;height:400px}body[data-variant="B"] .hero h1{font-size:60px}body[data-variant="B"] .hero-description{max-width:290px}body[data-variant="B"] .scene{inset:460px 24px 165px}body[data-variant="B"] .hero-bottom{left:24px;right:24px;bottom:40px}body[data-variant="B"] .feature-info{display:none}body[data-variant="B"] .scene-picker .thumb{height:65px}body[data-variant="B"] .pause{bottom:185px;right:35px}body[data-variant="B"] .home-section{padding-top:35px}
body[data-variant="C"] .hero{height:1050px;min-height:0;padding:0}body[data-variant="C"] .hero-inner{height:510px;padding:145px 24px 0;justify-content:start}body[data-variant="C"] .hero h1{font-size:57px}body[data-variant="C"] .scene{inset:505px 24px 210px;transform:rotate(-2deg)}body[data-variant="C"] .hero-bottom{bottom:40px;gap:15px;left:24px;right:24px}body[data-variant="C"] .feature-info{display:none}body[data-variant="C"] .scene-picker .thumb{height:70px}body[data-variant="C"] .hero-reel{top:100px;left:24px;font-size:9px}body[data-variant="C"] .pause{bottom:195px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scene-img{transform:none!important}.page-enter{opacity:1;filter:none;transform:none}}

/* Legibility floor for controls and metadata. */
.brand small{font-size:10px}.prototype-bar,.prototype-label,.prototype-bar #variant-name{font-size:11px}.scene-pick .pick-line,.feature-topline,.feature-meta,.feature-title span,.pause,.film-caption p,.tag,.demo-mark,.node-row span,.node-foot,.metric label,.metric p,.chart-labels,.chart-period button,.chart-title .segmented button,.orders-heading .text-link,th,.order-action,.result-count,.watchlist-toggle{font-size:11px}.site-footer small{font-size:10px}.site-header{height:80px}.hero .feature-meta{display:none}.brand small{letter-spacing:1.4px}@media(max-width:720px){.site-header{height:78px}.brand small{font-size:8px}.hero-inner{padding-top:130px}.hero .feature-meta{display:none}}