: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;overflow:hidden;height:50px;position:relative}.brand img{position:absolute;width:248px;height:auto;max-width:none;left:-20px;top:-16px;mix-blend-mode:screen}.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}.nav .brand img{width:195px;left:-16px;top:-7px}}
@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{border:0;border-radius:22px;box-shadow:0 24px 60px #0003}.mobile-screen.sync-art{border:0;border-radius:18px;width:min(390px,100%)}.mobile-screen.sync-art img{transform:none}.story-stage.show-sync .stage-disc{opacity:.35}

.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}}