*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --p:#0B3D3A;
  --p-mid:#0F5C57;
  --p-light:#1A6B65;
  --accent:#14B8A6;
  --accent-h:#0F9F92;
  --accent-s:#EAFBF8;
  --navy:#0F172A;
  --white:#ffffff;
  --surf:#F7F9FB;
  --t1:#0F172A;
  --t2:#64748B;
  --t3:#94A3B8;
  --green:#22C55E;
  --amber:#F59E0B;
  --red:#EF4444;
  --border:#E2E8F0;
  --r8:8px;--r12:12px;--r16:16px;--r20:20px;--r24:24px;--r32:32px;--rfull:9999px;
  --sh-sm:0 1px 4px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);
  --sh-md:0 4px 20px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);
  --sh-lg:0 20px 60px rgba(0,0,0,0.12),0 8px 24px rgba(0,0,0,0.06);
  --sh-phone:0 48px 96px rgba(11,61,58,0.4),0 20px 48px rgba(11,61,58,0.2),0 0 0 1px rgba(11,61,58,0.1);
}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,sans-serif;background:var(--white);color:var(--t1);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* ─── NAV ─────────────────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));background:rgba(10,50,47,0.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,0.07);transition:all 0.3s}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo-box{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--p-mid));border-radius:10px;display:flex;align-items:center;justify-content:center}
.nav-logo-text{font-size:19px;font-weight:800;color:white;letter-spacing:-0.5px}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links li a{display:block;padding:8px 18px;color:rgba(255,255,255,0.65);text-decoration:none;font-size:14px;font-weight:500;transition:color 0.2s;border-radius:var(--rfull)}
.nav-links li a:hover{color:white}
.nav-dl{background:var(--accent);color:white;padding:10px 22px;border-radius:var(--rfull);font-size:13px;font-weight:700;text-decoration:none;letter-spacing:0.2px;transition:background 0.2s,transform 0.15s,box-shadow 0.2s;box-shadow:0 4px 16px rgba(20,184,166,0.3)}
.nav-dl:hover{background:var(--accent-h);transform:translateY(-1px);box-shadow:0 6px 20px rgba(20,184,166,0.4)}
.nav-right{display:flex;align-items:center;gap:12px}

/* ─── HERO ────────────────────────────────────────────── */
.hero{min-height:100svh;display:flex;flex-direction:column;background:linear-gradient(160deg,#071f1e 0%,#0B3D3A 40%,#0F5C57 100%);padding:68px 0 0;position:relative;overflow:hidden}
.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(20,184,166,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,184,166,0.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.hero-bg-glow{position:absolute;top:-20%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(20,184,166,0.12) 0%,transparent 65%);pointer-events:none}
.hero-bg-glow2{position:absolute;bottom:-20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(20,184,166,0.07) 0%,transparent 65%);pointer-events:none}

.hero-inner{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px max(24px,calc((100vw - 1200px)/2)) 60px;position:relative;z-index:2}

.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(20,184,166,0.12);border:1px solid rgba(20,184,166,0.25);color:var(--accent);padding:7px 16px;border-radius:var(--rfull);font-size:12px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;margin-bottom:28px}
.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:edot 2s ease-in-out infinite}
@keyframes edot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.7)}}

.hero-h1{font-size:clamp(46px,5.5vw,74px);font-weight:900;color:white;line-height:1.0;letter-spacing:-2.5px;margin-bottom:24px}
.hero-h1 .accent{color:var(--accent)}
.hero-h1 .dim{opacity:0.65}

.hero-sub{font-size:17px;color:rgba(255,255,255,0.6);line-height:1.75;max-width:460px;margin-bottom:40px;font-weight:400}
.hero-sub strong{color:rgba(255,255,255,0.9);font-weight:600}

.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:52px}
.btn-dl{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:white;padding:16px 28px;border-radius:var(--rfull);font-size:15px;font-weight:700;text-decoration:none;transition:all 0.2s;box-shadow:0 8px 28px rgba(20,184,166,0.35);letter-spacing:0.2px}
.btn-dl:hover{background:var(--accent-h);transform:translateY(-2px);box-shadow:0 12px 36px rgba(20,184,166,0.45)}
.btn-demo{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.08);color:white;padding:16px 28px;border-radius:var(--rfull);font-size:15px;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:all 0.2s}
.btn-demo:hover{background:rgba(255,255,255,0.14);transform:translateY(-2px)}

