:root{--navy:#061330;--navy-2:#091b45;--blue:#117dff;--blue-deep:#0957df;--cyan:#20ead2;--ink:#14264a;--muted:#65738e;--paper:#f7faff;--line:#e6edf7;--radius:28px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;background:var(--paper);font-feature-settings:"ss01" on;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
img{display:block;max-width:100%}svg{overflow:visible}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.flip{transform:rotate(180deg)}
.container{width:min(1240px,calc(100% - 72px));margin-inline:auto}.section-dark{background:var(--navy);color:#fff}.section-light{background:var(--paper)}.section-pad{padding-block:132px}.blue-text{color:var(--blue)}.gradient-text{background:linear-gradient(110deg,#fff 3%,#7aceff 44%,#22ead3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.reading-progress{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue));z-index:100}
.site-header{position:absolute;top:0;left:0;right:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.1)}.site-header.scrolled{position:fixed;background:rgba(5,18,47,.89);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 36px rgba(3,12,31,.12)}
.nav-shell{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;gap:11px;align-items:center;color:#fff;flex-shrink:0}.brand-emblem{width:58px;height:47px;overflow:hidden;border-radius:12px;background:#053e7c;position:relative;box-shadow:0 0 25px rgba(0,170,255,.22)}.brand-emblem img{position:absolute;width:105px;max-width:none;height:auto;top:-5px;left:50%;transform:translateX(-50%)}.brand-name{display:grid;gap:0;line-height:1.1}.brand-name strong{font-size:25px;font-weight:900;letter-spacing:-1px}.brand-name small{font:600 9px/1.8 Arial,sans-serif;letter-spacing:1.2px;color:#84b5e8;direction:ltr;text-align:right}.main-nav{display:flex;gap:38px;align-items:center;margin-inline:auto}.main-nav a{color:#c7d4ed;font-size:13px;font-weight:600;transition:color .2s;position:relative}.main-nav a::after{content:"";height:2px;width:0;background:var(--cyan);position:absolute;bottom:-10px;right:0;transition:width .2s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a:hover::after,.main-nav a.active::after{width:100%}.nav-cta{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;border:1px solid rgba(134,196,255,.4);border-radius:100px;color:#fff;font-size:12px;font-weight:700;background:rgba(255,255,255,.05);white-space:nowrap;transition:background .2s,transform .2s}.nav-cta:hover{background:rgba(37,130,255,.25);transform:translateY(-2px)}.nav-cta .icon{width:17px;height:17px}.menu-toggle{display:none}
.hero{min-height:820px;position:relative;overflow:hidden;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 28%,rgba(3,75,181,.33),transparent 48%),linear-gradient(135deg,#061330 10%,#081e4c 65%,#04132f 100%);z-index:-3}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(101,159,240,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(101,159,240,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,black 60%);opacity:.7;z-index:-2}.hero-orb{position:absolute;border-radius:50%;filter:blur(13px);pointer-events:none;z-index:-1}.hero-orb-a{width:490px;height:490px;left:-190px;top:35px;background:radial-gradient(circle,rgba(25,155,240,.16),transparent 68%)}.hero-orb-b{width:540px;height:540px;right:15%;bottom:-370px;background:radial-gradient(circle,rgba(1,209,216,.18),transparent 71%)}
.hero-content{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:56px;padding-top:150px;padding-bottom:135px;min-height:790px}.hero-copy{position:relative;z-index:3}.eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.05px;display:flex;align-items:center;gap:12px}.eyebrow{color:#a9d5ff;margin-bottom:28px}.eyebrow-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px rgba(32,234,210,.1),0 0 17px var(--cyan)}.eyebrow-line{width:32px;height:1px;background:rgba(175,209,255,.35)}.hero h1{font-size:clamp(43px,4.2vw,68px);line-height:1.55;margin:0 0 21px;font-weight:900;letter-spacing:-2.2px;white-space:nowrap}.text-outline{color:transparent;-webkit-text-stroke:1px rgba(208,231,255,.85)}.hero-lead{max-width:575px;color:#b5c6df;font-size:16px;line-height:2.2;margin:0 0 34px;font-weight:400}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.button{min-height:58px;padding:15px 25px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-primary{color:#fff;background:linear-gradient(125deg,#158cff,#0966e8);box-shadow:0 11px 36px rgba(12,115,243,.3)}.button-primary:hover{box-shadow:0 16px 38px rgba(12,115,243,.43)}.button-primary .icon{width:19px}.button-ghost{border:1px solid rgba(194,218,255,.24);color:#fff;background:rgba(255,255,255,.035)}.button-ghost:hover{background:rgba(255,255,255,.09)}.play-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:100%;border:1px solid #3b73aa;color:#7bceff;font-size:9px;padding-left:1px}.hero-mini-features{margin-top:34px;display:flex;gap:20px;flex-wrap:wrap;color:#a3b9d9;font-size:11px}.hero-mini-features span{display:flex;align-items:center;gap:6px}.hero-mini-features .icon{width:15px;height:15px;color:var(--cyan)}
.hero-art{height:555px;position:relative;perspective:900px;isolation:isolate}.art-halo{position:absolute;width:470px;height:470px;inset:36px 50px auto auto;border:1px solid rgba(18,171,249,.15);border-radius:50%;box-shadow:0 0 0 55px rgba(15,137,219,.035),0 0 0 115px rgba(15,137,219,.018);animation:halo-breathe 8s ease-in-out infinite;z-index:-1}.logo-showcase{position:absolute;inset:46px 6px 110px 12px;transform:rotate(-5deg);border:1px solid rgba(68,180,255,.4);border-radius:32px;overflow:hidden;background:#061b43;box-shadow:0 45px 100px rgba(0,1,15,.6),0 0 65px rgba(10,122,255,.22);animation:float-soft 7s ease-in-out infinite}.logo-showcase::after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(255,255,255,.07),transparent 50%,rgba(7,40,95,.12));pointer-events:none}.logo-showcase img{height:100%;width:100%;object-fit:cover;object-position:center 45%}.showcase-shine{position:absolute;width:140px;height:160%;left:-170px;top:-30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:rotate(18deg);z-index:2;animation:shine 8s ease-in-out infinite}.loyalty-card{position:absolute;bottom:25px;left:-10px;width:260px;height:166px;padding:20px 22px;border:1px solid rgba(152,248,249,.6);border-radius:21px;background:linear-gradient(130deg,rgba(35,231,218,.86),rgba(0,124,238,.88) 57%,rgba(6,51,138,.96));box-shadow:0 28px 60px rgba(0,9,44,.5),inset 0 1px rgba(255,255,255,.25);transform:rotate(8deg);z-index:4;animation:float-card 6s ease-in-out infinite;backdrop-filter:blur(8px)}.loyalty-card::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.13);left:-75px;top:35px}.loyalty-card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#e2faff;font-weight:700}.loyalty-card-top .icon{width:23px;height:23px}.loyalty-card>strong{display:block;margin-top:15px;font:800 31px/1.3 Arial,sans-serif;letter-spacing:-1.5px;text-shadow:0 2px 10px rgba(0,0,0,.08)}.loyalty-card>strong span{font-weight:300}.card-bottom{display:flex;justify-content:space-between;font-size:10px;align-items:center;margin-top:22px;color:#e4faff}.floating-note{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(235,251,255,.95);color:#153d73;border:1px solid #fff;border-radius:15px;box-shadow:0 18px 35px rgba(0,11,44,.25);z-index:6}.note-top{top:5px;right:-8px;padding:12px 18px 12px 12px;animation:float-card 5.2s ease-in-out infinite reverse}.note-icon{width:39px;height:39px;border-radius:13px;background:#def6ff;color:#0481df;display:grid;place-items:center}.note-top div{display:grid}.note-top strong{font-size:11px}.note-top small{font-size:9px;color:#7a92a8}.note-bottom{bottom:69px;right:-18px;padding:13px 17px;color:#234e7d;font-size:10px;animation:float-card 7s ease-in-out infinite}.note-bottom strong{font-size:10px;color:#079e9a}.pulse-dot{background:#11cda8;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 6px rgba(17,205,168,.12)}
.hero-bottom{position:absolute;bottom:0;inset-inline:0;border-top:1px solid rgba(255,255,255,.1)}.hero-bottom-inner{height:68px;display:flex;align-items:center;gap:22px;color:#87a4c9;font-size:10px}.hero-bottom .line{height:1px;background:rgba(181,210,255,.15);flex:1}.hero-bottom a{color:#b8cce3;display:flex;align-items:center;gap:8px}.hero-bottom .icon{width:15px;height:15px}
.intro-section{padding-block:100px;border-bottom:1px solid var(--line)}.intro-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 150px;gap:55px;align-items:center}.section-kicker{color:#1973e3}.section-kicker .number{font:700 12px Arial,sans-serif;direction:ltr;letter-spacing:2px;color:#8baddc}.intro-body h2{font-size:clamp(28px,3vw,44px);line-height:1.7;letter-spacing:-1.4px;margin:0 0 10px;font-weight:900}.intro-body h2 em{font-style:normal;color:var(--blue)}.intro-body p{font-size:14px;line-height:2.3;color:#65738e;margin:0;max-width:740px}.intro-stamp{border:2px solid #a9d8f6;border-radius:50%;width:145px;height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;font:800 19px Arial,sans-serif;color:#2b83d6;transform:rotate(-17deg);position:relative}.intro-stamp::before{content:"";position:absolute;inset:7px;border:1px dashed #b4d3e9;border-radius:50%}.stamp-plus{font-size:15px;color:#49cbbd;margin:4px 0}
.marquee{height:78px;overflow:hidden;background:#eaf2ff;display:flex;align-items:center;border-block:1px solid #dfeafd;direction:ltr}.marquee-track{display:flex;width:max-content;white-space:nowrap;animation:marquee 27s linear infinite;direction:rtl}.marquee-track span{font-size:14px;font-weight:800;color:#3d6fae;display:flex;gap:31px;align-items:center;padding-left:31px}.marquee b{color:#12aece;font-size:25px;font-weight:400}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:52px}.section-heading h2,.loyalty-copy h2,.experience-copy h2,.faq-heading h2{font-size:clamp(34px,4vw,55px);font-weight:900;line-height:1.55;letter-spacing:-2px;margin:17px 0 0}.section-heading>p{font-size:14px;line-height:2.2;color:var(--muted);max-width:385px;margin:0 0 8px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{height:365px;border-radius:27px;background:#fff;border:1px solid #e7edf6;box-shadow:0 12px 40px rgba(11,48,106,.035);position:relative;overflow:hidden;padding:28px 28px 24px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s}.feature-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(11,48,106,.1);border-color:#c9e1ff}.feature-large{grid-row:span 2;height:auto;min-height:748px}.card-topline{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.feature-icon{width:48px;height:48px;border-radius:15px;background:#eaf3ff;color:#0878ef;display:grid;place-items:center}.feature-icon .icon{width:23px;height:23px}.feature-index{font:700 11px Arial,sans-serif;color:#a9b9cc}.feature-copy{position:relative;z-index:2;margin-top:auto}.feature-copy h3{font-size:21px;letter-spacing:-.65px;margin:0 0 8px;font-weight:900}.feature-copy p{font-size:12px;line-height:2.2;color:#697b95;margin:0;max-width:310px}.feature-club{background:linear-gradient(165deg,#f9fcff,#eaf4ff)}.feature-club .feature-copy{margin-top:auto;padding-bottom:14px}.club-visual{width:100%;height:400px;position:relative;display:grid;place-items:center;margin:auto}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(24,139,249,.19)}.orbit-one{width:205px;height:205px}.orbit-two{width:335px;height:335px;border-style:dashed;animation:orbit-spin 36s linear infinite}.club-center{width:122px;height:122px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(145deg,#0c8efb,#063cae);box-shadow:0 22px 50px rgba(13,109,223,.3),inset 0 1px rgba(255,255,255,.4);transform:rotate(-12deg)}.club-center .icon{width:58px;height:58px;color:#d9fff9;transform:rotate(12deg)}.avatar-coin{width:63px;height:63px;border:5px solid #fff;border-radius:50%;background:#cbe7ff;display:grid;place-items:center;color:#2968b2;font-weight:800;position:absolute;z-index:3;box-shadow:0 12px 25px rgba(31,83,159,.12)}.coin-one{top:36px;right:45px;background:#d7fcf7;color:#0e9f94}.coin-two{bottom:80px;right:18px}.coin-three{top:130px;left:0;background:#e6dbff;color:#8f65c9}.feature-blue{background:linear-gradient(150deg,#118afa,#0b5ddb);border-color:transparent;color:white}.feature-blue .feature-icon{background:rgba(255,255,255,.18);color:#fff}.feature-blue .feature-index{color:#9cceff}.feature-blue .feature-copy p{color:#c5e3ff}.mini-reward{position:absolute;top:102px;left:-20px;right:55px;border:1px solid rgba(255,255,255,.26);border-radius:19px;background:rgba(255,255,255,.12);padding:18px;transform:rotate(-7deg);display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px rgba(0,34,129,.12);font-size:11px;font-weight:800}.reward-stars{font-size:17px;color:#a1fff1;letter-spacing:3px}.message-art{position:absolute;top:105px;right:55px;left:20px;display:flex;flex-direction:column;gap:9px;transform:rotate(-5deg)}.message-art div{padding:12px 16px;border-radius:15px;background:#eaf5ff;color:#347cc3;font-size:10px;font-weight:700;box-shadow:0 5px 14px #eaf2fa}.message-art div:last-child{background:#effbf6;color:#31aa8e;margin-right:35px}.chart-art{position:absolute;top:93px;left:39px;right:39px;height:100px;display:flex;align-items:end;gap:11px;opacity:.9}.chart-art span{display:block;flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(to top,#b6dcff,#0c8bff)}.tier-art{display:flex;gap:7px;position:absolute;top:114px;right:25px;left:25px;transform:rotate(-4deg)}.tier-art span{flex:1;text-align:center;padding:14px 4px;border-radius:10px;background:#edf5ff;color:#4f8cc7;font-size:10px;font-weight:900;border:1px solid #d5eaff}.tier-art span:last-child{background:#0b72ea;border-color:#0b72ea;color:white;box-shadow:0 12px 25px rgba(11,114,234,.2)}.feature-dark{background:linear-gradient(140deg,#092254,#061434);color:white;border-color:transparent}.feature-dark .feature-icon{background:#1a3f77;color:#7eebf5}.feature-dark .feature-index{color:#7292bd}.feature-dark .feature-copy p{color:#afc4e0}.payment-art{position:absolute;top:93px;left:30px;right:35px;height:100px;border-radius:16px;border:1px solid #2b5999;background:linear-gradient(120deg,rgba(13,80,155,.8),rgba(8,33,75,.45));display:flex;align-items:center;justify-content:space-between;padding:20px;transform:rotate(4deg);color:#91daf7}.payment-wave{font:800 36px Arial;letter-spacing:-8px;transform:rotate(-23deg)}.payment-art>span:last-child{font:600 9px Arial;letter-spacing:1px}.feature-disclaimer{font-size:11px;color:#93a1b8;margin:25px 3px 0;line-height:2}
.loyalty-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 55%,#0b3270 0%,#061738 46%,#05112d 100%)}.loyalty-glow{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(10,171,227,.15),transparent 65%);left:-330px;top:-200px;pointer-events:none}.loyalty-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.loyalty-copy{max-width:530px}.loyalty-copy .section-kicker{color:#64d9ed}.loyalty-copy h2{margin:23px 0 20px}.loyalty-copy>p{font-size:15px;line-height:2.35;color:#aec3dd;margin:0 0 32px}.check-list{list-style:none;padding:0;margin:0 0 33px;display:grid;gap:17px;color:#d8e7f6;font-size:13px}.check-list li{display:flex;align-items:center;gap:12px}.check-list .icon{width:17px;height:17px;color:var(--cyan);background:#0b4865;border-radius:50%;padding:3px;box-sizing:content-box}.inline-link{display:inline-flex;align-items:center;gap:11px;font-size:13px;font-weight:800;color:#7fe8ec;border-bottom:1px solid #368b9a;padding-bottom:7px;transition:gap .2s}.inline-link:hover{gap:17px}.inline-link .icon{width:19px}.loyalty-visual{height:535px;position:relative;display:grid;place-items:center}.loyalty-visual::before{content:"";width:480px;height:480px;border:1px dashed rgba(69,178,255,.26);position:absolute;border-radius:50%;animation:orbit-spin 40s linear infinite}.loyalty-visual::after{content:"";width:380px;height:380px;border:1px solid rgba(69,178,255,.16);position:absolute;border-radius:50%;z-index:0}.dash-shell{position:relative;z-index:2;width:min(100%,420px);border:1px solid rgba(150,221,255,.26);border-radius:27px;padding:20px;background:linear-gradient(155deg,rgba(28,83,143,.7),rgba(10,30,75,.95));backdrop-filter:blur(25px);box-shadow:0 40px 85px rgba(0,5,25,.47);transform:rotate(-3deg)}.dash-head{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.dash-brand{font:800 20px Arial,sans-serif;letter-spacing:-.6px;direction:ltr}.dash-brand-dot{color:#2ce3ce}.dash-brand small{font-size:10px;color:#7ebdff}.dash-head-pill{font-size:9px;color:#b6c9e1;display:flex;align-items:center;gap:6px}.dash-head-pill span{width:6px;height:6px;background:#3ce6bd;border-radius:50%}.dash-greeting{display:flex;justify-content:space-between;align-items:center;margin:23px 2px 20px;font-size:12px;font-weight:700}.dash-greeting small{font-size:9px;color:#95afcf}.dash-balance{border:1px solid rgba(143,243,253,.28);background:linear-gradient(130deg,#1262c5,#12b6c0);border-radius:19px;padding:24px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.dash-balance::after{content:"";width:180px;height:180px;border:1px solid rgba(255,255,255,.25);position:absolute;left:-60px;bottom:-100px;border-radius:50%}.dash-balance>div:first-child{display:flex;flex-direction:column;gap:5px}.dash-balance small{color:#baf3fb;font-size:10px}.dash-balance strong{font:800 44px/1.3 Vazirmatn,sans-serif}.dash-balance span{font-size:9px;color:#ddffff}.balance-symbol{font-size:87px;line-height:1;color:#8bf4e7;opacity:.8}.dash-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:13px}.dash-bottom>div{padding:17px 10px;border-radius:14px;background:rgba(255,255,255,.065);display:grid;gap:5px}.dash-mini-icon{font-size:20px;color:#64dfea}.dash-bottom small{font-size:9px;color:#a1bad7}.dash-bottom b{font-size:11px}.dash-float{position:absolute;z-index:5;background:#eefbff;border:1px solid #fff;color:#123b67;border-radius:15px;box-shadow:0 25px 45px rgba(0,6,30,.36);display:flex;align-items:center;gap:8px;font-size:10px}.dash-float-a{right:-9px;top:54px;padding:13px 18px;transform:rotate(6deg);animation:float-soft 6s ease-in-out infinite}.dash-float-a>b{color:#08a99e}.dash-float-b{left:-18px;bottom:40px;padding:12px 16px;line-height:1.7;animation:float-card 7s ease-in-out infinite}.float-gift{width:39px;height:39px;border-radius:12px;background:#c9f5fa;display:grid;place-items:center;color:#08a1ba;font-size:24px}
.compact{margin-bottom:80px}.journey-section{background:#fff}.journey-track{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;position:relative}.journey-line{position:absolute;top:48px;right:50px;left:50px;border-top:1px dashed #b9d9fb}.journey-step{position:relative;padding:0 13px 0 0}.step-number{color:#b2c6e3;font:800 11px Arial;position:absolute;top:9px;left:10px}.step-icon{width:95px;height:95px;border-radius:27px;border:1px solid #d7e8fc;display:grid;place-items:center;background:#f1f7ff;position:relative;z-index:1;margin-bottom:30px;box-shadow:0 8px 35px rgba(15,94,201,.07);transition:transform .3s,background .3s}.journey-step:hover .step-icon{transform:translateY(-7px);background:#e2f2ff}.step-icon .icon{width:36px;height:36px;color:#117ee9;stroke-width:1.6}.journey-step h3{font-size:18px;font-weight:900;margin:0 0 9px}.journey-step p{font-size:12px;color:#71819b;line-height:2.2;margin:0;max-width:230px}
.experience-section{background:#eef5ff;overflow:hidden}.experience-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:95px;align-items:center}.experience-copy h2{margin-top:20px}.experience-copy>p:not(.demo-note){font-size:14px;line-height:2.2;max-width:460px;color:#697b96;margin:19px 0 30px}.experience-switch{display:inline-flex;background:#dfeafa;padding:6px;border-radius:17px;gap:5px}.experience-option{padding:12px 22px;border:0;border-radius:12px;font-size:12px;color:#5981b0;background:transparent;font-weight:800;cursor:pointer;transition:background .25s,box-shadow .25s,color .25s}.experience-option.active{background:#fff;color:#0c66cc;box-shadow:0 6px 20px rgba(34,87,147,.12)}.demo-note{display:flex;gap:8px;align-items:start;color:#8a9db6;font-size:10px;line-height:1.9;margin-top:22px;max-width:360px}.demo-note .icon{width:15px;height:15px;flex-shrink:0;margin-top:3px}.experience-panel{padding:26px;background:#fff;border:1px solid #e0eafe;border-radius:28px;box-shadow:0 35px 90px rgba(33,81,138,.13);max-width:515px;width:100%;position:relative}.experience-panel::before{content:"";position:absolute;inset:15px -19px -18px 19px;z-index:-1;background:linear-gradient(140deg,#cce5ff,#d8f9f3);border-radius:28px;transform:rotate(3deg)}.sample-top{display:flex;justify-content:space-between;gap:10px;color:#8297b1;font-size:10px;font-weight:800;align-items:center}.sample-chip{font:700 9px Arial;letter-spacing:1.5px;border:1px solid #d9e6f4;padding:8px 10px;border-radius:8px;color:#89a0bb;direction:ltr}.sample-user{display:flex;align-items:center;gap:12px;margin:28px 0}.sample-avatar{width:58px;height:58px;display:grid;place-items:center;flex-shrink:0;border-radius:18px;background:#d5eaff;color:#2b83d5;font-size:27px;font-weight:900}.sample-user>div{display:flex;flex-direction:column;gap:4px;min-width:0}.sample-user small{font-size:9px;color:#8298b2}.sample-user strong{font-size:16px}.sample-user div>span{font-size:10px;color:#8ca0b9}.sample-status{margin-right:auto;font-size:9px;color:#0a8cae;background:#e4f9fa;border-radius:50px;padding:7px 11px;white-space:nowrap}.sample-points{border-radius:19px;background:linear-gradient(130deg,#0b6be7,#10b3cf);color:#fff;padding:26px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.sample-points small{display:block;color:#bceaff;font-size:11px}.sample-points strong{font-size:39px;line-height:1.7;font-weight:900}.sample-points strong span{font-size:12px;font-weight:500}.sample-points-icon{font-size:93px;line-height:1;color:#b6f9f2;opacity:.8}.sample-reward{display:flex;align-items:center;gap:11px;background:#f5f9ff;border:1px solid #e7effa;border-radius:17px;padding:15px;margin:16px 0}.gift-circle{width:46px;height:46px;background:#e3efff;color:#0e77e9;border-radius:14px;display:grid;place-items:center}.sample-reward>div:nth-child(2){display:grid;gap:5px;flex:1}.sample-reward small{color:#91a3bb;font-size:9px}.sample-reward strong{font-size:11px;color:#24528d}.sample-reward>.icon{width:17px;color:#9bb2cf}.sample-foot{display:flex;justify-content:space-between;color:#a3b5ca;font-size:10px;margin-top:23px}.sample-foot span:last-child{color:#129bda}
.statement-section{padding:110px 0;background:linear-gradient(120deg,#08163b,#083775 70%,#05538e);overflow:hidden;position:relative}.statement-section::after{content:"";width:440px;height:440px;border:1px solid rgba(255,255,255,.08);border-radius:50%;position:absolute;left:-80px;top:-90px;box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.012)}.statement-inner{text-align:center;position:relative;z-index:2}.statement-star{font-size:45px;color:var(--cyan)}.statement-inner p{font-size:clamp(29px,4vw,52px);line-height:1.8;font-weight:900;letter-spacing:-1.8px;margin:15px auto 19px}.statement-inner em{font-style:normal;color:#91bcff;text-decoration:line-through;text-decoration-color:#47e6dc;text-decoration-thickness:2px}.statement-inner p span{color:#72f2e7}.statement-footnote{font:700 10px Arial;letter-spacing:3px;color:#7fa4d4}
.faq-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:95px}.faq-heading h2{margin-top:15px}.faq-heading p{font-size:13px;color:#8595ac;line-height:2;margin-top:15px}.faq-list{border-top:1px solid #d9e5f2}.faq-list details{border-bottom:1px solid #d9e5f2}.faq-list summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px;font-weight:800;color:#294568}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{border:1px solid #d6e3f1;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:20px;line-height:1;font-weight:400;flex-shrink:0;color:#167ee8;transition:transform .25s,background .25s}.faq-list details[open] .faq-plus{transform:rotate(45deg);background:#e8f3ff}.faq-answer{font-size:12px;color:#71839e;line-height:2.4;padding:0 0 24px;max-width:580px}
.final-cta{padding:125px 0;position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 80%,#0a4386 0%,#061e4f 44%,#05132f 83%)}.final-cta-inner{position:relative;z-index:2}.cta-mark{font-size:47px;color:#40e7d9;margin-bottom:10px}.final-cta .section-kicker{justify-content:center;color:#8dcfff}.final-cta h2{font-size:clamp(40px,5.1vw,69px);line-height:1.55;margin:18px 0;letter-spacing:-2px;font-weight:900}.final-cta p{font-size:14px;color:#b3c6de;margin:0 0 32px}.cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.cta-ring{position:absolute;border-radius:50%;border:1px solid rgba(54,192,241,.11);left:50%;top:50%;transform:translate(-50%,-50%)}.cta-ring-a{width:650px;height:650px}.cta-ring-b{width:950px;height:950px}
.footer{background:#040f27;border-top:1px solid #123058}.footer-main{display:flex;align-items:center;gap:30px;padding:48px 0;border-bottom:1px solid rgba(255,255,255,.09)}.footer-main>p{font-size:11px;color:#8aa9cd;margin:0}.footer-main nav{margin-right:auto;display:flex;align-items:center;gap:27px}.footer-main nav a{font-size:11px;color:#94adca;transition:color .2s}.footer-main nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0 26px;font-size:10px;color:#6881a3}.footer-bottom b{color:#2de4c7}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes float-soft{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes float-card{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes halo-breathe{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes shine{0%,35%{left:-200px}52%,100%{left:125%}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(50%)}}
@media (max-width:1120px){.container{width:min(100% - 48px,1150px)}.main-nav{gap:19px}.hero-content{gap:28px}.hero h1{font-size:clamp(40px,4.1vw,55px)}.hero-art{transform:scale(.88);transform-origin:center}.intro-layout{grid-template-columns:175px 1fr 115px;gap:25px}.intro-stamp{width:110px;height:110px;font-size:16px}.loyalty-layout{gap:35px}.experience-layout{gap:50px}.faq-layout{gap:50px}}
@media (max-width:850px){.container{width:calc(100% - 40px)}.nav-shell{height:76px}.site-header{position:absolute}.main-nav{position:fixed;top:76px;left:20px;right:20px;background:#0a2554;border:1px solid #315487;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:25px;align-items:stretch;opacity:0;visibility:hidden;transform:translateY(-14px);transition:.25s;box-shadow:0 20px 35px rgba(0,0,0,.25)}.main-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.main-nav a{font-size:15px}.nav-cta{margin-right:auto}.menu-toggle{width:38px;height:38px;border:0;background:transparent;display:grid;place-items:center;align-content:center;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}.hero-content{grid-template-columns:1fr;text-align:center;padding-top:142px;padding-bottom:115px;gap:10px}.hero{min-height:auto}.hero-copy{display:flex;flex-direction:column;align-items:center}.eyebrow{justify-content:center}.hero h1{font-size:clamp(39px,6.8vw,57px);line-height:1.55}.hero-lead{max-width:600px}.hero-actions,.hero-mini-features{justify-content:center}.hero-art{width:min(590px,100%);height:480px;margin:25px auto 0;transform:scale(.91);transform-origin:center}.hero-bottom-inner{height:59px}.intro-layout{grid-template-columns:1fr 125px;gap:20px}.intro-layout .section-kicker{grid-column:1/-1}.intro-body h2{font-size:36px}.section-pad{padding-block:90px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-large{grid-row:span 1;min-height:420px;height:420px;grid-column:span 2}.feature-large .club-visual{height:235px}.feature-large .orbit-one{width:140px;height:140px}.feature-large .orbit-two{width:230px;height:230px}.feature-large .club-center{width:95px;height:95px;border-radius:27px}.feature-large .club-center .icon{width:43px}.feature-large .avatar-coin{width:45px;height:45px}.coin-one{top:5px;right:calc(50% - 110px)}.coin-two{right:calc(50% - 110px);bottom:12px}.coin-three{left:calc(50% - 110px);top:65px}.loyalty-layout,.experience-layout{grid-template-columns:1fr;gap:40px}.loyalty-copy{max-width:100%}.loyalty-visual{height:500px}.experience-panel{margin-inline:auto}.journey-track{gap:20px}.journey-step{padding:0}.step-icon{width:75px;height:75px;border-radius:21px}.journey-line{top:37px}.step-icon .icon{width:27px}.journey-step h3{font-size:16px}.faq-layout{grid-template-columns:1fr;gap:35px}.footer-main{flex-wrap:wrap}.footer-main nav{width:100%;margin:0}}
@media (max-width:580px){.container{width:calc(100% - 32px)}.brand-emblem{width:45px;height:40px;border-radius:10px}.brand-emblem img{width:95px;top:-5px}.brand-name strong{font-size:21px}.brand-name small{font-size:7px}.nav-shell{gap:10px}.nav-cta{padding:10px 12px;font-size:10px;gap:5px}.nav-cta .icon{width:15px}.hero-content{padding-top:128px;padding-bottom:90px;gap:0}.hero h1{font-size:clamp(31px,8.2vw,43px);letter-spacing:-1.5px}.hero-lead{font-size:13px;line-height:2.2;margin-bottom:25px}.eyebrow{font-size:10px;gap:8px;margin-bottom:20px}.eyebrow-line{width:20px}.hero-actions{width:100%;gap:9px}.hero-actions .button{width:100%;min-height:52px}.hero-mini-features{gap:12px;font-size:9px;margin-top:22px}.hero-art{height:335px;margin-top:23px;transform:none}.logo-showcase{inset:42px 12px 51px 9px;border-radius:20px;transform:rotate(-5deg)}.art-halo{width:285px;height:285px;right:30px;top:15px;box-shadow:0 0 0 35px rgba(15,137,219,.03)}.loyalty-card{width:170px;height:109px;padding:12px 14px;border-radius:14px;bottom:3px;left:0}.loyalty-card-top{font-size:7px}.loyalty-card-top .icon{width:15px;height:15px}.loyalty-card>strong{font-size:22px;margin-top:5px}.card-bottom{margin-top:11px;font-size:7px}.note-top{top:10px;right:0;padding:8px;border-radius:10px;gap:5px}.note-icon{width:25px;height:25px;border-radius:8px}.note-icon .icon{width:15px}.note-top strong{font-size:8px}.note-top small{font-size:7px}.note-bottom{bottom:36px;right:0;padding:8px;font-size:7px;gap:5px;border-radius:10px}.note-bottom strong{font-size:7px}.hero-bottom-inner{font-size:9px}.intro-section{padding-block:65px}.intro-layout{grid-template-columns:1fr}.intro-layout .section-kicker{grid-column:auto}.intro-body h2{font-size:29px;line-height:1.6}.intro-body p{font-size:12px}.intro-stamp{display:none}.marquee{height:63px}.marquee-track span{font-size:12px}.section-pad{padding-block:76px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.loyalty-copy h2,.experience-copy h2,.faq-heading h2{font-size:34px;letter-spacing:-1px}.section-heading>p{margin:12px 0 0;font-size:12px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{height:335px;border-radius:21px;padding:23px}.feature-large{grid-column:auto;height:450px;min-height:auto}.feature-large .club-visual{height:260px}.feature-copy h3{font-size:19px}.feature-copy p{font-size:11px}.feature-disclaimer{font-size:10px}.loyalty-copy>p{font-size:13px}.check-list{font-size:12px}.loyalty-visual{height:375px}.loyalty-visual::before{width:340px;height:340px}.loyalty-visual::after{width:290px;height:290px}.dash-shell{width:calc(100% - 23px);padding:13px;border-radius:20px}.dash-head{padding-bottom:12px}.dash-brand{font-size:15px}.dash-head-pill{font-size:7px}.dash-greeting{font-size:10px;margin:16px 0}.dash-greeting small{font-size:7px}.dash-balance{padding:15px}.dash-balance strong{font-size:32px}.balance-symbol{font-size:56px}.dash-bottom{gap:5px}.dash-bottom>div{padding:10px 7px}.dash-mini-icon{font-size:15px}.dash-bottom small{font-size:7px}.dash-bottom b{font-size:9px}.dash-float-a{right:-4px;top:8px;padding:8px 10px;font-size:8px}.dash-float-b{left:-1px;bottom:5px;padding:8px;font-size:8px}.float-gift{width:28px;height:28px;font-size:16px}.compact{margin-bottom:42px}.journey-track{grid-template-columns:1fr 1fr;row-gap:42px}.journey-line{display:none}.journey-step h3{font-size:15px}.journey-step p{font-size:11px}.step-icon{margin-bottom:18px}.experience-copy>p:not(.demo-note){font-size:12px}.experience-panel{padding:17px}.sample-user{margin:21px 0}.sample-status{font-size:8px;padding:5px 8px}.sample-user strong{font-size:14px}.sample-avatar{width:46px;height:46px;font-size:23px}.sample-points{padding:17px}.sample-points strong{font-size:32px}.sample-points-icon{font-size:65px}.sample-reward{padding:10px}.sample-reward strong{font-size:10px}.statement-section{padding-block:80px}.statement-inner p{font-size:29px;letter-spacing:-1px}.faq-list summary{font-size:12px}.final-cta{padding-block:100px}.final-cta h2{font-size:39px}.final-cta p{font-size:12px;line-height:2}.cta-actions .button{width:100%}.footer-main{gap:18px;padding:35px 0}.footer-main nav{flex-wrap:wrap;gap:14px 25px}.footer-bottom{flex-direction:column;gap:8px;font-size:9px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

/* New Poolino identity: preserve the complete transparent mark on a light stage. */
.brand-emblem{width:56px;height:51px;border-radius:0;background:transparent;box-shadow:none}
.brand-emblem img{width:82px;height:82px;max-width:none;top:-11px;left:50%;object-fit:contain;transform:translateX(-50%)}
.logo-showcase{background:radial-gradient(circle at 44% 36%,#f4fdff 0%,#d2f0ff 54%,#a9d3ff 100%);border-color:rgba(160,232,255,.85);box-shadow:0 45px 100px rgba(0,1,15,.54),0 0 72px rgba(12,143,244,.26)}
.logo-showcase img{object-fit:contain;object-position:center;padding:17px 54px 19px;filter:drop-shadow(0 18px 18px rgba(13,88,176,.12))}
.logo-showcase::after{background:linear-gradient(155deg,rgba(255,255,255,.4),transparent 53%,rgba(29,118,211,.06))}
@media (max-width:580px){.brand-emblem{width:44px;height:42px;border-radius:0}.brand-emblem img{width:70px;height:70px;top:-9px}.logo-showcase img{padding:15px 28px}}

/* Loud, time-limited promotional ticket; anchored to the sticky header. */
html.has-home-promo{--promo-height:88px;scroll-padding-top:calc(100px + var(--promo-height))}
.landing-promo{display:block;height:var(--promo-height);color:#fff;background:linear-gradient(107deg,#f21864 0%,#ff493c 51%,#ff8b22 100%);border-bottom:3px solid #ffe86d;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 8px 28px #ee276548;transition:filter .2s}
.landing-promo:hover{filter:saturate(1.2) brightness(1.06)}
.landing-promo[hidden]{display:none!important}
.landing-promo::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.27;background:repeating-linear-gradient(125deg,transparent 0 30px,#ffffff45 30px 32px,transparent 32px 65px);pointer-events:none}
.landing-promo::after{content:"";position:absolute;top:-60%;left:-20%;width:21%;height:230%;background:linear-gradient(90deg,transparent,#ffffff7a,transparent);transform:rotate(18deg);animation:promo-sheen 6s ease-in-out infinite;pointer-events:none}
.landing-promo-shape{position:absolute;z-index:-1;pointer-events:none;opacity:.3;color:#fff176;line-height:1}
.landing-promo-shape-one{font-size:110px;top:-55px;right:-10px;transform:rotate(-20deg)}
.landing-promo-shape-two{font-size:95px;bottom:-70px;left:9%;transform:rotate(20deg)}
.landing-promo-inner{height:100%;display:flex;align-items:center;gap:23px;position:relative;z-index:1}
.landing-promo-flash{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:9px 15px;border:1px dashed #fff59c;border-radius:12px;background:#8c114e60;color:#fff;font-size:14px;font-weight:900;white-space:nowrap}
.landing-promo-flash span{font-size:24px;color:#fff473;line-height:1;filter:drop-shadow(0 0 9px #fffba2)}
.landing-promo-product{display:grid;gap:2px;min-width:0;flex:1;color:#fff}
.landing-promo-product small{font-size:10px;font-weight:700;color:#ffe9c5}
.landing-promo-product strong{font-size:17px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 5px #b50e4573}
.landing-promo-discount{display:flex;align-items:center;gap:7px;flex-shrink:0;background:#fff269;border:2px solid #fff9c2;border-radius:15px;padding:7px 16px;color:#a31b49;box-shadow:0 5px 0 #b71c4f70,0 0 21px #fff38570;transform:rotate(-5deg);animation:promo-pop 3.5s ease-in-out infinite}
.landing-promo-discount strong{font-size:30px;line-height:1.2;font-weight:900;direction:rtl;white-space:nowrap}
.landing-promo-discount small{font-size:13px;line-height:1.3;font-weight:900;white-space:nowrap}
.landing-promo-countdown{display:grid;gap:3px;flex-shrink:0;min-width:146px;padding:9px 13px;border:1px solid #ffffff9c;border-radius:13px;background:#711c48a8;color:#fff;text-align:center;box-shadow:inset 0 1px 0 #ffffff36}
.landing-promo-countdown small{font-size:10px;font-weight:800;color:#fff1c8}
.landing-promo-countdown strong{font-family:Vazirmatn,Tahoma,sans-serif;font-size:17px;line-height:1.5;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.landing-promo-action{display:inline-flex;align-items:center;justify-content:center;gap:13px;flex-shrink:0;border-radius:13px;background:#0b2052;color:#fff;padding:13px 17px;font-size:12px;font-weight:900;box-shadow:0 7px 0 #70174455,0 6px 18px #67132f4d;white-space:nowrap;transition:transform .2s}
.landing-promo:hover .landing-promo-action{transform:translateX(-3px)}
.landing-promo-action span{font-size:20px;color:#fff269;line-height:1}
.has-home-promo .hero-content{padding-top:calc(150px + var(--promo-height))}
@keyframes promo-sheen{0%,30%{left:-22%}65%,100%{left:125%}}
@keyframes promo-pop{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(-5deg) scale(1.055)}}
@media(max-width:850px){html.has-home-promo{--promo-height:145px}.has-home-promo .main-nav{top:calc(76px + var(--promo-height))}.has-home-promo .hero-content{padding-top:calc(142px + var(--promo-height))}.landing-promo-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;column-gap:14px;row-gap:4px;padding-block:10px}.landing-promo-flash{grid-column:1;grid-row:1;justify-self:start;padding:2px 8px;border-radius:7px;font-size:11px}.landing-promo-flash span{font-size:17px}.landing-promo-product{grid-column:1;grid-row:2;display:block;min-width:0}.landing-promo-product small{display:none}.landing-promo-product strong{display:block;font-size:14px}.landing-promo-discount{grid-column:2;grid-row:1/5;flex-direction:column;gap:1px;padding:8px 12px;border-radius:13px}.landing-promo-discount strong{font-size:29px}.landing-promo-discount small{font-size:11px}.landing-promo-countdown{grid-column:1;grid-row:3;min-width:0;justify-self:start;padding:4px 10px;display:flex;align-items:center;gap:9px}.landing-promo-countdown strong{font-size:13px}.landing-promo-countdown small{font-size:9px}.landing-promo-action{grid-column:1;grid-row:4;justify-self:start;padding:5px 11px;border-radius:8px;gap:8px;font-size:11px}.landing-promo-action span{font-size:17px}}
@media(max-width:580px){.landing-promo-inner{column-gap:10px}.landing-promo-flash{font-size:10px}.landing-promo-product strong{font-size:13px}.landing-promo-discount{padding:9px 10px}.landing-promo-discount strong{font-size:28px}.has-home-promo .hero-content{padding-top:calc(128px + var(--promo-height))}}

/* The financial capabilities complement the loyalty story, with three animated UI scenes. */
.money-feature{position:relative;overflow:hidden;padding:105px 0;border-top:1px solid #e8eff8}
.money-feature-instant{background:linear-gradient(160deg,#fff 12%,#f7fbff 100%)}
.money-feature-accounts{background:linear-gradient(145deg,#ecf5ff,#f9fcff 70%)}
.money-feature-reports{background:#fff}
.money-feature-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(35px,7vw,105px)}
.money-feature-accounts .money-feature-visual{order:-1}
.money-feature-copy{max-width:550px}
.money-feature-tag{display:inline-flex;align-items:center;gap:9px;background:#eaf4ff;color:#1974c7;border:1px solid #d5e8fb;border-radius:100px;padding:8px 13px;font-size:10px;font-weight:900}
.money-feature-tag .icon{width:15px;height:15px;color:#128bd9}
.money-feature-copy h2{font-size:clamp(29px,3.4vw,46px);font-weight:900;line-height:1.7;letter-spacing:-1.6px;color:#112b55;margin:21px 0 14px}
.money-feature-copy h2 span{color:#126dd1}
.money-feature-copy>p{color:#6c7f99;font-size:14px;line-height:2.45;max-width:500px;margin:0}
.money-feature-footnote{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:11px;font-weight:800;color:#5486ae}
.money-feature-dot{width:8px;height:8px;border-radius:50%;background:#1bbfbb;box-shadow:0 0 0 5px #1bbfbb17;flex-shrink:0}
.money-feature-visual{width:100%;max-width:550px;min-height:346px;padding:26px;border:1px solid #d9e9f9;border-radius:28px;box-shadow:0 30px 75px #123e8012;position:relative;overflow:hidden;isolation:isolate}
.money-preview-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;font-weight:800;color:#386c9e}
.money-preview-mark{font:800 10px Arial,sans-serif;letter-spacing:1.5px;color:#7c9fc1;direction:ltr}

/* Scene 1: a payment signal travels between two endpoints. */
.instant-visual{background:radial-gradient(circle at 12% 20%,#d1edff,transparent 43%),linear-gradient(150deg,#f8fcff,#e4f3ff)}
.instant-visual::after{content:"";position:absolute;z-index:-1;width:210px;height:210px;border:1px dashed #b8ddf8;border-radius:50%;left:-65px;bottom:-98px}
.instant-flow{display:flex;align-items:center;gap:12px;margin-top:48px}
.instant-flow-node{width:40%;min-width:0;display:grid;justify-items:center;gap:7px;padding:18px 6px;background:#fff;border:1px solid #dceaf8;border-radius:18px;box-shadow:0 15px 28px #174d9210;text-align:center}
.instant-flow-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eaf4ff;color:#0c75df}
.instant-flow-icon .icon{width:24px;height:24px}
.instant-flow-icon-done{color:#069b89;background:#dff8f0}
.instant-flow-node strong{font-size:12px;color:#244c78}
.instant-flow-node small{font-size:9px;color:#859cb6}
.instant-flow-track{position:relative;height:3px;min-width:25px;flex:1;border-radius:3px;background:#afcff0}
.instant-flow-signal{position:absolute;top:-6px;right:0;width:15px;height:15px;border-radius:50%;background:#04bfb6;box-shadow:0 0 0 6px #0ac5b41f,0 0 22px #05adce}
.instant-visual.is-visible .instant-flow-signal{animation:money-travel 2.6s ease-in-out infinite}
.instant-confirmation{margin:26px auto 0;display:flex;align-items:center;gap:10px;background:#e3faf4;border:1px solid #c1ecdf;border-radius:13px;padding:11px 14px;color:#19796e;font-size:10px;font-weight:800}
.instant-confirmation-check{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#18b69c;color:#fff;font-size:16px;font-weight:900}
.instant-confirmation b{margin-right:auto;background:#fff;color:#008a8b;padding:5px 9px;border-radius:30px;font-size:9px}

/* Scene 2: two bank-account summaries connected by a living flow. */
.accounts-visual{background:radial-gradient(circle at 16% 6%,#135aa2 0%,transparent 52%),linear-gradient(150deg,#0b3064,#061a3d);border-color:#27507c;box-shadow:0 30px 75px #0b2b5e29;color:#fff}
.accounts-visual .money-preview-title{color:#bddafa}
.accounts-visual .money-preview-mark{color:#6797ca}
.account-visual-row{display:flex;align-items:center;gap:14px;position:relative;z-index:1;margin-top:32px;padding:18px 17px;background:#f8fcff;border:1px solid #fff;border-radius:18px;box-shadow:0 15px 30px #00102830;color:#153969}
.account-visual-row-bottom{margin-top:0;background:#e4f8f6;border-color:#b6ece2}
.account-visual-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:13px;background:#e3efff;color:#0e75d9}
.account-visual-row-bottom .account-visual-icon{background:#c5f3e8;color:#0c9889}
.account-visual-icon .icon{width:22px;height:22px}
.account-visual-row>span:nth-child(2){display:grid;gap:4px;min-width:0}
.account-visual-row small{color:#829bb2;font-size:9px}
.account-visual-row strong{font-size:12px}
.account-visual-pill{font-size:9px;font-weight:900;color:#0a8d82;background:#ddf9f2;border-radius:30px;padding:6px 10px;margin-right:auto;white-space:nowrap}
.account-visual-route{height:56px;position:relative;display:grid;place-items:center}
.account-visual-route-line{height:100%;width:2px;background:repeating-linear-gradient(to bottom,#49dacf 0 6px,transparent 6px 12px);opacity:.75}
.account-visual-route-dot{position:absolute;top:0;width:12px;height:12px;border:3px solid #a9fff5;border-radius:50%;background:#08c9b6;box-shadow:0 0 18px #40f4e6}
.accounts-visual.is-visible .account-visual-route-dot{animation:money-flow-down 2.8s ease-in-out infinite}
.account-visual-corner{position:absolute;left:-16px;bottom:-49px;color:#ffffff0e;font-size:190px;line-height:1;pointer-events:none}

/* Scene 3: illustrative financial reporting, never presented as real merchant data. */
.report-visual{background:linear-gradient(160deg,#fff,#f0f7ff);border-color:#d4e5fa}
.report-visual-head{display:flex;align-items:center;justify-content:space-between;color:#27527e}
.report-visual-head>span{display:grid;gap:5px}
.report-visual-head small{color:#8ca2bb;font-size:10px}
.report-visual-head strong{font-size:13px}
.report-visual-head>.icon{width:37px;height:37px;padding:8px;border-radius:12px;background:#e0efff;color:#117ee8}
.report-periods{display:flex;flex-wrap:wrap;gap:6px;margin:23px 0 13px}
.report-periods span{padding:7px 10px;border-radius:8px;background:#edf3fb;color:#7690ae;font-size:9px;font-weight:800}
.report-periods span.selected{background:#1376e9;color:#fff;box-shadow:0 5px 12px #1376e925}
.report-bars{height:155px;border-bottom:1px solid #d5e4f4;display:flex;align-items:end;justify-content:space-around;gap:12px;padding:9px 12px 0;background:repeating-linear-gradient(to top,transparent 0 35px,#dce8f330 35px 36px)}
.report-bars>span{display:block;height:var(--bar-height);max-width:38px;flex:1;border-radius:9px 9px 3px 3px;background:linear-gradient(to top,#0975e9,#51c8ea);box-shadow:0 4px 12px #0a78eb1b;transform:scaleY(.08);transform-origin:bottom}
.report-visual.is-visible .report-bars>span{animation:money-bars-grow .9s cubic-bezier(.16,.75,.25,1) forwards;animation-delay:calc(var(--bar-order) * 90ms)}
.report-bars>span:nth-child(even){background:linear-gradient(to top,#0c8cba,#66d9d5)}
.report-visual-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:15px;color:#5b7d9e;font-size:9px;font-weight:800}
.report-visual-foot>span{display:flex;align-items:center;gap:6px}
.report-legend-dot{width:8px;height:8px;border-radius:50%;background:#087ee6}
.report-visual-foot small{font-size:9px;color:#a1b0c1}

.final-cta .final-cta-title{font-size:clamp(14px,4.2vw,58px);white-space:nowrap;letter-spacing:-1.5px}
@keyframes money-travel{0%{right:0;opacity:.5}15%{opacity:1}85%{opacity:1}100%{right:calc(100% - 15px);opacity:.5}}
@keyframes money-flow-down{0%{top:0;opacity:.35}50%{opacity:1}100%{top:calc(100% - 12px);opacity:.35}}
@keyframes money-bars-grow{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@media(max-width:850px){.money-feature{padding:80px 0}.money-feature-layout{grid-template-columns:1fr;gap:33px}.money-feature-accounts .money-feature-visual{order:initial}.money-feature-visual{max-width:620px;margin-inline:auto}.money-feature-copy{max-width:620px}.money-feature-copy h2{font-size:clamp(30px,5vw,43px)}}
@media(max-width:580px){.money-feature{padding:65px 0}.money-feature-copy h2{font-size:clamp(26px,7vw,33px);letter-spacing:-1px}.money-feature-copy>p{font-size:12px;line-height:2.3}.money-feature-visual{min-height:300px;padding:20px;border-radius:21px}.instant-flow{gap:9px;margin-top:35px}.instant-flow-node{padding:15px 5px}.instant-flow-node strong,.account-visual-row strong{font-size:10px}.instant-flow-node small,.account-visual-row small{font-size:8px}.instant-flow-icon{width:40px;height:40px}.instant-confirmation{margin-top:20px;padding:10px;font-size:9px}.account-visual-row{margin-top:25px;padding:13px 11px;gap:9px}.account-visual-row-bottom{margin-top:0}.account-visual-route{height:48px}.account-visual-pill{font-size:8px;padding:5px 7px}.report-periods{margin-top:20px;gap:4px}.report-periods span{font-size:8px;padding:6px 9px}.report-bars{height:126px;gap:8px}.final-cta .final-cta-title{font-size:clamp(13px,4.1vw,22px);letter-spacing:-.6px}}
@media(max-width:390px){.hero h1{font-size:clamp(27px,8vw,31px)}}