/* V2: official brand assets, tangible missed rewards, and phone-first controls. */
[hidden]{display:none!important}
.official-brand{width:168px;flex-shrink:0;line-height:1}.official-brand img{width:100%;height:auto}
.site-header .nav-wrap{height:90px}.official-notification-icon{background:#edf3fc;padding:1px;object-fit:contain}
.hero h1{font-size:clamp(65px,6.3vw,89px)}.hero-description strong{font-weight:650;color:var(--ink)}
.hero-actions .button{gap:18px}.hero-copy{min-width:0}.hero-orbit{max-width:100%}
.real-merchant-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:870px;margin-inline:auto;gap:20px;padding:0;margin-top:25px}
.real-merchant-strip a{display:flex;gap:11px;justify-content:center;align-items:center;font-weight:600;font-size:13px;min-height:52px}
.real-merchant-strip img{width:41px;height:41px;border-radius:12px;object-fit:cover;transition:transform .2s}
.real-merchant-strip a:hover img{transform:translateY(-4px) rotate(-4deg)}
.app-strip .merchant-attribution{font-size:9px;color:#6f7887;margin-top:21px}
.missed-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:75px 85px;align-items:center}
.missed-copy h2{font-size:clamp(36px,4vw,55px);margin-top:20px;line-height:1.05}
.missed-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;margin-top:22px;max-width:400px}
.missed-copy>p+p:not(.eyebrow){margin-top:11px}
.panda-comment{display:flex;align-items:center;gap:18px;margin-top:17px}.panda-comment img{width:122px;height:127px;object-fit:contain;transform:rotate(-7deg)}
.panda-comment>span{font:italic 19px/1.3 Georgia,serif;color:#5f6e89;transform:rotate(-4deg)}
.missed-calculator{position:relative;border:1px solid #e1dfd7;border-radius:25px;background:#f1eee5;padding:35px 35px 27px}
.missed-calculator>.eyebrow{font-size:9px;letter-spacing:.1em}.missed-calculator h3{font-size:28px;margin-top:17px;line-height:1.12}
.calculator-context{font-size:12px;line-height:1.8;color:var(--muted);margin-top:15px;max-width:310px}.calculator-context strong{font-weight:600;color:var(--ink)}
.spend-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;margin-top:27px;color:#5e6a7b}.spend-label output{font-size:18px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.04em}
#monthly-spend{display:block;width:100%;height:30px;margin:7px 0 0;accent-color:var(--blue);cursor:ew-resize;touch-action:pan-y}
.range-limits{display:flex;justify-content:space-between;font-size:10px;color:#78808c;margin-top:0}
.missed-result{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:176px;margin-top:22px;position:relative}
.missed-result>div{position:relative;z-index:2;flex:0 0 auto}.result-label{display:block;font-size:9px;letter-spacing:.1em;font-weight:650;color:#6a7484}.missed-result output{display:block;font-size:65px;font-weight:600;letter-spacing:-.075em;line-height:1.1;margin-top:7px;color:var(--blue);font-variant-numeric:tabular-nums;white-space:nowrap}
.result-period{font-size:13px;color:var(--muted);display:block;margin-top:5px}.missed-result>img{width:175px;height:176px;min-width:0;object-fit:contain;transform:rotate(6deg);margin-right:-22px;animation:detective-look 6s ease-in-out infinite}
.calculator-note{font-size:10px;line-height:1.65;color:#717a88;margin-top:13px;max-width:380px}.calculator-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d6d5ce;margin-top:18px;padding-top:16px;font-size:12px;font-weight:600;min-height:44px}.calculator-link>span{font-size:20px;color:var(--blue)}
.demo-section{margin-top:0}.demo-grid{align-items:start}.demo-grid>.section-copy{padding-top:12px}.demo-grid .section-copy>p:not(.eyebrow):not(.demo-hint){max-width:430px}
.demo-selector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px 10px;margin-top:27px;max-width:470px}
.app-choice{min-width:0;padding:7px 2px;gap:10px;min-height:88px;font-size:10px;border-radius:12px;line-height:1.2}
.app-choice .app-tile{width:50px;height:50px;border-radius:13px;object-fit:cover;background:transparent;flex-shrink:0}
.app-choice.is-selected .app-tile{outline-color:var(--blue);outline-offset:4px;transform:translateY(-2px)}
.app-choice:focus-visible{outline-offset:1px}.extra-apps{margin-top:13px}.all-apps-button{border:0;background:none;display:flex;align-items:center;gap:14px;font-size:12px;color:var(--ink);padding:9px 0;min-height:44px;margin-top:8px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#abbad8}
.all-apps-button>span{color:var(--blue);font-size:21px;text-decoration:none}.demo-actions{display:flex;align-items:center;gap:17px;margin-top:16px}.demo-actions .button{min-height:46px;padding:12px 17px;gap:11px;font-size:12px}.demo-actions .button>span{font-size:12px}.demo-actions .demo-hint{margin:0;line-height:1.6;font-size:11px}
.demo-scene{min-height:630px;margin-top:5px}.scene-top{font-size:9px;min-height:44px}.motion-toggle{font-size:10px;min-height:33px;padding-block:6px}.motion-toggle:disabled{cursor:default}
.demo-live-app{position:absolute;top:70px;left:0;display:flex;align-items:center;gap:9px;font-size:12px;width:100%;min-height:35px}.demo-live-app>img{width:28px;height:28px;border-radius:8px;object-fit:cover}.demo-live-app strong{font-weight:650}.demo-live-label{margin-left:auto;font-size:8px;letter-spacing:.12em;color:#6e7f9a}
.demo-card-stack{top:155px;left:38px;width:315px;height:220px}
.real-stack-card{background:none;padding:0;border-radius:12px;height:auto;aspect-ratio:1.586;box-shadow:0 17px 25px -10px #17243e40;display:block}
.real-stack-card>img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.real-stack-card.back-card{width:283px;left:-9px;top:-20px;background:none;transform:rotate(-12deg)}
.real-stack-card.front-card{width:290px;top:15px;left:13px;background:none;transform:rotate(6deg);animation:card-drift 6.3s ease-in-out infinite}
.front-card .selected-card-badge{position:absolute;right:-9px;bottom:-13px;background:#fffefb;color:var(--ink);font-size:8px;letter-spacing:.03em;font-weight:650;border:1px solid #d8e0ef;box-shadow:0 4px 12px #17243e12;border-radius:8px;display:flex;align-items:center;gap:10px;padding:9px 10px;white-space:nowrap}
.selected-card-badge>span{color:var(--blue);font-size:13px}
.demo-panda{top:245px;right:-18px;width:190px;height:195px;object-fit:contain;z-index:1;transform:rotate(8deg);animation:eureka-wiggle 6s ease-in-out infinite}
.sample-notification{top:360px;left:0;width:calc(100% - 35px);max-width:365px;min-height:145px;transform:rotate(-2deg);padding:17px 20px}.sample-notification-top{font-size:11px}.sample-notification-top img{width:25px;height:25px;border-radius:7px;background:#ecf2fd}.sample-notification>strong{font-size:14px;max-width:315px}.sample-notification>p{font-size:12px;max-width:315px}.sample-notification-tag{font-size:7px}.notification-time{font-size:10px}
.demo-card-caption{position:absolute;top:541px;left:0;display:flex;flex-direction:column;font-size:12px;font-weight:650;line-height:1.45}.demo-card-caption>span+span{font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}
.tone-control{bottom:25px;left:auto;right:0;width:auto;justify-content:flex-end;flex-direction:column;align-items:flex-end;gap:7px}.tone-control>span{font-size:10px}.tone-control button{font-size:11px;min-height:42px;padding:10px 15px}.concept-note{bottom:-8px;font-size:9px;line-height:1.5;max-width:100%}
.demo-scene.is-comparing .front-card{animation:real-card-pick .65s cubic-bezier(.16,1,.3,1)}.demo-scene.is-comparing .demo-live-app>img{animation:app-hop .5s cubic-bezier(.2,.7,.2,1)}
.sample-notification.pick-arrive{animation:pick-arrive .65s cubic-bezier(.16,1,.3,1)}
.real-mini-card{position:absolute;width:225px;height:auto;aspect-ratio:1.586;object-fit:contain;border-radius:10px;box-shadow:0 13px 23px -8px #17243e45}
.mini-first{left:34px;top:18px;transform:rotate(-10deg)}.mini-second{left:69px;top:91px;transform:rotate(8deg);animation:mini-card-float 6s ease-in-out infinite}
.official-setting-icon{object-fit:contain;padding:0;background:#e7edfc}.site-footer .official-brand{width:145px}
.launch-copy h2{font-size:57px}.launch-panel>img{bottom:-57px;width:420px;object-fit:contain}
.eyebrow{font-size:11px}.microcopy{font-size:11px}.step-number{font-size:10px}.step>p:last-child{font-size:13px}.screenshot-note{font-size:10px}.faq-list details p{font-size:13px}.control-points p{font-size:13px}
@keyframes detective-look{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}
@keyframes eureka-wiggle{0%,80%,100%{transform:rotate(8deg)}85%{transform:rotate(4deg)}92%{transform:rotate(11deg)}}
@keyframes real-card-pick{0%{transform:translate(13px,24px) rotate(-4deg);opacity:.25}100%{transform:translate(0,0) rotate(6deg);opacity:1}}
@keyframes app-hop{0%{transform:scale(.75) rotate(-8deg)}65%{transform:scale(1.1) rotate(3deg)}100%{transform:scale(1)}}
@keyframes mini-card-float{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-7px) rotate(5deg)}}
@keyframes pick-arrive{0%{opacity:.3;transform:translateY(22px) rotate(-2deg)}100%{opacity:1;transform:translateY(0) rotate(-2deg)}}
@media(max-width:1150px){.hero h1{font-size:75px}.real-merchant-strip a{font-size:12px;gap:8px}.real-merchant-strip img{width:35px;height:35px}.missed-section{gap:50px}.missed-calculator{padding:28px}.missed-calculator h3{font-size:25px}.missed-result output{font-size:58px}.missed-result>img{width:148px;height:160px;margin-right:-18px}.demo-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 24px;max-width:350px}.app-choice{font-size:12px}.app-choice .app-tile{width:54px;height:54px}.real-stack-card.front-card{width:267px}.real-stack-card.back-card{width:261px}.demo-card-stack{left:21px}.demo-panda{right:-14px;width:172px}.sample-notification{width:calc(100% - 10px)}.demo-card-caption{font-size:11px;max-width:195px}.demo-card-caption>span+span{font-size:9px;max-width:170px}.tone-control{right:0}.tone-control>span{font-size:9px}.tone-control button{font-size:10px;padding-inline:12px}.real-mini-card{width:208px}.mini-first{left:17px;top:21px}.mini-second{left:45px;top:91px}.launch-copy h2{font-size:49px}.launch-panel>img{width:365px;bottom:-60px}}
@media(max-width:950px){.hero h1{font-size:64px}.hero-actions{flex-wrap:wrap;gap:15px}.hero-actions .button{font-size:12px;padding-inline:17px}.missed-section{gap:35px}.missed-copy h2{font-size:40px}.missed-copy>p:not(.eyebrow){font-size:13px}.missed-calculator{padding:25px 23px}.missed-calculator h3{font-size:24px}.missed-result{min-height:145px}.missed-result output{font-size:49px}.missed-result>img{width:120px;height:144px;margin-right:-18px}.missed-calculator>.eyebrow{font-size:8px}.calculator-context{font-size:11px}.panda-comment{gap:10px}.panda-comment img{width:99px;height:112px}.panda-comment>span{font-size:17px}.real-merchant-strip{gap:12px}.real-merchant-strip a{flex-direction:column;gap:6px;font-size:11px}.real-merchant-strip img{width:38px;height:38px}.demo-scene{min-height:641px}.scene-top{font-size:8px}.motion-toggle{font-size:9px}.demo-card-stack{left:10px;top:164px;width:260px}.real-stack-card.front-card{width:235px}.real-stack-card.back-card{width:228px;left:-3px;top:-14px}.demo-panda{width:147px;right:-12px;top:260px}.demo-card-caption{top:529px;max-width:160px}.demo-card-caption>span+span{font-size:9px;max-width:145px}.sample-notification{top:353px;padding:15px;min-height:158px}.sample-notification>strong{font-size:13px}.sample-notification>p{font-size:11px}.tone-control{bottom:20px}.tone-control>span{font-size:9px}.tone-control button{font-size:10px;min-height:40px;padding:8px 10px}.concept-note{bottom:-10px;font-size:9px}.real-mini-card{width:174px}.mini-first{left:11px;top:25px}.mini-second{left:31px;top:90px}.launch-copy h2{font-size:44px}.launch-panel>img{width:310px;right:-38px;bottom:-80px}}
@media(max-width:760px){
  html{scroll-padding-top:85px}.site-header .nav-wrap{height:74px}.official-brand{width:137px}.button-small{font-size:11px;min-height:42px;padding:10px 13px}.hero{padding-top:35px;padding-bottom:30px}.hero h1{font-size:clamp(56px,13.8vw,83px);margin-top:18px;line-height:1.02;letter-spacing:-.06em}.hero .eyebrow{font-size:9px;max-width:300px;line-height:1.7}.hero-description{font-size:14px!important;line-height:1.8;max-width:450px}.hero-actions{flex-wrap:nowrap;gap:15px}.hero-actions .button{font-size:12px;padding-inline:18px;gap:14px;min-height:52px}.android-note{font-size:10px}.microcopy{font-size:11px;margin-top:18px}.hero-art{height:490px;margin-top:5px}.hero-phone{width:202px;height:439px;right:24px;top:14px}.hero-panda{width:300px;left:-10px;bottom:-8px}.hero-notification{top:86px;left:0;width:285px}.hero-notification strong{font-size:10px}.hero-orbit{width:min(380px,100%);height:auto;aspect-ratio:1;left:0;top:56px}.hero-handwritten{bottom:4px;font-size:14px}.star-two{bottom:77px}.star-one{top:8px;font-size:36px}.app-strip{padding-top:26px}.real-merchant-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px;margin-top:22px;max-width:420px}.real-merchant-strip a{flex-direction:row;gap:10px;font-size:12px;justify-content:flex-start;min-height:45px}.real-merchant-strip img{width:37px;height:37px;border-radius:10px}.app-strip .merchant-attribution{font-size:10px;line-height:1.6;max-width:330px;margin-inline:auto;margin-top:23px}.missed-section{grid-template-columns:1fr;gap:26px;padding-block:42px 54px}.missed-copy h2{font-size:clamp(35px,8.9vw,49px);line-height:1.09;margin-top:18px}.missed-copy .eyebrow{font-size:9px}.missed-copy>p:not(.eyebrow){font-size:14px;max-width:490px;margin-top:18px}.panda-comment{margin-top:10px;gap:15px}.panda-comment img{width:108px;height:115px}.panda-comment>span{font-size:19px}.missed-calculator{padding:27px 25px 23px;max-width:510px;width:100%;justify-self:center;border-radius:22px}.missed-calculator>.eyebrow{font-size:9px}.missed-calculator h3{font-size:27px;margin-top:14px}.calculator-context{font-size:13px;max-width:360px}.spend-label{font-size:12px;margin-top:23px}.spend-label output{font-size:20px}.range-limits{font-size:11px}.missed-result{min-height:156px;margin-top:20px}.missed-result output{font-size:63px}.result-label{font-size:10px}.result-period{font-size:13px}.missed-result>img{width:157px;height:167px;margin-right:-15px}.calculator-note{font-size:11px;line-height:1.7;margin-top:10px}.calculator-link{font-size:12px;padding-top:16px;margin-top:17px}.demo-section{padding-block:46px 55px}.demo-grid{gap:30px}.demo-grid>.section-copy{padding-top:0}.demo-grid .section-copy .eyebrow{font-size:9px;max-width:300px}.demo-grid h2{font-size:48px;line-height:1.02}.demo-grid .section-copy>p:not(.eyebrow){font-size:14px}.demo-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;max-width:440px;margin-top:24px}.app-choice{font-size:12px;min-height:93px;gap:11px;padding-block:8px}.app-choice .app-tile{width:55px;height:55px;border-radius:14px}.extra-apps{margin-top:12px}.all-apps-button{font-size:12px;margin-top:8px}.demo-actions{gap:17px;margin-top:12px}.demo-actions .button{min-height:48px;font-size:12px}.demo-actions .demo-hint{font-size:11px;line-height:1.6}.demo-scene{width:min(440px,100%);min-height:640px;margin-top:0}.scene-top{font-size:9px}.motion-toggle{font-size:10px}.demo-live-app{top:66px;font-size:12px}.demo-live-label{font-size:9px}.demo-card-stack{top:150px;left:calc(50% - 145px);width:290px}.real-stack-card.front-card{width:267px;left:13px;top:15px}.real-stack-card.back-card{width:260px;left:0;top:-16px}.front-card .selected-card-badge{font-size:9px;right:-6px}.demo-panda{top:247px;right:-6px;width:166px;height:175px}.sample-notification{top:351px;width:calc(100% - 8px);max-width:400px;min-height:158px;padding:17px 18px}.sample-notification>strong{font-size:14px;max-width:100%}.sample-notification>p{font-size:12px;line-height:1.55;max-width:100%}.sample-notification-tag{font-size:7px}.sample-notification-top{font-size:11px}.demo-card-caption{top:534px;max-width:190px;font-size:12px}.demo-card-caption>span+span{font-size:10px;max-width:170px}.tone-control{bottom:26px;max-width:45%;gap:7px}.tone-control>span{font-size:9px;text-align:right}.tone-control button{font-size:10px;min-height:43px;padding:10px 13px;gap:6px}.concept-note{bottom:-4px;font-size:10px;max-width:100%;line-height:1.6}.step-visual{height:239px}.real-mini-card{width:235px}.mini-first{left:calc(50% - 145px);top:24px}.mini-second{left:calc(50% - 108px);top:96px}.step-number{font-size:10px}.step>p:last-child{font-size:14px;line-height:1.8}.setting-mini b{font-size:12px}.setting-mini div>span{font-size:9px}.quiet-mini{font-size:11px}.screenshot-note{font-size:10px;line-height:1.6}.app-section-inner>.section-copy>p:not(.eyebrow){font-size:14px}.screen-tabs button{min-height:70px}.screen-tabs b{font-size:14px}.screen-tabs button>span:nth-child(2)>span{font-size:12px}.control-points p{font-size:14px}.faq-list summary{font-size:14px;padding-block:22px}.faq-list details p{font-size:14px}.launch-panel{min-height:560px}.launch-copy h2{font-size:41px}.launch-copy>p:not(.eyebrow){font-size:12px;max-width:250px;line-height:1.8}.launch-copy .eyebrow{font-size:9px;line-height:1.6}.launch-panel>img{width:280px;height:280px;right:-8px;bottom:-23px}.launch-copy>.button{min-height:48px;font-size:12px}.site-footer .official-brand{width:125px}.site-footer>p{font-size:10px;max-width:160px}.site-footer>span{font-size:10px}dialog>.eyebrow{font-size:9px}dialog>p:not(.eyebrow){font-size:14px}dialog>.button{font-size:13px;min-height:48px}
}
@media(max-width:390px){.official-brand{width:124px}.hero h1{font-size:clamp(49px,14.8vw,58px)}.hero-actions{flex-wrap:wrap;gap:14px}.hero-actions .button{font-size:12px;min-height:50px}.android-note{max-width:170px;font-size:10px}.hero-art{height:442px}.hero-phone{width:183px;height:397px;right:11px;top:14px}.hero-panda{width:260px;left:-8px;bottom:0}.hero-notification{width:min(260px,100%);left:0;top:89px;gap:7px;padding:12px}.hero-notification strong{font-size:9px}.hero-notification p{font-size:8px}.hero-handwritten{font-size:12px;right:0}.hero-orbit{width:100%;top:50px}.real-merchant-strip a{gap:7px;font-size:11px}.real-merchant-strip img{width:31px;height:31px;border-radius:9px}.missed-copy h2{font-size:34px}.missed-calculator{padding:24px 21px}.missed-calculator h3{font-size:24px}.missed-result output{font-size:54px}.missed-result>img{width:126px;height:145px;margin-right:-17px}.result-label{font-size:9px}.calculator-context{font-size:12px}.demo-grid h2{font-size:45px}.demo-selector{gap:11px}.app-choice{font-size:11px}.app-choice .app-tile{width:52px;height:52px}.demo-card-stack{width:250px;left:calc(50% - 125px);top:155px}.real-stack-card.front-card{width:232px;left:10px}.real-stack-card.back-card{width:225px;left:0}.demo-panda{width:143px;right:-4px;top:251px}.sample-notification{padding:16px;min-height:171px;top:331px}.sample-notification>strong{font-size:13px}.sample-notification>p{font-size:12px}.sample-notification-tag{font-size:6.5px;letter-spacing:.07em}.demo-card-caption{top:523px;font-size:11px;max-width:145px}.demo-card-caption>span+span{max-width:145px;font-size:10px}.tone-control{bottom:22px;max-width:46%}.tone-control>span{font-size:8px}.tone-control button{font-size:9px;padding:9px 10px}.demo-scene{min-height:630px}.concept-note{font-size:9px;bottom:-3px}.real-mini-card{width:211px}.mini-first{left:calc(50% - 130px);top:30px}.mini-second{left:calc(50% - 92px);top:105px}.launch-copy h2{font-size:35px}.launch-panel{padding-inline:23px}.launch-copy>p:not(.eyebrow){max-width:220px}.site-footer>p{max-width:145px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.real-stack-card.front-card{transform:rotate(6deg)}.mini-second{transform:rotate(8deg)}}