/* ═══════════════════════════════════════════
   TOKENS
═══════════════════════════════════════════ */
:root{
  --gold:#B8922A;--gold-lt:#D4AA4A;--gold-pale:#F5EDD6;--gold-tint:#FBF7EE;
  --gold-bd:rgba(184,146,42,.22);--gold-glow:rgba(184,146,42,.10);
  --ink:#1A1710;--ink-2:#2E2B24;--ink-3:#4A4740;
  --grey:#7A7670;--grey-lt:#A8A49E;
  --rule:#E8E4DC;--rule-dk:#D6D0C4;
  --bg:#FAFAF7;--bg-2:#F4F2EC;--bg-3:#EEEAE0;--white:#FFFFFF;
  --sh-sm:0 1px 4px rgba(26,23,16,.08);
  --sh-md:0 4px 20px rgba(26,23,16,.10);
  --sh-lg:0 12px 48px rgba(26,23,16,.13);
  --nav-h:68px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}
a{text-decoration:none;cursor:pointer}
img{max-width:100%}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg-2)}
::-webkit-scrollbar-thumb{background:var(--gold-lt);border-radius:3px}

/* ═══════════════════════════════════════════
   SHARED UI
═══════════════════════════════════════════ */
.btn-p{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:4px;background:var(--gold);color:var(--white);font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .2s;border:none;cursor:pointer;font-family:'DM Sans',sans-serif}
.btn-p:hover{background:var(--gold-lt);transform:translateY(-2px);box-shadow:0 8px 24px rgba(184,146,42,.3)}
.btn-s{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:4px;background:transparent;color:var(--ink-2);border:1.5px solid var(--rule-dk);font-size:12.5px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;cursor:pointer;font-family:'DM Sans',sans-serif}
.btn-s:hover{border-color:var(--gold);color:var(--gold)}
.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:4px;border:1px solid var(--gold-bd);color:var(--gold);font-size:12px;font-weight:600;transition:all .2s;cursor:pointer;background:transparent;font-family:'DM Sans',sans-serif}
.btn-ghost:hover{background:var(--gold-tint)}
.container{max-width:1200px;margin:0 auto}
.sec-tag{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.sec-tag::before{content:'';display:block;width:18px;height:1px;background:var(--gold)}
.sec-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(30px,4.5vw,50px);letter-spacing:1.5px;line-height:1;color:var(--ink);margin-bottom:12px}
.sec-title span{color:var(--gold)}
.sec-sub{font-family:'Lora',serif;font-size:15px;font-style:italic;line-height:1.75;color:var(--grey)}
.la{font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:6px;transition:gap .2s}
.la:hover{gap:10px}
.ct{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:100px;border:1px solid;white-space:nowrap;display:inline-block}
.ctg{border-color:rgba(184,146,42,.4);color:var(--gold);background:var(--gold-tint)}
.cts{border-color:rgba(130,130,130,.3);color:#666;background:#f5f5f5}
.ctb{border-color:rgba(247,147,26,.35);color:#E07B0A;background:#FFF8F0}
.ctc{border-color:rgba(98,126,234,.35);color:#4A5EC7;background:#F0F2FD}
.fp{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:100px;font-size:12px;font-weight:500;border:1px solid var(--rule-dk);color:var(--grey);background:var(--white);cursor:pointer;transition:all .15s;white-space:nowrap;user-select:none}
.fp.active,.fp:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-tint)}
.fp-dot{width:7px;height:7px;border-radius:50%}
.fp-g .fp-dot{background:#B8922A}.fp-s .fp-dot{background:#888}.fp-b .fp-dot{background:#F7931A}.fp-c .fp-dot{background:#627EEA}
.sinput,.sselect{width:100%;height:44px;background:var(--bg);border:1px solid var(--rule);border-radius:6px;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13.5px;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.sinput{padding:0 12px 0 38px}.sinput::placeholder{color:var(--grey-lt)}
.sselect{padding:0 12px 0 38px;cursor:pointer}
.sinput:focus,.sselect:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,146,42,.12)}
/* Currency multiselect dropdown */
.cms-wrap{position:relative;display:inline-block;min-width:180px;z-index:10}
.cms-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--white);border:1px solid var(--rule);border-radius:6px;cursor:pointer;font-size:13px;transition:border-color .2s;min-height:40px}
.cms-trigger:hover{border-color:var(--gold-bd)}
.cms-dd{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--rule);border-radius:8px;box-shadow:var(--sh-lg);z-index:700;padding:6px 0;min-width:180px}
.cms-opt{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:13px;color:var(--ink-3);cursor:pointer;transition:background .15s;user-select:none}
.cms-opt:hover{background:var(--gold-tint)}
.cms-opt input[type=checkbox]{width:15px;height:15px;accent-color:var(--gold);cursor:pointer;flex-shrink:0}
.sf{position:relative}
.sf-ic{position:absolute;left:12px;bottom:13px;pointer-events:none;color:var(--gold)}
.sf label{display:block;font-size:10.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--grey);margin-bottom:6px}
.btn-srch{height:44px;padding:0 22px;background:var(--ink);color:var(--white);font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.btn-srch:hover{background:var(--gold)}
.sugg-box{position:absolute;left:0;right:0;top:calc(100% + 2px);z-index:600;background:var(--white);border:1px solid var(--rule);border-radius:0 0 7px 7px;box-shadow:var(--sh-md);display:none;max-height:200px;overflow-y:auto}
.sugg-item{padding:10px 14px;cursor:pointer;font-size:13px;color:var(--ink-2);border-bottom:1px solid var(--rule);transition:background .15s}
.sugg-item:last-child{border-bottom:none}
.sugg-item:hover{background:var(--gold-tint)}
.lcard{background:var(--white);border:1px solid var(--rule);border-radius:10px;overflow:hidden;transition:all .25s;cursor:pointer;display:flex;flex-direction:column}
.lcard:hover{border-color:var(--gold-bd);transform:translateY(-3px);box-shadow:var(--sh-lg)}
.lcard-top{height:100px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;position:relative;color:var(--gold-lt);flex-shrink:0}
.lbadge{position:absolute;top:9px;left:9px;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 9px;border-radius:3px;background:var(--gold);color:var(--white)}
.lbody{padding:16px;flex:1;display:flex;flex-direction:column}
.lcat{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.lname{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1px;color:var(--ink);margin-bottom:4px;line-height:1.1}
.ldesc{font-size:13px;line-height:1.6;color:var(--grey);margin-bottom:10px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lm{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--grey)}
.lcurr{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--rule)}
.page-hero{background:var(--white);border-bottom:1px solid var(--rule);padding:44px 48px 36px}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--grey);margin-bottom:14px;flex-wrap:wrap}
.breadcrumb a{color:var(--grey);transition:color .2s}.breadcrumb a:hover{color:var(--gold)}
.breadcrumb span{color:var(--rule-dk)}
.page-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(34px,5vw,56px);letter-spacing:2px;line-height:1;color:var(--ink);margin-bottom:8px}
.page-title span{color:var(--gold)}
.page-sub{font-family:'Lora',serif;font-size:15.5px;font-style:italic;color:var(--grey);line-height:1.7}

