@font-face{font-family:Inter;src:url('/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Figtree;src:url('/fonts/figtree-latin.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{--paper:#fefdfb;--ink:#213130;--muted:#6e6e68;--accent:#b0ec9c;--line:#e2e8e1;--white:#fff;font-family:Figtree,Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ff7d5c;outline-offset:5px}h1,h2,h3,p{margin:0}button{border:0}section[id]{scroll-margin-top:82px}.skip-link{position:fixed;left:16px;top:-80px;padding:12px;background:white;z-index:100}.skip-link:focus{top:8px}
.site-header{height:63px;background:var(--paper)}.nav-wrap{max-width:1280px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;gap:20px}.wordmark{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:750;letter-spacing:-.4px}.wordmark img{width:28px;height:28px;border-radius:8px}.nav-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:4px}.nav-links a{padding:10px 16px;font-size:14px;font-weight:500}.nav-links a:hover{background:#e8eae2;border-radius:6px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:999px;padding:12px 28px;font-size:16px;font-weight:550;line-height:24px;box-shadow:0 3px 5px #0000000d;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:white}.primary:hover{background:#e93e18}.secondary,.sign-in{background:white}.button img{width:16px;height:16px}.sign-in{font-size:14px;padding:8px 20px;border:1px solid #e9e9e6;line-height:21px}.dark{background:#252729;color:white}.mobile-menu{display:none}
.hero{text-align:center;padding-top:62px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#99976a}h1{font-size:clamp(36px,3.12vw,48px);line-height:1.17;letter-spacing:-1.8px;font-weight:800}.hero-subtitle{font-size:19px;font-weight:600;line-height:28px;color:var(--muted);margin:16px 16px 24px}.hero-actions{display:flex;justify-content:center;gap:8px}.preview-label{font-size:11px;color:#92968d;margin:12px 0 0}.recipe-strip{max-width:1040px;margin:0 auto 65px;padding:20px;display:flex;justify-content:center;align-items:center;gap:50px;color:#747971;font-size:13px}.recipe-strip b{color:#b2b5aa;font-size:20px}.recipe-strip span{letter-spacing:.3px}
.section{max-width:1152px;margin:0 auto 80px;padding:0 16px}h2{font-size:29px;font-weight:800;line-height:1.35;letter-spacing:-.8px;text-align:center;margin-bottom:32px}h2>span{color:var(--muted)}h3{font-size:18px;line-height:1.4;font-weight:650;letter-spacing:-.3px}p{font-size:16px;line-height:1.5}.three-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-card{padding:24px;background:white;border:1px solid var(--line);border-radius:12px}.step-visual{height:257px;border-radius:8px;margin-bottom:20px;overflow:hidden}.step-card p{color:#80827e;margin-top:6px;font-size:16px}.mini-library{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.mini-library img{width:100%;height:128px;object-fit:cover}.switch-visual{position:relative;background:#e8e9df;padding:22px;display:flex;align-items:center;gap:8px}.small-photo{width:45%;height:180px;transform:rotate(-6deg);overflow:hidden;border-radius:6px}.small-photo img{width:100%;height:100%;object-fit:cover}.small-brand{width:55%;height:180px;background:#fbe7d0;border-radius:6px;transform:rotate(5deg);padding:24px 12px;display:flex;flex-direction:column;justify-content:space-between}.small-brand>span{font-size:8px;letter-spacing:1px}.small-brand strong{font-size:21px;line-height:1.15}.small-brand .mini-cta{font-size:8px;letter-spacing:0}.anyway-chip{position:absolute;top:116px;left:50%;transform:translateX(-50%) rotate(-5deg);z-index:2;background:var(--accent);color:white;border-radius:6px;padding:9px 15px;font-size:21px;font-weight:750;box-shadow:0 4px 15px #0002}.export-visual{background:#e3e6dd;display:flex;align-items:center;justify-content:center;position:relative}.export-phone{position:relative;height:232px;width:131px;border:5px solid #343631;border-radius:17px;overflow:hidden;transform:rotate(5deg)}.export-phone img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.export-phone span{position:absolute;top:90px;left:8px;right:8px;color:white;text-align:center;font-size:16px;font-weight:700}.export-phone small{position:absolute;bottom:14px;left:0;right:0;color:white;text-align:center;font-size:6px}.export-pill{position:absolute;bottom:18px;left:16px;right:16px;font-size:12px;background:white;border-radius:8px;padding:10px;box-shadow:0 4px 15px #0001;text-align:center}
.community{max-width:1120px}.use-case-grid{columns:3;column-gap:16px}.use-case{break-inside:avoid;background:white;border:1px solid #eceee7;padding:18px;border-radius:9px;margin-bottom:16px}.use-case-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;margin-bottom:15px}.case-avatar{width:29px;height:29px;display:grid;place-items:center;background:#e6e9dd;border-radius:50%;font-size:12px;color:#62694e}.case-dots{margin-left:auto;color:#9d9f9b}.use-case h3{font-size:17px;line-height:1.4}.use-case p{font-size:13px;line-height:1.7;color:#858981;margin-top:8px}.case-image{width:100%;height:155px;object-fit:cover;border-radius:5px;margin-top:14px}.case-tag{display:inline-block;background:#faf5c9;font-size:10px;color:#8a8044;margin-top:14px;padding:4px 7px}.guides{max-width:1120px}.guide-card{background:white;text-align:left;border-radius:8px;overflow:hidden;padding:0 0 15px;box-shadow:0 2px 5px #00000007;transition:transform .15s}.guide-card:hover{transform:translateY(-3px)}.guide-image{height:205px;position:relative;overflow:hidden}.guide-image>img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ff4a20;border-radius:11px;width:62px;height:44px;display:grid;place-items:center}.play-button img{width:20px;height:20px;filter:invert(1)}.guide-number{position:absolute;bottom:12px;left:15px;font-size:36px;font-weight:750;color:white}.guide-card h3,.guide-card p,.guide-card small{margin-left:15px;margin-right:15px}.guide-card h3{font-size:15px;margin-top:13px}.guide-card p{font-size:12px;color:#888d84;margin-top:3px}.guide-card small{display:block;font-size:10px;color:#adb0a8;margin-top:7px}.feature-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.feature-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;margin-bottom:16px}.feature-card h3{font-size:17px}.feature-card p{font-size:14px;color:#858881;line-height:1.5;margin-top:4px}.section-note{text-align:center;font-size:12px;color:#999e94;margin-top:24px}
.pricing{max-width:1100px;margin-top:105px}.pricing h2{font-size:40px;margin-bottom:9px}.section-subtitle{text-align:center;color:#93968d;font-size:18px;line-height:1.55;margin-bottom:42px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.price-card{border:1px solid #e4e7de;border-radius:16px;background:#fff;padding:24px}.price-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.price-title h3{font-size:18px}.price-title>span{font-size:9px;padding:4px 7px;border-radius:999px;background:#fff0e9;color:#f36a42;white-space:nowrap}.price{display:flex;align-items:baseline;gap:8px;margin:18px 0 8px}.price strong{font-size:36px;font-weight:800;line-height:1}.price span{font-size:14px;color:#94968f}.price-card>p{font-size:13px;color:#8d9386;margin-bottom:18px}.price-card .button{width:100%;font-size:14px;padding:9px 12px}.price-card ul{padding:0;margin:24px 0;list-style:none}.price-card li{display:flex;gap:8px;font-size:13px;color:#6a7164;margin-bottom:12px;line-height:1.45}.price-card li img{width:16px;height:16px;flex:none}.price-card>small{font-size:10px;color:#a4a89e}.price-card.highlight{box-shadow:0 0 0 1px #ffcfbb}
.faq{max-width:864px;margin-top:88px}.faq h2{font-size:32px;margin-bottom:40px}.faq-group{margin-top:32px}.faq-group h3{font-size:19px;margin-bottom:8px}.faq details{border-bottom:1px solid #dfe3d9}.faq summary{font-size:15px;font-weight:500;line-height:24px;display:flex;justify-content:space-between;gap:24px;padding:16px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary img{width:16px;height:16px;flex:none;align-self:center;transition:transform .15s}.faq details[open] summary img{transform:rotate(180deg)}.faq details p{font-size:14px;line-height:1.75;color:#737b6b;max-width:750px;padding:0 30px 20px 0}.demo-section{margin-top:95px;max-width:800px}.demo-section h2{font-size:32px;margin-bottom:8px}.demo-section .section-subtitle{font-size:16px;margin-bottom:30px}.demo-poster{width:100%;aspect-ratio:16/9;background:#fff;border-radius:12px;position:relative;overflow:hidden;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px;border:1px solid #e4e6df}.poster-opening{position:relative;overflow:hidden;border-radius:8px}.poster-opening>img{height:100%;width:100%;object-fit:cover;filter:brightness(.7)}.poster-opening>span{position:absolute;left:20px;right:20px;top:30px;color:white;font-size:25px;font-weight:700;text-align:left}.poster-brand{background:#efdfce;border-radius:8px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:28px}.poster-brand small{font-size:11px;letter-spacing:2px}.poster-brand strong{font-size:36px;line-height:1.15}.poster-switch{position:absolute;z-index:1;left:50%;top:70%;background:var(--accent);border-radius:6px;padding:12px 22px;transform:translateX(-50%) rotate(-5deg);color:white;font-size:23px;font-weight:700}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:65px;height:65px;background:white;border-radius:50%;box-shadow:0 4px 22px #0003}.big-play img{width:24px;height:24px}.final-cta{text-align:center;padding:24px 20px 100px}.final-cta h2{font-size:25px;margin-bottom:24px}.final-cta p{font-size:12px;color:#959b8c;margin-top:16px}.site-footer{max-width:1280px;margin:auto;padding:20px 0 32px}.footer-main{display:flex;justify-content:space-between;gap:40px}.footer-main>.wordmark{font-size:16px}.footer-main p{color:#9cA194;font-size:12px;line-height:1.7;margin-top:15px}.footer-links{display:flex;gap:65px}.footer-links h3{font-size:12px;margin-bottom:14px}.footer-links a{display:block;color:#979e8d;font-size:12px;margin:10px 0}.footer-links a:hover{text-decoration:underline;color:#555}.copyright{border-top:1px solid #dce1d3;margin-top:40px;padding-top:24px;text-align:center;font-size:11px;color:#a0a795}
.demo-dialog{width:min(830px,calc(100% - 32px));padding:40px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);max-height:calc(100dvh - 40px);overflow:auto}.demo-dialog::backdrop{background:#151b15b0;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:18px;top:12px;font-size:28px;background:transparent;padding:3px 8px}.demo-dialog>.eyebrow{text-align:center}.demo-dialog h2{margin:8px 0 28px;font-size:28px}.walkthrough{display:flex;gap:32px;align-items:center}.walkthrough-screen{position:relative;width:230px;aspect-ratio:9/16;border-radius:13px;background:#e7d3bc;overflow:hidden;flex:none;box-shadow:0 12px 20px #0002}.walkthrough-image{height:100%;width:100%;object-fit:cover;filter:brightness(.6);transition:opacity .3s}.walkthrough-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:white}.walkthrough-copy small{font-size:9px;letter-spacing:1.8px;margin-bottom:25px}.walkthrough-copy strong{font-size:30px;line-height:1.15;letter-spacing:-.5px}.walkthrough-screen[data-scene="1"]{background:var(--accent)}.walkthrough-screen:not([data-scene="0"]) .walkthrough-image{opacity:0}.walkthrough-screen[data-scene="2"] .walkthrough-copy,.walkthrough-screen[data-scene="3"] .walkthrough-copy{color:#443222}.walkthrough-screen[data-scene="3"]{background:#e2e8d3}.walkthrough-story{flex:1}.scene-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:24px}.scene-tabs button{padding:8px 10px;background:#e6e9df;border-radius:6px;font-size:11px}.scene-tabs button[aria-selected="true"]{background:#333;color:white}.scene-title{font-size:22px;margin-bottom:10px}.scene-description{font-size:15px;color:#7c8373;line-height:1.6;margin-bottom:24px}.walkthrough-story>small{display:block;color:#9aa18f;font-size:11px;line-height:1.5;margin-top:14px}
@media(min-width:1500px){.hero{padding-top:75px}}
@media(max-width:1340px){.nav-wrap,.site-footer{margin-left:32px;margin-right:32px}}
@media(max-width:900px){.nav-links{position:static;transform:none}.nav-links a{padding:10px}.nav-wrap{gap:12px}.recipe-strip{gap:25px}.step-card{padding:15px}.step-visual{height:220px}.mini-library img{height:110px}.small-brand{padding:20px 8px}.small-brand strong{font-size:18px}.switch-visual{padding:12px}.feature-card{padding:15px}.price-card{padding:18px}.price-title{display:block}.price-title>span{display:inline-block;margin-top:5px}.hero-actions .button{font-size:14px}h2{font-size:25px}.feature-card h3{font-size:16px}.feature-card p{font-size:13px}.step-card h3{font-size:16px}.step-card p{font-size:14px}.footer-links{gap:35px}}
@media(max-width:650px){.nav-wrap{margin:0 18px}.wordmark{font-size:17px}.nav-wrap>.sign-in{margin-left:auto;font-size:12px;padding:6px 12px}.mobile-menu{display:block;background:transparent;font-size:21px;padding:5px}.nav-links{display:none;position:absolute;top:55px;right:0;left:0;background:white;border:1px solid var(--line);padding:10px;z-index:10;border-radius:10px;box-shadow:0 6px 20px #0001}.nav-links.open{display:flex;flex-direction:column}.hero{padding-top:32px}.eyebrow{font-size:8px}h1{font-size:39px;letter-spacing:-1.5px}.hero-subtitle{font-size:15px;max-width:300px;margin:16px auto 22px}.hero-actions{align-items:center;flex-direction:column;gap:10px}.hero-actions .button{min-width:235px;font-size:14px;padding:11px 20px}.recipe-strip{gap:12px;padding:16px 12px;margin-bottom:40px;font-size:10px;white-space:nowrap}.recipe-strip b{font-size:14px}.section{padding:0 20px;margin-bottom:52px}h2{font-size:24px;line-height:1.35;letter-spacing:-.6px;margin-bottom:24px}h2 span{display:block}.three-grid,.feature-grid,.pricing-grid{grid-template-columns:1fr}.step-card{padding:20px}.step-visual{height:240px}.mini-library img{height:120px}.step-card h3{font-size:19px}.step-card p{font-size:15px}.small-photo,.small-brand{width:44%;height:190px}.switch-visual{padding:20px;justify-content:center}.small-brand{padding:25px 15px}.small-brand strong{font-size:23px}.small-brand>span{font-size:10px}.anyway-chip{top:105px}.use-case-grid{columns:1}.use-case{padding:20px}.case-image{height:190px}.use-case:nth-child(n+6){display:none}.guide-image{height:220px}.guide-card h3{font-size:17px}.guide-card p{font-size:13px}.feature-card{padding:20px}.feature-card h3{font-size:19px}.feature-card p{font-size:15px}.feature-image{margin-bottom:16px}.pricing{margin-top:60px}.pricing h2{font-size:30px}.section-subtitle{font-size:16px;margin-bottom:25px}.price-card{padding:24px}.price-title{display:flex}.price-title h3{font-size:20px}.price-card li{font-size:14px}.price-card>p{font-size:14px}.price-card .button{font-size:15px;padding:11px 18px}.faq{margin-top:55px}.faq h2{font-size:27px}.faq summary{font-size:14px;padding:17px 0}.faq-group h3{font-size:17px}.demo-section{margin-top:60px}.demo-section h2{font-size:26px}.demo-poster{padding:12px;gap:10px;aspect-ratio:4/3}.poster-opening>span{font-size:18px;left:12px;right:12px;top:18px}.poster-brand{padding:15px}.poster-brand strong{font-size:24px}.poster-brand small{font-size:7px;letter-spacing:1px}.poster-switch{padding:8px 13px;font-size:18px;top:75%}.big-play{width:48px;height:48px}.big-play img{width:20px;height:20px}.final-cta{padding:10px 20px 60px}.final-cta h2{font-size:23px}.footer-main{flex-direction:column;gap:35px}.site-footer{margin:0 24px}.footer-links{gap:20px;justify-content:space-between}.footer-links a{font-size:11px}.demo-dialog{padding:28px 20px}.demo-dialog h2{font-size:22px}.walkthrough{gap:20px;flex-direction:column}.walkthrough-screen{width:160px}.walkthrough-story{text-align:center}.scene-tabs{justify-content:center}.walkthrough-copy strong{font-size:23px}.scene-title{font-size:19px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}.button:hover,.guide-card:hover{transform:none}}

/* Light reelswitch palette inspired by the Figma reference. */
body{background:var(--paper)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#337047}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.wordmark img{width:155px;height:auto;border-radius:0}
.nav-links a:hover{background:#edf6e9}
.primary,.sign-in{background:var(--accent);color:var(--ink)}
.primary:hover,.sign-in:hover{background:#9fe389}
.secondary{background:#fff;border:1px solid var(--line)}
.dark{background:var(--ink);color:#fff}
.eyebrow{color:#337047}
h1,h2,h3{color:var(--ink)}
h1,h2{font-weight:650}
.hero-subtitle{color:var(--ink);font-weight:400}
.preview-label,.recipe-strip,.recipe-strip b,.section-note,.final-cta p,.copyright{color:var(--muted)}

.step-card,.use-case,.feature-card,.price-card,.guide-card,.demo-poster{border-color:var(--line);background:#fff}
.step-card p,.use-case p,.guide-card p,.feature-card p,.price-card>p,.price-card li,.faq details p,.section-subtitle,.scene-description,.footer-main p,.footer-links a{color:var(--muted)}
.switch-visual,.export-visual{background:#eaf4e7}
.small-brand,.poster-brand{background:#dcf4d2}
.anyway-chip,.poster-switch{color:var(--ink)}
.case-avatar,.scene-tabs button{background:#e6f2e1;color:#337047}
.case-tag,.price-title>span{background:#e2f5d9;color:#337047}
.play-button{background:#337047}
.price-card.highlight{box-shadow:0 0 0 2px var(--accent)}
.price-card>small,.guide-card small,.price span{color:var(--muted)}
.faq details{border-bottom-color:var(--line)}
.site-footer .footer-links a:hover{color:var(--ink)}
.copyright{border-top-color:var(--line)}
.demo-dialog{background:var(--paper)}
.walkthrough-screen[data-scene="2"],.walkthrough-screen[data-scene="3"]{background:#dcf4d2}
.walkthrough-screen[data-scene="2"] .walkthrough-copy,.walkthrough-screen[data-scene="3"] .walkthrough-copy{color:var(--ink)}
.scene-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
@media(max-width:650px){.wordmark img{width:133px}.nav-links{background:var(--paper)}.footer-links{flex-wrap:wrap}.footer-links>div{min-width:110px}}