:root{color-scheme:dark;--ink:#102729;--deep:#0b1b1d;--mint:#79dfca;--paper:#f0f6f3;--muted:#a4bab7;--line:#365053;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:6px}a:hover{text-decoration:none}header{max-width:1440px;margin:auto;padding:28px 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:14px;font-weight:700;letter-spacing:.09em;display:flex;gap:12px;align-items:center}.wordmark img,footer img{border-radius:23%}nav{display:flex;gap:34px;font-size:14px}nav a:hover,footer a:hover{color:var(--mint)}.skip{position:absolute;top:-100px;padding:15px;background:var(--paper);color:var(--ink);z-index:99}.skip:focus{top:0}.hero{overflow:hidden;background:var(--ink)}.hero-inner{max-width:1440px;margin:auto;padding:44px 5vw 60px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:650;margin:0 0 30px;color:var(--mint)}h1{font-size:clamp(72px,8.6vw,124px);font-weight:650;letter-spacing:-.065em;line-height:.89;margin:0 0 32px}.period{color:var(--mint)}h2,h3,p{margin-top:0}.hero h2{font-size:clamp(28px,3vw,40px);font-weight:450;line-height:1.14;letter-spacing:-.035em;margin-bottom:22px}.intro{font-size:18px;line-height:1.6;color:var(--muted);max-width:435px;margin-bottom:27px}.download{background:var(--mint);color:var(--deep);font-size:16px;font-weight:650;display:inline-flex;align-items:center;gap:12px;padding:19px 24px;border-radius:10px;transition:transform .2s,background .2s,box-shadow .2s}.download svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.download:hover{background:#9bf1df;transform:translateY(-3px);box-shadow:0 8px 0 #0002}.compatibility{font-size:12px;line-height:1.8;margin:13px 0 20px;color:var(--muted)}.compatibility span{padding:0 4px}.ios{font-size:14px;margin:0;color:var(--muted)}.ios span{display:inline-block;margin-left:10px;color:var(--paper);padding-bottom:3px;border-bottom:1px solid var(--line)}.hero-art{position:relative;display:grid;place-items:center;aspect-ratio:1;isolation:isolate}.app-icon{position:relative;width:78%;height:auto;border-radius:23%;box-shadow:0 28px 65px #0004;transform:rotate(-8deg);animation:arrive 1s ease-out both}.orbit{position:absolute;border:1px solid var(--line);width:100%;aspect-ratio:1;border-radius:50%;z-index:-1}.orbit-two{width:124%;opacity:.45}.art-caption{position:absolute;bottom:-23px;margin:0;font-size:12px;letter-spacing:.17em;color:var(--muted)}.hero-copy{animation:appear .8s ease both}.hero-foot{border-top:1px solid var(--line);padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.hero-foot a{color:var(--mint)}.hero-foot a span{padding-left:10px}.section-wrap{padding:100px max(5vw,calc((100vw - 1296px)/2));}.capture{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;background:var(--paper);color:var(--deep)}.section-heading .eyebrow{color:#3a726a;margin-bottom:24px}.section-heading h2,.last-call h2{font-size:clamp(36px,4.2vw,60px);line-height:1.08;letter-spacing:-.05em;font-weight:550;margin-bottom:24px}.section-heading>p:last-child{color:#52716c;font-size:18px;line-height:1.5}.feature-list article{padding:25px 0;display:flex;gap:24px;align-items:flex-start;border-top:1px solid #aec5bf}.feature-list article:last-child{border-bottom:1px solid #aec5bf}.feature-number{color:#567c74;font-size:12px;padding-top:6px}.feature-list h3{font-size:25px;letter-spacing:-.03em;margin-bottom:12px;font-weight:550}.feature-list p{font-size:16px;line-height:1.65;color:#52716c;max-width:420px;margin:0}.feature-list svg{width:34px;height:34px;flex:0 0 34px;fill:none;stroke:#2e7063;stroke-width:1.5;margin-left:auto}.setup{background:#dfebe6;color:var(--deep)}.setup .section-heading{margin-bottom:55px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps li{border-top:1px solid #a6c0b8;padding-top:24px}.steps span{font-size:14px;color:#52716c;display:block;margin-bottom:32px}.steps h3{font-size:23px;font-weight:550;letter-spacing:-.035em;margin-bottom:14px}.steps p{font-size:16px;line-height:1.7;color:#476a61}.setup-note{max-width:830px;font-size:14px;line-height:1.65;color:#52716c;margin:40px 0 0}.last-call{display:flex;align-items:center;justify-content:space-between;gap:50px}.last-call h2{margin-bottom:0}.last-action p{font-size:14px;line-height:1.65;color:var(--muted);margin:18px 0}.ios-label{font-size:14px;color:var(--mint)}footer.section-wrap{border-top:1px solid var(--line);padding-top:32px;padding-bottom:40px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.footer-brand strong{font-size:16px;font-weight:550}.footer-brand>a{margin-left:auto;font-size:14px}.disclaimer{font-size:13px;line-height:1.75;color:var(--muted);max-width:880px;margin:0}.disclaimer a{text-decoration:underline;text-underline-offset:3px}.reveal{transition:opacity .65s,transform .65s}.js .reveal:not(.visible){opacity:0;transform:translateY(20px)}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes arrive{from{opacity:0;transform:translateY(25px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(-8deg)}}@media(min-width:1500px){.hero-inner{padding-top:58px;padding-bottom:80px}}@media(max-width:800px){header{padding:22px 6vw}nav{gap:20px}nav a:first-child{display:none}.hero-inner{padding:30px 6vw 44px;gap:25px;grid-template-columns:1.25fr 1fr}.hero-art{align-self:start;margin-top:80px}.hero h1{font-size:80px}.hero h2{font-size:31px}.intro{font-size:16px}.art-caption{display:none}.hero-foot{flex-wrap:wrap;padding:20px 6vw}.hero-foot>span:first-child{display:none}.capture{gap:40px;grid-template-columns:1fr}.section-wrap{padding:65px 6vw}.steps{gap:25px}.steps h3{font-size:21px}.last-call{align-items:flex-start}.last-call h2{font-size:40px}}@media(max-width:540px){header .wordmark{font-size:12px;letter-spacing:.06em;gap:8px}header nav{font-size:13px}.wordmark img{width:30px;height:30px}.hero-inner{display:block;position:relative;padding-top:20px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:12px;letter-spacing:.13em;margin-bottom:24px}.hero h1{font-size:80px;max-width:260px;margin-bottom:28px}.hero-art{position:absolute;right:-20px;top:96px;width:180px;margin:0;opacity:.8}.hero .intro{max-width:330px}.hero h2{font-size:32px}.hero-foot{font-size:12px}.hero-foot a{display:none}.compatibility{font-size:12px}.section-heading h2,.last-call h2{font-size:40px}.steps{grid-template-columns:1fr;gap:28px}.steps li{display:grid;grid-template-columns:26px 1fr;column-gap:16px;padding-top:22px}.steps span{grid-row:1/3;margin:4px 0}.steps h3{margin:0 0 8px}.steps p{margin-bottom:0}.setup .section-heading{margin-bottom:32px}.feature-list article{gap:15px}.feature-list h3{font-size:23px}.feature-list svg{width:27px;flex-basis:27px}.last-call{display:block}.last-action{margin-top:30px}.footer-brand{flex-wrap:wrap}.footer-brand>a{font-size:13px}.section-wrap{padding-top:55px;padding-bottom:55px}.intro{line-height:1.55}.hero-art .orbit-two{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal:not(.visible){opacity:1;transform:none}}

/* Real app imagery and a scroll-led capture walkthrough. */
.hero-inner{grid-template-columns:1.25fr 1fr;gap:6vw;padding-top:36px;padding-bottom:42px;align-items:center}
.hero h1{font-size:clamp(66px,7.1vw,104px);max-width:700px;line-height:.96;margin-bottom:24px}
.hero h2{font-size:clamp(27px,2.6vw,38px);margin-bottom:0}
.hero .eyebrow{margin-bottom:24px}.hero-action .intro{max-width:450px;font-size:17px;margin-bottom:22px}.hero-action{animation:appear .9s .1s ease both}.hero-action .compatibility{margin-bottom:13px}
.showcase{padding:46px 5vw 68px;background:var(--deep);overflow:clip}
.showcase-heading{max-width:1400px;margin:0 auto 30px;display:flex;align-items:baseline;gap:28px}.showcase-heading .eyebrow{margin:0;font-size:11px}.showcase-heading h2{font-size:30px;font-weight:500;letter-spacing:-.035em;margin:0}.scroll-hint{font-size:12px;color:var(--muted);margin-left:auto}
.showcase-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,3.2fr) minmax(210px,1fr);gap:5vw;align-items:start}
.app-showcase{margin:0;position:sticky;top:max(32px,calc((100svh - 51vw)/2));min-width:0;padding-bottom:10px;isolation:isolate}
.app-window{position:relative;width:100%;aspect-ratio:3024/1896;overflow:hidden;border:1px solid #52605d;border-radius:clamp(7px,1vw,18px);background:#1f1f1f;box-shadow:0 30px 70px #0004;transform:perspective(1500px) rotateX(var(--tilt,0deg));transform-origin:center;will-change:transform}
.window-image{position:absolute;width:107.407407%;height:auto;max-width:none;left:-3.703704%;top:-4.008439%}
.video-feed{position:absolute;left:1.36%;top:12.87%;width:97.28%;height:64.08%;border-radius:.65vw;overflow:hidden;background:#000;opacity:var(--feed-opacity,1)}
.video-feed img{width:100%;height:100%;object-fit:contain;display:block}
.control-highlight{position:absolute;top:81.72%;height:2.72%;border:1.5px solid var(--mint);border-radius:4px;opacity:0;box-shadow:0 0 0 5px #79dfca20;transition:opacity .35s}
.record-highlight{left:1.82%;width:6.05%}.screenshot-highlight{left:8.55%;width:8.05%}
[data-stage="record"] .record-highlight,[data-stage="screenshot"] .screenshot-highlight{opacity:1}
.app-showcase figcaption{font-size:11px;line-height:1.5;color:var(--muted);margin-top:18px;text-align:center}
.saved-frame{position:absolute;z-index:2;right:-2%;bottom:17%;width:43%;padding:7px;background:var(--paper);color:var(--deep);box-shadow:0 18px 45px #0007;transform:translate(18px,32px) rotate(0deg) scale(.92);opacity:0;pointer-events:none;transition:opacity .45s,transform .65s cubic-bezier(.2,.7,.2,1)}
.saved-frame img{width:100%;height:auto;display:block}.saved-frame span{font-size:clamp(8px,.8vw,12px);padding:9px 4px 4px;display:flex;justify-content:space-between;gap:10px}.saved-frame b{font-size:.85em;font-weight:500;color:#52716c}
[data-stage="screenshot"] .saved-frame{opacity:1;transform:translate(0,0) rotate(-5deg) scale(1)}
.showcase-step{min-height:48svh;display:flex;flex-direction:column;justify-content:center;padding:44px 0;border-top:1px solid var(--line)}
.showcase-step:first-child{border-top:0}.showcase-step:last-child{min-height:48svh}.showcase-step .feature-number{color:var(--mint);font-size:11px;letter-spacing:.12em;margin-bottom:20px}.showcase-step h3{font-size:clamp(27px,2.8vw,39px);font-weight:500;line-height:1.1;letter-spacing:-.04em;margin-bottom:18px}.showcase-step p{font-size:16px;line-height:1.65;color:var(--muted);margin-bottom:24px}.feature-detail{font-size:11px;color:var(--mint);line-height:1.6}
@media(min-width:1550px){.app-showcase{top:max(40px,calc((100svh - 640px)/2))}}
@media(max-width:1000px){.hero-inner{grid-template-columns:1.1fr 1fr;gap:35px}.hero h1{font-size:72px}.hero h2{font-size:27px}.showcase-layout{gap:30px;grid-template-columns:minmax(0,2.5fr) minmax(190px,1fr)}.showcase-step h3{font-size:29px}}
@media(max-width:700px){.hero-inner{display:block;padding:22px 6vw 30px}.hero h1{font-size:clamp(64px,12vw,83px);max-width:none;margin-bottom:18px}.hero h2{font-size:29px}.hero-action{margin-top:24px}.hero-action .intro{max-width:500px;font-size:16px}.hero-foot{padding-top:17px;padding-bottom:17px}.showcase{padding:28px 4vw 44px}.showcase-heading{flex-wrap:wrap;gap:12px;margin-bottom:24px}.showcase-heading .eyebrow{width:100%}.showcase-heading h2{font-size:27px}.showcase-layout{display:block}.app-showcase{position:sticky;top:16px;z-index:2;padding:12px 0 16px;background:var(--deep)}.app-window{border-radius:9px}.video-feed{border-radius:1vw}.app-showcase figcaption{font-size:10px;margin-top:12px}.showcase-steps{position:relative;z-index:1}.showcase-step{min-height:46svh;padding:36px 4vw 32px;justify-content:flex-end}.showcase-step:last-child{min-height:46svh}.showcase-step h3{font-size:32px;max-width:330px;margin-bottom:12px}.showcase-step p{font-size:16px;max-width:430px;margin-bottom:16px}.showcase-step .feature-number{margin-bottom:14px}.saved-frame{right:1%;width:42%;padding:5px}.saved-frame span{font-size:8px;padding-top:6px}.control-highlight{border-width:1px;box-shadow:0 0 0 3px #79dfca20}.scroll-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.app-window{transform:none;will-change:auto}.video-feed{opacity:1}.app-showcase{position:relative;top:0}.showcase-step,.showcase-step:last-child{min-height:0;padding-top:32px;padding-bottom:32px}.saved-frame{display:none}.scroll-hint{display:none}}
/* Keep the original empty-state lettering covered while the captured image fades in. */
.video-feed{opacity:1}.video-feed img{opacity:var(--feed-opacity,1)}
@media(prefers-reduced-motion:reduce){.video-feed img{opacity:1}}

.legal-page{max-width:850px;margin:auto;padding:55px 6vw 90px}.legal-page h1{font-size:clamp(40px,6vw,64px);line-height:1.05;letter-spacing:-.04em;margin-bottom:30px}.legal-page h2{font-size:25px;letter-spacing:-.02em;margin:38px 0 16px}.legal-page p,.legal-page li{font-size:16px;line-height:1.8;color:var(--muted)}.legal-page li{margin-bottom:12px}.legal-page a{text-decoration:underline;text-underline-offset:3px;color:var(--mint)}.legal-page .legal-date{font-size:13px}.legal-nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;margin-bottom:24px}.legal-nav a:first-child{display:block}