/* ═══════════════════════════════════════════
   LAUNCH BANNER + TICKER
═══════════════════════════════════════════ */
.lb{background:var(--ink);padding:9px 48px;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;flex-wrap:wrap}
.lb-txt{font-size:11.5px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-pale)}
.lb-code{font-size:11.5px;font-weight:700;letter-spacing:2px;background:var(--gold);color:var(--ink);padding:3px 10px;border-radius:3px}
.lb-x{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--grey-lt);font-size:16px;cursor:pointer;opacity:.6;line-height:1}
.lb-x:hover{opacity:1}
.ticker{background:var(--bg-2);border-bottom:1px solid var(--rule);padding:7px 0;overflow:hidden;position:relative}
.ticker::before,.ticker::after{content:'';position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(to right,var(--bg-2),transparent)}
.ticker::after{right:0;background:linear-gradient(to left,var(--bg-2),transparent)}
.ticker-t,.ticker-track{display:flex;gap:32px;white-space:nowrap;animation:tick 28s linear infinite}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ti{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500}
.ti .s{color:var(--gold);font-weight:700;letter-spacing:.5px}.ti .v{color:var(--ink-2)}
.ti .u{color:#2E7D45}.ti .d{color:#C0392B}
.tsep{color:var(--rule-dk)}

/* ═══════════════════════════════════════════
   NAV
═══════════════════════════════════════════ */
.nav{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:var(--nav-h);background:rgba(250,250,247,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);box-shadow:var(--sh-sm)}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:19px;letter-spacing:2.5px;color:var(--ink);display:flex;align-items:center;gap:10px;cursor:pointer}
.nav-logo-mk,.nav-logo-mark{width:30px;height:30px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0}
.nav-links{display:flex;align-items:center;list-style:none}
.nav-links>li{position:relative}
.nav-links>li>a,.nav-links>li>span{display:flex;align-items:center;gap:4px;padding:0 14px;height:var(--nav-h);font-size:11.5px;font-weight:500;letter-spacing:.6px;color:var(--ink-3);cursor:pointer;text-transform:uppercase;transition:color .2s;white-space:nowrap}
.nav-links>li>a:hover,.nav-links>li:hover>span,.nav-links>li>a.active{color:var(--gold)}
.nav-caret{font-size:9px;transition:transform .2s}
.nav-links>li:hover .nav-caret{transform:rotate(180deg)}
.nav-dd{position:absolute;top:100%;left:0;min-width:210px;background:var(--white);border:1px solid var(--rule);border-top:2px solid var(--gold);border-radius:0 0 8px 8px;box-shadow:var(--sh-lg);padding:6px 0;list-style:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:all .2s}
.nav-links>li:hover .nav-dd{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}
.nav-dd li a{display:block;padding:9px 18px;font-size:13px;color:var(--ink-3);transition:all .15s}
.nav-dd li a:hover{color:var(--gold);background:var(--gold-tint);padding-left:22px}
.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.btn-login{font-size:13px;font-weight:500;color:var(--ink-3);transition:color .2s;white-space:nowrap;background:none;border:none;cursor:pointer;font-family:'DM Sans',sans-serif}
.btn-login:hover{color:var(--gold)}
.btn-reg{font-size:11.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;background:var(--gold);color:var(--white);padding:9px 18px;border-radius:4px;transition:all .2s;white-space:nowrap;cursor:pointer}
.btn-reg:hover{background:var(--gold-lt);transform:translateY(-1px);box-shadow:0 4px 14px rgba(184,146,42,.35)}
.nav-avatar{width:26px;height:26px;border-radius:50%;background:var(--gold-tint);border:1.5px solid var(--gold-bd);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gold)}
.hbg{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:6px}
.hbg span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:all .25s}
.hbg.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hbg.open span:nth-child(2){opacity:0}
.hbg.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mob-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--white);z-index:999;padding:80px 24px 32px;overflow-y:auto;flex-direction:column}
.mob-nav.open{display:flex}
.mob-link{display:block;padding:14px 0;font-size:16px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--rule);transition:color .2s;cursor:pointer}
.mob-link:hover{color:var(--gold)}
.mob-sub{padding:6px 0 6px 16px;display:none;flex-direction:column;gap:2px}
.mob-sub a{display:block;padding:8px 0;font-size:14px;color:var(--ink-3)}
.mob-sub a:hover{color:var(--gold)}
.mob-acts{margin-top:24px;display:flex;flex-direction:column;gap:10px}

