/* November 3: mobile-first, quieter motion demos and a richer Pro comparison */
header{gap:14px}header .closing-row{margin:0;gap:7px}header .closing,header .last-chance{font-size:11px;padding:6px 10px}
.pair{padding-bottom:0;max-width:540px}.pair .reel{aspect-ratio:9/16}.hero{min-height:calc(100svh - 78px - var(--landing-cta-height,84px));padding-bottom:65px}.scroll-cue{bottom:16px;width:40px;height:36px;color:var(--blue)}.scroll-cue svg{width:30px;height:30px;animation:scroll-nudge 1.8s infinite}.cta-arrow{background:transparent;border-radius:0}.cta-arrow svg{width:23px;height:23px}
.reel video{pointer-events:none;object-fit:cover}.rail{touch-action:pan-x pan-y;overscroll-behavior-x:contain;scroll-behavior:auto;cursor:grab}.rail:active{cursor:grabbing}.rail figure{user-select:none}.rail figure[data-distance='1']{opacity:.72}.rail figure[data-distance='2'],.rail figure[data-distance='3']{opacity:.5}.rail figure.is-current{opacity:1}.control-row h3{color:var(--blue);text-align:center;font-size:25px;margin-bottom:22px!important}.control-stack{gap:64px}.control-row{padding:26px 0}.control-row+ .control-row{border-left:1px solid var(--line)}.details{padding-inline:max(30px,calc((100vw - 1320px)/2))}.control-row .rail figure{flex-basis:152px!important}.control-row .carousel{mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.control-row .reel{border-radius:12px}.details .heading{text-align:center}.also-includes{margin-top:40px}
.drop-scene .chat-window{background:#faf7f2;border-color:#d9c5b6}.drop-target{background:#f1e7dc;border-color:#bd795c;color:#925235}.drop-scene .attached{background:#e8d3c1;color:#844a32}.drop-scene .moving-file svg{background:#c77955}.drop-scene .chat-window .window-bar{color:#6e4432;font-weight:650}
.last>p{color:var(--muted)}.last .cta-dock{margin-top:75px}.last{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh}.last .cta-dock{width:100%;max-width:440px}
body[data-page=compare]{--compare-preview-width:180px}.compare-intro h1{font-size:clamp(23px,5.5vw,64px);white-space:nowrap;letter-spacing:-.055em}.compare-intro{padding:40px 12px}.compare-head,.comparison{padding-inline:max(0px,calc((100vw - 1160px)/2))}.compare-head{background:#fff}.comparison{background:#fff;isolation:isolate;overflow:hidden}.comparison:before{z-index:-1;background:radial-gradient(ellipse at 20% 10%,#9ec4ff70,transparent 32%),radial-gradient(ellipse at 80% 45%,#c1adff60,transparent 30%),linear-gradient(150deg,#edf3ff,#e1eaff 48%,#f3f0ff)}.comparison:after{content:'';position:absolute;pointer-events:none;left:50%;right:0;top:-25%;height:150%;z-index:-1;background:linear-gradient(125deg,transparent 35%,#fff9 45%,#a4c6ff33 50%,transparent 60%);animation:pro-sheen 10s ease-in-out infinite}
@keyframes pro-sheen{0%,100%{transform:translateY(-8%);opacity:.35}50%{transform:translateY(8%);opacity:.85}}@keyframes pro-star{0%,100%{transform:scale(.65) rotate(0);opacity:.3}50%{transform:scale(1.15) rotate(35deg);opacity:.9}}
.pro-cell:before,.pro-cell:after{background:#5985ff;animation:pro-star 5s ease-in-out infinite}.pro-cell:after{animation-delay:-2.5s}.compare-head>div:last-child{background:linear-gradient(120deg,#e8f0ff,#e4ddff,#f4f6ff);color:#144cff}.comparison .compare-row{padding:0 0 26px;border:0}.comparison .compare-row>h2{background:#f4f6fb;border-block:1px solid #d9e0f0;font-size:24px;padding:16px 10px;margin:0 0 20px}.comparison .compare-grid>div{padding-inline:20px}.comparison .compare-grid h3{font-size:18px;margin-bottom:14px}.comparison .compare-grid .reel{width:var(--compare-preview-width)!important;aspect-ratio:9/16!important}.comparison .compare-grid .carousel{width:100%;max-width:100%;margin:auto}.comparison .compare-grid .rail{width:100%;max-width:none;gap:18px}.comparison .compare-grid .rail figure{flex-basis:var(--compare-preview-width)!important}.comparison .compare-grid .rail figcaption{font-size:13px;min-height:26px}.motion-stack{width:var(--compare-preview-width)}.not-included{height:100%;min-height:160px;display:grid;place-items:center;font-size:18px;color:var(--muted);text-align:center}
.caption-rows{display:grid;gap:8px}.caption-ticker{height:52px;max-width:100%;margin:0 auto;width:100%}.caption-rows .caption-ticker:nth-child(2) .caption-track{animation-direction:reverse;animation-duration:29s}.caption-rows .caption-ticker:nth-child(3) .caption-track{animation-delay:-9s}.captions-comparison .free-cell{display:flex;flex-direction:column}.captions-comparison .free-cell>.caption-ticker{margin-block:auto}.captions-comparison .free-cell h3{margin-bottom:14px}.caption-sample,.caption-blue,.caption-boxed{font-size:21px;padding:8px 12px}.repurpose-map{max-width:430px}.repurpose-outputs{gap:8px;grid-template-columns:1.3fr 1fr 1fr}.repurpose-outputs>div>span{font-size:clamp(9px,1.1vw,15px);font-weight:650;white-space:nowrap;color:#1d3ba3}.repurpose-row .compare-grid .repurpose-source .reel{width:75px!important}.repurpose-source{width:75px}.repurpose-outputs .output-reel{height:70px}.carousel-stack,.stories-stack{height:145px}.carousel-stack img{height:105px}.stories-stack img{height:125px}.pro-close{min-height:calc(100svh - 140px);display:flex;align-items:center;justify-content:center;padding:60px 20px}.pro-close h2{font-size:clamp(39px,7vw,86px);max-width:900px}.pro-close h2 span{color:var(--blue)}
@media(max-width:900px) and (min-width:701px){.control-stack{gap:25px}.control-row .rail figure{flex-basis:125px!important}.hero{gap:28px}.hero h1{font-size:64px}body[data-page=compare]{--compare-preview-width:146px}}
@media(max-width:700px){
 header{height:58px;gap:8px;padding-inline:14px}header .brand{font-size:21px}header .closing-row{gap:4px;flex:1;justify-content:center}header .closing,header .last-chance{font-size:8px;padding:5px 6px}header>a:last-child{font-size:10px;white-space:nowrap}
 .hero{min-height:calc(100svh - 58px - var(--landing-cta-height,80px));padding:18px 18px 53px}.hero h1{font-size:clamp(43px,12.8vw,69px)}.hero-demo{max-width:360px;margin-top:20px}.pair{max-width:342px;padding-bottom:0;gap:24px}.pair .reel{height:35svh;min-height:200px;max-height:310px}.pair figcaption{font-size:9px}.scroll-cue{bottom:10px}.scroll-cue svg{width:27px;height:27px}
 .details{padding:34px 16px}.control-stack{gap:22px}.control-row{padding:0}.control-row+ .control-row{border:0;padding-top:16px;border-top:1px solid #e5eaf7}.control-row h3{font-size:20px;margin-bottom:9px!important}.control-row .rail figure{flex-basis:25%!important}.control-row .rail{gap:16px}.control-row .reel{aspect-ratio:9/16!important}.details .heading h2{font-size:clamp(23px,6.4vw,35px);max-width:none}.also-includes{margin-top:22px}
 .workflow li:nth-child(2){grid-template-columns:1fr 1.38fr}.workflow li:nth-child(2) .workflow-copy{position:static;max-width:none;align-self:center}.workflow li:nth-child(2) .workflow-scene{width:auto;margin-left:0}.workflow li:nth-child(2) .workflow-copy h3{font-size:21px}.answers{grid-template-rows:auto}.answers article>p:last-child{font-size:12px;line-height:1.5}.answers h3{font-size:19px}.objections{height:auto;min-height:calc(100svh - 80px)}.last .cta-dock{margin-top:64px}
 body[data-page=compare]{--compare-preview-width:82px}.compare-intro{padding:30px 10px}.compare-intro h1{font-size:clamp(22px,6.3vw,40px)}.comparison,.compare-head{padding-inline:0}.comparison .compare-row{padding-bottom:18px}.comparison .compare-row>h2{font-size:19px;padding:12px 8px;margin-bottom:12px}.comparison .compare-grid>div{padding-inline:8px}.comparison .compare-grid h3{font-size:12px;margin-bottom:9px}.comparison .compare-grid .rail{gap:12px}.comparison .compare-grid .rail figcaption{font-size:10px;margin-top:5px;min-height:24px}.not-included{font-size:13px;min-height:174px}.caption-ticker{height:43px}.caption-sample,.caption-blue,.caption-boxed{font-size:18px;padding:7px 10px}.caption-rows{gap:6px}.repurpose-row .compare-grid h3{font-size:11px}.repurpose-outputs{gap:3px}.repurpose-outputs>div>span{font-size:clamp(8px,2.35vw,11px);letter-spacing:-.04em}.repurpose-outputs .output-reel{height:38px}.carousel-stack,.stories-stack{height:82px}.carousel-stack img{height:60px}.stories-stack img{height:68px}.repurpose-row .compare-grid .repurpose-source .reel{width:46px!important}.repurpose-source{width:46px}.pro-close{min-height:calc(100svh - 135px)}.pro-close h2{font-size:clamp(38px,10vw,60px)}
}
@media(max-width:700px) and (max-height:700px){.hero{padding-top:10px;padding-bottom:42px}.hero h1{font-size:clamp(35px,10.8vw,50px)}.hero .subhead{font-size:11px;margin-top:10px}.hero-demo{margin-top:12px;max-width:285px}.pair .reel{height:29svh;min-height:155px;max-height:200px}.scroll-cue{bottom:6px;height:30px}.pair{max-width:280px}.how-v3{height:auto;min-height:540px}.workflow-copy p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.comparison:after,.pro-cell:before,.pro-cell:after,.scroll-cue svg{animation:none}.rail{scroll-behavior:auto}}

.timeline-variant{isolation:isolate}.timeline-variant .paper,.timeline-variant .details,.timeline-variant .requirements,.timeline-variant .last{background:transparent}.timeline-variant .hero-copy,.timeline-variant .heading,.timeline-variant .workflow-copy,.timeline-variant .requirement-copy,.timeline-variant .last>h2,.timeline-variant .last>p{position:relative;z-index:1}.timeline-variant .hero-copy:before,.timeline-variant .heading:before{content:'';position:absolute;inset:-25px;background:#fffffff2;filter:blur(24px);z-index:-1}.edit-timeline{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#fcfdff;opacity:.7;padding-top:100px;transform:rotate(-7deg) scale(1.15);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 90%,transparent)}.timeline-ruler{display:flex;justify-content:space-between;border-block:1px solid #aac1ff;padding:10px 20px;font-size:10px;color:#426ad0;background:repeating-linear-gradient(90deg,#aac1ff 0 1px,transparent 1px 18px)}.timeline-lane{border-bottom:1px solid #c9d7fa;height:110px;padding:14px 0}.timeline-strip{display:flex;width:max-content;gap:13px;animation:timeline-drift 40s linear infinite}.lane-1 .timeline-strip{animation-duration:52s;animation-delay:-18s}.lane-2 .timeline-strip{animation-duration:35s;animation-delay:-11s}.lane-3 .timeline-strip{animation-duration:48s}.timeline-clip{display:block;position:relative;width:calc(130px + var(--clip)*65px);height:80px;border:1px solid #789cff;border-radius:7px;background:linear-gradient(120deg,#e7eeff,#c2d4ff);box-shadow:inset 3px 0 #527cff}.timeline-clip small{display:block;font-size:9px;letter-spacing:.14em;color:#5679ce;padding:9px}.lane-1 .timeline-clip{height:40px;margin-top:16px;background:#e5e4ff;border-color:#acb3ef}.lane-2 .timeline-clip{background:linear-gradient(110deg,#edf4ff,#d6deff)}.timeline-playhead{position:absolute;left:53%;top:100px;bottom:0;width:2px;background:#144cff66;z-index:2}.timeline-playhead:before{content:'';position:absolute;top:0;left:-6px;width:14px;height:14px;background:#144cff88;clip-path:polygon(0 0,100% 0,50% 100%)}.wave{display:block;height:26px;margin:0 12px;background:repeating-linear-gradient(90deg,#517ced66 0 2px,transparent 2px 5px);clip-path:polygon(0 40%,5% 20%,10% 60%,15% 0,20% 50%,25% 20%,30% 40%,35% 5%,40% 60%,45% 20%,50% 50%,55% 0,60% 60%,65% 25%,70% 50%,75% 10%,80% 40%,85% 0,90% 50%,95% 30%,100% 40%,100% 75%,90% 85%,80% 75%,70% 95%,60% 80%,50% 95%,40% 80%,30% 100%,20% 80%,10% 100%,0 80%)}@keyframes timeline-drift{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.timeline-strip{animation:none}}
.preorder-banner{text-align:center;background:#121a33;color:#fff;padding:28px 20px}.preorder-banner>span{font-size:12px;letter-spacing:.12em;color:#a9c2ff}.preorder-banner p{margin-top:13px;line-height:1.6;font-size:13px}.preorder-banner strong{font-size:44px;letter-spacing:-.05em;margin-right:10px}.preorder-banner s{font-size:24px;color:#8c99ba}.preorder-banner small{display:block;font-size:11px;color:#aebad2}.preorder-sticky{text-align:center}.preorder-sticky form,.preorder-sticky>.cta{max-width:480px;margin:auto}.preorder-sticky small{display:block;margin-top:10px;color:#66718a;font-size:11px}.cta:disabled{opacity:.65;cursor:default}.save-badge{font-size:11px;padding:4px 8px;border-radius:4px;background:#3356a6;color:white}.preorder-result{max-width:900px;margin:auto;padding:90px 24px;min-height:75svh}.preorder-result h1{font-size:clamp(35px,6vw,58px)}.preorder-result p{font-size:17px;color:#64718a;line-height:1.6;margin:24px 0}
@media(max-width:700px){.hero .pair{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .pair figure{min-width:0}.hero .pair .reel{width:100%;height:auto;min-height:0;max-height:36svh}.hero .pair figcaption{white-space:normal;min-height:12px}}
