:root{--bg:#060912;--panel:#0f1423;--ink:#f1f5fe;--muted:#929bb3;--purple:#9ab5fa;--line:rgba(166,180,255,.14);--heading:'Manrope',Arial,sans-serif}
body{background:radial-gradient(ellipse at 78% 7%,#13204033,transparent 29%),#060912}.header{background:#070a138a;backdrop-filter:blur(20px)}.header.scrolled{background:#070a13e8;border-color:#9cb6fa23}.wordmark{font-family:var(--heading);font-weight:800;font-size:23px;letter-spacing:6px}.wordmark svg{color:#9cb6fa}.nav-links a{color:#a8b1c9}.button.primary{background:linear-gradient(110deg,#bdcefb,#81a2f8);color:#0b1329;border-color:#abc2fb;box-shadow:0 0 30px #6890f725}.button.primary:hover{background:#c8d7fc;box-shadow:0 0 42px #6a91f744}.button{border-radius:8px}.eyebrow{color:#9eb0e0;letter-spacing:2px}.hero{position:relative;min-height:900px}.hero:before{content:'';position:absolute;inset:80px -35px 0;z-index:-1;background-image:linear-gradient(#7e9ae306 1px,transparent 1px),linear-gradient(90deg,#7e9ae306 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 70% 42%,#000,transparent 72%);pointer-events:none}.hero h1{font-family:var(--heading);font-size:clamp(60px,6.2vw,88px);font-weight:750;line-height:1.04;letter-spacing:-4.8px}.hero h1 em{background:linear-gradient(100deg,#bdcefb,#83a4f8 65%,#7295f1);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}.hero-description{font-size:20px;color:#ced7ed}.hero-subtext{color:#929dba}.hero-meta{color:#7d8aaa}.hero-price-link{color:#aab6d4}.hero-price-link>span:first-child{color:#e5ecfe}.hero-price-link b{color:#90abef}.wallet-provider{background:#111727;border-color:#8090b73b;color:#a7b3d3;border-radius:8px}.wallet-provider.selected{border-color:#90adf9;background:#6b8adb1c;color:#ebf0fe;box-shadow:0 0 20px #5c84ec1c}.wallet-device,.google-g{color:#b7cafb}.wallet-phone{background:linear-gradient(145deg,#363e54,#0e1526 35%,#0f1421);border-color:#7885a7;box-shadow:inset 0 0 0 3px #090d19,6px 9px 0 #12192b,0 40px 85px #000b,0 0 90px #507ff624;transform:translateX(-50%) rotate(8deg)}.google-wallet{box-shadow:inset 0 0 0 3px #090d19,6px 9px 0 #12192b,0 40px 85px #000b,0 0 90px #3c6ff124}.phone-heading{font-family:var(--heading);color:#eef2fe}.phone-card{background:radial-gradient(ellipse at top right,#4b6dc5,#161f37 80%);border-color:#97b3fa4a}.google-wallet .phone-card{background:radial-gradient(ellipse at top right,#36539e,#151e36 80%)}.phone-card-brand,.phone-card-caption{color:#f0f4fe}.phone-card-brand span{color:#b2c6f7}.phone-contactless{color:#7c9ef7;border-color:#7c9ef74a;background:#7c9ef70b}.phone-ready{color:#dfe7fc}.phone-hint,.phone-demo{color:#838fae}.phone-home{background:#b3bfdd}.floating-note{background:linear-gradient(120deg,#20283de8,#121a2de8);border-color:#99afe840;box-shadow:0 10px 40px #0008}.note-icon{color:#89a7f4;background:#89a7f412}.note-label{color:#9daaca}.note-dot{background:#7f9deb;box-shadow:0 0 13px #6389ea55}.art-caption{color:#717e9f}.art-halo{background:radial-gradient(ellipse at center,#3767e22b,transparent 64%)}.orbit{border-color:#7d9ff834}.orbit-two{border-color:#7294ec25}.spark{background:#e1e9fd;box-shadow:0 0 10px 3px #8dabf9,0 0 35px #5d88f64d}.principles{background:linear-gradient(100deg,#121829,#0a1122);border-color:#839cdb23}.principle>.icon{color:#9eb8fa}.principle h2{color:#e9effe}.principle p,.feature-disclaimer{color:#8995b2}h2{font-family:var(--heading);font-weight:600}.muted{color:#818dab}.pricing-section .section-heading h2{max-width:650px}.plan-card{background:radial-gradient(ellipse at top right,#3f5daa2e,transparent 60%),linear-gradient(140deg,#171f35,#0b1224);border-color:#829cdd50;box-shadow:0 20px 70px #0003}.plan-card:before{background:linear-gradient(90deg,transparent,#9fb9fa,#698fef,transparent)}.plan-name svg{color:#9bb6fa}.plan-price{font-family:var(--heading);font-weight:600}.plan-price .currency,.reload-price>strong{color:#a9c0fb}.price-period,.billing-note,.plan-roadmap{color:#94a0bf}.plan-tag{color:#a3b8ed;border-color:#7492e135}.plan-features li{color:#bac5e2}.plan-features .icon{color:#7899ed}.fee-calculator{background:#0c1221;border-color:#8297cc2b}.fee-calculator h3{font-family:var(--heading);font-weight:500}.fee-calculator>p,.amount-label,.calculation>div,.calculation small{color:#929fc0}.amount-input{background:#10182d;border-color:#899ed33b}.amount-input input{font-family:var(--heading);color:#eaf0fe}.amount-input>span{color:#9ab3f2}.amount-presets button{color:#8f9fc9;border-color:#8596c32c}.amount-presets button.selected{color:#b9cbfb;background:#7d9ff519;border-color:#7d9ff566}.calculation strong{color:#d3dcf5}.credited-row strong{color:#7f9ef0}.calculation .credited-row{border-color:#7d93ca2c}.pricing-disclosure,.fee-calculator>.calculator-note{color:#7e8cb0}.card-showcase{background:radial-gradient(ellipse at center,#222c46,#0d1221 70%);border-color:#8299d438}.display-card{background:linear-gradient(120deg,#495062,#1b2131 40%,#343947 80%,#131826);border-color:#9198ab;color:#e2e7f3}.engraving{color:#d9e0f0}.swatch.obsidian{background:linear-gradient(130deg,#697185,#222839)}.swatch.iris{background:linear-gradient(130deg,#a4bcfa,#4c6ab8)}.swatch.frost{background:linear-gradient(130deg,#f0f3fb,#9aa4bf)}.card-showcase[data-tone=iris]{background:radial-gradient(ellipse at center,#384a7a,#111726 70%)}[data-tone=iris] .display-card{background:linear-gradient(120deg,#97ace0,#435c9d 40%,#788dc3 80%,#2c3c63)}[data-tone=frost] .display-card{background:linear-gradient(120deg,#e4ebfc,#a2adca 40%,#dae2f7 80%,#8f9cbc);color:#27314c}[data-tone=frost] .engraving{color:#27314c}.how-section{background:linear-gradient(130deg,#111727,#091022)}.journey-demo{background:radial-gradient(ellipse at center,#26335636,transparent 70%),#091022}.journey-step p,.section-copy>p,.section-heading>p,.philosophy-point p{color:#8f9bbb}.step-arrow{color:#99aee3}.balance-visual,.receipt{background:#151e36;border-color:#7d95d33d}.material-art{border-color:#8095cb38}.cinematic{background:#080c17}.cinematic:after{background:linear-gradient(90deg,#060a16ed,#060a1685 45%,transparent 80%)}.cinematic p span{color:#94b0f9}.faq-list summary{color:#dfe6f9}.faq-list details p{color:#8f9bbb}.closing-section{background:radial-gradient(ellipse at top,#2e3e6843,transparent 65%),linear-gradient(135deg,#151d32,#0a1226);border-color:#7e97d83b}.closing-section p{color:#a2afd0}.footer-links,.footer-links button,.footer-disclaimer,.footer-top p{color:#8491b4}dialog{background:linear-gradient(140deg,#1b2339,#0b1224);border-color:#879ed850}#email{background:#0a1122;border-color:#8e9ec746}
@media(max-width:1100px){.hero h1{font-size:63px;letter-spacing:-3.8px}.hero{min-height:920px}}
@media(max-width:800px){.hero{min-height:0}.hero h1{font-size:clamp(59px,9vw,77px)}.nav-links{background:#0e1526f5}.wallet-phone{transform:translateX(-50%) rotate(7deg)}}
@media(max-width:520px){.hero h1{font-size:clamp(47px,11.75vw,62px);letter-spacing:-3.3px}.hero-description{font-size:18px}.hero .eyebrow{font-size:6px;letter-spacing:1.5px}.hero:before{inset:80px -15px 0}.cinematic:after{background:linear-gradient(180deg,#070b16ef,#070b1680 45%,#070b1610)}.pricing-section h2{font-size:34px}.wallet-phone{transform:translateX(-50%) rotate(7deg)}}

/* Final finish: precision lighting, tactile controls and a calmer hierarchy. */
:root{--pointer-x:70%;--pointer-y:35%}
.hero:after{content:'';position:absolute;inset:0 -25px;pointer-events:none;z-index:-1;background:radial-gradient(360px circle at var(--pointer-x) var(--pointer-y),#5e89f70d,transparent 70%)}
.hero h1{font-size:clamp(62px,6.6vw,94px);line-height:1.02;letter-spacing:-4.5px}
.hero h1 em{background-size:200% 100%;animation:spectral 12s ease-in-out infinite}
.hero-actions .primary{position:relative;overflow:hidden;isolation:isolate}
.hero-actions .primary:after{content:'';position:absolute;inset:-60% -50%;background:linear-gradient(110deg,transparent 40%,#fff6 50%,transparent 60%);transform:translateX(-65%);transition:transform .65s;z-index:-1}
.hero-actions .primary:hover:after{transform:translateX(65%)}
.wallet-phone{transition:transform .45s,box-shadow .45s;will-change:transform}
.wallet-phone:hover{transform:translateX(-50%) rotate(2deg) translateY(-5px);box-shadow:inset 0 0 0 3px #090d19,6px 9px 0 #12192b,0 45px 90px #000b,0 0 90px #507ff635}
.phone-card{height:176px;background:radial-gradient(ellipse at 90% 0,#7295f17d,transparent 65%),linear-gradient(135deg,#313a52,#151c2e 75%);border-color:#98b2f480;box-shadow:0 16px 32px #04070f88,inset 0 1px #d0dcfc29}
.phone-card img{opacity:.85;filter:contrast(1.05);top:26px;left:35px}
.phone-card-brand{font-weight:700}.phone-card-caption{font-size:7px;color:#d3dbee}
.phone-contactless{position:relative}.phone-contactless:after{content:'';position:absolute;inset:-6px;border:1px solid #7c9bec20;border-radius:50%;animation:contactPulse 3s ease-out infinite}
.wallet-provider{min-height:43px;transition:transform .2s,background .2s,border-color .2s}.wallet-provider:hover{transform:translateY(-2px);border-color:#a5bdfa}
.hero-price-link{border-top:1px solid #9bb1e922;padding-top:18px;margin-top:22px}
.principles{position:relative}.principle{transition:background .3s}.principle:hover>.icon{filter:drop-shadow(0 0 7px #89a7f466);color:#bdcffc}.principle h2{letter-spacing:-.2px}
.plan-card{position:relative;transition:border-color .3s,box-shadow .3s}.plan-card:hover{border-color:#9ab2f080;box-shadow:0 18px 70px #587bd714}
.plan-price{letter-spacing:-5px}.plan-tag{background:#7194ef0a}.fee-calculator{background:linear-gradient(150deg,#0f1629,#0a1122);box-shadow:inset 0 1px #d5e0fd08}
.amount-input{transition:box-shadow .2s,border-color .2s}.amount-input:focus-within{box-shadow:0 0 0 3px #83a4f816;border-color:#93aff9}
.amount-presets button{transition:background .2s,transform .2s}.amount-presets button:hover{transform:translateY(-2px)}
.credited-row strong{font-variant-numeric:tabular-nums;text-shadow:0 0 25px #6a91f722}
.section-heading .eyebrow,.section-copy>.eyebrow{display:flex;gap:12px;align-items:center}.section-heading .eyebrow:before,.section-copy>.eyebrow:before{content:'';display:inline-block;width:19px;height:1px;background:#8ca6ea}
.card-showcase{box-shadow:inset 0 0 60px #819ada09}.showcase-grid{opacity:.6}.finish .swatch{transition:transform .25s,outline-color .25s,box-shadow .25s}.finish.active .swatch{box-shadow:0 0 22px #93adf026}
.journey-step.active{position:relative}.journey-step.active:before{content:'';position:absolute;left:-15px;top:31px;bottom:31px;width:2px;background:linear-gradient(#8baaf9,#7899ef);border-radius:2px}
.material-art img{transition:transform 1.2s}.material-art:hover img{transform:scale(1.045)}
.closing-section{box-shadow:inset 0 1px #bdcffc18,0 35px 80px #0002}.closing-section h2{background:linear-gradient(110deg,#ebf0fe 25%,#9cb3ee 70%,#7b9cf0);background-clip:text;color:transparent}
.page-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;z-index:50;background:linear-gradient(90deg,#97b3fa,#7498f5);box-shadow:0 0 12px #698ff055;pointer-events:none}
.back-top{transition:color .2s,transform .2s}.back-top:hover{transform:translateY(-2px)}
@keyframes spectral{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes contactPulse{0%{transform:scale(.9);opacity:0}30%{opacity:1}100%{transform:scale(1.3);opacity:0}}
@media(max-width:1100px){.hero h1{font-size:66px;letter-spacing:-4px}}
@media(max-width:800px){.hero h1{font-size:clamp(59px,9vw,77px)}}
@media(max-width:520px){.hero h1{font-size:clamp(47px,11.75vw,62px);letter-spacing:-3.3px}.phone-card{height:160px}.hero-price-link{font-size:9px}.journey-step.active:before{left:-9px}.hero:after{inset:0}.page-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.hero h1 em,.phone-contactless:after{animation:none}.wallet-phone{will-change:auto}}
.site-brand-logo{width:142px;height:auto;display:block}.footer .site-brand-logo{width:126px}.wordmark{letter-spacing:0;gap:0}.client-entry{border-left:1px solid #9cb3ef2b;padding-left:20px}.material-art{background:radial-gradient(ellipse at center,#323e5c33,#0a1122)}
@media(max-width:520px){.site-brand-logo{width:112px}.client-entry{border-left:0;padding-left:0}}
.phone-card img{left:14px;top:24px;width:233px;transform:rotate(-7deg);opacity:1}.material-art img[src*="digital-card"]{object-fit:contain;padding:15px;transform:rotate(-8deg)}.material-art:hover img[src*="digital-card"]{transform:rotate(-4deg) scale(1.025)}
@media(max-width:520px){.phone-card img{width:215px;left:6px;top:22px}}
/* Cobalt edition: one consistent palette across the product. */
:root{--bg:#071329;--panel:#101e38;--ink:#f2f7ff;--muted:#95accd;--purple:#6b9fff;--line:rgba(143,180,242,.15)}
body{background:radial-gradient(ellipse at 80% 5%,#123c7430,transparent 38%),#071329}.header,.header.scrolled{background:#08142bec}.button.primary{background:linear-gradient(110deg,#3c83ff,#175beb);color:#fff;border-color:#629cff;box-shadow:0 0 28px #145df22b}.button.primary:hover{background:#3983ff}.hero h1 em{background-image:linear-gradient(100deg,#e8f4ff,#7db3ff 55%,#3478ff)}.wallet-provider.selected{color:#e6f2ff;background:#2768d920;border-color:#73a7ff}.wallet-phone{background:linear-gradient(140deg,#35557b,#101d38 38%,#0a162c);border-color:#6589bd}.phone-card,.google-wallet .phone-card{background:#0c2550;border-color:#5b9cff80;overflow:hidden}.phone-card img{width:100%;height:100%;inset:0;object-fit:cover;object-position:72% center;transform:none}.phone-card-brand{background:#0a1f43b8;padding:5px 8px;top:7px;left:7px;border-radius:4px}.phone-card-caption{background:#0a1f43b8;padding:4px 7px;bottom:7px;left:7px;border-radius:3px}.phone-contactless{color:#a9d4ff;border-color:#7bb1ff4d}.floating-note{background:linear-gradient(110deg,#153565eb,#101f3beb);border-color:#6094dd40}.note-icon{color:#a8ceff}.art-halo{background:radial-gradient(ellipse at center,#276ce932,transparent 65%)}.principles{background:linear-gradient(100deg,#10254b,#0a1b35)}.material-art{background:#0c2040}.material-art img[src*="cobalt"]{object-fit:cover;object-position:72% center;padding:0;transform:none}.material-art:hover img[src*="cobalt"]{transform:scale(1.035)}.cinematic:after{background:linear-gradient(90deg,#061329ed,#06132985 45%,transparent)}.cinematic p span{color:#9dc7ff}.plan-card{background:radial-gradient(ellipse at top right,#2158ad40,transparent 65%),linear-gradient(130deg,#142c55,#0a1933);border-color:#5586d74a}.plan-tag{color:#a6cdff}.credited-row strong{color:#a6d0ff}.closing-section{background:radial-gradient(ellipse at top,#245bc435,transparent 65%),linear-gradient(130deg,#122b52,#091a35)}.closing-section h2{background-image:linear-gradient(110deg,#f4f8ff,#a2c8ff 70%,#5a95f5)}.swatch.iris{background:linear-gradient(130deg,#83baff,#2868ce)}[data-tone=iris] .display-card{background:linear-gradient(120deg,#618fd8,#12448c 45%,#376fb8 80%,#112a55)}.phone-demo,.phone-hint{color:#8fa8d0}
@media(max-width:520px){.cinematic:after{background:linear-gradient(180deg,#061329ed,#06132990 45%,#06132910)}}
.material-art img[src*="cobalt-emblem"]{object-fit:cover;padding:0;transform:none}.material-art .material-label{color:#274f87;background:#edf3f9d9;padding:9px;border-radius:3px}.material-art:hover img[src*="cobalt-emblem"]{transform:scale(1.03)}

/* Cobalt refinement: cleaner rhythm and product-led hierarchy. */
.header{height:84px;border-bottom:1px solid #8fb5f20d}.header.scrolled{box-shadow:0 10px 35px #020c181f}.nav{gap:24px}.nav-links{gap:24px}.nav-links a{font-size:11px;position:relative;transition:color .25s}.nav-links a:after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:1px;transform:scaleX(0);background:#80b4ff;transition:transform .25s}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.client-entry{border-left-color:#81a8e82b}
.hero{min-height:865px;padding-top:140px;padding-bottom:105px}.hero-copy{padding-bottom:5px}.hero h1{margin-top:28px;margin-bottom:28px;font-weight:700;letter-spacing:-4.4px}.hero-description{line-height:1.45}.hero-subtext{margin-top:19px;line-height:1.9}.hero .eyebrow{color:#8eaeda}.hero-art{perspective:1400px}.wallet-phone{border-color:#768db0;background:linear-gradient(140deg,#344968,#0c192e 45%,#091425);box-shadow:inset 0 0 0 3px #071121,6px 9px 0 #0e1a30,0 40px 80px #0009,0 0 85px #2a70d91a}.wallet-phone:hover{box-shadow:inset 0 0 0 3px #071121,6px 9px 0 #0e1a30,0 40px 80px #0009,0 0 85px #2a70d92b}.phone-heading{font-size:21px;letter-spacing:-.6px}.phone-card{box-shadow:0 13px 25px #0006,inset 0 1px #a6ccff22}.phone-card-brand{font-size:10px;letter-spacing:2.5px}.phone-card-caption{font-size:6px}.phone-contactless{box-shadow:0 0 24px #73b6ff0a}.phone-ready{font-size:10px;color:#d5e7ff}.phone-hint{font-size:8px}.phone-demo{font-size:5px;letter-spacing:1.4px}.floating-note{padding:12px 15px;box-shadow:0 15px 45px #0005}.floating-note strong{font-size:11px}.note-label{font-size:7px;letter-spacing:.5px}.art-caption{color:#8a9ebf;font-size:6px}.hero-meta{font-size:9px;color:#839cc0}.hero-price-link{font-size:10px;gap:13px}.hero-price-link b{font-size:9px}.wallet-provider{transition:all .2s}.wallet-provider:active,.button:active{transform:translateY(1px)}
.principles{background:linear-gradient(115deg,#10264a,#0a1933)}.principles-grid{padding-block:31px}.principle h2{font-weight:500}.principle p{color:#879fbf}.feature-disclaimer{color:#7f94b1;line-height:1.8}.section{padding-block:110px}.section-heading{margin-bottom:43px}.section-heading>p{max-width:240px;color:#93a9c7}.plan-card,.fee-calculator{border-radius:15px}.plan-card{box-shadow:inset 0 1px #c4dcff0b,0 30px 70px #0002}.fee-calculator{background:linear-gradient(145deg,#10223e,#0b1930)}.plan-price{font-size:88px;letter-spacing:-4px}.plan-price .currency{font-size:38px}.price-period{font-size:13px}.billing-note{font-size:10px}.plan-features{gap:17px}.plan-features li{font-size:11px}.plan-card>.button{min-height:51px}.amount-input{background:#0c1b34;border-color:#759fd034;padding-block:18px}.amount-presets button{padding-block:10px}.fee-calculator h3{font-size:27px}.calculation .credited-row{padding-block:20px}.credited-row strong{font-size:28px;letter-spacing:-1px}.pricing-disclosure{color:#8398b9;line-height:1.9}.card-showcase{border-radius:14px;box-shadow:inset 0 1px #c9deff0b}.showcase-label{color:#9fb3d1}.journey-demo{box-shadow:inset 0 1px #e4edff07}.journey-step p{line-height:1.9}.journey-step.active h3{color:#d4e6ff}.material-art{border-radius:14px}.material-label{font-size:6px}.faq-list summary:hover{color:#9cc7ff}.faq-list details[open]{background:linear-gradient(90deg,#4081df08,transparent)}.faq-list details p{line-height:1.95}.closing-section{padding-block:80px;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#2967c13a,transparent 67%),#0d2345}.closing-section h2{font-size:clamp(42px,5vw,67px);letter-spacing:-3px}.closing-note{color:#8ca4c9}.footer-top{padding-bottom:28px}.footer-disclaimer{max-width:970px;line-height:1.9}.back-top{gap:11px}
@media(max-width:1100px){.nav-links{gap:18px}.nav{gap:20px}.hero h1{font-size:64px}.hero-art{margin-left:-45px}.plan-price{font-size:80px}}
@media(max-width:800px){.header{height:78px}.hero{padding-top:133px;padding-bottom:66px;min-height:0}.hero h1{font-size:clamp(59px,9vw,77px)}.hero-art{margin-left:auto}.section{padding-block:80px}.nav-links{gap:25px}.nav-links a{font-size:15px}.nav-links a:after{display:none}}
@media(max-width:520px){.hero{padding-top:118px}.hero h1{font-size:clamp(47px,11.75vw,62px);letter-spacing:-3.2px;margin-bottom:24px}.hero-description{font-size:17px}.hero-subtext{font-size:12px;margin-top:16px}.hero-art{margin-left:-20px;margin-top:23px}.hero-price-link{font-size:9px;gap:10px}.hero-price-link b{font-size:8px}.hero-meta{font-size:8px}.hero .eyebrow{font-size:6px;letter-spacing:1.4px}.section{padding-block:65px}.section-heading{margin-bottom:30px}.plan-price{font-size:86px}.fee-calculator h3{font-size:26px}.plan-card,.fee-calculator{padding:27px}.closing-section{padding-block:54px}.closing-section h2{letter-spacing:-2px}.nav{gap:15px}}

/* Product chapter: an interactive bridge from the story to the working demo. */
.workspace-section{position:relative}.workspace-intro p{font-size:13px;line-height:1.8;color:#92a9c9}.workspace-intro .text-link{font-size:11px;margin-top:18px;color:#b4d2ff}.workspace-showcase{border:1px solid #739de52e;background:radial-gradient(ellipse at 80% 50%,#1b42812b,transparent 70%),#0a1830;border-radius:17px;overflow:hidden;box-shadow:0 25px 70px #020a1726}.workspace-tabs{display:flex;border-bottom:1px solid #7da8ed21;background:#09152a}.workspace-tabs>button{flex:1;display:flex;align-items:center;justify-content:center;gap:13px;background:none;border:0;border-bottom:2px solid transparent;padding:22px 10px;color:#6f89b1;font-size:9px;letter-spacing:1px;transition:.2s}.workspace-tabs>button span{font-size:12px;letter-spacing:0}.workspace-tabs>button.selected{background:#356fd510;border-bottom-color:#6ba5ff;color:#cae0ff}.workspace-tabs>button:hover{color:#e9f2ff}.workspace-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding:48px}.workspace-copy{align-self:center}.workspace-copy h3{font-size:29px;line-height:1.2;letter-spacing:-1.2px;max-width:330px;margin:19px 0 20px;font-weight:600}.workspace-copy>p{font-size:12px;color:#91a9cd;line-height:1.85;max-width:320px}.workspace-copy .button{margin-top:28px;font-size:11px;min-height:48px;gap:24px}.workspace-visual{min-height:330px;display:flex;flex-direction:column;justify-content:center;gap:15px;animation:appear .35s}.workspace-foot{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;border-top:1px solid #7da8ed17;font-size:7px;letter-spacing:1px;color:#728aaf}.workspace-foot>span:first-child{display:flex;align-items:center;gap:7px}.workspace-foot i{height:4px;width:4px;background:#7aafff;border-radius:50%}.preview-balance{padding:24px;border:1px solid #88aff934;border-radius:12px;background:linear-gradient(125deg,#214886,#142a51);overflow:hidden}.preview-balance>span,.preview-label{font-size:7px;letter-spacing:1.4px;color:#a1bce8}.preview-balance>strong{display:block;font-family:var(--heading);font-weight:500;font-size:39px;letter-spacing:-1.6px;margin-top:15px}.preview-balance>strong>span{color:#a4b9de;font-size:26px}.preview-spark{height:48px;display:flex;align-items:flex-end;gap:7px;margin-top:14px}.preview-spark i{flex:1;height:35%;background:linear-gradient(0deg,#5d9efd12,#84b8ff);border-radius:2px 2px 0 0}.preview-spark i:nth-child(3n){height:54%}.preview-spark i:nth-child(4n){height:70%}.preview-spark i:nth-child(5n){height:82%}.preview-spark i:last-child{height:95%}.preview-balance-bottom{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.5px;color:#9eb9e1;margin-top:14px}.preview-activity{padding:18px 20px;background:#0b1b34;border:1px solid #7fa9ed21;border-radius:10px}.preview-activity>div{display:flex;align-items:center;gap:11px;border-bottom:1px solid #7099dc12;padding:12px 0}.preview-activity>div:last-child{border-bottom:0;padding-bottom:0}.preview-activity i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;background:#477bd71c;border-radius:7px;color:#91bbfc}.preview-activity>div>span{font-size:9px;color:#d1e1f9}.preview-activity small{display:block;font-size:7px;color:#6f8db9;margin-top:3px}.preview-activity strong{margin-left:auto;font-size:9px;font-weight:500;white-space:nowrap;color:#adcaff}.preview-product-card{position:relative;min-height:215px;background:radial-gradient(ellipse,#25549837,transparent);text-align:center}.preview-product-card>.preview-label{position:absolute;top:0;left:0}.preview-product-card img{width:90%;max-width:310px;height:210px;object-fit:contain;filter:drop-shadow(0 20px 20px #0005);transform:rotate(-7deg)}.preview-card-status{font-size:8px;color:#a5bde1;display:flex;align-items:center;justify-content:center;gap:7px}.preview-card-status i{height:4px;width:4px;border-radius:50%;background:#8ec7ff}.preview-control-list{border-top:1px solid #83ace426;margin-top:8px}.preview-control-list>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #83ace41a;font-size:10px;color:#a7bee1}.preview-control-list b{font-size:8px;font-weight:400;color:#84b8ff}.preview-control-list p{font-size:8px;color:#6e8bb5;line-height:1.7;margin-top:13px}.preview-topup{padding:25px;border:1px solid #81abf034;border-radius:12px;background:linear-gradient(130deg,#1b3b70,#102343)}.preview-topup>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #91b8f125;padding:18px 0;font-size:11px;color:#a7c0e6}.preview-topup>div strong{font-family:var(--heading);font-size:16px;color:#e4efff;font-weight:500}.preview-topup .preview-topup-net strong{font-size:25px;letter-spacing:-1px;color:#a6ceff}.preview-topup>small{display:block;font-size:8px;color:#7f9dca;margin-top:17px}.preview-process{display:flex;flex-direction:column;padding:0 8px}.preview-process>span{font-size:7px;letter-spacing:1.3px;color:#7e9ecb;padding:7px 0}.preview-process>p{font-size:8px;color:#6c87ae;margin-top:10px}.experience-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:34px}.experience-notes>div{border-top:1px solid #86aae52b;padding-top:20px}.experience-notes>div>span{font-size:8px;color:#5e83ba}.experience-notes h3{font-size:13px;font-weight:500;margin:12px 0 9px}.experience-notes p{font-size:10px;line-height:1.8;color:#8ba3c5}.closing-watermark{position:absolute;bottom:-45px;left:50%;transform:translateX(-50%);font-size:230px;font-family:var(--heading);font-weight:800;letter-spacing:-18px;color:#a0c5ff04;z-index:-1;pointer-events:none}
@media(min-width:1101px){.hero{grid-template-columns:1fr 1fr;min-height:820px}.hero h1{font-size:clamp(66px,6.2vw,86px)}.hero-art{height:580px}.wallet-phone{width:277px;height:536px;top:8px}.hero-price-link{margin-top:26px}.hero-subtext{max-width:370px}.hero-actions{margin-top:30px}}
@media(max-width:1100px){.workspace-panel{gap:35px;padding:34px}.workspace-copy h3{font-size:26px}.workspace-copy .button{padding-inline:18px;gap:16px}}
@media(max-width:800px){.workspace-panel{gap:28px;padding:27px;grid-template-columns:.9fr 1.1fr}.workspace-copy h3{font-size:25px}.workspace-copy>p{font-size:11px}.workspace-tabs>button{gap:9px}.workspace-tabs>button span{font-size:10px}.workspace-intro{max-width:240px}.experience-notes{gap:20px}.preview-balance{padding:19px}.preview-balance>strong{font-size:33px}.preview-activity{padding:15px}.closing-watermark{font-size:170px}}
@media(max-width:600px){.workspace-panel{grid-template-columns:1fr;padding:25px;gap:30px}.workspace-copy h3{font-size:28px;max-width:280px}.workspace-copy>p{max-width:none}.workspace-copy .button{margin-top:22px}.workspace-visual{min-height:0}.workspace-tabs>button{flex-direction:column;gap:7px;padding:17px 4px;font-size:7px}.workspace-tabs>button span{font-size:9px}.workspace-foot{gap:15px;padding:15px;font-size:6px;letter-spacing:.7px}.workspace-foot>span:last-child{max-width:80px;text-align:right;line-height:1.6}.experience-notes{grid-template-columns:1fr;gap:20px;margin-top:26px}.experience-notes>div{display:grid;grid-template-columns:25px 1fr;padding-top:17px}.experience-notes h3{margin:0;font-size:12px}.experience-notes p{grid-column:2;margin-top:6px}.experience-notes>div>span{padding-top:3px}.workspace-intro{margin-top:18px;max-width:none}.workspace-intro p{font-size:12px}.workspace-intro p br{display:none}.workspace-intro .text-link{margin-top:14px}.preview-balance>strong{font-size:39px}.preview-activity>div>span{font-size:10px}.preview-activity strong{font-size:10px}.closing-watermark{font-size:135px;bottom:-18px;letter-spacing:-10px}}
@media(max-width:360px){.workspace-panel{padding:20px}.workspace-tabs>button span{font-size:8px}.preview-topup{padding:20px}.preview-topup .preview-topup-net strong{font-size:22px}}
.faq-search{padding-bottom:22px}.faq-search>label{font-size:10px;color:#b6cdf0;display:block;margin-bottom:10px}.faq-search>div{position:relative}.faq-search input{display:block;width:100%;padding:14px 43px 14px 16px;background:#0b1c36;border:1px solid #85aee833;border-radius:8px;color:#dfecff;font:11px var(--body);outline:none;transition:border-color .2s,box-shadow .2s}.faq-search input:focus{border-color:#77adff;box-shadow:0 0 0 3px #6b9be614}.faq-search input::placeholder{color:#6987b1}.faq-search>div>span{position:absolute;right:14px;top:8px;font-size:22px;color:#7ea9e6;pointer-events:none}.faq-search>p{font-size:8px;color:#7998c2;margin-top:9px}.faq-list details[hidden]{display:none}.phone-contactless .icon{stroke-width:1.3;height:22px;width:22px}.preview-spark{position:relative}.preview-spark:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#b4d2ff18}.workspace-tabs button:focus-visible{outline-offset:-4px}.workspace-copy .button{box-shadow:0 6px 23px #1c62e51a}.workspace-visual{transition:opacity .2s}.amount-presets button:focus-visible,.wallet-provider:focus-visible{outline-offset:3px}.plan-card:hover .plan-name svg{filter:drop-shadow(0 0 8px #7dabef66)}
.phone-card img[src*="studio"]{object-fit:cover;object-position:center;transform:scale(1.08)}.phone-card-brand{display:none}.phone-card-caption{display:none}.preview-product-card img[src*="studio"]{border-radius:12px;object-fit:cover;transform:rotate(-4deg);height:190px;width:95%;margin-top:25px;box-shadow:0 18px 40px #0003}
.pricing-mode{display:flex;border:1px solid #80ace632;background:#08162c;border-radius:7px;padding:4px;margin-top:22px;gap:4px}.pricing-mode button{flex:1;background:none;border:0;border-radius:4px;padding:10px 4px;color:#829ec5;font-size:10px}.pricing-mode button.selected{background:#265493;color:#e8f3ff}.pricing-mode+.amount-label{margin-top:18px}.calculation .frequency-field{display:block;margin-top:20px}.frequency-field label{display:block;font-size:9px;margin-bottom:9px;color:#8da9d0}.frequency-field select{width:100%;border:1px solid #79a8e532;border-radius:5px;padding:10px;background:#0c1b33;color:#c6dcfa;font:10px var(--body)}.calculation .funding-total{font-size:9px;color:#7996bd;margin-top:12px}.funding-total strong{font-size:11px;color:#a6c3ea}.mobile-quick-access{display:none}
@media(max-width:600px){body{padding-bottom:77px}.mobile-quick-access{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px max(12px,env(safe-area-inset-bottom));background:#09192cf0;backdrop-filter:blur(22px);border-top:1px solid #7aa8eb33;z-index:18}.mobile-quick-access strong{font-size:11px;font-weight:600;display:block;color:#dbeaff}.mobile-quick-access div>span{display:block;font-size:8px;color:#86a4ce;margin-top:4px}.mobile-quick-access a{display:flex;align-items:center;gap:20px;background:#296eea;color:#fff;font-size:10px;font-weight:500;padding:12px 15px;border-radius:6px}body:has(dialog[open]) .mobile-quick-access{visibility:hidden}}
