@font-face{font-family:Noto;src:url('assets/NotoSans-Regular.ttf')}@font-face{font-family:Noto;src:url('assets/NotoSans-Bold.ttf');font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#ffffff;color:#0f172a;font-family:Noto,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main>section,footer,.benefit-strip{padding-left:max(6%,calc((100vw - 1280px)/2));padding-right:max(6%,calc((100vw - 1280px)/2))}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0}.brand{display:flex;align-items:center;font-size:21px;font-weight:700;letter-spacing:-1px}.brand img{width:36px;height:36px;object-fit:contain;margin-right:8px}.brand span{font-weight:400;margin-left:4px}.brand sup{font-size:10px;margin-left:4px}nav{display:flex;gap:32px;font-size:13px}.nav-cta{border:1px solid #cbd5e1;padding:13px 18px;border-radius:7px;font-size:12px}.nav-cta span{margin-left:18px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;align-items:center;gap:35px;padding-top:45px;padding-bottom:50px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;background:#2dc78f;border-radius:50%}h1{font-size:clamp(55px,6.3vw,91px);line-height:1.09;letter-spacing:-5px;margin:25px 0}h1 em{font-style:normal;color:#2dc78f;position:relative}h1 em:after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:5px;background:#2dc78f;transform:rotate(-3deg)}.hero-copy>p{font-size:16px;line-height:1.9;color:#64748b;margin:27px 0 30px}.actions{display:flex;gap:24px;align-items:center}.button{display:inline-flex;justify-content:center;gap:28px;align-items:center;padding:17px 21px;border-radius:7px;font-size:12px;font-weight:700}.dark{background:#0c3476;color:#fff}.button:hover{background:#17478c}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:5px}.hero-note{display:flex;gap:10px;align-items:center;color:#64748b;font-size:10px;margin-top:28px}.hero-note span{font-size:19px}.hero-art{height:550px;position:relative;background:#f1f5f9;border-radius:48% 48% 40% 40%;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:95%;height:65%;border:1px solid #e2e8f0;border-radius:50%;transform:rotate(-30deg)}.orbit-two{transform:rotate(35deg);height:80%;width:75%}.star{position:absolute;font-size:65px;color:#61784d;right:0;top:40px}.art-label{position:absolute;left:5px;top:65px;transform:rotate(-8deg);font-size:9px;letter-spacing:1.5px;line-height:1.8}.phone{background:#fff;width:246px;height:476px;border:6px solid #10254b;border-radius:37px;position:relative;z-index:2;transform:rotate(7deg);box-shadow:15px 24px 35px #33402725;padding:14px 14px 10px}.island{height:14px;background:#10254b;width:70px;border-radius:0 0 12px 12px;position:absolute;top:0;left:82px}.phone-status{font-size:8px;display:flex;justify-content:space-between}.phone-heading{font-size:22px;font-weight:700;margin:24px 0 16px}.phone-heading>span{float:right;color:#2dc78f;font-size:22px}.phone-heading small{font-size:9px;display:block;color:#64748b;font-weight:400;margin-top:5px}.balance{background:#0c3476;border-radius:13px;padding:15px}.balance>span{font-size:8px;color:#dbeafe}.balance strong{display:block;font-size:25px;margin:8px 0 4px;letter-spacing:-1px}.balance strong span{font-size:11px;letter-spacing:0}.balance small{font-size:6px;color:#dbeafe}.bars{height:45px;display:flex;gap:5px;align-items:end}.bars i{width:9px;background:#76e5bc;border-radius:3px 3px 0 0;height:40%}.bars i:nth-child(3n){height:80%;background:#2dc78f}.bars i:nth-child(2n){height:60%}.bars i:nth-child(4n){height:95%}.phone-sub{font-size:10px;font-weight:700;margin:20px 0 4px}.phone-sub span{float:right;font-size:7px;font-weight:400}.receipt-row{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #e2e8f0;font-size:9px}.tile{display:grid;place-items:center;width:28px;height:30px;border-radius:7px;font-size:15px;font-weight:400}.peach{background:#e0e7ff}.lavender{background:#e0f2fe}.mint{background:#d8f5e9}.receipt-row small{display:block;font-size:6px;color:#64748b;margin-top:3px}.receipt-row strong{margin-left:auto;font-size:8px}.phone-bottom{display:flex;justify-content:space-around;align-items:center;margin-top:13px;font-size:17px}.phone-bottom small{display:block;font-size:6px}.phone-bottom b{border-radius:50%;background:#0c3476;color:#fff;width:35px;height:35px;text-align:center;padding-top:4px}.paper{position:absolute;background:#fffef8;width:185px;height:275px;left:8%;top:145px;transform:rotate(-15deg);padding:23px;box-shadow:0 8px 20px #29382112;clip-path:polygon(0 0,100% 0,100% 96%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 96%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 96%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%)}.paper-logo{font-weight:700;font-size:15px}.paper-rule{border-top:1px dashed #a9af9e;margin-top:15px}.paper p{font-size:7px;letter-spacing:1px;margin:15px 0}.paper-line{height:6px;background:#e4e7dc;margin:10px 0}.paper-line.short{width:70%}.barcode{margin-top:22px;height:40px;background:repeating-linear-gradient(90deg,#4c5548 0 2px,transparent 2px 4px,#4c5548 4px 5px,transparent 5px 8px)}.saved{position:absolute;z-index:3;bottom:90px;right:-12px;background:white;padding:15px 20px;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;align-items:center;box-shadow:0 10px 30px #26351f13;transform:rotate(-5deg);font-size:12px;font-weight:700}.saved>span{background:#d8f5e9;color:#13754f;border-radius:50%;padding:5px 9px}.saved small{font-size:8px;display:block;font-weight:400;color:#64748b;margin-top:4px}.art-caption{position:absolute;bottom:0;font-size:8px;letter-spacing:2px;right:40px}.benefit-strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding-top:26px;padding-bottom:26px;font-size:11px;color:#0c3476}.section{padding-top:95px;padding-bottom:95px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}h2{font-size:clamp(29px,3.1vw,43px);line-height:1.23;letter-spacing:-1.8px;margin:22px 0}p{line-height:1.8;color:#64748b}.section-head>p{font-size:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;gap:20px}.feature-grid article{padding:30px;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;position:relative;min-height:260px}.feature-grid article:nth-child(2){background:#f1f5f9}.feature-grid article:nth-child(3){background:#ffffff}.feature-icon{font-size:28px}.feature-grid h3{font-size:17px;letter-spacing:-.5px;margin-top:27px}.feature-grid p{font-size:12px;max-width:260px}.card-number{position:absolute;right:25px;top:30px;color:#94a3b8;font-size:10px}.demo-section{background:#f1f5f9;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.demo-section>div>p{max-width:350px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.filters button{border:1px solid #e2e8f0;border-radius:20px;padding:9px 13px;font-size:10px;background:transparent;color:#475569}.filters button.active{background:#0c3476;color:white;border-color:#0c3476}.demo-note{display:block;font-size:9px;color:#64748b;margin-top:18px}.demo-box{padding:28px;background:#ffffff;border-radius:14px;box-shadow:0 14px 30px #41502b0c}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.demo-heading>span{font-size:10px;color:#64748b}.demo-receipt{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;border-bottom:1px solid #e2e8f0;padding:19px 0;text-align:left;color:#0f172a}.demo-receipt .tile{width:38px;height:40px}.demo-receipt small{display:block;color:#64748b;font-size:9px;margin-top:5px}.demo-receipt strong{font-size:11px;margin-left:auto}.demo-receipt:hover{background:#f8fafc}.demo-total{display:flex;justify-content:space-between;margin-top:24px;font-size:11px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:45px}.step-grid article{border-top:1px solid #e2e8f0;padding-top:22px}.step-grid article>span{font-size:12px;color:#0c3476}.step-grid h3{font-size:18px;margin-top:25px}.step-grid p{font-size:12px}.faq{border-top:1px solid #e2e8f0;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:65px}.faq details{border-bottom:1px solid #e2e8f0;padding:22px 0}.faq summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:18px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px}.download{position:relative;overflow:hidden;background:#0c3476;margin:0 4%;border-radius:16px;padding-top:65px;padding-bottom:65px}.download h2{font-size:44px;max-width:700px}.download p{font-size:13px}.download .button{margin-top:15px}.download>small{display:block;margin-top:16px;font-size:9px;color:#dbeafe}.download-star{position:absolute;right:8%;top:60px;font-size:240px;color:#aec68d;line-height:1}footer{display:flex;align-items:center;gap:35px;padding-top:44px;padding-bottom:44px;font-size:10px}footer>.brand{font-size:17px}footer>.brand img{width:28px;height:28px}footer>span{color:#64748b}footer>a:nth-of-type(2){margin-left:auto}footer>small{font-size:9px;color:#64748b}dialog{max-width:440px;width:90%;border:1px solid #e2e8f0;border-radius:16px;padding:40px;background:#ffffff;color:#0f172a}dialog::backdrop{background:#18221188;backdrop-filter:blur(4px)}.close{float:right;border:0;background:transparent;font-size:27px;color:#0c3476}.dialog-amount{font-size:28px;font-weight:700;margin:30px 0}dialog p{font-size:12px}:focus-visible{outline:3px solid #2dc78f;outline-offset:5px}@media(min-width:1500px){.hero-art{max-width:560px}}@media(max-width:1000px){nav{gap:18px}.hero{gap:20px}h1{font-size:67px}.actions{gap:17px;flex-wrap:wrap}.hero-art{transform:scale(.9);transform-origin:center}.saved{right:-20px}.demo-section{gap:35px}.download-star{right:0;opacity:.5}.download>*:not(.download-star){position:relative;z-index:1}}@media(max-width:700px){header{height:80px}.brand{font-size:18px}nav{display:none}.nav-cta{font-size:10px;padding:10px}.nav-cta span{margin-left:8px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:25px;gap:20px}h1{font-size:67px;letter-spacing:-4px}.hero-copy>p{font-size:14px}.hero-art{height:510px;transform:scale(.93);margin:0 -10px}.hero-note{margin-top:20px}.benefit-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:9px}.section{padding-top:58px;padding-bottom:58px}.section-head{display:block}.section-head>p{margin-top:20px}.feature-grid,.step-grid{grid-template-columns:1fr;gap:15px}.feature-grid article{min-height:220px}.feature-grid h3{margin-top:20px}.feature-grid p{max-width:100%}.demo-section,.faq{grid-template-columns:1fr;gap:30px}.demo-box{padding:22px}.step-grid{gap:25px;margin-top:30px}.step-grid h3{margin-top:15px}.faq h2 br{display:none}.download h2{font-size:32px}.download{margin:0 4%}.download-star{font-size:170px;top:100px;right:-30px;opacity:.35}footer{flex-wrap:wrap;justify-content:space-between;gap:22px}footer>span{display:none}footer>a:nth-of-type(2){margin-left:0}footer>small{width:100%}.art-label{left:0}.saved{right:-3px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* App palette: login_screen.dart primaryNavy / primaryGreen. */
:root{--navy:#0c3476;--green:#2dc78f;--gradient:linear-gradient(125deg,#0c3476 5%,#126d86 60%,#2dc78f 120%)}
header{height:94px;background:#fff}.brand{color:var(--navy);letter-spacing:-.7px}.brand img{width:39px;height:39px}.nav-cta{background:var(--navy);color:#fff;border:0;border-radius:10px;font-weight:700}.hero{background:var(--gradient);color:#fff;grid-template-columns:1.15fr 1fr;gap:45px;overflow:hidden;padding-top:55px;padding-bottom:60px}.hero .eyebrow{color:#d1f8ea}h1{font-size:clamp(46px,4.5vw,67px);line-height:1.16;letter-spacing:-3px}h1 em{color:#76e5bc}h1 em:after{display:none}.hero-copy>p{color:#d9e7f4;font-size:16px;max-width:490px}.actions{flex-wrap:wrap}.button{border-radius:10px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.hero .button,.download .button{background:var(--green);color:#082f46}.hero .button:hover,.download .button:hover{background:#6cdeb3}.hero .text-link{color:#fff}.hero-note{color:#d9e7f4;flex-wrap:wrap;gap:9px}.hero-note span{color:#76e5bc;font-size:13px}.hero-note span:not(:first-child){margin-left:10px}.hero-art{height:535px;border-radius:32px;border:1px solid #ffffff24;background:linear-gradient(150deg,#ffffff0d,#ffffff05)}.app-preview-label{position:absolute;left:23px;top:23px;color:#dcf9ee;font-size:8px;letter-spacing:1.5px}.phone{color:#0f172a;background:#f8fafc;transform:translate(21px,3px);width:250px;height:474px;border-radius:34px;box-shadow:0 25px 50px #00193855}.island{left:84px}.phone-heading{font-size:20px;color:var(--navy)}.phone-heading>span{color:var(--navy);font-size:18px}.phone-heading small{font-size:8px}.balance{background:var(--gradient);color:#fff;border-radius:15px}.balance>span,.balance small{color:#d9eaf5}.bars i:nth-child(4n){background:#a6eed7}.phone-sub{color:var(--navy)}.phone-sub span{background:#e0e7ff;padding:2px 6px;border-radius:8px}.phone-bottom{color:var(--navy)}.scan-card{position:absolute;left:-27px;top:134px;z-index:3;background:#fff;color:var(--navy);padding:20px 17px;border-radius:17px;border:1px solid #e2e8f0;box-shadow:0 16px 40px #00294726;width:155px}.scan-card svg{width:49px;height:49px;display:block;margin-bottom:12px}.scan-card strong{display:block;font-size:14px}.scan-card small{display:block;font-size:8px;line-height:1.7;color:#64748b;margin-top:6px}.saved{transform:none;color:var(--navy);font-size:11px;bottom:80px;right:-22px;box-shadow:0 10px 30px #00304e20}.art-caption{left:0;right:0;bottom:13px;text-align:center;color:#d9eaf5;font-size:7px;letter-spacing:1.3px}.benefit-strip{background:#f8fafc;border-top:0}h2,h3{color:var(--navy)}.eyebrow{color:var(--navy)}.feature-grid article,.feature-grid article:nth-child(2),.feature-grid article:nth-child(3){background:#fff;border-radius:20px;box-shadow:0 8px 25px #0c347605}.feature-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:14px;background:#edf3fd;color:var(--navy)}.feature-grid article:nth-child(2) .feature-icon{background:#def7ed;color:#13754f}.demo-section{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.filters button{border-radius:9px;background:#fff}.demo-box{border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 18px 50px #0c347609}.demo-heading{color:var(--navy)}.demo-heading>span{color:var(--navy);background:#e0e7ff;padding:5px 10px;border-radius:20px}.demo-receipt strong{white-space:nowrap}.tile{color:var(--navy)}.demo-total{gap:15px;align-items:center;padding:16px;background:#edf3fd;border-radius:11px;color:var(--navy)}.demo-total strong{font-size:16px}.step-grid article{border-top:2px solid #e2e8f0}.step-grid article>span{display:inline-block;background:#def7ed;padding:8px 12px;border-radius:10px;font-weight:700}.faq summary{color:var(--navy);font-weight:700}.faq summary:after{color:#16875f}.faq .text-link{color:var(--navy)}.download{background:var(--gradient);color:#fff;border-radius:25px}.download h2{color:#fff}.download .eyebrow{color:#87e7c6}.download p,.download>small{color:#d9eaf5}.download-mark{position:absolute;right:9%;top:65px;width:175px;color:#ffffffb0;transform:rotate(9deg)}dialog{border-radius:22px;box-shadow:0 25px 100px #0c347633}dialog::backdrop{background:#071a3c99}.dialog-amount,.close{color:var(--navy)}
@media(max-width:1050px){.hero{gap:25px;grid-template-columns:1.1fr 1fr}h1{font-size:49px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.scan-card{left:-14px;width:125px;padding:16px 12px}.scan-card small{font-size:7px}.phone{transform:translate(10px,3px);width:234px;padding:14px 10px}.island{left:76px}.saved{right:-12px}.download-mark{right:4%;opacity:.5}.download>*:not(.download-mark){position:relative;z-index:1}}
@media(max-width:760px){header{height:80px}nav{display:none}.nav-cta{font-size:10px;padding:11px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:35px;gap:35px}h1{font-size:clamp(36px,7.9vw,56px);letter-spacing:-1.9px}.hero-copy>p{font-size:14px;max-width:470px}.hero-art{height:528px;width:100%;max-width:475px;justify-self:center;transform:none;margin:0}.app-preview-label{left:17px;font-size:7px}.scan-card{left:-6px;top:145px;width:127px}.saved{right:-6px;bottom:73px;font-size:10px;padding:13px}.saved small{font-size:7px}.phone{transform:translate(10px,5px);width:242px;padding:14px 14px 10px}.island{left:80px}.section-head{display:block}.feature-grid,.step-grid{grid-template-columns:1fr;gap:15px}.demo-section,.faq{grid-template-columns:1fr;gap:30px}.demo-receipt{gap:9px;font-size:11px}.demo-receipt strong{font-size:10px}.demo-receipt small{font-size:8px}.download h2{font-size:32px}.download-mark{width:130px;top:120px;right:-20px;opacity:.2}}
@media(max-width:360px){.hero .eyebrow{font-size:8px}.scan-card{width:105px;left:-8px}.scan-card strong{font-size:12px}.saved{right:-9px;padding:10px;gap:6px}.nav-cta{font-size:9px}.brand{font-size:16px}.brand img{width:30px;margin-right:4px}}@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* Keep the full illustrated navigation inside the device frame. */
.hero-art{height:570px}.phone{height:510px}@media(max-width:760px){.hero-art{height:560px}}

.hero-art{height:590px}.phone{height:530px}@media(max-width:760px){.hero-art{height:580px}}

/* Four steps: desktop row, tablet pairs, mobile stack. */
.step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}@media(max-width:1000px){.step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media(max-width:700px){.step-grid{grid-template-columns:1fr;gap:25px}}

/* Original app icon and wordmark, preserving the lettering from the app artwork. */
.brand{gap:11px}.brand img,footer>.brand img{width:43px;height:43px;margin:0;border-radius:10px}.brand .brand-wordmark{display:block;width:151px;height:44px;margin:0;background:#0c3476;-webkit-mask:url('assets/logo-text.png') center/contain no-repeat;mask:url('assets/logo-text.png') center/contain no-repeat}footer>.brand .brand-wordmark{width:126px;height:37px}footer>.brand img{width:37px;height:37px;border-radius:9px}@media(max-width:700px){.brand{gap:8px}.brand img{width:36px;height:36px;border-radius:8px}.brand .brand-wordmark{width:110px;height:33px}}@media(max-width:360px){.brand{gap:6px}.brand .brand-wordmark{width:94px;height:29px}.brand img{width:32px;height:32px}}

/* App name beside the icon on a single line. */
.brand .brand-name{margin:0;font-size:21px;font-weight:700;letter-spacing:-.6px;white-space:nowrap;color:#0c3476}footer>.brand .brand-name{font-size:18px}@media(max-width:700px){.brand .brand-name{font-size:18px}}@media(max-width:360px){.brand .brand-name{font-size:16px}}

/* User-provided app screenshot, shown at its original proportions. */
.phone.phone-screenshot{padding:0;width:250px;height:auto;overflow:hidden;line-height:0;border-radius:30px;background:#f8fafc}.app-screenshot{display:block;width:100%;height:auto}.hero-art{min-height:610px}.app-preview-label{top:17px}.art-caption{bottom:10px}@media(max-width:1050px){.phone.phone-screenshot{width:234px}}@media(max-width:760px){.phone.phone-screenshot{width:242px}.hero-art{height:610px;min-height:610px}}

/* Original device composition; hide only the source screenshot status bar. */
.phone.phone-screenshot{padding:23px 0 0;background:#f8fafc;border-radius:34px;position:relative}.phone-screenshot .island{z-index:2;left:50%;transform:translateX(-50%);width:70px;height:14px;background:#10254b}.screenshot-viewport{overflow:hidden;line-height:0}.screenshot-viewport .app-screenshot{margin-top:-13%;width:100%;height:auto}.hero-art{height:590px;min-height:590px}.hero-art .saved{display:flex;bottom:80px;right:-22px}.art-caption{bottom:13px}@media(max-width:1050px){.hero-art .saved{right:-12px}}@media(max-width:760px){.hero-art{height:580px;min-height:580px}.hero-art .saved{right:-6px;bottom:73px}}
/* Direct store downloads with recognizable platform marks. */
.store-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.store-badge{display:inline-flex;align-items:center;gap:11px;min-width:161px;min-height:56px;padding:10px 16px;background:#090d14;color:#fff;border:1px solid #ffffff70;border-radius:10px;transition:background .15s,transform .15s}.store-badge:hover{background:#182334;transform:translateY(-2px)}.store-badge svg{width:26px;height:30px;flex-shrink:0}.store-badge span{display:flex;flex-direction:column;gap:1px}.store-badge small{font-size:8px;letter-spacing:1px;line-height:1.4}.store-badge strong{font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.4px}.hero .actions>.text-link{flex-basis:100%;width:max-content;margin-top:2px}.download .store-links{margin-top:25px;position:relative;z-index:1}@media(max-width:380px){.store-links{gap:9px}.store-badge{min-width:140px;padding:9px 12px;gap:9px}.store-badge strong{font-size:16px}.store-badge svg{width:23px;height:27px}}@media(prefers-reduced-motion:reduce){.store-badge{transition:none}}
