/*
Theme Name: CODPAY
Theme URI: https://codpay.net
Author: CODPAY
Description: Block theme for CODPAY, fulfillment and cash on delivery across Africa. Every section is built from native WordPress blocks and is editable in the block editor.
Version: 1.0.21
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: codpay
Tags: block-theme, full-site-editing, business, one-column
*/
/* ===== CODPAY theme: tokens ===== */
:root{--bg:#fff;--ink:#0B0B0B;--mut:#4b544f;--line:#e1ebe5;--sun:#16C784;--paid:#0a8f5b;--deep:#0B0B0B;--serif:"Plus Jakarta Sans","Inter",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.6 "Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit}
a:focus-visible,.wp-block-button__link:focus-visible{outline:3px solid var(--paid);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--serif);line-height:1.05;margin:0;letter-spacing:-.03em;text-wrap:balance}
p{margin:0}
.wp-site-blocks{padding:0!important}
.wp-site-blocks>*{margin-block:0!important}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px;width:100%}
.sec{padding:88px 0}
.sec h2,.cta2 h2{font-size:clamp(34px,5vw,56px);font-weight:800;max-width:15em}
.sub{color:var(--mut);max-width:38em;margin:16px 0 0;font-size:18px}
.cen{text-align:center}
.cen h2,.cen .sub{margin-left:auto;margin-right:auto}

