.logo-image{display:block;width:125px;height:70px;object-fit:contain}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--blue:#397ff8;--action:#2465db;--ink:#112e53;--muted:#62748c;--pale:#eff6ff;--line:#e1eaf5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);font-size:16px;line-height:1.6;background:white}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1192px;margin:auto;padding-left:28px;padding-right:28px}header{height:96px;padding:0 max(28px,calc((100vw - 1136px)/2));display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;font-size:24px;font-weight:800;letter-spacing:-1px;line-height:1.1;white-space:nowrap}.logo .light{font-weight:450}.logo small{display:block;font-size:8px;letter-spacing:1.7px;font-weight:600;margin-top:7px}.brandmark{font-size:42px;color:var(--blue);letter-spacing:-13px;margin-right:24px;font-weight:800;transform:translateY(-4px)}.brandmark span{display:inline-block;transform:translateY(-7px)}nav{display:flex;gap:27px;margin-left:auto;font-size:14px;font-weight:550;white-space:nowrap}nav a:hover{color:var(--action)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 25px;background:var(--action);color:white;border-radius:9px;border:0;font-weight:650;font-size:16px;box-shadow:0 5px 12px #2465db18;transition:transform .2s,background .2s}.btn:hover{background:#154fac;transform:translateY(-2px)}.btn.small{padding:12px 17px;font-size:14px;gap:14px}.btn svg{width:19px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:20px;align-items:center;min-height:755px;padding-top:64px;padding-bottom:65px}.eyebrow{color:var(--action);font-size:11px;letter-spacing:1.55px;font-weight:800;display:flex;align-items:center;gap:9px}.mini-spark{font-size:19px}h1,h2,h3,h4{font-family:'Manrope',sans-serif;margin:0;line-height:1.15}h1{font-size:55px;letter-spacing:-2.5px;font-weight:800;margin:25px 0}h1 span,.price-copy h2 span{color:var(--blue)}.hero-copy>p{font-size:17px;max-width:455px;color:var(--muted);line-height:1.8;margin:0 0 29px}.demo-link{display:inline-flex;gap:10px;align-items:center;margin:18px 0 0 18px;font-size:13px;font-weight:600}.hero-notes{display:flex;gap:19px;margin-top:22px;color:var(--muted);font-size:12px}.hero-visual{min-height:606px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;scroll-margin-top:110px}.hero-visual:before{content:'';position:absolute;inset:45px -18px 15px;background:radial-gradient(ellipse,#d7e8ff 0%,#f1f7ff 50%,white 72%);z-index:-2}.orbit{border:1px solid #d9e8fc;border-radius:50%;position:absolute;z-index:-1;transform:rotate(-23deg);width:480px;height:420px}.orbit2{width:550px;height:500px;border-style:dashed;opacity:.65}.visual-label{position:absolute;top:4px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;white-space:nowrap;color:#778da8}.phone{width:280px;border:6px solid #152f50;box-shadow:0 0 0 2px #8395aa,13px 22px 45px #1d46792b,inset 0 0 0 2px white;border-radius:43px;background:#fff;position:relative;transform:rotate(-4deg);padding:8px 0 16px;z-index:2}.phone-top{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;font-weight:700}.island{width:80px;height:22px;background:#122a46;border-radius:20px;position:absolute;top:10px;left:50%;transform:translateX(-50%)}.phone-body{padding:0 14px}.wallet-nav{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:5px 0 18px;font-weight:600}.wallet-nav>span{font-size:21px}.cafe-logo{margin:auto;width:43px;height:43px;background:var(--pale);border:1px solid #d6e7ff;display:grid;place-items:center;border-radius:50%;color:var(--action)}.phone h3{font-size:18px;text-align:center;margin:9px 0 5px;letter-spacing:-.5px}.phone-sub{font-size:9px;text-align:center;color:var(--muted);margin:0 0 19px}.loyalty-card{background:var(--blue);border-radius:15px;padding:18px 15px;color:white;box-shadow:0 7px 17px #387ff82b}.card-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px}.card-heading svg{width:18px;height:18px}.loyalty-card h4{font-size:21px;letter-spacing:-.7px;margin:12px 0 18px}.stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stamp{border:1px dashed #ffffff7a;border-radius:50%;height:37px;width:37px;display:grid;place-items:center;color:#ffffffb5;font-size:12px}.stamp svg{width:19px;height:19px}.stamp.filled{background:white;color:var(--blue);border-color:white}.stamp.pop{animation:pop .35s ease}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px}.card-bottom>span{font-size:7px;letter-spacing:1px}.reward{display:flex;align-items:center;gap:9px;margin:17px 0}.reward .icon{width:33px;height:33px;border-radius:9px}.reward svg{width:17px}.reward strong{font-size:10px;display:block}.reward div>span{font-size:9px;color:var(--muted);display:block}.stamp-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:8px;background:#eaf2ff;color:#205abc;padding:10px 13px;font-size:12px;font-weight:700;transition:background .2s}.stamp-button:hover{background:#d7e7ff}.stamp-button>span{font-size:20px;line-height:1}.demo-caption{text-align:center;font-size:9px;color:#7687a0;margin:10px 0 9px}.home-indicator{height:4px;width:85px;border-radius:10px;background:#193756;margin:auto}.float-card{position:absolute;display:flex;align-items:center;gap:11px;border:1px solid #e7eef6;border-radius:12px;background:white;padding:13px 16px;box-shadow:0 12px 35px #18395812;z-index:3;font-size:11px;line-height:1.7}.float-card strong{display:block;font-size:12px}.float-top{top:85px;right:-12px}.float-top .icon{width:36px;height:36px}.float-bottom{bottom:98px;left:-18px}.round-check{display:grid;place-items:center;width:31px;height:31px;background:var(--pale);color:var(--action);border-radius:50%;font-size:18px}.handnote{position:absolute;bottom:7px;right:19px;font-size:12px;line-height:1.5;color:#6c82a0;transform:rotate(-6deg)}.sector-strip{border-block:1px solid var(--line);background:#fbfdff}.sector-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:93px;color:#5b708a}.sector-strip .wrap>span{font-size:9px;font-weight:700;letter-spacing:1.3px;max-width:95px}.sector-strip .wrap>div{font-size:15px;font-weight:650;white-space:nowrap}.sector-strip b{font-size:13px;color:#a8c5ec}.section{padding-top:102px;padding-bottom:102px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}h2{font-size:42px;letter-spacing:-1.65px;font-weight:750;margin-top:17px}.section-heading p{color:var(--muted);margin:0 26px 5px 30px;line-height:1.8}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit{border:1px solid var(--line);border-radius:15px;padding:29px 26px 20px;position:relative;transition:transform .25s,box-shadow .25s;background:linear-gradient(135deg,#f9fcff,white 70%)}.benefit:hover{transform:translateY(-5px);box-shadow:0 14px 35px #203e6710}.icon{display:inline-grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#e8f1ff;color:var(--action)}.card-num{position:absolute;right:25px;top:29px;font-size:12px;letter-spacing:1px;color:#8aa2c0}.benefit h3{font-size:19px;margin-top:27px;letter-spacing:-.55px}.benefit p{font-size:14px;line-height:1.8;color:var(--muted);margin:15px 0 24px}.benefit-foot{border-top:1px solid var(--line);padding-top:17px;font-size:12px;color:var(--action);display:flex;justify-content:space-between;font-weight:600}.benefit-foot svg{width:16px;height:18px}.how-section{background:#f4f8ff;border-block:1px solid #ebf1fb;padding:82px 0 65px}.center{text-align:center}.center .eyebrow{justify-content:center}.center>p{color:var(--muted);margin:16px 0 25px}.tabs{background:#e8eef8;border:1px solid #e0e8f3;border-radius:10px;display:inline-flex;padding:5px;gap:5px}.tabs button{border:0;background:transparent;padding:12px 23px;border-radius:7px;color:var(--muted);font-size:14px;font-weight:600}.tabs button[aria-selected=true]{background:white;color:var(--action);box-shadow:0 3px 8px #14375a0d}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:53px;margin-top:51px}.step{position:relative;text-align:center}.step-num{display:grid;place-items:center;margin:0 auto 21px;width:43px;height:43px;color:var(--action);background:white;border:1px solid #cdddF5;border-radius:50%;font-weight:700;font-size:14px}.step:not(:last-child):after{content:'';position:absolute;top:21px;left:65%;width:86%;border-top:1px dashed #b7ceed}.step h3{font-size:19px;letter-spacing:-.5px}.step p{color:var(--muted);font-size:14px;line-height:1.8;max-width:280px;margin:13px auto}.how-note{display:flex;gap:9px;justify-content:center;align-items:center;font-size:12px;color:#68809e;margin-top:32px}.how-note svg{width:16px}.pricing{display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center}.price-copy h2{font-size:47px;line-height:1.2}.price-copy>p{color:var(--muted);margin:25px 0 35px;line-height:1.8}.support{display:flex;gap:13px;align-items:center}.support strong{font-size:13px}.support p{font-size:12px;color:var(--muted);margin:3px 0}.price-card{border:1.5px solid #b7d2fd;border-radius:18px;padding:30px 32px;box-shadow:0 15px 55px #3067b310;position:relative;background:linear-gradient(160deg,#f3f8ff,white 43%)}.price-top{display:flex;justify-content:space-between;align-items:center;color:var(--action);font-size:11px;letter-spacing:1px;font-weight:800}.tag{background:#e4efff;padding:5px 10px;border-radius:5px;font-size:10px;letter-spacing:0}.price{font-family:Manrope,sans-serif;font-size:65px;font-weight:800;line-height:1.2;margin-top:22px;letter-spacing:-3px}.price>span{font-size:17px;font-weight:450;letter-spacing:0;color:var(--muted);margin-left:10px}.price-card>p{color:var(--muted);font-size:14px;line-height:1.7;margin:12px 0 22px}.price-card ul{padding:21px 0 12px;border-top:1px solid var(--line);list-style:none;margin:0 0 20px}.price-card li{font-size:13px;margin-bottom:12px}.price-card li:before{content:'✓';color:var(--action);margin-right:12px;font-weight:700}.price-card .btn{width:100%}.price-card>small{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:12px}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;padding-bottom:98px}.faq h2{font-size:34px}.questions details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font-size:15px;font-weight:600}summary::-webkit-details-marker{display:none}summary>span{font-size:23px;font-weight:400;color:var(--action)}details[open] summary>span{transform:rotate(45deg)}details p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 22px}.contact-section{background:#123568;color:white;padding:80px 0}.contact-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:80px;align-items:center}.contact-section .eyebrow{color:#a2c6ff}.contact-section h2{font-size:51px;line-height:1.17;letter-spacing:-2px;margin:23px 0}.contact-section .contact-grid>div>p{color:#c1d3eb;font-size:16px;line-height:1.9}.email-link{display:inline-block;margin-top:23px;font-size:14px;color:#c5dcff;border-bottom:1px solid #718fb6;padding-bottom:5px}form{border-radius:15px;background:white;color:var(--ink);padding:30px}form h3{font-size:21px;letter-spacing:-.6px}form>p{font-size:13px;color:var(--muted);margin:9px 0 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;font-weight:650;margin-bottom:16px}label>span{font-weight:400;color:var(--muted)}input,textarea{display:block;width:100%;border:1px solid #dce6f2;border-radius:7px;padding:11px 12px;margin-top:7px;font-size:13px;color:var(--ink);background:#fcfdff;resize:vertical}input::placeholder,textarea::placeholder{color:#8593a6}input:focus,textarea:focus{outline:2px solid #9dc0ff;border-color:var(--blue)}form .btn{width:100%;font-size:14px;padding:14px}form small{font-size:10px;line-height:1.6;color:var(--muted);display:block;margin-top:12px}#form-status{margin:14px 0 0;background:var(--pale);padding:10px;border-radius:7px;color:var(--ink)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:111px}footer .logo{font-size:22px;color:var(--ink)}.logo-dot{color:var(--blue);margin-left:8px;font-size:23px}footer>span,footer>small{font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid #82acff;outline-offset:5px}@keyframes pop{50%{transform:scale(1.2)}}@media(min-width:1350px){.hero{min-height:790px}}@media(max-width:1100px){header{gap:20px}nav{gap:17px;font-size:12px}.hero{grid-template-columns:1.1fr 1fr}h1{font-size:46px}.hero-visual{transform:scale(.9);margin-left:-15px}.demo-link{display:flex;margin-left:0}.pricing{gap:40px;grid-template-columns:1fr 400px}.sector-strip .wrap{gap:12px}.sector-strip .wrap>div{font-size:13px}.contact-grid{gap:40px}.contact-section h2{font-size:44px}.orbit2{width:460px}}
@media(max-width:800px){header{height:79px;padding:0 23px;justify-content:space-between}.logo{font-size:20px}.brandmark{font-size:36px}nav{display:none}header .btn.small{font-size:12px;padding:11px 13px}header .btn svg{display:none}.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:35px;gap:12px}.hero-copy{max-width:570px;margin:auto;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:9px;letter-spacing:1px}h1{font-size:48px;letter-spacing:-2px;line-height:1.13}.desktop{display:none}.hero-copy>p{font-size:16px;margin-left:auto;margin-right:auto}.demo-link{display:inline-flex;margin-left:15px}.hero-notes{justify-content:center;font-size:10px;gap:15px}.hero-visual{transform:none;min-height:590px;width:100%;max-width:470px;margin:20px auto 0}.float-top{right:0;top:84px}.float-bottom{left:0;bottom:88px}.orbit1{width:90%}.orbit2{width:100%}.handnote{right:12px;font-size:11px;bottom:0}.sector-strip .wrap{padding-top:23px;padding-bottom:23px;justify-content:center;flex-wrap:wrap;gap:9px 18px}.sector-strip .wrap>span{max-width:none;width:100%;text-align:center}.sector-strip .wrap>div{font-size:12px}.sector-strip b{display:none}.section{padding-top:64px;padding-bottom:64px}.section-heading{display:block}.section-heading p{margin:20px 0 0}.section-heading p br{display:none}h2{font-size:36px}.benefit-grid{grid-template-columns:1fr}.benefit{padding:25px}.benefit h3{margin-top:19px;font-size:21px}.benefit p{font-size:16px}.benefit-foot{font-size:13px}.how-section{padding:60px 0}.steps{grid-template-columns:1fr;gap:23px;margin-top:34px}.step:not(:last-child):after{display:none}.step-num{margin-bottom:15px}.step p{max-width:360px;font-size:15px}.how-note{font-size:11px;align-items:flex-start}.pricing{grid-template-columns:1fr;gap:32px}.price-copy h2{font-size:39px}.price-card{max-width:500px;width:100%;margin:auto}.price-card li{font-size:14px}.faq{grid-template-columns:1fr;gap:25px;padding-bottom:62px}.contact-section{padding:55px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-section h2{font-size:44px}.contact-section h2 br:nth-child(2){display:none}.contact-grid form{padding:25px}footer{padding-top:28px;padding-bottom:28px;flex-wrap:wrap;gap:20px}footer>span{order:3;width:100%}.tabs button{padding:11px 18px}}
@media(max-width:400px){header{padding:0 16px}.logo small{display:none}.brandmark{margin-right:19px}.logo{font-size:17px}header .btn.small{font-size:11px;padding:11px 10px}.wrap{padding-left:19px;padding-right:19px}h1{font-size:41px}.hero-copy .eyebrow{font-size:8px}.hero-notes{flex-direction:column;gap:5px}.demo-link{margin:16px 0 0;display:flex;justify-content:center}.phone{width:264px}.float-card{padding:9px;font-size:9px}.float-card strong{font-size:10px}.float-top{right:-4px}.float-bottom{left:-4px}.hero-visual{min-height:590px}.form-row{grid-template-columns:1fr;gap:0}.price-card{padding:25px}.contact-grid form{padding:20px}h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}