:root{--ink:#25243b;--muted:#73727c;--paper:#faf9f6;--line:#dedde2;--violet:#6c67b7;--soft:#ecebf5;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7972c9;outline-offset:5px}
[hidden]{display:none!important}
svg{display:block}
h1,h2,h3,h4,p{margin:0}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:1.08}
h2{font-size:clamp(42px,4.8vw,68px)}
h3{font-weight:450;letter-spacing:-.035em}
button{border:0}
section[id],.demo-stage{scroll-margin-top:100px}
.section-wrap{max-width:1200px;margin-inline:auto;width:calc(100% - 96px)}
.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:12px}
.skip:focus{top:12px}
.floating-nav{position:fixed;z-index:30;top:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;padding:10px 18px 10px 11px;background:#fafafaed;border:1px solid #fff9;border-radius:17px;box-shadow:0 2px 7px #33334e0c,0 0 0 1px #26253b0a;backdrop-filter:blur(18px)}
.nav-mark{width:30px;display:block}
.nav-mark svg{width:30px;height:30px}
.floating-nav nav{display:flex;gap:20px;font-size:14px}
.floating-nav nav a{padding-block:8px;transition:color 180ms}
.floating-nav nav a:hover{color:var(--violet)}

.hero-cover{position:relative;overflow:hidden;text-align:center;isolation:isolate;padding:140px 48px 95px;background:#b1b9ed;background:radial-gradient(ellipse at 20% 5%,#e3dcf7 0,transparent 48%),radial-gradient(ellipse at 90% 20%,#c8d8fa 0,transparent 40%),linear-gradient(145deg,#a6b4e8,#a3a4d8 55%,#d7cef3)}
.hero-light{position:absolute;z-index:-1;inset:-30%;background:conic-gradient(from 180deg at 40% 0%,transparent 0 19%,#f8f5ff60 23%,transparent 30%,#eee7ff50 36%,transparent 42%);filter:blur(26px);transform:rotate(-14deg);animation:light-arrive 1800ms var(--ease) both}
.hero-cover h1{font-size:clamp(30px,3.25vw,49px);letter-spacing:-.04em;color:#292640;position:relative;z-index:2}
.mobile-break{display:none}
.hero-brand{font-family:var(--serif);font-size:clamp(180px,31vw,440px);letter-spacing:-.082em;color:#faf8ff;line-height:.85;margin:30px 0 -13px;padding-right:.075em;text-shadow:0 3px 20px #5a578008;user-select:none}
.studio-window{position:relative;z-index:3;max-width:1120px;margin-inline:auto;background:#fbfbfd;border-radius:17px;border:7px solid #ffffff85;box-shadow:0 50px 95px -45px #39386580,0 8px 20px #41406316;overflow:hidden;text-align:left;animation:window-arrive 900ms 160ms var(--ease) both}
.window-bar{height:39px;background:#f6f5f8;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 15px;border-bottom:1px solid #e6e5ec;font-size:11px;color:#7e7b8b}
.traffic{display:flex;gap:6px;min-width:48px}
.traffic i{width:9px;height:9px;background:#edaba8;border-radius:100%}
.traffic i:nth-child(2){background:#e8cf8f}
.traffic i:nth-child(3){background:#a8c9ae}
.bar-end{min-width:48px;text-align:right}
.studio-body{display:grid;grid-template-columns:190px 1fr;min-height:492px}
.studio-sidebar{display:flex;flex-direction:column;padding:24px 14px 17px;background:#eeedf7;border-right:1px solid #e2e0ed}
.sidebar-brand{display:flex;align-items:center;gap:6px;padding-left:7px;margin-bottom:40px}
.sidebar-brand svg{width:33px;height:33px}
.sidebar-brand b{font-family:var(--serif);font-size:27px;letter-spacing:-1.8px;font-weight:400}
.sidebar-label{font-size:9px;letter-spacing:1.2px;color:#8a859b;margin:0 10px 10px}
.stage-tabs{display:grid;gap:6px}
.stage-tabs button{display:flex;align-items:center;gap:10px;text-align:left;padding:13px 10px;border-radius:7px;background:transparent;font-size:12px;color:#7c788e;transition:background 250ms,color 250ms,box-shadow 250ms}
.stage-tabs button span{font-size:10px;color:#9b96ae}
.stage-tabs button[aria-selected=true]{background:#fff;color:#343048;box-shadow:0 3px 7px #41366708}
.stage-tabs button[aria-selected=true] span{color:#8a80bf}
.sidebar-project{display:flex;align-items:center;gap:9px;border-top:1px solid #dcd9e9;margin-top:25px;padding:20px 6px;font-size:11px}
.sidebar-project small{display:block;font-size:7px;letter-spacing:.6px;margin-top:5px;color:#918b9f}
.project-symbol{display:grid;place-items:center;width:29px;height:31px;border-radius:5px;color:#7670aa;background:#dedaf0;font-size:20px}
.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:6px;font-size:9px;color:#928a9e;padding-left:8px}
.sidebar-bottom i{width:5px;height:5px;background:#92ac96;border-radius:50%}
.demo-content{padding:30px 38px;min-width:0}
.demo-panel{animation:panel-arrive 480ms var(--ease) both}
.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.overline{font-size:9px;letter-spacing:1.15px;color:#8c869c}
.pill{font-size:9px;color:#898293;padding:5px 9px;border:1px solid #e5e1ec;border-radius:6px;white-space:nowrap;display:inline-block}
.demo-panel h3{font-size:29px}
.panel-description{font-size:11px;color:#98929f;margin:8px 0 23px}
.research-tiles{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 17px}
.reference{position:relative;min-height:150px;border-radius:9px;padding:14px;overflow:hidden}
.reference>span{font-size:8px;letter-spacing:.75px;opacity:.6}
.reference>b{display:block;position:absolute;bottom:13px;left:14px;font-size:12px;font-weight:500}
.reference-blue{background:linear-gradient(140deg,#c8d0f7,#b6c5ee);color:#4d5279}
.reference-cream{background:linear-gradient(140deg,#e9e0d7,#efe8e0);color:#7c706c}
.mini-wave{position:absolute;inset:39px 15px 40px;color:#6d6d9e}
.wave-svg{width:100%;height:100%;overflow:visible}
.line-study{position:absolute;width:85px;height:70px;top:32px;left:calc(50% - 42px);transform:rotate(-15deg)}
.line-study i{display:block;position:absolute;width:65px;height:65px;border:1.5px solid #a5989d;border-radius:50% 50% 0 50%;transform:rotate(45deg)}
.line-study i:nth-child(2){left:10px;top:4px}
.line-study i:nth-child(3){left:20px;top:8px}
.line-study i:nth-child(4){left:30px;top:12px}
.direction{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #eae7ef;border-radius:8px;margin-top:9px}
.direction.selected{border-color:#c3badf;background:#f4f1fc;box-shadow:0 2px 5px #63588305}
.direction-icon{font-size:17px;color:#aaa0bc}
.direction small{display:block;font-size:7px;letter-spacing:.85px;color:#a198ae;margin-bottom:4px}
.direction strong{font-size:12px;font-weight:500}
.check{margin-left:auto;font-size:12px;color:#8271a5}
.script-document{background:#f6f4ef;border:1px solid #eae6e2;border-radius:8px;padding:19px 25px;position:relative}
.document-label{font-size:8px;letter-spacing:.8px;color:#aba297}
.script-line{font-family:var(--serif);font-size:19px;line-height:1.45;letter-spacing:-.4px;margin:13px 0;color:#69626b;transition:color 350ms,opacity 350ms,transform 500ms var(--ease)}
.document-foot{position:absolute;right:15px;bottom:13px;font-size:8px;color:#b1a7a4}
.take-strip{display:flex;align-items:center;gap:13px;margin-top:15px;background:#eeebf7;padding:11px 15px;border-radius:8px}
.take-play{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d6cfea;color:#82749e;font-size:9px}
.take-strip>div{min-width:0;flex:1}
.take-strip b{display:block;font-weight:400;font-size:9px;color:#8d829f;margin-bottom:3px}
.take-strip .wave-svg{height:19px;color:#a599bf}
.take-length{font-size:9px;color:#9e94af}
.edit-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:15px;margin-top:18px}
.video-canvas{aspect-ratio:16/10;background:radial-gradient(ellipse at 75% 15%,#5763a6,transparent 60%),linear-gradient(150deg,#31395f,#242644);border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;color:#d5d8fd}
.visual-mark{position:relative;width:47%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.visual-mark svg{position:relative;z-index:2;width:100%;height:100%;filter:drop-shadow(0 3px 20px #b4beff20)}
.mark-orbit{position:absolute;width:135%;height:135%;border:1px solid #afb3eb16;border-radius:50%;transform:rotate(-28deg) scaleY(.62)}
.orbit-two{width:170%;height:170%;transform:rotate(35deg) scaleY(.65);border-color:#afb3eb0d}
.video-caption{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#eeedff;font-size:10px;letter-spacing:.2px}
.video-corner{position:absolute;top:13px;left:13px;font-size:6px;letter-spacing:1px;color:#9da6d1}
.asset-list{padding:7px 0}
.asset-list>.overline{font-size:7px;letter-spacing:.6px}
.asset-list>div{display:flex;gap:8px;align-items:center;border-bottom:1px solid #ece8f1;padding:15px 0}
.asset-icon{font-style:normal;width:28px;height:30px;border-radius:4px;background:#e9e5f3;color:#9b8db5;display:grid;place-items:center;font-size:15px}
.asset-list b{display:block;font-size:10px;font-weight:500}
.asset-list small{display:block;font-size:8px;color:#a69caf;margin-top:4px}
.edit-timeline{position:relative;margin-top:17px}
.timeline-ruler{display:flex;justify-content:space-between;font-size:7px;color:#aaa2b4;margin-bottom:8px;padding-inline:2px}
.video-track{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;height:34px}
.video-track>span{border-radius:4px;background:#d5d8ed;border:1px solid #c9cce5;color:#7b7fa7;display:flex;align-items:center;padding-left:12px;font-size:8px}
.video-track>span:nth-child(2){background:#c9cde8}
.video-track>span:nth-child(3){background:#bac0e0}
.audio-track{height:28px;border-radius:4px;margin-top:4px;background:#e7dfef;color:#b0a0c1;overflow:hidden;padding:4px 10px}
.playhead-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-curve{position:absolute;bottom:-91px;left:-10%;width:120%;height:155px;border-radius:50% 50% 0 0;background:var(--paper);z-index:4;box-shadow:0 -20px 50px #a2a1d017}
.demo-bridge{position:relative;z-index:5;text-align:center;margin:-23px auto 0;max-width:520px;padding:0 20px}
.player-buttons{display:flex;justify-content:center;gap:9px}
.button{min-height:47px;background:#282737;color:#fff;border-radius:28px;padding:14px 29px;display:inline-flex;justify-content:center;align-items:center;gap:15px;font-size:13px;box-shadow:0 3px 5px #25243b0d;transition:transform 200ms,background 200ms}
.button:hover{background:#46435c;transform:translateY(-2px)}
.player-buttons .button{min-width:282px}
.replay{background:#efedf3;border:1px solid #e6e3ec;border-radius:50%;width:47px;font-size:23px;color:#8b839b;transition:background 200ms}
.replay:hover{background:#e4e0ef}
.progress-row{display:flex;gap:12px;align-items:center;max-width:320px;margin:18px auto 0}
.progress-row progress{height:3px;width:100%;border:0;background:#e4e0ed;border-radius:2px;accent-color:#7d73b1}
.progress-row progress::-webkit-progress-bar{background:#e4e0ed;border-radius:2px}
.progress-row progress::-webkit-progress-value{background:#7d73b1;border-radius:2px}
.progress-row>span{flex-shrink:0;font-variant-numeric:tabular-nums;font-size:9px;color:#aaa2b6}
.demo-caption{color:#81768b;font-size:9px;margin:12px -30px 0;min-height:14px}
.availability{font-size:11px;color:#71697e;margin-top:14px}

.flow-section{padding:135px 0 60px}
.flow-section>h2{text-align:center;margin-bottom:73px}
.flow-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:76px;align-items:center}
.flow-tabs{display:grid;gap:20px}
.flow-tabs button{position:relative;display:flex;gap:16px;align-items:flex-start;text-align:left;background:transparent;border-left:2px solid transparent;padding:15px 0 15px 23px;color:#8b8195;transition:color 300ms,border-color 300ms}
.flow-tabs button[aria-selected=true]{color:var(--ink);border-color:#7771a3}
.flow-number{font-size:9px;letter-spacing:.8px;line-height:24px;color:#aaa2b1}
.flow-tabs strong{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.8px;line-height:1.2;display:block}
.flow-description{font-size:12px;line-height:1.7;margin-top:12px;display:block;color:#79717f;max-width:260px}
.flow-tabs button[aria-selected=false] .flow-description{display:none}
.flow-visual{min-width:0;position:relative}
.flow-visual [role=tabpanel]{animation:panel-arrive 500ms var(--ease) both}
.flow-screen{border-radius:11px;border:4px solid #e7e4ee;overflow:hidden;background:#fcfbfd;box-shadow:0 22px 40px -22px #544b7033;min-height:425px}
.flow-screen .window-bar{height:29px;font-size:8px;padding-inline:11px}
.flow-screen .traffic i{width:6px;height:6px}
.flow-screen .traffic{min-width:32px;gap:4px}
.flow-screen .bar-end{font-size:7px;min-width:32px}
.flow-screen-inner{padding:28px}
.flow-screen h3{font-size:27px;line-height:1.15;margin:11px 0 19px}
.source-row{display:flex;gap:6px;margin-bottom:20px}
.source-tag{padding:5px 9px;font-size:8px;color:#9b8eae;background:#f0ebf7;border:1px solid #e5dfee;border-radius:4px}
.flow-screen .reference{min-height:135px}
.flow-screen .reference b{font-size:10px}
.insight{display:flex;gap:13px;padding:16px;background:#f1edf9;border:1px solid #ddd6ef;border-radius:7px}
.insight>span{color:#a492bc;font-size:26px}
.insight small{font-size:7px;letter-spacing:.8px;color:#a295b0}
.insight h4{font-size:14px;font-weight:500;letter-spacing:-.2px;margin:5px 0}
.insight p{font-size:9px;color:#9b8caa}
.illustration-label{display:block;margin:19px 0 0;text-align:center;font-size:7px;letter-spacing:1.4px;color:#b1a8b7}
.voice-screen .flow-screen-inner{background:linear-gradient(#faf9fc,#f1edf8)}
.voice-document{background:#fffefa;border:1px solid #e8e2e2;border-radius:5px;padding:18px 23px}
.voice-document p{font:18px/1.45 var(--serif);color:#726675;margin-bottom:13px;letter-spacing:-.2px}
.voice-document p:last-child{margin:0}
.voice-player{display:flex;align-items:center;gap:15px;margin:17px 0;color:#a99abb}
.voice-player .wave-svg{height:37px}
.voice-player>span:last-child{font-size:9px}
.take-options{display:flex;gap:8px}
.take-options>span{flex:1;display:flex;justify-content:space-between;font-size:8px;padding:8px;border:1px solid #ded5eb;border-radius:5px;color:#a59aae}
.take-options b{font-weight:400}
.take-options>span:first-child{background:#e9e1f3}
.assembly-screen .flow-screen-inner{padding:20px}
.assembly-screen .video-canvas{aspect-ratio:16/8.5;margin-bottom:18px}
.assembly-screen .visual-mark{width:29%}
.assembly-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:9px;color:#aaa1b2}
.assembly-foot .pill{font-size:8px}

.features-section{padding:90px 0}
.features-section>h2{text-align:center;margin-bottom:64px}
.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.feature-card{position:relative;border:1px solid #dedbe3;border-radius:13px;min-height:480px;padding:28px 29px 0;overflow:hidden;background:linear-gradient(145deg,#fbfaf7,#f8f7f7)}
.feature-card:nth-child(4n+1),.feature-card:nth-child(4n){grid-column:span 3}
.feature-card:nth-child(4n+2),.feature-card:nth-child(4n+3){grid-column:span 2}
.feature-label{display:inline-block;font-size:8px;letter-spacing:1px;background:#fff9;border-radius:10px;padding:7px 10px;color:#81758b}
.feature-card>h3{font-size:25px;line-height:1.3;margin-top:20px;max-width:480px}
.feature-card>p{font-size:12px;line-height:1.7;color:#756c7b;max-width:410px;margin-top:12px}
.feature-visual{position:relative;margin-top:34px;min-height:255px}
.feature-0 .feature-visual{margin-top:49px}
.mini-window{border-radius:8px;overflow:hidden;background:white;border:3px solid #dcd8eb;box-shadow:0 20px 35px -20px #4a43694d}
.mini-window .window-bar{height:24px;font-size:6px;padding:0 9px;gap:4px}
.mini-window .traffic{min-width:25px;gap:3px}
.mini-window .traffic i{height:5px;width:5px}
.mini-window .bar-end{min-width:25px}
.stacked{position:absolute;width:85%;height:240px}
.back-window{left:0;top:0;background:#f0e8ee;transform:rotate(-3deg);border-color:#e7d6df}
.front-window{right:-1%;top:32px;transform:rotate(2deg);background:#f2f2fb}
.ghost-lines{padding:35px}
.ghost-lines i{display:block;background:#e2d7df;width:85%;height:8px;margin-top:10px;border-radius:3px}
.ghost-lines i:nth-child(2){width:60%}
.mini-project-content{padding:20px 24px}
.mini-project-content>.project-symbol{float:right;width:40px;height:44px}
.mini-project-content h4{font-family:var(--serif);font-size:25px;font-weight:400;margin-bottom:11px}
.mini-project-content .pill{padding:4px 7px;font-size:7px;margin-right:4px}
.mini-file{margin-top:19px;padding:13px;background:#fff8;border:1px solid #e3dfee;border-radius:5px}
.mini-file b{font-size:10px;font-weight:500;display:block}
.mini-file small{display:block;font-size:7px;color:#b4a9bd;margin-top:6px}
.template-grid{display:flex;gap:9px;padding-top:5px;min-width:330px;transform:rotate(-5deg);margin-left:-5px}
.template-grid>div{border-radius:7px;background:#e8e1f1;padding:17px 14px;min-width:112px;height:205px;box-shadow:0 10px 20px #4a395c0b}
.template-grid>div:nth-child(2){background:#dce4f3;transform:translateY(20px)}
.template-grid>div:nth-child(3){background:#eee4d8;transform:translateY(-4px)}
.template-grid>div>span{font-size:8px;color:#a399ad}
.template-grid b{font-family:var(--serif);font-weight:400;letter-spacing:-1.2px;font-size:25px;line-height:1.05;display:block;margin-top:28px;color:#777083}
.template-grid small{font-size:5px;letter-spacing:.5px;display:block;margin-top:25px;white-space:nowrap;color:#a79caf}
.audio-card{background:#ece7f5;border-radius:10px;padding:23px 20px;box-shadow:0 12px 25px #5647670c;margin-top:43px;transform:rotate(-3deg)}
.audio-card>.wave-svg{height:80px;margin:20px 0;color:#b3a2c9}
.audio-card>div{display:flex;gap:9px;align-items:center}
.audio-card>div>b{font-size:10px;font-weight:400}
.audio-card>div>span:last-child{margin-left:auto;font-size:8px;color:#a18fb4}
.connected-chat{padding:12px 4px}
.chat-you{display:block;padding:15px 18px;background:#eeebf5;font-size:12px;max-width:80%;border-radius:12px 12px 2px 12px;margin-left:auto;color:#7c6c89}
.chat-response{display:flex;gap:12px;background:#fff;border:1px solid #e7e2ee;box-shadow:0 8px 20px #5d476909;padding:22px;border-radius:12px 12px 12px 2px;margin:18px 35px 0 0}
.chat-response>span{font-size:23px;color:#b8a4c8}
.chat-response b{font-size:13px;font-weight:500}
.chat-response p{font-size:11px;color:#83708f;margin-top:13px}
.chat-footer{display:block;color:#b5a8bd;font-size:8px;margin:14px 0 0 4px}
.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:16px}
.materials-grid>div{padding:8px 8px 13px;background:white;border:1px solid #e4deeb;border-radius:8px;box-shadow:0 8px 15px #69577505}
.materials-grid>div>span{height:115px;display:grid;place-items:center;border-radius:4px}
.material-art{background:#49517e;color:#c7d2fa}
.material-art svg{width:65px;height:65px}
.material-audio{background:#e4def0;color:#b2a2c8;padding:10px}
.material-script{background:#f1e8dc;color:#c1ab93;font:45px var(--serif)}
.materials-grid b{display:block;font-size:9px;font-weight:500;margin-top:11px}
.materials-grid small{display:block;font-size:7px;color:#b9aebe;margin-top:6px}
.sync-card{border:1px solid #e4e2ef;background:#f2f1fb;border-radius:10px;text-align:center;padding:18px;box-shadow:0 8px 20px #625b6f09;margin:0 5px}
.cloud-icon{font-size:40px;color:#c0c2df;line-height:1}
.sync-card h4{font:24px/1.1 var(--serif);letter-spacing:-1px;color:#89849f;margin:12px 0 20px}
.sync-card>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e1f0;padding:9px 0 0;margin-top:7px;font-size:9px;color:#9e94ae}
.sync-card .pill{font-size:7px}

.privacy-section{padding:90px 0 60px}
.privacy-box{position:relative;text-align:center;border:1px dashed #c8c4d1;border-radius:25px;padding:70px 60px;background:radial-gradient(ellipse at 50% 20%,#f2eef9,transparent 60%)}
.lock-icon{position:absolute;top:-25px;left:calc(50% - 25px);width:50px;background:var(--paper);padding:0 8px;color:#827a95}
.lock-icon svg{width:34px;height:48px}
.privacy-box h2{font-size:58px}
.privacy-facts{display:flex;gap:12px;justify-content:center;margin:35px 0 28px;flex-wrap:wrap}
.privacy-facts>span{display:flex;align-items:center;gap:8px;border:1px solid #e5dfed;border-radius:20px;background:#ffffffa6;padding:10px 15px;font-size:10px;color:#7d6b8b}
.privacy-facts i{width:5px;height:5px;border-radius:50%;background:#aaa3cb}
.privacy-box>p{font-size:14px;line-height:1.8;color:#756a7d;max-width:510px;margin:auto}
.text-link{font-size:12px;display:inline-flex;gap:15px;margin-top:24px;border-bottom:1px solid #b8afc6;padding-bottom:6px;color:#8c7d9d}
.questions{padding:65px 0 130px;display:grid;grid-template-columns:1fr 1.1fr;gap:90px}
.questions h2{font-size:44px;letter-spacing:-2px;padding-top:12px}
.faq-list details{border-bottom:1px solid #e2dce7;padding:20px 0}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:13px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-size:20px;color:#b1a5bd;transition:transform 200ms}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list details p{font-size:12px;line-height:1.8;color:#796a83;margin:14px 25px 0 0}
.closing-cover{position:relative;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 25% 25%,#e0d9f7,transparent 60%),linear-gradient(130deg,#b7c3ed,#c6bfe8);padding:70px 30px 0}
.closing-logo{width:76px;margin:0 auto 24px;color:#77759d}
.closing-logo svg{width:100%;height:auto}
.closing-cover h2{font-size:clamp(39px,4.5vw,64px);color:#514b73}
.closing-cover>.button{margin-top:30px;background:#54506e}
.closing-cover>.availability{color:#8b82a4}
.footer-brand{font:clamp(180px,35vw,480px)/.78 var(--serif);color:#f9f7ff;letter-spacing:-.085em;padding-right:.08em;margin:65px 0 -15px;user-select:none}
footer{display:flex;align-items:center;gap:24px;padding:26px 0;font-size:10px;color:#aba2b0}
.footer-logo{display:flex;gap:5px;align-items:center;color:#81758f;margin-right:auto}
.footer-logo svg{height:28px;width:28px}
.footer-logo b{font:23px var(--serif);letter-spacing:-1.4px}

.enhanced [data-reveal]{transition:opacity 750ms var(--ease),transform 850ms var(--ease)}
.enhanced [data-reveal]:not(.is-visible){opacity:0;transform:translateY(24px)}
.demo-stage.is-animated .demo-panel .reference{animation:reference-settle 700ms var(--ease) both}
.demo-stage.is-animated .demo-panel .reference:nth-child(2){animation-delay:130ms}
.demo-stage.is-animated[data-step="0"] .direction.selected{animation:direction-focus 1600ms var(--ease) both}
.demo-stage.is-animated[data-step="1"] .script-line{opacity:.2;transform:translateY(4px)}
.demo-stage.is-animated[data-step="1"][data-cue="0"] .line-one,.demo-stage.is-animated[data-step="1"][data-cue="1"] .line-one,.demo-stage.is-animated[data-step="1"][data-cue="1"] .line-two,.demo-stage.is-animated[data-step="1"][data-cue="2"] .script-line{opacity:1;transform:none;color:#51455c}
.demo-stage.is-animated[data-step="1"] .take-strip .wave-svg path{stroke-dasharray:2200;animation:wave-reveal 2800ms var(--ease) both}
.demo-stage.is-animated[data-step="2"] .visual-mark svg{animation:mark-draw 5000ms var(--ease) both}
.demo-stage.is-animated[data-step="2"] .visual-mark svg path,.demo-stage.is-animated[data-step="2"] .visual-mark svg circle{stroke-dasharray:2600;stroke-dashoffset:2600;animation:stroke-draw 4300ms var(--ease) forwards}
.demo-stage.is-animated[data-step="2"] .video-track>span{animation:clip-in 650ms var(--ease) both}
.demo-stage.is-animated[data-step="2"] .video-track>span:nth-child(2){animation-delay:200ms}
.demo-stage.is-animated[data-step="2"] .video-track>span:nth-child(3){animation-delay:400ms}

@keyframes panel-arrive{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:none}
}
@keyframes window-arrive{from{opacity:0;transform:translateY(28px) scale(.99)}
to{opacity:1;transform:none}
}
@keyframes light-arrive{from{opacity:0;transform:translateX(-30px) rotate(-16deg)}
to{opacity:1;transform:rotate(-14deg)}
}
@keyframes reference-settle{from{opacity:0;transform:translateY(14px)}
to{opacity:1;transform:none}
}
@keyframes direction-focus{0%,30%{background:#fcfbfd;border-color:#eae7ef}
to{background:#f4f1fc;border-color:#c3badf}
}
@keyframes wave-reveal{from{stroke-dashoffset:2200}
to{stroke-dashoffset:0}
}
@keyframes mark-draw{from{opacity:.15;transform:scale(.9)}
to{opacity:1;transform:scale(1)}
}
@keyframes stroke-draw{to{stroke-dashoffset:0}
}
@keyframes clip-in{from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:none}
}

@media(min-width:1500px){.hero-cover{padding-top:150px}
.hero-brand{margin-top:28px}
.studio-window{max-width:1180px}
.studio-body{min-height:520px}
.demo-content{padding:35px 45px}
.reference{min-height:165px}
.direction{padding-block:14px}
.script-line{font-size:21px}
}

@media(max-width:1000px){.section-wrap{width:calc(100% - 64px)}
.hero-cover{padding:130px 32px 85px}
.studio-body{grid-template-columns:158px 1fr;min-height:465px}
.studio-sidebar{padding:20px 10px}
.demo-content{padding:24px}
.sidebar-brand{margin-bottom:30px}
.stage-tabs button{font-size:10px;padding:12px 9px;gap:7px}
.sidebar-project{font-size:9px}
.sidebar-bottom{font-size:7px}
.panel-description{font-size:10px}
.demo-panel h3{font-size:25px}
.reference{min-height:135px}
.direction strong{font-size:11px}
.flow-layout{gap:35px;grid-template-columns:.8fr 1.2fr}
.flow-tabs strong{font-size:24px}
.flow-tabs button{padding-left:13px;gap:10px}
.flow-screen-inner{padding:20px}
.flow-screen h3{font-size:23px}
.flow-screen{min-height:405px}
.flow-screen .reference{min-height:125px}
.flow-screen .reference>span{font-size:6px}
.flow-screen .reference>b{font-size:8px}
.flow-screen .line-study{transform:rotate(-15deg) scale(.8)}
.feature-card{padding:24px 23px 0;min-height:465px}
.feature-card>h3{font-size:23px}
.feature-card>p{font-size:11px}
.materials-grid{gap:6px}
.materials-grid>div{padding:6px 6px 12px}
.materials-grid>div>span{height:100px}
.questions{gap:45px}
.privacy-facts{gap:8px}
.privacy-facts>span{font-size:9px;padding:9px 11px}
}

@media(max-width:720px){html{scroll-padding-top:90px}
.section-wrap{width:calc(100% - 40px)}
.floating-nav{top:16px;gap:13px;padding:8px 14px 8px 8px;border-radius:14px}
.floating-nav nav{font-size:12px;gap:18px}
.nav-mark,.nav-mark svg{width:27px;height:27px}
.hero-cover{padding:115px 20px 66px}
.hero-cover h1{font-size:34px;line-height:1.1;max-width:400px;margin:auto}
.mobile-break{display:block}
.hero-brand{font-size:35vw;margin:36px 0 6px}
.studio-window{border-width:4px;border-radius:12px;max-width:560px}
.window-bar{height:31px;padding:0 10px;font-size:8px}
.traffic{min-width:32px;gap:4px}
.traffic i{width:6px;height:6px}
.bar-end{min-width:32px}
.studio-body{display:flex;flex-direction:column;min-height:450px}
.studio-sidebar{padding:10px 12px;border-right:0;border-bottom:1px solid #e2dfed;display:block}
.sidebar-brand,.sidebar-label,.sidebar-project,.sidebar-bottom{display:none}
.stage-tabs{display:flex;gap:5px}
.stage-tabs button{flex:1;justify-content:center;font-size:10px;padding:10px 5px;white-space:nowrap;gap:6px}
.stage-tabs button span{font-size:8px}
.demo-content{padding:22px 20px;min-height:402px}
.panel-heading{margin-bottom:14px}
.overline{font-size:8px}
.pill{font-size:8px;padding:4px 7px}
.demo-panel h3{font-size:25px}
.panel-description{font-size:10px;line-height:1.5;margin:7px 0 17px}
.research-tiles{gap:9px;margin-bottom:14px}
.reference{min-height:125px;padding:10px}
.reference>span{font-size:6px}
.reference>b{font-size:9px;left:10px;bottom:11px}
.mini-wave{inset:35px 10px 32px}
.reference .line-study{transform:rotate(-15deg) scale(.8);top:25px}
.direction{padding:10px;gap:10px;margin-top:7px}
.direction small{font-size:6px}
.direction strong{font-size:11px}
.hero-curve{bottom:-61px;height:101px;width:130%;left:-15%}
.demo-bridge{margin:-13px auto 0}
.button{min-height:45px;font-size:12px;padding:14px 24px}
.player-buttons .button{min-width:245px}
.replay{width:45px}
.demo-caption{margin-inline:0;font-size:8px}
.availability{font-size:10px}
.flow-section{padding:96px 0 35px}
.flow-section>h2{font-size:43px;margin-bottom:35px}
.flow-layout{display:flex;flex-direction:column;gap:29px}
.flow-tabs{width:100%;gap:8px}
.flow-tabs button{padding:12px 8px 12px 17px;gap:15px}
.flow-tabs strong{font-size:24px}
.flow-description{font-size:11px;margin-top:8px;max-width:330px}
.flow-visual{width:100%}
.flow-screen{min-height:403px;border-width:3px}
.flow-screen h3{font-size:26px}
.flow-screen-inner{padding:25px 23px}
.flow-screen .reference{min-height:132px}
.flow-screen .reference b{font-size:10px}
.flow-screen .reference>span{font-size:7px}
.insight{padding:14px}
.illustration-label{font-size:6px}
.voice-document p{font-size:17px}
.voice-screen .flow-screen-inner{padding:24px}
.assembly-screen .flow-screen-inner{padding:20px}
.assembly-screen .video-canvas{aspect-ratio:1.5}
.assembly-screen .visual-mark{width:42%}
.features-section{padding:65px 0 45px}
.features-section>h2{font-size:42px;margin-bottom:35px}
.feature-grid{display:flex;flex-direction:column;gap:14px}
.feature-card{min-height:430px;padding:23px 24px 0}
.feature-card>h3{font-size:25px;max-width:330px}
.feature-card>p{font-size:12px;max-width:320px}
.feature-visual{margin-top:25px;min-height:240px}
.feature-0 .feature-visual{margin-top:36px}
.feature-0{min-height:455px}
.feature-1{min-height:430px}
.template-grid{justify-content:center;gap:10px;margin-top:5px;min-width:0}
.template-grid>div{min-width:95px;padding:14px 11px}
.template-grid b{font-size:24px}
.template-grid small{font-size:4px}
.audio-card{margin-top:25px}
.connected-chat{padding-top:2px}
.chat-response{margin-right:10px;padding:20px 15px}
.chat-you{max-width:92%;font-size:11px}
.materials-grid{gap:8px;padding-top:8px}
.materials-grid>div>span{height:118px}
.materials-grid b{font-size:9px}
.sync-card{margin:0 10px}
.privacy-section{padding:65px 0 35px}
.privacy-box{padding:55px 22px 40px;border-radius:18px}
.privacy-box h2{font-size:44px}
.privacy-facts{gap:7px;margin:24px -10px}
.privacy-facts>span{font-size:9px;padding:8px 10px}
.privacy-box>p{font-size:12px;line-height:1.8}
.text-link{font-size:11px}
.questions{display:block;padding:45px 0 75px}
.questions h2{font-size:38px;margin-bottom:20px}
.faq-list summary{font-size:12px}
.faq-list details p{font-size:11px}
.closing-cover{padding:47px 20px 0}
.closing-logo{width:60px;margin-bottom:18px}
.closing-cover h2{font-size:40px}
.closing-cover>.button{margin-top:25px}
.footer-brand{font-size:42vw;line-height:.8;margin-top:50px;margin-bottom:-7px}
footer{gap:15px;flex-wrap:wrap;padding:23px 0;font-size:8px}
.footer-logo b{font-size:22px}
.footer-logo svg{height:24px;width:24px}
.script-document{padding:18px 20px}
.script-line{font-size:19px;margin:14px 0}
.document-label{font-size:7px}
.document-foot{font-size:6px;bottom:10px}
.take-strip{margin-top:12px;padding:9px 12px;gap:10px}
.take-strip .wave-svg{height:19px}
.take-strip b{font-size:8px}
.edit-layout{grid-template-columns:1fr;gap:0;margin-top:17px}
.edit-layout .video-canvas{aspect-ratio:1.7}
.edit-layout .visual-mark{width:35%}
.asset-list{display:none}
.video-caption{font-size:9px;bottom:12px}
.edit-timeline{margin-top:17px}
.video-track{height:32px}
.audio-track{height:25px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.enhanced [data-reveal]:not(.is-visible){opacity:1;transform:none}
.demo-stage.is-animated .script-line{opacity:1!important;transform:none!important}
.demo-stage.is-animated .visual-mark svg path,.demo-stage.is-animated .visual-mark svg circle{stroke-dashoffset:0!important}
}


.demo-stage.is-animated:not(.is-running) .demo-panel,.demo-stage.is-animated:not(.is-running) .demo-panel *{animation-play-state:paused!important}


/* Stable preview dimensions keep controls still during the walkthrough. */
.studio-body{min-height:520px}
.demo-content{height:520px}

@media(max-width:720px){.studio-body{min-height:0}
.demo-content{height:464px;min-height:464px}
}