@font-face{font-family:Golos;src:url('assets/golos-text-latin.woff2') format('woff2');font-display:swap;font-weight:400 900}
:root{--blue:#144cff;--ink:#111527;--muted:#626a7c;--line:#dce3f6;--paper:#f8faff;--soft:#edf2ff;font-family:Golos,Arial,sans-serif;color:var(--ink);background:white;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;padding-bottom:100px}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffae00;outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:650;letter-spacing:-.065em;line-height:1.04}h1{font-size:clamp(44px,7vw,88px)}h2{font-size:clamp(34px,5vw,58px)}h3{letter-spacing:-.025em}.skip{position:fixed;top:-80px;background:white;z-index:100}.skip:focus{top:0}.preview-note{text-align:center;font-size:11px;padding:8px;background:var(--soft);color:#495578}header{max-width:1160px;margin:auto;height:78px;padding:0 30px;display:flex;justify-content:space-between;align-items:center}header>a:last-child{font-size:13px;text-decoration:none}.brand{font-weight:750;font-size:27px;letter-spacing:-.06em;text-decoration:none}.brand span{color:var(--blue);padding-left:4px}section{padding:80px max(24px,calc((100vw - 1100px)/2))}.paper{background-color:var(--paper);background-image:linear-gradient(#dfe6f0 1px,transparent 1px),linear-gradient(90deg,#dfe6f0 1px,transparent 1px);background-size:32px 32px}.heading{margin-bottom:38px}.heading p{margin-top:18px;color:var(--muted);font-size:17px;line-height:1.5}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding-top:58px;padding-bottom:64px}.closing{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--blue);border-radius:30px;padding:9px 15px;color:var(--blue);background:white;font-size:13px;margin-bottom:26px}.closing i{width:7px;height:7px;border-radius:50%;background:var(--blue);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.25}}h1 s{color:#a1a8b9;text-decoration-color:var(--blue);text-decoration-thickness:3px}h1 span{color:var(--blue)}.subhead{font-size:18px;line-height:1.4;margin-top:24px;font-weight:550;letter-spacing:-.025em}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pair figcaption{font-size:11px;font-weight:650;white-space:nowrap;margin-bottom:10px;text-align:center}.reel{position:relative;aspect-ratio:9/16;background:#dbe2e9;border-radius:18px;overflow:hidden;border:1px solid #d1d9ea;isolation:isolate}.reel video{width:100%;height:100%;object-fit:cover;display:block}.reel.edited{border:2px solid var(--blue)}.reel.edited video{filter:none}.sample{position:absolute;left:8px;top:8px;padding:4px 6px;border-radius:4px;background:#ffffffd9;color:#384154;font-size:9px}.play{position:absolute;bottom:10px;right:10px;border:none;width:38px;height:38px;border-radius:50%;background:white;color:var(--ink);box-shadow:0 2px 14px #0002;font-size:13px}.demo-caption{position:absolute;bottom:25%;left:8%;right:8%;text-align:center;font-size:clamp(17px,2.2vw,28px);font-weight:750;color:white;text-shadow:0 2px 6px #0009;line-height:1.05;letter-spacing:-.04em}.media-note{font-size:10px;line-height:1.5;color:var(--muted);text-align:center;margin:14px 0}.cta{background:var(--blue);color:#fff;min-height:56px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:17px;font-weight:650;text-decoration:none;padding:15px 24px;width:100%;box-shadow:0 3px 0 #0d33bd}.cta:hover{background:#073be6}.hero-demo>.cta{margin-top:20px}.styles{border-top:1px solid var(--line)}.styles .heading{text-align:center}.rail{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:20px;scrollbar-width:none;padding:4px 2px 12px}.rail::-webkit-scrollbar{display:none}.rail figure{flex:0 0 26%;scroll-snap-align:center;min-width:0}.rail figcaption{text-align:center;font-size:14px;font-weight:600;margin-top:12px}.rail-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:12px}.rail-controls button{width:44px;height:44px;background:white;border:1px solid #cbd4e9;border-radius:50%;font-size:20px;color:var(--blue)}.rail-controls span{font-size:12px;color:var(--muted);min-width:42px;text-align:center}.control-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.control-row h3{font-size:26px;margin-bottom:18px}.control-row .rail figure{flex-basis:82%}.control-row .rail{gap:12px}.control-row .rail figcaption{font-size:12px}.setup{display:flex;align-items:center;gap:30px;max-width:700px;background:white;border:1px solid var(--line);border-radius:12px;padding:20px 25px;margin:0 auto 50px}.setup>span{color:var(--muted);font-size:13px}.setup>div{display:flex;align-items:center;gap:12px}.setup b{font-size:24px;color:var(--blue)}.setup strong{font-size:16px;font-weight:550}.setup i{font-style:normal;color:var(--muted);margin:0 8px}.how>.heading{text-align:center}.every{text-align:center;color:var(--blue);font-weight:600;margin-bottom:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps article{text-align:center}.step-art{height:220px;background:white;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:22px}.steps h3{font-size:28px}.steps p{font-size:13px;margin-top:8px;color:var(--muted)}.file{border:1.5px dashed var(--blue);color:var(--blue);padding:24px 20px;font-size:35px;border-radius:10px;transform:rotate(-7deg);background:var(--soft)}.file small{display:block;font-size:12px;margin-top:12px}.cursor{position:absolute;right:20%;bottom:20%;color:var(--blue);font-size:42px}.pick{flex-direction:column;gap:8px;padding:24px}.pick>span{border:1px solid var(--line);border-radius:7px;padding:12px 16px;width:100%;text-align:left;font-size:14px}.pick>span:first-child{border-color:var(--blue);color:var(--blue)}.pick b{float:right}.pick .prompt{font-size:11px;color:var(--muted);background:var(--paper)}.post>div{color:var(--blue);font-size:36px}.post span,.post small{display:block}.post span{font-size:18px;margin-top:12px}.post small{font-size:12px;color:var(--muted);margin-top:9px}.requirements{display:grid;grid-template-columns:1fr 1fr;gap:60px}.needs article{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.needs article:first-child{padding-top:0}.needs h3{font-size:19px}.needs p{font-size:14px;color:var(--muted);line-height:1.6;margin-top:8px}.need-icon{color:var(--blue);font-size:30px;min-width:35px}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.answers article{padding:30px;background:white;border:1px solid var(--line);border-radius:12px}.answers .question{font-size:15px;color:var(--blue);line-height:1.5;margin-bottom:28px}.answers h3{font-size:23px;line-height:1.15;margin-bottom:15px}.answers article>p:last-child{font-size:14px;color:var(--muted);line-height:1.6}.last{text-align:center;background:white}.asterisk{color:var(--blue);font-size:64px;display:block;margin-bottom:20px}.last .cta{max-width:440px;margin:30px auto 0}.sticky{position:fixed;bottom:0;left:0;right:0;padding:12px 20px max(12px,env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:20}.landing-sticky .cta{max-width:440px;margin:auto}footer{max-width:1100px;margin:auto;padding:40px 24px;border-top:1px solid var(--line)}footer .brand{font-size:20px}footer p{font-size:12px;color:var(--muted);margin-top:10px}footer nav{display:flex;gap:22px;flex-wrap:wrap;margin:22px 0}footer nav a{font-size:12px}footer small{font-size:10px;color:var(--muted)}.compare-intro{text-align:center;padding-block:40px}.compare-intro h1{font-size:clamp(38px,6vw,68px);margin-top:24px}.compare-intro p{font-size:15px;margin-top:20px;color:var(--muted)}.back{font-size:12px;color:var(--muted)}.compare-head{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr 1fr;background:white;border-block:1px solid var(--line);padding-inline:max(16px,calc((100vw - 900px)/2))}.compare-head>div{text-align:center;padding:16px;display:flex;justify-content:center;gap:18px;align-items:center}.compare-head>div:last-child{color:var(--blue);background:var(--soft);border-left:1px solid var(--line)}.compare-head span{font-weight:650;font-size:18px}.compare-head strong{font-size:28px;letter-spacing:-.04em}.compare-head small{font-size:11px;font-weight:400}.comparison{padding:0 max(16px,calc((100vw - 900px)/2))}.compare-row{padding:42px 0 28px;border-bottom:1px solid #cdd7ef}.compare-row>h2{text-align:center;font-size:28px;letter-spacing:-.04em;margin-bottom:24px}.compare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compare-grid>div{padding:0 30px;min-width:0}.compare-grid>div+div{border-left:1px solid #bacbf9}.compare-grid h3{text-align:center;font-size:17px;line-height:1.35;min-height:46px}.pro-cell h3{color:var(--blue)}.compare-grid .reel{max-width:260px;margin:auto}.compare-grid .rail figure{flex:0 0 100%}.compare-grid .rail{gap:12px}.compare-grid .rail figcaption{font-size:12px}.compare-grid .rail-controls{gap:10px;margin-top:5px}.compare-grid .rail-controls button{width:36px;height:36px}.empty{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:64px;color:#adb7cc}.empty p{font-size:12px;color:var(--muted);line-height:1.5;text-align:center;margin-top:10px}.repurpose{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;max-width:260px;margin:auto}.repurpose>span{aspect-ratio:9/12;background:var(--blue);border-radius:8px;display:grid;place-items:center;color:white;font-size:26px}.repurpose>div{background:white;border:1px solid #b8caff;border-radius:6px;padding:14px 5px;text-align:center;font-size:12px;color:var(--blue)}.also{padding:48px 16px}.also h2{font-size:30px;text-align:center}.also>div{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.also h3{font-size:18px}.also p{color:var(--muted);font-size:14px;line-height:1.6;margin-top:12px}.also .shared{text-align:center;margin-top:35px}.choose-sticky{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap}.choose-sticky>.cta{max-width:360px}.switch{display:flex;gap:4px;background:var(--soft);padding:4px;border-radius:8px}.switch button{padding:12px 15px;border:0;background:transparent;color:var(--muted);border-radius:6px;font-size:13px;min-height:42px}.switch button[aria-pressed=true]{background:white;color:var(--blue);box-shadow:0 1px 5px #00267022;font-weight:650}.choose-sticky>small{font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:16px;max-width:430px;width:calc(100% - 32px);padding:36px}dialog::backdrop{background:#0c173e88}dialog h2{font-size:32px;margin-top:18px}dialog p{line-height:1.6;color:var(--muted);font-size:15px;margin:22px 0}.close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:28px;width:40px;height:40px}
@media(max-width:700px){body{padding-bottom:88px}header{height:62px;padding-inline:20px}.brand{font-size:24px}section{padding:50px 20px}.hero{display:block;padding-top:25px;padding-bottom:40px}.hero-copy{text-align:center}.closing{font-size:11px;padding:7px 12px;margin-bottom:20px}.hero h1{font-size:clamp(40px,11vw,61px);line-height:1.01}.hero h1 br:nth-of-type(2){display:none}.hero h1 span{display:block}.subhead{font-size:14px;margin-top:17px}.hero-demo{max-width:410px;margin:26px auto 0}.pair{gap:12px}.pair figcaption{font-size:clamp(9px,2.6vw,12px);margin-bottom:8px}.hero .reel{border-radius:14px}.hero .cta{display:none}.hero .media-note{margin-bottom:0}.demo-caption{font-size:21px}.heading{margin-bottom:25px}.heading h2{font-size:34px}.heading p{font-size:14px;margin-top:13px}.styles{padding-inline:0}.styles .heading{padding-inline:24px}.styles .rail{padding-inline:18%;gap:14px}.styles .rail figure{flex:0 0 100%;max-width:245px}.styles .rail figcaption{font-size:15px}.control-stack{display:block}.details{padding-top:42px;padding-bottom:35px}.details .heading h2{font-size:30px;max-width:280px}.control-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;align-items:center;margin-top:22px}.control-row h3{font-size:18px;margin:0}.control-row .rail figure{flex-basis:45%}.control-row .rail{gap:9px;padding-bottom:4px}.control-row .rail figcaption{font-size:10px;margin-top:6px}.control-row .reel{border-radius:9px;aspect-ratio:9/12}.control-row .rail-controls{justify-content:flex-end;margin-top:4px;gap:8px}.control-row .rail-controls button{height:30px;width:30px;font-size:15px}.control-row .rail-controls span{font-size:10px;min-width:30px}.control-row .sample{font-size:6px;left:4px;top:4px;padding:3px}.control-row .play{width:26px;height:26px;font-size:9px;right:5px;bottom:5px}.setup{gap:12px;padding:15px 12px;margin-bottom:28px;flex-direction:column}.setup>span{font-size:11px}.setup>div{gap:9px}.setup strong{font-size:14px}.setup b{font-size:21px}.setup i{margin:0 5px}.every{font-size:13px;margin-bottom:18px}.steps{gap:10px}.step-art{height:135px;border-radius:10px;margin-bottom:15px}.steps h3{font-size:21px}.steps p{font-size:10px;line-height:1.4}.file{font-size:24px;padding:18px 8px}.file small{font-size:7px}.cursor{font-size:28px;right:6%;bottom:8%}.pick{padding:8px;gap:6px}.pick>span{font-size:10px;padding:8px 6px}.pick .prompt{font-size:7px}.post>div{font-size:26px}.post span{font-size:11px}.post small{font-size:8px}.requirements{display:block}.needs article{padding:22px 0}.needs article:first-child{padding-top:8px}.needs h3{font-size:17px}.needs p{font-size:13px}.answers{grid-template-columns:1fr 1fr;gap:10px}.answers article{padding:20px 15px}.answers .question{font-size:12px;margin-bottom:20px}.answers h3{font-size:20px}.answers article>p:last-child{font-size:12px;line-height:1.55}.last h2{font-size:42px}.last .cta{margin-top:25px}.sticky{padding:10px 16px max(12px,env(safe-area-inset-bottom))}.cta{min-height:52px;font-size:16px}.compare-intro{padding:25px 20px 32px}.compare-intro h1{font-size:42px}.compare-intro p{font-size:13px;line-height:1.5}.compare-head>div{padding:13px 8px;gap:12px}.compare-head span{font-size:16px}.compare-head strong{font-size:23px}.compare-head small{font-size:10px}.compare-row{padding-top:30px}.compare-row>h2{font-size:23px;margin-bottom:18px}.compare-grid>div{padding-inline:10px}.compare-grid h3{font-size:14px;min-height:45px}.compare-grid .reel{border-radius:11px}.compare-grid .sample{font-size:7px;left:5px;top:5px}.compare-grid .play{width:30px;height:30px;right:7px;bottom:7px;font-size:10px}.compare-grid .rail-controls{gap:6px}.compare-grid .rail-controls button{width:30px;height:30px;font-size:16px}.compare-grid .rail-controls span{font-size:10px;min-width:30px}.empty{min-height:210px;font-size:50px}.repurpose{gap:7px}.repurpose>div{font-size:10px;padding:12px 3px}.also{padding:35px 8px}.also h2{font-size:28px}.also>div{gap:20px}.also h3{font-size:17px}.also p{font-size:12px}.choose-sticky{gap:7px;display:grid;grid-template-columns:1fr}.choose-sticky .switch{justify-self:center;padding:3px}.switch button{min-height:32px;padding:7px 20px;font-size:11px}.choose-sticky>.cta{max-width:none}.choose-sticky>small{text-align:center;font-size:9px}body[data-page=compare]{padding-bottom:145px}footer{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.closing i{animation:none}}
@media(max-width:700px){.details{padding-block:32px}.control-row{margin-top:14px}.control-row .rail figure{flex-basis:38%}}