:root{--paper:#f8f8f5;--ink:#252d39;--muted:#687380;--blue:#3375dd;--line:#e1e5e9;--ease:cubic-bezier(.22,1,.36,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #639bed;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}.wrap{width:100%;max-width:1200px;margin:auto;padding-inline:44px}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:12px;left:12px;z-index:20;background:white;padding:14px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:10;background:rgba(248,248,245,.92);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.site-header.scrolled{border-color:#e1e5e980;box-shadow:0 5px 25px #253b5505}.nav{display:flex;justify-content:space-between;align-items:center;min-height:88px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:650;letter-spacing:-.6px}.brand img{border-radius:9px}.nav nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:550}.nav nav>a{transition:color .2s}.nav nav>a:hover{color:var(--blue)}.nav-cta{display:flex;align-items:center;gap:20px;border:1px solid #d9dfe6;padding:11px 16px;border-radius:10px;background:#ffffff90}.nav-cta .icon{width:16px;height:16px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:740px;padding-top:54px;padding-bottom:60px;gap:20px}.eyebrow{font-size:10px;line-height:1.6;font-weight:650;letter-spacing:1.7px;color:#667b91;margin:0 0 24px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#719ac7;margin-right:9px;vertical-align:2px}.hero h1{font-size:clamp(58px,6.7vw,84px);font-weight:650;line-height:1.02;letter-spacing:-4.8px;margin:0 0 27px}.hero h1 span,.closing h2 span{color:#7c8fa5}.intro{max-width:360px;font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;background:var(--blue);color:white;padding:16px 22px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 2px 3px #184d9620,0 7px 17px #3375dd18,inset 0 1px 0 #ffffff28;transition:transform .3s var(--ease),background .3s,box-shadow .3s}.button .icon{width:18px;height:18px;transition:transform .3s var(--ease)}.button:hover{background:#2467d0;transform:translateY(-2px);box-shadow:0 7px 20px #3375dd30}.button:hover .icon,.inline-link:hover .icon{transform:translateX(4px)}.button:active{transform:translateY(0) scale(.98)}.release{font-size:11px;color:#727f8d;margin:16px 0 0}.release span{padding:0 7px}.hero-scene{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;isolation:isolate}.scene-orbit{position:absolute;inset:10px -20px 0;border-radius:50%;background:radial-gradient(ellipse,#dce8f5a0 0,#eaf0f560 43%,transparent 70%);z-index:-1}.hero-phone{position:relative;transform:rotate(3deg);width:286px;height:518px;border:5px solid #fff;border-radius:38px;background:#fff;box-shadow:0 0 0 1px #dde2e6,6px 20px 35px -15px #314e6d35,0 45px 75px -35px #48648645;overflow:hidden}.phone-status{height:44px;padding:9px 18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:650}.island{height:18px;width:67px;background:#23282e;border-radius:20px;position:absolute;left:50%;transform:translateX(-50%);top:10px}.phone-content{padding:16px 19px}.phone-heading{display:flex;align-items:center;justify-content:space-between;font-size:27px;font-weight:700;letter-spacing:-1px}.phone-heading>.icon{color:var(--blue);width:18px}.phone-subtitle{font-size:10px;color:#88909a;margin:10px 0 29px}.phone-section-label{font-size:8px;letter-spacing:1.1px;color:#8b95a1}.phone-row{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid #edf0f3}.phone-row strong{display:block;font-size:11px;font-weight:550}.phone-row small{display:block;font-size:8px;color:#83909d;margin-top:6px}.phone-row small span{margin-inline:3px}.entry-icon{display:inline-grid;place-items:center;width:23px;flex-shrink:0}.entry-icon .icon{width:20px;height:20px}.blue{color:#4887dd}.amber{color:#c29850;font-size:28px;line-height:23px}.task-circle{display:inline-block;width:16px;height:16px;flex-shrink:0;margin-inline:3px 4px;border:1.4px solid #b8c6d3;border-radius:50%}.highlighted{background:#f4f7fa;border-radius:8px;margin-inline:-9px;padding-inline:9px;border-bottom-color:transparent}.phone-quote{font-family:Georgia,serif;font-style:italic;font-size:12px;color:#9aa7b4;text-align:center;padding-top:26px}.phone-tabs{display:flex;justify-content:space-around;border-top:1px solid #edf0f3;padding:12px 7px 0;position:absolute;bottom:22px;left:0;right:0;background:#fff}.phone-tabs>span{display:flex;align-items:center;gap:5px;flex-direction:column;font-size:7px;color:#8a95a2}.phone-tabs .icon{width:18px;height:18px}.phone-tabs .selected{color:var(--blue)}.home-indicator{position:absolute;bottom:6px;width:85px;height:3px;border-radius:10px;background:#303840;left:50%;transform:translateX(-50%)}.thought-note{position:absolute;left:-16px;top:16px;z-index:2;width:205px;padding:24px 20px 17px;background:#fffef9;transform:rotate(-7deg);border:1px solid #e9e6dc;border-radius:6px 6px 20px 6px;box-shadow:0 15px 35px -18px #716c4940}.note-pin{display:block;position:absolute;top:-6px;left:85px;width:35px;height:15px;background:#dce6eea0;transform:rotate(5deg)}.small-label{font-size:8px;letter-spacing:1.1px;color:#8c9398;font-weight:650}.thought-note p{font-family:Georgia,serif;font-size:20px;line-height:1.35;color:#586574;margin:14px 0 2px}.note-line{width:150px;height:10px;stroke:#d4b986;stroke-width:2;fill:none}.saved-note{position:absolute;bottom:78px;right:-6px;z-index:2;display:flex;align-items:center;gap:12px;padding:17px 21px;background:#ffffffed;border:1px solid #fff;border-radius:15px;box-shadow:0 10px 35px -13px #3f627b40;transform:rotate(-3deg)}.saved-check{width:32px;height:32px;display:grid;place-items:center;color:#639589;background:#edf5f0;border-radius:50%}.saved-note strong{display:block;font-size:12px;font-weight:600}.saved-note div>span{display:block;font-size:10px;color:#83909b;margin-top:5px}.scene-caption{position:absolute;bottom:-10px;font-size:9px;color:#7b8794;letter-spacing:.1px}.breathing-room{display:flex;justify-content:space-between;padding-block:27px;border-block:1px solid var(--line);font-family:Georgia,serif;font-size:17px;color:#84909e;font-style:italic}.breathing-room span:nth-child(2){color:#52667d}.section-space{padding-top:112px;padding-bottom:112px}.section-heading h2,.native-copy h2,.faq h2{font-size:clamp(34px,4vw,48px);font-weight:600;letter-spacing:-2px;line-height:1.13;margin:0 0 22px}.section-heading>p:last-child{font-size:15px;color:var(--muted);line-height:1.8}.experience>.section-heading{text-align:center}.experience-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center;margin-top:55px}.journey-controls{display:grid;gap:4px}.journey-step{display:flex;align-items:flex-start;gap:18px;padding:26px 17px;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--muted);position:relative;transition:background .35s,color .35s;border-radius:12px}.journey-step.active{background:#edf1f5;border-bottom-color:transparent;color:var(--ink)}.step-number{font-size:10px;letter-spacing:1px;padding-top:5px;color:#8197af}.journey-step strong{display:block;font-size:19px;letter-spacing:-.5px;font-weight:600;margin-bottom:10px}.journey-step>span:nth-child(2)>span{display:block;font-size:12px;line-height:1.8;color:var(--muted);max-width:235px}.journey-step>.icon{width:16px;margin-left:auto;margin-top:3px;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}.journey-step.active>.icon,.journey-step:hover>.icon{opacity:1;transform:none;color:var(--blue)}.demo-shell{background:#fff;border:1px solid #e0e5eb;border-radius:22px;box-shadow:0 24px 60px -38px #405e834d,0 3px 10px #405e8305;overflow:hidden}.demo-toolbar,.demo-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;font-size:8px;letter-spacing:.7px;color:#7c8c9d}.demo-toolbar{border-bottom:1px solid #eff1f4;gap:10px}.demo-toolbar .dot{width:5px;height:5px;margin-right:5px;vertical-align:1px}.text-button{border:0;background:none;display:inline-flex;align-items:center;gap:5px;padding:4px;color:#637c99;font-size:10px}.text-button:hover{color:var(--blue)}.text-button .icon{width:13px;height:13px}.journey-preview{min-height:335px;padding:32px 34px 15px}.demo-panel.panel-enter{animation:panel-in .45s var(--ease) both}.demo-screen-title{font-size:28px;font-weight:650;letter-spacing:-1px}.demo-subtitle{font-size:12px;color:#8a95a1;margin:8px 0 24px}.input-preview{border:1px solid #e4e9ef;background:#fafbfc;border-radius:12px;padding:20px 17px;min-height:115px}.input-preview p{font-size:17px;line-height:1.5;letter-spacing:-.4px;margin:15px 0 0}.typing-caret{display:inline-block;vertical-align:-3px;height:20px;width:1.5px;background:var(--blue);margin-left:3px}.demo-save{display:flex;align-items:center;gap:7px;margin-top:15px;color:#668f82;font-size:11px}.demo-save>.icon{width:14px;height:14px}.demo-footnote{font-size:10px;color:#7c8b9a;line-height:1.6;margin:22px 0 0;display:flex;align-items:center;gap:5px}.demo-footnote .icon{width:13px;height:13px;color:#6a9789}.demo-bottom{padding-top:14px;font-size:9px;letter-spacing:0}.detail-card{border:1px solid #e5eaf0;border-radius:12px;padding:17px}.entry-tag{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--blue);background:#edf4fd;border-radius:5px;padding:5px 7px}.entry-tag>.icon{width:12px;height:12px}.detail-card h3{font-size:16px;font-weight:550;letter-spacing:-.2px;margin:14px 0 18px}.detail-fields{display:flex;gap:50px;font-size:10px;color:#8a97a5}.detail-fields strong{display:block;font-size:11px;color:#435164;margin-top:6px;font-weight:550}.calendar-label{font-size:9px;letter-spacing:1px;color:#637c99;display:flex;justify-content:space-between;margin:0 0 10px}.calendar-label span{font-size:7px;color:#a0aab4}.time-row{display:flex;align-items:center;gap:17px;min-height:32px}.time-row>span{font-size:9px;min-width:26px;color:#8d9aa7}.time-row>i{height:1px;background:#eff2f5;flex:1}.time-row.scheduled{align-items:flex-start;padding-block:3px}.time-row.scheduled>span{padding-top:8px}.scheduled>div{background:#edf4fd;border-left:3px solid #80aae3;border-radius:5px;flex:1;padding:11px 13px}.scheduled strong{display:block;font-size:12px;color:#446891}.scheduled small{display:block;font-size:9px;color:#7994b1;margin-top:5px}.details-section{background:#eef2f4;border-block:1px solid #e5eaed}.details-section .section-heading{text-align:center;margin-bottom:47px}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.detail-grid article{border:1px solid #fff;border-radius:22px;overflow:hidden;background:#f9fafb}.feature-copy{padding:35px 35px 23px}.feature-symbol{display:inline-grid;place-items:center;width:37px;height:37px;border:1px solid #dfe7ee;border-radius:11px;background:#fff;color:#6b8bad;margin-bottom:20px}.feature-symbol>.icon{width:21px;height:21px}.detail-grid h3{font-size:26px;line-height:1.23;letter-spacing:-.9px;font-weight:600;margin:0 0 14px}.detail-grid p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.theme-switch{display:inline-flex;padding:3px;border:1px solid #e1e7ed;border-radius:9px;background:#edf1f5;margin-top:23px}.theme-switch button{display:flex;align-items:center;gap:6px;border:0;border-radius:6px;background:transparent;padding:7px 12px;font-size:10px;color:#7d8a9b;transition:color .25s,background .25s,box-shadow .25s}.theme-switch button[aria-pressed=true]{background:white;color:#435772;box-shadow:0 1px 4px #3d536017}.theme-switch .icon{width:14px;height:14px}.appearance-preview{--surface:#fff;--text:#334155;--subtle:#8a97a5;--divider:#edf0f4;background:var(--surface);color:var(--text);border:1px solid #dfe5eb;border-radius:14px;margin:0 35px;padding:23px 23px 5px;box-shadow:0 12px 30px -20px #354f793b;transition:background .5s,color .5s,border-color .5s}.appearance-preview[data-appearance=dark]{--surface:#252a32;--text:#e8edf4;--subtle:#9caabd;--divider:#3a414a;border-color:#353d47}.mini-title{font-size:19px;letter-spacing:-.6px;font-weight:650;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mini-title>span{font-size:9px;letter-spacing:0;color:var(--subtle);font-weight:400}.mini-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--divider);font-size:11px}.mini-row small{display:block;font-size:9px;color:var(--subtle);margin-top:5px}.card-caption{display:block;text-align:center;font-size:9px;color:#83909e;margin:17px 0 21px}.offline-card{padding:35px;display:flex;flex-direction:column}.offline-card>.feature-symbol{flex-shrink:0}.offline-card p{max-width:295px}.offline-visual{position:relative;display:flex;align-items:center;justify-content:space-between;margin:48px 12px 30px;min-height:80px}.offline-line{height:1px;background:linear-gradient(90deg,#cad9e9,#bdd2cc);position:absolute;top:50%;width:100%}.offline-bubble{display:grid;place-items:center;background:#fff;border:1px solid #dce5ef;border-radius:19px;width:68px;height:68px;color:#749ac7;z-index:1;transform:rotate(-8deg);box-shadow:0 10px 23px -13px #6c8cb83b}.offline-bubble>.icon{width:26px;height:26px}.check-bubble{transform:rotate(8deg);color:#7ca292;background:#f0f7f3;border-color:#dce9e1}.offline-status{font-size:10px;color:#7c8d90;line-height:1.7;margin-top:auto}.offline-status .dot{background:#7da493}.native-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.native-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:var(--muted);max-width:355px;margin:25px 0}.inline-link{display:inline-flex;gap:17px;align-items:center;color:var(--blue);font-size:13px;font-weight:550}.inline-link>.icon{width:17px;transition:transform .3s}.native-note{display:block;font-size:10px;color:#8a96a2;margin-top:32px}.native-photo{position:relative;display:flex;align-items:center;flex-direction:column;isolation:isolate}.native-photo>img{position:relative;display:block;width:230px;height:auto;border-radius:29px;box-shadow:0 20px 45px -22px #41597750;border:1px solid #e2e5eb;transform:rotate(-3deg)}.screenshot-halo{position:absolute;inset:50px -15px 35px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#e4ebf1 0,transparent 70%)}.native-caption{font-size:9px;color:#8792a0;margin-top:24px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:40px;padding-bottom:70px}.faq h2{font-size:38px}.faq .eyebrow{margin-bottom:17px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:550;line-height:1.6;padding:22px 0;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>.icon{width:16px;height:16px;color:#7e90a5;transition:transform .3s}.faq details[open] summary>.icon{transform:rotate(45deg)}.faq-answer{overflow:hidden}.faq-answer p{font-size:12px;color:var(--muted);line-height:1.9;margin:0;padding:0 25px 21px 0}.closing{text-align:center;padding-top:80px;padding-bottom:95px;position:relative;background:radial-gradient(ellipse at 50% 50%,#eaf0f560,transparent 60%)}.closing-mark{display:inline-block;padding:10px;border:1px solid #fff;border-radius:23px;background:#ffffff80;box-shadow:0 10px 30px -12px #2e5e9030;margin-bottom:27px;transform:rotate(-5deg)}.closing-mark img{display:block;border-radius:15px}.closing .eyebrow{font-size:9px;margin-bottom:17px}.closing h2{font-size:clamp(40px,5.5vw,64px);letter-spacing:-2.8px;font-weight:600;line-height:1.09;margin:0 0 30px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:28px 35px}footer .brand{font-size:13px;letter-spacing:-.3px}.footer-links{display:flex;gap:23px;font-size:11px;color:var(--muted)}.footer-links a:hover{color:var(--blue)}footer small{font-size:9px;color:#83909d}.noscript-note{font-size:13px;color:var(--muted);line-height:1.8}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}.motion-ready .hero-enter{animation:hero-in .9s var(--ease) both}.hero-copy .hero-enter:nth-child(2){animation-delay:.08s}.hero-copy .hero-enter:nth-child(3){animation-delay:.16s}.hero-copy .hero-enter:nth-child(4){animation-delay:.24s}.hero-scene.hero-enter{animation-delay:.18s}.detail-grid>.reveal:nth-child(2){transition-delay:.1s}@keyframes hero-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.hero{min-height:770px}.hero-scene{transform:scale(1.05)}}
@media(max-width:1000px){.wrap{padding-inline:30px}.hero{gap:10px}.hero h1{font-size:65px;letter-spacing:-3.9px}.hero-phone{width:260px}.thought-note{left:-15px;width:175px;padding:21px 15px 15px;top:29px}.thought-note p{font-size:18px}.small-label{font-size:7px}.saved-note{right:-10px;padding:15px}.experience-layout{gap:30px;grid-template-columns:1fr 1.2fr}.journey-preview{padding-inline:23px}.demo-toolbar{padding-inline:18px}.native-section{gap:40px}.faq{gap:40px}.breathing-room{font-size:15px}.hero-scene{min-width:0}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{padding-inline:23px}.nav{min-height:72px}.brand{font-size:16px}.brand img{width:29px;height:29px}.nav nav>a:not(.nav-cta){display:none}.nav-cta{font-size:10px;padding:9px 11px;gap:10px}.nav-cta .icon{width:14px}.hero{grid-template-columns:1fr;gap:28px;padding-top:49px;padding-bottom:33px;text-align:center;min-height:0}.hero h1{font-size:clamp(53px,10vw,73px);letter-spacing:-3.3px;line-height:1.06;margin-bottom:21px}.hero h1>br:first-of-type{display:none}.hero h1>br:first-of-type::after{content:' '}.hero h1{max-width:540px;margin-inline:auto}.hero .eyebrow{font-size:9px;margin-bottom:22px}.intro{max-width:330px;font-size:14px;line-height:1.85;margin:0 auto 24px}.scene-orbit{inset:10px 0 0}.hero-scene{width:100%;max-width:450px;margin:auto;min-height:548px;text-align:left}.hero-phone{width:265px;height:493px}.phone-content{padding-top:10px}.phone-row{padding-block:15px}.phone-quote{padding-top:22px}.thought-note{left:-2px;top:13px;width:167px}.thought-note p{font-size:17px}.saved-note{right:0;bottom:49px;padding:14px 16px}.scene-caption{bottom:-2px;font-size:8px}.breathing-room{flex-wrap:wrap;justify-content:center;gap:8px 15px;font-size:14px;line-height:1.6;padding-block:25px}.breathing-room span:last-child{width:100%;text-align:center}.section-space{padding-block:72px}.section-heading h2,.native-copy h2{font-size:37px;letter-spacing:-1.7px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:18px}.section-heading>p:last-child{font-size:13px}.experience-layout{grid-template-columns:1fr;gap:26px;margin-top:31px}.journey-controls{grid-template-columns:repeat(3,1fr);gap:7px}.journey-step{padding:16px 8px;gap:9px;flex-direction:column;border:1px solid var(--line);border-radius:10px}.journey-step.active{border-color:#d5e0ec}.journey-step strong{font-size:12px;letter-spacing:-.3px;line-height:1.4;margin:0}.journey-step>span:nth-child(2)>span{display:none}.journey-step>.icon{display:none}.step-number{font-size:9px;padding:0}.demo-toolbar{padding:18px;font-size:7px;letter-spacing:.5px}.journey-preview{padding:27px 24px 12px;min-height:322px}.demo-screen-title{font-size:26px}.input-preview p{font-size:16px}.demo-bottom{padding-inline:23px}.detail-grid{grid-template-columns:1fr;gap:20px}.details-section .section-heading{margin-bottom:30px}.feature-copy{padding:28px}.appearance-preview{margin-inline:28px}.offline-card{padding:28px}.offline-card p{max-width:100%}.offline-visual{margin-block:28px}.native-section{grid-template-columns:1fr;gap:37px}.native-copy{text-align:center}.native-copy>p:not(.eyebrow){margin-inline:auto;font-size:14px}.native-note{margin-top:21px}.native-photo>img{width:216px}.faq{grid-template-columns:1fr;gap:15px;padding-top:10px;padding-bottom:30px}.faq h2{font-size:34px;letter-spacing:-1.5px}.faq h2 br{display:none}.faq .eyebrow{font-size:9px}.faq summary{font-size:12px;padding-block:20px}.closing{padding-block:55px 65px}.closing h2{font-size:43px;letter-spacing:-2px}.closing .eyebrow{font-size:8px}.closing-mark img{width:49px;height:49px}.closing-mark{border-radius:20px;padding:9px}footer{flex-wrap:wrap;justify-content:center;gap:23px}footer small{width:100%;text-align:center}.footer-links{gap:18px}.detail-grid>.reveal:nth-child(2){transition-delay:0}}
@media(max-width:370px){.wrap{padding-inline:18px}.hero h1{font-size:47px;letter-spacing:-2.7px}.hero-scene{min-height:523px}.hero-phone{width:248px;height:485px}.thought-note{width:146px;padding:17px 12px;left:-3px}.thought-note p{font-size:15px}.note-line{width:118px}.saved-note{right:-2px;padding:12px}.saved-note div>span{font-size:9px}.demo-toolbar>span{font-size:6px}.demo-toolbar .dot{display:none}.journey-preview{padding-inline:20px}.input-preview{padding-inline:13px}.input-preview p{font-size:14px}.appearance-preview{margin-inline:20px;padding-inline:18px}.mini-row{font-size:10px}.detail-grid h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}

/* One persistent thought moves from capture to its place in the plan. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.journey-preview{min-height:388px}
.story-heading{min-height:84px}.story-board{position:relative;height:215px}.thought-card{position:absolute;top:0;left:0;width:100%;height:144px;padding:20px;border:1px solid #e1e7ef;border-radius:13px;background:#fafbfc;transform-origin:top left;z-index:2;box-shadow:0 5px 18px -15px #52749850;transition:background .6s,border-color .6s,box-shadow .6s}
.thought-card-label{display:block;font-size:8px;letter-spacing:1.1px;font-weight:650;color:#788b9e}.thought-card-title{font-size:17px;line-height:1.5;letter-spacing:-.3px;margin:16px 0 0}.thought-card-details{display:flex;gap:50px;margin-top:20px;font-size:10px;color:#7a8c9f;opacity:0;visibility:hidden;transition:opacity .4s .15s}.thought-card-details strong{display:block;color:#435164;margin-top:6px;font-size:11px;font-weight:550}.thought-card-time{display:none;font-size:10px;color:#6283aa;margin-top:6px}.story-calendar{position:absolute;inset:0;opacity:0;transition:opacity .5s}.story-hour{height:49px;font-size:9px;color:#8d9aa7;display:flex;align-items:center;gap:16px}.story-hour::after{content:'';height:1px;flex:1;background:#e9eef3}.story-choice{position:absolute;bottom:0;left:42px;display:flex;align-items:center;gap:5px;font-size:9px;color:#648579;opacity:0;visibility:hidden;transition:opacity .5s .4s}.story-choice .icon{width:13px;height:13px}.story-caption{display:flex;gap:6px;align-items:flex-start;font-size:10px;line-height:1.7;color:#718396;margin:0}.story-caption .icon{color:#6c9788;width:13px;height:17px}.journey-preview[data-stage="1"] .thought-card{top:0;height:186px;background:white;border-color:#cfdfef;box-shadow:0 10px 24px -17px #52749860}.journey-preview[data-stage="1"] .thought-card-label{color:var(--blue)}.journey-preview[data-stage="1"] .thought-card-details{opacity:1;visibility:visible}.journey-preview[data-stage="2"] .thought-card{top:68px;left:42px;width:calc(100% - 42px);height:92px;padding:13px 15px;background:#edf4fd;border-color:#d7e5f6;border-left:3px solid #80aae3}.journey-preview[data-stage="2"] .thought-card-label{font-size:7px;color:#7092bb}.journey-preview[data-stage="2"] .thought-card-title{font-size:13px;margin-top:7px;color:#446891}.journey-preview[data-stage="2"] .thought-card-details{display:none}.journey-preview[data-stage="2"] .thought-card-time{display:block}.journey-preview[data-stage="2"] .story-calendar,.journey-preview[data-stage="2"] .story-choice{opacity:1;visibility:visible}
@media(max-width:760px){.journey-preview{min-height:375px}.thought-card{padding:17px}.thought-card-title{font-size:15px}.journey-preview[data-stage="2"] .thought-card-title{font-size:12px}.story-caption{font-size:9px}}

/* Native app captures: real screens, with demonstration data only. */
.real-phone-gallery{display:flex;align-items:flex-start;gap:22px;min-width:0}.real-phone-gallery figure{margin:0;flex:1;min-width:0}.real-phone-gallery figure:nth-child(2){padding-top:58px}.real-phone-gallery img{display:block;width:100%;height:auto;border-radius:27px;border:1px solid #e0e5eb;box-shadow:0 20px 40px -24px #385d8d60}.real-phone-gallery figcaption{font-size:11px;line-height:1.6;text-align:center;margin-top:19px;color:#596f87}.real-phone-gallery figcaption span{display:block;font-size:9px;margin-top:4px;color:#7c8c9b}.ipad-showcase{grid-column:1/-1;margin-top:16px;padding:40px 48px 24px;border-radius:25px;background:linear-gradient(140deg,#eef3f7,#f0f1ed);border:1px solid #e9edf0;overflow:hidden}.ipad-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:34px}.ipad-heading .eyebrow{font-size:9px;margin-bottom:12px}.ipad-heading h3{font-size:32px;letter-spacing:-1px;font-weight:600;margin:0}.ipad-heading>p{color:var(--muted);font-size:13px;line-height:1.8}.ipad-frame{padding:10px;background:#24292e;border-radius:25px;border:1px solid #4d5864;box-shadow:0 30px 50px -25px #28476650;max-width:820px;margin:auto}.ipad-frame img{display:block;width:100%;height:auto;border-radius:15px}.screenshots-caption{text-align:center;margin:24px 0 0;font-size:10px;color:#728396}
@media(max-width:760px){.real-phone-gallery{gap:17px;max-width:440px;margin:auto}.real-phone-gallery img{border-radius:20px}.real-phone-gallery figure:nth-child(2){padding-top:35px}.real-phone-gallery figcaption{font-size:10px}.real-phone-gallery figcaption span{font-size:8px}.ipad-showcase{padding:28px 18px 20px;margin-top:12px;border-radius:18px}.ipad-heading{display:block;margin-bottom:25px}.ipad-heading h3{font-size:28px}.ipad-heading>p{font-size:12px;margin-top:15px}.ipad-frame{padding:5px;border-radius:12px}.ipad-frame img{border-radius:7px}.screenshots-caption{font-size:9px;line-height:1.6;margin-top:17px}}

/* Hero motion: floating layers, a recurring save accent, and gentle pointer depth. */
.hero-art {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  transform: perspective(1100px) rotateX(var(--hero-rx, 0deg)) rotateY(var(--hero-ry, 0deg));
  transition: transform .7s cubic-bezier(.22, 1, .36, 1);
  --float-span: 12px;
}
.hero-art .hero-phone { flex-shrink: 0; }
.scene-footer { position: absolute; top: calc(100% + 6px); bottom: auto; left: 0; right: 0; display: flex; align-items: center; flex-direction: column; gap: 5px; }
.scene-footer .scene-caption { position: static; margin: 0; }
.scene-motion { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: #78889a; font-size: 9px; padding: 8px 12px; border-radius: 7px; min-height: 30px; }
.scene-motion:hover { color: var(--blue); background: #eaf0f5; }
.motion-symbol { width: 7px; height: 8px; border-inline: 2px solid currentColor; }
.is-paused .motion-symbol { width: 0; height: 0; border: 4px solid transparent; border-right: 0; border-left: 6px solid currentColor; }
.hero-motion-ready .hero-phone { animation: phone-drift 8s ease-in-out infinite; }
.hero-motion-ready .thought-note { animation: thought-drift 7s ease-in-out infinite; }
.hero-motion-ready .saved-note { animation: saved-drift 6s ease-in-out infinite; }
.hero-motion-ready .scene-orbit { animation: halo-breathe 10s ease-in-out infinite; }
.hero-motion-ready .note-line path { stroke-dasharray: 180; animation: thought-underline 10s ease-in-out infinite; }
.hero-motion-ready .highlighted { position: relative; overflow: hidden; animation: idea-arrives 10s ease-in-out infinite; }
.hero-motion-ready .highlighted::after { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 15%, #fff9 50%, transparent 85%); transform: translateX(-120%); animation: saved-shine 10s ease-in-out infinite; pointer-events: none; }
.hero-motion-ready .saved-check { animation: saved-confirm 10s ease-in-out infinite; }
.hero-motion-ready .saved-check .icon { stroke-dasharray: 30; animation: saved-tick 10s ease-in-out infinite; }
.hero-motion-ready:not(.hero-running) .hero-phone,
.hero-motion-ready:not(.hero-running) .thought-note,
.hero-motion-ready:not(.hero-running) .saved-note,
.hero-motion-ready:not(.hero-running) .scene-orbit,
.hero-motion-ready:not(.hero-running) .note-line path,
.hero-motion-ready:not(.hero-running) .highlighted,
.hero-motion-ready:not(.hero-running) .highlighted::after,
.hero-motion-ready:not(.hero-running) .saved-check,
.hero-motion-ready:not(.hero-running) .saved-check .icon { animation-play-state: paused; }
@keyframes phone-drift {
  0%, 100% { transform: translateY(3px) rotate(3deg); }
  50% { transform: translateY(calc(-1 * var(--float-span))) rotate(1.6deg); }
}
@keyframes thought-drift {
  0%, 100% { transform: translateY(0) rotate(-7deg); }
  50% { transform: translateY(calc(-1.25 * var(--float-span))) rotate(-9deg); }
}
@keyframes saved-drift {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(var(--float-span)) rotate(-1deg); }
}
@keyframes halo-breathe { 0%, 100% { transform: scale(.96); opacity: .65; } 50% { transform: scale(1.06); opacity: 1; } }
@keyframes thought-underline { 0%, 8% { stroke-dashoffset: 180; opacity: .3; } 25%, 90% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: .3; } }
@keyframes idea-arrives { 0%, 25%, 70%, 100% { background: #f4f7fa; } 38%, 52% { background: #e8f0fb; } }
@keyframes saved-shine { 0%, 28% { transform: translateX(-120%); } 48%, 100% { transform: translateX(120%); } }
@keyframes saved-confirm { 0%, 45%, 75%, 100% { transform: scale(1); } 54% { transform: scale(1.14); } 63% { transform: scale(1); } }
@keyframes saved-tick { 0%, 42%, 70%, 100% { stroke-dashoffset: 0; } 45% { stroke-dashoffset: 30; } 57% { stroke-dashoffset: 0; } }
@media(max-width:760px) {
  .hero-art { --float-span: 6px; }
  .hero-scene { margin-bottom: 52px; }
  .scene-footer { top: calc(100% + 3px); gap: 3px; }
  .scene-motion { min-height: 36px; }
  .hero-art .thought-note { left: 5px; }
  .hero-art .saved-note { right: 5px; }
  .hero-art .scene-orbit { inset-inline: 12px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-art { transform: none; }
  .scene-motion { display: none; }
}

/* Download placeholder; add the product-page link when the app is available. */
.hero-actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 22px; }
.store-placeholder { display: inline-flex; flex-direction: column; align-items: center; gap: 13px; flex-shrink: 0; }
.store-placeholder img { display: block; width: 156px; height: auto; }
.hero-actions > .inline-link { min-height: 52px; gap: 10px; }
@media(max-width:760px) { .hero-actions { justify-content: center; gap: 16px; } }
@media(max-width:370px) { .hero-actions { align-items: center; flex-direction: column; gap: 12px; } .hero-actions > .inline-link { min-height: 36px; } }