/* ===== buttons ===== */
.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:0}
.wp-block-button{margin:0}
.wp-block-button .wp-block-button__link{display:inline-block;width:auto;background:var(--sun);color:var(--ink);font:700 16px/1.25 "Inter",system-ui,sans-serif;padding:13px 24px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;transition:background .25s,color .25s,transform .25s}
.wp-block-button .wp-block-button__link:hover{transform:translateY(-2px)}
.b-lg .wp-block-button__link{padding:16px 28px;font-size:17px;box-shadow:0 14px 34px -10px rgba(22,199,132,.7)}
.b-dark .wp-block-button__link{background:#0B0B0B;color:#fff;padding:16px 30px;font-size:17px}
.b-outline .wp-block-button__link{background:rgba(255,255,255,.16);color:#0B0B0B;border:2px solid #0B0B0B;padding:14px 28px;font-size:17px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.b-outline .wp-block-button__link:hover{background:#0B0B0B;color:#fff}
.b-white .wp-block-button__link{background:#fff;color:#0B0B0B}
.b-full{width:100%}.b-full .wp-block-button__link{width:100%;text-align:center}
.b-play .wp-block-button__link{background:transparent;color:#fff;display:inline-flex;align-items:center;gap:10px;padding:8px 6px}
.b-play .wp-block-button__link::before{content:"";width:34px;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15.5' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M14 11l9 6-9 6z' fill='%2316C784'/%3E%3C/svg%3E") center/contain no-repeat}
.b-play .wp-block-button__link:hover{color:#7ff0bf}

/* ===== header ===== */
.wp-site-blocks>header{position:sticky;top:0;z-index:50}
body.admin-bar .wp-site-blocks>header{top:32px}
.nav{background:linear-gradient(90deg,#fff 0%,#f1fcf7 45%,#d9f5e7 100%);border-bottom:1px solid rgba(22,199,132,.28)}
.nav-row{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.nav .logo{margin:0;flex:none}.nav .logo img{height:40px;width:auto;display:block}
.nav-menu{font-weight:500;gap:26px;font-size:15px;flex:1 1 auto;justify-content:center}.nav-menu,.nav-menu .wp-block-navigation__container,.nav-menu.wp-block-navigation{flex-wrap:nowrap!important}.nav-menu .wp-block-navigation__container{gap:22px!important}
.nav-menu a{text-decoration:none;color:var(--mut);white-space:nowrap}.nav-menu a:hover{color:var(--ink)}
.nav-r{display:flex;align-items:center;gap:22px;flex:none}
.login a{font-weight:700;text-decoration:none;white-space:nowrap}
.nav-cta .wp-block-button__link{white-space:nowrap}
@media(min-width:600px) and (max-width:1100px){
 .nav-menu .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}
 .nav-menu .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
}
@media(max-width:520px){.nav .logo img{height:30px}.nav-cta .wp-block-button__link{padding:10px 16px;font-size:14px}.nav-row{gap:10px}.login{display:none}}
@media(max-width:360px){.nav .logo img{height:26px}.nav-cta .wp-block-button__link{padding:9px 12px;font-size:13px;white-space:nowrap}}

/* ===== hero ===== */
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(700px 480px at 85% 20%,rgba(22,199,132,.34),transparent 65%),radial-gradient(520px 380px at 0% 105%,rgba(22,199,132,.22),transparent 70%),linear-gradient(135deg,#0B0B0B 0%,#07261b 55%,#0b3f2e 100%);padding:84px 0 150px;min-height:min(860px,calc(100vh - 66px));display:flex;align-items:center}
.hero::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:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse at 70% 40%,#000 15%,transparent 72%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:170px;background:linear-gradient(180deg,rgba(238,251,245,0) 0%,rgba(238,251,245,.35) 45%,#eefbf5 100%);pointer-events:none}
.hero>.wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero>.wrap::before{content:"";position:absolute;right:-18%;top:50%;width:min(860px,64vw);aspect-ratio:1;translate:0 -50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Ccircle cx='400' cy='400' r='120' fill='rgb%2822%2C199%2C132%29' fill-opacity='.1'/%3E%3Ccircle cx='400' cy='400' r='210' fill='none' stroke='%23fff' stroke-opacity='.1'/%3E%3Ccircle cx='400' cy='400' r='300' fill='none' stroke='%23fff' stroke-opacity='.08'/%3E%3Ccircle cx='400' cy='400' r='390' fill='none' stroke='%23fff' stroke-opacity='.05'/%3E%3Ccircle cx='400' cy='190' r='20' fill='%2316C784' fill-opacity='.2'/%3E%3Ccircle cx='400' cy='190' r='9' fill='%2316C784'/%3E%3Ccircle cx='700' cy='400' r='16' fill='%237ff0bf' fill-opacity='.2'/%3E%3Ccircle cx='700' cy='400' r='7' fill='%237ff0bf'/%3E%3Ccircle cx='190' cy='400' r='6' fill='%2316C784'/%3E%3C/svg%3E") center/contain no-repeat;animation:orbs 70s linear infinite;pointer-events:none;z-index:-1}
@keyframes orbs{to{rotate:360deg}}
.eyb{display:flex;align-items:center;gap:10px;margin:0 0 26px;font:700 13px "Inter",sans-serif;letter-spacing:.2em;color:#7ff0bf}
.eyb::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:#16C784;box-shadow:0 0 0 5px rgba(22,199,132,.22)}
.hero-h1{color:#fff;font-size:clamp(32px,4.2vw,58px);font-weight:800;line-height:1.02;letter-spacing:-.02em}
.hero-h1 em{font-style:normal;background:linear-gradient(90deg,#16C784,#7ff0bf);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline;padding-bottom:.08em}
.hero .lead{font-size:20px;color:#b4c4bb;max-width:30em;margin:24px 0 32px}
.trust{margin:44px 0 0;font-size:15px;color:#9fb2a8}
.trust::before{content:"";display:inline-block;width:34px;height:1px;background:#16C784;vertical-align:middle;margin-right:14px}
.trust strong{color:#fff}
.day{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(22,199,132,.08);border-radius:28px;padding:30px 28px;color:#fff}
.live{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.08em;color:#a8b3ad;margin-bottom:18px}
.live::before{content:"";width:10px;height:10px;border-radius:50%;background:#16C784;box-shadow:0 0 0 5px rgba(22,199,132,.2)}
.cstep{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 16px}
.cstep::before{content:"";flex:none;width:44px;height:44px;background:center/contain no-repeat}
.cstep.s0::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' rx='12' fill='%2316C784' fill-opacity='0.15'/%3E%3Cg transform='translate%2811.0 11.0%29 scale%280.9166666666666666%29' fill='none' stroke='%2316C784' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M22 12h-6l-2 3h-4l-2-3H2%22/%3E%3Cpath d=%22M5.5 5h13L22 12v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-6z%22/%3E%3C/g%3E%3C/svg%3E")}.cstep.s1::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' rx='12' fill='%2316C784' fill-opacity='0.15'/%3E%3Cg transform='translate%2811.0 11.0%29 scale%280.9166666666666666%29' fill='none' stroke='%2316C784' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M4 14v-2a8 8 0 0 1 16 0v2%22/%3E%3Cpath d=%22M4 14h3v5H4zM17 14h3v5h-3z%22/%3E%3C/g%3E%3C/svg%3E")}.cstep.s2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' rx='12' fill='%2316C784' fill-opacity='0.15'/%3E%3Cg transform='translate%2811.0 11.0%29 scale%280.9166666666666666%29' fill='none' stroke='%2316C784' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M21 8l-9-5-9 5v8l9 5 9-5z%22/%3E%3Cpath d=%22M3 8l9 5 9-5M12 13v8%22/%3E%3C/g%3E%3C/svg%3E")}.cstep.s3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' rx='12' fill='%2316C784' fill-opacity='0.15'/%3E%3Cg transform='translate%2811.0 11.0%29 scale%280.9166666666666666%29' fill='none' stroke='%2316C784' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M2 6h11v10H2z%22/%3E%3Cpath d=%22M13 10h4l4 3v3h-8z%22/%3E%3Ccircle cx=%226%22 cy=%2218%22 r=%222%22/%3E%3Ccircle cx=%2217%22 cy=%2218%22 r=%222%22/%3E%3C/g%3E%3C/svg%3E")}.cstep.s4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' rx='12' fill='%2316C784' fill-opacity='0.15'/%3E%3Cg transform='translate%2811.0 11.0%29 scale%280.9166666666666666%29' fill='none' stroke='%2316C784' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22m8 12 3 3 5-6%22/%3E%3C/g%3E%3C/svg%3E")}.cstep.s5::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' rx='12' fill='%2316C784' fill-opacity='0.15'/%3E%3Cg transform='translate%2811.0 11.0%29 scale%280.9166666666666666%29' fill='none' stroke='%2316C784' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%222%22 y=%226%22 width=%2220%22 height=%2212%22 rx=%222%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.5%22/%3E%3C/g%3E%3C/svg%3E")}
.hx-lab{font-size:12px;letter-spacing:.06em;color:#a8b3ad}
.hx-tit{font:700 19px/1.2 var(--serif);transition:opacity .25s}
.cstep .ok{margin-left:auto;color:#16C784;font-weight:800}
.seg{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:22px}
.seg>p{font-size:12px;line-height:1.3;color:#7d8983;border-top:3px solid rgba(255,255,255,.14);padding-top:8px;transition:color .4s,border-color .4s}
.seg>p.on{color:#e8f1ec;border-color:#16C784}
.mkts{position:relative;margin-top:20px;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 16px}
.mkts::after{content:"";position:absolute;right:16px;top:50%;width:90px;height:60px;translate:0 -50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60'%3E%3Cpath d='M8 30L40 10M8 30L50 50M40 10L75 22M50 50L75 22' stroke='%2316C784' stroke-opacity='.55' fill='none'/%3E%3Cg fill='%2316C784'%3E%3Ccircle cx='8' cy='30' r='3.5'/%3E%3Ccircle cx='40' cy='10' r='3'/%3E%3Ccircle cx='50' cy='50' r='3'/%3E%3Ccircle cx='75' cy='22' r='3.5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;opacity:.9}
.mk-s{font-size:12px;letter-spacing:.06em;color:#a8b3ad;margin-bottom:4px}
.mk-b{font-size:16px;font-weight:700;color:#fff}

/* ===== tagline band ===== */
.tgb{background:linear-gradient(180deg,#eefbf5 0%,#fff 100%);padding:8px 0 40px}
.tgw{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:18px}
.tgw::before,.tgw::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,rgba(22,199,132,.7));transform-origin:right;transition:transform 1s cubic-bezier(.2,.8,.2,1) .2s}
.tgw::after{background:linear-gradient(270deg,transparent,rgba(22,199,132,.7));transform-origin:left}
.a1,.a2{font:800 clamp(28px,4.4vw,56px)/1.05 var(--serif);letter-spacing:-.02em;white-space:nowrap;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.a1{color:#0B0B0B;display:flex;align-items:center;gap:18px}
.a1::after{content:"";flex:none;width:46px;height:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='30' fill='%2316C784' fill-opacity='.18'/%3E%3Ccircle cx='30' cy='30' r='23' fill='%230B0B0B'/%3E%3Cpath d='M32 17l-9 14h6l-1 10 9-14h-6z' fill='%2316C784'/%3E%3C/svg%3E") center/contain no-repeat;margin-left:0}
.a2{background:linear-gradient(90deg,#0a8f5b,#16C784 60%,#4fe0a6);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.08em;transition-delay:.45s}
.js .tgb:not(.in) .a1,.js .tgb:not(.in) .a2{opacity:0;transform:translateY(16px)}
.js .tgb:not(.in) .tgw::before,.js .tgb:not(.in) .tgw::after{transform:scaleX(0)}
@media(max-width:700px){.tgw{flex-wrap:wrap;gap:6px 12px;padding:0 16px}.tgw::before,.tgw::after{display:none}.a1,.a2{white-space:normal}.a1::after{width:36px;height:36px}}

/* ===== countries ===== */
.sec-countries{background:linear-gradient(180deg,#fff 0%,#eefbf5 40%,#e1f7ec 100%)}
.mkgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.mkl h2{font-size:clamp(34px,4.4vw,56px)}
.lg2{display:flex;gap:22px;margin-top:26px;font-size:15px;color:var(--mut)}
.lg2 p{display:flex;align-items:center;gap:9px}
.lg2 p::before{content:"";width:14px;height:14px;border-radius:50%}
.lg-live::before{background:#16C784;box-shadow:0 0 0 4px rgba(22,199,132,.25)}
.lg-soon::before{border:2px dashed #16C784}
.mk-cta{margin-top:26px}
.mpw{position:relative;border-radius:32px;background:radial-gradient(520px 420px at 70% 50%,#e1f6ec,#f6fcf9 70%);padding:26px 22px;border:1px solid #d8efe4}
.mpin{position:relative;max-width:720px;margin:0 auto}
.afs{margin:0}.afs img{display:block;width:100%;height:auto}
.pin{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #fff;background:#fff center/cover no-repeat;box-shadow:0 10px 20px -6px rgba(11,11,11,.55);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.pin::before,.pin::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #16C784;animation:rip 3.2s ease-out infinite;pointer-events:none}
.pin::after{animation-delay:1.6s}
.pin:hover{transform:translate(-50%,-50%) scale(1.2)}
.pin.soon{outline:2px dashed #16C784;outline-offset:3px;opacity:.95}
.pin.soon::before,.pin.soon::after{display:none}
.pin-ke{left:76.78%;top:53.11%;--i:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='30' height='20' fill='%23fff'/%3E%3Crect width='30' height='5.5' fill='%23111'/%3E%3Crect y='7' width='30' height='6' fill='%23c8102e'/%3E%3Crect y='14.5' width='30' height='5.5' fill='%23007a3d'/%3E%3Cellipse cx='15' cy='10' rx='3' ry='5.5' fill='%23c8102e' stroke='%23111' stroke-width='1'/%3E%3C/svg%3E")}
.pin-ug{left:71.05%;top:51.12%;--i:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='30' height='20' fill='%23111'/%3E%3Crect y='3.33' width='30' height='3.33' fill='%23fcdc04'/%3E%3Crect y='6.66' width='30' height='3.34' fill='%23d90000'/%3E%3Crect y='10' width='30' height='3.33' fill='%23111'/%3E%3Crect y='13.33' width='30' height='3.33' fill='%23fcdc04'/%3E%3Crect y='16.66' width='30' height='3.34' fill='%23d90000'/%3E%3Ccircle cx='15' cy='10' r='3.6' fill='%23fff'/%3E%3C/svg%3E")}
.pin-tz{left:80.11%;top:59.81%;--i:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='30' height='20' fill='%231eb53a'/%3E%3Cpolygon points='0%2C20 30%2C20 30%2C0' fill='%2300a3dd'/%3E%3Cpolygon points='0%2C20 3.5%2C20 30%2C0 26.5%2C0' fill='%23fcd116'/%3E%3Cpolygon points='0%2C20 2%2C20 30%2C0 28%2C0' fill='none'/%3E%3Cpolygon points='1.8%2C20 30%2C1.8 30%2C0 28.3%2C0 0%2C18.2 0%2C20' fill='%23111'/%3E%3C/svg%3E")}
.pin-zm{left:65.3%;top:70.47%;--i:3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='30' height='20' fill='%23198a00'/%3E%3Crect x='21' y='8' width='3' height='12' fill='%23de2010'/%3E%3Crect x='24' y='8' width='3' height='12' fill='%23111'/%3E%3Crect x='27' y='8' width='3' height='12' fill='%23ef7d00'/%3E%3C/svg%3E")}
.pin-gh{left:26.77%;top:44.73%;--i:4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='30' height='6.67' fill='%23ce1126'/%3E%3Crect y='6.67' width='30' height='6.66' fill='%23fcd116'/%3E%3Crect y='13.33' width='30' height='6.67' fill='%23006b3f'/%3E%3Cpolygon points='15%2C6.6 16.2%2C9.4 19.2%2C9.5 16.8%2C11.3 17.7%2C14.2 15%2C12.5 12.3%2C14.2 13.2%2C11.3 10.8%2C9.5 13.8%2C9.4' fill='%23111'/%3E%3C/svg%3E")}
.pin-za{left:65.12%;top:83.94%;--i:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='30' height='10' fill='%23DE3831'/%3E%3Crect y='10' width='30' height='10' fill='%23002395'/%3E%3Cpath d='M0 0L10.5 10H30M0 20L10.5 10' fill='none' stroke='%23fff' stroke-width='5'/%3E%3Cpath d='M0 0L10.5 10H30M0 20L10.5 10' fill='none' stroke='%23007A4D' stroke-width='3'/%3E%3Cpath d='M0 2.8L7.6 10L0 17.2Z' fill='%23000' stroke='%23FFB612' stroke-width='1.4'/%3E%3C/svg%3E")}
.lb{position:absolute;top:50%;translate:0 -50%;white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-weight:700;font-size:14px;box-shadow:0 10px 20px -12px rgba(11,11,11,.5);z-index:2;transition:background .35s,color .35s}
.lb.r{left:calc(100% + 8px)}.lb.l{right:calc(100% + 8px)}
.pin:hover .lb{background:#0B0B0B;color:#fff;border-color:#0B0B0B}
.pin.soon .lb{color:var(--mut);font-weight:500}
.pin-ke .lb{margin-top:-8px}.pin-ug .lb{margin-top:-4px}.pin-tz .lb{margin-top:6px}.pin-zm .lb{margin-top:4px}.pin-gh .lb,.pin-za .lb{margin-top:-2px}
@keyframes rip{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.4);opacity:0}}
@keyframes ripm{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.4);opacity:0}}
@keyframes fadep{from{opacity:0}}
.js .mpw:not(.in) .afs,.js .mpw:not(.in) .pin{opacity:0}
.mpw.in .afs{animation:fadep 1s ease backwards}
.mpw.in .pin{animation:fadep .7s ease backwards;animation-delay:calc(var(--i,0)*170ms + 650ms)}
.net{margin-top:18px;background:radial-gradient(520px 260px at 100% 0%,rgba(22,199,132,.28),transparent 65%),#0B0B0B;color:#fff;border-radius:28px;padding:36px 38px;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.net h3{font-size:clamp(24px,3vw,32px);max-width:16em;color:#fff}
.net .nt p{margin:12px 0 0;color:#c3cdc7;max-width:34em;font-size:16px}
.nv{position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 4px}
.nv::before{content:"";position:absolute;left:30px;right:30px;top:50%;border-top:2px dashed rgba(22,199,132,.5);translate:0 -14px}
.nv::after{content:"";position:absolute;left:30px;top:50%;width:12px;height:12px;margin-top:-20px;border-radius:50%;background:#16C784;box-shadow:0 0 14px #16C784;animation:travel 4.2s ease-in-out infinite}
@keyframes travel{0%{left:30px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 42px);opacity:0}}
.nd{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;font-weight:700;font-size:14px;color:#c3cdc7}
.nd::before{content:"";width:58px;height:58px;border-radius:50%;border:3px solid #0B0B0B;box-shadow:0 0 0 2px rgba(22,199,132,.6);background:#fff center/cover no-repeat}
.nd-ke::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='30' height='20' fill='%23fff'/%3E%3Crect width='30' height='5.5' fill='%23111'/%3E%3Crect y='7' width='30' height='6' fill='%23c8102e'/%3E%3Crect y='14.5' width='30' height='5.5' fill='%23007a3d'/%3E%3Cellipse cx='15' cy='10' rx='3' ry='5.5' fill='%23c8102e' stroke='%23111' stroke-width='1'/%3E%3C/svg%3E")}
.nd-ug::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='30' height='20' fill='%23111'/%3E%3Crect y='3.33' width='30' height='3.33' fill='%23fcdc04'/%3E%3Crect y='6.66' width='30' height='3.34' fill='%23d90000'/%3E%3Crect y='10' width='30' height='3.33' fill='%23111'/%3E%3Crect y='13.33' width='30' height='3.33' fill='%23fcdc04'/%3E%3Crect y='16.66' width='30' height='3.34' fill='%23d90000'/%3E%3Ccircle cx='15' cy='10' r='3.6' fill='%23fff'/%3E%3C/svg%3E")}
.nd-tz::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='30' height='20' fill='%231eb53a'/%3E%3Cpolygon points='0%2C20 30%2C20 30%2C0' fill='%2300a3dd'/%3E%3Cpolygon points='0%2C20 3.5%2C20 30%2C0 26.5%2C0' fill='%23fcd116'/%3E%3Cpolygon points='0%2C20 2%2C20 30%2C0 28%2C0' fill='none'/%3E%3Cpolygon points='1.8%2C20 30%2C1.8 30%2C0 28.3%2C0 0%2C18.2 0%2C20' fill='%23111'/%3E%3C/svg%3E")}
.nd-zm::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='30' height='20' fill='%23198a00'/%3E%3Crect x='21' y='8' width='3' height='12' fill='%23de2010'/%3E%3Crect x='24' y='8' width='3' height='12' fill='%23111'/%3E%3Crect x='27' y='8' width='3' height='12' fill='%23ef7d00'/%3E%3C/svg%3E")}
@media(max-width:960px){.mkgrid{grid-template-columns:1fr}.net{grid-template-columns:1fr}}
@media(max-width:520px){.net{padding:28px 22px}.pin{width:24px;height:24px;border-width:2px}.pin::before,.pin::after{animation-name:ripm}.lb{font-size:11px;padding:3px 8px}.mpw{padding:14px 8px 8px}}

/* ===== stock ===== */
.sec-stock{background:radial-gradient(640px 340px at 92% 30%,rgba(22,199,132,.32),transparent 70%),radial-gradient(520px 300px at 0% 100%,rgba(22,199,132,.2),transparent 70%),linear-gradient(180deg,#e1f7ec 0%,#c4f0dc 50%,#e1f7ec 100%)}
.drop{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.drop h2{max-width:none}
.checks{list-style:none;margin:28px 0 32px;padding:0;display:grid;gap:14px}
.checks li{display:flex;gap:14px;align-items:flex-start;font-size:18px;font-weight:500}
.checks li::before{content:"\2713";flex:none;width:28px;height:28px;border-radius:50%;background:var(--sun);color:#0B0B0B;display:grid;place-items:center;font-weight:800;font-size:15px;margin-top:1px}
.wall{background:#fff;border:1px solid #bdecd6;border-radius:30px;padding:22px;box-shadow:0 40px 70px -40px rgba(10,143,91,.55)}
.wh{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:700}
.tag{background:var(--deep);color:var(--sun);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:700}
.wg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wt{position:relative;border-radius:16px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.wt:hover{transform:translateY(-5px);box-shadow:0 18px 30px -18px rgba(11,11,11,.45)}
.wk{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 20px 20px;background:linear-gradient(160deg,#f1fbf6,#e0f6eb);border:1px solid #d1eee0;min-height:176px}
.wk::before{content:"";width:56px;height:56px;margin-bottom:12px;border-radius:17px;background:center/contain no-repeat;box-shadow:0 10px 20px -10px rgba(22,199,132,.9)}
.wk.dk::before{box-shadow:0 10px 20px -10px rgba(11,11,11,.6)}
.wk-beauty::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Crect width='56' height='56' rx='17' fill='%2316C784' fill-opacity='1'/%3E%3Cg transform='translate%2813.0 13.0%29 scale%281.25%29' fill='none' stroke='%230B0B0B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z%22/%3E%3Cpath d=%22M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z%22/%3E%3C/g%3E%3C/svg%3E")}.wk-health::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Crect width='56' height='56' rx='17' fill='%230B0B0B' fill-opacity='1'/%3E%3Cg transform='translate%2813.0 13.0%29 scale%281.25%29' fill='none' stroke='%2316C784' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 21s-7.5-4.6-9-10a5 5 0 0 1 9-3 5 5 0 0 1 9 3c-1.5 5.4-9 10-9 10z%22/%3E%3Cpath d=%22M6 12h3l1.5-3 3 6 1.5-3h3%22/%3E%3C/g%3E%3C/svg%3E")}.wk-tech::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Crect width='56' height='56' rx='17' fill='%230B0B0B' fill-opacity='1'/%3E%3Cg transform='translate%2813.0 13.0%29 scale%281.25%29' fill='none' stroke='%2316C784' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%227%22 y=%222%22 width=%2210%22 height=%2220%22 rx=%222.5%22/%3E%3Cpath d=%22M11 18h2%22/%3E%3C/g%3E%3C/svg%3E")}.wk-home::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Crect width='56' height='56' rx='17' fill='%2316C784' fill-opacity='1'/%3E%3Cg transform='translate%2813.0 13.0%29 scale%281.25%29' fill='none' stroke='%230B0B0B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 11l9-8 9 8%22/%3E%3Cpath d=%22M5 10v10h14V10%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/g%3E%3C/svg%3E")}
.wk h3{font:800 19px/1.15 var(--serif);color:#0B0B0B}
.wk p{font-size:13.5px;color:#4b544f;line-height:1.4}
.wb{grid-column:1/-1;background:#0B0B0B;color:#fff;display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:center;padding:18px 26px}
.wb-n{grid-row:1/4;font:800 clamp(48px,6.4vw,76px)/1 var(--serif);color:#16C784;font-variant-numeric:tabular-nums}
.wb-t{font:700 20px var(--serif)}
.wb-s{font-size:13px;color:#a8b3ad;margin-top:2px}
.wall .ft{margin:14px 2px 0;font-size:14px;color:var(--mut)}
.js .wg:not(.in) .wt{opacity:0}
.wg.in .wt{animation:popt .6s cubic-bezier(.2,.8,.2,1) backwards}
.wg .wt:nth-child(2){animation-delay:.07s}.wg .wt:nth-child(3){animation-delay:.14s}.wg .wt:nth-child(4){animation-delay:.21s}.wg .wt:nth-child(5){animation-delay:.28s}
@keyframes popt{from{opacity:0;transform:scale(.88) translateY(10px)}}
@media(max-width:860px){.drop{grid-template-columns:1fr;gap:36px}}
@media(max-width:520px){.wk{padding:16px 14px;min-height:150px}.wk::before{width:46px;height:46px;border-radius:14px;margin-bottom:8px}.wk h3{font-size:16px}.wk p{font-size:12px}.wb{padding:14px 16px;column-gap:14px}.wb-n{font-size:44px}.wb-t{font-size:17px}.wall{padding:14px}}

/* ===== services ===== */
.sec-services{background:linear-gradient(180deg,#e1f7ec 0%,#f6fdfa 100%)}
.svc{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:1px solid rgba(11,11,11,.12)}
.sv{display:flex;gap:16px;align-items:center;padding:22px 20px 22px 0;border-bottom:1px solid rgba(11,11,11,.12)}
.sv::before{content:"";flex:none;width:52px;height:52px;background:center/contain no-repeat}
.sv h3{font-size:21px;margin:0 0 2px}
.sv p{color:var(--mut);font-size:16px}
.sv-search::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Crect width='52' height='52' rx='16' fill='%23e6f9f0' fill-opacity='1'/%3E%3Cg transform='translate%2813.0 13.0%29 scale%281.0833333333333333%29' fill='none' stroke='%230a8f5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22/%3E%3Cpath d=%22m21 21-4.3-4.3%22/%3E%3C/g%3E%3C/svg%3E")}
.sv-wh::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Crect width='52' height='52' rx='16' fill='%23e6f9f0' fill-opacity='1'/%3E%3Cg transform='translate%2813.0 13.0%29 scale%281.0833333333333333%29' fill='none' stroke='%230a8f5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 9l9-6 9 6v11H3z%22/%3E%3Cpath d=%22M9 20v-6h6v6%22/%3E%3C/g%3E%3C/svg%3E")}
.sv-box::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Crect width='52' height='52' rx='16' fill='%23e6f9f0' fill-opacity='1'/%3E%3Cg transform='translate%2813.0 13.0%29 scale%281.0833333333333333%29' fill='none' stroke='%230a8f5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M21 8l-9-5-9 5v8l9 5 9-5z%22/%3E%3Cpath d=%22M3 8l9 5 9-5M12 13v8%22/%3E%3C/g%3E%3C/svg%3E")}
.sv-call::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Crect width='52' height='52' rx='16' fill='%23e6f9f0' fill-opacity='1'/%3E%3Cg transform='translate%2813.0 13.0%29 scale%281.0833333333333333%29' fill='none' stroke='%230a8f5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M4 14v-2a8 8 0 0 1 16 0v2%22/%3E%3Cpath d=%22M4 14h3v5H4zM17 14h3v5h-3z%22/%3E%3Cpath d=%22M20 19a3 3 0 0 1-3 2h-3%22/%3E%3C/g%3E%3C/svg%3E")}
.sv-truck::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Crect width='52' height='52' rx='16' fill='%23e6f9f0' fill-opacity='1'/%3E%3Cg transform='translate%2813.0 13.0%29 scale%281.0833333333333333%29' fill='none' stroke='%230a8f5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M2 6h11v10H2z%22/%3E%3Cpath d=%22M13 10h4l4 3v3h-8z%22/%3E%3Ccircle cx=%226%22 cy=%2218%22 r=%222%22/%3E%3Ccircle cx=%2217%22 cy=%2218%22 r=%222%22/%3E%3C/g%3E%3C/svg%3E")}
.sv-cash::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Crect width='52' height='52' rx='16' fill='%23e6f9f0' fill-opacity='1'/%3E%3Cg transform='translate%2813.0 13.0%29 scale%281.0833333333333333%29' fill='none' stroke='%230a8f5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%222%22 y=%226%22 width=%2220%22 height=%2212%22 rx=%222%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.5%22/%3E%3C/g%3E%3C/svg%3E")}
@media(max-width:860px){.svc{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.svc{grid-template-columns:1fr}}

/* ===== payout ===== */
.sec-payout{background:linear-gradient(180deg,#f6fdfa 0%,#e4f8ee 100%)}
.pay2{background:radial-gradient(700px 420px at 100% 0%,rgba(22,199,132,.24),transparent 60%),#0B0B0B;color:#fff;border-radius:36px;padding:76px 26px 64px;text-align:center}
.pay2 h2{max-width:none;margin:0 auto;font-size:clamp(42px,7vw,82px);color:#fff}
.pay2 h2 strong{color:#16C784;font-weight:800}
.pay2 .sub{margin:18px auto 0;color:#a8b3ad}
.steps3{display:flex;gap:36px;justify-content:center;align-items:center;flex-wrap:wrap;margin:38px 0}
.st{position:relative;display:flex;align-items:center;gap:10px;border:1px solid rgba(22,199,132,.45);background:rgba(22,199,132,.1);border-radius:14px;padding:12px 18px;font-weight:700}
.st::before{content:"";width:20px;height:20px;background:center/contain no-repeat}
.st-a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316C784' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M21 8l-9-5-9 5v8l9 5 9-5z%22/%3E%3C/svg%3E")}.st-b::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316C784' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M20 6 9 17l-5-5%22/%3E%3C/svg%3E")}.st-c::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8b3ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 7v10M9.5 9.5h4a1.5 1.5 0 0 1 0 3h-3a1.5 1.5 0 0 0 0 3h4%22/%3E%3C/svg%3E")}
.st-a::after,.st-b::after{content:"\2192";position:absolute;right:-27px;color:#5b6761;font-weight:400}
.st.dim{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#a8b3ad}
.balc{max-width:460px;margin:0 auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:26px;text-align:left;box-shadow:0 30px 60px -30px rgba(22,199,132,.5)}
.balc .top{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.08em;color:#16C784;gap:10px}
.tp-r{color:#7d8983}
.balc .lbl{text-align:center;color:#a8b3ad;font-size:13px;letter-spacing:.08em;margin-top:22px}
.amt{text-align:center;margin:6px 0 20px}
.amt strong{font:800 58px var(--serif)}
.amt em{font-style:normal;color:#7d8983;font-size:.5em}
.ord{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;margin-bottom:16px;font-size:15px}
.ord-s{font-size:12px;color:#7d8983}
.ord-v{font-weight:700}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:780px;margin:46px auto 0;text-align:left}
.cmp-o,.cmp-us{border-radius:18px;padding:20px 22px;font-size:16px}
.cmp-o{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.28);color:#d3dcd7}
.cmp-us{border:1px solid rgba(22,199,132,.5);background:rgba(22,199,132,.08);color:#fff}
.cmp-h{font-size:13px;letter-spacing:.08em;margin-bottom:10px;font-weight:700}
.cmp-o .cmp-h{color:#fff;opacity:.85}.cmp-us .cmp-h{color:#16C784}
.cmp-o strong{color:#ffb4a8}.cmp-us strong{color:#16C784}
.pay2 .lead2{max-width:36em;margin:34px auto 28px;color:#a8b3ad;font-size:17px}
.pay-cta,.balc-cta{justify-content:center}
@media(max-width:860px){.cmp{grid-template-columns:1fr}.pay2{padding:56px 22px 48px}}
@media(max-width:700px){.steps3{gap:10px}.st-a::after,.st-b::after{display:none}}

/* ===== sellers ===== */
.sec-sellers{background:radial-gradient(560px 300px at 8% 45%,rgba(22,199,132,.2),transparent 70%),linear-gradient(180deg,#e4f8ee 0%,#c9f1dd 100%)}
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;text-align:left}
.wc{border-radius:22px;padding:30px 28px;background:#e6f9f0;display:flex;flex-direction:column;gap:12px;min-height:250px}
.wc::before{content:"";width:46px;height:46px;background:center/contain no-repeat}
.wc h3{font-size:24px}
.wc p{color:var(--mut)}
.who-s{background:#0B0B0B;color:#fff}.who-s p{color:#c3cdc7}
.wc .wc-a{margin-top:auto}
.wc-a a{font-weight:700;text-decoration:none;color:var(--paid)}.who-s .wc-a a{color:#16C784}
.who-f::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect width='46' height='46' rx='14' fill='%23fff' fill-opacity='1'/%3E%3Cg transform='translate%2811.0 11.0%29 scale%281.0%29' fill='none' stroke='%230a8f5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2 20a7 7 0 0 1 14 0%22/%3E%3Ccircle cx=%2217%22 cy=%229%22 r=%222.5%22/%3E%3Cpath d=%22M17 14a5 5 0 0 1 5 5%22/%3E%3C/g%3E%3C/svg%3E")}.who-s::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect width='46' height='46' rx='14' fill='%2316C784' fill-opacity='0.18'/%3E%3Cg transform='translate%2811.0 11.0%29 scale%281.0%29' fill='none' stroke='%2316C784' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/g%3E%3C/svg%3E")}.who-m::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect width='46' height='46' rx='14' fill='%23fff' fill-opacity='1'/%3E%3Cg transform='translate%2811.0 11.0%29 scale%281.0%29' fill='none' stroke='%230a8f5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 11v2a1 1 0 0 0 1 1h3l8 4V6L7 10H4a1 1 0 0 0-1 1z%22/%3E%3Cpath d=%22M18.5 9a4 4 0 0 1 0 6%22/%3E%3Cpath d=%22M7 14l1.5 5.5H11L9.8 15%22/%3E%3C/g%3E%3C/svg%3E")}
@media(max-width:860px){.who{grid-template-columns:1fr}}

/* ===== how ===== */
.sec-how{background:linear-gradient(180deg,#c9f1dd 0%,#eafaf2 55%,#f8fefb 100%)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;counter-reset:s}
.step{counter-increment:s;border-top:3px solid var(--sun);padding-top:16px}
.step::before{content:counter(s);display:block;font:800 40px var(--serif);color:var(--paid)}
.step h3{font-size:22px;margin:6px 0}
.step p{color:var(--mut);font-size:16px}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}

/* ===== contact CTA ===== */
.sec-contact{padding:0 0 88px;background:linear-gradient(180deg,#f8fefb 0%,#e6f9f0 100%)}
.cta2{background:radial-gradient(520px 280px at 92% 0%,rgba(255,255,255,.4),transparent 62%),radial-gradient(420px 260px at 0% 100%,rgba(11,11,11,.12),transparent 70%),linear-gradient(135deg,#16C784,#0fb277);border-radius:36px;padding:76px 26px;text-align:center;color:#0B0B0B}
.cta2 h2{max-width:13em;margin:0 auto}
.cta2>p{max-width:34em;margin:18px auto 34px;font-size:19px}
.cta2-row{justify-content:center}
.cta2-list{list-style:none;padding:0;margin:30px 0 0;display:flex;gap:10px 28px;justify-content:center;flex-wrap:wrap;font-weight:500;font-size:15px}
.cta2-list li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#0B0B0B;margin-right:9px}

/* ===== footer ===== */
.site-footer{background:var(--deep);color:#c3cdc7;padding:64px 0 36px;font-size:16px}
.cols{display:grid;grid-template-columns:1.4fr 1.1fr 1fr;gap:48px}
.site-footer h4{font:800 18px var(--serif);color:#fff;margin:0 0 22px;padding-bottom:12px;position:relative;letter-spacing:.02em}
.site-footer h4::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;border-radius:3px;background:var(--sun)}
.site-footer .lg{display:inline-block;background:#fff;border-radius:14px;padding:10px 16px;margin-bottom:20px}
.site-footer .logo{margin:0}.site-footer .logo img{height:34px;width:auto;display:block}
.fc p{margin:0 0 24px;max-width:26em}
.fc ul.wp-block-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fc li a{text-decoration:none}.fc li a:hover{color:#fff}
.fc .l li{display:flex;align-items:center;gap:10px}
.fc .l li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sun)}
.ctl{gap:16px!important}
.ctl li{display:flex;align-items:center;gap:14px}
.ctl li::before{content:"";flex:none;width:44px;height:44px;background:center/contain no-repeat}
.ctl li.ct-tel::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' rx='12' fill='%23fff' fill-opacity='0.08'/%3E%3Cg transform='translate%2812.0 12.0%29 scale%280.8333333333333334%29' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z%22/%3E%3C/g%3E%3C/svg%3E")}.ctl li.ct-mail::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' rx='12' fill='%23fff' fill-opacity='0.08'/%3E%3Cg transform='translate%2812.0 12.0%29 scale%280.8333333333333334%29' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%222%22 y=%224%22 width=%2220%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22m22 7-10 6L2 7%22/%3E%3C/g%3E%3C/svg%3E")}
.soc{gap:10px}
.soc .wp-social-link{background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;margin:0}
.soc .wp-social-link a{padding:0;display:grid;place-items:center;width:100%;height:100%}
.soc .wp-social-link svg{width:20px;height:20px;fill:currentColor}
.soc .wp-social-link:hover{background:var(--sun)!important;color:#0B0B0B!important}
.site-footer .wp-block-button__link{margin-top:4px}
.copy{margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:860px){.cols{grid-template-columns:1fr 1fr;gap:36px 28px}.cols>.fc-1{grid-column:1/-1}}
@media(max-width:600px){.site-footer{padding:48px 0 96px}.cols{grid-template-columns:1fr;gap:34px}.site-footer h4{margin-bottom:18px}.fc p{max-width:none;margin-bottom:18px}.fc .ctl li a{display:block;padding:6px 0;word-break:break-word}.ft-cta{flex-direction:column;align-items:stretch}.ft-cta .wp-block-button{width:100%}.ft-cta .wp-block-button__link{width:100%;text-align:center;padding:15px 20px}.copy{flex-direction:column;gap:8px;text-align:left;padding-right:72px}}

/* ===== responsive base ===== */
@media(max-width:860px){.hero>.wrap{grid-template-columns:1fr}.hero{padding:56px 0 150px;min-height:0}.sec{padding:60px 0}.hero>.wrap::before{width:130vw;right:-60vw;top:70%;opacity:.7}.seg{grid-template-columns:repeat(3,1fr);row-gap:14px}}
@media(max-width:520px){.eyb{letter-spacing:.1em;font-size:11px;gap:8px}}
@media(max-width:360px){.hero-h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero>.wrap::before,.pin::before,.pin::after,.nv::after{animation:none}.js .tgb:not(.in) .a1,.js .tgb:not(.in) .a2{opacity:1;transform:none}.js .tgb:not(.in) .tgw::before,.js .tgb:not(.in) .tgw::after{transform:none}.js .mpw:not(.in) .afs,.js .mpw:not(.in) .pin,.js .wg:not(.in) .wt{opacity:1}.mpw.in .afs,.mpw.in .pin,.wg.in .wt{animation:none}.wt{transition:none}}
.page-pad{padding-top:80px;padding-bottom:80px}

/* ===== WhatsApp floating button ===== */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:60;margin:0}
.wa-float a{position:relative;display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;padding:14px 22px 14px 16px;border-radius:999px;font:700 15px "Inter",sans-serif;text-decoration:none;box-shadow:0 14px 30px -10px rgba(37,211,102,.75),0 2px 6px rgba(0,0,0,.15);transition:transform .25s}
.wa-float a:hover{transform:translateY(-3px) scale(1.03)}
.wa-float a::before{content:"";width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E") center/contain no-repeat}
.wa-float a::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #25D366;animation:waP 2.6s ease-out infinite;pointer-events:none}
@keyframes waP{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.35,1.6);opacity:0}}
@media(max-width:600px){.wa-float{right:16px;bottom:16px}.wa-float a{padding:0;width:58px;height:58px;justify-content:center;font-size:0;gap:0}}
@media(prefers-reduced-motion:reduce){.wa-float a::after{animation:none}}

/* payout demo: click "Instant payout" -> paid state */
.balc .amt strong{position:relative;display:inline-block;transition:color .45s,opacity .45s}
.balc .amt strong::after{content:"";position:absolute;left:-2%;right:-2%;top:52%;height:5px;border-radius:3px;background:#d9544d;transform:scaleX(0);transform-origin:left center;transition:transform .55s cubic-bezier(.6,.05,.2,1) .1s}
.balc.paid .amt strong{color:rgba(255,255,255,.34)}
.balc.paid .amt strong em{color:rgba(255,255,255,.22)}
.balc.paid .amt strong::after{transform:scaleX(1)}
.balc .ord{position:relative;transition:padding .35s}
.balc.paid .ord{padding-left:72px}
.balc .ord::before{content:"";position:absolute;left:14px;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:12px;background:rgba(22,199,132,.14) url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%2316C784%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27m16%2016%202%202%204-4%27/%3E%3Cpath%20d=%27M21%2010V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l2-1.14%27/%3E%3Cpath%20d=%27m7.5%204.27%209%205.15%27/%3E%3Cpath%20d=%27M3.29%207%2012%2012l8.71-5%27/%3E%3Cpath%20d=%27M12%2022V12%27/%3E%3C/svg%3E") center/24px no-repeat;opacity:0;transform:scale(.7);transition:opacity .35s,transform .35s}
.balc.paid .ord::before{opacity:1;transform:none}
.balc.paid .lbl{opacity:.7}
.balc .balc-cta .wp-block-button__link{display:flex;align-items:center;justify-content:center;gap:12px;transition:background .45s,color .45s,box-shadow .45s}
.balc.paid .balc-cta .wp-block-button__link{background:linear-gradient(135deg,#1d5a3e,#133a28)!important;color:#fff!important;box-shadow:none!important;cursor:pointer}
.balc.paid .balc-cta .wp-block-button__link::before{content:"";width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23ffffff%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Ccircle%20cx=%2712%27%20cy=%2712%27%20r=%279%27/%3E%3Cpath%20d=%27M12%207v10M9.5%209.5h4a1.5%201.5%200%200%201%200%203h-3a1.5%201.5%200%200%200%200%203h4%27/%3E%3C/svg%3E") center/contain no-repeat}
.balc .sent{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;max-height:0;opacity:0;overflow:hidden;color:#6fe0ad;font-weight:600;font-size:16px;transition:max-height .4s,opacity .4s,margin .4s}
.balc .sent::before{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:rgba(22,199,132,.18) url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%2316C784%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M20%206%209%2017l-5-5%27/%3E%3C/svg%3E") center/16px no-repeat}
.balc.paid .sent{max-height:60px;opacity:1;margin-top:18px}

/* nav: logo far left, menu centered, Log in + Create account far right */
@media(min-width:1101px){.nav-row{display:grid;grid-template-columns:1fr auto 1fr;max-width:1560px;padding-left:40px;padding-right:40px}.nav-row .logo{justify-self:start}.nav-row .nav-menu{justify-self:center;flex:none}.nav-row .nav-r{justify-self:end}}
.nav-r{gap:12px}
.login a{display:inline-flex;align-items:center;border:1.5px solid #0B0B0B;border-radius:999px;padding:11px 24px;font-size:16px;line-height:1.2;text-decoration:none;color:#0B0B0B;background:rgba(255,255,255,.55);transition:background .25s,color .25s}
.login a:hover{background:#0B0B0B;color:#fff}
.login{margin:0}

.b-ghost .wp-block-button__link{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.55)!important;transition:background .25s,color .25s}
.b-ghost .wp-block-button__link:hover{background:#fff!important;color:#0B0B0B!important}

/* ===== FAQ page ===== */
.faq-hero{min-height:0;display:block;padding:92px 0 140px}
.faq-hero>.wrap{display:block}
.faq-hero>.wrap::before{display:none}
.faq-h1{max-width:11em}
.faq-lead{font-size:20px;color:#b4c4bb;max-width:34em;margin:22px 0 0}
.faq-body{background:linear-gradient(180deg,#eefbf5 0,#fff 520px);padding:20px 0 90px}
.faq-grid{display:grid;grid-template-columns:250px 1fr;gap:64px;align-items:start}
.faq-nav{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px;padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 20px 40px -28px rgba(10,143,91,.35)}
body.admin-bar .faq-nav{top:128px}
.faq-nav-t{font:700 12px "Inter",sans-serif;letter-spacing:.14em;color:var(--paid);margin:0 0 8px}
.faq-a a{display:block;padding:9px 12px;border-radius:12px;text-decoration:none;color:var(--mut);font-weight:500;font-size:15px;transition:background .2s,color .2s}
.faq-a a:hover{background:#e9faf2;color:var(--ink)}
.faq-sec{margin:0 0 64px}
.faq-sec:last-child{margin-bottom:0}
.faq-n{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 12px;border-radius:999px;background:#0B0B0B;color:#16C784;font:700 13px "Inter",sans-serif;letter-spacing:.08em;margin:0 0 14px}
.faq-h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;margin:0 0 22px;max-width:18em}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;margin:0 0 12px;transition:border-color .25s,box-shadow .25s}
.faq-item:hover{border-color:rgba(22,199,132,.45)}
.faq-item[open]{border-color:rgba(22,199,132,.6);box-shadow:0 18px 36px -24px rgba(10,143,91,.45)}
.faq-item summary{position:relative;cursor:pointer;list-style:none;padding:20px 64px 20px 24px;font:700 18px/1.35 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}
.faq-item summary::after{content:"";position:absolute;right:20px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:#e6f8ef url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%230a8f5b%27%20stroke-width=%272.4%27%20stroke-linecap=%27round%27%3E%3Cpath%20d=%27M12%205v14M5%2012h14%27/%3E%3C/svg%3E") center/16px no-repeat;transition:background-color .25s}
.faq-item[open] summary::after{background:#16C784 url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%230B0B0B%27%20stroke-width=%272.4%27%20stroke-linecap=%27round%27%3E%3Cpath%20d=%27M5%2012h14%27/%3E%3C/svg%3E") center/16px no-repeat}
.faq-item summary:focus-visible{outline:3px solid var(--paid);outline-offset:-3px;border-radius:18px}
.faq-item p{padding:0 64px 0 24px;margin:0 0 14px;color:var(--mut);font-size:17px;line-height:1.7}
.faq-item p:last-child{padding-bottom:6px;margin-bottom:18px}
.faq-cta{padding-top:20px}
@media(max-width:960px){.faq-grid{grid-template-columns:1fr;gap:28px}.faq-nav{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:12px;border-radius:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.faq-nav::-webkit-scrollbar{display:none}.faq-nav-t{display:none}.faq-a a{white-space:nowrap;background:#f1fcf7;border:1px solid var(--line);border-radius:999px;padding:9px 16px}}
@media(max-width:600px){.faq-hero{padding:56px 0 120px}.faq-lead{font-size:18px}.faq-item summary{font-size:16.5px;padding:18px 58px 18px 18px}.faq-item summary::after{right:14px}.faq-item p{padding:0 18px;font-size:16px}.faq-sec{margin-bottom:48px}}

/* ===== mobile menu overlay ===== */
.nav-menu .nav-m{display:none}
.nav-menu .is-menu-open .nav-m{display:block}
.nav-menu .wp-block-navigation__responsive-container-open{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.nav-menu .wp-block-navigation__responsive-container-open svg{width:26px;height:26px}
.nav-menu .wp-block-navigation__responsive-container.is-menu-open{background:#fff!important;color:var(--ink)!important;padding:0!important;overflow-y:auto;display:flex;flex-direction:column}
.nav-menu .wp-block-navigation__responsive-container.is-menu-open::before{content:"";display:block;position:absolute;top:0;left:24px;right:24px;height:84px;z-index:1;background:url(assets/img/logo-hd.png) left center/auto 36px no-repeat;border-bottom:1px solid var(--line)}
.nav-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{position:absolute!important;top:20px!important;right:20px!important;width:44px;height:44px;border-radius:12px;background:#f1f6f3;display:flex;align-items:center;justify-content:center;padding:0}
.nav-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding:92px 24px 40px!important;display:block!important;width:100%;box-sizing:border-box}
.nav-menu .is-menu-open .wp-block-navigation__container{display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;width:100%;padding:0!important}
.nav-menu .is-menu-open .wp-block-navigation-item{display:block!important;width:100%;border-bottom:1px solid var(--line);padding:0!important}
.nav-menu .is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content{display:block!important;font:700 21px/1.2 var(--serif)!important;color:var(--ink)!important;padding:20px 2px!important;white-space:normal}
.nav-menu .is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content:hover{color:var(--paid)!important}
.nav-menu .is-menu-open .nav-m-login{border-bottom:0;margin-top:26px}
.nav-menu .is-menu-open .nav-m-login .wp-block-navigation-item__content{text-align:center;border:1.5px solid var(--ink);border-radius:999px;padding:15px 20px!important;font-size:17px!important}
.nav-menu .is-menu-open .nav-m-cta{border-bottom:0;margin-top:12px}
.nav-menu .is-menu-open .nav-m-cta .wp-block-navigation-item__content{text-align:center;background:var(--sun);border-radius:999px;padding:16px 20px!important;font-size:17px!important}
@media(max-width:520px){.nav-menu .wp-block-navigation__responsive-container-open{width:40px;height:40px}}

.follow{display:flex;align-items:center;gap:18px;margin-top:40px;flex-wrap:wrap}
.follow .fl-t{margin:0;font:800 18px var(--serif);color:#fff;letter-spacing:.02em}
.follow .soc{margin:0}
.follow+.copy{margin-top:28px}
@media(max-width:600px){.follow{margin-top:34px;gap:14px}.follow+.copy{margin-top:26px}}

/* ===== phone type scale: calmer sizes on small screens ===== */
@media(max-width:600px){
body{font-size:16px}
.sec{padding:52px 0}
.sec h2,.cta2 h2,.mkl h2,.drop h2{font-size:27px;line-height:1.15}
.sub{font-size:16px;margin-top:12px}
.hero-h1{font-size:30px}
.hero .lead{font-size:16.5px;margin:18px 0 26px}
.trust{font-size:14px}
.a1,.a2{font-size:26px}
.a1::after{width:30px;height:30px}
.pay2 h2{font-size:32px}
.pay2 .lead2{font-size:16px;margin:24px auto 22px}
.net h3{font-size:20px}
.wc h3{font-size:21px}
.step h3{font-size:19px}
.sv h3{font-size:19px}
.hx-tit{font-size:17px}
.mk-b{font-size:15px}
.checks li{font-size:16px}
.wp-block-button .wp-block-button__link{font-size:16px;padding:13px 22px}
.faq-h2{font-size:24px}
.faq-lead{font-size:16.5px}
.faq-item summary{font-size:16px}
.faq-item p{font-size:15.5px}
.cta2 p{font-size:16px}
}
@media(max-width:600px){.nav .nav-cta .wp-block-button__link{font-size:14px;padding:10px 16px;white-space:nowrap}}
@media(max-width:360px){.nav .nav-cta .wp-block-button__link{font-size:13px;padding:9px 12px}}
@media(max-width:430px){.nav .logo img{height:27px}.nav-row{gap:8px}.nav .nav-cta .wp-block-button__link{font-size:13.5px;padding:9px 14px}.nav-menu .wp-block-navigation__responsive-container-open{width:36px;height:36px}}
@media(max-width:960px){.faq-nav{flex-wrap:wrap!important;overflow:visible!important;gap:8px}.faq-a{margin:0}.faq-a a{white-space:normal;font-size:14px;padding:8px 14px;display:inline-block;line-height:1.25}}
.copy a{color:inherit;text-decoration:underline;text-underline-offset:3px}.copy a:hover{color:#fff}