/* ============================================
   Diginex-US Homepage Styles — home.css
   Place in: kadence-child/home.css
   ============================================ */

*{margin:0;padding:0;box-sizing:border-box}
:root{
--navy:#1B2E5C;--navy2:#243B6E;--navy3:#132247;--navyl:#E8ECF4;--navyxl:#F2F4F8;
--gold:#D4A843;--gold2:#C49735;--gold3:#B8912E;--goldl:#FBF5E8;
--bg:#FAFBFD;--w:#FFF;
--t:#1A1F2E;--t2:#4A5168;--t3:#8B92A5;
--bd:#E2E5ED;--bd2:#EDEEF3;
--green:#0F8A5F;--greenl:#EDFBF4;
--red:#C53030;--redl:#FEF2F2;
--teal:#0E7C86;--teall:#E8F8F9;
--r:14px;--rs:8px;
--sh:0 1px 3px rgba(27,46,92,.04),0 4px 16px rgba(27,46,92,.03);
--shm:0 2px 8px rgba(27,46,92,.05),0 8px 28px rgba(27,46,92,.06);
--shl:0 4px 12px rgba(27,46,92,.04),0 16px 44px rgba(27,46,92,.08)
}
html{scroll-behavior:smooth}
body{background:var(--w);color:var(--t);font-family:'Outfit',sans-serif;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.18;letter-spacing:-.03em}
a{text-decoration:none;color:inherit;transition:all .25s}
.c{max-width:1200px;margin:0 auto;padding:0 36px}
.s{padding:108px 0}
.sh{text-align:center;max-width:660px;margin:0 auto 60px}
.sh .ey{font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700;display:block;margin-bottom:12px}
.sh h2{font-size:clamp(30px,3.6vw,48px);font-weight:800;letter-spacing:-.035em;margin-bottom:16px;color:var(--navy)}
.sh h2 em{font-style:normal;color:var(--gold)}
.sh p{font-size:17px;color:var(--t2);line-height:1.75}
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:var(--rs);font-family:'Outfit',sans-serif;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}
.bp{background:var(--gold);color:var(--navy3)}.bp:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(212,168,67,.3)}
.bs{background:transparent;color:var(--navy);border:1.5px solid var(--bd)}.bs:hover{border-color:var(--navy);background:var(--navyxl)}
.bbl{background:var(--navy);color:#fff}.bbl:hover{background:var(--navy3);transform:translateY(-2px)}
.bgh{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15)}.bgh:hover{background:rgba(255,255,255,.2)}
.bw{background:#fff;color:var(--navy);font-weight:600}.bw:hover{transform:translateY(-2px);box-shadow:var(--shm)}

/* NAV */
nav{position:fixed;top:0;left:0;width:100%;z-index:100;padding:14px 0;transition:all .35s}
nav.scrolled{background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--bd2);padding:10px 0;box-shadow:0 1px 8px rgba(27,46,92,.05)}
.ni{display:flex;align-items:center;justify-content:space-between}
.logo img{height:38px;width:auto}
.nl{display:flex;gap:4px;align-items:center}
.nl a{font-size:14px;color:var(--t2);font-weight:500;padding:7px 14px;border-radius:8px}
.nl a:hover{color:var(--navy);background:var(--navyxl)}
.nl .dd{position:relative}
.nl .dd>a::after{content:'';border:4px solid transparent;border-top:4px solid var(--t3);margin-left:4px;display:inline-block;vertical-align:middle}
.ddc{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:240px;background:var(--w);border:1px solid var(--bd);border-radius:var(--r);padding:8px;box-shadow:var(--shl);opacity:0;pointer-events:none;transition:all .2s}
.nl .dd:hover .ddc{opacity:1;pointer-events:all}
.ddc a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--rs);font-size:13px;color:var(--t2);white-space:nowrap}
.ddc a:hover{background:var(--navyxl);color:var(--navy)}
.ddc .di{width:30px;height:30px;border-radius:8px;background:var(--navyxl);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}
.nc{padding:10px 22px;font-size:13px}
.mt{display:none;background:none;border:none;cursor:pointer;padding:8px}
.mt span{display:block;width:20px;height:1.5px;background:var(--navy);margin:4px 0;border-radius:2px}
.mm{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,.98);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;opacity:0;pointer-events:none;transition:opacity .25s;backdrop-filter:blur(14px)}
.mm.open{opacity:1;pointer-events:all}
.mm a{font-size:18px;color:var(--t);font-weight:500;padding:8px 16px}
.mm .ml{font-size:10px;color:var(--t3);letter-spacing:2.5px;text-transform:uppercase;font-weight:700;margin-top:16px}
.mmc{position:absolute;top:18px;right:24px;font-size:28px;color:var(--t);cursor:pointer;background:none;border:none}

