/* SWIFT BUCKS — landing page (requires style.css tokens; fallbacks included) */
.lp{--ink:#0A1230;--ink2:#16204A;--blue:#3558FF;--blue2:#2342E0;--sky:#7A94FF;--gold:#FFB800;--gold2:#FFD45C;--gold-t:#FFF5D9;--bg:#F2F4FB;--mut:#5E6A89;--line:#E3E7F3;--soft:#ECEFFF;--ok:#0E9F6E;--disp:'Sora','Plus Jakarta Sans',system-ui,sans-serif;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink)}
body{background:#fff}
.lp h1,.lp h2,.lp h3{font-family:var(--disp)}
.w{max-width:1120px;margin:0 auto;padding:0 20px}

/* buttons */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:14px;font:700 15px var(--disp);border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .12s,filter .15s,background .15s}
.pill:hover{transform:translateY(-2px)}.pill:active{transform:scale(.98)}
.pill.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1B1400;box-shadow:0 16px 28px -14px rgba(255,184,0,.9),inset 0 1px 0 rgba(255,255,255,.5)}
.pill.line{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06)}.pill.line:hover{background:rgba(255,255,255,.14)}
.pill.navy{background:#fff;color:var(--blue2);box-shadow:0 16px 28px -14px rgba(0,0,0,.5)}
.pill.sm{padding:9px 16px;font-size:13px;border-radius:11px}

/* nav (dark glass over the hero) */
.nav{position:sticky;top:0;z-index:6;padding:11px 0;background:rgba(10,18,48,.82);-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav .w{display:flex;align-items:center;gap:10px}
.nav .brand{flex:0 0 auto;color:#fff;font-size:15.5px}.nav .brand b{color:var(--gold)}.nav .brand img{width:30px;height:30px}
.nav .links{display:none;gap:28px;margin:0 auto;font-weight:600;font-size:14px;color:rgba(255,255,255,.7)}.nav .links a:hover{color:#fff}
.nav .cta{margin-left:auto;display:flex;gap:8px;align-items:center}

/* hero */
.hero-l{position:relative;color:#fff;padding:46px 0 96px;overflow:hidden;background:radial-gradient(620px 420px at 95% 0,rgba(53,88,255,.65),transparent 65%),radial-gradient(420px 320px at 0 100%,rgba(255,184,0,.17),transparent 65%),linear-gradient(180deg,#0E1744,#0A1230)}
.hero-l::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse at 30% 20%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 30% 20%,#000,transparent 70%)}
.hero-l .w{position:relative;display:grid;gap:46px;align-items:center}
.hero-l h1{font-size:clamp(36px,10vw,64px);line-height:1.03;font-weight:800;margin:0 0 18px;letter-spacing:-.04em;color:#fff}
.lead{font-size:16.5px;line-height:1.65;color:rgba(255,255,255,.74);max-width:30em;margin:0 0 26px}
.actions{display:flex;gap:12px;flex-wrap:wrap}.actions .pill{flex:1 1 auto}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}
.facts div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 12px;min-width:0}
.facts b{display:block;font:800 15px var(--disp);color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.facts span{font-size:11.5px;color:rgba(255,255,255,.62);line-height:1.3;display:block;margin-top:2px}

/* phone mock */
.phone-wrap{position:relative;justify-self:center;width:272px;margin:8px 0}
.phone{background:linear-gradient(160deg,#2A356B,#0A1230);border-radius:40px;padding:10px;border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 80px -30px rgba(0,0,0,.8),0 0 80px -20px rgba(53,88,255,.6);transform:rotate(-2.5deg)}
.scr{background:var(--bg);border-radius:31px;padding:16px 13px 16px;color:var(--ink);min-height:420px}
.scr .hd{display:flex;align-items:center;gap:7px;font:800 13px var(--disp);margin-bottom:12px}.scr .hd img{width:22px;border-radius:7px}
.scr .hd i{margin-left:auto;width:24px;height:24px;border-radius:8px;background:var(--ink);color:var(--gold);display:grid;place-items:center;font:700 11px var(--disp);font-style:normal}
.scr .bal{background:radial-gradient(160px 100px at 100% 0,rgba(53,88,255,.8),transparent 70%),linear-gradient(145deg,#16204A,#0A1230);border-radius:18px;color:#fff;padding:14px;margin-bottom:10px}
.bal small{font-size:10.5px;opacity:.7;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.bal b{display:block;font:800 28px var(--disp);letter-spacing:-.03em}.bal b em{font-style:normal;font-size:12px;color:var(--gold);margin-left:5px}
.scr .tk{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:9px;margin-bottom:7px;font-size:12px;font-weight:700}
.tk span{width:28px;height:28px;border-radius:9px;background:var(--soft);color:var(--blue);display:grid;place-items:center;flex:none}.tk span svg{width:14px;height:14px}
.tk em{margin-left:auto;font:800 12px var(--disp);color:var(--ok);font-style:normal}
.tk p{margin:0;font-size:10.5px;color:var(--mut);font-weight:500}
.scr .pg{background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px;font-size:11px;font-weight:700}
.pg .bar{height:7px;border-radius:7px;background:#D9DFF5;overflow:hidden;margin:8px 0 0}.pg .bar span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--sky));border-radius:7px}
.chip{position:absolute;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:15px;padding:9px 13px;font:700 12px 'Plus Jakarta Sans',sans-serif;box-shadow:0 20px 36px -14px rgba(0,0,0,.5);display:flex;align-items:center;gap:9px;opacity:0;animation:pop .6s cubic-bezier(.2,1.3,.4,1) forwards}
.chip svg{width:28px;height:28px;padding:7px;border-radius:9px;background:var(--gold-t);color:#9A6A00;box-sizing:border-box}
.chip small{display:block;font-weight:500;color:var(--mut);font-size:10.5px}
.chip.a{left:-26px;top:96px;animation-delay:.5s}.chip.b{right:-22px;bottom:70px;animation-delay:.9s}.chip.b svg{background:#DDF6EB;color:var(--ok)}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}

/* stat strip */
.strip{margin-top:-46px;position:relative;z-index:2}
.strip .box{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 60px -34px rgba(10,18,48,.55);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.strip .box div{padding:18px 16px;border-top:1px solid var(--line)}.strip .box div:nth-child(-n+2){border-top:0}.strip .box div:nth-child(even){border-left:1px solid var(--line)}
.strip b{display:block;font:800 19px var(--disp);letter-spacing:-.02em}.strip span{font-size:12px;color:var(--mut);font-weight:600}

/* sections */
.sec{padding:72px 0 0}
.sec h2{font-size:clamp(27px,6vw,40px);line-height:1.08;font-weight:800;margin:0 0 12px;letter-spacing:-.035em;color:var(--ink)}
.lede{color:var(--mut);max-width:34em;margin:0 0 30px;font-size:16px;line-height:1.6}
ol.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.steps li{counter-increment:s;border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff;display:grid;grid-template-columns:38px 1fr;gap:2px 14px;box-shadow:0 1px 2px rgba(10,18,48,.04)}
.steps li::before{content:counter(s);grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font:800 15px var(--disp)}
.steps h3{font-size:16px;margin:0}.steps p{margin:0;color:var(--mut);font-size:14px}

.bento{display:grid;gap:12px}
.bc{border-radius:24px;padding:22px;position:relative;overflow:hidden;border:1px solid var(--line);background:#fff}
.bc h3{font-size:20px;font-weight:800;margin:14px 0 8px;line-height:1.15}.bc p{margin:0;max-width:30em;font-size:14px;color:var(--mut)}
.bc>svg{width:44px;height:44px;padding:11px;border-radius:14px;box-sizing:border-box;background:var(--soft);color:var(--blue)}
.bc.dark{background:radial-gradient(300px 200px at 100% 0,rgba(53,88,255,.7),transparent 70%),linear-gradient(145deg,#16204A,#0A1230);color:#fff;border:0}
.bc.dark>svg{background:rgba(255,255,255,.12);color:var(--gold)}.bc.dark p{color:rgba(255,255,255,.76)}
.bc.gold{background:var(--gold-t);border-color:#F8DE9B}.bc.gold>svg{background:#fff;color:#9A6A00}.bc.gold p{color:#6B5100}
.bc.green{background:#E6F7EF;border-color:#C5ECD9}.bc.green>svg{background:#fff;color:var(--ok)}.bc.green p{color:#2B5E4A}
.bc.tint{background:#F1F3FF;border-color:#D7DEFF}
.bc .big{font:800 clamp(32px,6vw,44px) var(--disp);letter-spacing:-.04em;margin-top:18px;line-height:1}
.bc .big small{font-size:13px;font-weight:600;letter-spacing:0;margin-left:7px;opacity:.7}

/* calculator */
.calc{position:relative;overflow:hidden;background:radial-gradient(420px 260px at 100% 0,rgba(53,88,255,.6),transparent 65%),radial-gradient(320px 220px at 0 100%,rgba(255,184,0,.14),transparent 65%),var(--ink);color:#fff;border-radius:28px;padding:28px 22px;display:grid;gap:24px}
.calc h2{color:#fff}.calc .lede{color:rgba(255,255,255,.7);margin-bottom:0}
.calc label{color:rgba(255,255,255,.72);display:flex;justify-content:space-between;align-items:center;font-size:13.5px;margin:0}
.calc label b{color:var(--gold);font:800 22px var(--disp)}
.calc input[type=range]{padding:0;border:0;margin:14px 0 6px;accent-color:var(--gold);height:30px;background:none;box-shadow:none;-webkit-appearance:auto;appearance:auto}
.calc .rng{display:flex;justify-content:space-between;font-size:11.5px;color:rgba(255,255,255,.5)}
.outs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.out{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:15px}
.out small{color:rgba(255,255,255,.65);font-weight:600;font-size:12px}
.out b{display:block;font:800 25px var(--disp);letter-spacing:-.03em;margin-top:2px}.out.g b{color:#6EE7B7}

/* trust, faq, cta, footer */
.trust{display:grid;gap:12px}
.trust div{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}
.trust svg{flex:none;width:42px;height:42px;padding:10px;border-radius:13px;background:var(--soft);color:var(--blue);box-sizing:border-box}
.trust h3{font-size:16px;margin:1px 0 4px}.trust p{margin:0;color:var(--mut);font-size:14px}
.faq{max-width:760px}
.faq details{border-bottom:1px solid var(--line);padding:17px 0}
.faq summary{list-style:none;cursor:pointer;font:700 16px var(--disp);display:flex;gap:14px;justify-content:space-between;align-items:center;margin:0;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';flex:none;width:28px;height:28px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:20px;line-height:1;color:var(--blue);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:10px 0 0;color:var(--mut);max-width:36em;font-size:14.5px}
.cta-b{position:relative;overflow:hidden;background:radial-gradient(360px 220px at 100% 0,rgba(255,255,255,.22),transparent 65%),linear-gradient(135deg,#3558FF,#2342E0 60%,#16204A);border-radius:30px;padding:42px 24px;text-align:center;color:#fff;margin-top:76px;box-shadow:0 40px 70px -40px rgba(35,66,224,.9)}
.cta-b h2{font-size:clamp(27px,6vw,40px);margin:0 0 10px;font-weight:800;letter-spacing:-.035em;line-height:1.1;color:#fff}
.cta-b p{margin:0 auto 22px;max-width:28em;font-weight:500;opacity:.88}
.foot{background:var(--ink);color:rgba(255,255,255,.7);margin-top:76px;padding:40px 0 32px}
.foot .w{display:grid;gap:18px}.foot .brand{color:#fff;flex:none}.foot .brand b{color:var(--gold)}
.foot nav{display:flex;gap:20px;flex-wrap:wrap;font-weight:600;font-size:14px}.foot nav a:hover{color:#fff}
.foot small{font-size:12.5px;opacity:.7}.foot p{margin:10px 0 0}

@media(max-width:370px){.nav .pill.line{display:none}.facts{grid-template-columns:1fr 1fr}}
@media(min-width:860px){
  .nav .links{display:flex}.hero-l{padding:92px 0 120px}.hero-l .w{grid-template-columns:1.15fr .85fr}
  .actions .pill{flex:none}.phone-wrap{width:310px}.chip.a{left:-64px}.chip.b{right:-44px}
  .facts{max-width:520px}
  .strip .box{grid-template-columns:repeat(4,1fr)}.strip .box div{border-top:0!important;border-left:1px solid var(--line)!important}.strip .box div:first-child{border-left:0!important}
  ol.steps{grid-template-columns:repeat(4,1fr)}.steps li{grid-template-columns:1fr}.steps li::before{grid-row:auto;margin-bottom:12px}
  .bento{grid-template-columns:repeat(6,1fr)}.bento .s4{grid-column:span 4}.bento .s2{grid-column:span 2}.bento .s3{grid-column:span 3}
  .calc{grid-template-columns:1fr 1fr;padding:44px;gap:44px;align-items:center}
  .trust{grid-template-columns:repeat(3,1fr)}.foot .w{grid-template-columns:1fr auto;align-items:center}
}
@media(prefers-reduced-motion:reduce){.chip{animation:none;opacity:1}.pill:hover{transform:none}html{scroll-behavior:auto}}