/* ═══════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════ */
.footer{background:var(--ink-2);border-top:1px solid rgba(255,255,255,.06);padding:60px 48px 32px}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.06)}
.f-logo{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;color:var(--gold-pale);margin-bottom:12px;display:flex;align-items:center;gap:8px;cursor:pointer}
.f-logo-mk,.f-logo-mark{width:26px;height:26px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0}
.f-desc{font-size:13px;line-height:1.75;color:rgba(255,255,255,.3);margin-bottom:20px;max-width:260px}
.f-soc{display:flex;gap:7px}
.fsoc{width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);font-size:12px;transition:all .2s;cursor:pointer}
.fsoc:hover{background:var(--gold-glow);border-color:var(--gold-bd);color:var(--gold)}
.f-col h4{font-size:9.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.f-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.f-col ul li a{font-size:13px;color:rgba(255,255,255,.3);transition:color .2s}
.f-col ul li a:hover{color:rgba(255,255,255,.75)}
.footer-btm{display:flex;align-items:center;justify-content:space-between;padding-top:24px;font-size:12px;color:rgba(255,255,255,.2);flex-wrap:wrap;gap:10px}
.footer-btm a{color:rgba(255,255,255,.2);transition:color .2s}.footer-btm a:hover{color:var(--gold)}
.f-legal{display:flex;gap:18px}

/* ═══════════════════════════════════════════
   HOME PAGE
═══════════════════════════════════════════ */
.hero{position:relative;min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:80px 48px 60px;background:var(--white)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:48px 48px;opacity:.5;pointer-events:none}
.hero-globe{position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:620px;height:620px;border-radius:50%;background:radial-gradient(ellipse at 35% 35%,var(--gold-pale) 0%,var(--bg-2) 40%,var(--bg-3) 100%);border:1px solid var(--rule-dk);overflow:hidden;opacity:.7;pointer-events:none}
.hero-globe::before{content:'';position:absolute;inset:-60%;background-image:repeating-linear-gradient(0deg,transparent,transparent 36px,rgba(184,146,42,.07) 36px,rgba(184,146,42,.07) 37px),repeating-linear-gradient(90deg,transparent,transparent 36px,rgba(184,146,42,.07) 36px,rgba(184,146,42,.07) 37px);animation:gspin 50s linear infinite}
@keyframes gspin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.96) 40%,rgba(255,255,255,.45) 75%,transparent 100%);pointer-events:none}
.hero-content{position:relative;z-index:2;max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}
.hero-ey{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.hero-ey::before{content:'';display:block;width:24px;height:1px;background:var(--gold)}
.hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,7.5vw,86px);line-height:.95;letter-spacing:1.5px;color:var(--ink);margin-bottom:18px}
.hero-title span{color:var(--gold);display:block}
.hero-sub{font-family:'Lora',serif;font-size:17px;font-style:italic;line-height:1.75;color:var(--grey);max-width:460px;margin-bottom:32px}
.hero-acts{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sw{background:var(--white);border:1px solid var(--rule);border-radius:10px;padding:22px;box-shadow:var(--sh-lg);position:relative;z-index:3;overflow:visible}
.sw-tabs{display:flex;gap:3px;background:var(--bg-2);border-radius:6px;padding:3px;margin-bottom:14px}
.sw-tab{flex:1;padding:8px;font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--grey);background:transparent;border:none;border-radius:5px;cursor:pointer;transition:all .2s;text-align:center}
.sw-tab.active{background:var(--white);color:var(--ink);box-shadow:var(--sh-sm)}
.cpill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:500;border:1px solid var(--rule-dk);color:var(--grey);background:var(--bg);cursor:pointer;transition:all .15s;user-select:none}
.cpill.active{border-color:var(--gold);color:var(--gold);background:var(--gold-tint)}
.cp-dot{width:6px;height:6px;border-radius:50%}
.pg .cp-dot{background:#B8922A}.ps .cp-dot{background:#888}.pb .cp-dot{background:#F7931A}.pc .cp-dot{background:#627EEA}
.hero-stats{position:relative;z-index:1;width:100%;max-width:1200px;display:flex;margin-top:48px;border:1px solid var(--rule);border-radius:8px;overflow:hidden;background:var(--white);box-shadow:var(--sh-sm)}
.hstat{flex:1;padding:18px 22px;border-right:1px solid var(--rule);display:flex;align-items:center;gap:12px}
.hstat:last-child{border-right:none}
.hstat-ic{color:var(--gold);flex-shrink:0}
.hstat-n{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:1px;color:var(--ink);line-height:1}
.hstat-l{font-size:10.5px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--grey);margin-top:2px}
.how-sec{background:var(--bg-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:80px 48px}
.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;border:1px solid var(--rule);border-radius:10px;overflow:hidden}
.how-step{padding:38px 30px;background:var(--white);position:relative;overflow:hidden;transition:background .25s}
.how-step:hover{background:var(--gold-tint)}
.hsn{font-family:'Bebas Neue',sans-serif;font-size:72px;line-height:1;color:var(--rule-dk);position:absolute;top:12px;right:18px;transition:color .3s}
.how-step:hover .hsn{color:rgba(184,146,42,.15)}
.hsic{width:48px;height:48px;border-radius:10px;border:1px solid var(--rule-dk);background:var(--bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--gold);transition:all .25s}
.how-step:hover .hsic{border-color:var(--gold-bd);background:var(--gold-tint)}
.hs-t{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;color:var(--ink);margin-bottom:8px}
.hs-d{font-size:13.5px;line-height:1.75;color:var(--grey)}
.cats-sec{background:var(--white);padding:80px 48px}
.cats-hdr{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:38px;flex-wrap:wrap}
.cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--rule);border-radius:10px;overflow:hidden}
.ccat{position:relative;aspect-ratio:3/2.8;background:var(--bg-2);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 16px;transition:background .25s}
.ccat:hover{background:var(--gold-tint)}
.ccat-bgic{position:absolute;top:12px;right:12px;color:var(--rule-dk);transition:color .25s}
.ccat:hover .ccat-bgic{color:rgba(184,146,42,.2)}
.ccat-type{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--grey);margin-bottom:5px}
.ccat-name{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1px;color:var(--ink);margin-bottom:3px}
.ccat-cnt{font-size:11.5px;color:var(--gold);font-weight:600}
.ccat-line{height:2px;width:18px;background:var(--gold);margin-bottom:7px;opacity:0;transition:opacity .25s}
.ccat:hover .ccat-line{opacity:1}
.feat-sec{background:var(--bg-2);border-top:1px solid var(--rule);padding:80px 48px}
.feat-tabs{display:flex;border-bottom:1px solid var(--rule);margin:26px 0}
.feat-tab{padding:10px 20px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--grey);border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-1px}
.feat-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
.feat-tab:hover:not(.active){color:var(--ink-3)}
.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.home-cta{background:var(--ink);position:relative;overflow:hidden;padding:80px 48px}
.hcta-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,rgba(184,146,42,.07) 0%,transparent 70%);pointer-events:none}
.hcta-inner{max-width:660px;margin:0 auto;text-align:center;position:relative}
.hcta-ey{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.hcta-ey::before,.hcta-ey::after{content:'';display:block;width:18px;height:1px;background:var(--gold)}
.hcta-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,6vw,64px);letter-spacing:2px;line-height:1;color:var(--white);margin-bottom:16px}
.hcta-title span{color:var(--gold)}
.hcta-sub{font-family:'Lora',serif;font-size:15px;font-style:italic;line-height:1.75;color:rgba(255,255,255,.5);margin-bottom:30px}
.hcta-code{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;border:1px solid rgba(184,146,42,.4);color:var(--gold);padding:8px 20px;border-radius:100px;margin-bottom:26px}
.hcta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-cta-p{padding:13px 28px;border-radius:4px;background:var(--gold);color:var(--white);font-size:12.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;transition:all .2s;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.btn-cta-p:hover{background:var(--gold-lt);transform:translateY(-2px);box-shadow:0 8px 28px rgba(184,146,42,.35)}
.btn-cta-s{padding:13px 24px;border-radius:4px;background:transparent;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.14);font-size:12.5px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;cursor:pointer}
.btn-cta-s:hover{border-color:var(--gold-bd);color:var(--gold)}