/* HERO */
.hero{padding:152px 0 0;background:var(--w);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-30%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(212,168,67,.07),transparent 55%);pointer-events:none}
.hero-in{text-align:center;max-width:840px;margin:0 auto;position:relative;z-index:2}
.hbadge{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--gold3);letter-spacing:.5px;padding:8px 20px;background:var(--goldl);border:1px solid rgba(212,168,67,.18);border-radius:28px;margin-bottom:32px}
.hbadge .dot{width:7px;height:7px;background:var(--gold);border-radius:50%;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(40px,6vw,68px);font-weight:800;line-height:1.04;margin-bottom:28px;color:var(--navy)}
.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--gold),var(--gold3));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero h1 .l2{display:block;font-size:.58em;color:var(--t2);font-weight:500;letter-spacing:-.005em;margin-top:10px;font-family:'Outfit',sans-serif}
.hsub{font-size:18.5px;color:var(--t2);max-width:640px;margin:0 auto 40px;line-height:1.72}
.hbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hstrip{display:flex;border-top:1px solid var(--bd2);margin-top:68px}
.hstrip-i{flex:1;padding:30px 20px;text-align:center;border-right:1px solid var(--bd2);transition:background .3s}
.hstrip-i:last-child{border-right:none}
.hstrip-i:hover{background:var(--navyxl)}
.hstrip-i h4{font-family:'Bricolage Grotesque',sans-serif;font-size:34px;font-weight:800;color:var(--navy);letter-spacing:-.02em}
.hstrip-i h4 span{color:var(--gold)}
.hstrip-i p{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:1.8px;font-weight:600;margin-top:4px}

/* TRUST BAR */
.trustbar{padding:36px 0;border-bottom:1px solid var(--bd2);background:var(--bg)}
.tb{display:flex;align-items:center;justify-content:center;gap:44px;flex-wrap:wrap}
.tbi{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--t3)}
.tbi .ico{width:32px;height:32px;border-radius:8px;background:var(--w);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:15px}

