@font-face{font-family:Manrope;src:url('assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{color-scheme:dark;--bg:#101311;--panel:#191d18;--sage:#d4e9a4;--ivory:#eeeee7;--muted:#a3aa9d;--line:#d4e9a41c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--ivory);font:15px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--sage);outline-offset:6px}::selection{background:var(--sage);color:var(--bg)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;z-index:100;left:20px;top:-100px;background:var(--sage);color:var(--bg);padding:12px 20px}.skip:focus{top:15px}.header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;font:650 25px Manrope,sans-serif;letter-spacing:-1px}.brand-dot{color:var(--sage)}.header nav{display:flex;gap:32px;font-size:13px;color:#bbc1b6}.header nav a:hover,.text-link:hover{color:var(--sage)}.header-cta{border:1px solid #d4e9a43c;border-radius:999px;padding:11px 20px;font-size:12px;color:var(--sage);display:flex;gap:22px}.hero{display:grid;grid-template-columns:1fr 1.05fr;position:relative;padding-top:65px;min-height:780px}.hero-copy{padding-top:60px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#a0ae91;margin:0 0 25px;display:flex;align-items:center;gap:12px;font-weight:500}.eyebrow:before{content:'';width:25px;height:1px;background:#a0ae91}.hero .eyebrow span{display:none}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-2.7px;line-height:1.08;margin:0}h1{font-size:clamp(62px,6.4vw,92px);letter-spacing:-4px}h1 em,h2 em{color:var(--sage);font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(38px,4.5vw,62px)}h3{font-size:26px;letter-spacing:-1px}.intro{font-size:16px;line-height:1.8;max-width:420px;color:var(--muted);margin:28px 0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--sage);color:#25301c;border-radius:100px;padding:16px 25px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;min-height:54px}.button:hover{background:#e2f2c2;transform:translateY(-3px)}.button span{font-size:22px;line-height:1}.text-link{font-size:12px;display:inline-flex;gap:14px;align-items:center}.trial{color:#92988e;font-size:12px;margin:15px 0 42px}.trial strong{font-weight:500;color:#c0c7b8}.availability{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:9px}.availability i,.proof-dot{width:6px;height:6px;border-radius:50%;background:var(--sage);box-shadow:0 0 10px #d4e9a450}.availability span{margin:0 4px}.hero-art{height:600px;position:relative;isolation:isolate;align-self:center;margin-top:-30px}.stage-halo{position:absolute;inset:5% -10% 10%;background:radial-gradient(ellipse,#73885926,transparent 65%);z-index:-1}.stage-grid{position:absolute;inset:0;border:1px solid #a0ae910b;border-radius:45% 45% 0 0;background-image:linear-gradient(#d4e9a407 1px,transparent 1px),linear-gradient(90deg,#d4e9a407 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#0006 50%,transparent)}#scene{position:absolute;inset:-30px -25px 10px;pointer-events:none}#scene canvas{width:100%;height:100%;display:block}.fallback-phone{width:228px;padding:7px;background:linear-gradient(120deg,#879180,#283029);border-radius:39px;position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-9deg);box-shadow:12px 15px 0 #070a07,0 35px 60px #0008}.fallback-phone img{display:block;width:100%;height:auto;border-radius:32px}.has-3d .fallback-phone{visibility:hidden}.floating-note{position:absolute;display:flex;gap:13px;align-items:center;font-size:11px;line-height:1.55;color:#aeb6a7;background:#1b211bec;border:1px solid #d4e9a427;border-radius:13px;padding:14px 18px;box-shadow:0 18px 40px #0003;backdrop-filter:blur(12px);animation:float 7s ease-in-out infinite}.floating-note strong{color:var(--ivory);font-weight:500}.note-idea{left:0;top:115px;transform:rotate(-5deg)}.note-result{right:-5px;bottom:90px;transform:rotate(3deg);animation-delay:-3s}.note-icon{color:var(--sage);font-size:28px}.check-circle{border:1px solid #d4e9a466;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:var(--sage)}.stage-caption{position:absolute;bottom:4px;left:30px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;letter-spacing:1.5px;color:#92988e}.motion-control{background:none;border:1px solid var(--line);border-radius:30px;color:var(--muted);padding:8px 13px;font-size:10px;letter-spacing:0}.motion-control span{margin-left:8px}.hero-bottom{grid-column:1/-1;align-self:end;padding:30px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:9px;color:#92988e;letter-spacing:1.4px}.hero-bottom>span{display:flex;align-items:center;gap:15px}.hero-bottom i{width:3px;height:3px;background:#657159;border-radius:50%}.hero-bottom a{letter-spacing:0;font-size:11px}.hero-bottom a span{margin-left:25px;color:var(--sage)}.section{padding-block:120px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:55px}.section-heading>p{font-size:14px;color:var(--muted);max-width:320px;margin:0 20px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{position:relative;background:linear-gradient(145deg,#1c221a,#151a15);border:1px solid var(--line);border-radius:20px;padding:30px 28px 0;overflow:hidden}.step-top{display:flex;justify-content:space-between;color:#7c8970;font-size:11px;margin-bottom:27px}.step-top img{filter:brightness(1.4);opacity:.65}.step p{font-size:13px;color:var(--muted);min-height:70px;margin:14px 0 30px;max-width:260px}.step-phone{width:200px;padding:6px;border-radius:31px;background:linear-gradient(120deg,#47543c,#1e261c);margin:0 auto -83px;box-shadow:0 22px 40px #0006;transform:rotate(-3deg);transition:transform .5s}.step:nth-child(2) .step-phone{transform:rotate(3deg)}.step:nth-child(3) .step-phone{transform:rotate(-2deg)}.step:hover .step-phone{transform:translateY(-8px) rotate(0)}.step-phone img{width:100%;height:auto;border-radius:25px;display:block}.screen-label{position:absolute;bottom:0;left:0;right:0;height:95px;background:linear-gradient(transparent,#151a15 75%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:22px;font-size:8px;letter-spacing:1.8px;color:#a0ae91}.proof{background:#151914;border-block:1px solid var(--line)}.proof-meta{font-size:9px;letter-spacing:1.8px;color:#b2bf9f;line-height:2.1}.proof-dot{display:inline-block;margin-right:6px}.proof-meta small{font-size:11px;letter-spacing:0;color:var(--muted)}.proof-story{display:flex;align-items:center;gap:30px;padding:35px 0 48px;border-top:1px solid var(--line)}.quote-mark{font:84px/1 Georgia;color:#657650}.proof-story blockquote{margin:0;color:#c4ccbb;font:400 19px/1.7 Manrope;max-width:650px}.proof-numbers{margin-left:auto;display:flex;gap:30px;flex-shrink:0}.proof-numbers p{margin:0}.proof-numbers strong{display:block;font:400 40px/1.2 Manrope;color:var(--sage);letter-spacing:-2px}.proof-numbers span{font-size:10px;color:var(--muted)}.proof-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;max-width:920px;margin:auto}.proof-gallery figure{margin:0}.proof-device{border:1px solid #d4e9a435;background:#0a0d0a;border-radius:36px;padding:7px;box-shadow:0 25px 50px #0005;overflow:hidden;transition:transform .5s}.proof-device:hover{transform:translateY(-7px)}.proof-device img{display:block;width:100%;height:auto;border-radius:29px}.proof-gallery figcaption{font-size:11px;color:#bec5b5;margin-top:23px}.proof-gallery figcaption span{font-size:9px;color:#79866d;margin-right:10px}.proof-footnote{text-align:center;font-size:10px;color:#92988e;margin:40px 0 0}.freedom{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.freedom .intro{max-width:470px}.quiet-copy{font-size:12px;color:#92988e;max-width:430px;line-height:1.9}.freedom-art{position:relative;height:430px;display:grid;place-items:center;perspective:900px;background:radial-gradient(ellipse,#89a66413,transparent 60%)}.freedom-orbit{position:absolute;width:320px;height:320px;border:1px solid #a0ae9120;border-radius:50%;box-shadow:0 0 0 40px #a0ae9107,0 0 0 80px #a0ae9104;transform:rotateX(45deg)}.logo-tile{width:210px;height:210px;border-radius:48px;border:1px solid #d4e9a43c;background:linear-gradient(135deg,#3e4e31,#17291e 75%);box-shadow:12px 14px 0 #182316,13px 15px 0 #65765050,0 35px 70px #0008;transform:rotateX(14deg) rotateY(-25deg) rotateZ(-10deg);display:grid;place-items:center;animation:float 8s ease-in-out infinite}.logo-tile img{width:170px;height:180px;filter:drop-shadow(0 5px 2px #0005)}.freedom-label{position:absolute;bottom:20px;font-size:8px;letter-spacing:1.6px;color:#a0ae91}.start{padding-top:0}.start-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:30px;background:linear-gradient(120deg,#212b1c,#192119);border:1px solid #d4e9a42d;border-radius:25px;padding:55px 60px;overflow:hidden}.start-card>div:first-child{z-index:1}.start-card h2{font-size:48px}.start-card p{color:#bac5ad;font-size:14px}.start-card p.quiet-copy{font-size:12px;max-width:430px}.start-card .button{justify-self:start}.start-number{align-self:center;grid-row:span 2;text-align:center;font:200 170px/1 Manrope;color:#d4e9a4;letter-spacing:-10px;width:200px}.start-number span{display:block;font:10px/2 'DM Sans';letter-spacing:3px}.maker{text-align:center;border-block:1px solid var(--line);padding-block:90px}.maker .eyebrow{justify-content:center}.maker p:not(.eyebrow){color:var(--muted);font-size:14px;margin:25px auto}.maker .text-link{color:var(--sage)}.questions{display:grid;grid-template-columns:1fr 1.5fr;gap:100px}.questions>div>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:25px}.questions>div>p a{color:var(--sage)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:15px;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{font-size:21px;color:var(--sage);font-weight:300}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);max-width:540px;margin:0 25px 25px 0}details a{text-decoration:underline;color:var(--sage)}.closing{text-align:center;padding:40px 0 105px}.closing>img{margin-bottom:26px}.closing h2{font-size:50px}.closing .button{margin-top:30px}.closing p{font-size:11px;color:var(--muted);margin-top:20px}.footer{border-top:1px solid var(--line);padding-block:32px;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer .brand{font-size:17px}.footer p{font-size:10px;color:#92988e}.footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.footer a:hover{color:var(--sage)}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}.js-motion .steps .reveal:nth-child(2),.js-motion .proof-gallery .reveal:nth-child(2){transition-delay:.1s}.js-motion .steps .reveal:nth-child(3),.js-motion .proof-gallery .reveal:nth-child(3){transition-delay:.2s}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off{scroll-behavior:auto}.motion-off .reveal{opacity:1;transform:none}.legal{max-width:820px;padding-block:70px 100px}.legal h1{font-size:58px;letter-spacing:-2px}.legal .legal-intro{font-size:17px;color:var(--muted)}.legal-date{font-size:11px;color:#a0ae91;margin:25px 0}.legal-toc{display:flex;flex-wrap:wrap;gap:12px 25px;border-block:1px solid var(--line);padding:25px 0;margin:35px 0;font-size:12px;color:var(--sage)}.legal section{margin-top:38px;scroll-margin-top:30px}.legal h2{font-size:25px;letter-spacing:-.8px;line-height:1.3;margin-bottom:14px}.legal p,.legal li{font-size:14px;color:#bcc3b4;line-height:1.9}.legal ul{padding-left:20px}.legal a:not(.button){color:var(--sage);text-decoration:underline;text-underline-offset:3px}.legal-notice{padding:20px 25px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
@media(min-width:1600px){.hero{min-height:850px;padding-top:90px}.hero-art{height:660px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 1fr;min-height:720px}.hero-copy{padding-top:50px}h1{font-size:65px}.hero-art{height:540px}.note-idea{left:-10px;top:100px}.note-result{right:-10px;bottom:70px}.floating-note{padding:11px 13px;font-size:10px}.hero-actions{gap:17px}.hero-actions .text-link{font-size:10px}.step{padding-inline:22px}.freedom{gap:55px}.questions{gap:60px}.footer{flex-wrap:wrap}.proof-story blockquote{font-size:16px}.proof-numbers{gap:22px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px;gap:10px}.header .brand{font-size:21px}.header nav{display:none}.header-cta{font-size:10px;padding:10px 15px;gap:12px}.hero{display:flex;flex-direction:column;padding-top:30px;min-height:0}.hero-copy{padding-top:10px;align-self:start}.hero .eyebrow{font-size:8px;margin-bottom:20px}h1{font-size:64px;letter-spacing:-3px}.intro{font-size:14px;max-width:390px;margin:22px 0}.hero-actions{gap:22px;margin-top:25px}.button{font-size:12px;padding:14px 23px}.hero-actions .text-link{font-size:11px}.trial{margin:14px 0 22px}.availability{font-size:9px}.hero-art{width:100%;height:510px;margin:20px 0 0}.note-idea{left:0;top:95px}.note-result{right:0;bottom:90px}.stage-caption{left:5px;right:0}.hero-bottom{width:100%;padding:22px 0;flex-direction:column;gap:14px;font-size:8px}.hero-bottom>span{gap:10px}.hero-bottom a{font-size:10px}.section{padding-block:75px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:24px;font-size:12px}h2{font-size:40px;letter-spacing:-1.8px}.eyebrow{font-size:8px;margin-bottom:20px}.steps{grid-template-columns:1fr;gap:20px}.step{padding:26px 25px 0;min-height:445px}.step-top{margin-bottom:20px}.step p{max-width:300px;min-height:0;margin-bottom:25px}.step-phone{width:210px;margin-bottom:-155px}.step .screen-label{height:110px}.proof-meta{margin-top:25px}.proof-story{gap:14px;flex-wrap:wrap;padding-block:25px 35px}.quote-mark{display:none}.proof-story blockquote{font-size:15px}.proof-numbers{margin:8px 0 0;gap:40px}.proof-numbers strong{font-size:32px}.proof-gallery{gap:12px;grid-template-columns:repeat(3,1fr)}.proof-device{border-radius:17px;padding:3px}.proof-device img{border-radius:14px}.proof-gallery figcaption{font-size:9px;line-height:1.6;margin-top:15px}.proof-gallery figcaption span{display:block;margin-bottom:3px}.proof-footnote{font-size:9px;text-align:left;margin-top:25px}.freedom{display:flex;flex-direction:column;gap:35px;padding-top:35px}.freedom-art{height:330px;width:100%;overflow:hidden}.freedom-orbit{width:250px;height:250px}.logo-tile{width:170px;height:170px;border-radius:37px}.logo-tile img{width:140px;height:150px}.freedom-label{bottom:10px;font-size:7px}.freedom>div:last-child{width:100%}.start{padding-top:0}.start-card{padding:32px 25px;display:block}.start-card h2{font-size:36px}.start-number{font-size:90px;letter-spacing:-5px;width:auto;text-align:left;margin:27px 0 32px}.start-number span{display:inline-block;letter-spacing:2px;margin-left:20px;font-size:9px}.start-card .button{width:100%}.maker{padding-block:65px}.questions{display:block}.faq-list{margin-top:30px}summary{font-size:14px;min-height:65px;padding:20px 0}.closing{padding-block:10px 70px}.closing h2{font-size:36px}.footer{padding-block:28px;gap:15px}.footer p{margin:0}.footer nav{width:100%;gap:12px 22px;font-size:10px}.legal{padding-top:40px}.legal h1{font-size:42px}.legal p,.legal li{font-size:13px}}
@media(max-width:360px){h1{font-size:56px}.hero-actions{gap:15px}.hero-art{height:450px}.floating-note{font-size:9px}.hero-bottom>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* Product composition: keep the scene and every label inside a shared safe area. */
.wrap{width:min(1240px,calc(100% - 96px))}
.header{height:96px;border-bottom:1px solid var(--line)}
.header nav{gap:28px}
.header-cta{min-height:44px;align-items:center}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;row-gap:30px;padding-top:48px;min-height:0;align-items:center}
.hero-copy{padding-top:0;min-width:0}
h1{font-size:clamp(56px,6.1vw,84px);letter-spacing:-3.4px;line-height:1.1}
h1 em{white-space:nowrap}
.hero .intro{font-size:15px;max-width:390px;margin-block:24px 28px}
.hero-actions{flex-wrap:wrap;gap:20px;margin-top:0}
.trial{margin:16px 0 26px}
.availability{flex-wrap:wrap;font-size:11px}
.hero-art{height:570px;margin:0;min-width:0;overflow:visible;border-radius:28px;background:radial-gradient(ellipse at 50% 48%,#82996614,transparent 72%)}
#scene{inset:10px 12px 52px}
.stage-halo{inset:25px 15px 60px;background:radial-gradient(ellipse,#7388591c,transparent 70%)}
.stage-grid{inset:32px 24px 75px;background-size:48px 48px;border-radius:200px 200px 30px 30px}
.floating-note{padding:11px 13px;font-size:10px;line-height:1.65;border-color:#d4e9a424;background:#1b211bf5;animation:none;max-width:calc(100% - 32px);box-shadow:0 12px 32px #0003;transform:none}
.note-idea{left:16px;top:75px}
.note-result{right:16px;bottom:100px}
.note-icon{font-size:23px}
.check-circle{width:25px;height:25px;flex-shrink:0}
.stage-caption{left:16px;right:16px;bottom:0;min-height:44px;padding-top:8px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.2px}
.motion-control{min-height:36px;white-space:nowrap}
.fallback-phone{width:210px;top:46%;transform:translate(-50%,-50%) rotate(-6deg);box-shadow:8px 10px 0 #070a07,0 25px 50px #0005}
.hero-bottom{padding:28px 0;min-width:0;align-items:center;margin-top:5px}
.hero-bottom>span{flex-wrap:wrap;line-height:1.8}
.hero-bottom a{flex-shrink:0}
.section{padding-block:96px}
.section-heading{gap:40px;align-items:end;margin-bottom:42px}
.section-heading>div{min-width:0}
.section-heading>p{margin-right:0;line-height:1.85}
h2{font-size:clamp(38px,4.4vw,58px);line-height:1.14;letter-spacing:-2px}
.steps{gap:24px;align-items:stretch}
.step{padding:28px 24px 22px;display:flex;flex-direction:column;overflow:visible;border-radius:22px;min-width:0}
.step-top{margin-bottom:22px;align-items:center}
.step h3{font-size:25px;line-height:1.3}
.step p{min-height:72px;line-height:1.8;margin:13px 0 27px;max-width:100%}
.step-phone,.step:nth-child(2) .step-phone,.step:nth-child(3) .step-phone{width:min(220px,100%);margin:0 auto;transform:none;flex-shrink:0;padding:6px;border:1px solid #d4e9a430;border-radius:34px;background:linear-gradient(120deg,#414b39,#1c241a)}
.step:hover .step-phone{transform:translateY(-4px)}
.step-phone img{border-radius:27px}
.screen-label{position:static;height:auto;background:none;display:block;text-align:center;padding:22px 0 0;margin-top:auto;font-size:8px;letter-spacing:1.1px;line-height:1.8}
.proof-story{gap:28px;align-items:start;padding-block:30px 42px}
.proof-story blockquote{font-size:18px;max-width:620px;line-height:1.75}
.proof-numbers{gap:25px;padding-top:5px}
.proof-numbers strong{font-size:36px;line-height:1.3}
.proof-gallery{max-width:900px;gap:36px}
.proof-gallery figure{min-width:0}
.proof-device{border-radius:34px;padding:6px}
.proof-device img{border-radius:27px}
.proof-gallery figcaption{line-height:1.8;margin-top:18px}
.proof-footnote{line-height:1.8}
.freedom{gap:80px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.freedom-art{height:390px}
.start{padding-top:0}
.start-card{gap:24px 36px;padding:48px 50px;grid-template-columns:minmax(0,1fr) 180px;align-items:center}
.start-card h2{font-size:44px;line-height:1.17}
.start-card p{margin:20px 0 12px}
.start-number{width:180px;font-size:150px;grid-column:2;grid-row:1/span 2}
.start-card>.button{grid-column:1;width:max-content}
.maker{padding-block:80px}
.questions{gap:70px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.questions h2{line-height:1.12}
summary{padding:24px 0;font-size:15px;min-height:74px}
summary span{flex-shrink:0}
details p{margin-right:0}
.closing{padding:30px 0 85px}
.closing h2{font-size:46px;line-height:1.18}
.footer{display:grid;grid-template-columns:auto 1fr;gap:24px}
.footer p{text-align:right;font-size:11px}
.footer nav{grid-column:1/-1;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;font-size:11px;gap:16px 24px}
.legal a{overflow-wrap:anywhere}
@media(min-width:1600px){.hero{padding-top:60px;min-height:0}.hero-art{height:590px}}
@media(min-width:961px) and (max-width:1199px){
  .wrap{width:calc(100% - 72px)}
  .hero{column-gap:30px;padding-top:36px}
  h1{font-size:60px;letter-spacing:-2.6px}
  .hero-art{height:520px}
  .hero .intro{font-size:14px}
  .hero-actions{gap:16px}
  .hero-actions .text-link{font-size:11px}
  .note-idea{left:12px;top:65px}
  .note-result{right:12px;bottom:92px}
  .floating-note{font-size:9px;padding:10px 12px;gap:10px}
  .hero-bottom{gap:20px}
  .hero-bottom>span{font-size:8px;gap:10px}
  .hero-bottom a{font-size:10px}
  .step{padding-inline:20px}
  .step p{min-height:94px}
  .proof-story blockquote{font-size:16px}
  .proof-numbers strong{font-size:30px}
  .freedom{gap:50px}
}
@media(max-width:960px){
  .wrap{width:calc(100% - 56px)}
  .header{height:84px}
  .header nav{display:none}
  .hero{grid-template-columns:1fr;gap:30px;padding-top:48px}
  .hero-copy{text-align:center;max-width:620px;justify-self:center;padding:0}
  .hero .eyebrow{justify-content:center;font-size:10px}
  h1{font-size:76px;letter-spacing:-3.2px}
  .hero .intro{margin:24px auto 28px;max-width:460px;font-size:16px}
  .hero-actions,.availability{justify-content:center}
  .hero-actions .text-link{font-size:12px}
  .hero-art{width:min(580px,100%);height:565px;justify-self:center;margin:0}
  .note-idea{left:28px;top:85px}
  .note-result{right:28px;bottom:100px}
  .floating-note{font-size:11px;padding:12px 15px}
  .stage-caption{left:20px;right:20px}
  .hero-bottom{grid-column:1;flex-direction:column;gap:14px;margin:0;text-align:center;padding-block:25px}
  .hero-bottom>span{justify-content:center;font-size:9px}
  .section{padding-block:80px}
  .section-heading{align-items:start;gap:30px}
  h2{font-size:43px}
  .steps{gap:16px}
  .step{padding:24px 17px 18px}
  .step h3{font-size:21px}
  .step p{font-size:12px;min-height:106px}
  .step-phone,.step:nth-child(2) .step-phone,.step:nth-child(3) .step-phone{border-radius:25px;padding:5px}
  .step-phone img{border-radius:20px}
  .screen-label{font-size:7px;letter-spacing:.8px}
  .proof-story{flex-wrap:wrap}
  .proof-story blockquote{max-width:calc(100% - 70px);font-size:16px}
  .proof-numbers{margin-left:70px;gap:45px}
  .proof-gallery{gap:22px}
  .freedom{gap:35px}
  .freedom-art{height:350px}
  .logo-tile{width:180px;height:180px;border-radius:40px}
  .logo-tile img{width:150px;height:160px}
  .freedom-orbit{width:260px;height:260px}
  .start{padding-top:0}
  .start-card{padding:36px;grid-template-columns:minmax(0,1fr) 140px;gap:20px}
  .start-card h2{font-size:38px}
  .start-number{font-size:120px;width:140px}
  .questions{gap:40px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
  .closing h2{font-size:42px}
}
@media(max-width:640px){
  .wrap{width:calc(100% - 40px)}
  .header{height:76px}
  .header .brand{font-size:22px}
  .header-cta{font-size:10px;gap:10px;padding:10px 14px}
  .hero{display:grid;padding-top:36px;gap:22px}
  .hero-copy{width:100%;max-width:420px;align-self:auto}
  .hero .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:20px}
  h1{font-size:clamp(49px,14vw,67px);letter-spacing:-2.4px;line-height:1.12}
  .hero .intro{font-size:14px;max-width:355px;margin-block:22px 26px}
  .hero-actions{gap:18px;flex-direction:column}
  .hero-actions .button{min-width:215px}
  .hero-actions .text-link{font-size:12px}
  .trial{font-size:12px;margin:16px 0 23px}
  .availability{font-size:10px;gap:7px}
  .hero-art{height:485px;width:100%;margin:0}
  #scene{inset:0 0 54px}
  .note-idea{left:6px;top:64px}
  .note-result{right:6px;bottom:88px}
  .floating-note{font-size:9px;padding:10px 11px;gap:9px}
  .note-icon{font-size:20px}
  .check-circle{width:22px;height:22px}
  .stage-caption{left:6px;right:6px;bottom:0;font-size:7px;letter-spacing:.9px;gap:8px}
  .motion-control{font-size:9px;padding:8px 10px}
  .hero-bottom>span{font-size:7px;gap:9px}
  .hero-bottom a{font-size:10px}
  .section{padding-block:64px}
  .section-heading{display:block;margin-bottom:32px}
  .section-heading>p{font-size:13px;margin-top:22px}
  h2{font-size:36px;letter-spacing:-1.4px}
  .eyebrow{font-size:8px;letter-spacing:1.5px}
  .steps{grid-template-columns:1fr;gap:24px}
  .step{padding:26px 24px 24px;min-height:0;max-width:430px;width:100%;margin:auto}
  .step-top{margin-bottom:18px}
  .step h3{font-size:25px}
  .step p{font-size:13px;min-height:0;margin-block:13px 25px}
  .step-phone,.step:nth-child(2) .step-phone,.step:nth-child(3) .step-phone{width:min(220px,100%);border-radius:34px;padding:6px;margin:0 auto}
  .step-phone img{border-radius:27px}
  .screen-label{font-size:8px;letter-spacing:1.1px;padding-top:22px}
  .proof-meta{font-size:8px;margin-top:23px}
  .proof-story{gap:20px;padding:25px 0 35px}
  .proof-story blockquote{max-width:100%;font-size:15px}
  .proof-numbers{margin:0;gap:40px}
  .proof-numbers strong{font-size:34px}
  .proof-gallery{grid-template-columns:1fr;gap:34px;max-width:240px;margin:auto}
  .proof-device{padding:6px;border-radius:34px}
  .proof-device img{border-radius:27px}
  .proof-gallery figcaption{text-align:center;font-size:12px;margin-top:14px}
  .proof-gallery figcaption span{display:inline;font-size:10px;margin-right:10px}
  .proof-footnote{text-align:center;font-size:11px;margin-top:30px}
  .freedom{display:flex;gap:30px;flex-direction:column;padding-top:30px}
  .freedom-art{height:320px;width:100%;overflow:hidden}
  .freedom>div:last-child{width:100%}
  .freedom-label{font-size:7px;bottom:8px}
  .freedom .intro{font-size:14px}
  .start{padding-top:0}
  .start-card{display:flex;flex-direction:column;align-items:start;padding:30px 25px;gap:24px}
  .start-card h2{font-size:33px}
  .start-card p{font-size:13px;margin-top:20px}
  .start-number{font-size:90px;letter-spacing:-5px;text-align:left;width:auto;margin:0;line-height:1}
  .start-number span{display:inline-block;margin-left:20px;font-size:9px;letter-spacing:2px}
  .start-card>.button{width:100%;min-height:52px}
  .maker{padding-block:60px}
  .questions{display:block}
  .faq-list{margin-top:28px}
  summary{font-size:14px;min-height:68px;padding:20px 0}
  .closing{padding-block:10px 64px}
  .closing h2{font-size:33px}
  .footer{gap:18px}
  .footer .brand{font-size:17px}
  .footer p{font-size:9px}
  .footer nav{justify-content:start;gap:16px 22px;font-size:11px}
  .legal{padding-block:36px 65px}
  .legal h1{font-size:39px;letter-spacing:-1.5px}
  .legal h2{font-size:24px}
}

/* A tighter rhythm, without squeezing the text or cropping product imagery. */
.header{height:84px}
.hero{padding-top:28px;row-gap:16px}
.hero-art{height:480px}
.hero-bottom{padding-block:21px;margin-top:0}
.hero .eyebrow{margin-bottom:19px}
.hero .intro{margin-block:20px 24px}
.trial{margin:13px 0 20px}
.section{padding-block:68px}
.section-heading{margin-bottom:32px}
.eyebrow{margin-bottom:18px}
.step p{min-height:54px;margin-block:12px 20px}
.step-top{margin-bottom:18px}
.screen-label{padding-top:17px}
.proof-story{padding-block:24px 32px}
.proof-footnote{margin-top:26px}
.freedom{gap:55px}
.freedom-art{height:330px}
.start{padding-top:0}
.start-card{padding:38px 42px;gap:18px 28px}
.start-card p{margin:16px 0 10px}
.maker{padding-block:58px}
.questions{gap:55px}
.questions>div>p:not(.eyebrow){margin-top:20px}
.closing{padding-block:8px 58px}
.closing>img{margin-bottom:20px}
.closing .button{margin-top:24px}
.footer{padding-block:25px;gap:18px}
@media(min-width:721px) and (max-width:960px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;row-gap:15px;padding-top:24px}
  .hero-copy{text-align:left;max-width:none;justify-self:stretch}
  .hero .eyebrow{justify-content:start;font-size:8px}
  h1{font-size:51px;letter-spacing:-2px}
  .hero .intro{font-size:13px;max-width:320px;margin:20px 0 23px}
  .hero-actions,.availability{justify-content:start}
  .hero-actions{gap:15px}
  .hero-actions .button{padding:14px 20px;font-size:11px;gap:25px}
  .hero-actions .text-link{font-size:10px}
  .availability{font-size:9px;gap:6px}
  .hero-art{width:100%;height:420px}
  .floating-note{font-size:8px;padding:8px 10px;gap:8px}
  .note-idea{left:8px;top:60px}
  .note-result{right:8px;bottom:85px}
  .note-icon{font-size:19px}
  .check-circle{width:21px;height:21px}
  .stage-caption{left:8px;right:8px;font-size:6px;gap:8px}
  .motion-control{font-size:8px;padding:7px 9px}
  .hero-bottom{grid-column:1/-1;padding-block:20px;gap:10px}
  .steps{gap:14px}
  .step p{min-height:108px;margin-bottom:18px}
  .freedom{gap:35px}
  .start-card{padding:32px}
}
@media(max-width:720px){
  .header{height:74px}
  .hero{grid-template-columns:1fr;gap:16px;padding-top:26px}
  .hero-copy{text-align:center;max-width:440px;justify-self:center}
  .hero .intro{margin:18px auto 23px}
  .hero-art{height:425px}
  .hero .eyebrow{justify-content:center;margin-bottom:16px}
  .hero-actions{gap:12px}
  .trial{margin:12px 0 18px}
  .hero-bottom{gap:10px;padding-block:18px}
  .section{padding-block:48px}
  .section-heading{margin-bottom:26px}
  .section-heading>p{margin-top:18px}
  .steps{grid-template-columns:1fr;gap:20px}
  .step{padding:24px 24px 20px;max-width:430px;width:100%;margin:auto}
  .step p{min-height:0;margin:12px 0 21px;font-size:13px}
  .step h3{font-size:25px}
  .step-phone,.step:nth-child(2) .step-phone,.step:nth-child(3) .step-phone{width:200px;margin:0 auto;border-radius:31px;padding:6px}
  .step-phone img{border-radius:24px}
  .screen-label{font-size:8px}
  .proof-story{padding-block:22px 28px}
  .proof-gallery{gap:28px}
  .freedom{padding-top:18px;gap:18px}
  .freedom-art{height:265px}
  .freedom .intro{margin-block:20px}
  .start{padding-top:0}
  .start-card{padding:28px 24px;gap:19px}
  .maker{padding-block:46px}
  .maker p:not(.eyebrow){margin:20px auto}
  .questions{display:block}
  .faq-list{margin-top:20px}
  .closing{padding-block:4px 46px}
  .closing>img{width:40px;height:40px;margin-bottom:18px}
  .closing .button{margin-top:22px}
  .footer{padding-block:23px}
}

.walkthrough{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(130deg,#1b2218,#141a14);padding:38px;align-items:center;min-width:0}
.walkthrough-story{min-width:0}
.walkthrough-kicker{font-size:9px;color:#a0ae91;letter-spacing:1.6px;display:flex;gap:8px;align-items:center;margin:0 0 26px}
.walkthrough-kicker>span{width:6px;height:6px;border-radius:50%;background:var(--sage)}
.walkthrough-stages{display:grid;gap:12px}
.walkthrough-stage{display:flex;align-items:start;gap:16px;padding:21px 19px;border:1px solid transparent;background:transparent;border-radius:16px;text-align:left;color:var(--muted);width:100%;transition:border-color .35s,background .35s}
.walkthrough-stage.active{border-color:#d4e9a43c;background:#d4e9a409}
.stage-number{font-size:11px;line-height:29px;color:#8c9a7b;flex-shrink:0}
.walkthrough-stage.active .stage-number{color:var(--sage)}
.walkthrough-stage strong{font:500 23px/1.3 Manrope;letter-spacing:-.7px;color:#bbc5b3;display:block}
.walkthrough-stage.active strong{color:var(--ivory)}
.walkthrough-stage small{display:block;font-size:13px;line-height:1.8;margin-top:9px;max-width:310px}
.stage-arrow{margin-left:auto;font-size:19px;color:var(--sage);opacity:0;flex-shrink:0}
.active .stage-arrow{opacity:1}
.walkthrough-controls{display:flex;gap:20px;align-items:center;margin:25px 0 18px;padding-left:19px}
.walkthrough-controls button{min-height:40px;color:var(--sage);font-size:11px;background:none;border:0;padding:9px 0}
.walkthrough-controls button span{margin-left:12px}.walkthrough-controls .tour-play{border:1px solid var(--line);border-radius:30px;padding:9px 15px}
.walkthrough-disclosure{font-size:10px;line-height:1.85;color:#92988e;max-width:390px;padding-left:19px;margin:0}
.walkthrough-visual{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 0;isolation:isolate}
.tour-glow{position:absolute;inset:10% -10% 0;z-index:-1;background:radial-gradient(ellipse,#a1bf6820,transparent 65%);pointer-events:none}
.tour-phone{width:260px;aspect-ratio:460/1000;border:1px solid #929f7870;border-radius:39px;padding:7px;background:linear-gradient(130deg,#596347,#202a1d);box-shadow:5px 7px 0 #0c110b,0 28px 48px #0004;position:relative;flex-shrink:0}
.tour-screen{position:absolute;inset:7px;border-radius:31px;overflow:hidden;background:#101311;padding:18px 18px;color:var(--ivory)}
.tour-screen[hidden]{display:none}.tour-status{display:flex;justify-content:space-between;font-size:10px;font-weight:600;line-height:1.4;margin-bottom:20px}.tour-status>span:last-child{font-size:8px;letter-spacing:1px}
.tour-app-head{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:22px}.tour-app-head small{margin-left:auto;font:italic 6px Georgia;color:#9fac90;max-width:65px;text-align:right}
.tour-eyebrow{font-size:7px;letter-spacing:1.3px;color:#a0ae91;margin:0 0 13px}.tour-screen h3{font-size:22px;line-height:1.22;letter-spacing:-.7px}.tour-screen h3 em{font:italic 1em Georgia;color:var(--sage)}
.tour-hint{font-size:9px;line-height:1.8;color:#92988e;margin:13px 0 20px}.tour-input{min-height:182px;position:relative;background:#1c2419;border:1px solid #d4e9a413;border-radius:13px;padding:14px 13px;line-height:1.7}.tour-input>span:first-child{font-size:8px;color:#b9c7a5}.tour-typed{display:inline;font-size:12px;line-height:1.9;color:var(--ivory);white-space:pre-wrap}.tour-input>span:first-child{display:block;margin-bottom:9px}.typing-caret{display:inline-block;vertical-align:text-bottom;width:1px;height:13px;background:var(--sage);animation:tour-blink 1s steps(2) infinite;margin-left:1px}.tour-input-foot{position:absolute;bottom:13px;left:13px;right:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7px;color:#a0ae91}.tour-input-foot>span{padding:5px 7px;background:#d4e9a411;border-radius:6px}.tour-input-foot small{font-size:5px;letter-spacing:.5px}.tour-send{background:var(--sage);border-radius:10px;color:#25301c;font-size:10px;display:flex;justify-content:space-between;align-items:center;padding:11px 14px;margin-top:16px}.tour-send span{font-size:17px}.tour-compose-note{font-size:7px;color:#92988e;text-align:center;margin-top:16px}
.tour-pointer{position:absolute;width:30px;height:30px;border:2px solid #d4e9a4;border-radius:50%;background:#d4e9a415;box-shadow:0 0 0 8px #d4e9a413;opacity:0;pointer-events:none}.pointer-send{right:32px;top:74%}.walkthrough[data-tap="send"] .pointer-send,.walkthrough[data-tap="count"] .pointer-count,.walkthrough[data-tap="history"] .pointer-history{opacity:1;animation:tour-tap .75s ease-in-out infinite}.pointer-count{left:calc(50% - 15px);top:72%}.pointer-history{left:65%;top:92%}
.tour-build-mark{width:92px;height:92px;display:grid;place-items:center;position:relative;margin:28px auto 22px}.tour-build-mark>span{position:absolute;inset:0;border:1px solid #d4e9a428;border-top-color:var(--sage);border-radius:50%;animation:tour-spin 2s linear infinite}.tour-build-mark img{width:48px;height:48px}.tour-progress{height:3px;background:#d4e9a416;border-radius:3px;margin-bottom:22px;overflow:hidden}.tour-progress>span{display:block;height:100%;width:0;background:var(--sage)}.tour-build-rows{display:grid;gap:0}.tour-build-rows>div{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:13px 0;font-size:10px;color:#92988e}.tour-build-rows i{font-style:normal;width:15px;text-align:center;color:#788968}.tour-build-rows small{margin-left:auto;font-size:7px}.tour-build-rows .building{color:var(--ivory)}.tour-build-rows .done{color:#d4e9a4}.tour-build-rows .done i{color:var(--sage)}.tour-build-note{font-size:9px;line-height:1.8;text-align:center;color:#a3aa9d;margin:20px 0 0}
.tour-result{padding:0;background:white}.tour-result-image{display:block;width:100%;height:100%;object-fit:contain}.tour-caption{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;font-size:8px;letter-spacing:1px;color:#a0ae91;margin-top:24px;min-height:18px;text-align:center}.tour-real-badge{font-size:7px;letter-spacing:1px;padding:4px 7px;border:1px solid var(--line);border-radius:5px;color:var(--sage)}.tour-view-controls{display:flex;gap:8px;margin-top:12px}.tour-view-controls[hidden],.tour-real-badge[hidden]{display:none}.tour-view-controls button{min-height:34px;font-size:10px;border-radius:20px;padding:7px 15px;border:1px solid var(--line);background:transparent;color:var(--muted)}.tour-view-controls button[aria-pressed="true"]{background:#d4e9a416;color:var(--sage)}
@keyframes tour-blink{50%{opacity:0}}@keyframes tour-spin{to{transform:rotate(360deg)}}@keyframes tour-tap{0%,100%{scale:.85;box-shadow:0 0 0 3px #d4e9a420}50%{scale:1;box-shadow:0 0 0 10px #d4e9a400}}
@media(max-width:960px){.walkthrough{gap:20px;padding:28px}.walkthrough-stage{padding:18px 14px;gap:12px}.walkthrough-stage strong{font-size:21px}.walkthrough-stage small{font-size:12px}.tour-phone{width:240px}.tour-screen{padding:16px}.tour-screen h3{font-size:20px}.tour-status{margin-bottom:16px}.tour-app-head{margin-bottom:18px;padding-bottom:13px}.tour-input{min-height:164px}.tour-input-foot small{display:none}.tour-build-mark{width:75px;height:75px;margin-block:24px 20px}.tour-build-rows>div{padding-block:11px}.tour-build-note{margin-top:15px}.tour-caption{gap:8px}.tour-result{padding:0}}
@media(max-width:640px){.walkthrough{grid-template-columns:1fr;gap:24px;padding:24px 20px;border-radius:20px}.walkthrough-kicker{font-size:8px;letter-spacing:1.1px;margin-bottom:18px}.walkthrough-stage{padding:13px 11px;gap:10px}.walkthrough-stage strong{font-size:19px}.walkthrough-stage small{font-size:11px;line-height:1.75;margin-top:6px}.stage-number{font-size:9px;line-height:24px}.walkthrough-stages{gap:8px}.stage-arrow{font-size:16px}.walkthrough-controls{padding-left:0;margin:17px 0 12px;gap:16px}.walkthrough-disclosure{font-size:9px;padding-left:0}.walkthrough-visual{padding:0}.tour-phone{width:min(250px,100%)}.tour-screen{padding:17px}.tour-status{margin-bottom:18px}.tour-screen h3{font-size:21px}.tour-input{min-height:171px}.tour-caption{margin-top:20px}.tour-build-mark{margin-top:26px}.tour-result{padding:0}.tour-glow{inset:0}}
@media(prefers-reduced-motion:reduce){.tour-build-mark>span,.typing-caret,.tour-pointer{animation:none!important}}

.tour-view-controls[hidden]{display:flex;visibility:hidden;pointer-events:none}.tour-caption{min-height:34px}

.tour-build .tour-status{margin-bottom:12px}.tour-build .tour-app-head{margin-bottom:16px;padding-bottom:10px}.tour-build .tour-eyebrow{margin-bottom:10px}.tour-build h3{font-size:21px}.tour-build-mark{width:56px;height:56px;margin:14px auto 12px}.tour-build-mark img{width:35px;height:35px}.tour-progress{margin-bottom:12px}.tour-build-rows>div{padding:9px 0;font-size:9px}.tour-build-note{font-size:8px;line-height:1.7;margin:10px 0 0}

.tour-compose .tour-hint,.tour-compose .tour-compose-note{display:none}.tour-compose .tour-status{margin-bottom:12px}.tour-compose .tour-app-head{margin-bottom:16px;padding-bottom:10px}.tour-compose .tour-eyebrow{margin-bottom:10px}.tour-compose .tour-input{margin-top:22px;min-height:155px}.tour-compose .tour-input-foot{font-size:7px}.pointer-send{top:auto;bottom:30px}