/* Light home, product-first demonstration. Scoped to the public landing page. */
.hero{background:radial-gradient(ellipse at 85% 15%,#fff1d5 0,transparent 48%),linear-gradient(135deg,#fff,#edf3fa);color:var(--ink);padding:58px 0 56px;overflow:visible}
.hero::before,.hero::after{display:none}.hero .wrap{grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr);align-items:center;min-height:0;padding-top:0;gap:36px}.hero .wrap>div:first-child{padding-bottom:0}.hero h1{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.3px;line-height:1.12}.hero h1 em{color:#9b640b;background:none;animation:none;-webkit-text-fill-color:currentColor}.hero .kick{color:#53647c}.hero .sub{font-size:17px;color:#4c5e75;line-height:1.65}.hero .micro,.hero .have{color:#52637b}.hero .have a{color:#78500d}.hero .btn.ghost{color:var(--ink);border-color:#b8c6d6;background:#fff}.hero .btn.ghost:hover{background:#f3f6fa}.hero .cta-row{gap:10px}.hero .cta-row .btn{font-size:15px;padding:0 19px}.hero .hero-art{padding:0;transform:none!important;will-change:auto;min-width:0}.hero .chipf{display:none}.strip{background:#fff;border-color:#e0e7f0}.strip .wrap{color:#465972}.strip span+span{border-color:#e0e7f0}
.calc{background:#f6f8fc;border-color:#e1e8f1}.calcbox{background:#fffdf7;border-color:#e8d9b9}.calcbox h3{color:var(--ink)}.calcbox p.cs{color:#52637b}.calcbox .ck{color:#8b5c13}.calcbtn{color:#78500d;border-color:#c59b4b}
.dark.bright{background:#fff;color:var(--ink)}.dark.bright .eyebrow{color:#91600f}.dark.bright .lead{color:var(--mut)}.bright .dcard{background:#f8fafc;border-color:#dce5f0;box-shadow:0 7px 20px #14263b06}.bright .dcard h3{color:var(--ink)}.bright .dcard .dfor{color:#8a5a0c}.bright .dcard li{color:#4d6078}.bright .dall span{color:#465a74;border-color:#dce5f0;background:#f6f8fc}.bright .say{background:#f6f8fc;border-color:#dce5f0}.bright .say q{color:var(--ink)}.bright .doc{border:1px solid #dce5f0;box-shadow:0 20px 50px -30px #14263b55}.bright .demo-ctl{color:var(--ink)}.bright .demo-ctl button{color:var(--ink);border-color:#c8d4e2}.bright .demo-ctl select{background:#fff;color:var(--ink);border-color:#b3c2d5}
.store-access{margin-top:22px;display:flex;align-items:center;gap:14px}.store-access .store-copy{max-width:230px}.store-access strong{display:block;font-size:14px;color:var(--ink)}.store-access small{display:block;font-size:12px;color:#53647c;margin-top:4px}.store-access a{display:inline-flex;align-items:center;gap:9px;background:#122135;color:#fff;text-decoration:none;border-radius:9px;padding:8px 13px;margin-top:8px;font-size:12px}.store-access a b{display:block;font-size:16px;line-height:1.2}.store-access .play-triangle{color:#f6c864;font-size:23px}.store-qr{width:87px;height:87px;padding:5px;background:#fff;border:1px solid #d9e2ed;border-radius:8px;flex-shrink:0}
@media(min-width:1001px){.hero .cta-row:has(.play){max-width:none}.hero .cta-row:has(.play) .btn.gold{flex:0 1 auto}.hero .cta-row:has(.play) .btn.ghost{flex:0 1 auto}}
@media(max-width:1000px){.hero .wrap{grid-template-columns:1fr;gap:30px;align-items:start}.hero h1{max-width:760px}.hero .sub{max-width:680px}.hero .hero-art{width:min(750px,100%);margin:0 auto}.pd-kpi b{font-size:22px}.store-access{margin-top:18px}.hero{padding:36px 0}.pd-body{min-height:390px}}
@media(max-width:640px){.hero{padding:28px 0 32px}.hero h1{font-size:34px}.hero .sub{font-size:16px;margin-bottom:20px}.hero .cta-row .btn{width:100%}.store-qr{display:none}.store-access{align-items:start}.store-access .store-copy{max-width:none}.store-access small{max-width:290px}.pd-nav{display:none}.pd-body{grid-template-columns:1fr;min-height:390px}.pd-main{padding:13px}.pd-kpi b{font-size:18px}.pd-kpi{padding:10px 8px}.pd-kpi small{font-size:10px}.pd-top{padding:11px 13px}.pd-heading h3{font-size:18px}.pd-toolbar{flex-wrap:wrap}.pd-status{max-width:100%;flex:1 1 100%}.pd-controls button,.pd-dots button{min-height:44px}.hero .have{display:block}.bright .dcard{padding:20px}}
@media(prefers-reduced-motion:reduce){.pd-stage.enter{animation:none}}
.store-access a.store-qr{display:block;background:#fff;border:1px solid #d9e2ed;padding:5px;margin-top:0}
.hero .hero-art{scroll-margin-top:90px}
.bright .demo-ctl small{color:#52637b}.bright .chp:hover{color:#14243b;background:#fff4dc}.bright .replay{color:#86560d}
/* Original Google Play badge, without recoloring, distortion or recreation. */
.store-access #playBtn{background:transparent;border:0;padding:0;box-shadow:none;border-radius:0;margin:0;display:inline-flex}.store-access #googlePlayBadge{width:194px;max-width:100%;height:auto;display:block}

.hero .wrap{width:min(1440px,100% - 48px);grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:34px}
.product-demo{border:1px solid #b9c8dc;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 20px 55px -24px #14263b55;scroll-margin-top:90px}.official-top{display:flex;justify-content:space-between;gap:12px;background:#182738;color:#eef3fa;padding:12px 16px;font-size:13px;font-weight:750}.official-top small{font-size:11px;color:#c3cede}.official-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:#f4f7fb;border-bottom:1px solid #dbe4ef}.official-tabs button{flex:1;min-width:90px;border:1px solid #ccd8e6;background:#fff;color:#52657f;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:650;min-height:38px;cursor:pointer}.official-tabs button[aria-pressed=true]{background:#192d45;color:#fff;border-color:#192d45}.official-screen{position:relative;background:#f2f5fa;overflow:hidden}.official-screen>img{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;display:block}.official-arrive{animation:official-reveal .65s ease-out}.official-progress{height:3px;background:#e4eaf3}.official-progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#c9983b}.official-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;background:#fff;border-top:1px solid #dbe4ef;font-size:12px;color:#4b607b}.official-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.official-toolbar button,.official-dialog button{background:#fff;border:1px solid #bacbdf;color:#233b59;border-radius:6px;padding:7px 11px;min-height:36px;font-size:12px;cursor:pointer}.pd-caption{display:block;text-align:center;font-size:11px;color:#536983;margin-top:12px}.official-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94vh;border:1px solid #b9c8dc;border-radius:12px;padding:16px;background:#fff;color:#14263b}.official-dialog::backdrop{background:#07111dcc}.official-dialog>div{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.official-dialog img{width:100%;height:auto;object-fit:contain}.official-dialog p{font-size:12px;color:#526780;margin:10px 0 0}
@keyframes official-reveal{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes official-timer{to{transform:scaleX(1)}}
@media(max-width:1000px){.hero .wrap{grid-template-columns:1fr}.hero .hero-art{width:min(850px,100%)}}
@media(max-width:640px){.hero .wrap{width:calc(100% - 32px);gap:26px}.official-top{font-size:12px;padding:11px 12px}.official-tabs{gap:5px;padding:8px}.official-tabs button{min-width:42%;min-height:44px;font-size:12px}.official-toolbar{padding:10px}.official-toolbar button{min-height:44px}.official-toolbar>span{width:100%}.store-access #googlePlayBadge{width:190px}}
@media(prefers-reduced-motion:reduce){.official-arrive,.official-playing .official-progress i{animation:none}}

/* Keep the full official capture visible and make controls easy to tap. */
.hero .wrap>*{min-width:0}.official-screen>img{aspect-ratio:auto}.official-dialog{box-sizing:border-box;margin:auto}.official-dialog img{display:block}.official-tabs button,.official-toolbar button{touch-action:manipulation}
@media(max-width:640px){.product-demo{width:100%;box-sizing:border-box}.official-toolbar>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.official-toolbar button{min-width:0;padding:8px 5px;overflow-wrap:anywhere}.official-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:10px}.official-dialog>div strong{font-size:13px}.official-dialog button{min-height:44px}.store-access a.store-qr{display:none}}

/* Present the actual screen directly, without an enclosing dashboard frame. */
.hero .wrap{width:min(1400px,100% - 64px);grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:36px}.hero .hero-art{width:100%;max-width:790px;margin:auto}.product-demo{display:flex;flex-direction:column;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.official-top{display:none}.official-screen{order:1;background:transparent;border-radius:9px;box-shadow:0 14px 40px -22px #14263b55;overflow:hidden}.official-screen>img{width:100%;height:auto;max-height:none;aspect-ratio:auto;display:block;object-fit:contain}.official-progress{height:2px}.official-tabs{order:2;justify-content:center;gap:6px;background:transparent;border:0;padding:14px 0 0}.official-tabs button{flex:0 1 auto;min-width:0;min-height:40px;border-radius:20px;background:transparent;padding:7px 15px}.official-toolbar{order:3;justify-content:center;background:transparent;border:0;padding:10px 0 0}.official-toolbar>span{display:none}.official-toolbar button{border-color:transparent;background:transparent;color:#526780;padding:6px 12px}.official-toolbar button:hover{background:#fff;border-color:#dbe4ef}.pd-caption{margin-top:8px;font-size:10px}.official-dialog{width:min(1400px,96vw)}.official-dialog img{width:100%;height:auto;max-width:100%;margin:auto}
@media(max-width:1000px){.hero .wrap{grid-template-columns:1fr;gap:28px}.hero .hero-art{max-width:760px}}
@media(max-width:640px){.hero .wrap{width:calc(100% - 32px);gap:24px}.hero .hero-art{max-width:100%}.official-screen{border-radius:6px}.official-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:12px}.official-tabs button{min-width:0;min-height:44px;padding:7px 8px;font-size:12px}.official-toolbar>div{display:flex;justify-content:center;flex-wrap:wrap;width:100%;gap:4px}.official-toolbar button{min-height:44px;padding:7px 10px}.official-dialog{width:calc(100vw - 16px)}}

/* Guided tour over the screen captures: slow camera, moving highlight and a cursor that clicks. */
.official-zoom{position:relative;display:block;transform-origin:50% 40%}
.official-zoom>img{width:100%;height:auto;display:block;max-height:none;aspect-ratio:auto;object-fit:contain}
.official-focus{position:absolute;pointer-events:none;opacity:0;left:var(--ax,20%);top:var(--ay,30%);width:var(--aw,70%);height:var(--ah,20%);border:2px solid #d9a441;border-radius:10px;box-shadow:0 0 0 9999px rgba(12,24,40,.17),0 0 22px 2px rgba(217,164,65,.45)}

.official-cursor{position:absolute;pointer-events:none;opacity:0;width:20px;height:26px;left:var(--c1x,50%);top:var(--c1y,50%);filter:drop-shadow(0 2px 3px rgba(10,20,35,.45))}
.official-cursor u,.official-cursor u::after{position:absolute;display:block;clip-path:polygon(0 0,0 100%,28% 76%,48% 100%,64% 92%,45% 68%,80% 68%)}.official-cursor u{inset:0;background:#fff;text-decoration:none}.official-cursor u::after{content:"";inset:2px 3px 3px 2px;background:#14243b}
.official-ripple{position:absolute;left:-10px;top:-10px;width:20px;height:20px;border:2px solid #d9a441;border-radius:50%;opacity:0;box-sizing:border-box}
.official-live{animation:official-drift 5.6s ease-in-out both}
.official-live .official-focus{animation:official-focus 5.6s ease-in-out both}.official-focus-b{left:var(--bx);top:var(--by);width:var(--bw);height:var(--bh)}.official-live .official-focus-b{animation:official-focus-b 5.6s ease-in-out both}
.official-live .official-cursor{animation:official-cursor 5.6s cubic-bezier(.65,0,.35,1) both}
.official-live .official-ripple{animation:official-click 5.6s ease-out both}
@keyframes official-drift{from{scale:1}to{scale:1.035}}
@keyframes official-focus{0%,8%{opacity:0}18%,40%{opacity:1}52%,100%{opacity:0}}
@keyframes official-focus-b{0%,52%{opacity:0}64%,100%{opacity:1}}
@keyframes official-cursor{
0%{opacity:0;left:92%;top:96%}
8%{opacity:1;left:92%;top:96%}
22%,42%{opacity:1;left:var(--c1x);top:var(--c1y)}
60%,100%{opacity:1;left:var(--c2x);top:var(--c2y)}}
@keyframes official-click{0%,22%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(.4)}36%{opacity:0;transform:scale(3.2)}60%{opacity:0;transform:scale(.4)}63%{opacity:1;transform:scale(.4)}74%,100%{opacity:0;transform:scale(3.2)}}
@media(max-width:640px){.official-cursor{width:16px;height:21px}}
@media(prefers-reduced-motion:reduce){.official-live,.official-live .official-focus,.official-live .official-cursor,.official-live .official-ripple{animation:none}.official-focus,.official-cursor{display:none}}

/* Phones: the product demo comes right after the headline, so the dashboard is on the first screen as on a computer. */
@media(max-width:640px){
.hero{padding:16px 0 24px}
.hero .wrap{display:flex;flex-direction:column;gap:12px}
.hero .wrap>div:first-child{display:contents}
.hero .kick{order:1;margin:0;font-size:11px;letter-spacing:.13em}
.hero h1{order:2;margin:0;font-size:27px;line-height:1.12;letter-spacing:-.8px}
.hero .hero-art{order:3;margin:0}
.hero .cta-row{order:4;margin:0;width:100%}
.hero #watchDemo{display:none}
.hero .sub{order:5;margin:0;font-size:15px;line-height:1.55}
.hero .micro{order:6;margin:0}.hero .have{order:7;margin:0}.hero .store-access{order:8;margin-top:6px}
.official-tabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:6px;padding:10px 0 0;scrollbar-width:none}.official-tabs::-webkit-scrollbar{display:none}
.official-tabs button{flex:0 0 auto;min-height:40px;padding:6px 13px;white-space:nowrap}
.official-toolbar{padding-top:4px}
.pd-caption{margin-top:4px}
}