/* PILLARS */
.pillars{background:var(--bg)}
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pc{background:var(--w);border:1px solid var(--bd);border-radius:16px;overflow:hidden;transition:all .4s;position:relative}
.pc:hover{box-shadow:var(--shl);transform:translateY(-6px)}
.pc-bar{height:4px}
.pc:nth-child(1) .pc-bar{background:linear-gradient(90deg,var(--navy),var(--navy2))}
.pc:nth-child(2) .pc-bar{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.pc:nth-child(3) .pc-bar{background:linear-gradient(90deg,var(--teal),#0A9AA6)}
.pc-body{padding:36px 30px 24px}
.pc-ic{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;font-size:26px}
.pc:nth-child(1) .pc-ic{background:var(--navyl)}
.pc:nth-child(2) .pc-ic{background:var(--goldl)}
.pc:nth-child(3) .pc-ic{background:var(--teall)}
.pc h3{font-size:22px;font-weight:800;color:var(--navy);margin-bottom:10px}
.pc .desc{font-size:15px;color:var(--t2);line-height:1.72;margin-bottom:24px}
.pc-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.pcli{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--t2);line-height:1.55}
.pcli .ck{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;margin-top:1px}
.pc:nth-child(1) .ck{background:var(--navyl);color:var(--navy)}
.pc:nth-child(2) .ck{background:var(--goldl);color:var(--gold3)}
.pc:nth-child(3) .ck{background:var(--teall);color:var(--teal)}
.pc-ft{display:flex;align-items:center;justify-content:space-between;padding:16px 30px;border-top:1px solid var(--bd2)}
.pc-ft a{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pc-ft a:hover{gap:10px}
.pc:nth-child(1) .pc-ft a{color:var(--navy)}
.pc:nth-child(2) .pc-ft a{color:var(--gold3)}
.pc:nth-child(3) .pc-ft a{color:var(--teal)}
.pc-ft .tag{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;padding:4px 12px;border-radius:6px}
.pc:nth-child(1) .tag{background:var(--navyl);color:var(--navy)}
.pc:nth-child(2) .tag{background:var(--goldl);color:var(--gold3)}
.pc:nth-child(3) .tag{background:var(--teall);color:var(--teal)}

/* NFC PROFILES */
.nfc{background:var(--w);border-top:1px solid var(--bd2);border-bottom:1px solid var(--bd2)}
.nfc-g{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.nfc-visual{position:relative}
.nfc-phone{background:var(--navy3);border-radius:28px;padding:12px;width:260px;margin:0 auto;box-shadow:0 20px 60px rgba(27,46,92,.2);position:relative;overflow:hidden}
.nfc-screen{background:var(--w);border-radius:18px;overflow:hidden}
.nfc-header{background:linear-gradient(135deg,var(--navy),var(--navy2));padding:24px 20px 18px;text-align:center;color:#fff}
.nfc-header .nfc-avatar{width:56px;height:56px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:22px;font-weight:800;color:var(--navy3);font-family:'Bricolage Grotesque',sans-serif}
.nfc-header h4{font-size:15px;font-weight:700;font-family:'Bricolage Grotesque',sans-serif}
.nfc-header p{font-size:10px;opacity:.6;margin-top:2px}
.nfc-body{padding:16px}
.nfc-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--bd2);border-radius:8px;margin-bottom:8px;font-size:12px;color:var(--t2)}
.nfc-row .nfc-ri{width:24px;height:24px;border-radius:6px;background:var(--navyxl);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.nfc-share{display:flex;gap:6px;margin-top:12px}
.nfc-share span{flex:1;text-align:center;padding:8px;border-radius:8px;font-size:10px;font-weight:600;cursor:default}
.nfc-share .sh1{background:var(--navyl);color:var(--navy)}
.nfc-share .sh2{background:var(--goldl);color:var(--gold3)}
.nfc-share .sh3{background:var(--greenl);color:var(--green)}
.nfc-tap{position:absolute;bottom:-12px;right:-12px;background:var(--gold);color:var(--navy3);font-size:10px;font-weight:800;letter-spacing:1px;padding:10px 18px;border-radius:20px;box-shadow:0 4px 20px rgba(212,168,67,.4);animation:tapPulse 2s infinite;text-transform:uppercase}
@keyframes tapPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.nfc-text h2{font-size:clamp(28px,3.2vw,42px);font-weight:800;color:var(--navy);letter-spacing:-.03em;margin-bottom:18px}
.nfc-text h2 em{font-style:normal;color:var(--gold)}
.nfc-text>p{font-size:15.5px;color:var(--t2);line-height:1.78;margin-bottom:16px}
.nfc-features{display:flex;flex-direction:column;gap:14px;margin:28px 0}
.nfc-feat{display:flex;align-items:flex-start;gap:12px}
.nfc-feat .nf-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.nfc-feat:nth-child(1) .nf-ic{background:var(--navyl)}
.nfc-feat:nth-child(2) .nf-ic{background:var(--goldl)}
.nfc-feat:nth-child(3) .nf-ic{background:var(--teall)}
.nfc-feat:nth-child(4) .nf-ic{background:var(--greenl)}
.nfc-feat h4{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:2px;font-family:'Outfit',sans-serif}
.nfc-feat p{font-size:13.5px;color:var(--t2);line-height:1.6}

/* TOOL TABLE */
.toolsec{background:var(--bg)}
.tf{background:var(--w);border:1px solid var(--bd);border-radius:16px;overflow:hidden;box-shadow:var(--shl);max-width:940px;margin:0 auto}
.tf-top{display:flex;align-items:center;gap:6px;padding:14px 20px;background:var(--navyxl);border-bottom:1px solid var(--bd2)}
.tfd{width:7px;height:7px;border-radius:50%}.tfd:nth-child(1){background:#EF4444;opacity:.5}.tfd:nth-child(2){background:#F59E0B;opacity:.5}.tfd:nth-child(3){background:#22C55E;opacity:.5}
.tfurl{flex:1;text-align:center;font-size:10px;color:var(--t3);padding:4px 12px;background:var(--w);border-radius:4px;border:1px solid var(--bd2);margin:0 32px}
.tft{width:100%;border-collapse:collapse}
.tft th{text-align:left;padding:14px 22px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--t3);border-bottom:1px solid var(--bd)}
.tft td{padding:16px 22px;font-size:14.5px;color:var(--t2);border-bottom:1px solid var(--bd2)}
.tft tr:last-child td{border-bottom:none}
.tft tr:hover td{background:var(--navyxl)}
.tn{font-weight:700;color:var(--navy);display:flex;align-items:center;gap:10px}
.tico{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:11px;flex-shrink:0}
.vd{font-weight:700;font-size:11px;padding:4px 12px;border-radius:14px;display:inline-block}
.vd.best{background:var(--greenl);color:var(--green)}
.vd.val{background:var(--goldl);color:var(--gold3)}
.vd.link{background:var(--navyl);color:var(--navy)}

/* WHY TRUST */
.trust{background:var(--w);border-top:1px solid var(--bd2);border-bottom:1px solid var(--bd2)}
.tg{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.tc{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:36px 32px;transition:all .35s;display:flex;gap:20px;align-items:flex-start}
.tc:hover{box-shadow:var(--shm);transform:translateY(-3px)}
.tc-ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.tc:nth-child(1) .tc-ic{background:var(--navyl)}
.tc:nth-child(2) .tc-ic{background:var(--goldl)}
.tc:nth-child(3) .tc-ic{background:var(--greenl)}
.tc:nth-child(4) .tc-ic{background:var(--teall)}
.tc h3{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:6px}
.tc p{font-size:14px;color:var(--t2);line-height:1.72}

/* NUMBERS */
.nums{background:var(--navy);padding:64px 0;position:relative;overflow:hidden}
.nums::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(212,168,67,.1),transparent 55%);pointer-events:none}
.nums-g{display:grid;grid-template-columns:repeat(4,1fr)}
.numi{text-align:center;padding:0 20px;border-right:1px solid rgba(255,255,255,.08)}
.numi:last-child{border-right:none}
.numi h3{font-size:clamp(36px,4.5vw,52px);font-weight:800;color:var(--gold);font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.03em}
.numi p{font-size:11px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-top:6px}

/* HOW IT WORKS */
.how{background:var(--bg)}
.how-g{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.how-g::before{content:'';position:absolute;top:44px;left:16.5%;width:67%;height:2px;background:linear-gradient(90deg,var(--navy),var(--gold),var(--green))}
.hstep{text-align:center;padding:0 32px;position:relative}
.hsn{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;position:relative;z-index:2;font-size:32px;transition:all .4s}
.hstep:nth-child(1) .hsn{background:var(--navyl);border:2.5px solid rgba(27,46,92,.1)}
.hstep:nth-child(2) .hsn{background:var(--goldl);border:2.5px solid rgba(212,168,67,.12)}
.hstep:nth-child(3) .hsn{background:var(--greenl);border:2.5px solid rgba(15,138,95,.1)}
.hstep:hover .hsn{transform:scale(1.1);box-shadow:var(--shm)}
.hs-tag{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--t3);margin-bottom:8px}
.hstep h3{font-size:19px;color:var(--navy);margin-bottom:8px}
.hstep>p{font-size:14.5px;color:var(--t2);line-height:1.72}

/* ABOUT */
.about{background:var(--w);border-top:1px solid var(--bd2);border-bottom:1px solid var(--bd2)}
.about-g{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
.about-card{background:var(--bg);border:1px solid var(--bd);border-radius:16px;padding:40px 36px;position:relative;overflow:hidden}
.about-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--navy),var(--gold))}
.about-card .alogo{margin-bottom:20px}
.about-card .aq{font-size:20px;font-weight:600;color:var(--navy);line-height:1.5;margin-bottom:20px;font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.02em}
.about-card .an{font-size:14px;font-weight:700;color:var(--navy)}
.about-card .ar{font-size:13px;color:var(--t3)}
.about-s{display:flex;gap:16px;margin-top:24px}
.about-si{flex:1;background:var(--w);border:1px solid var(--bd);border-radius:var(--rs);padding:14px 16px;text-align:center}
.about-si h4{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:800;color:var(--navy)}
.about-si p{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}
.about-txt h2{font-size:clamp(28px,3.2vw,40px);font-weight:800;color:var(--navy);letter-spacing:-.03em;margin-bottom:20px}
.about-txt h2 em{font-style:normal;color:var(--gold)}
.about-txt p{font-size:15.5px;color:var(--t2);line-height:1.78;margin-bottom:16px}
.about-txt p strong{color:var(--navy)}
.about-txt a.more{font-size:14px;font-weight:600;color:var(--navy);display:inline-flex;align-items:center;gap:6px;margin-top:8px}
.about-txt a.more:hover{gap:10px}

/* TESTIMONIALS */
.testi{background:var(--bg)}
.testi-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.test-c{background:var(--w);border:1px solid var(--bd);border-radius:var(--r);padding:32px 28px;transition:all .3s}
.test-c:hover{box-shadow:var(--shm);transform:translateY(-3px)}
.test-stars{color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:14px}
.test-c blockquote{font-size:15px;color:var(--t);line-height:1.72;margin-bottom:20px;font-style:normal}
.test-who{display:flex;align-items:center;gap:12px}
.test-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}
.test-c:nth-child(1) .test-av{background:var(--navy)}
.test-c:nth-child(2) .test-av{background:var(--gold3)}
.test-c:nth-child(3) .test-av{background:var(--teal)}
.test-nm{font-size:14px;font-weight:600;color:var(--navy)}
.test-rl{font-size:12px;color:var(--t3)}