.hero-trust-bar{display:flex;gap:28px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.1)}
.hero-stat .val{font-size:24px;font-weight:800;color:white;letter-spacing:-0.8px}
.hero-stat .lbl{font-size:12px;color:rgba(255,255,255,0.45);margin-top:3px;font-weight:500}

/* ─── PHONE MOCKUP ───────────────────────────────────── */
.hero-phone-col{display:flex;justify-content:center;align-items:center;position:relative}
.phone-scene{position:relative;width:320px;height:640px}
.phone-glow-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,0.22) 0%,transparent 70%);animation:gring 3.5s ease-in-out infinite}
@keyframes gring{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.7}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}

.phone-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:272px;height:572px;background:linear-gradient(160deg,#1a1a1a,#0d0d0d);border-radius:46px;padding:13px;box-shadow:var(--sh-phone)}
.phone-screen{width:100%;height:100%;background:white;border-radius:35px;overflow:hidden;position:relative}
.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:96px;height:30px;background:#0d0d0d;border-radius:0 0 18px 18px;z-index:50}
.phone-cam-dot{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:10px;height:10px;background:#1a1a1a;border-radius:50%;border:2px solid #2a2a2a}

/* Screen content */
.scr-status{display:flex;justify-content:space-between;align-items:center;padding:36px 18px 8px;background:#075E54}
.scr-status-time{font-size:11px;font-weight:700;color:white}
.scr-status-icons{display:flex;gap:5px;align-items:center}
.scr-wa-header{background:#075E54;padding:8px 14px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(0,0,0,0.1)}
.scr-wa-ava{width:36px;height:36px;background:linear-gradient(135deg,#128C7E,#25D366);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:white;flex-shrink:0}
.scr-wa-name{font-size:13px;font-weight:700;color:white}
.scr-wa-sub{font-size:10px;color:rgba(255,255,255,0.65)}

.scr-chat-area{background:#ECE5DD;flex:1;padding:10px 10px 14px;display:flex;flex-direction:column;gap:8px;height:calc(100% - 130px);overflow:hidden;position:relative}

/* Incoming SMS bubble */
.scr-sms{background:white;border-radius:2px 10px 10px 10px;padding:10px 12px;max-width:220px;box-shadow:var(--sh-sm);animation:smsin 0.4s cubic-bezier(0.34,1.56,0.64,1) 0.5s both}
@keyframes smsin{from{opacity:0;transform:scale(0.85) translateX(-10px)}to{opacity:1;transform:scale(1) translateX(0)}}
.scr-sms-bank{font-size:10px;font-weight:800;color:#075E54;margin-bottom:5px}
.scr-sms-body{font-size:11px;color:#333;line-height:1.5}
.scr-sms-amount{font-size:18px;font-weight:900;color:#0B3D3A;margin:5px 0;letter-spacing:-0.5px}
.scr-sms-ref{font-size:9.5px;color:#64748B;margin-top:3px}
.scr-sms-time{font-size:8.5px;color:#94A3B8;text-align:right;margin-top:6px}

/* Veriphy Overlay on phone */
.scr-vp-overlay{position:absolute;bottom:0;left:0;right:0;background:white;border-radius:18px 18px 0 0;padding:14px 14px 18px;box-shadow:0 -6px 30px rgba(0,0,0,0.18);z-index:20;animation:vpup 0.55s cubic-bezier(0.34,1.3,0.64,1) 2.2s both,vpout 0.4s ease 5.5s both}
@keyframes vpup{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes vpout{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}
.vp-handle{width:32px;height:4px;background:#E2E8F0;border-radius:2px;margin:0 auto 12px}
.vp-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.vp-brand{display:flex;align-items:center;gap:6px}
.vp-brand-box{width:20px;height:20px;background:var(--p);border-radius:6px;display:flex;align-items:center;justify-content:center}
.vp-brand-name{font-size:11px;font-weight:800;color:var(--p);letter-spacing:0.5px}
.vp-realtime{font-size:9px;color:var(--accent);font-weight:600;display:flex;align-items:center;gap:4px}
.vp-rt-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;animation:edot 1.5s infinite}

.vp-verdict{display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#EAFBF8,#d1fdf7);border:1.5px solid var(--accent);border-radius:12px;padding:10px 12px;margin-bottom:10px}
.vp-verdict-icon{width:30px;height:30px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px rgba(34,197,94,0.3)}
.vp-verdict-main{font-size:15px;font-weight:800;color:var(--p);letter-spacing:0.2px}
.vp-verdict-sub{font-size:10px;color:var(--t2);margin-top:2px}

.vp-details{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.vp-det-row{display:flex;justify-content:space-between;font-size:10px;color:var(--t2)}
.vp-det-val{font-weight:700;color:var(--t1)}

.vp-safe{background:var(--green);color:white;text-align:center;padding:9px;border-radius:10px;font-size:11px;font-weight:800;letter-spacing:0.3px}

/* Floating cards around phone */
.phone-float{position:absolute;background:white;border-radius:14px;padding:10px 14px;box-shadow:var(--sh-md);display:flex;align-items:center;gap:8px;animation:float1 4s ease-in-out infinite}
.phone-float-1{top:80px;left:-60px;animation-delay:0s}
.phone-float-2{top:200px;right:-70px;animation-delay:1.5s}
.phone-float-3{bottom:120px;left:-50px;animation-delay:0.8s}
@keyframes float1{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.pf-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pf-val{font-size:12px;font-weight:700;color:var(--t1)}
.pf-sub{font-size:10px;color:var(--t2);margin-top:1px}

/* ─── TICKER ──────────────────────────────────────────── */
.ticker{background:var(--accent-s);border-top:1px solid rgba(20,184,166,0.15);border-bottom:1px solid rgba(20,184,166,0.15);padding:13px 0;overflow:hidden;white-space:nowrap}
.ticker-track{display:inline-flex;gap:0;animation:tick 35s linear infinite}
.ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0 40px;font-size:13px;font-weight:600;color:var(--p);border-right:1px solid rgba(20,184,166,0.2)}
.ticker-item svg{flex-shrink:0}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ─── SECTION COMMONS ─────────────────────────────────── */
.sec{padding:100px max(24px,calc((100vw - 1200px)/2))}
.sec-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-s);color:var(--p);padding:6px 14px;border-radius:var(--rfull);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
.sec-h2{font-size:clamp(32px,3.5vw,52px);font-weight:900;letter-spacing:-1.5px;line-height:1.08;margin-bottom:16px}
.sec-p{font-size:17px;color:var(--t2);line-height:1.75;max-width:560px}
.text-accent{color:var(--accent)}
.text-p{color:var(--p)}
.center{text-align:center}.center .sec-p{margin:0 auto}

/* ─── PROBLEM SECTION ────────────────────────────────── */
.prob-sec{background:var(--white)}
.prob-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:64px}
.prob-card{background:var(--surf);border:1px solid var(--border);border-radius:var(--r24);padding:32px 24px;position:relative;transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;overflow:hidden}
.prob-card::after{content:'';position:absolute;inset:0;border-radius:var(--r24);background:linear-gradient(135deg,rgba(239,68,68,0.04),transparent);pointer-events:none}
.prob-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:rgba(239,68,68,0.25)}
.prob-illus{width:64px;height:64px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--r16);background:#FEF2F2}
.prob-h{font-size:17px;font-weight:700;margin-bottom:10px;letter-spacing:-0.3px}
.prob-p{font-size:13.5px;color:var(--t2);line-height:1.65}
.prob-tag{display:inline-flex;align-items:center;gap:4px;background:#FEF2F2;color:var(--red);padding:4px 10px;border-radius:var(--rfull);font-size:11px;font-weight:700;margin-top:16px;border:1px solid rgba(239,68,68,0.15)}

/* ─── HOW IT WORKS ───────────────────────────────────── */
.hiw-sec{background:var(--surf)}
.hiw-hdr{max-width:520px;margin:0 auto 72px}
.hiw-flow{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr;align-items:start;gap:0}
.hiw-step{text-align:center}
.hiw-step-num-wrap{position:relative;width:72px;height:72px;margin:0 auto 24px}
.hiw-num{width:72px;height:72px;background:var(--p);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;letter-spacing:-1px}
.hiw-ico-badge{position:absolute;bottom:-4px;right:-4px;width:26px;height:26px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--surf)}
.hiw-visual{width:100%;height:130px;background:white;border-radius:var(--r20);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;max-width:220px;box-shadow:var(--sh-sm);overflow:hidden;position:relative}
.hiw-title{font-size:17px;font-weight:700;margin-bottom:10px;letter-spacing:-0.3px}
.hiw-desc{font-size:13.5px;color:var(--t2);line-height:1.65;max-width:200px;margin:0 auto}
.hiw-connector{display:flex;align-items:center;justify-content:center;padding-top:36px}
.hiw-line{display:flex;align-items:center;gap:0}
.hiw-line-seg{width:28px;height:2px;background:linear-gradient(90deg,var(--p),var(--accent))}
.hiw-line-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;margin:0 3px}

/* Step visual contents */
.sv-sms{background:white;border-radius:10px;padding:10px 12px;border:1px solid var(--border);width:120px;box-shadow:var(--sh-sm)}
.sv-sms-bank{font-size:9px;font-weight:800;color:#075E54;margin-bottom:4px}
.sv-sms-txt{font-size:8.5px;color:#333;line-height:1.4}
.sv-sms-amt{font-size:14px;font-weight:900;color:var(--p);margin:3px 0}
.sv-verify{display:flex;flex-direction:column;align-items:center;gap:6px}
.sv-verify-ring{width:48px;height:48px;border-radius:50%;border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;animation:spin-ring 2s linear infinite}
@keyframes spin-ring{0%{border-top-color:transparent;transform:rotate(0deg)}100%{border-top-color:transparent;transform:rotate(360deg)}}
.sv-verify-txt{font-size:9px;font-weight:700;color:var(--p)}
.sv-result{display:flex;flex-direction:column;align-items:center;gap:6px}
.sv-result-chip{background:#EAFBF8;border:1.5px solid var(--accent);color:var(--p);padding:5px 12px;border-radius:var(--rfull);font-size:10px;font-weight:800;display:flex;align-items:center;gap:5px}
.sv-result-sub{font-size:9px;color:var(--t2);text-align:center}

/* ─── OVERLAY SHOWCASE ───────────────────────────────── */
.ov-sec{background:var(--white);text-align:center}
.ov-hdr{max-width:560px;margin:0 auto 72px}
.ov-phones{display:flex;justify-content:center;gap:28px;align-items:flex-end;flex-wrap:wrap}
.ov-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.ov-wrap.featured{transform:scale(1.05);position:relative;z-index:2}
.ov-label{padding:6px 18px;border-radius:var(--rfull);font-size:12px;font-weight:800;letter-spacing:0.8px;text-transform:uppercase}
.lbl-v{background:#DCFCE7;color:#16A34A}.lbl-p{background:#FEF3C7;color:#D97706}.lbl-f{background:#FEE2E2;color:#DC2626}
.ov-phone{width:208px;height:408px;background:linear-gradient(160deg,#1a1a1a,#0d0d0d);border-radius:36px;padding:11px;box-shadow:0 24px 64px rgba(0,0,0,0.22),0 8px 24px rgba(0,0,0,0.1)}
.ov-screen{width:100%;height:100%;background:#ECE5DD;border-radius:27px;overflow:hidden;position:relative}
.ov-stat{background:#075E54;padding:22px 14px 8px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;color:white}
.ov-wa-hdr{background:#075E54;padding:6px 12px 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(0,0,0,0.1)}
.ov-wa-ava{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:white}
.ov-wa-name{font-size:10px;font-weight:700;color:white}
.ov-wa-sub{font-size:8px;color:rgba(255,255,255,0.65)}
.ov-chat{padding:8px 8px 4px;display:flex;flex-direction:column;gap:5px}
.ov-bubble{background:white;border-radius:2px 8px 8px 8px;padding:7px 9px;max-width:160px;box-shadow:var(--sh-sm)}
.ov-bub-bank{font-size:8px;font-weight:800;color:#075E54;margin-bottom:3px}
.ov-bub-txt{font-size:8px;color:#333;line-height:1.4}
.ov-bub-amt{font-size:14px;font-weight:900;color:var(--p);margin:3px 0}
.ov-bub-time{font-size:7px;color:#94A3B8;text-align:right}

/* Overlays in mini phones */
.mini-vp{position:absolute;bottom:0;left:0;right:0;background:white;border-radius:14px 14px 0 0;padding:10px 12px 14px;box-shadow:0 -4px 20px rgba(0,0,0,0.15)}
.mvp-handle{width:28px;height:3px;background:#E2E8F0;border-radius:2px;margin:0 auto 9px}
.mvp-brand{font-size:9px;font-weight:800;color:var(--p);display:flex;align-items:center;gap:4px;margin-bottom:8px}
.mvp-brand-box{width:16px;height:16px;background:var(--p);border-radius:5px;display:flex;align-items:center;justify-content:center}
.mvp-verdict{display:flex;align-items:center;gap:6px;padding:8px 9px;border-radius:9px;margin-bottom:8px;border:1.5px solid}
.mv-ic{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}
.mv-main{font-size:12px;font-weight:800}
.mv-sub{font-size:8.5px;margin-top:1px}
.mvp-rows{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}
.mvp-row{display:flex;justify-content:space-between;font-size:8.5px;color:var(--t2)}
.mvp-rv{font-weight:700;color:var(--t1)}
.mvp-btn{width:100%;padding:7px;border-radius:8px;font-size:10px;font-weight:800;text-align:center;color:white}
/* Verified */
.mv-verified .mvp-verdict{background:#EAFBF8;border-color:var(--accent)}
.mv-verified .mv-ic{background:var(--green);color:white}
.mv-verified .mv-main{color:var(--p)}
.mv-verified .mv-sub{color:var(--t2)}
.mv-verified .mvp-btn{background:var(--green);box-shadow:0 4px 12px rgba(34,197,94,0.3)}
/* Pending */
.mv-pending .mvp-verdict{background:#FFFBEB;border-color:var(--amber)}
.mv-pending .mv-ic{background:var(--amber);color:white}
.mv-pending .mv-main{color:#92400E}
.mv-pending .mv-sub{color:var(--t2)}
.mv-pending .mvp-btn{background:var(--amber);box-shadow:0 4px 12px rgba(245,158,11,0.3)}
/* Fake */
.mv-fake .mvp-verdict{background:#FEF2F2;border-color:var(--red)}
.mv-fake .mv-ic{background:var(--red);color:white}
.mv-fake .mv-main{color:#7F1D1D}
.mv-fake .mv-sub{color:var(--t2)}
.mv-fake .mvp-btn{background:var(--red);box-shadow:0 4px 12px rgba(239,68,68,0.3)}

.ov-desc{font-size:13px;color:var(--t2);max-width:180px;text-align:center;line-height:1.5;font-weight:500}

/* ─── TRUST SECTION ──────────────────────────────────── */
.trust-sec{background:linear-gradient(160deg,#071f1e,var(--p),#0F5C57);color:white;position:relative;overflow:hidden}
.trust-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 800px 600px at 80% 30%,rgba(20,184,166,0.1) 0%,transparent 70%);pointer-events:none}
.trust-hdr{max-width:540px;margin-bottom:64px;position:relative;z-index:1}
.trust-hdr .sec-h2{color:white}.trust-hdr .sec-p{color:rgba(255,255,255,0.6);max-width:480px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:1}
.trust-card{padding:32px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--r24);transition:background 0.3s,transform 0.3s}
.trust-card:hover{background:rgba(255,255,255,0.09);transform:translateY(-4px)}
.tc-icon{width:52px;height:52px;background:rgba(20,184,166,0.18);border-radius:var(--r16);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.tc-h{font-size:18px;font-weight:700;margin-bottom:10px;letter-spacing:-0.3px}
.tc-p{font-size:14px;color:rgba(255,255,255,0.55);line-height:1.65}
.trust-bottom{display:flex;align-items:center;gap:40px;margin-top:64px;padding-top:48px;border-top:1px solid rgba(255,255,255,0.1);position:relative;z-index:1}
.tb-stat .tv{font-size:32px;font-weight:900;color:var(--accent);letter-spacing:-1px}
.tb-stat .tl{font-size:13px;color:rgba(255,255,255,0.45);margin-top:4px}

/* ─── WHO IT'S FOR ───────────────────────────────────── */
.wif-sec{background:var(--surf)}
.wif-hdr{max-width:520px;margin:0 auto 64px;text-align:center}
.wif-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.wif-card{background:white;border:1px solid var(--border);border-radius:var(--r24);padding:32px 18px 24px;text-align:center;transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;cursor:pointer}
.wif-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md);border-color:var(--accent)}
.wif-illus{width:80px;height:80px;border-radius:var(--r20);margin:0 auto 18px;display:flex;align-items:center;justify-content:center}
.wif-h{font-size:14px;font-weight:700;margin-bottom:8px;letter-spacing:-0.2px}
.wif-p{font-size:12px;color:var(--t2);line-height:1.55}
.wif-tag{display:inline-block;background:var(--accent-s);color:var(--p);padding:3px 9px;border-radius:var(--rfull);font-size:10px;font-weight:700;margin-top:12px}

/* ─── FINAL CTA ──────────────────────────────────────── */
.cta-sec{background:linear-gradient(160deg,#060F0E,var(--p));text-align:center;padding:120px max(24px,calc((100vw - 1200px)/2));position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:600px;background:radial-gradient(circle,rgba(20,184,166,0.14) 0%,transparent 65%);pointer-events:none}
.cta-inner{position:relative;z-index:1}
.cta-h{font-size:clamp(40px,5.5vw,68px);font-weight:900;color:white;letter-spacing:-2px;line-height:1.05;margin-bottom:20px}
.cta-h span{color:var(--accent)}
.cta-p{font-size:18px;color:rgba(255,255,255,0.55);margin-bottom:48px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}
.cta-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.cta-stores{display:flex;justify-content:center;gap:14px;margin-top:32px;flex-wrap:wrap}
.store-btn{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:white;padding:12px 20px;border-radius:var(--r12);text-decoration:none;transition:all 0.2s}
.store-btn:hover{background:rgba(255,255,255,0.13);transform:translateY(-2px)}
.sb-top{font-size:10px;color:rgba(255,255,255,0.5);line-height:1}
.sb-main{font-size:14px;font-weight:700;margin-top:2px}

/* ─── FOOTER ─────────────────────────────────────────── */
footer{background:#040D0C;padding:64px max(24px,calc((100vw - 1200px)/2)) 40px}
.ft-top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.07);margin-bottom:32px}
.ft-brand-desc{font-size:13px;color:rgba(255,255,255,0.4);line-height:1.7;margin-top:14px;max-width:260px}
.ft-col-h{font-size:11px;font-weight:700;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:20px}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.ft-links a{color:rgba(255,255,255,0.5);text-decoration:none;font-size:14px;transition:color 0.2s}
.ft-links a:hover{color:white}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:rgba(255,255,255,0.25);flex-wrap:wrap;gap:12px}
.ft-legal{display:flex;gap:24px}
.ft-legal a{color:rgba(255,255,255,0.25);text-decoration:none;transition:color 0.2s}
.ft-legal a:hover{color:rgba(255,255,255,0.55)}

/* ─── SCROLL ANIMATION ───────────────────────────────── */
.fade-up{opacity:0;transform:translateY(28px);transition:opacity 0.65s ease,transform 0.65s ease}
.fade-up.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:0.05s}.d2{transition-delay:0.12s}.d3{transition-delay:0.19s}.d4{transition-delay:0.26s}.d5{transition-delay:0.33s}

/* ─── RESPONSIVE ─────────────────────────────────────── */
@media(max-width:1024px){
  .prob-grid{grid-template-columns:repeat(2,1fr)}
  .wif-grid{grid-template-columns:repeat(3,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .hiw-flow{grid-template-columns:1fr;gap:32px}
  .hiw-connector{display:none}
}
@media(max-width:860px){
  .hero-inner{grid-template-columns:1fr}
  .hero-phone-col{display:none}
  .nav-links{display:none}
  .ft-top{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .sec{padding:72px 20px}
  .prob-grid{grid-template-columns:1fr}
  .wif-grid{grid-template-columns:repeat(2,1fr)}
  .ft-top{grid-template-columns:1fr}
  .ov-phones{flex-direction:column;align-items:center}
  .ov-wrap.featured{transform:none}
}