/* ═══════════════════════════════════════════
   DIRECTORY / CLASSIFIEDS
═══════════════════════════════════════════ */
.dir-layout{display:grid;grid-template-columns:272px 1fr;min-height:70vh}
.dir-sidebar{background:var(--white);border-right:1px solid var(--rule);padding:26px 22px;position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));overflow-y:auto}
.dir-main{padding:28px 32px;background:var(--bg)}
.sb-sec{margin-bottom:26px}
.sb-title{font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.sb-title::after{content:'';flex:1;height:1px;background:var(--rule)}
.sb-chk{display:flex;align-items:center;gap:9px;padding:6px 0;cursor:pointer;font-size:13px;color:var(--ink-3);user-select:none;transition:color .15s}
.sb-chk:hover{color:var(--gold)}
.sb-chk input{width:15px;height:15px;accent-color:var(--gold);cursor:pointer;flex-shrink:0}
.sb-cnt{margin-left:auto;font-size:11px;color:var(--grey-lt)}
.cat-nav-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:7px;font-size:13px;color:var(--ink-3);cursor:pointer;transition:all .2s;border:none;background:transparent;text-align:left;width:100%;font-family:'DM Sans',sans-serif;user-select:none}
.cat-nav-item:hover{background:var(--gold-tint);color:var(--gold)}
.cat-nav-item.active{background:var(--gold-tint);color:var(--gold);font-weight:600}
.cat-nav-cnt{margin-left:auto;font-size:11px;background:var(--bg-3);padding:2px 8px;border-radius:100px;color:var(--grey)}
.res-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px;flex-wrap:wrap}
.res-cnt{font-size:13px;color:var(--grey)}
.res-cnt strong{color:var(--ink);font-weight:600}
.sort-sel{height:36px;padding:0 12px;background:var(--white);border:1px solid var(--rule);border-radius:6px;font-family:'DM Sans',sans-serif;font-size:13px;color:var(--ink-3);cursor:pointer;-webkit-appearance:none;min-width:160px}
.view-tog{display:flex;gap:2px;background:var(--bg-2);border:1px solid var(--rule);border-radius:6px;padding:3px}
.vbtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;color:var(--grey);border:none;background:transparent;transition:all .2s}
.vbtn.active{background:var(--white);color:var(--gold);box-shadow:var(--sh-sm)}
.dir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dir-list{display:flex;flex-direction:column;gap:10px}
.lcard-li{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:14px;background:var(--white);border:1px solid var(--rule);border-radius:10px;padding:14px;transition:all .2s;cursor:pointer}
.lcard-li:hover{border-color:var(--gold-bd);box-shadow:var(--sh-md)}
.lcard-li-ic{width:76px;height:76px;background:var(--bg-3);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gold-lt);flex-shrink:0}
.lcard-li-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.no-res{text-align:center;padding:60px 24px;color:var(--grey)}
.no-res svg{color:var(--rule-dk);margin-bottom:16px}
.mob-flt{display:none;align-items:center;gap:7px;padding:9px 16px;background:var(--white);border:1px solid var(--rule);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;color:var(--ink-3)}
.srchbar{background:var(--white);border-bottom:1px solid var(--rule);padding:18px 32px}
.sb-row{display:grid;gap:10px;align-items:end}
.sb-r3{grid-template-columns:1fr 1fr 1fr auto}
.sb-r2{grid-template-columns:1fr 1fr auto}
.curr-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.curr-lbl{font-size:10.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--grey-lt)}
.cls-card{background:var(--white);border:1px solid var(--rule);border-radius:10px;overflow:hidden;transition:all .25s;cursor:pointer}
.cls-card:hover{border-color:var(--gold-bd);transform:translateY(-2px);box-shadow:var(--sh-lg)}
.cls-top{height:88px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;position:relative;color:var(--gold-lt)}
.cls-price{position:absolute;bottom:8px;right:8px;background:var(--ink);color:var(--gold);font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:1px;padding:3px 9px;border-radius:4px}
.cls-body{padding:14px}
.cls-cat{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.cls-name{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px;color:var(--ink);margin-bottom:4px}
.cls-desc{font-size:13px;line-height:1.6;color:var(--grey);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cls-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.cls-m{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--grey)}

/* ═══════════════════════════════════════════
   LISTING DETAIL
═══════════════════════════════════════════ */
.det-layout{display:grid;grid-template-columns:1fr 348px;gap:32px;max-width:1200px;margin:0 auto;padding:36px 48px}
.det-hero{height:260px;background:var(--bg-3);border:1px solid var(--rule);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--gold-lt);margin-bottom:24px;position:relative}
.det-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}
.det-photo{aspect-ratio:1;background:var(--bg-3);border:1px solid var(--rule);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--rule-dk);cursor:pointer;transition:all .2s}
.det-photo:hover{border-color:var(--gold-bd);background:var(--gold-tint)}
.det-sec{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--rule)}
.det-sec:last-child{border-bottom:none}
.det-sec-t{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;color:var(--ink);margin-bottom:14px}
.ir{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.ir-ic{width:36px;height:36px;border-radius:8px;background:var(--bg-2);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0}
.ir-lbl{font-size:10.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--grey);margin-bottom:2px}
.ir-val{font-size:14px;color:var(--ink-2)}
.ir-val a{color:var(--gold)}
#map-det{height:220px;border-radius:10px;border:1px solid var(--rule);margin-top:12px}
.sb-card{background:var(--white);border:1px solid var(--rule);border-radius:12px;padding:22px;margin-bottom:18px}
.sb-card-t{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px;color:var(--ink);margin-bottom:14px}
.cbtn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:9px;border:1px solid var(--rule);background:var(--white);color:var(--ink-2);text-align:left;font-family:'DM Sans',sans-serif}
.cbtn:hover{border-color:var(--gold-bd);color:var(--gold);background:var(--gold-tint)}
.cbtn.primary{background:var(--gold);color:var(--white);border-color:var(--gold)}
.cbtn.primary:hover{background:var(--gold-lt)}
.cbtn-ic{width:30px;height:30px;border-radius:6px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cbtn:not(.primary) .cbtn-ic{background:var(--bg-2)}
.rev-item{padding:14px 0;border-bottom:1px solid var(--rule)}
.rev-item:last-child{border-bottom:none}
.rev-av{width:34px;height:34px;border-radius:50%;background:var(--gold-tint);border:1px solid var(--gold-bd);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--gold)}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}

