@charset "UTF-8";
:root{--cream:#fdf8f1;--ink:#153e39;--teal:#124e48;--coral:#d9674e;--muted:#52625d;--line:#dddcd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}img{max-width:100%;height:auto;display:block}button,a,summary{touch-action:manipulation}a:focus-visible,video:focus-visible{outline:3px solid #c95639;outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;line-height:1.03}h1{font-size:clamp(42px,5.8vw,86px)}h2{font-size:clamp(36px,4.1vw,61px)}h3{font-size:15px;letter-spacing:.035em;line-height:1.4}em{color:var(--coral);font-weight:400}p+p{margin-top:18px}.wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.17em;margin-bottom:20px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;font-weight:750;line-height:1.1;letter-spacing:-.035em}.brand img{width:45px;height:45px;border-radius:12px}.brand small{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-top:6px;font-weight:500}.site-header nav{display:flex;gap:32px;font-size:14px;font-weight:600}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero-heading{text-align:center;padding:60px 0 34px}.hero-description{max-width:680px;margin:25px auto 0;color:var(--muted);font-size:19px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:24px}.play-link{display:inline-block;flex-shrink:0;line-height:0}.play-link img{width:210px;height:auto}.text-action{display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-decoration:none;font-size:14px;font-weight:650}.text-action small{font-size:11px;color:var(--muted);font-weight:400}.play-dot{border:1px solid #aebcb3;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:11px;padding-left:2px}.hero-photo{position:relative;border-radius:18px;overflow:hidden}.hero-photo>img{width:100%;aspect-ratio:1672/941;object-fit:cover}.hero-photo figcaption{position:absolute;bottom:24px;left:28px;color:white;background:#123f39e8;border:1px solid #ffffff35;border-radius:100px;padding:9px 20px;font-size:14px}.promise-strip{margin-top:34px;border-block:1px solid var(--line)}.promise-strip>.wrap{display:flex;justify-content:space-around;gap:20px;padding-block:23px;font-size:13px;font-weight:600}.promise-strip span::before{content:'\2713';margin-right:10px;color:#2d7966}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.large-copy{font-size:21px;line-height:1.65}.quiet{color:var(--muted);font-size:14px}.demo-section{background:var(--teal);color:#fff9ed;padding-block:80px}.demo-layout{display:grid;grid-template-columns:.75fr 1.45fr;gap:72px;align-items:center}.demo-copy .eyebrow{color:#eac496}.demo-copy h2{font-size:clamp(34px,3.3vw,48px)}.demo-copy p:not(.eyebrow){font-size:16px;line-height:1.7;color:#d4e2d8;margin-top:20px}.promo-cover{width:155px;border-radius:10px;margin-top:25px;box-shadow:0 10px 25px #002c2630}.video-column video{display:block;width:100%;height:auto;background:#051f1b;border-radius:12px;box-shadow:0 22px 50px #001e2540;aspect-ratio:16/9}.video-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:17px;color:#dce5da}.video-meta a{text-underline-offset:4px}.demo-note{font-size:12px;color:#b8cdc3;margin-top:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 22px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:650}.button-light{background:#f7edda;color:var(--ink);margin-top:28px}.workflow h2{margin-bottom:45px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps li{border-top:1px solid #b6c1b3;padding-top:20px}.step-number{font:italic 38px Georgia,serif;color:#bc6b50}.steps h3{margin-top:20px;margin-bottom:14px}.steps p{font-size:15px;color:var(--muted);line-height:1.8}.details-section{background:#eeeede;padding:75px 0}.details-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.phone-panel{display:flex;flex-direction:column;align-items:center;position:relative}.phone-frame{max-width:260px;border:9px solid #183b35;border-radius:36px;overflow:hidden;box-shadow:20px 28px 50px #123b3924;transform:rotate(-4deg);background:#fff}.phone-frame img{width:100%;height:auto}.photo-label{display:block;margin-top:35px;font-size:12px;letter-spacing:.03em}.topics{display:flex;flex-wrap:wrap;gap:9px;margin-block:25px}.topics span{padding:7px 13px;border:1px solid #c7cbbb;border-radius:100px;font-size:13px;background:#f9f8ec}.details-copy>p:not(.eyebrow){font-size:16px}.details-copy>.quiet{font-size:13px}.practical{display:grid;grid-template-columns:1fr 1fr;gap:90px}.practical-text{font-size:16px}.underlined{display:inline-block;margin-top:24px;font-size:14px;font-weight:650;text-underline-offset:6px}.closing{text-align:center;padding:65px 20px;background:#f1e5d8;border-radius:18px}.closing h2{font-size:clamp(46px,5.6vw,78px);margin-bottom:20px}.closing>p:last-child{font-size:12px;color:var(--muted)}.site-footer{padding-block:60px 25px;display:grid;grid-template-columns:1fr 1fr;gap:30px;font-size:13px}.site-footer p{color:var(--muted);margin-top:6px}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:flex-end;align-content:start}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{text-decoration:underline}.trademark{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:11px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}
@media(min-width:1500px){.hero-photo{max-height:700px}.hero-photo>img{object-position:center 44%}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.intro,.practical{gap:40px}.demo-layout{gap:35px;grid-template-columns:1fr 1.5fr}.details-layout{gap:40px}.steps{grid-template-columns:repeat(2,1fr);gap:35px}.section{padding-block:70px}.hero-heading{padding-top:45px}.site-header nav{gap:20px}}
@media(max-width:680px){body{font-size:16px}.wrap{width:calc(100% - 32px)}.site-header{padding-block:18px}.brand{font-size:19px}.brand img{width:36px;height:36px}.brand small{font-size:10px}.site-header nav{font-size:12px}.site-header nav a:first-child,.site-header nav a:last-child{display:none}.hero-heading{padding:36px 0 24px}.hero-description{font-size:16px;max-width:420px;margin-top:20px}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:15px}.hero-actions{gap:8px;flex-direction:column;margin-top:15px}.play-link img{width:195px}.hero-photo{border-radius:12px}.hero-photo>img{aspect-ratio:1.2;object-fit:cover;object-position:100% center}.hero-photo figcaption{bottom:11px;left:11px;font-size:10px;padding:6px 12px}.promise-strip{margin-top:22px}.promise-strip>.wrap{flex-direction:column;gap:8px;padding-block:18px;font-size:12px;align-items:center}.intro,.practical,.details-layout,.demo-layout{grid-template-columns:1fr;gap:28px}.section{padding-block:54px}.large-copy{font-size:18px}.demo-section{padding-block:45px}.demo-copy{display:grid;grid-template-columns:1fr 115px;column-gap:20px}.demo-copy .eyebrow,.demo-copy h2,.demo-copy p{grid-column:1}.demo-copy h2{font-size:34px}.demo-copy .promo-cover{grid-column:2;grid-row:1/4;width:115px;align-self:center;margin:0}.demo-copy p:not(.eyebrow){font-size:14px}.video-meta{font-size:10px;gap:10px}.demo-note{font-size:11px}.workflow h2{margin-bottom:30px}.steps{gap:25px 20px}.steps h3{font-size:12px}.steps p{font-size:14px}.details-section{padding-block:50px}.details-copy{grid-row:1}.phone-frame{max-width:220px;margin-top:18px}.practical-text{font-size:15px}.closing{padding:43px 16px}.site-footer{grid-template-columns:1fr;padding-top:40px}.site-footer nav{justify-content:flex-start}.trademark{grid-column:1}.text-action{font-size:13px}.text-action small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}