@font-face{font-family:Outfit;src:url('assets/fonts/outfit-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url('assets/fonts/outfit-semibold.ttf') format('truetype');font-style:normal;font-weight:500 800;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/inter-semibold.ttf') format('truetype');font-weight:500 800;font-display:swap}
:root{--accent:#234bdf;--navy:#172b46;--deep:#101b2d;--ice:#f0ede6;--soft:#e3dbce;--ink:#5c5e65;--white:#fff;--ease:cubic-bezier(.23,1,.32,1);--move:cubic-bezier(.77,0,.175,1);--radius:32px;--content:1120px;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6;scroll-behavior:smooth;scroll-padding-top:110px}*{box-sizing:border-box}body{margin:0;background:var(--ice)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{border:0;background:none}img,video,svg{max-width:100%;display:block}img{height:auto}h1,h2,h3,h4{font-family:Outfit,Arial,sans-serif;font-weight:600;color:var(--navy);line-height:1.2;margin:0}h1{font-size:56px;letter-spacing:-.02em;line-height:1.1}h2{font-size:40px}h3{font-size:24px}p{margin:0 0 16px}button,a,input,textarea,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #234bdf}button:focus:not(:focus-visible){outline:none}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(var(--content),calc(100% - 48px));margin-inline:auto}.band{position:relative;border-radius:32px 32px 0 0;padding:100px 0 112px;margin-top:-32px}.band>div{position:relative}.skip{position:fixed;z-index:2000;top:8px;left:8px;padding:12px 20px;background:#fff;transform:translateY(-160%)}.skip:focus{transform:translateY(0)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;min-height:50px;padding:13px 24px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;line-height:1.2;white-space:nowrap;transition:background .2s ease,transform .16s var(--ease),box-shadow .2s ease}.button.primary{background:var(--accent);color:#fff}.button.dark{background:var(--navy);color:#fff}.button.white{background:#fff;color:var(--navy)}.button .icon{width:19px}.button:active{transform:scale(.97)}.text-link,.inline-link{display:inline-flex;align-items:center;gap:9px;font-weight:600;text-decoration:underline;text-underline-offset:4px;font-size:14px;padding:0;min-height:44px}.text-link .icon,.inline-link .icon{width:17px}.eyebrow{font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600;color:var(--accent)}.wordmark{width:100%;height:auto;overflow:visible}.white-logo{filter:grayscale(1) brightness(0) invert(1)}
/* Floating navigation: the same compact silhouette on every section. */
.header{position:fixed;top:14px;left:0;width:100%;z-index:80;padding:0 24px}.nav-shell{width:min(var(--content),100%);margin:auto;min-height:70px;padding:12px 8px 12px 20px;display:flex;align-items:center;gap:30px;border-radius:999px;transition:background .25s,box-shadow .25s;}.header.scrolled .nav-shell{background:rgba(250,252,255,.92);box-shadow:0 3px 24px #101b2d0b;backdrop-filter:blur(16px)}.brand{width:100px;flex-shrink:0;display:flex;align-items:center;min-height:44px}.brand .wordmark{transform:translateY(2px)}.desktop-nav{display:flex;align-items:center;gap:22px;margin-right:auto}.desktop-nav a,.desktop-nav button{font:600 14px/1.2 Outfit,sans-serif;color:#172d41;padding:12px 0;white-space:nowrap}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions .button{font-size:14px;min-height:44px;padding:12px 20px}.menu-toggle{display:none;width:44px;height:44px;background:#fff;border:1px solid #172b460b;border-radius:50%;padding:13px}.menu-toggle span{display:block;height:1.5px;background:var(--navy);margin:5px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-menu{background:#fff;padding:24px;border-radius:24px;margin:8px auto 0;max-width:600px;box-shadow:0 16px 40px #101b2d1c}.mobile-menu:not([hidden]){display:grid}.mobile-menu a,.mobile-menu button{padding:12px;text-align:left;font-family:Outfit;display:flex;align-items:center;justify-content:space-between}.mobile-menu a+a{border-top:1px solid var(--ice)}
/* Film-led opening, with a separate text panel on small screens. */
.hero-zone{position:relative;padding:108px 0 142px;overflow:hidden;background:var(--ice)}.hero-line{position:absolute;top:160px;left:-5%;width:110%;height:450px;fill:none;stroke:#e1d7c7;stroke-width:22;pointer-events:none}.hero{position:relative;height:672px;border-radius:32px;overflow:hidden}.hero-media{position:absolute;inset:0;background:#243e50}.hero-media video{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06142570,#06142520),linear-gradient(0deg,#071a32d9 0%,transparent 75%)}.hero-copy{position:absolute;left:64px;bottom:62px;max-width:670px;color:#fff;z-index:2}.hero-copy h1{color:#fff;max-width:650px}.hero-copy p{max-width:535px;margin:22px 0 28px;font-size:18px;line-height:1.6;color:#fffffff0}.hero-ctas{display:flex;gap:14px;align-items:center}.hero-secondary{border:1px solid #ffffff80;color:white;background:#12294030}.video-actions{position:absolute;bottom:64px;right:64px;display:flex;gap:7px;z-index:5}.glass-button{border-radius:999px;background:#172b46d9;color:#fff;min-height:44px;padding:10px 18px;border:1px solid #ffffff55;backdrop-filter:blur(12px);font:600 14px Outfit}.video-pause{width:44px;padding:8px}.film-brand{position:absolute;top:62px;left:64px;width:200px;opacity:.85;pointer-events:none;animation:brand-intro 1.4s var(--ease) both}.film-caption{display:none}.hero-copy h1,.hero-copy p,.hero-ctas{animation:hero-in .7s var(--ease) both}.hero-copy p{animation-delay:.12s}.hero-ctas{animation-delay:.24s}@keyframes hero-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-intro{from{opacity:0;transform:translateY(10px)}to{opacity:.85;transform:translateY(0)}}
.logo-band{z-index:2;margin-top:-110px;padding:45px 0 60px;background:white;border-radius:0;text-align:center}.logo-band p{font:600 16px Outfit;margin-bottom:27px;color:var(--navy)}.scribble{display:inline-block;position:relative;margin-right:6px}.scribble svg{position:absolute;inset:-10px -12px;width:calc(100% + 24px);height:42px;overflow:visible;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-dasharray:550;animation:draw 1.1s .6s both}.logo-band small{font-size:10px;color:#6b6b71;display:block;margin-top:17px}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 45s linear infinite}.marquee-track>div{display:flex;align-items:center;gap:42px;padding-right:42px}.marquee img{width:96px;height:50px;object-fit:contain;filter:grayscale(1);opacity:.63}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes draw{from{stroke-dashoffset:550}to{stroke-dashoffset:0}}
.photo-band{overflow:hidden;color:#fff}.photo-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071521ec,#0715218c 60%,#07152156)}.photo-band h2{color:#fff}.problem{padding:90px 0 110px;min-height:660px;background:var(--deep)}.problem>img{object-position:center 50%}.problem-copy{max-width:630px}.problem h2{max-width:620px;margin-bottom:20px}.problem ul{padding:8px 0;list-style:none;margin:20px 0}.problem li{display:flex;align-items:flex-start;gap:14px;margin:18px 0;font-weight:600}.problem li span{width:28px;height:28px;display:grid;place-items:center;background:var(--accent);border-radius:50%;font:16px Outfit;flex-shrink:0}.problem-close{font-weight:600;max-width:600px}.solutions{background:var(--ice);z-index:3}.section-intro{margin-bottom:44px}.section-intro p{margin-top:18px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit{position:relative;overflow:hidden;border-radius:16px;background:var(--soft);isolation:isolate}.benefit>img{width:100%;height:235px;object-fit:cover;object-position:50% 35%}.benefit h3{font-size:20px;padding:48px 22px 25px;min-height:104px}.notification{border:1px solid #ffffff80;border-radius:12px;box-shadow:0 8px 25px #172b4618;background:#ffffffe8;color:#293343;padding:12px;backdrop-filter:blur(15px);font-size:12px;line-height:1.4}.notification>div{display:flex;align-items:center;gap:5px;margin-bottom:5px}.notification small{font-size:10px;letter-spacing:.03em;text-transform:uppercase}.notification time{margin-left:auto;font-size:10px;color:#6b6b71}.app-icon{width:17px;height:17px;border-radius:5px;background:var(--accent);color:#fff;text-align:center;font:600 12px Outfit}.notification b{font-size:12px;display:block;margin-bottom:3px}.notification p{font-size:11px;margin:0}.benefit .notification{position:absolute;top:188px;left:14px;right:14px;transform:translateY(16px);opacity:0;transition:transform .65s var(--ease),opacity .65s;transition-delay:var(--delay)}.benefit.seen .notification{transform:translateY(0);opacity:1}.example-note{display:block;text-align:center;font-size:10px;margin:18px 0 -22px;color:#6d6c73}
/* A horizontal, keyboard-operable Wallet demo. */
.wallet-section{background:#fff;z-index:4;padding-block:90px 100px}.wallet-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:880px}.wallet-copy h2{margin-bottom:24px}.wallet-copy p{line-height:1.7;margin-bottom:18px}.wallet-badges{display:flex;gap:9px;margin-top:24px;align-items:center}.wallet-badges img{width:auto;height:36px;object-fit:contain}.wallet-demo{display:flex;flex-direction:column;align-items:center;min-width:0}.phone{width:318px;height:520px;border:9px solid #192122;border-bottom:0;border-radius:44px 44px 0 0;background:var(--ice);box-shadow:0 28px 45px #101b2d26;overflow:hidden;position:relative}.phone-status{display:flex;justify-content:space-between;align-items:center;height:43px;margin:0 18px;font:600 11px Inter;color:#121619;position:relative}.island{background:#080c10;width:94px;height:23px;border-radius:20px;position:absolute;left:50%;transform:translateX(-50%);top:8px}.wallet-title{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 13px;font:600 28px Inter;color:#151c21}.wallet-title button{background:#131c24;color:#fff;border-radius:50%;width:34px;height:34px;font:24px Outfit}.wallet-viewport{overflow:hidden;touch-action:pan-y}.wallet-track{display:flex;transition:transform .65s var(--ease);will-change:transform}.wallet-slide{flex:0 0 100%;width:100%;padding:0 18px 12px}.card-type{display:inline-block;border-radius:99px;background:#fff;padding:6px 12px;font:600 11px Outfit;margin:2px 0 10px;color:#172b46}.wallet-card{border-radius:12px;overflow:hidden;background:var(--card);color:#fff;min-height:340px;box-shadow:0 5px 10px #101b2d0c}.pass-top{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 10px;gap:10px}.pass-mark{font:bold 21px Georgia,serif;letter-spacing:-.05em}.pass-top>span:last-child{font:9px Outfit;text-transform:uppercase;text-align:right}.wallet-card .pass-photo{width:100%;height:80px;object-fit:cover;object-position:50% 32%}.pass-body{padding:12px 13px 8px}.pass-sub{text-transform:uppercase;font:7px Inter;letter-spacing:.08em;margin:0 0 7px;opacity:.75}.pass-value{font:600 32px Outfit;display:inline-block}.pass-body>small{font-size:9px;margin-left:4px}.pass-stamps{display:flex;gap:8px;margin:7px 0 15px;align-items:center;min-height:28px}.pass-stamps i{background:#f7f1d9;color:var(--card);width:27px;height:27px;border-radius:50%;display:grid;place-items:center}.pass-stamps .icon{width:15px;height:15px}.pass-stamps>span{font-size:10px;max-width:180px;line-height:1.4}.pass-bottom{display:flex;align-items:center;justify-content:space-between}.pass-bottom span{font:7px Inter;letter-spacing:.04em}.pass-bottom b{font:10px Inter;line-height:1.7;letter-spacing:0}.pass-bottom img{padding:5px;background:#fff;border-radius:6px;width:48px;height:48px}.pass-body em{font:7px Inter;opacity:.65;display:block;text-align:center;margin-top:7px}.light-card{color:#2a2d3b}.wallet-controls{display:flex;align-items:center;gap:10px;margin-top:12px}.wallet-controls>button{font:25px Outfit;width:40px;height:40px;min-height:40px}.wallet-dots{display:flex;align-items:center;gap:3px}.wallet-dots button{position:relative;width:20px;height:40px;padding:0}.wallet-dots button:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#c7c5be;margin:auto;transition:background .2s,transform .2s}.wallet-dots button[aria-pressed=true]:after{background:var(--accent);transform:scale(1.1)}.wallet-demo>small{font-size:10px;color:#6b6b71}.branches{background:var(--soft);z-index:5;padding:76px 0 90px}.branches p{margin:22px 0}.branch-chips{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 10px}.branch-chip{display:inline-flex;gap:8px;align-items:center;background:#ffffffa6;border-radius:99px;padding:10px 16px;min-height:44px;font:600 14px Outfit;transition:background .2s,color .2s}.branch-chip .icon{width:17px;height:17px}
/* Timeline and self-contained explanatory motion. */
.process{background:#fff;z-index:6;padding-block:90px 100px}.timeline-wrap{max-width:770px;width:calc(100% - 48px);margin:auto}.rotating-intro{font:600 20px/1.5 Outfit;margin-top:18px;display:flex;gap:5px;flex-wrap:wrap}.rotating-words{display:grid;color:var(--accent)}.rotating-words span{grid-area:1/1;opacity:0;animation:word-cycle 12s var(--ease) infinite}.rotating-words span:nth-child(2){animation-delay:4s}.rotating-words span:nth-child(3){animation-delay:8s}@keyframes word-cycle{0%,32%,100%{opacity:0;transform:translateY(9px)}4%,28%{opacity:1;transform:translateY(0)}}.timeline{position:relative;margin:56px 0 0 9px;padding-left:22px}.timeline:before,.timeline-progress{position:absolute;left:0;top:0;bottom:15px;width:2px;background:var(--soft);content:''}.timeline-progress{background:var(--accent);transform-origin:top;transform:scaleY(0);z-index:1;will-change:transform}.step{position:relative;padding:0 0 54px}.step-dot{position:absolute;left:-27px;top:9px;width:11px;height:11px;background:var(--navy);border:2px solid #fff;border-radius:50%;z-index:2;transition:background .2s}.step.seen .step-dot{background:var(--accent)}.step-time{font:600 13px Outfit;color:var(--accent);margin-bottom:12px}.step h3{margin-bottom:12px}.step>p:not(.step-time){max-width:590px;margin-bottom:24px}.card-fan{position:relative;width:340px;height:165px;perspective:700px;margin:34px 0 0 22px}.fan-card{position:absolute;width:150px;height:122px;border-radius:7px;background:#203e2d;color:#fff;box-shadow:0 10px 16px #132f421a;top:0;left:80px;overflow:hidden;transition:transform .85s var(--ease);transform:rotate(0);transform-origin:50% 100%}.fan-card b{font:600 11px Outfit;padding:6px 9px;display:block}.fan-card img{width:100%;height:53px;object-fit:cover;object-position:50% 25%}.fan-card>span{font:8px Inter;display:block;padding:7px 9px}.fan-card small{display:block;font-size:7px;opacity:.7}.fan-0{z-index:3}.fan-1{z-index:1;background:#ad7958}.fan-2{z-index:2;background:#773d4c}.seen .fan-0{transform:rotate(-2deg)}.seen .fan-1{transform:translateX(-55px) rotate(-10deg)}.seen .fan-2{transform:translateX(55px) rotate(10deg)}.card-fan:hover .fan-1{transform:translateX(-70px) rotate(-14deg)}.card-fan:hover .fan-2{transform:translateX(70px) rotate(14deg)}.join-demo{max-width:340px;margin:30px 0 0 18px}.touchpoints{display:flex;gap:6px;align-items:center;justify-content:space-between;margin-bottom:12px}.touchpoints span{border-radius:99px;background:var(--ice);color:var(--navy);font:600 11px Outfit;padding:5px 12px;transition:background .3s,color .3s}.touchpoints .selected{background:var(--navy);color:#fff}.join-form{display:flex;align-items:center;gap:10px;background:var(--ice);border-radius:12px;padding:12px}.join-form>span{background:#fff;border-radius:9px;padding:11px 15px;min-width:92px;font-size:14px}.join-button{font:600 12px Outfit;background:var(--navy);color:white;border-radius:99px;padding:13px;flex:1;min-height:44px;white-space:nowrap;transition:background .25s}.join-button.added{background:#3c735e}.join-demo>small{font-size:9px;color:#6b6b71;display:block;margin-top:8px}.trigger-demo{display:flex;align-items:center;gap:26px;margin:30px 0 6px 16px;max-width:610px}.triggers{min-width:184px}.triggers button{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:40px;font:600 13px Outfit;gap:22px}.triggers button>span{display:inline-block;position:relative;width:38px;height:23px;background:#b4b0aa;border-radius:99px;transition:background .2s}.triggers button>span:after{content:'';position:absolute;left:3px;top:3px;background:#fff;width:17px;height:17px;border-radius:50%;transition:transform .22s var(--ease)}.triggers button[aria-checked=true]>span{background:var(--accent)}.triggers button[aria-checked=true]>span:after{transform:translateX(15px)}.trigger-notice{width:310px;min-height:88px;background:#fcfbf8;flex-shrink:1}.trigger-notice.changed{animation:notification-in .5s var(--ease)}@keyframes notification-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.step.outcome{padding-bottom:4px}.outcome h3{line-height:1.5}.underline{position:relative}.underline:after{content:'';position:absolute;width:88px;height:3px;border-radius:50%;bottom:-12px;left:0;background:var(--accent);transform:rotate(-1deg)}
.curious{z-index:7;background:var(--navy);text-align:center;padding-block:90px 110px}.curious>.photo-shade{background:#051c36b3}.curious>img{object-position:center 38%}.curious h2{font-size:36px;margin-bottom:28px}.cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.curious p{font-size:14px;margin:22px 0 0;color:#ffffffd6}.curious .inline-link{color:#fff}.faq{background:var(--ice);z-index:8;padding:90px 0 105px}.faq-layout{display:grid;grid-template-columns:340px 1fr;gap:70px}.faq h2{font-size:44px;letter-spacing:-.015em}.faq-layout>div>p{font-size:14px;margin-top:28px}.faq-list details{border-bottom:1px solid #172b4624;padding:0 24px;transition:background .2s}.faq-list details[open]{background:var(--soft);padding-bottom:18px;border:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;font:600 18px Outfit;color:var(--navy)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:22px Outfit;transition:transform .2s;color:var(--navy)}.faq-list details[open] summary span{transform:rotate(45deg);color:var(--accent)}.faq-list details p{font-size:16px;line-height:1.7;margin:0 16px 0 0}.faq-list details .text-link{margin-top:10px}.contact{background:#fff;z-index:9;padding:90px 0 100px}.contact-inner{width:min(610px,calc(100% - 48px));margin:auto;text-align:center}.contact h2{margin:14px 0 30px}.chat-demo{width:min(510px,100%);min-height:240px;margin:auto;border-radius:16px;background:var(--ice);padding:24px 20px;display:flex;flex-direction:column;gap:12px}.chat-line{display:flex;align-items:flex-end;gap:10px;text-align:left;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s var(--ease)}.chat-line p{border-radius:18px 18px 18px 2px;background:#fff;margin:0;padding:13px 16px;font-size:14px;line-height:1.55}.chat-avatar{background:var(--accent);color:white;font:600 22px Outfit;border-radius:50%;width:34px;height:34px;flex-shrink:0;display:grid;place-items:center}.chat-two{justify-content:flex-end;padding-left:50px;transition-delay:.85s}.chat-two p{background:var(--navy);color:#fff;border-radius:18px 18px 2px 18px}.chat-three{transition-delay:1.7s}.chat-demo.seen .chat-line{opacity:1;transform:none}.contact-cta{width:min(510px,100%);margin-top:18px}.contact-alternative{margin:14px 0 0;font-size:13px}.contact-alternative a{display:inline-flex;align-items:center;font-weight:600;text-decoration:underline;text-underline-offset:4px;gap:3px}.contact-alternative .icon{width:16px}
.footer{background:var(--navy);color:#dce0e7;position:relative;overflow:hidden;padding:80px 0 24px}.footer-watermark{position:absolute;font:600 min(32vw,500px)/1 Outfit;letter-spacing:-.08em;transform:rotate(-18deg);left:-6%;top:5%;color:#ffffff05;pointer-events:none}.footer>.container{position:relative}.footer-top{text-align:center;margin-bottom:70px}.footer-top .wordmark{width:150px;margin:0 auto 25px}.footer .eyebrow{color:#c5cad3;margin-bottom:12px}.footer h2{color:#fff;font-size:40px}.footer h2 span{color:#d9c7a9}.footer-top .button{margin-top:26px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:42px}.footer-grid h3{font:600 12px Outfit;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:18px}.footer-grid a,.footer-grid button{font-size:13px;display:block;padding:5px 0;text-align:left;min-height:32px;color:#dce0e7}.footer-grid p{font-size:12px;line-height:1.7;margin-top:14px}.footer-bottom{display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff1c;margin-top:50px;padding-top:20px;font-size:11px}.footer-bottom>span{margin-right:auto}.footer-bottom button{font-size:11px;padding:10px 0}
/* Native dialogs retain keyboard focus, Escape and a clear close action. */
dialog{border:0;border-radius:24px;padding:42px;color:var(--ink);background:#fff;max-height:calc(100dvh - 48px);max-width:calc(100vw - 32px);overflow:auto;box-shadow:0 32px 100px #00152e40}dialog::backdrop{background:#0a1a30bb;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .25s var(--ease)}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}dialog .close{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:50%;background:var(--ice);color:var(--navy);font-size:28px;line-height:1;z-index:5}.form-dialog{width:560px}.form-dialog h2{font-size:34px;margin:10px 0 18px}.form-dialog>p{font-size:14px}.form-dialog label,.demo-dialog label{display:block;font:600 13px Outfit;margin:18px 0}.form-dialog input,.form-dialog textarea,.demo-dialog input{display:block;width:100%;border:1px solid #d5cec2;border-radius:9px;padding:12px;font:14px Inter;margin-top:6px;min-height:46px;background:#fff;color:var(--navy)}.form-dialog textarea{resize:vertical}.form-dialog form>.button{width:100%;margin:6px 0 14px}.form-dialog small{font-size:11px;line-height:1.6;display:block;color:#6b6b71}.form-dialog #contact-status{font-size:13px;margin-top:12px}.form-dialog #copy-request{font-size:12px}.demo-dialog{width:900px}.demo-layout{display:grid;grid-template-columns:1fr 290px;gap:45px;align-items:center}.demo-dialog h2{font-size:38px;margin-bottom:20px}.demo-dialog p{font-size:14px}.demo-dialog fieldset{border:0;padding:0;margin:20px 0}.demo-dialog legend{font:600 13px Outfit}.color-options{display:flex;gap:7px;margin-top:5px}.color-options button{width:44px;height:44px;border-radius:50%;border:4px solid white;outline:1px solid transparent;background:var(--swatch)}.color-options button[aria-pressed=true]{outline-color:var(--navy)}.demo-card{background:var(--demo-color);color:#fff;border-radius:19px;padding:24px;box-shadow:0 20px 35px #193a5626;transform:rotate(2deg);transition:background .25s}.demo-card>p:first-child{font:9px Inter;letter-spacing:.09em;opacity:.65}.demo-card h3{color:inherit;font:600 29px Outfit;overflow-wrap:anywhere;margin:22px 0 5px}.demo-card p{font-size:12px}.demo-stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:32px 0}.demo-stamps span{width:45px;height:45px;border:1px dashed #ffffff75;border-radius:50%;display:grid;place-items:center;color:#ffffff75;transition:background .25s,color .25s}.demo-stamps span.filled{background:#fff;color:var(--demo-color);border-style:solid;animation:stamp-in .3s var(--ease)}@keyframes stamp-in{from{transform:scale(1.25);opacity:0}to{transform:scale(1);opacity:1}}.demo-stamps .icon{width:23px;height:23px}.demo-card>strong{font:600 22px Outfit;display:block}.demo-reward{display:block;font-size:11px;margin:10px 0 35px}.demo-card>small{display:block;font-size:9px;opacity:.65}.demo-status{font-size:12px!important;margin:16px 0 0}.demo-bottom{border-top:1px solid var(--soft);display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:36px;padding-top:18px}.packages-dialog{width:1100px}.packages-dialog h2{margin:10px 0 14px}.packages-dialog>p{font-size:14px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.package-grid article{padding:24px;background:#f5f0e7;border-radius:18px;display:flex;flex-direction:column}.package-grid article.featured{background:var(--ice);box-shadow:inset 0 0 0 1px #d5cec2}.package-grid article>span{font:11px Outfit;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:15px}.package-grid h3{font-size:30px;margin-bottom:10px}.package-grid p{font-size:13px;min-height:43px}.package-grid ul{padding:0;list-style:none;font-size:13px;line-height:2;margin:8px 0 28px}.package-grid li:before{content:'✓';color:var(--accent);margin-right:8px}.package-grid strong{font:600 18px Outfit;margin-top:auto;margin-bottom:17px}.package-grid .button{font-size:13px}.video-dialog{width:960px;padding:0;overflow:visible;background:#101b2d;border-radius:20px}.video-dialog video{width:100%;aspect-ratio:16/9;border-radius:20px}.video-dialog .close{top:-16px;right:-8px;background:#fff}.video-signature{position:absolute;left:30px;top:25px;display:flex;align-items:center;gap:16px;pointer-events:none;color:#fff;text-shadow:0 1px 10px #0008}.video-signature .wordmark{width:100px}.video-signature span{font:600 13px Outfit}.film-note{position:absolute;bottom:-30px;font-size:10px;color:#dce0e7;left:0;margin:0}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--delay,0ms)}.js .reveal.seen{opacity:1;transform:none}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal,.motion-paused .chat-line,.motion-paused .notification{opacity:1!important;transform:none!important;transition:none!important}.motion-paused .rotating-words span{opacity:0;transform:none}.motion-paused .rotating-words span:first-child{opacity:1}.motion-paused .timeline-progress{transform:scaleY(1)!important}
@media(hover:hover) and (pointer:fine){.button.primary:hover{background:#1939b8;box-shadow:0 5px 16px #234bdf28}.button.dark:hover{background:#101b2d}.button.white:hover{background:#f0ede6}.desktop-nav a:hover,.desktop-nav button:hover,.text-link:hover,.footer a:hover{color:var(--accent)}.branch-chip:hover{background:var(--navy);color:#fff}.hero-secondary:hover{background:#ffffff20}.glass-button:hover{background:#234bdf}.footer a:hover{color:#fff}}
.photo-band>.photo-shade{position:absolute;inset:0}.hero{z-index:2}.hero-zone{padding-bottom:0}.logo-band{z-index:1;padding-top:150px}.branch-chip{min-height:44px}.benefit h3{padding-top:62px}
@media(min-width:1600px){.hero{height:680px}}
@media(max-width:1180px){.desktop-nav{gap:15px}.nav-shell{gap:20px}.desktop-nav a,.desktop-nav button{font-size:13px}.nav-actions .button{padding-inline:17px}.nav-contact{display:none!important}.hero-copy{max-width:640px}.hero-copy h1{font-size:52px}.video-actions{right:38px;bottom:32px}.hero-copy{left:48px;bottom:96px}.hero{height:640px}.film-brand{left:48px}.faq-layout{gap:38px;grid-template-columns:310px 1fr}}
@media(max-width:1179px){.desktop-nav{display:none}.nav-shell{padding:9px 10px 9px 18px;background:#fcfbf8f0;min-height:64px}.header{padding:0 18px}.brand{width:95px}.nav-actions{margin-left:auto}.menu-toggle{display:block}.nav-contact{display:none}.hero{height:640px}.hero-copy{left:40px;right:40px;bottom:102px}.hero-copy h1{font-size:48px}.film-brand{left:40px;top:40px}.video-actions{right:35px;bottom:34px}.benefit-grid{gap:14px}.benefit>img{height:220px}.benefit .notification{top:170px;left:10px;right:10px}.benefit h3{font-size:18px;padding-inline:16px;min-height:125px;padding-top:63px}.wallet-layout{gap:38px}.wallet-copy h2{font-size:36px}.phone{width:300px}.faq-layout{grid-template-columns:260px 1fr;gap:24px}.faq h2{font-size:36px}.footer-grid{gap:24px}.package-grid{gap:10px}.package-grid article{padding:18px}.package-grid li{font-size:12px}}
@media(max-width:809px){:root{scroll-padding-top:100px}.container{width:calc(100% - 48px)}.header{top:14px;padding:0 16px}.nav-shell{min-height:58px;padding:6px 8px 6px 16px;gap:12px}.brand{width:84px}.nav-actions{gap:8px}.nav-actions .button{font-size:13px;padding:11px 15px;min-height:42px}.nav-actions .button .icon{width:15px}.menu-toggle{width:42px;height:42px;padding:12px}.hero-zone{padding:0;overflow:visible;background:var(--ice)}.hero-line{display:none}.hero.container{width:100%;height:auto;overflow:visible;border-radius:0}.hero-media{position:relative;height:300px;border-radius:0;overflow:hidden}.hero-media video{object-position:center}.hero-shade{background:linear-gradient(0deg,#06162a88,transparent 75%)}.film-brand{top:125px;left:25px;width:160px;opacity:.9}.video-actions{bottom:45px;right:24px}.glass-button{font-size:12px;min-height:40px;padding:9px 14px}.video-pause{width:40px;padding:8px}.hero-copy{position:relative;left:auto;right:auto;bottom:auto;max-width:none;background:var(--ice);border-radius:32px 32px 0 0;padding:40px 24px 58px;margin-top:-32px;color:var(--ink)}.hero-copy h1{font-size:32px;color:var(--navy);max-width:390px}.hero-copy h1 br{display:none}.hero-copy p{font-size:16px;line-height:1.6;color:var(--ink);margin:18px 0 24px}.hero-ctas{flex-direction:column;gap:10px;align-items:stretch}.hero-ctas .button{min-height:52px}.hero-secondary{background:#fff;color:var(--navy);border:0}.logo-band{margin-top:-32px;border-radius:32px 32px 0 0;padding:40px 0 45px}.logo-band .container{width:100%}.logo-band p{font-size:14px}.logo-band small{font-size:9px}.marquee-track>div{gap:30px;padding-right:30px}.marquee img{width:82px;height:42px}.band{padding:60px 0 78px;border-radius:32px 32px 0 0}h2{font-size:30px;line-height:1.2}h3{font-size:23px}.problem{min-height:0;padding:60px 0 78px}.problem h2 br{display:none}.problem h2{font-size:30px}.problem>img{object-position:60% center}.problem .photo-shade{background:#071a30cf}.problem p,.problem li{font-size:14px;line-height:1.65}.problem li{margin:18px 0;gap:12px}.problem li span{width:26px;height:26px}.problem ul{margin:18px 0}.problem-close br{display:none}.solutions .section-intro{margin-bottom:30px}.section-intro p{font-size:14px;margin-top:15px}.benefit-grid{grid-template-columns:1fr;gap:22px}.benefit>img{height:250px;object-position:50% 27%}.benefit .notification{top:204px;left:16px;right:16px}.benefit h3{padding:49px 20px 24px;min-height:96px;font-size:20px}.notification b{font-size:12px}.notification p{font-size:11px}.example-note{font-size:9px;margin-bottom:-12px}.wallet-layout{grid-template-columns:1fr;gap:40px}.wallet-copy h2{font-size:32px}.wallet-copy p{font-size:15px}.wallet-copy h2 br{display:none}.wallet-badges{margin-top:14px}.wallet-demo{margin-inline:-5px}.phone{width:302px;height:520px}.wallet-section{padding-top:65px}.branches p{font-size:14px}.branch-chips{gap:8px;margin:20px 0 12px}.branch-chip{font-size:12px;padding:9px 13px;min-height:40px}.branches .text-link{font-size:13px}.timeline-wrap{width:calc(100% - 48px)}.timeline-wrap h2{font-size:30px}.rotating-intro{font-size:17px;display:block;line-height:1.6}.rotating-words{display:grid;min-height:27px}.timeline{margin-top:37px;margin-left:5px;padding-left:20px}.step{padding-bottom:43px}.step-dot{left:-25px}.step h3{font-size:22px}.step>p:not(.step-time){font-size:14px;margin-bottom:20px}.step-time{font-size:11px}.card-fan{width:275px;height:155px;margin-left:-5px}.fan-card{width:140px;left:61px}.join-demo{margin-left:0;max-width:300px}.join-form{padding:9px;gap:7px}.join-form>span{padding:10px 12px;min-width:65px;font-size:13px}.join-button{font-size:11px;padding:10px 8px}.touchpoints span{font-size:10px;padding:5px 10px}.trigger-demo{display:block;margin:22px 0 5px}.triggers{max-width:195px;margin-bottom:16px}.trigger-notice{width:100%}.outcome h3{font-size:22px;line-height:1.4}.outcome h3 br{display:none}.underline:after{bottom:-8px}.curious h2{font-size:30px}.curious .photo-shade{background:#081c33c9}.cta-row{flex-direction:column}.curious .button{white-space:normal;font-size:14px;min-height:50px}.curious p{font-size:12px;line-height:1.6}.curious .inline-link{font-size:12px;min-height:36px}.faq-layout{display:block}.faq h2{font-size:32px}.faq h2 br{display:none}.faq-layout>div>p{font-size:13px;margin:20px 0 24px}.faq-list{margin-inline:-8px}.faq-list summary{font-size:16px;min-height:75px;gap:15px}.faq-list details{padding-inline:16px}.faq-list details p{font-size:14px}.contact-inner{width:calc(100% - 48px)}.contact .eyebrow{font-size:10px;line-height:1.6;max-width:280px;margin-inline:auto}.contact h2{font-size:29px;margin:18px 0 26px}.chat-demo{padding:20px 15px;gap:13px}.chat-line{gap:8px}.chat-line p{font-size:12px;padding:12px}.chat-avatar{width:28px;height:28px;font-size:18px}.chat-two{padding-left:25px}.contact-alternative{font-size:11px}.footer{padding-top:60px}.footer-top{margin-bottom:45px}.footer-top .wordmark{width:130px}.footer h2{font-size:29px}.footer .eyebrow{font-size:11px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 25px}.footer-grid h3{font-size:10px}.footer-grid a,.footer-grid button{font-size:12px;min-height:36px}.footer-grid p{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:10px 24px;font-size:10px;margin-top:30px}.footer-bottom>span{flex-basis:100%}.footer-bottom button{font-size:10px}.footer-watermark{font-size:190px;top:80px;left:-30%}dialog{padding:32px 22px;border-radius:20px;max-height:calc(100dvh - 30px)}dialog .close{top:6px;right:6px;width:40px;height:40px}.form-dialog h2{font-size:29px;margin-top:20px}.demo-layout{grid-template-columns:1fr;gap:28px}.demo-dialog h2{font-size:30px}.demo-dialog h2 br{display:none}.demo-card{max-width:290px;width:100%;margin:0 auto;transform:none}.demo-bottom{display:block;font-size:12px}.demo-dialog input{font-size:16px}.form-dialog input,.form-dialog textarea{font-size:16px}.package-grid{grid-template-columns:1fr;gap:14px}.package-grid article{padding:24px}.packages-dialog h2{font-size:28px;margin-top:20px}.package-grid p{min-height:0}.package-grid ul{margin-bottom:16px}.package-grid li{font-size:13px}.video-dialog{padding:0;border-radius:15px;max-width:calc(100vw - 32px)}.video-dialog video{border-radius:15px}.video-signature{left:15px;top:15px}.video-signature .wordmark{width:72px}.video-signature span{display:none}.film-note{font-size:9px}}
@media(max-width:359px){.brand{width:72px}.nav-actions .button{font-size:12px;padding-inline:12px}.header{padding-inline:10px}.container,.timeline-wrap,.contact-inner{width:calc(100% - 36px)}.hero-copy{padding-inline:18px}.hero-copy h1{font-size:29px}.card-fan{transform:scale(.9);transform-origin:left top}.phone{width:280px}.pass-stamps{gap:6px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal,.chat-line,.benefit .notification{opacity:1!important;transform:none!important}.rotating-words span{display:none}.rotating-words span:first-child{display:block;opacity:1}.timeline-progress{transform:scaleY(1)!important}.marquee-track{transform:none}.film-brand{opacity:1}}
@media(prefers-contrast:more){:root{--ink:#152a3b}.notification{background:#fff;border-color:#637487}.header.scrolled .nav-shell{background:#fff}.example-note,.logo-band small,.wallet-demo>small{color:#435364}}
@media(max-width:809px){.hero{z-index:0}.logo-band{z-index:2}.branch-chip{min-height:44px}.benefit h3{padding-top:64px}}

/* Reference-aligned layout, preserving Clubpas content and blue identity. */
:root{--content:1092px;--ease:cubic-bezier(.4,0,0,1)}
.wordmark{overflow:hidden;mix-blend-mode:normal}.white-logo{filter:brightness(0) invert(1);mix-blend-mode:normal}.brand{width:106px}.brand .wordmark{transform:none}.film-brand{width:180px}.hero-zone{padding:108px 0 0;overflow:clip}.hero{height:clamp(420px,calc(100vh - 320px),700px);z-index:2;min-height:540px}.hero-copy{left:clamp(24px,5vw,64px);bottom:clamp(24px,5vw,64px);max-width:min(760px,calc(100% - 96px))}.hero-copy h1{font-size:clamp(40px,6vw,56px);max-width:700px;text-wrap:pretty}.hero-copy p{max-width:46ch;margin:20px 0 28px}.hero-shade{background:linear-gradient(to top,rgba(10,16,22,.78),rgba(10,16,22,.38) 45%,rgba(10,16,22,.1) 78%,rgba(10,16,22,.28))}.video-actions{right:clamp(24px,5vw,64px);bottom:calc(clamp(24px,5vw,64px) + 2px)}.hero-secondary{font-size:14px;padding-inline:20px;min-height:44px}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.glass-button .icon{width:17px;height:17px}.logo-band{margin-top:-110px;padding:160px 0 68px;z-index:1}.logo-band small{margin-top:12px}.logo-band p{margin-bottom:30px}.band:not(.logo-band){padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(72px,8vw,104px)}.branches.band{padding-top:clamp(44px,6vw,72px);padding-bottom:88px}.section-intro p{margin-top:14px}.problem{min-height:0}.problem li span{background:transparent;border-radius:0;color:var(--accent)}.problem li .icon{width:22px;height:22px;stroke-width:2}.benefit>img{height:auto;aspect-ratio:3/2}.benefit .notification{top:auto;position:relative;margin:-48px 14px 0;left:auto;right:auto;min-height:78px;z-index:1}.benefit h3{padding:18px 22px 26px;min-height:0;font-size:20px}.benefit{display:flex;flex-direction:column}.notification{border-radius:10px}.wallet-layout{max-width:852px;gap:56px}.timeline-wrap{max-width:760px}.branch-chip{background:transparent;border:1.5px solid #172b4659}.faq-list details[open]{border-radius:24px}.join-button{display:flex;align-items:center;justify-content:center;gap:6px}.join-button .icon{width:16px;height:16px}.wallet-controls>button{min-height:44px;height:44px;width:44px}.wallet-dots button{height:44px;width:30px}.triggers button{min-height:44px}.mobile-menu{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}.contact-inner{max-width:512px}.footer-grid a,.footer-grid button{min-height:44px}dialog .close{min-height:44px;min-width:44px}
@media(min-width:810px) and (max-width:1179px){.hero-copy{bottom:100px;left:40px;right:40px}.hero-copy h1{font-size:48px}.video-actions{bottom:30px;right:40px}.hero{height:600px}.film-brand{top:40px;left:40px}.nav-shell{background:#fcfbf8f0}.nav-demo{display:inline-flex}}
@media(max-width:809px){
:root{scroll-padding-top:95px}.hero-zone{padding:0;overflow:clip}.hero.container{width:100%;height:auto;min-height:0;overflow:visible;border-radius:0}.hero-media{height:auto;aspect-ratio:5/4;border-radius:0;position:relative}.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;left:auto;right:auto;bottom:auto;max-width:none;margin:-34px -2px 0;border:2px solid #fff;border-bottom:0;border-radius:34px 34px 0 0;padding:32px 24px 0;background:var(--ice);z-index:3}.hero-copy h1{font-size:clamp(27.2px,7.6vw,32.8px);line-height:1.1;margin-top:12px;max-width:none;text-wrap:balance}.hero-copy h1 br{display:none}.hero-copy p{font-size:17px;line-height:1.6;margin:14px 0 24px;max-width:none}.hero-ctas{display:flex;flex-direction:column;gap:10px;align-items:stretch}.hero-ctas .button{min-height:54px;font-size:17px;padding-inline:28px}.hero-secondary{background:#fff;color:var(--navy);border:0}.film-brand{top:112px;left:24px;width:150px}.video-actions{bottom:50px;right:24px}.glass-button{min-height:44px;font-size:14px;padding:10px 14px}.video-pause{width:44px;padding:8px}.logo-band{margin-top:clamp(24px,4vw,48px);padding:44px 0 68px;border-radius:34px 34px 0 0}.logo-band .container{width:100%}.logo-band p{font-size:15px}.logo-band small{margin-top:12px}.header{top:14px;padding:0 16px}.nav-shell{min-height:58px}.brand{width:96px}.nav-actions .button{min-height:44px}.menu-toggle{width:44px;height:44px}.band:not(.logo-band){padding-top:56px;padding-bottom:78px}.band{border-radius:34px 34px 0 0}.solutions{border:2px solid #fff;border-bottom:0;margin-top:-34px}.solutions .container{width:calc(100% - 44px)}.solutions h2,.wallet-copy h2,.timeline-wrap h2,.faq h2,.contact h2{font-size:28px}.section-intro p{font-size:16px;line-height:1.65}.benefit-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;margin-inline:-24px;padding:0 24px 6px;scrollbar-width:none;overscroll-behavior-x:contain}.benefit-grid::-webkit-scrollbar{display:none}.benefit{width:300px;max-width:calc(100vw - 48px);flex:0 0 auto;scroll-snap-align:center}.benefit>img{height:200px;aspect-ratio:3/2}.benefit .notification{margin:-48px 10px 0;min-height:78px}.benefit h3{font-size:18px;padding:18px 18px 20px;min-height:0}.example-note{margin-bottom:0}.wallet-layout{grid-template-columns:1fr;gap:32px}.wallet-copy p{font-size:16px}.phone{width:min(302px,100%)}.wallet-demo{margin-inline:0}.branch-chip{font-size:13.5px;min-height:44px}.branches p{font-size:16px}.branches.band{padding-top:44px;padding-bottom:76px}.timeline-wrap{max-width:760px}.step h3{font-size:22px}.step>p:not(.step-time){font-size:15px;line-height:1.65}.card-fan{width:100%;max-width:275px;margin-left:0}.fan-card{left:calc(50% - 70px)}.join-demo{max-width:100%;margin-left:0}.join-form{flex-wrap:wrap}.join-form>span{flex:1}.join-button{flex:2}.touchpoints{gap:4px}.touchpoints span{padding:6px 8px}.faq-list details p{font-size:15px}.faq-list summary{min-height:76px}.contact-inner{width:calc(100% - 48px)}.contact h2{line-height:1.2}.footer-grid a,.footer-grid button,.footer-bottom button{min-height:44px}.video-dialog{max-height:90dvh}.video-dialog .close{background:var(--navy);color:white;z-index:5}.video-signature{top:auto;bottom:38px}.form-dialog .button{white-space:normal}
}
@media(max-width:359px){.brand{width:82px}.hero-copy{padding-inline:18px}.hero-copy h1{font-size:27.2px}.hero-ctas .button{font-size:16px}.film-brand{width:125px}.container,.timeline-wrap,.contact-inner{width:calc(100% - 36px)}.hero-media{aspect-ratio:5/4}.wallet-dots button{width:28px}}