/* ═══════════════════════════════════════════
   MAP PAGE
═══════════════════════════════════════════ */
.map-layout{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - var(--nav-h) - 44px)}
.map-panel{overflow:hidden;background:var(--white);border-right:1px solid var(--rule);display:flex;flex-direction:column}
.map-srch{padding:14px;border-bottom:1px solid var(--rule);background:var(--bg-2);flex-shrink:0}
.map-srch-wrap{position:relative;margin-bottom:9px}
.map-srch-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--gold);pointer-events:none}
.map-si{width:100%;height:42px;background:var(--white);border:1px solid var(--rule);border-radius:7px;padding:0 12px 0 36px;font-family:'DM Sans',sans-serif;font-size:13px;color:var(--ink);-webkit-appearance:none;transition:border-color .2s,box-shadow .2s}
.map-si:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,146,42,.12)}
.map-si::placeholder{color:var(--grey-lt)}
.mtt-row{display:flex;gap:0;background:var(--bg-3);border-radius:6px;padding:3px;margin-top:9px}
.mtt{flex:1;padding:6px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--grey);background:transparent;border:none;border-radius:5px;cursor:pointer;transition:all .2s;text-align:center;user-select:none}
.mtt.active{background:var(--white);color:var(--ink);box-shadow:var(--sh-sm)}
.map-cnt{padding:10px 14px;font-size:12.5px;color:var(--grey);border-bottom:1px solid var(--rule);flex-shrink:0}
.map-cnt strong{color:var(--ink)}
.map-list{flex:1;overflow-y:auto;padding:6px}
.mitem{display:flex;gap:10px;padding:11px;border-radius:8px;cursor:pointer;transition:background .2s;border:1px solid transparent;margin-bottom:3px}
.mitem:hover,.mitem.active{background:var(--gold-tint);border-color:var(--gold-bd)}
.mitem-ic{width:42px;height:42px;border-radius:8px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;color:var(--gold-lt);flex-shrink:0}
.mitem-name{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:.8px;color:var(--ink);margin-bottom:2px}
.mitem-meta{font-size:11.5px;color:var(--grey)}
.mitem-curr{margin-top:4px;display:flex;gap:4px;flex-wrap:wrap}
#map-main{flex:1;z-index:1}
.map-locate{position:absolute;bottom:80px;right:12px;z-index:400;background:var(--white);border:1px solid var(--rule);border-radius:8px;padding:10px;cursor:pointer;box-shadow:var(--sh-md);display:flex;align-items:center;justify-content:center;color:var(--gold);transition:all .2s}
.map-locate:hover{background:var(--gold-tint);border-color:var(--gold-bd)}
.map-popup{padding:13px;min-width:190px}
.mp-cat{font-size:9.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.mp-name{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px;color:var(--ink);margin-bottom:3px}
.mp-loc{font-size:11.5px;color:var(--grey);margin-bottom:7px;display:flex;align-items:center;gap:3px}
.mp-curr{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:9px}
.mp-btn{display:block;text-align:center;padding:8px;background:var(--gold);color:var(--white);border-radius:5px;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}

/* ═══════════════════════════════════════════
   CURRENCY COMPANIES
═══════════════════════════════════════════ */
.cc-page{padding:52px 48px;max-width:1200px;margin:0 auto}
.cc-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid var(--rule)}
.cc-ttabs{display:flex;gap:4px;background:var(--bg-2);border:1px solid var(--rule);border-radius:8px;padding:4px;width:fit-content;margin-bottom:36px}
.cct{padding:8px 24px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--grey);background:transparent;border:none;cursor:pointer;transition:all .2s;user-select:none}
.cct.active{background:var(--white);color:var(--ink);box-shadow:var(--sh-sm)}
.cct:hover:not(.active){color:var(--gold)}
.cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:52px}
.cc-card{background:var(--white);border:1px solid var(--rule);border-radius:12px;padding:26px;transition:all .25s;position:relative;overflow:hidden}
.cc-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-lt));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.cc-card:hover{border-color:var(--gold-bd);transform:translateY(-3px);box-shadow:var(--sh-lg)}
.cc-card:hover::after{transform:scaleX(1)}
.cc-logo{width:52px;height:52px;border-radius:10px;border:1px solid var(--rule-dk);background:var(--bg-2);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--gold)}
.cc-name{font-family:'Bebas Neue',sans-serif;font-size:21px;letter-spacing:1px;color:var(--ink);margin-bottom:5px}
.cc-tag{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 9px;border-radius:100px;margin-bottom:9px}
.cc-tm{background:var(--gold-tint);color:var(--gold);border:1px solid var(--gold-bd)}
.cc-tc{background:#F0F2FD;color:#4A5EC7;border:1px solid rgba(98,126,234,.3)}
.cc-desc{font-size:13.5px;line-height:1.7;color:var(--grey);margin-bottom:14px}
.cc-stats{display:flex;gap:18px;padding-top:12px;border-top:1px solid var(--rule)}
.ccv{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--gold);letter-spacing:1px}
.ccl{font-size:10px;color:var(--grey);text-transform:uppercase;letter-spacing:.5px}
.rec-bar{background:var(--ink);border-radius:12px;padding:40px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}

