:root{color-scheme:light;--bg:#f7f8f2;--ink:#263026;--muted:#747c6e;--line:#dde2d5;--lime:#ddef92;--green:#647c44;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #819c48;outline-offset:5px}button,a,select,summary{touch-action:manipulation}.wrap{width:min(1240px,calc(100% - 104px));margin-inline:auto}.nav{height:100px;display:flex;align-items:center;gap:35px}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1.25px}.brand span{color:#8f9f6b;margin-left:-7px}.brand img{display:block}.nav nav{display:flex;gap:30px;margin-left:auto}.nav nav a,.nav-cta{font-size:13px;font-weight:550;text-decoration:none}.nav nav a{color:#66705f}.nav a:hover{color:var(--green)}.nav-cta{display:flex;align-items:center;gap:20px;border:1px solid #d1d9c5;padding:12px 18px;border-radius:7px}.nav-cta span{font-size:18px}.hero{padding:65px 0 75px;display:grid;grid-template-columns:.93fr 1.17fr;gap:65px;align-items:center}.eyebrow{font:550 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.7px;color:#7a856b;margin:0 0 28px}.hero .eyebrow{display:flex;align-items:center;gap:8px;letter-spacing:1.2px}.status-dot{width:6px;height:6px;display:inline-block;background:#89a752;border-radius:50%;flex-shrink:0}h1{font-size:clamp(48px,5.2vw,76px);letter-spacing:-4.7px;font-weight:560;line-height:1.04;margin:0 0 26px}.accent{color:#89a752}.lede{font-size:16px;line-height:1.8;max-width:390px;color:#737c6b;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:15px 20px;border-radius:7px;border:0;text-decoration:none;font-size:13px;font-weight:600}.button-dark{background:var(--ink);color:#f3f5e9}.button-dark:hover{background:#3b4a32}.button span{font-size:19px;line-height:1}.text-link{text-decoration:none;display:flex;gap:10px;align-items:center;font-size:12px;color:#6b755f}.browser-note{display:flex;gap:8px;align-items:center;color:#8b927f;font-size:10px;margin:23px 0 0}.browser-glyph{font-size:17px;color:#7f8f65}.note-divider{padding-inline:4px;color:#bbc2b1}.demo-area{position:relative;padding-top:18px;min-width:0}.language-tag{position:absolute;top:-14px;left:26px;display:flex;align-items:center;gap:12px;background:#e9eedb;border:1px solid #dce5c7;border-radius:6px;padding:7px 13px;font-size:10px;transform:rotate(-4deg);z-index:1;color:#6b7c50}.language-tag>span:nth-child(2){font-size:15px}.browser-window{border:1px solid #d4dcc9;border-radius:12px;background:#edf1e6;overflow:hidden;box-shadow:0 28px 55px -30px #34432942}.browser-chrome{height:37px;display:flex;align-items:center;gap:12px;padding:0 13px;background:#f0f3e9;border-bottom:1px solid #d7dfcf}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:100%;background:#c6ceba}.address{border-radius:4px;background:#e4e9db;color:#8b957c;flex:1;text-align:center;font-size:8px;line-height:20px}.address>span{font-size:9px;margin-right:6px}.chrome-icon{color:#788c55;font-size:20px}.video-stage{position:relative;aspect-ratio:1.31;background:#345d4c;overflow:hidden}.landscape{position:absolute;width:100%;height:100%;inset:0}.preview-label{position:absolute;top:18px;left:19px;display:flex;align-items:center;gap:6px;color:#36543b;background:#eff4e8bd;border:1px solid #f8faed66;border-radius:4px;padding:5px 8px;font:550 8px ui-monospace,monospace;letter-spacing:1px}.film-title{position:absolute;left:31px;top:115px;color:#eff4dc;display:flex;flex-direction:column;gap:5px;text-shadow:0 1px 7px #27473215}.film-title>span{font:500 9px ui-monospace,monospace;letter-spacing:3px}.film-title strong{font-size:clamp(21px,2.2vw,31px);font-weight:450;letter-spacing:-1px}.caption-demo{position:absolute;left:22px;right:22px;bottom:55px;background:#17251feb;border:1px solid #edf4d62b;backdrop-filter:blur(12px);color:#eff3e6;border-radius:7px;box-shadow:0 8px 20px #13201738;overflow:hidden;text-align:center}.caption-top{height:24px;display:flex;align-items:center;gap:7px;padding:0 11px;border-bottom:1px solid #e7edda12;color:#a6b897;font:500 7px ui-monospace,monospace;letter-spacing:1px;text-align:left}.mini-wave{color:#cfe57a;font-size:10px;letter-spacing:-1px}.caption-status{margin-left:auto;color:#9cae8d;font-size:7px}#translated-caption{font-size:clamp(15px,1.5vw,21px);line-height:1.45;padding:0 13px;margin:15px 0 7px;font-weight:550}#original-caption{font-size:11px;color:#bdcbb4;margin:0 12px 15px;line-height:1.6}.video-controls{position:absolute;left:18px;right:18px;bottom:15px;display:flex;align-items:center;gap:10px;color:#d4e1cc;font-size:16px}.video-controls button{background:transparent;border:0;color:#e3ebd8;padding:0;display:grid;place-items:center;width:21px;height:21px}.video-controls svg{width:15px;height:15px;fill:currentColor}.preview-track{height:2px;background:#bfd3a63b;flex:1;overflow:hidden;border-radius:2px}.preview-track i{display:block;height:100%;width:0;background:#d7e99b}.preview-duration{font:8px ui-monospace,monospace}.demo-settings{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;color:#677657;font-size:9px}.settings-arrow{margin-left:8px;color:#98a68a}.demo-settings select{color:#4e6441;background:#e1e9d3;border:1px solid #d2dcc2;border-radius:4px;padding:4px 20px 4px 7px;font-size:9px}.powered{font-size:8px;margin-left:auto;color:#8d987e}.powered>span{font-size:12px;margin-left:4px}.demo-note{text-align:center;font-size:8px;color:#9ba48e;margin:12px 0 0}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:.9fr 1fr 1.25fr 1fr;gap:24px}.intro-strip>p{font-size:13px;color:#7b846e;line-height:1.5;margin:0}.intro-strip strong{color:var(--ink);font-weight:550}.intro-strip>div{display:flex;gap:12px;align-items:center}.intro-strip>div>span{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;background:#eaf0df;color:#7c9256;border:1px solid #dee6d0;border-radius:7px;font-size:17px}.intro-strip p{font-size:11px;line-height:1.6;margin:0}.intro-strip small{font-size:9px;color:#8a927d;font-weight:400}.how{padding:92px 0 82px;display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.section-heading .eyebrow{margin-bottom:19px;font-size:9px}.how h2,.questions h2{font-size:30px;font-weight:500;line-height:1.23;letter-spacing:-1.2px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0;margin:0;list-style:none}.steps li>span{font:12px ui-monospace,monospace;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#82955e;background:#eaf0df;margin:0 0 20px}.steps h3{font-size:14px;line-height:1.4;font-weight:600;margin:0 0 12px}.steps p{font-size:12px;line-height:1.8;color:#848c79;margin:0}.bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-bottom:85px;align-items:center}.availability{padding:40px 40px 35px;background:#e8eedb;border:1px solid #dce5cc;border-radius:10px;position:relative;overflow:hidden}.availability-icon{position:absolute;right:22px;top:16px;color:#cad8ae;font-size:105px;line-height:1;transform:rotate(10deg)}.availability .eyebrow{font-size:9px;margin-bottom:16px}.availability h2{font-weight:500;font-size:38px;line-height:1.13;letter-spacing:-1.7px;margin:0 0 18px}.availability>p:not(.eyebrow){max-width:300px;color:#7e8a69;font-size:12px;line-height:1.9;margin:0 0 24px}.coming-soon{display:inline-flex;gap:7px;align-items:center;border:1px solid #d2ddbf;background:#f1f5e8;padding:7px 10px;border-radius:5px;font:9px ui-monospace,monospace;color:#788a5a}.coming-soon .status-dot{width:5px;height:5px}.questions .eyebrow{font-size:9px;margin-bottom:18px}.questions h2{font-size:30px;margin-bottom:25px}.questions details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;gap:15px;align-items:center;justify-content:space-between;cursor:pointer;padding:17px 0;font-size:12px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{font-size:17px;font-weight:300;color:#94a17e}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;color:#7b856f;max-width:390px;margin:0 0 18px}.footer{border-top:1px solid var(--line);min-height:100px;display:flex;align-items:center;gap:30px}.footer .brand{font-size:21px}.footer p{font-size:10px;color:#929b85;margin-left:6px}.footer>a:not(.brand){margin-left:auto;font-size:10px;color:#7d886c;text-decoration:none}.footer>span{font-size:9px;color:#a0a992}.skip{position:absolute;left:15px;top:-70px;z-index:10;background:var(--ink);color:#fff;padding:10px;border-radius:5px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}section[id]{scroll-margin-top:30px}[hidden]{display:none!important}.prose{max-width:720px;margin:55px auto 90px}.prose h1{font-size:49px;letter-spacing:-2.5px}.prose h2{font-size:21px;font-weight:550;letter-spacing:-.6px;margin-top:36px}.prose p,.prose li{font-size:14px;line-height:1.9;color:#76806b}.prose .updated{font:11px ui-monospace,monospace;color:#9aa48b;margin-bottom:38px}.prose a{color:#536b37;text-underline-offset:3px}
@media(min-width:1500px){.hero{gap:90px}.hero h1{font-size:78px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:36px;padding:48px 0 60px}h1{letter-spacing:-3px;font-size:57px}.lede{font-size:14px}.hero-actions{gap:17px}.button{font-size:11px;gap:12px}.film-title{top:90px}.intro-strip{gap:18px}.intro-strip>div{gap:8px}.intro-strip small{font-size:8px}.how{gap:40px}.steps{gap:20px}.bottom-section{gap:50px}}@media(max-width:800px){.wrap{width:calc(100% - 44px)}.nav{height:78px;gap:20px}.nav nav{display:none}.nav-cta{margin-left:auto;font-size:10px;padding:10px 12px;gap:11px}.brand{font-size:23px}.hero{grid-template-columns:1fr;gap:55px;padding:35px 0 45px}.hero-copy{max-width:570px}.hero h1{font-size:65px;letter-spacing:-3.9px}.hero .eyebrow{font-size:9px;margin-bottom:23px}.lede{max-width:400px}.hero-actions{margin-top:26px}.button{font-size:12px;padding:15px 18px}.browser-note{margin-top:18px}.demo-area{width:min(570px,100%);margin-inline:auto}.video-stage{aspect-ratio:1.5}.film-title{top:85px;left:30px}.film-title strong{font-size:29px}.caption-demo{bottom:50px}#translated-caption{font-size:19px}.intro-strip{grid-template-columns:1fr 1fr;gap:22px;padding:28px 0}.intro-strip>p{font-size:14px}.intro-strip small{font-size:10px}.intro-strip p{font-size:12px}.intro-strip>div{gap:11px}.how{padding:60px 0;grid-template-columns:1fr;gap:35px}.steps{gap:30px}.bottom-section{grid-template-columns:1fr;gap:48px;padding-bottom:50px}.availability{padding:35px}.availability>p:not(.eyebrow){max-width:370px}.questions{padding:0 7px}.questions details p{max-width:none}.footer{flex-wrap:wrap;gap:18px;min-height:100px;padding:25px 0}.footer p{margin-left:auto}.footer>a:not(.brand){margin-left:0}.footer>span{margin-left:auto}.prose{margin:40px 22px 70px}.prose h1{font-size:40px;letter-spacing:-2px}}@media(max-width:420px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:56px;letter-spacing:-3.3px}.nav-cta{font-size:9px;gap:6px}.hero{padding-top:30px}.lede{font-size:14px;line-height:1.8}.browser-note{font-size:9px}.intro-strip{gap:20px 10px}.intro-strip small{font-size:8px}.intro-strip p{font-size:10px}.intro-strip>p{font-size:13px}.intro-strip>div{gap:8px}.intro-strip>div>span{width:26px;height:26px;font-size:15px}.film-title{top:74px;left:22px}.film-title>span{font-size:7px}.film-title strong{font-size:25px}.caption-demo{left:12px;right:12px;bottom:46px}#translated-caption{font-size:16px;margin-top:12px}#original-caption{font-size:9px;margin-bottom:12px}.demo-settings{padding:0 11px;min-height:38px}.steps{grid-template-columns:1fr;gap:25px}.steps li{display:grid;grid-template-columns:32px 1fr;column-gap:15px}.steps li>span{grid-row:1/3;margin:2px 0 0}.steps h3{margin-bottom:6px}.steps p{grid-column:2}.availability{padding:29px}.availability h2{font-size:35px}.footer p{font-size:8px}.footer .brand{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep supporting copy readable against the pale surface. */
.lede,.steps p,.availability>p:not(.eyebrow),details p{color:#63705b}.film-title{color:#294d35;text-shadow:none}.demo-note{font-size:10px;color:#68765b}.browser-note{color:#6f7c61}.footer>a:not(.brand){font-size:11px;color:#69785a}
@media(max-width:420px){.film-title{display:none}}

/* Pricing and getting started. */
.pricing{padding:92px 0 40px;display:grid;grid-template-columns:1fr 1.7fr;gap:70px;border-top:1px solid var(--line)}.pricing h2{font-size:30px;font-weight:500;line-height:1.23;letter-spacing:-1.2px;margin:0}.pricing-lede{font-size:13px;line-height:1.8;color:#63705b;max-width:330px;margin:18px 0 0}
.test-mode{display:flex;gap:10px;align-items:flex-start;margin:0 0 22px;padding:12px 14px;border:1px dashed #c9d6b0;border-radius:8px;background:#f1f5e8;font-size:12px;line-height:1.6;color:#55603f}.test-mode .status-dot{margin-top:6px;flex-shrink:0}
.packs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.packs li{display:flex;flex-direction:column;padding:22px 18px 18px;border:1px solid var(--line);border-radius:10px;background:#fbfcf7}.packs li.featured{border-color:#c7d98a;background:#f2f7e2}
.packs h3{font-size:13px;font-weight:600;margin:0 0 12px}.packs .price{font-size:30px;font-weight:600;letter-spacing:-1.2px;margin:0}.pack-time{font-size:13px;margin:6px 0 2px}.pack-note{font-size:11px;color:#6f7965;margin:0 0 18px}.packs .button{margin-top:auto;padding:12px 10px;font-size:12px}
.pay-note{font-size:12px;line-height:1.8;color:#63705b;margin:20px 0 0;max-width:620px}.pay-note a,.steps a{color:var(--green)}
.steps-four{grid-template-columns:repeat(2,1fr);row-gap:34px}
#get-started{padding-top:60px}
@media(max-width:1100px){.packs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.pricing{padding:60px 0 20px;grid-template-columns:1fr;gap:30px}.steps-four{grid-template-columns:1fr}#get-started{padding-top:40px}}
@media(max-width:420px){.packs{grid-template-columns:1fr}}