html{scroll-behavior:smooth}body{margin:0;background:#080f12}a{color:inherit;text-decoration:none}button{cursor:pointer}*{box-sizing:border-box}
.page{--fc-bg:#080f12;--fc-panel:#111c20;--fc-text:#f3f7f5;--fc-muted:#99abae;--fc-accent:#6ce4ce;--fc-line:#ffffff16;min-height:100vh;overflow:hidden;background:var(--fc-bg);color:var(--fc-text);font-family:'DM Sans',Arial,sans-serif;line-height:1.6;isolation:isolate}.page *{box-sizing:border-box}.page h1,.page h2,.page h3,.page p{margin:0}.page button,.page a{touch-action:manipulation}.page button{font:inherit}.page button:focus-visible,.page a:focus-visible,.page summary:focus-visible{outline:2px solid var(--fc-accent);outline-offset:6px}.page svg{width:20px;height:20px;flex-shrink:0}.page img{display:block;max-width:100%;height:auto}.page section{scroll-margin-top:90px}.page em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--fc-accent)}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--fc-accent);color:#082b27;padding:10px 18px}.skip:focus{top:12px}.header{height:86px;max-width:1320px;padding:0 38px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--fc-line);position:relative;z-index:10}.brand{display:flex;gap:10px;align-items:center;color:var(--fc-text);font-size:20px;font-weight:650;letter-spacing:-.6px}.brandNote{display:block;font:8px/1.5 'DM Sans',sans-serif;letter-spacing:2px;color:var(--fc-muted);margin-top:1px}.nav{display:flex;align-items:center;gap:30px}.nav a{font-size:12px;color:#c3cecd;transition:color .2s}.nav a:hover{color:var(--fc-accent)}.headerCta{display:flex;align-items:center;gap:20px;border:1px solid #6ce4ce50;border-radius:6px;background:#142a29;color:#d6fff7;font-size:11px!important;padding:10px 15px}.headerCta svg{width:16px;height:16px}.menuToggle{display:none}.hero{position:relative;text-align:center;padding:76px 30px 0;max-width:1440px;margin:auto}.heroGlow{position:absolute;top:80px;left:50%;width:850px;height:700px;transform:translateX(-50%);background:radial-gradient(ellipse,#1d6a5c24,transparent 65%);z-index:-1;pointer-events:none}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;font-size:9px;font-weight:550;letter-spacing:2px;color:var(--fc-muted)}.eyebrow{border:1px solid #ffffff19;border-radius:30px;padding:7px 13px;background:#ffffff03}.eyebrow i,.releaseStatus i,.localBadge i{width:5px;height:5px;border-radius:50%;background:var(--fc-accent);box-shadow:0 0 12px #6ce4ce55}.hero h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(60px,7vw,100px);font-weight:550;letter-spacing:-6px;line-height:1.03;margin-top:25px}.hero h1 em{letter-spacing:-5px}.heroText{font-size:15px;line-height:1.8;color:var(--fc-muted);margin-top:24px!important}.heroActions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:28px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:12px!important;font-weight:600;border-radius:6px;padding:14px 21px;min-height:48px;transition:transform .2s,background .2s}.primary{background:var(--fc-accent);color:#082c26;border:1px solid var(--fc-accent)}.primary:hover{background:#9ff8e7;transform:translateY(-2px)}.secondary{background:transparent;color:var(--fc-text);border:1px solid var(--fc-line)}.secondary:hover{background:#ffffff08}.primary svg{width:17px;height:17px}.secondary svg{width:16px;height:16px}.platforms{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0 42px;font-size:10px;color:#91a4a6}.platforms>span{display:flex;align-items:center;gap:7px}.platforms svg{width:12px;height:12px}.platformDivider{height:12px;width:1px;background:#ffffff25}.heroPreview{max-width:1120px;margin:auto;border:1px solid #72ead52c;background:#141d20;border-radius:10px;overflow:hidden;box-shadow:0 20px 90px #0009,0 0 100px #26bca60d;transform:perspective(2000px) rotateX(2deg);transform-origin:top}.windowBar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#182023;border-bottom:1px solid #ffffff0d}.windowBar>span:first-child{display:flex;gap:5px;width:100px}.windowBar>span:first-child i{width:6px;height:6px;border-radius:50%;background:#425052}.windowBar small{font-size:8px;letter-spacing:.3px;color:#87989a}.localBadge{font:7px/1 monospace;letter-spacing:1px;display:flex;gap:6px;align-items:center;color:#a3bbb7}.localBadge i{width:4px;height:4px}.heroPreview>img{width:100%;aspect-ratio:1480/920;object-fit:cover}.promiseStrip{display:flex;align-items:center;justify-content:center;gap:32px;border-bottom:1px solid var(--fc-line);padding:30px 0 35px;font-size:10px;color:#a2b3b3;flex-wrap:wrap}.promiseStrip b{font-size:10px;color:#416961;font-weight:400}.workflow,.workspace,.demo,.faq{max-width:1220px;margin:auto;padding:112px 32px}.sectionHeading{display:grid;grid-template-columns:1fr 1fr;column-gap:100px;align-items:end}.sectionHeading>.kicker{grid-column:1/-1;margin-bottom:19px}.page h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(40px,4.8vw,62px);font-weight:500;letter-spacing:-2.8px;line-height:1.12}.sectionHeading>p{max-width:340px;font-size:14px;line-height:1.9;color:var(--fc-muted);padding-bottom:8px}.workflowGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}.feature{border-top:1px solid #ffffff27;padding-top:15px}.number{font-size:8px;letter-spacing:1.5px;color:#93a5a7}.feature h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin-top:24px}.feature>p{font-size:12px;line-height:1.9;color:var(--fc-muted);margin-top:12px!important;max-width:320px}.featureNote{display:block;margin-top:12px;font-size:8px;color:#5c7375}.miniTimeline,.typeVisual,.finishVisual{height:190px;margin-top:20px;background:linear-gradient(135deg,#162529,#0e181c);border:1px solid #ffffff0d;border-radius:7px;position:relative;overflow:hidden}.miniTimeline{padding:24px 18px}.miniRuler{display:flex;justify-content:space-between;color:#6c878b;font:8px monospace;border-bottom:1px solid #ffffff15;padding:0 0 10px}.miniText{height:20px;width:57%;border-radius:3px;background:#534460;color:#eadcf3;font-size:8px;margin:12px 0 5px 26px;text-align:left;padding:3px 7px}.miniClips{height:38px;display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:3px}.miniClips i{background:linear-gradient(130deg,#26334e,#6566a0);border:1px solid #7295a044;border-radius:3px}.miniClips i:nth-child(2){background:linear-gradient(125deg,#174e58,#4b9b8f)}.miniClips i:nth-child(3){background:linear-gradient(125deg,#665061,#b79379)}.miniAudio{height:24px;display:flex;align-items:center;gap:8px;background:#173d3b;color:#68c7ad;margin-top:7px;border-radius:3px;padding:0 6px;font-size:10px}.miniAudio svg{flex:1;height:20px}.miniPlayhead{position:absolute;left:36%;top:43px;height:122px;width:1px;background:#dbf5ef}.miniPlayhead:before{content:'';position:absolute;top:0;left:-3px;width:7px;height:7px;background:#dbf5ef;transform:rotate(45deg)}.typeVisual{padding:24px 24px 18px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 90% 20%,#346b5d44,transparent),#101e21}.typeVisual>span:not(.typeGuide){font-size:28px;line-height:1.3;letter-spacing:-.8px;color:#e6f7f1;position:relative}.typeVisual em{font-size:29px}.typeVisual small{font-size:6px;letter-spacing:2px;color:#839d98;margin-top:16px}.typeGuide{position:absolute;left:18px;right:18px;top:19px;bottom:19px;border:1px dashed #a0ddc125}.finishVisual{padding:22px}.finishVisual>div:first-child{display:flex;flex-direction:column;gap:6px}.finishVisual>div:first-child>span{color:#698b8e;font-size:7px;letter-spacing:2px}.finishVisual b{font-size:14px;font-weight:450;letter-spacing:-.3px}.colorDots{display:flex;gap:8px;margin:15px 0 17px}.colorDots i{width:19px;height:19px;border-radius:50%;background:#365769;border:2px solid #ffffff0d}.colorDots i:nth-child(2){background:#3d8d80}.colorDots i:nth-child(3){background:#bb9e68}.colorDots i:nth-child(4){background:#a46e79}.colorDots i:nth-child(5){background:#77639c}.controlLine{display:flex;align-items:center;gap:12px;margin-top:8px;color:#8ba5a7;font-size:8px}.controlLine i{flex:1;height:2px;background:linear-gradient(90deg,#6ce4ce 60%,#ffffff1a 60%);position:relative}.controlLine i:after{content:'';position:absolute;left:60%;width:5px;height:5px;border-radius:50%;background:#b2f5e5;top:-1px}.controlLine b{font:8px monospace;width:29px}.workspace{border-top:1px solid var(--fc-line);padding-top:95px}.workspaceHead{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:38px}.workspaceHead h2{margin-top:18px}.workspaceHead p{color:var(--fc-muted);font-size:13px;max-width:340px;line-height:1.9}.themeSwitch{display:inline-flex;background:#152125;padding:4px;border-radius:7px;border:1px solid #ffffff15;margin-top:20px;gap:4px}.themeSwitch button{font-size:11px;color:#9db1b2;background:transparent;border:0;padding:8px 17px;border-radius:4px}.themeSwitch button[aria-pressed=true]{background:#d6f8ed;color:#123a31}.editorFrame{position:relative;border-radius:8px;overflow:hidden;border:1px solid #ffffff1f;box-shadow:0 20px 60px #0005}.editorFrame>img{width:100%;aspect-ratio:1480/920;object-fit:cover;animation:fadeIn .3s ease}.focusRegion{position:absolute;border:1px solid #6ce4cebd;box-shadow:0 0 0 1px #6ce4ce33,inset 0 0 24px #6ce4ce10;pointer-events:none;border-radius:5px;transition:all .35s ease}.media{left:.4%;top:11%;width:21%;height:49.7%}.player{left:21.7%;top:11%;width:58%;height:49.7%}.inspector{left:80.1%;top:11%;width:19.4%;height:49.7%}.timeline{left:.4%;top:61.5%;width:99.2%;height:35.5%}.panelTabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border-bottom:1px solid var(--fc-line);gap:12px}.panelTabs button{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:15px 0;background:none;color:#7b9295;border:0;border-bottom:2px solid transparent;font-size:10px}.panelTabs button svg{width:13px;height:13px;transform:rotate(-45deg);opacity:.6}.panelTabs button[aria-pressed=true]{color:var(--fc-accent);border-bottom-color:var(--fc-accent)}.panelDescription{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-top:26px;min-height:80px}.panelDescription h3{font-size:23px;font-weight:450;letter-spacing:-.5px}.panelDescription p{font-size:12px;line-height:1.9;color:var(--fc-muted)}.caption{font-size:9px;color:#657e82;text-align:right;margin-top:10px!important}.demo{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;border-top:1px solid var(--fc-line);padding-top:85px;padding-bottom:95px}.demo h2{font-size:46px;margin-top:20px;letter-spacing:-2px}.demoCopy>p{font-size:12px;line-height:1.9;color:var(--fc-muted);margin-top:22px!important;max-width:350px}.demoTags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.demoTags span{padding:4px 8px;border:1px solid var(--fc-line);border-radius:3px;color:#99b5b3;font-size:8px}.textLink{display:inline-flex;align-items:center;gap:16px;margin-top:22px;font-size:11px;color:var(--fc-accent)}.textLink svg{width:15px;height:15px}.videoWrap{position:relative}.videoWrap video{display:block;width:100%;aspect-ratio:16/9;background:#0c1418;object-fit:contain;border:1px solid #72ead53d;border-radius:8px;box-shadow:0 15px 60px #0006}.videoWrap>span{display:block;text-align:center;font:7px/1.7 monospace;letter-spacing:.8px;color:#658487;margin-top:12px}.availability{text-align:center;border-top:1px solid var(--fc-line);border-bottom:1px solid var(--fc-line);padding:85px 24px 90px;background:radial-gradient(ellipse at center,#184e412b,transparent 65%)}.availability>img{margin:auto auto 24px}.availability>.kicker{display:flex;justify-content:center}.availability h2{margin-top:18px;line-height:1.1}.availability>p{max-width:420px;font-size:13px;line-height:1.9;color:var(--fc-muted);margin:23px auto 0}.releaseStatus{display:flex;justify-content:center;align-items:center;gap:20px;margin:24px auto;font-size:9px;color:#87aaa4;flex-wrap:wrap}.releaseStatus>span{display:flex;align-items:center;gap:7px}.releaseStatus>span:last-child{color:#758d91}.availability small{display:block;color:#668084;font-size:9px;margin-top:16px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding-top:85px;padding-bottom:100px}.faq h2{margin-top:20px;font-size:45px}.faq details{border-bottom:1px solid var(--fc-line)}.faq details:first-child{border-top:1px solid var(--fc-line)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:12px;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:var(--fc-accent);font-size:17px;font-weight:300;line-height:1}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{color:var(--fc-muted);font-size:12px;line-height:1.9;padding-bottom:22px;max-width:490px}.footer{max-width:1280px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--fc-line);gap:20px}.footer .brand{font-size:16px}.footer p{font:italic 15px Georgia,serif;color:#8fa6a4}.footer>a:last-child{display:flex;align-items:center;gap:12px;font-size:10px;color:#9bb0ae}.footer svg{width:15px;height:15px;transform:rotate(-45deg)}
@keyframes fadeIn{from{opacity:.4}to{opacity:1}}
@media(min-width:1500px){.hero{padding-top:95px}.hero h1{font-size:108px}.heroPreview{max-width:1180px}}
@media(max-width:900px){.header{padding:0 24px}.nav{gap:18px}.hero h1{font-size:80px;letter-spacing:-4px}.hero h1 em{letter-spacing:-4px}.workflow,.workspace,.demo,.faq{padding:75px 26px}.sectionHeading,.workspaceHead{gap:40px}.workflowGrid{gap:18px}.feature h3{font-size:17px}.typeVisual{padding:18px}.typeVisual>span:not(.typeGuide){font-size:23px}.typeVisual em{font-size:24px}.finishVisual{padding:18px}.demo{gap:34px}.demo h2{font-size:38px}.faq{gap:40px}.promiseStrip{gap:20px}.brand{font-size:18px}}
@media(max-width:650px){.header{height:73px;padding:0 20px}.brand{font-size:18px;gap:7px}.brand>img{width:34px}.headerCta{padding:8px 10px;gap:8px;font-size:9px!important}.headerCta svg{width:13px}.menuToggle{display:block;border:1px solid var(--fc-line);border-radius:4px;background:transparent;color:#bfd4ce;width:31px;height:31px;padding:0;margin-left:auto;margin-right:10px}.nav{display:none;position:absolute;left:12px;right:12px;top:68px;background:#142125;border:1px solid #ffffff20;border-radius:6px;padding:18px;align-items:flex-start;gap:18px}.navOpen{display:flex;flex-direction:column}.hero{padding:52px 18px 0}.eyebrow{font-size:7px;letter-spacing:1.1px;padding:7px 10px}.hero h1{font-size:65px;letter-spacing:-4px;margin-top:24px}.hero h1 em{letter-spacing:-3px}.heroText{font-size:12px;line-height:1.9;margin-top:21px!important;max-width:330px;margin-left:auto!important;margin-right:auto!important}.desktopBreak{display:none}.heroActions{gap:10px;flex-wrap:wrap;margin-top:22px}.primary,.secondary{font-size:10px!important;padding:12px 15px;min-height:43px;gap:10px}.platforms{font-size:8px;gap:10px;margin:17px 0 30px}.windowBar{height:25px;padding:0 8px}.windowBar>span:first-child{width:30px;gap:3px}.windowBar>span:first-child i{height:4px;width:4px}.windowBar small{font-size:5px;letter-spacing:0}.localBadge{font-size:4px;letter-spacing:.5px;gap:3px}.localBadge i{height:3px;width:3px}.heroPreview{border-radius:6px;transform:none}.promiseStrip{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:12px;padding:25px 8px;font-size:8px}.promiseStrip b{display:none}.promiseStrip span:before{content:'✦';color:#5fb69f;margin-right:8px}.workflow,.workspace,.demo,.faq{padding:62px 22px}.sectionHeading,.workspaceHead{display:block}.sectionHeading>.kicker{margin-bottom:17px}.page h2{font-size:43px;letter-spacing:-2px}.sectionHeading>p{margin-top:20px!important;font-size:12px;max-width:330px}.workflowGrid{display:block;margin-top:30px}.feature{padding-top:16px;margin-top:26px}.number{font-size:8px}.miniTimeline,.typeVisual,.finishVisual{height:210px;margin-top:17px}.typeVisual>span:not(.typeGuide){font-size:34px}.typeVisual em{font-size:35px}.typeVisual{padding:30px}.typeVisual small{font-size:8px}.feature h3{font-size:21px;margin-top:21px}.feature>p{font-size:12px;max-width:none}.featureNote{font-size:8px}.finishVisual{padding:28px}.finishVisual b{font-size:18px}.finishVisual>div:first-child>span{font-size:8px}.colorDots i{width:24px;height:24px}.controlLine{font-size:9px}.workspaceHead{margin-bottom:26px}.workspaceHead p{font-size:12px;margin-top:21px!important}.themeSwitch{margin-top:16px}.themeSwitch button{font-size:10px;padding:8px 17px}.editorFrame{border-radius:5px}.panelTabs{grid-template-columns:1fr 1fr;gap:0 18px;margin-top:13px}.panelTabs button{font-size:9px;padding:13px 0}.panelDescription{display:block;margin-top:20px;min-height:124px}.panelDescription h3{font-size:20px}.panelDescription p{margin-top:12px!important;font-size:11px}.caption{font-size:8px;text-align:left;margin-top:12px!important}.demo{display:flex;flex-direction:column;gap:30px;align-items:stretch}.demo h2{font-size:40px}.demoCopy>p{font-size:12px;max-width:none}.videoWrap>span{font-size:6px}.availability{padding:62px 23px}.availability h2{font-size:48px}.availability>p{font-size:12px;max-width:330px}.releaseStatus{display:flex;flex-direction:column;gap:8px;font-size:9px;margin:20px 0}.availability small{font-size:8px;max-width:260px;margin:13px auto 0}.faq{display:block;padding-bottom:65px}.faq h2{font-size:40px;margin-bottom:28px}.faq summary{font-size:11px;padding:18px 0}.faq details>p{font-size:11px}.footer{padding:24px 22px;flex-wrap:wrap;gap:18px}.footer .brand{font-size:16px}.footer p{font-size:13px}.footer>a:last-child{width:100%;font-size:9px}}
@media(prefers-reduced-motion:reduce){.page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep mobile touch scrolling without a visible scrollbar. */
@media(max-width:760px){html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}}
.raceStage{position:relative;perspective:1700px;margin:55px auto 0;max-width:1180px;padding:20px 25px 65px;text-align:left}.raceEditor{background:#11171b;border:1px solid #52646a;border-radius:10px;overflow:hidden;transform:rotateY(14deg) rotateX(9deg) rotateZ(-2deg);box-shadow:-25px 35px 0 -20px #23383c,-40px 55px 90px #000b,0 0 110px #60e6ca16;transform-origin:45% 60%}.raceTop{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#1b242b;font-size:9px;letter-spacing:1px;border-bottom:1px solid #ffffff13}.raceTop>span{display:flex;align-items:center;gap:9px}.raceTop b{color:#65727a}.raceTop strong{padding:5px 12px;border-radius:4px;background:#63e3cb;color:#123731;font-size:9px}.raceBody{display:grid;grid-template-columns:19% 62% 19%;padding:10px;gap:1px}.raceLibrary,.raceInspector{padding:10px;font-size:9px;color:#91a3ad}.raceLibrary>small{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.raceLibrary>div{display:flex;gap:8px;align-items:center;margin-top:15px}.raceLibrary img{width:55px!important;height:37px!important;object-fit:cover;border-radius:3px}.raceLibrary span small{display:block;font-size:7px;color:#6a808b}.raceLibrary p{font-size:7px;margin-top:35px!important}.raceMonitor{background:#080c10;padding:8px;border:1px solid #ffffff0c}.raceMonitor>div:first-child{display:flex;justify-content:space-between;color:#8499a2;font-size:7px;padding:1px 2px 8px;letter-spacing:1px}.raceVideo{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.raceTransport{display:flex;align-items:center;justify-content:space-between;font-family:monospace;font-size:9px;color:#8ca3b0;padding-top:7px}.raceTransport button{background:#263d40;color:#79ebd4;border:0;border-radius:4px;width:30px;height:24px}.raceInspector>small{display:block;font-size:8px;letter-spacing:1px}.raceInspector>b{display:block;color:#e3eeef;font-size:11px;margin-top:15px}.raceInspector>span{display:block;font-size:8px;margin:14px 0;border-bottom:1px solid #ffffff20;padding-bottom:8px}.raceInspector label{display:flex;justify-content:space-between;font-size:8px;margin:13px 0}.raceInspector strong{font-weight:400;color:#e0e9e9}.raceInspector>i{display:block;height:3px;background:linear-gradient(90deg,#7adaca 60%,#34404c 60%);border-radius:3px}.raceTimeline{background:#151e25;border-top:1px solid #536370;padding-bottom:20px}.raceTools{display:flex;justify-content:space-between;font-size:9px;color:#b8c7cd;padding:12px 17px;border-bottom:1px solid #ffffff10}.raceTools b{font-size:8px;letter-spacing:1px;margin-left:20px;color:#6fe8d1}.raceTracks{display:grid;grid-template-columns:110px 1fr;padding-right:18px}.trackNames{display:grid;grid-template-rows:30px 32px 76px 42px;font-size:9px;color:#9daebc;padding:0 12px}.trackNames span{display:flex;align-items:center}.trackNames span:first-child{font-size:7px;letter-spacing:2px}.raceLanes{position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff08 calc(25% - 1px),#ffffff08 25%)}.raceRuler{display:flex;justify-content:space-between;height:30px;align-items:center;font-size:8px;font-family:monospace;color:#8d9fac}.raceTitleClip{margin:2px 32% 5px 6%;height:25px;padding:5px 10px;background:#664d83;border:1px solid #b599d2;border-radius:3px;font-size:8px;color:#eadcfb;letter-spacing:1px}.raceClips{display:flex;height:70px;gap:4px}.raceClips button{width:33.33%;background:linear-gradient(0deg,#0a1e23bd,#0a1e2300),url('/framecraft-assets/race-poster.webp') center/cover;border:1px solid #77d8c8;border-radius:4px;position:relative;text-align:left;color:#e4fff9;padding:7px;font-size:9px}.raceClips button:nth-child(2){border:2px solid #a9f7e7;box-shadow:0 0 15px #68e5d329}.raceClips button span{position:absolute;bottom:6px;left:8px}.raceWave{height:35px;margin-top:6px;border:1px solid #5a998b;border-radius:3px;color:#c3f1e5;font-size:8px;padding:5px 8px;background:repeating-linear-gradient(90deg,transparent 0 3px,#74e4bb75 3px 4px),linear-gradient(#244a40,#1c3835);clip-path:inset(0 round 3px)}.raceCursor{position:absolute;top:22px;bottom:0;left:35%;width:1px;background:#b9f9eb;box-shadow:0 0 6px #b9f9eb;pointer-events:none}.raceCursor i{position:absolute;top:-3px;left:-4px;border:5px solid transparent;border-top-color:#b9f9eb}.raceCallout{position:absolute;bottom:0;left:25px;background:#102e2ddd;backdrop-filter:blur(12px);border:1px solid #6ce4ce44;border-radius:6px;padding:16px 24px;box-shadow:0 14px 40px #0008}.raceCallout span{display:block;font-size:7px;letter-spacing:2px;color:#7ce6d0}.raceCallout b{display:block;font:italic 29px Georgia;color:#ebfaf5;margin:4px 0}.raceCallout small{font-size:9px;color:#a4c2bb}.raceDisclosure{font-size:9px;color:#78938e;margin:22px auto 0!important}.freeSection{text-align:center;padding:100px 24px;border-top:1px solid #ffffff12;background:radial-gradient(ellipse at center,#1d5a4b30,transparent 65%)}.freeSection h2{font:500 clamp(44px,7vw,80px)/1.2 Manrope,Arial;letter-spacing:-3px;margin:20px 0!important}.freeSection p{color:#99abae;font-size:14px;margin:16px 0 25px!important}
@media(max-width:760px){.raceStage{margin-top:25px;padding:10px 0 55px;width:120%;max-width:none;margin-left:-10%;perspective:1000px}.raceEditor{transform:rotateY(10deg) rotateX(7deg) rotateZ(-2deg)}.raceTop{padding:8px;font-size:6px}.raceTop>span:last-child{font-size:0}.raceBody{grid-template-columns:18% 82%;padding:5px}.raceInspector{display:none}.raceLibrary{padding:4px;font-size:5px}.raceLibrary>small{font-size:4px}.raceLibrary>div{display:block;margin-top:7px}.raceLibrary img{width:40px!important;height:23px!important}.raceLibrary span{font-size:5px}.raceLibrary span small,.raceLibrary p{display:none}.raceMonitor{padding:4px}.raceMonitor>div:first-child{font-size:5px}.raceTracks{grid-template-columns:53px 1fr;padding-right:8px}.trackNames{padding:0 5px;font-size:6px;grid-template-rows:25px 25px 58px 32px}.raceTools{font-size:6px;padding:8px}.raceTools b{font-size:5px;margin-left:5px}.raceRuler{height:25px;font-size:6px}.raceTitleClip{font-size:5px;height:20px;padding:4px}.raceClips{height:52px}.raceClips button{font-size:6px;padding:3px}.raceClips button span{left:4px;bottom:4px}.raceWave{font-size:5px;height:27px}.raceTimeline{padding-bottom:10px}.raceCallout{left:22px;bottom:0;padding:10px 15px}.raceCallout b{font-size:22px}.raceCallout span{font-size:6px}.raceCallout small{font-size:7px}.raceDisclosure{font-size:7px;max-width:260px}.freeSection{padding:65px 24px}}
@media(prefers-reduced-motion:reduce){.raceEditor{transform:none}}
.adScreen{position:relative;overflow:hidden;background:#000;padding:16px 0}.adCopy{position:absolute;inset:16px 0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:linear-gradient(transparent 40%,#0009);pointer-events:none;color:white}.adCopy small{font-size:6px;letter-spacing:2px}.adCopy b{font:700 clamp(12px,2vw,27px)/1.2 Manrope,Arial;letter-spacing:-.6px;margin:5px 0}.adCopy>span{font-size:6px;letter-spacing:2px}.raceDisclosure a{text-decoration:underline}.raceClips button:nth-child(2){background-image:linear-gradient(0deg,#0a1e23bd,#0a1e2300),url(/framecraft-assets/race-thumb-2.webp)}.raceClips button:nth-child(3){background-image:linear-gradient(0deg,#0a1e23bd,#0a1e2300),url(/framecraft-assets/race-thumb-3.webp)}@media(max-width:760px){.adScreen{padding:7px 0}.adCopy{inset:7px 0;padding:10px}.adCopy small,.adCopy>span{font-size:4px;letter-spacing:1px}}

.raceClips button{width:25%}.raceClips button:nth-child(4){background-image:linear-gradient(0deg,#0a1e23bd,#0a1e2300),url(/framecraft-assets/race-thumb-4.webp)}.raceLibrary>div{margin-top:9px}.raceLibrary p{margin-top:16px!important}
.raceCursor{will-change:transform;transition:none}.raceTransport>span{font-variant-numeric:tabular-nums;min-width:76px}.raceTransport>span:last-child{text-align:right}

/* Editor-first purple workspace hero. */
body{background:#100b1b}.page{--fc-bg:#100b1b;--fc-panel:#1a1428;--fc-accent:#bb9aff;--fc-muted:#aaa0bb;background:var(--fc-bg)}.header{max-width:1500px;border-bottom-color:#b79bd81a}.headerCta{background:#251c38;border-color:#b69bea4d;color:#e5d8ff}.hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:0;max-width:1600px;padding:35px 38px 0;min-height:650px;text-align:left;position:relative}.heroGlow{width:1200px;height:850px;top:-160px;left:42%;background:radial-gradient(ellipse,#6a3bab35,transparent 67%)}.hero .raceStage{grid-column:1;grid-row:1;margin:0 -25px 0 -58px;max-width:none;padding:25px 8px 55px;perspective:1800px;z-index:2}.hero .raceEditor{transform:rotateY(11deg) rotateX(7deg) rotateZ(-2deg);border-color:#72618b;box-shadow:-20px 30px 0 -17px #352747,-35px 40px 80px #0009,0 0 80px #8b55d41c;background:#181321}.hero .raceTop{background:#251d33}.hero .raceMonitor{background:#0d0913}.hero .raceTimeline{background:#21192f;border-color:#645477}.hero .raceBody{background:#181321}.hero .raceTop strong{background:#b99aea;color:#22132f}.hero .raceTools b,.hero .raceTransport{color:#c5a8f7}.hero .raceTransport button{background:#392a50;color:#dcc4ff}.hero .raceCursor{background:#e1caff;box-shadow:0 0 6px #c19ced}.hero .raceCursor i{border-top-color:#e1caff}.hero .raceClips button{border-color:#8b72ad}.hero .raceClips button:nth-child(2){border-color:#d1adff;box-shadow:0 0 15px #b18bdf29}.hero .raceCallout{display:none}.heroCopy{grid-column:2;grid-row:1;position:relative;isolation:isolate;padding:60px 15px 65px 32px;z-index:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.heroCopy:before{content:'';position:absolute;z-index:-2;inset:-35px -100px -30px -170px;background:linear-gradient(90deg,#100b1b 0%,#100b1b66 30%,#100b1b22 65%,#100b1bcc 100%),linear-gradient(0deg,#100b1b 0%,transparent 42%,#100b1b 100%),url('/framecraft-assets/race-thumb-3.webp') center/cover;opacity:.3;filter:blur(4px);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 80%,transparent)}.heroCopy:after{content:'';position:absolute;inset:0 -40px;z-index:-1;background:radial-gradient(ellipse at 70% 40%,#6a39882e,transparent 70%);pointer-events:none}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;align-self:flex-start;background:#21172d99;border-color:#af86e530;color:#c6b4db}.hero h1{font-size:clamp(46px,4.65vw,76px);letter-spacing:-4px;margin-top:24px;line-height:1.05}.hero h1 em{letter-spacing:-3px;color:#c6a4ff}.heroText{font-size:13px!important;max-width:330px;color:#b4a7c3!important;margin-top:22px!important}.heroActions{justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:26px}.heroActions .primary,.heroActions .secondary{font-size:10px!important;padding:12px 15px;gap:9px;min-height:42px}.primary{color:#241336}.primary:hover{background:#d6baff}.hero .platforms{justify-content:flex-start;font-size:9px;margin:20px 0 0;color:#9d8eaf;gap:10px}.hero .raceDisclosure{grid-column:1/-1;text-align:center;margin:4px auto 0!important;max-width:900px;color:#897898;font-size:8px}.hero .promiseStrip{grid-column:1/-1;width:100%;justify-content:center;margin-top:28px;border-color:#ba99df1a;padding:22px 0}.freeSection{background:radial-gradient(ellipse at center,#67409030,transparent 65%)}
@media(min-width:1500px){.hero{padding-top:55px;min-height:720px}.hero .raceStage{margin-left:-15px}.heroCopy{padding-left:42px}}
@media(max-width:1000px) and (min-width:761px){.hero{grid-template-columns:1.4fr 1fr;padding:25px 25px 0;min-height:530px}.heroCopy{padding:25px 0 35px 15px}.hero h1{font-size:48px;letter-spacing:-3px}.hero .raceStage{margin-left:-60px;margin-right:-10px}.hero .eyebrow{font-size:6px;letter-spacing:.8px}.heroText{font-size:11px!important}.heroActions .secondary{display:none}.hero .raceLibrary{padding:5px;font-size:7px}.hero .raceInspector{padding:5px}.hero .raceTop{font-size:6px}}
@media(max-width:760px){.header{height:68px}.hero{display:flex;flex-direction:column;padding:16px 22px 0;min-height:0;gap:0}.hero .raceStage{order:0;width:120%;margin:0 -10%;padding:15px 0 10px;flex-shrink:0}.hero .raceEditor{transform:rotateY(8deg) rotateX(6deg) rotateZ(-2deg)}.heroCopy{order:1;display:block;width:100%;padding:35px 6px 22px;text-align:left;align-self:auto}.heroCopy:before{inset:-30px -60px -30px -50px;opacity:.25}.hero h1{font-size:58px;letter-spacing:-3px;margin-top:19px}.hero h1 em{letter-spacing:-2px}.heroText{font-size:12px!important;max-width:300px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero .platforms{margin:18px 0 0}.hero .raceDisclosure{order:2;font-size:7px;max-width:310px}.hero .promiseStrip{order:3;margin-top:23px}.heroActions .secondary{display:inline-flex}.heroGlow{left:50%;top:-200px}}
/* Balanced first-screen proportions and persistent glass navigation. */
.header{position:sticky;top:0;z-index:100;max-width:none;height:74px;padding:0 max(28px,calc((100vw - 1420px)/2));background:#21142f99;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);border-bottom:1px solid #d3b0ff24;box-shadow:0 8px 30px #09041125}.hero{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);max-width:1480px;min-height:0;padding:48px 42px 0;align-items:center}.hero .raceStage{margin:0 -5px 0 -24px;padding:18px 8px 24px}.hero .raceEditor{transform:rotateY(9deg) rotateX(5deg) rotateZ(-1.5deg)}.heroCopy{padding:38px 10px 38px 38px;align-self:center}.hero h1{font-size:clamp(44px,4.4vw,68px);letter-spacing:-3.5px}.hero .adScreen{padding:10px 0}.hero .raceVideo{aspect-ratio:2/1}.hero .adCopy{inset:10px 0}.hero .raceTracks{grid-template-columns:85px 1fr}.hero .trackNames{grid-template-rows:27px 28px 61px 35px}.hero .raceRuler{height:27px}.hero .raceTitleClip{height:22px;margin-bottom:4px}.hero .raceClips{height:56px}.hero .raceWave{height:29px}.hero .raceTimeline{padding-bottom:13px}.hero .raceTools{padding:10px 13px}.hero .raceDisclosure{margin-top:18px!important}.hero .promiseStrip{margin-top:24px;padding:22px 0}.page section{scroll-margin-top:90px}
@media(min-width:1500px){.hero{padding-top:58px}.hero .raceStage{margin-left:-15px}.heroCopy{padding-left:46px}}
@media(max-width:1000px) and (min-width:761px){.hero{grid-template-columns:1.35fr 1fr;padding:35px 25px 0}.heroCopy{padding:22px 0 22px 24px}.hero h1{font-size:46px}.hero .raceStage{margin-left:-35px;margin-right:0}.hero .raceTracks{grid-template-columns:65px 1fr}}
@media(max-width:760px){.header{height:64px;padding:0 20px}.hero{padding:16px 22px 0;display:flex}.hero .raceStage{width:112%;margin:0 -6%;padding:10px 0 14px}.heroCopy{padding:22px 3px 20px;align-self:auto}.hero h1{font-size:54px;letter-spacing:-3px}.hero .raceVideo{aspect-ratio:16/9}.hero .adScreen{padding:7px 0}.hero .adCopy{inset:7px 0}.hero .raceTracks{grid-template-columns:53px 1fr}.hero .trackNames{grid-template-rows:25px 25px 58px 32px}.hero .raceRuler{height:25px}.hero .raceTitleClip{height:20px}.hero .raceClips{height:52px}.hero .raceWave{height:27px}.hero .raceTools{padding:8px}.hero .raceDisclosure{margin-top:8px!important}.hero .promiseStrip{margin-top:20px}.navOpen{background:#261833eb!important;backdrop-filter:blur(20px);border-color:#cda2ff30!important}}
@media(prefers-reduced-motion:reduce){.hero .raceEditor{transform:none}}
.page{overflow:clip}
/* The full editor belongs in the first viewport, including shorter laptops. */
.header{height:64px}.hero{padding:8px 36px 0;min-height:0;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.hero .raceStage{width:100%;max-width:calc((100svh - 145px)*1.48);margin:0;justify-self:start;padding:8px 0 12px}.heroCopy{padding:18px 8px 18px 30px}.hero h1{font-size:clamp(42px,4.3vw,65px);margin-top:18px}.heroText{margin-top:16px!important}.heroActions{margin-top:20px}.hero .platforms{margin-top:15px}.hero .raceDisclosure{margin-top:4px!important}.hero .promiseStrip{margin-top:12px;padding:14px 0}.hero .raceLibrary img{width:45px!important;height:30px!important}.hero .raceLibrary>div{margin-top:8px}.hero .raceInspector label{margin:10px 0}.featureCatalogue{max-width:1280px;margin:auto;padding:65px 38px 72px}.featureCatalogue h2,.coffeeSection h2{font:500 clamp(36px,4.8vw,60px)/1.1 Manrope,Arial;letter-spacing:-2px;margin-top:15px}.featureIntro{font-size:14px;color:var(--fc-muted);margin-top:20px!important}.catalogueGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ccb1ed20;border:1px solid #ccb1ed20;border-radius:12px;overflow:hidden;margin-top:36px}.catalogueGrid article{background:#171020;padding:27px}.catalogueGrid article>span{font:10px monospace;color:#ae8ed4}.catalogueGrid h3{font-size:17px;font-weight:550;margin:18px 0 10px!important}.catalogueGrid p{font-size:12px;line-height:1.8;color:#b2a4c0}.featureStatus{color:#9685aa;font-size:11px;margin-top:20px!important}.coffeeSection{max-width:1000px;margin:auto;text-align:center;padding:85px 30px 95px;border-top:1px solid #c6a4ff24;background:radial-gradient(ellipse at center,#63388628,transparent 67%)}.coffeeIcon{font-size:38px;margin-bottom:16px}.coffeeSection h2{margin:20px 0!important}.coffeeSection p{font-size:14px;color:var(--fc-muted);max-width:440px;margin:20px auto 26px!important}.coffeeSection small{display:block;margin-top:15px;font-size:10px;color:#9685aa}
@media(min-width:1500px){.hero{padding-top:8px}.hero .raceStage{margin-left:0}.heroCopy{padding-left:36px}}
@media(max-height:720px) and (min-width:761px){.hero h1{font-size:46px}.heroCopy{padding-top:8px;padding-bottom:8px}.hero .eyebrow{font-size:7px}.heroText{font-size:11px!important;margin-top:12px!important}.heroActions{margin-top:14px}.hero .platforms{margin-top:12px}.hero .raceInspector{display:none}.hero .raceBody{grid-template-columns:19% 81%}.hero .raceLibrary p{display:none}.hero .raceTools{padding:7px 10px}}
@media(max-width:1000px) and (min-width:761px){.hero{padding:8px 24px 0}.heroCopy{padding:12px 0 12px 22px}.hero h1{font-size:43px}.hero .raceStage{margin:0}}
@media(max-width:760px){.hero{padding:6px 20px 0}.hero .raceStage{width:100%;max-width:100%;margin:0;padding:8px 0 4px}.heroCopy{padding:20px 4px 18px}.hero h1{font-size:51px}.hero .raceDisclosure{margin-top:6px!important}.hero .promiseStrip{margin-top:12px;padding:14px 0}.hero .raceLibrary img{width:38px!important;height:23px!important}.featureCatalogue{padding:42px 24px}.catalogueGrid{grid-template-columns:1fr;gap:1px;margin-top:25px}.catalogueGrid article{padding:23px}.catalogueGrid h3{margin-top:10px!important}.featureStatus{line-height:1.8}.coffeeSection{padding:60px 24px}.coffeeSection h2{font-size:40px}}
.upiSupport{display:flex;justify-content:center;align-items:center;gap:28px;margin:28px auto 20px;padding:24px;max-width:550px;border:1px solid #bd91ef33;border-radius:12px;background:#20162f99;text-align:left}.upiSupport>img{background:white;border:8px solid white;border-radius:8px;flex:none}.upiSupport>div{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.upiSupport strong{font:500 18px monospace;color:#eadcff}.upiSupport>div>span:not(.kicker){font-size:11px;color:#b8a6ca}.upiSupport .primary{font-size:11px!important;padding:10px 16px;min-height:40px}.copy-upi{border:0;background:transparent;color:#d3b2ff;text-decoration:underline;font:11px 'DM Sans',sans-serif!important;padding:4px 0}.upi-status{min-height:16px}@media(max-width:540px){.upiSupport{flex-direction:column;text-align:center;padding:22px;gap:20px}.upiSupport>div{align-items:center}}
/* Desktop scroll rail echoes the timeline playhead; mobile stays uncluttered. */
@media(min-width:761px){html{scrollbar-width:thin;scrollbar-color:#b794e4 #21182e}html::-webkit-scrollbar{width:11px}html::-webkit-scrollbar-track{background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 25px),#21182e;border-left:1px solid #c4a1ee18}html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#dcc7fa,#a67bd4);border:3px solid #21182e;border-radius:8px;min-height:54px}html::-webkit-scrollbar-thumb:hover{background:#e0c8ff}html::-webkit-scrollbar-corner{background:#21182e}}
/* Section stops are gentle: scrolling, keyboard navigation and anchors stay native. */
html{scroll-snap-type:y proximity;scroll-padding-top:72px}.hero,.featureCatalogue,.scrollShowcase,.workflow,.workspace,.demo,.availability,.freeSection,.faq,.coffeeSection{scroll-snap-align:start;scroll-snap-stop:normal}.scrollShowcase{height:190svh;position:relative;margin:25px auto 50px;max-width:1600px}.showcasePin{position:sticky;top:64px;height:calc(100svh - 64px);min-height:460px;overflow:hidden;background:#100b1b;border-top:1px solid #b88be329;border-bottom:1px solid #b88be329;isolation:isolate}.actionFootage{position:absolute;inset:0;z-index:-2}.actionFootage video{height:100%;width:100%;object-fit:cover;opacity:.8}.actionShade{position:absolute;inset:0;background:linear-gradient(90deg,#100b1bbd,transparent 65%),linear-gradient(0deg,#100b1b,transparent 45%,#100b1b33)}.actionText{position:absolute;left:7%;top:10%;max-width:500px;z-index:2}.actionText .kicker{color:#e0c7fa}.actionText h2{font:500 clamp(38px,5vw,72px)/1.08 Manrope,Arial;letter-spacing:-2px;margin-top:18px!important;text-shadow:0 3px 30px #0008}.actionText p{font-size:12px;color:#d1c0de;margin-top:20px!important}.actionEditor{position:absolute;width:68%;right:5%;top:20%;opacity:0;transform:translate3d(0,150px,0) scale(.8);transform-origin:50% 78%;will-change:transform,opacity;border-radius:9px;border:1px solid #d1b1fa70;box-shadow:0 25px 100px #000c;overflow:hidden}.actionEditor img{width:100%;height:auto;display:block}.actionCaption{position:absolute;bottom:6%;left:7%;right:7%;z-index:3;background:#170f23bb;backdrop-filter:blur(16px);border:1px solid #c7a6f929;padding:18px 24px;border-radius:8px}.actionCaption span{display:block;font-size:8px;letter-spacing:2px;color:#c4a1ef}.actionCaption b{display:block;font:500 22px Manrope,Arial;margin-top:6px}.actionCaption small{display:block;font-size:9px;color:#a996ba;margin-top:7px}.coffeeIcon{width:200px;height:200px;margin:0 auto 10px;animation:coffeeBounce 3.2s ease-in-out infinite;filter:drop-shadow(0 15px 20px #0004)}.coffeeIcon img{width:100%;height:100%}.floatingCoffee{position:fixed;right:22px;bottom:20px;z-index:90;display:flex;align-items:center;gap:4px;padding:2px 12px 2px 0;background:#2b1b3de6;border:1px solid #d0a2ff48;border-radius:50px;backdrop-filter:blur(18px);box-shadow:0 8px 30px #0005;transition:opacity .2s}.floatingCoffee img{animation:coffeeBounce 3.2s ease-in-out infinite;width:57px!important;height:57px!important}.floatingCoffee span{font-size:10px;color:#e9d5ff}.floatingCoffee:hover{background:#422956}.floatingCoffee:focus-visible{outline:2px solid #dcc0ff;outline-offset:4px}.floatingCoffee.is-hidden{opacity:0;pointer-events:none}.coffeeSection{overflow:visible}@keyframes coffeeBounce{0%,100%{transform:translateY(0) rotate(-4deg)}45%{transform:translateY(-10px) rotate(4deg)}65%{transform:translateY(-3px) rotate(-2deg)}}@media(max-width:760px){.scrollShowcase{height:165svh;margin:15px 0 35px}.showcasePin{min-height:0}.actionText{top:8%;left:7%;max-width:85%}.actionText h2{font-size:43px}.actionEditor{width:92%;right:4%;top:35%}.actionCaption{bottom:4%;left:6%;right:6%;padding:15px}.actionCaption b{font-size:17px}.actionCaption small{font-size:8px}.floatingCoffee{right:12px;bottom:12px;padding-right:6px}.floatingCoffee img{width:48px!important;height:48px!important}.floatingCoffee span{display:none}.coffeeIcon{width:160px;height:160px}}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none;scroll-behavior:auto}.coffeeIcon,.floatingCoffee img{animation:none}.scrollShowcase{height:auto}.showcasePin{position:relative;top:0;height:650px}.actionEditor{opacity:1;transform:none;top:36%;width:68%}.actionFootage video{opacity:.3}.floatingCoffee{transition:none}}