/* ═══════════════════════════════════════════
   HOW IT WORKS
═══════════════════════════════════════════ */
.hiw-page{max-width:1200px;margin:0 auto;padding:52px 48px}
.hiw-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-bottom:64px;border-bottom:1px solid var(--rule);margin-bottom:60px}
.hiw-vc{background:var(--white);border:1px solid var(--rule);border-radius:14px;padding:30px;box-shadow:var(--sh-lg)}
.vs-step{display:flex;gap:14px;align-items:flex-start;position:relative;padding-bottom:24px}
.vs-step:last-child{padding-bottom:0}
.vs-step:not(:last-child)::after{content:'';position:absolute;left:19px;top:40px;bottom:0;width:2px;background:var(--rule)}
.vs-num{width:40px;height:40px;border-radius:50%;background:var(--gold);color:var(--white);font-family:'Bebas Neue',sans-serif;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;box-shadow:0 4px 12px rgba(184,146,42,.3)}
.vs-t{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:3px;padding-top:8px}
.vs-d{font-size:13px;color:var(--grey);line-height:1.65}
.who-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px;margin-bottom:60px}
.who-card{background:var(--white);border:1px solid var(--rule);border-radius:12px;padding:28px;position:relative;overflow:hidden;transition:all .25s}
.who-card:hover{border-color:var(--gold-bd);box-shadow:var(--sh-md);transform:translateY(-2px)}
.who-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-lt))}
.who-ic{width:50px;height:50px;border-radius:10px;border:1px solid var(--rule-dk);background:var(--bg-2);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--gold)}
.who-t{font-family:'Bebas Neue',sans-serif;font-size:23px;letter-spacing:1px;color:var(--ink);margin-bottom:9px}
.who-d{font-size:13.5px;line-height:1.75;color:var(--grey);margin-bottom:14px}
.who-list{list-style:none;display:flex;flex-direction:column;gap:8px}
.who-list li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--ink-3)}
.who-list li svg{color:var(--gold);flex-shrink:0;margin-top:2px}
.step-block{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:48px 0;border-bottom:1px solid var(--rule)}
.step-block:last-child{border-bottom:none}
.step-block.rev{direction:rtl}.step-block.rev>*{direction:ltr}
.step-n{font-family:'Bebas Neue',sans-serif;font-size:90px;line-height:1;color:var(--rule);margin-bottom:-12px}
.step-title{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:1.5px;color:var(--ink);margin-bottom:12px;line-height:1}
.step-title span{color:var(--gold)}
.step-desc{font-size:14.5px;line-height:1.8;color:var(--ink-3);margin-bottom:18px}
.step-cl{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:22px}
.step-cl li{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--ink-3);line-height:1.5}
.step-cl li svg{color:var(--gold);flex-shrink:0;margin-top:2px}
.step-vis{background:var(--white);border:1px solid var(--rule);border-radius:12px;padding:26px;box-shadow:var(--sh-md)}
.faq-sec{background:var(--bg-2);border:1px solid var(--rule);border-radius:12px;padding:40px;margin:52px 0}
.faq-list{margin-top:28px;display:flex;flex-direction:column;gap:2px}
.faq-it{border:1px solid var(--rule);border-radius:8px;overflow:hidden}
.faq-it.open{border-color:var(--gold-bd)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;cursor:pointer;font-size:14.5px;font-weight:500;color:var(--ink);background:var(--white);transition:background .2s;gap:12px;user-select:none}
.faq-q:hover{background:var(--gold-tint)}
.faq-ic{width:24px;height:24px;border-radius:50%;border:1px solid var(--rule-dk);display:flex;align-items:center;justify-content:center;color:var(--gold);transition:transform .3s;flex-shrink:0}
.faq-it.open .faq-ic{transform:rotate(45deg)}
.faq-a{padding:0 18px;max-height:0;overflow:hidden;background:var(--white);transition:max-height .3s ease,padding .3s}
.faq-it.open .faq-a{padding:0 18px 16px;max-height:280px}
.faq-a p{font-size:14px;line-height:1.8;color:var(--grey)}

