:root{--bg:#0b1510;--cream:#f3eddf;--green:#24c481;--ink:#153c2c;--muted:#b6c5bd;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--cream);font-family:'Instrument Sans',sans-serif;font-size:18px;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--green);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.nav{display:flex;justify-content:space-between;align-items:center;min-height:112px}.brand{display:block;width:210px}.brand img{display:block;width:100%;height:auto}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--cream);color:var(--bg);padding:17px 25px;border-radius:50px;text-decoration:none;font-weight:700;font-size:17px;transition:transform .2s}.pill:hover{transform:translateY(-3px)}.small{font-size:14px;padding:11px 20px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;padding-block:50px 95px}.eyebrow,.step-number{font-family:'Space Mono',monospace;font-weight:700;font-size:13px;letter-spacing:.08em}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:9px}.hero h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(52px,6.3vw,88px);line-height:.99;letter-spacing:-.045em;margin:22px 0 30px;font-weight:800}h1 span,h2 span{color:var(--green)}.intro{max-width:48ch;color:var(--muted);font-size:19px;line-height:1.65}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.text-link{font-size:16px;font-weight:600}.fine{font-size:14px;color:var(--muted);line-height:1.55}.hero-visual{position:relative;display:grid;place-items:center;min-width:0;padding:22px 0}.orbit{position:absolute;width:105%;aspect-ratio:1;border-radius:50%;background:#1a9d63;top:20%;left:-2%;transform:rotate(-8deg)}.phone{margin:0;position:relative;background:#100f0c;border:7px solid #292c27;border-radius:45px;box-shadow:0 35px 60px #0005;overflow:hidden;width:min(325px,100%)}.phone img{width:100%;height:auto;display:block}.hero-phone{transform:rotate(6deg);width:min(330px,80%)}.paper-tag{z-index:2;position:absolute;top:65px;left:-8px;background:var(--cream);color:var(--ink);padding:14px 22px;transform:rotate(-9deg);font-family:'Space Mono',monospace;font-size:13px;line-height:1.4;box-shadow:0 8px 20px #0003}.photo-note{position:relative;margin-top:32px;font:11px 'Space Mono',monospace;letter-spacing:.08em}.ribbon{background:var(--green);color:var(--ink);display:flex;justify-content:center;gap:45px;padding:25px 24px;flex-wrap:wrap;font:bold clamp(22px,2.4vw,34px) 'Bricolage Grotesque',sans-serif}.ribbon span+span:before{content:'✳';margin-right:35px;font-size:22px}.story{padding-top:110px}.story-intro h2,h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(40px,5.3vw,68px);line-height:1.05;letter-spacing:-.035em;margin:18px 0 28px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;position:relative}.step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding-block:60px;max-width:490px}.step-number{color:var(--green)}h3{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(32px,3.8vw,48px);line-height:1.06;letter-spacing:-.035em;margin:25px 0 14px}.step p{color:var(--muted);margin-block:10px}.story-stage{height:85vh;max-height:800px;min-height:650px;position:sticky;top:4vh;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}.stage-disc{position:absolute;z-index:-1;background:#cbded0;width:100%;aspect-ratio:1;border-radius:45% 55% 55% 45%;transition:background .5s}.stage-phone{height:min(68vh,640px);min-height:520px;width:auto;aspect-ratio:591/1280}.stage-phone .scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .45s,transform .55s}.stage-phone .active{opacity:1}.stage-phone .scene-2{height:160%;max-width:none;object-fit:cover;object-position:top;transform:translateY(-34%)}.stage-caption{display:flex;justify-content:space-between;gap:30px;margin-top:25px;font:12px 'Space Mono',monospace}.scene-dots{display:flex;gap:7px;align-items:center}.scene-dots i{height:6px;width:6px;border-radius:50%;background:#ffffff40}.scene-dots .active{background:var(--green)}.mobile-screen{display:none}.trust{background:var(--cream);color:var(--ink);padding:100px 0}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.trust h2 span{color:#168453}.trust-copy{padding-top:30px}.trust-copy p{margin:0 0 24px}.pro{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:120px;align-items:center}.pro-ticket{background:#25ba7b;color:#103b28;padding:40px;border-radius:24px;position:relative;transform:rotate(2deg)}.pro-ticket:before,.pro-ticket:after{content:'';position:absolute;width:26px;height:26px;border-radius:50%;background:var(--bg);top:66%}.pro-ticket:before{left:-13px}.pro-ticket:after{right:-13px}.pro-ticket h3{margin-top:15px}.pro-ticket p{font-size:16px}.pro-ticket .fine{color:#153c2c}.price{display:flex;flex-direction:column;border-top:2px dashed #103b2866;padding-top:22px;margin-top:24px}.price strong{font:700 44px 'Bricolage Grotesque',sans-serif}.price span{font-size:14px}.closing{text-align:center;border-top:1px solid var(--line);padding-block:85px}.closing .pill{margin:10px 0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}footer div{display:flex;gap:25px}.skip{position:absolute;top:-70px;left:20px;background:var(--cream);color:var(--bg);padding:12px;z-index:20}.skip:focus{top:12px}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:25px;gap:25px}.hero h1{font-size:clamp(52px,11vw,76px)}.hero-visual{max-width:480px;margin-inline:auto;width:100%}.orbit{width:95%;left:2%}.hero-phone{width:285px}.paper-tag{left:0}.ribbon{gap:15px 24px}.ribbon span+span:before{display:none}.story{padding-top:65px}.story-grid{grid-template-columns:1fr;gap:0}.story-stage{display:none}.step{min-height:0;max-width:none;padding-block:40px 70px}.mobile-screen{display:block;width:min(310px,90%);margin:30px auto 0;overflow:hidden;border:6px solid #292c27;border-radius:32px;background:#100f0c}.mobile-screen img{width:100%;height:auto;display:block}.detail-screen{height:470px}.detail-screen img{transform:translateY(-300px)}.trust-grid,.pro{grid-template-columns:1fr;gap:25px}.trust{padding:65px 0}.trust-copy{padding:0}.pro{padding-block:70px}.pro-ticket{transform:none;padding:28px}.closing{padding-block:60px}footer{flex-wrap:wrap}.nav{min-height:90px;gap:15px}.nav .brand{width:160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-phone,.paper-tag,.pro-ticket{transform:none}.story-stage{display:none}.story-grid{grid-template-columns:1fr}.step{min-height:0;max-width:none;padding-block:35px}.mobile-screen{display:block;width:280px;margin:25px auto;overflow:hidden;border-radius:28px}.mobile-screen img{width:100%;height:auto;display:block}.detail-screen{height:470px}.detail-screen img{transform:translateY(-275px)}}

html:not(.scroll-ready) .story-stage{display:none}html:not(.scroll-ready) .story-grid{grid-template-columns:1fr}html:not(.scroll-ready) .step{min-height:0;max-width:none}html:not(.scroll-ready) .mobile-screen{display:block;width:min(310px,90%);margin:30px auto;overflow:hidden;border-radius:32px}html:not(.scroll-ready) .mobile-screen img{width:100%;height:auto;display:block}

.story-stage.show-sync .stage-phone{width:100%;height:auto;min-height:0;aspect-ratio:1;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.story-stage.show-sync .stage-phone .sync-cutout{object-fit:contain;object-position:center;filter:drop-shadow(0 20px 25px #001b124d)}.story-stage.show-sync .stage-disc{opacity:.55;width:94%;border-radius:50%;top:50%;left:50%;transform:translate(-50%,calc(-50% - 20px))}.mobile-screen.sync-art{display:none;border:0;border-radius:0;background:transparent;width:min(430px,100%);aspect-ratio:1;padding:0;position:relative;isolation:isolate;overflow:visible}.mobile-screen.sync-art:before{content:'';position:absolute;inset:4%;border-radius:50%;background:#1a9d63;z-index:-1}.mobile-screen.sync-art img{display:block;width:100%;height:auto;transform:none;filter:drop-shadow(0 16px 22px #001b124d)}
@media(max-width:850px),(prefers-reduced-motion:reduce){.mobile-screen.sync-art{display:block}}
html:not(.scroll-ready) .mobile-screen.sync-art{display:block;border-radius:0;overflow:visible}

.store-availability{text-align:center}.store-badges{display:flex;align-items:center;justify-content:center;gap:8px;height:45px}.apple-badge{width:120px;height:40px}.google-badge{width:155px;height:60px;object-fit:contain}.store-availability>span{display:block;font-size:11px;color:var(--muted);margin-top:5px}@media(max-width:850px){.nav{flex-wrap:wrap;padding-block:20px;gap:15px}.nav .store-availability{order:3;flex-basis:100%}.nav .small{font-size:12px;padding:10px 14px;gap:10px}}

.family-moment{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;padding-top:95px}.family-moment figure{margin:0;border-radius:26px;overflow:hidden}.family-moment img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.family-copy h2{font-size:clamp(36px,4vw,54px)}.family-copy>p:not(.eyebrow){color:var(--muted)}.family-copy .eyebrow{color:var(--green)}@media(max-width:850px){.family-moment{grid-template-columns:1fr;gap:25px;padding-top:55px}.family-copy h2 br:nth-child(2){display:none}}
.step-cta{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-block:6px 56px;max-width:490px}.step-cta .fine{margin:6px 0 0}@media(max-width:850px){.step-cta{align-items:center;text-align:center;max-width:none;padding-block:0 40px}}
.hero-stores{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.hero-stores .store-badges{justify-content:flex-start;height:auto;gap:6px}.hero-stores img{opacity:.9}.hero-stores>span{font:700 11px 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
@media(max-width:480px){.nav .pill.small{display:none}}
.step-cta .pill{max-width:100%;text-align:left}.step-cta .label{text-wrap:balance}@media(max-width:850px){.step-cta .pill{font-size:16px;gap:16px;padding:15px 22px}}
.trust h2{text-wrap:balance}
.term-feature{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;padding-block:120px;overflow:hidden}.term-feature-copy{position:relative;z-index:2}.term-feature-copy .eyebrow{color:var(--green)}.term-feature-copy>p:not(.eyebrow){max-width:44ch;color:var(--muted)}.term-feature-copy .fine{margin-top:24px}.term-proof{position:relative;min-height:720px}.term-planner{position:absolute;left:1%;top:105px;width:67%;height:auto;transform:rotate(-6deg);border-radius:10px;box-shadow:0 30px 70px #0007}.term-phone{position:absolute;right:1%;top:5px;width:min(350px,61%);transform:rotate(4deg);z-index:2}.term-note{position:absolute;left:3%;bottom:24px;z-index:3;background:var(--cream);color:var(--ink);padding:13px 18px;transform:rotate(-3deg);font:700 12px 'Space Mono',monospace;letter-spacing:.05em;box-shadow:0 10px 30px #0005}
@media(max-width:850px){.term-feature{grid-template-columns:1fr;gap:22px;padding-block:70px}.term-proof{min-height:600px;width:min(560px,100%);margin-inline:auto}.term-planner{top:90px;width:68%}.term-phone{width:61%}.term-note{bottom:12px;font-size:10px}}
@media(max-width:480px){.term-proof{min-height:510px}.term-planner{top:72px}.term-phone{width:64%}.term-note{left:0;bottom:4px}}

/* Problem scene before the scan flow; packing outcome remains after it. */
.notice-moment{grid-template-columns:1fr 1fr}.notice-moment figure{max-width:520px;justify-self:end}.notice-moment img{aspect-ratio:1/1;object-fit:cover;object-position:center 48%}@media(max-width:850px){.notice-moment{grid-template-columns:1fr}.notice-moment figure{max-width:100%;justify-self:stretch}}

.film{padding-top:100px}.film-head .eyebrow{color:var(--green)}.film-head h2{max-width:20ch}.film-frame{margin:10px 0 0}.film-media{position:relative}.film-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:26px;background:#cbded0;box-shadow:0 35px 70px #0006}.film-controls{position:absolute;right:18px;bottom:18px;display:flex;gap:10px}.film-btn{font:700 13px 'Instrument Sans',sans-serif;background:#0b1510cc;color:var(--cream);border:1px solid var(--line);border-radius:50px;padding:10px 16px;min-height:44px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.film-btn:hover{background:#0b1510}.film-btn:focus-visible{outline:3px solid var(--green);outline-offset:3px}.film-frame figcaption{margin-top:18px;font-size:14px;color:var(--muted);max-width:70ch}
@media(max-width:700px){.film{padding-top:60px}.film-frame video{aspect-ratio:886/1920;width:min(380px,100%);margin-inline:auto;max-height:82vh;object-fit:contain;border-radius:30px}.film-controls{position:static;justify-content:center;margin-top:14px}}