/* CONTACT */
.contact{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:108px 0}
.contact::before{content:'';position:absolute;top:-40%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,168,67,.1),transparent 50%);pointer-events:none}
.con-g{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2}
.con-l h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;letter-spacing:-.035em;margin-bottom:18px}
.con-l h2 em{font-style:normal;color:var(--gold)}
.con-l>p{font-size:17px;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:36px}
.con-info{display:flex;flex-direction:column;gap:16px}
.ci{display:flex;align-items:center;gap:14px;font-size:14.5px;color:rgba(255,255,255,.7)}
.ci-ic{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.con-form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:36px 32px}
.cf-t{font-size:18px;font-weight:700;margin-bottom:24px;font-family:'Bricolage Grotesque',sans-serif}
.cf-r{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.cf-f{display:flex;flex-direction:column;gap:6px}
.cf-f.full{grid-column:1/-1}
.cf-f label{font-size:11px;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1.5px}
.cf-f input,.cf-f textarea,.cf-f select{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rs);padding:13px 16px;color:#fff;font-family:'Outfit',sans-serif;font-size:14px;outline:none;transition:border .3s}
.cf-f input:focus,.cf-f textarea:focus,.cf-f select:focus{border-color:var(--gold)}
.cf-f input::placeholder,.cf-f textarea::placeholder{color:rgba(255,255,255,.25)}
.cf-f textarea{min-height:100px;resize:vertical}
.cf-f select{appearance:none;cursor:pointer}
.cf-f select option{background:var(--navy);color:#fff}
.cf-sub{width:100%;margin-top:8px;justify-content:center}

/* FOOTER */
footer{background:var(--w);border-top:1px solid var(--bd2);padding:60px 0 32px}
.fg{display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
.fa .logo{margin-bottom:14px;display:inline-flex}
.fa>p{font-size:13.5px;color:var(--t2);line-height:1.7;max-width:260px}
.fcol h4{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px;font-weight:700;color:var(--t3)}
.fcol a{display:block;font-size:14px;color:var(--t2);margin-bottom:10px}
.fcol a:hover{color:var(--navy)}
.fb{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid var(--bd2)}
.fb p{font-size:12px;color:var(--t3)}
.fbl{display:flex;gap:20px}
.fbl a{font-size:12px;color:var(--t3)}.fbl a:hover{color:var(--navy)}
.fdiscl{font-size:11px;color:var(--t3);text-align:center;margin-top:20px;line-height:1.65}

/* ANIMATIONS */
.fi{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.25,.8,.25,1)}.fi.v{opacity:1;transform:translateY(0)}.fi.dl1{transition-delay:.12s}.fi.dl2{transition-delay:.24s}

/* RESPONSIVE */
@media(max-width:1024px){
  .pg,.tg,.testi-g{grid-template-columns:1fr}
  .how-g{grid-template-columns:1fr;gap:48px}
  .how-g::before{display:none}
  .nums-g{grid-template-columns:repeat(2,1fr);gap:32px}
  .nfc-g,.about-g,.con-g{grid-template-columns:1fr;gap:48px}
  .hstrip{flex-wrap:wrap}
  .hstrip-i{min-width:48%}
  .fg{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .c{padding:0 20px}
  .s{padding:80px 0}
  .nl{display:none}
  .mt{display:block}
  .hero{padding:124px 0 0}
  .hero h1{font-size:clamp(32px,8vw,44px)}
  .hstrip{flex-direction:column}
  .hstrip-i{border-right:none;border-bottom:1px solid var(--bd2)}
  .hstrip-i:last-child{border-bottom:none}
  .tb{gap:20px}
  .nums-g{grid-template-columns:1fr;gap:24px}
  .numi{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:24px}
  .numi:last-child{border-bottom:none}
  .cf-r{grid-template-columns:1fr}
  .fg{grid-template-columns:1fr;gap:24px}
  .fb{flex-direction:column;gap:12px;text-align:center}
}