/* ═══════════════════════════════════════════
   PRICING
═══════════════════════════════════════════ */
.pricing-page{max-width:1100px;margin:0 auto;padding:52px 48px 72px}
.p-toggle{display:flex;gap:4px;background:var(--bg-2);border:1px solid var(--rule);border-radius:10px;padding:4px;width:fit-content;margin:0 auto 44px}
.ptt{padding:11px 30px;border-radius:8px;font-size:12.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--grey);background:transparent;border:none;cursor:pointer;transition:all .2s;user-select:none}
.ptt.active{background:var(--white);color:var(--ink);box-shadow:var(--sh-sm)}
.ptt:hover:not(.active){color:var(--gold)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start;margin-bottom:52px}
.pcard{background:var(--bg-2);border:1px solid var(--rule);border-radius:14px;padding:30px 26px 26px;display:flex;flex-direction:column;transition:box-shadow .25s,border-color .25s}
.pcard:hover{border-color:var(--gold-bd);box-shadow:var(--sh-lg)}
.pcard.feat{background:var(--ink);border-color:var(--ink-2)}
.pcard.feat:hover{border-color:var(--gold)}
.pop-badge{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:var(--gold);color:var(--white);padding:4px 12px;border-radius:100px;margin-bottom:14px;width:fit-content}
.pop-spacer{height:26px;margin-bottom:14px}
.p-tier{font-size:9.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.p-name{font-family:'Bebas Neue',sans-serif;font-size:27px;letter-spacing:1.5px;color:var(--ink);margin-bottom:18px}
.pcard.feat .p-name{color:var(--white)}
.p-price{display:flex;align-items:flex-end;gap:2px;margin-bottom:5px}
.p-cur{font-size:18px;font-weight:300;color:var(--grey);align-self:flex-start;margin-top:10px}
.pcard.feat .p-cur{color:rgba(255,255,255,.4)}
.p-amt{font-family:'Bebas Neue',sans-serif;font-size:54px;line-height:1;color:var(--ink);letter-spacing:2px}
.pcard.feat .p-amt{color:var(--white)}
.p-per{font-size:13px;color:var(--grey);padding-bottom:6px}
.p-launch{font-size:11px;color:var(--gold);font-weight:500;margin-bottom:20px}
.p-div{height:1px;background:var(--rule);margin:18px 0}
.pcard.feat .p-div{background:rgba(255,255,255,.1)}
.p-feats{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;flex:1}
.pf{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;color:var(--ink-3)}
.pcard.feat .pf{color:rgba(255,255,255,.8)}
.pf.off{color:var(--grey-lt)}
.pcard.feat .pf.off{color:rgba(255,255,255,.22)}
.pf-c{color:var(--gold);flex-shrink:0;margin-top:2px}
.pf-x{color:var(--rule-dk);flex-shrink:0;margin-top:2px}
.pcard.feat .pf-x{color:rgba(255,255,255,.18)}
.pbtn{display:block;width:100%;padding:12px;font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;border-radius:7px;cursor:pointer;transition:all .2s;text-align:center;margin-top:auto}
.pbtn-o{background:transparent;color:var(--ink);border:1.5px solid var(--rule-dk)}
.pbtn-o:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-tint)}
.pbtn-f{background:var(--gold);color:var(--white);border:none}
.pbtn-f:hover{background:var(--gold-lt);transform:translateY(-1px);box-shadow:0 6px 20px rgba(184,146,42,.35)}
.p-guar{background:var(--gold-tint);border:1px solid var(--gold-bd);border-radius:12px;padding:28px;margin-bottom:28px}
.notify-bar{background:var(--bg-2);border:1px solid var(--rule);border-radius:12px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* ═══════════════════════════════════════════
   SPA LAYOUT HELPERS
═══════════════════════════════════════════ */
.page-hero-inner{max-width:1200px;margin:0 auto;padding:0 48px}
.srchbar-inner{max-width:1200px;margin:0 auto}
.sidebar-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.sidebar-title-lg{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1px}
.sidebar-close{background:none;border:none;cursor:pointer;color:var(--grey);font-size:20px;line-height:1}
.dir-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.no-res-t{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:1px;margin:12px 0 8px}

/* ═══════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════ */
@media(max-width:1190px){
  .nav{padding:0 24px}.nav-links,.btn-login{display:none}.hbg{display:flex}
  .hero{padding:68px 24px 52px}.hero-content{grid-template-columns:1fr;gap:32px;max-width:600px}
  .hero-globe,.hero-overlay{display:none}
  .how-sec,.cats-sec,.feat-sec,.home-cta{padding:68px 24px}
  .how-steps{grid-template-columns:repeat(2,1fr)}
  .cats-grid{grid-template-columns:repeat(2,1fr)}
  .lgrid,.dir-grid{grid-template-columns:repeat(2,1fr)}
  .det-layout{grid-template-columns:1fr;padding:28px 24px}
  .hiw-intro,.hiw-page,.cc-page,.pricing-page{padding-left:24px;padding-right:24px}
  .hiw-intro,.cc-intro{grid-template-columns:1fr}
  .step-block{grid-template-columns:1fr}.step-block.rev{direction:ltr}
  .footer{padding:52px 24px 28px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-hero{padding:32px 24px 26px}.page-hero-inner{padding:0}
  .dir-layout{grid-template-columns:1fr}.dir-sidebar{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;height:100vh}.dir-sidebar.open{display:block}
  .mob-flt{display:flex}
  .srchbar{padding:16px 20px}
  .map-layout{grid-template-columns:1fr;height:auto}.map-panel{height:45vh;max-height:380px;border-right:none;border-bottom:1px solid var(--rule)}
  #map-main{min-height:55vh}
  .rec-bar{grid-template-columns:1fr}
  .who-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  .hero-acts{flex-direction:column;align-items:flex-start}.btn-p,.btn-s{width:100%;justify-content:center}
  .hero-stats{flex-wrap:wrap}.hstat{flex:1 1 45%;border-bottom:1px solid var(--rule)}.hstat:nth-child(odd){border-right:1px solid var(--rule)}.hstat:nth-last-child(-n+2){border-bottom:none}
  .how-steps{grid-template-columns:1fr}.cats-grid{grid-template-columns:repeat(2,1fr)}
  .lgrid,.dir-grid,.cc-grid,.pgrid{grid-template-columns:1fr}.rel-grid{grid-template-columns:1fr}
  .sb-r3,.sb-r2{grid-template-columns:1fr}.btn-srch{width:100%}
  .hcta-btns{flex-direction:column}.btn-cta-p,.btn-cta-s{width:100%;justify-content:center;text-align:center}
  .footer-top{grid-template-columns:1fr}.cc-grid{grid-template-columns:1fr}
}
@media(max-width:639px){
  .hero-stats{display:none}.hero-title{font-size:clamp(40px,11vw,58px)}
  .pricing-page,.hiw-page,.cc-page{padding-left:16px;padding-right:16px}
  .page-hero{padding:24px 16px}
}

/* ═══════════════════════════════════════════
   PLACEHOLDER IMAGES
═══════════════════════════════════════════ */
.img-placeholder{width:100%;height:100%;background:var(--bg-3);display:flex;align-items:center;justify-content:center;color:var(--rule-dk);position:relative;overflow:hidden}
.img-placeholder::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(184,146,42,.06) 50%,transparent 60%);background-size:200% 200%;animation:img-shimmer 2s ease infinite}
@keyframes img-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* Blog content */
.blog-content h3{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;color:var(--ink);margin:28px 0 12px}
.blog-content p{margin-bottom:16px}
.blog-content ul,.blog-content ol{margin:0 0 16px 20px;display:flex;flex-direction:column;gap:8px}
.blog-content li{color:var(--ink-3)}
.blog-content strong{color:var(--ink)}