@import url("/assets/site/marketing-shell.css");
/* Shared brand treatments from home-v2.html and brand/DESIGN.md. */
/* Keep actual product typography clear, including fallback text from Figma. */
.copy[style*="Inter"]{font-family:var(--ui)!important}.scene-hero .n-270-21{border-radius:18px;overflow:hidden;border:1px solid #f2e5d326;box-shadow:0 18px 50px #0006}.scene-hero #n-270-2{isolation:isolate}.scene-hero #n-270-2>.node{z-index:3}.scene-hero #n-270-2>.n-270-3{z-index:0}.scene-hero .hero-bits{display:none}.hero-review img{border-radius:14px}.scene-hero::after{z-index:4}.scene-hero .n-270-3 img{object-fit:fill}.scene-lookup .n-415-26{overflow:visible!important}.scene-lookup .n-408-46,.scene-lookup .n-408-49{font-family:var(--ui)!important;line-height:1.5!important}.scene-lookup .n-408-49{top:305px!important}.scene-lookup .n-408-51{top:90px!important;height:320px!important}
.lookup-demo{position:relative;background:linear-gradient(145deg,#333331,#252526);border:1px solid #ddd1b84d;border-radius:20px;padding:22px 22px 16px;box-shadow:0 18px 60px #0005;color:#ece8df;font-family:var(--ui);font-size:19px}.lookup-input{display:flex;gap:16px;align-items:center;font:600 32px/1 var(--ui);height:44px;margin-bottom:16px}.lookup-input i{height:30px;width:3px;background:#f07e2e;display:block;margin-left:-12px}.lookup-results{min-height:176px}.lookup-row{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 10px;border-radius:8px;white-space:nowrap}.lookup-row>span{font-size:16px;color:#a4a09b;width:24px;flex-shrink:0}.lookup-row strong{font-weight:400}.lookup-row em{font-size:16px;color:#aca8a1;font-style:normal}.lookup-row.selected{background:#416086}.lookup-row.selected strong{font-weight:600}.lookup-row[hidden]{display:none}.lookup-demo[data-stage="narrowed"] .lookup-results{min-height:100px}.lookup-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#aaa59e;font-size:15px}.replay-lookup{font:inherit;background:none;border:0;color:#d8c5ae;padding:6px;cursor:pointer}.lookup-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Full-sized HTML picker rather than a stretched, clipped Figma export. */
.scene-search .scene-inner{height:1120px!important}.scene-search .n-276-4{left:88px!important;top:70px!important;width:1264px!important;font-size:62px!important;white-space:normal;line-height:1.12!important}.native-search{position:absolute;left:160px;top:250px;width:1120px}.search-demo{border:1px solid #aaa49b55;border-radius:28px;background:linear-gradient(135deg,#302e2a,#222323);padding:32px;box-shadow:0 24px 90px #0006;font:18px/1.4 var(--ui);color:#e5e3de}.search-demo h3{font:600 30px/1.2 var(--ui);margin:0 0 7px}.search-demo p{color:#aaa8a2;font:18px/1.4 var(--ui);margin:0 0 24px}.search-demo h4{font:500 18px var(--ui);color:#aaa8a2;margin:22px 0 12px}.search-demo label{display:block;font-weight:500}.search-demo input:not([type=checkbox]){display:block;width:100%;background:#222323;border:1px solid #77756e80;border-radius:10px;color:#eee;padding:12px;font:20px var(--ui);margin-top:8px}.search-demo input:focus{outline:3px solid #287896;outline-offset:0}.search-demo details{margin-top:20px;color:#aaa8a2;font-size:16px}.search-demo summary{cursor:pointer}.search-demo details label{font-size:14px;padding:12px}.scope-control{display:flex;padding:0;background:#ffffff0d;border-radius:9px;overflow:hidden}.scope-control button{flex:1;border:0;background:none;padding:9px;color:#d9d7d2;font:18px var(--ui);cursor:pointer}.scope-control button.active{background:#f07e2e;color:#fff}.facet-row{display:flex;flex-wrap:wrap;gap:9px}.facet{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:6px 14px;border-radius:22px;background:#ffffff08;border:1px solid #ffffff1f;color:#dfddd8;font:16px var(--ui);cursor:pointer;white-space:nowrap}.facet>span{display:flex;gap:9px;align-items:center}.facet small{font:500 15px var(--ui);color:#aaa8a2}.facet[aria-pressed=true]{background:#92c8c426;border-color:#92c8c4;color:#d4eeeb;box-shadow:inset 0 0 0 1px #92c8c422}.subject-avatar{width:28px;height:28px;border-radius:6px;display:inline-block;background-image:url(assets/408-197.webp);background-size:814px 860px;flex-shrink:0}.subject-facet{padding:5px 13px 5px 7px}.search-bottom{display:flex;align-items:center;gap:24px;margin-top:24px}.search-bottom button{font:500 19px var(--ui);cursor:pointer}.discover-demo{border:0;background:none;color:#f07e2e;padding:9px 0}.app-search-button{border:0;background:#f07e2e;color:white;padding:9px 22px;border-radius:10px}.search-summary{font:14px var(--ui);color:#b0cecc}
/* A single timeline coordinate system drives handles, highlight and time labels. */
.native-timeline{position:absolute;left:88px;top:754px;width:1264px}.range-demo{font:13px/1.5 var(--mono);color:#95e1a6}.range-film{position:relative;height:100px;border-radius:8px;margin-top:24px}.range-film>img{width:100%;height:100%;object-fit:cover;border-radius:8px}.range-selection{position:absolute;top:0;height:100%;background:#32d05b33;border-top:1px solid #4ce374;border-bottom:3px solid #32d05b}.range-point{position:absolute;top:-10px;height:120px;width:2px;background:#38df65}.range-point span{position:absolute;top:-24px;left:0;font-size:12px;background:#133c20;padding:0 5px}.out-point span{left:auto;right:0}.range-marker{position:absolute;top:-20px;height:135px;width:2px;background:#fff}.range-marker>span{position:absolute;top:-38px;left:0;transform:translateX(-50%);white-space:nowrap;color:#e7ede5;background:#0b120e;padding:5px 9px;border-radius:6px}.range-marker i{position:absolute;width:12px;height:8px;border-radius:5px;background:white;left:-5px;top:0}.range-times{display:flex;justify-content:space-between;margin-top:22px}.marker-label{color:#e0e9e1}.range-sliders{display:flex;gap:28px;margin-top:18px}.range-sliders label{flex:1;display:flex;align-items:center;gap:12px;color:#c9ae96;font:13px var(--ui)}.range-sliders input{width:100%;accent-color:#32d05b}.scene-markers .n-424-77{border-radius:26px;overflow:hidden}.scene-markers .n-424-76{top:1020px!important;font-family:var(--ui)!important}
/* Expose the wall and remove the black raster surround from the laptop. */
.terrain-bridge{display:none!important}.scene-browse .n-488-1162{left:0!important;top:0!important;width:1440px!important;height:1172px!important;opacity:.8!important;z-index:0}.scene-browse .n-488-1162 img{object-fit:cover;object-position:center;filter:brightness(1.5)}.scene-browse .n-488-1164{left:-55px!important;top:155px!important;width:1440px!important;height:1151px!important;z-index:2;clip-path:polygon(33% 18.8%,95% 19.5%,97% 21%,97% 24%,94% 79%,85% 99.8%,7% 89.8%,6.5% 87%,26.3% 74%,30.7% 21%)}.scene-browse .n-488-1164::after{content:'';position:absolute;left:60.15%;top:20.2%;width:1.4%;height:1.4%;background:#030303;border-radius:50%}.scene-browse .n-488-1169{top:100px!important;z-index:4;max-width:790px;text-shadow:0 2px 35px #000}.scene-browse .n-488-1170{top:268px!important;z-index:4;width:370px!important;line-height:1.5!important;text-shadow:0 2px 12px #000,0 0 24px #000}.scene-browse .scene-inner>.node::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080503d9,transparent 65%);z-index:1;pointer-events:none}
/* Explicit editorial transitions. Scrubbed, reversible, no automatic strobing. */
.scene.keep-pin .scene-inner,.scene.rush-pin .scene-inner,.scene.filename-pin .scene-inner{position:sticky;top:86px}.full-transition{position:absolute;inset:0;isolation:isolate;overflow:hidden}.transition-base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.glitch-slice{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none}.keep-transition .glitch-slice{background-image:url(assets/488-1179.webp)}.filename-transition .glitch-slice{background-image:url(assets/488-1138.webp)}.slice-a{clip-path:inset(20% 0 60%)}.slice-b{clip-path:inset(59% 0 23%)}.keep-word{position:absolute;inset:0;display:grid;place-items:center;font:800 270px/.9 var(--disp);letter-spacing:-.07em;color:#080503;text-shadow:0 2px 0 #fff6}.keep-transition::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 100px #08050344;pointer-events:none}.scene-keep::before,.scene-keep::after,.scene-filename-flash::before,.scene-filename-flash::after{display:none}.filename-resolve{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:170px;color:#080503;font:600 30px var(--mono);background:#c9ae9633}.filename-resolve span{display:block;background:#f2e5d3;padding:14px 16px;box-shadow:0 16px 40px #0006}.scene-fields .n-323-541{will-change:clip-path,transform}.scene-identity .n-272-2{will-change:clip-path,transform;box-shadow:0 0 70px #92c8c416}.scene-compute .n-488-381,.scene-compute .n-488-390{z-index:2}.compute-shutter{position:absolute;top:0;bottom:0;width:50%;background:#080503;z-index:12;pointer-events:none}.compute-shutter.left{left:0;transform-origin:left center;border-right:1px solid #92c8c455}.compute-shutter.right{right:0;transform-origin:right center;border-left:1px solid #92c8c455}.scene-rush .n-488-598{top:60px!important}.scene-rush .n-488-606{top:390px!important;left:88px!important;font-size:28px!important;width:1220px!important}.scene-rush .n-488-607{top:442px!important;left:88px!important;font-size:19px!important}.scene-rush .n-488-608{top:493px!important;left:88px!important;width:auto!important;min-width:200px;padding:13px 20px;border:1px solid var(--hair2);border-radius:11px;background:#f2e5d30d;font:600 16px var(--disp)!important;min-height:48px}.scene-rush .n-274-16{top:880px!important}.scene-rush .n-275-3{top:920px!important}.rush-queue{position:absolute;left:88px;top:685px;width:1264px;z-index:5;padding:20px 24px;border:1px solid #ffae5c40;background:#100b08d9;border-radius:14px}.queue-label{display:flex;justify-content:space-between;font:13px var(--mono);color:#ffae5c;margin-bottom:16px}.queue-state{color:#b0cecc}.queue-tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 30px}.queue-track{display:flex;align-items:center;gap:10px;font:11px var(--mono);color:#9a7f6a}.queue-track i{height:5px;flex:1;background:linear-gradient(90deg,#ffae5c,#92c8c4);border-radius:4px;transform-origin:left}.queue-track b{color:#92c8c4;font:12px var(--mono)}
@media(hover:hover) and (pointer:fine){.site-button:hover,.mobile-cta:hover,.action:not(.copy):hover{transform:translateY(-1px);filter:none}.facet:hover{border-color:#b0cecc80}.replay-lookup:hover{color:#fff}.site-navlinks a:hover{color:var(--cream)}}
@media(max-width:1050px){.site-navlinks{gap:16px}.site-nav-in{gap:18px}}
@media(max-width:900px){.site-navlinks{display:none}.site-burger{display:flex}.site-nav{padding:12px 14px}.site-nav-in{gap:12px}.nav-download{font-size:12px!important;padding:9px 12px}.site-wordmark{font-size:18px}}
@media(max-width:960px){.desktop{display:none}.mobile{padding-top:80px}.lookup-demo{font-size:14px;padding:16px;border-radius:14px}.lookup-input{font-size:27px}.lookup-row{gap:8px;padding:8px 5px;white-space:normal;display:grid;grid-template-columns:23px 1fr}.lookup-row em{grid-column:2;font-size:12px;margin-top:-5px}.lookup-row>span{grid-row:span 2}.lookup-footer{font-size:11px}.lookup-results{min-height:228px}.search-demo{padding:18px;border-radius:18px;font-size:14px}.search-demo h3{font-size:25px}.search-demo p{font-size:14px!important}.search-demo h4{font-size:15px}.search-demo input:not([type=checkbox]){font-size:15px}.scope-control button{font-size:12px;padding:8px 5px}.facet{font-size:12px;padding:5px 9px;gap:6px}.facet small{font-size:12px}.facet-row{gap:6px}.search-bottom{gap:12px;flex-wrap:wrap}.search-bottom button{font-size:15px}.m-search{padding-left:16px;padding-right:16px}.range-film{height:80px;margin-top:60px}.range-point{height:100px}.range-marker{height:115px}.range-times{font-size:9px}.range-sliders{gap:12px}.range-sliders label{font-size:11px;flex-wrap:wrap;gap:3px}.marker-label{display:none}.m-markers .marker{margin:20px 0 0 auto}.mobile-flash{height:100svh}.mobile-flash strong{font-size:clamp(120px,35vw,220px)}.mobile-flash.filename{height:70svh}.m-browse{background:linear-gradient(#08050366,#08050388),url(assets/488-1162.webp) center/cover}.m-browse .laptop{width:145%;clip-path:polygon(33% 18.8%,95% 19.5%,97% 21%,97% 24%,94% 79%,85% 99.8%,7% 89.8%,6.5% 87%,26.3% 74%,30.7% 21%)}.mobile-art.hero-review img{border-radius:14px}.mobile-actions a{font:600 14px var(--disp)!important}.m-start .mobile-actions{gap:14px}.m-rush .mobile-cta{color:#1c0c03}.m-compute p{font-family:var(--ui)}}
@media(prefers-reduced-motion:reduce){.compute-shutter{display:none}.glitch-slice{display:none}.scene-inner{position:relative!important}.keep-word,.filename-resolve,.queue-track i{opacity:1!important;transform:none!important}.scene-fields .n-323-541,.scene-identity .n-272-2{clip-path:none!important;transform:none!important}.full-transition .transition-base{opacity:1!important;transform:none!important}}

/* Keep live controls clear of the scene scrims and Figma clipping bounds. */
.scene-rush #n-274-4{height:960px!important;overflow:visible!important}.scene-search .scene-inner{height:1240px!important}.scene-search #n-276-2{height:1240px!important;overflow:visible!important}.native-search{top:230px}.search-demo .facet small{display:inline;margin:0;line-height:1}.range-sliders label span{white-space:nowrap}.scene-search .scene-inner::after{height:30px}
/* Let the footage dissolve into the Rush engine, without a rectangular seam. */
.scene-rush .n-488-598{background:transparent!important}.scene-rush .n-488-599,.scene-rush .n-488-600{mask-image:linear-gradient(transparent,#000 12%,#000 56%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 56%,transparent)}
