/* ============ BASE OVERRIDES / SHARED ============ */
.hero h1 span{color:var(--sky)}
.harrow{display:inline-block;vertical-align:-0.16em;margin-left:7px;stroke:currentColor;fill:none}
.harrow-left{margin-left:0;margin-right:7px}
.logo img.mark{width:auto;height:34px;border:0;border-radius:0;transform:none;background:none}
.clutch-badge{display:inline-block;background:#fff;border-radius:8px;padding:5px 9px;line-height:0;text-decoration:none;transform:translateY(4px) rotate(-1.4deg);box-shadow:0 12px 26px rgba(3,10,40,0.4);transition:transform .16s, box-shadow .2s}
.clutch-badge:hover{transform:translateY(2px) rotate(0);box-shadow:0 18px 34px rgba(3,10,40,0.5)}
.clutch-badge img{height:46px;width:auto;display:block}

.logo-marquee{padding:34px 0 38px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 20%,#000 34%,#000 66%,transparent 80%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 20%,#000 34%,#000 66%,transparent 80%,transparent 100%)}
.logo-track{will-change:auto!important}
.logo-marquee .label{margin:0 0 30px;white-space:nowrap}
.marquee.logo-marquee:hover .track{animation-play-state:running}
.logo-track.rev{animation-direction:reverse;margin-top:30px}
.logo-track{gap:0;animation-duration:70s;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.logo-set{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.logo-set{display:flex;align-items:center;gap:48px;flex:none;padding-right:48px}
.logo-set .logo{height:109px;width:198px;object-fit:contain;flex:none;opacity:0.72}
@media (max-width:767px){.logo-set{gap:34px;padding-right:34px}.logo-set .logo{height:81px}}

section{padding:104px 0;position:relative}
section:not(.hero)::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 60px));border-top:1.5px dashed rgba(255,255,255,0.17)}
.ph{display:block;filter:drop-shadow(0 16px 26px rgba(3,10,40,0.42))}

/* ============ HERO (centered) ============ */
.hero{padding:60px 0 0;position:relative;text-align:center;overflow:hidden}
.hero .hand{display:inline-block;margin:0 auto 18px}
.hero h1{font-size:clamp(52px,10.5vw,138px);line-height:0.88;text-transform:uppercase;text-wrap:balance;font-weight:800;letter-spacing:-2px}
.hero h1 .ast{color:var(--peach);font-size:0.5em;vertical-align:super;line-height:0;margin-left:1px}
.hero p.lead{margin:26px auto 0;font-size:19px;color:var(--soft);max-width:660px;line-height:1.6;text-wrap:pretty}
.hero p.lead strong{color:#fff;font-weight:600}

/* promise line (confidence statement, NOT a button) */
.promise{display:inline-flex;align-items:center;gap:10px;background:none;box-shadow:none;transform:none;color:#fff;margin:24px auto 2px;font-family:'Saira',sans-serif;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:0.5px;line-height:1.2}
.promise .pcheck{color:var(--success);font-size:17px;font-weight:700;flex:none}
.promise em{font-style:normal;font-family:'Caveat',cursive;font-weight:700;font-size:24px;text-transform:none;letter-spacing:0;color:var(--success)}

.hero-ctas{display:flex;flex-direction:column;gap:14px;align-items:center;margin-top:26px}
.hero-note{font-family:'Caveat',cursive;font-weight:600;font-size:22px;color:var(--success)}
/* hero email + book a call (button requires a valid email) */
.hero-form{display:flex;align-items:stretch;gap:8px;background:#fff;border-radius:9px;padding:7px;width:min(540px,100%);box-shadow:0 16px 30px rgba(3,10,40,0.4)}
.hero-form input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-family:'Inter',sans-serif;font-size:15.5px;color:var(--ink);padding:0 16px}
.hero-form input::placeholder{color:#8A93AB}
.hero-form button{flex:none;background:var(--bg-deep);color:#fff;font-family:'Saira',sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.6px;border:0;border-radius:5px;padding:14px 26px;cursor:pointer;transition:transform .16s,background .2s;white-space:nowrap}
.hero-form button:hover{transform:translateY(-1px);background:#0A2A6E}
@media (max-width:520px){.hero-form{flex-direction:column;padding:10px;gap:10px}.hero-form input{padding:10px 14px;text-align:center}.hero-form button{padding:14px}}

.trust-row{display:inline-flex;align-items:center;gap:14px;margin-top:24px;flex-wrap:wrap;justify-content:center}
.tr-avatars{display:flex}
.tr-avatars .av{width:38px;height:38px;border-radius:50%;overflow:hidden;border:2px solid #fff;background:#fff;box-shadow:0 6px 14px rgba(3,10,40,0.35);display:block}
.tr-avatars .av+.av{margin-left:-11px}
.tr-avatars .av img{width:100%;height:100%;object-fit:cover;display:block}
.tr-copy{font-size:13px;color:var(--soft);line-height:1.45;text-align:left}
.tr-copy .stars{color:#FFC24B;letter-spacing:2px;font-size:13px;margin-right:6px}
.tr-copy b{color:#fff;font-weight:600}
.tr-copy .rate-short{display:none}
.tr-copy .legal-note{color:var(--faint);font-style:italic}

/* ---- looping task carousel ---- */
.task-carousel{margin-top:60px;position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tc-label{font-family:'Caveat',cursive;font-weight:600;font-size:23px;color:var(--success);margin-bottom:6px;display:inline-flex;align-items:center;gap:8px}
.tc-track{display:flex;gap:26px;width:max-content;padding:22px 13px 34px;animation:tcscroll 92s linear infinite}
@keyframes tcscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tcard{flex:none;width:268px;background:rgba(255,255,255,0.045);border:1.5px solid rgba(255,255,255,0.30);border-radius:12px;overflow:hidden;text-align:left;display:flex;flex-direction:column}
.tcard:nth-child(4n+1){transform:rotate(-1.4deg)}
.tcard:nth-child(4n+2){transform:rotate(1deg) translateY(10px)}
.tcard:nth-child(4n+3){transform:rotate(-0.6deg) translateY(4px)}
.tcard:nth-child(4n+4){transform:rotate(1.5deg) translateY(8px)}
.tcard .tbar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1.5px solid rgba(255,255,255,0.16)}
.tcard .tbar i{width:7px;height:7px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.42);display:block;flex:none}
.tcard .tbar em{font-style:normal;font-family:'Saira',sans-serif;font-weight:700;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);margin-left:6px}
.tcard .tbody{padding:14px 15px 14px;flex:1;display:flex;flex-direction:column}
.tcard .ttext{font-size:13.5px;font-weight:400;line-height:1.45;color:var(--soft)}
.tcard .tfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1.5px dashed rgba(255,255,255,0.18)}
.tcard .done{display:inline-flex;align-items:center;gap:6px;font-family:'Saira',sans-serif;font-weight:700;font-size:9.5px;letter-spacing:0.8px;text-transform:uppercase;color:var(--success)}
.tcard .done span{display:inline-block;color:var(--success);font-size:12px}
.tcard .saved{font-family:'Caveat',cursive;font-weight:600;font-size:18px;color:var(--success);white-space:nowrap}

/* ============ CALCULATOR ============ */
.calc-wrap{display:grid;grid-template-columns:0.95fr 1.05fr;gap:72px;align-items:center}
.calc-copy h2{font-size:clamp(28px,3.6vw,42px);text-transform:uppercase;line-height:1.16;margin-bottom:20px;text-wrap:balance}
.calc-copy h2 em{color:var(--sky)}
.calc-copy p{color:var(--soft);margin-bottom:16px;max-width:460px;line-height:1.7;text-wrap:pretty}
.calc-copy p strong{color:#fff;font-weight:600}
.calc-facts{margin:28px 0 0;display:flex;flex-direction:column;list-style:none;padding:0}
.calc-facts li{display:flex;gap:18px;align-items:baseline;font-size:14.5px;color:var(--soft);padding:13px 0;border-bottom:1.5px dashed rgba(255,255,255,0.28)}
.calc-facts li:first-child{border-top:1.5px dashed rgba(255,255,255,0.28)}
.calc-facts li b{font-family:'Caveat',cursive;font-weight:700;font-size:25px;color:#fff;min-width:108px;white-space:nowrap;flex:none}

.calc{position:relative;border:2.5px solid #fff;border-radius:14px;background:rgba(255,255,255,0.04);padding:38px 38px 32px;filter:drop-shadow(0 22px 34px rgba(3,10,40,0.42));transform:rotate(-0.8deg)}
.calc h3{font-family:'Caveat',cursive;font-weight:700;font-size:29px;color:#fff;margin-bottom:26px}
.cfield{margin-bottom:22px}
.cfield label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:14px;color:var(--soft);margin-bottom:6px}
.cfield label output{font-family:'Caveat',cursive;font-weight:700;font-size:26px;color:#fff;white-space:nowrap}
input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;cursor:pointer}
input[type="range"]::-webkit-slider-runnable-track{height:4px;background:rgba(255,255,255,0.35);border-radius:2px}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--bg-deep);border:3px solid var(--bg-deep);box-shadow:inset 0 0 0 20px #fff,0 8px 16px rgba(3,10,40,0.45);margin-top:-11px}
input[type="range"]::-moz-range-track{height:4px;background:rgba(255,255,255,0.35);border-radius:2px}
input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--bg-deep)}
.cline{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:13px 0;border-bottom:1.5px dashed rgba(255,255,255,0.3)}
.cline span{font-size:14px;color:var(--soft)}
.cline b{font-family:'Caveat',cursive;font-weight:700;font-size:26px;color:#fff;white-space:nowrap}
.ctotal{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.ctotal span{font-family:'Saira',sans-serif;font-weight:700;font-size:13.5px;text-transform:uppercase;color:#fff;line-height:1.4}
.ctotal b{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(28px,3vw,36px);color:var(--success);white-space:nowrap}
.calc .src{display:block;margin-top:20px;font-size:11.5px;color:var(--faint);line-height:1.6}

/* ============ BEFORE / AFTER ============ */
.ba-grid{display:grid;grid-template-columns:1fr 90px 1fr;gap:0;align-items:stretch;max-width:1000px;margin:0 auto}
.ba-card{border-radius:14px;padding:34px 34px 30px;position:relative}
.ba-before{border:2px solid rgba(255,255,255,0.30);background:rgba(255,255,255,0.03);transform:rotate(-1deg)}
.ba-after{border:2.5px solid #fff;background:rgba(255,255,255,0.06);filter:drop-shadow(0 22px 36px rgba(3,10,40,0.42));transform:rotate(1deg)}
.ba-tag{font-family:'Saira',sans-serif;font-weight:800;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;display:inline-block;padding:6px 14px;border-radius:30px;margin-bottom:8px}
.ba-before .ba-tag{color:var(--faint);border:2px solid var(--line-mid)}
.ba-after .ba-tag{color:var(--ink);background:#fff}
.ba-card h3{font-family:'Saira',sans-serif;font-weight:800;font-size:22px;text-transform:uppercase;color:#fff;margin:4px 0 22px;line-height:1.15}
.ba-after h3{color:#fff}
.ba-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}
.ba-card li{display:flex;gap:13px;align-items:flex-start;font-size:14.5px;line-height:1.5}
.ba-before li{color:var(--soft)}
.ba-after li{color:#fff}
.ba-ico{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;margin-top:1px}
.ba-before .ba-ico{border:2px solid var(--line-mid);color:var(--faint)}
.ba-after .ba-ico{background:var(--success);color:#0A35A0}
.ba-mid{display:flex;align-items:center;justify-content:center;position:relative;z-index:3}
.ba-mid svg{width:88px;display:block}
.ba-mid .lbl{position:absolute;top:-30px;left:50%;transform:translateX(-50%) rotate(-4deg);font-family:'Caveat',cursive;font-weight:700;font-size:22px;color:var(--success);white-space:nowrap}
.ba-foot{text-align:center;margin-top:46px;font-family:'Caveat',cursive;font-weight:600;font-size:24px;color:var(--success)}

/* ============ GUARANTEE ============ */
.contract{max-width:760px;margin:0 auto;position:relative;border:2.5px solid #fff;border-radius:14px;background:rgba(255,255,255,0.04);padding:56px 56px 48px;text-align:center;filter:drop-shadow(0 22px 36px rgba(3,10,40,0.4));transform:rotate(-0.6deg)}
.contract .stamp{position:absolute;top:-20px;left:50%;transform:translateX(-50%) rotate(-3deg);font-family:'Caveat',cursive;font-weight:700;font-size:23px;background:var(--peach);color:#5A2E00;padding:4px 20px;border-radius:5px;box-shadow:0 8px 16px rgba(3,10,40,0.3)}
.contract b.t{display:block;font-family:'Saira',sans-serif;font-weight:800;font-size:clamp(26px,3.4vw,42px);text-transform:uppercase;margin-bottom:18px;color:#fff;line-height:1.05}
.contract>p{font-size:16px;color:var(--soft);max-width:580px;margin:0 auto 8px;line-height:1.7;text-wrap:pretty}
.contract>p strong{color:#fff;font-weight:600}
.contract .points{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:32px 0}
.contract .pledge{display:flex;align-items:center;gap:11px;font-family:'Saira',sans-serif;font-weight:700;font-size:15.5px;text-transform:uppercase;letter-spacing:.4px;border-radius:12px;padding:13px 20px;box-shadow:0 14px 28px rgba(3,10,40,0.42)}
.contract .pledge i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:15px;font-style:normal;flex:none}
.contract .pledge em{font-style:normal;font-family:'Caveat',cursive;font-weight:700;font-size:25px;text-transform:none;line-height:1;margin-left:auto;text-align:right}
.contract .pledge .lbl{white-space:nowrap}
.contract .pledge.hit{background:#fff;color:var(--ink);transform:rotate(1.4deg)}
.contract .pledge.hit i{background:#1C7C3F;color:#fff}
.contract .pledge.hit em{color:#1C7C3F}
.contract .pledge.miss{background:var(--sky);color:#0B2A3A;transform:rotate(-1.6deg)}
.contract .pledge.miss i{background:#0B2A3A;color:var(--sky)}
.contract .pledge.miss em{color:#0B2A3A}
.contract .why-afford{font-family:'Caveat',cursive;font-weight:600;font-size:23px;color:var(--success);margin:6px auto 28px;max-width:560px}
.contract .sign{font-family:'Caveat',cursive;font-weight:700;font-size:30px;color:#fff;display:inline-block}
.contract .sign-row{margin:14px 0 28px}

/* ============ WIN COLLAGE ============ */
.win-collage{display:grid;grid-template-columns:repeat(4,1fr);gap:46px 26px}
.win{position:relative}
.win:nth-child(1){transform:rotate(-1.2deg)}
.win:nth-child(2){transform:rotate(1deg) translateY(12px)}
.win:nth-child(3){transform:rotate(-0.8deg) translateY(4px)}
.win:nth-child(4){transform:rotate(1.2deg) translateY(14px)}
.win:nth-child(5){transform:rotate(1deg)}
.win:nth-child(6){transform:rotate(-1deg) translateY(12px)}
.win:nth-child(7){transform:rotate(0.8deg) translateY(4px)}
.win:nth-child(8){transform:rotate(-1.2deg) translateY(14px)}
.win .frame{border:2.5px solid #fff;border-radius:12px;background:rgba(255,255,255,0.04);filter:drop-shadow(0 18px 26px rgba(3,10,40,0.4));overflow:hidden}
.win .bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:2px solid rgba(255,255,255,0.55)}
.win .bar i{width:9px;height:9px;border-radius:50%;border:2px solid #fff;display:block}
.win .bar em{font-family:'Inter',sans-serif;font-style:normal;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--faint);margin-left:6px}
.win .draw{padding:18px;display:block;width:100%;height:152px}
.win h4{font-family:'Saira',sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;color:#fff;margin:18px 2px 6px;line-height:1.3}
.win p{font-size:13.5px;color:var(--soft);margin:0 2px}
.win .note{font-family:'Caveat',cursive;font-weight:600;font-size:20px;color:var(--success);display:inline-block;margin:8px 2px 0}

/* ============ KLARNA ============ */
.klarna2{display:grid;grid-template-columns:0.92fr 1.08fr;gap:54px;align-items:center}
.kwin{position:relative;transform:rotate(-1.5deg)}
.kwin .scr{position:absolute;top:-32px;right:34%;font-family:'Caveat',cursive;font-weight:600;font-size:21px;color:var(--success);z-index:3}
.kframe{border:2.5px solid #fff;border-radius:12px;background:rgba(255,255,255,0.04);filter:drop-shadow(0 18px 28px rgba(3,10,40,0.4));overflow:hidden}
.khead{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:2px solid rgba(255,255,255,0.55)}
.khead em{font-style:normal;font-family:'Inter',sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--faint)}
.kchip{font-family:'Saira',sans-serif;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--success);border:2px solid var(--success);border-radius:20px;padding:3px 11px}
.kqueue{padding:16px;display:flex;flex-direction:column;gap:13px}
.krow{display:flex;align-items:center;gap:13px}
.kdot{width:30px;height:30px;border:2px solid rgba(255,255,255,0.55);border-radius:50%;flex:none}
.kbars{flex:1;display:flex;flex-direction:column;gap:6px}
.kbars i{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,0.22)}
.kbars i:last-child{width:62%}
.ktag{font-family:'Saira',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;padding:4px 11px;border-radius:20px;border:2px solid;flex:none}
.ktag.ai{color:var(--success);border-color:var(--success)}
.ktag.you{color:var(--faint);border-color:var(--line-mid)}
.kstats{display:grid;grid-template-columns:1fr 1fr;gap:32px 28px}
.kstat .num{font-family:'Saira',sans-serif;font-weight:800;font-size:clamp(30px,3.3vw,44px);color:#fff;line-height:1}
.kstat p{font-size:13.5px;color:var(--soft);margin-top:8px;max-width:210px}
.kstat .note{font-family:'Caveat',cursive;font-weight:600;font-size:19px;color:var(--success);display:block;margin-top:8px}
.klarna-foot{margin-top:34px;font-size:12px;color:var(--faint)}

/* ============ PROCESS ============ */
.flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}
.fstep{width:288px;max-width:100%;border:2.5px solid #fff;border-radius:14px;background:rgba(255,255,255,0.04);padding:30px 28px;filter:drop-shadow(0 16px 26px rgba(3,10,40,0.36))}
.fstep:nth-child(1){transform:rotate(-1.5deg)}
.fstep:nth-child(3){transform:rotate(1.5deg) translateY(26px)}
.fstep:nth-child(5){transform:rotate(-1deg)}
.fstep .tag{font-family:'Caveat',cursive;font-weight:700;font-size:22px;color:var(--success);display:block;margin-bottom:8px}
.fstep h3{font-size:19px;text-transform:uppercase;color:#fff;margin-bottom:10px}
.fstep p{font-size:13.5px;color:var(--soft)}
.fstep .yt{margin-top:14px;padding-top:12px;border-top:1.5px dashed rgba(255,255,255,0.22);font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--faint)}
.fstep .yt b{display:block;font-family:'Caveat',cursive;font-weight:700;font-size:23px;letter-spacing:0;text-transform:none;color:#fff;margin-top:0}
.farrow{width:64px;flex:none;margin:0 6px;z-index:2}
.farrow svg{width:100%;display:block}

/* ============ TESTIMONIALS ============ */
.testi-feat{display:grid;grid-template-columns:330px 1fr;gap:40px;align-items:center;margin-bottom:64px}
.testi-feat .facewrap{position:relative}
.testi-feat .facewrap img{width:100%;transform:rotate(-3deg)}
.testi-feat .qlabel{position:absolute;top:-18px;right:-10px;font-family:'Caveat',cursive;font-weight:700;font-size:80px;color:rgba(255,255,255,0.5);line-height:1}
.testi-feat .stars{color:#FFC24B;letter-spacing:4px;font-size:18px;margin-bottom:16px}
.testi-feat blockquote{font-family:'Inter',sans-serif;font-weight:400;font-size:19px;line-height:1.6;color:var(--soft);text-wrap:pretty}
.who-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:20px}
.testi-feat .who{margin-top:20px;font-family:'Caveat',cursive;font-weight:700;font-size:22px;color:#fff}
.testi-feat .who span{font-family:'Caveat',cursive;font-weight:600;font-size:22px;color:var(--success);text-transform:none;margin-left:12px}
.faces{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:44px 36px;margin-top:24px}
.face{width:100%;max-width:300px;position:relative}
.face img.ph{width:152px;height:auto;border-radius:0;object-fit:contain;margin:0 auto}
.face:nth-child(1){transform:rotate(-3deg)}
.face:nth-child(2){transform:rotate(2deg) translateY(14px)}
.face:nth-child(3){transform:rotate(-1.5deg) translateY(6px)}
.face:nth-child(4){transform:rotate(3deg) translateY(16px)}
.face:nth-child(5){transform:rotate(-2deg) translateY(8px)}
.face:nth-child(6){transform:rotate(1.5deg) translateY(16px)}
.face p{font-family:'Inter',sans-serif;font-size:14px;line-height:1.5;color:var(--soft);text-align:center;margin:16px 4px 8px}
.face .who{display:block;text-align:center;font-family:'Caveat',cursive;font-weight:700;font-size:21px;color:#fff}

/* ============ TEAM ============ */
.team-row{display:grid;grid-template-columns:repeat(6,1fr);gap:30px 18px;justify-items:center}
.member{width:100%;max-width:160px;text-align:center}
.member:nth-child(6n+1){transform:rotate(-3deg)}
.member:nth-child(6n+2){transform:rotate(2deg) translateY(14px)}
.member:nth-child(6n+3){transform:rotate(-1.5deg) translateY(5px)}
.member:nth-child(6n+4){transform:rotate(2.5deg) translateY(16px)}
.member:nth-child(6n+5){transform:rotate(-2deg) translateY(4px)}
.member:nth-child(6n){transform:rotate(1.5deg) translateY(12px)}
.member img{width:100%;max-width:138px;aspect-ratio:1;height:auto;object-fit:cover;object-position:top;display:block;margin:0 auto}
.member b{display:block;font-family:'Saira',sans-serif;font-size:17px;text-transform:uppercase;color:#fff;margin-top:14px}
.member span{font-family:'Caveat',cursive;font-weight:700;font-size:20px;color:var(--success)}

/* ============ FAQ ============ */
.faq{max-width:720px;margin:0 auto}
.faq details{border:2.5px solid rgba(255,255,255,0.35);border-radius:14px;background:rgba(255,255,255,0.04);margin-bottom:14px;overflow:hidden;transition:border-color .2s,background .2s}
.faq details:hover{border-color:rgba(255,255,255,0.65)}
.faq details[open]{border-color:#fff;background:rgba(255,255,255,0.07)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:20px 26px;font-family:'Saira',sans-serif;font-weight:700;font-size:16.5px;color:#fff;line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary .fx{font-family:'Caveat',cursive;font-weight:700;font-size:30px;color:var(--success);line-height:1;flex:none;transition:transform .2s}
.faq details[open] summary .fx{transform:rotate(45deg)}
.faq .fa{padding:0 26px 22px;font-size:15px;line-height:1.7;color:var(--soft);max-width:640px;text-wrap:pretty}
.faq .fa strong{color:#fff;font-weight:600}

/* ============ CTA ============ */
.cta{text-align:center;position:relative}
.cta .hand{display:block;margin-bottom:10px}
.cta h2{font-size:clamp(34px,5vw,60px);text-transform:uppercase;line-height:1.06;font-weight:800;letter-spacing:-1px}
.cta h2 em{color:var(--sky)}
.cta p{margin:22px auto 36px;color:var(--soft);max-width:540px;font-size:17px;line-height:1.7}
.cta .channels{margin-top:28px;font-size:14px;color:var(--soft)}
.cta .channels a{color:var(--success);text-decoration:none}
.cta .channels a:hover{text-decoration:underline}

/* ============ RESPONSIVE ============ */
@media (max-width:1024px){
  section{padding:82px 0}
  .hero{padding:46px 0 0}
  .calc-wrap{grid-template-columns:1fr;gap:56px}
  .win-collage{grid-template-columns:repeat(2,1fr);gap:46px 36px}
  .testi-feat{grid-template-columns:1fr;gap:30px;text-align:center}
  .who-row{justify-content:center}
  .testi-feat .facewrap{max-width:240px;margin:0 auto}
  .faces{grid-template-columns:repeat(2,1fr);gap:30px 24px}
  .farrow{display:none}
  .flow{gap:30px}
  .fstep:nth-child(3){transform:rotate(1.5deg)}
  .klarna2{grid-template-columns:1fr;gap:44px}
  .kwin{max-width:440px;margin:0 auto}
  .team-row{grid-template-columns:repeat(3,1fr)}
  .ba-grid{grid-template-columns:1fr;gap:46px;max-width:480px}
  .ba-mid{transform:rotate(90deg);height:60px}
  .ba-mid .lbl{top:50%;left:120%;transform:translateY(-50%) rotate(-90deg)}
}
@media (max-width:767px){
  section{padding:62px 0}
  .hero{padding:72px 0 0}
  .hero p.lead{font-size:16.5px}
  .hand{font-size:21px}
  .ba-foot{font-size:16px}
  .hero-note{font-size:19px}
  .tc-label{font-size:19px}
  .contract .why-afford{font-size:18px}
  .kwin .scr{font-size:18px}
  .tcard{width:250px}
  .tc-track{gap:20px;animation-duration:64s}
  .faces{grid-template-columns:repeat(2,1fr);gap:26px 16px}
  .face p{font-size:13px}
  .face img.ph{width:min(120px,70%)}
  .win-collage{grid-template-columns:1fr;gap:40px}
  .win:nth-child(n){transform:rotate(-1deg)}
  .contract{padding:44px 24px}
  .contract .pledge{font-size:13.5px;padding:12px 16px;max-width:100%;width:100%}
  .calc{padding:28px 22px 24px;transform:none}
  .kstats{grid-template-columns:1fr 1fr;gap:30px 18px;max-width:440px;margin:0 auto;text-align:center}
  .kstat p{max-width:240px;margin:8px auto 0}
  .fstep{width:100%;max-width:420px}
  .fstep:nth-child(n){transform:none}
  .testi-feat blockquote{font-size:16.5px}
  .promise{transform:none}
  .logo-marquee{-webkit-mask-image:none;mask-image:none}
  .trust-row{display:flex;flex-wrap:wrap;gap:10px;width:auto;max-width:100%;margin-left:auto;margin-right:auto;justify-content:center}
  .tr-avatars .av{width:30px;height:30px}
  .tr-avatars .av+.av{margin-left:-10px}
  .tr-copy{white-space:normal;font-size:16px;line-height:1.4;text-align:center}
  .tr-copy .rate-full{display:none}
  .tr-copy .rate-short{display:inline}
  .tr-copy .legal-note .kind-word{display:none}
  .tr-copy .stars{letter-spacing:1.5px;margin-right:5px}
}
@media (max-width:520px){
  .team-row{grid-template-columns:repeat(2,1fr)}
  .faq summary{padding:16px 18px;font-size:15px}
  .faq .fa{padding:0 18px 18px}
  .calc{padding:24px 18px 22px}
  .ba-card{padding:28px 22px 24px}
  .contract{padding:40px 20px 36px}
  .kstat .num{font-size:clamp(28px,11vw,40px)}
}
/* mobile headline: as large as possible while always staying exactly 2 lines */
@media (max-width:600px){
  .hero h1{font-size:calc((100vw - 28px) / 7.2);white-space:nowrap}
}