/* ─── TOKENS ─── */
:root{--pine:#002414;--forest:#006838;--mint:#34C77B;--ink:#001A0E}

[data-theme="light"]{
  --bg:#fff;--bg2:#F2F9F5;--bg3:#E8F2EC;
  --surface:#fff;--card-bdr:#D0E6D8;
  --nav-bg:rgba(255,255,255,.96);--nav-bdr:#D0E6D8;--logo:#002414;
  --t1:#001A0E;--t2:#2E4A39;--t3:#6B9178;
  --sh:0 2px 16px rgba(0,36,20,.08);--shl:0 16px 48px rgba(0,36,20,.11);--shlg:0 24px 70px rgba(0,36,20,.13);
  --dd-bg:#fff;--dd-bdr:#D0E6D8;
  --pb:rgba(0,104,56,.07);--pbb:rgba(0,104,56,.18);--pc:#006838;
  --trow:rgba(0,104,56,.025);--trow-h:rgba(0,104,56,.055);--tbdr:#E8F2EC;
  --tog-bg:rgba(0,104,56,.07);--tog-bdr:rgba(0,104,56,.18);--tog-c:#2E4A39;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg);color:var(--t2);overflow-x:hidden;transition:background .3s,color .3s}

/* ─── TOPBAR ─── */
.topbar{background:var(--pine);padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.topbar .W{max-width:1320px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;font-size:12px}
.topbar a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s}.topbar a:hover{color:var(--mint)}
.tb-r{display:flex;gap:20px;align-items:center}
.tb-pill{background:rgba(255,255,255,.1);color:var(--mint);padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}

/* ─── NAV ─── */
nav{position:sticky;top:0;z-index:1000;background:var(--nav-bg);border-bottom:1px solid var(--nav-bdr);backdrop-filter:blur(20px);transition:background .3s,border-color .3s}
[data-theme="light"] nav{box-shadow:0 1px 20px rgba(0,36,20,.06)}
.nw{max-width:1320px;margin:0 auto;padding:0 40px;display:flex;align-items:center;height:66px}
.logo{font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--logo);text-decoration:none;margin-right:48px;flex-shrink:0;transition:color .3s}
.logo em{font-style:normal;color:var(--mint)}
.nls{display:flex;align-items:center;gap:2px;flex:1}
.ni{position:relative}
.nl{display:flex;align-items:center;gap:5px;padding:8px 13px;font-size:13px;font-weight:500;color:var(--t3);text-decoration:none;border-radius:7px;cursor:pointer;white-space:nowrap;transition:all .2s}
.nl:hover,.ni:hover>.nl{color:var(--t1);background:var(--pb)}
.nl.cur{color:var(--mint)}
.nl svg{width:11px;height:11px;opacity:.5}
.dd{display:none;position:absolute;top:calc(100% + 8px);left:0;background:var(--dd-bg);border:1px solid var(--dd-bdr);border-radius:14px;padding:8px;min-width:228px;box-shadow:var(--shlg);z-index:999}
.ni:hover .dd{display:block}
.dd a{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;text-decoration:none;border-radius:9px;transition:background .15s}
.dd a:hover{background:var(--pb)}
.ddi{width:30px;height:30px;background:var(--pb);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.ddt strong{display:block;font-size:12.5px;font-weight:600;color:var(--t1)}
.ddt span{font-size:11px;color:var(--t3)}
.ddln{height:1px;background:var(--card-bdr);margin:5px 0}
.na{display:flex;align-items:center;gap:10px;margin-left:auto}
.tog{display:flex;align-items:center;gap:7px;padding:6px 13px;background:var(--tog-bg);border:1px solid var(--tog-bdr);border-radius:30px;font-size:12px;font-weight:600;color:var(--tog-c);cursor:pointer;transition:all .25s;flex-shrink:0}
.tog:hover{border-color:var(--mint);color:var(--pc)}
.trk{width:34px;height:18px;background:var(--card-bdr);border-radius:20px;position:relative;transition:background .3s;flex-shrink:0}
.tth{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.btn-si{padding:7px 17px;font-size:13px;font-weight:500;color:var(--t3);border:1px solid var(--card-bdr);border-radius:8px;text-decoration:none;transition:all .2s}
.btn-si:hover{color:var(--t1);border-color:var(--forest)}
.btn-oa{padding:7px 20px;font-size:13px;font-weight:700;color:#fff;background:var(--forest);border-radius:8px;text-decoration:none;transition:all .2s}
.btn-oa:hover{background:var(--mint);color:var(--pine)}

/* ─── BREADCRUMB ─── */
.bc{background:var(--bg2);border-bottom:1px solid var(--card-bdr);padding:12px 0;transition:background .3s}
.bc .W{max-width:1320px;margin:0 auto;padding:0 40px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--t3)}
.bc a{color:var(--t3);text-decoration:none;transition:color .2s}.bc a:hover{color:var(--forest)}
.bc strong{color:var(--t1);font-weight:600}

/* ─── LAYOUT ─── */
.C{max-width:1320px;margin:0 auto;padding:0 40px}
section{padding:96px 0}
.lbl{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.lbl::before{content:'';width:18px;height:2px;display:block}
.lbl-g{color:var(--forest)}.lbl-g::before{background:var(--forest)}
.lbl-w{color:var(--mint)}.lbl-w::before{background:var(--mint)}
.h1{font-size:clamp(40px,5.5vw,72px);font-weight:800;line-height:1.05;letter-spacing:-.5px}
.h2{font-size:clamp(28px,3.5vw,46px);font-weight:800;line-height:1.1;letter-spacing:-.3px}
.acc{color:var(--mint);font-style:italic}
.btn-p{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--forest);color:#fff;font-size:14.5px;font-weight:700;border-radius:12px;text-decoration:none;transition:all .25s;box-shadow:0 6px 24px rgba(0,104,56,.3)}
.btn-p:hover{background:var(--mint);color:var(--pine);transform:translateY(-2px)}
.btn-gd{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;color:#fff;border:1.5px solid rgba(255,255,255,.2);font-size:14.5px;font-weight:500;border-radius:12px;text-decoration:none;transition:all .25s}
.btn-gd:hover{border-color:var(--mint);color:var(--mint)}
.btn-gl{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;color:var(--t1);border:1.5px solid var(--card-bdr);font-size:14.5px;font-weight:500;border-radius:12px;text-decoration:none;transition:all .25s}
.btn-gl:hover{border-color:var(--forest);color:var(--forest)}
.btn-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* ─── SECTIONS ─── */
.sD{padding:96px 0;background:var(--pine);position:relative;overflow:hidden}
.sD::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 70% 40%,rgba(0,104,56,.6) 0%,transparent 65%);pointer-events:none}
.sL{padding:96px 0;background:var(--bg);transition:background .3s}
.sL2{padding:96px 0;background:var(--bg2);transition:background .3s}
.gbg{position:absolute;inset:0;background-image:linear-gradient(rgba(52,199,123,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(52,199,123,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 80% at 60% 40%,black 20%,transparent 80%)}

/* ─── HERO ─── */
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes floatUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hero-inner{position:relative;display:grid;grid-template-columns:1fr 420px;gap:72px;align-items:start}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(52,199,123,.1);border:1px solid rgba(52,199,123,.22);color:var(--mint);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:24px}
.hero-kicker::before{content:'';width:6px;height:6px;background:var(--mint);border-radius:50%;animation:pulse 1.6s ease-in-out infinite}
.hero h1{color:#fff;margin-bottom:20px}
.hero-sub{font-size:16px;line-height:1.75;color:rgba(255,255,255,.65);margin-bottom:32px;max-width:480px}
.hero-stats{display:flex;gap:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;margin-top:40px}
.hst{flex:1;padding:20px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.hst:last-child{border-right:none}
.hst strong{display:block;font-size:26px;font-weight:800;color:#fff;letter-spacing:-.3px}
.hst em{font-style:normal;color:var(--mint)}
.hst span{font-size:10px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;display:block}

/* share panel */
.share-panel{background:rgba(20,50,28,.8);border:1px solid rgba(52,199,123,.18);border-radius:20px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.6);backdrop-filter:blur(20px);animation:floatUp 4s ease-in-out infinite}
.sp-hdr{background:rgba(10,24,14,.7);padding:14px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.07)}
.sp-hdr span{font-size:13px;font-weight:700;color:#fff}
.sp-live{font-size:10px;font-weight:700;color:var(--mint);background:rgba(52,199,123,.12);padding:3px 9px;border-radius:10px;display:flex;align-items:center;gap:4px}
.sp-live::before{content:'';width:5px;height:5px;background:var(--mint);border-radius:50%;animation:pulse 1.6s infinite}
.sp-note{font-size:10.5px;color:rgba(255,255,255,.35);padding:10px 20px 4px;font-style:italic}
.sp-row{display:flex;align-items:center;padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s;cursor:default;gap:12px}
.sp-row:hover{background:rgba(52,199,123,.06)}
.sp-row:last-child{border-bottom:none}
.sp-logo{width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border:1px solid rgba(255,255,255,.06)}
.sp-info{flex:1}
.sp-sym{font-size:12px;font-weight:800;color:var(--mint);display:block}
.sp-name{font-size:11px;color:rgba(255,255,255,.45);margin-top:1px}
.sp-bar-wrap{flex:1;padding:0 10px}
.sp-bar-bg{height:3px;background:rgba(255,255,255,.07);border-radius:2px}
.sp-bar-fill{height:100%;background:linear-gradient(90deg,var(--forest),var(--mint));border-radius:2px}
.sp-right{text-align:right;flex-shrink:0}
.sp-price{font-size:15px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.sp-chg{font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px;margin-top:2px;display:inline-block}
.up{background:rgba(52,199,123,.15);color:#34C77B}
.dn{background:rgba(229,92,92,.12);color:#E55C5C}
.sp-foot{background:rgba(10,24,14,.5);border-top:1px solid rgba(255,255,255,.06);padding:12px 20px;display:grid;grid-template-columns:repeat(3,1fr)}
.sp-fs{text-align:center;padding:4px 0;border-right:1px solid rgba(255,255,255,.06)}
.sp-fs:last-child{border-right:none}
.sp-fs strong{display:block;font-size:14px;font-weight:800;color:var(--mint)}
.sp-fs span{font-size:9.5px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.05em}

/* ─── TICKER ─── */
.ticker{background:var(--forest);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:12px 0;overflow:hidden}
.ticker-track{display:flex;animation:scroll 35s linear infinite;width:max-content}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.t-item{display:flex;align-items:center;gap:10px;padding:0 28px;border-right:1px solid rgba(255,255,255,.1);white-space:nowrap}
.t-sym{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.65)}
.t-val{font-size:13px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.t-chg{font-size:11px;font-weight:700}
.t-chg.up{color:#34C77B}.t-chg.dn{color:#E55C5C}

/* ─── RATES TABLE ─── */
.rates-sec{background:var(--bg);transition:background .3s}
.sec-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;flex-wrap:wrap;gap:20px}
.sec-hdr-l .h2{color:var(--t1);margin-bottom:10px}
.sec-hdr-l p{font-size:15px;color:var(--t2);line-height:1.7;max-width:560px}
.live-dot{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--t3)}
.live-dot::before{content:'';width:8px;height:8px;background:var(--mint);border-radius:50%;animation:pulse 1.6s infinite;flex-shrink:0}
.tbl-wrap{background:var(--surface);border:1px solid var(--card-bdr);border-radius:20px;overflow:hidden;box-shadow:var(--shlg);transition:background .3s}
.tbl-head{background:var(--forest);display:grid;grid-template-columns:2fr 1fr 1fr 1fr 130px;padding:13px 24px}
.tbl-head span{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.tbl-head span:not(:first-child){text-align:right}
.tbl-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 130px;padding:15px 24px;border-bottom:1px solid var(--tbdr);align-items:center;background:var(--trow);transition:background .2s;cursor:default}
.tbl-row:hover{background:var(--trow-h)}
.tbl-row:last-child{border-bottom:none}
.tbl-mkt{display:flex;align-items:center;gap:12px}
.t-slogo{width:36px;height:36px;background:var(--bg2);border:1px solid var(--card-bdr);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;transition:background .3s}
.t-mname strong{display:block;font-size:13.5px;font-weight:700;color:var(--t1)}
.t-mname span{font-size:11px;color:var(--t3)}
.t-sell,.t-buy{font-size:14px;font-weight:700;color:var(--t1);text-align:right;font-variant-numeric:tabular-nums;transition:color .25s}
.t-sell.fdn{color:#C94040}
.t-buy.fup{color:#1C8A55}
.t-spr{text-align:right}
.spr-chip{display:inline-block;background:var(--bg2);border:1px solid var(--card-bdr);color:var(--forest);font-size:12px;font-weight:700;padding:3px 10px;border-radius:6px}
.t-act{text-align:right}
.trade-btn{padding:7px 18px;background:var(--forest);color:#fff;font-size:12.5px;font-weight:700;border-radius:9px;text-decoration:none;transition:all .2s;display:inline-block}
.trade-btn:hover{background:var(--mint);color:var(--pine)}
.tbl-note{padding:14px 24px;font-size:12px;color:var(--t3);border-top:1px solid var(--tbdr);background:var(--bg2);font-style:italic}

/* ─── WHY TRADE ─── */
.why-sec{background:var(--pine);position:relative;overflow:hidden}
.why-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 60% at 25% 50%,rgba(0,104,56,.45) 0%,transparent 65%);pointer-events:none}
.why-inner{position:relative}
.why-intro{max-width:620px;margin-bottom:56px}
.why-intro .h2{color:#fff;margin-bottom:14px}
.why-intro p{font-size:15.5px;color:rgba(255,255,255,.6);line-height:1.72}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;position:relative;overflow:hidden;transition:all .3s}
.wc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--forest),var(--mint));opacity:0;transition:opacity .3s}
.wc:hover{border-color:rgba(52,199,123,.3);background:rgba(0,104,56,.22);transform:translateY(-4px)}
.wc:hover::after{opacity:1}
.wc-ico{font-size:32px;margin-bottom:14px;display:block}
.wc h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}
.wc p{font-size:13.5px;color:rgba(255,255,255,.55);line-height:1.66}

/* ─── SHARE INSTRUMENTS ─── */
.shares-sec{background:var(--bg2);transition:background .3s}
.f-row{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}
.f-pill{padding:8px 20px;background:var(--bg);border:1.5px solid var(--card-bdr);border-radius:30px;font-size:13px;font-weight:600;color:var(--t3);cursor:pointer;transition:all .22s;user-select:none}
.f-pill:hover{border-color:var(--forest);color:var(--forest)}
.f-pill.on{background:var(--forest);border-color:var(--forest);color:#fff}
.shares-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sc{background:var(--bg);border:1.5px solid var(--card-bdr);border-radius:16px;padding:22px;transition:all .28s;box-shadow:var(--sh);display:none}
.sc.show{display:block}
.sc:hover{border-color:var(--forest);transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,36,20,.12)}
.sc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
.sc-left{display:flex;align-items:center;gap:10px}
.sc-icon{width:40px;height:40px;background:var(--bg2);border:1px solid var(--card-bdr);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:background .3s}
.sc-sym{font-size:16px;font-weight:800;color:var(--t1)}
.sc-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--forest);background:var(--bg2);border:1px solid var(--card-bdr);padding:3px 9px;border-radius:6px;transition:background .3s;flex-shrink:0}
.sc-name{font-size:12px;color:var(--t3);margin-bottom:16px}
.sc-bot{display:flex;justify-content:space-between;align-items:center}
.sc-spread span{font-size:10.5px;color:var(--t3);display:block}
.sc-spread strong{font-size:15px;font-weight:800;color:var(--forest)}
.sc-trade{font-size:13px;font-weight:700;color:var(--forest);text-decoration:none;display:flex;align-items:center;gap:5px;transition:gap .2s}
.sc-trade::after{content:'→'}
.sc-trade:hover{gap:8px}

/* ─── 3 STEPS ─── */
.steps-sec{background:var(--pine);position:relative;overflow:hidden}
.steps-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 50% 50%,rgba(0,104,56,.35) 0%,transparent 70%);pointer-events:none}
.steps-inn{position:relative}
.steps-hdr{text-align:center;margin-bottom:60px}
.steps-hdr .h2{color:#fff;margin-bottom:12px}
.steps-hdr p{font-size:15px;color:rgba(255,255,255,.6);max-width:440px;margin:0 auto;line-height:1.72}
.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:36px 28px;transition:all .3s}
.step:hover{border-color:rgba(52,199,123,.35);background:rgba(0,104,56,.22)}
.step-n{width:52px;height:52px;background:linear-gradient(135deg,var(--forest),var(--mint));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;margin-bottom:22px;box-shadow:0 6px 20px rgba(0,104,56,.5)}
.step h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:10px}
.step p{font-size:13.5px;color:rgba(255,255,255,.56);line-height:1.65}
.steps-cta{text-align:center;margin-top:52px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ─── CTA ─── */
.cta-sec{background:linear-gradient(135deg,var(--forest) 0%,#1a5038 100%);padding:88px 0;position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(52,199,123,.1) 0%,transparent 70%);right:-100px;top:-100px;pointer-events:none}
.cta-inn{position:relative;text-align:center}
.cta-inn .h2{color:#fff;margin-bottom:14px}
.cta-inn p{font-size:16px;color:rgba(255,255,255,.7);margin-bottom:36px;max-width:500px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-cw{padding:14px 32px;background:#fff;color:var(--forest);font-size:14.5px;font-weight:700;border-radius:12px;text-decoration:none;transition:all .25s}
.btn-cw:hover{background:var(--mint);color:var(--pine)}

/* ─── FOOTER ─── */
footer{background:var(--ink);border-top:1px solid rgba(255,255,255,.05);padding:64px 0 0}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.fllg{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:12px}
.fllg em{font-style:normal;color:var(--mint)}
.flp{font-size:13px;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:14px}
.flem{font-size:13px;color:var(--mint);text-decoration:none}
.flsr{display:flex;gap:8px;margin-top:14px}
.fls{width:34px;height:34px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none;color:rgba(255,255,255,.55);transition:all .2s}
.fls:hover{border-color:var(--mint);color:var(--mint)}
.fc h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:16px}
.fc a{display:block;font-size:13px;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:8px;transition:color .2s}
.fc a:hover{color:var(--mint)}
.fbot{border-top:1px solid rgba(255,255,255,.06);padding:22px 0}
.fbr{display:flex;justify-content:space-between;align-items:flex-start;gap:28px}
.f-risk{font-size:11px;color:rgba(255,255,255,.35);line-height:1.65;max-width:760px}
.f-risk strong{color:rgba(255,255,255,.55)}
.f-legal{display:flex;gap:14px;flex-shrink:0;flex-wrap:wrap}
.f-legal a{font-size:11.5px;color:rgba(255,255,255,.4);text-decoration:none;white-space:nowrap}
.f-legal a:hover{color:var(--mint)}
.f-copy{font-size:11.5px;color:rgba(255,255,255,.25);margin-top:12px}

/* ─── REVEAL ─── */
.rev{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.rev.in{opacity:1;transform:translateY(0)}

/* ─── RESPONSIVE ─── */
@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr;gap:52px}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .shares-grid{grid-template-columns:repeat(2,1fr)}
  .fg{grid-template-columns:1fr 1fr}
  .tbl-head,.tbl-row{grid-template-columns:1.8fr 1fr 1fr 80px 110px}
}
@media(max-width:768px){
  .nls{display:none}
  section,.sD,.sL,.sL2,.why-sec,.shares-sec,.steps-sec{padding:64px 0}
  .C,.topbar .W,.bc .W,.cta-inn{padding:0 20px}
  .why-grid,.shares-grid,.steps-row{grid-template-columns:1fr}
  .fg{grid-template-columns:1fr}
  .fbr{flex-direction:column}
  .hero-stats{flex-direction:column;border:none;gap:1px}
  .hst{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .hst:last-child{border-bottom:none}
  .tbl-head{display:none}
  .tbl-row{grid-template-columns:1fr auto;padding:14px 16px}
  .tbl-row>*:nth-child(2),.tbl-row>*:nth-child(3),.tbl-row>*:nth-child(4){display:none}
  .sec-hdr{flex-direction:column;align-items:flex-start}
}