/* Public website only (Next Gen Global). Design system modelled on institutional asset-manager sites:
   deep aubergine + lavender surfaces, coral call-to-action, light geometric display type, square corners.
   Scoped to pages that render the public header, so the client app and back office keep styles.css untouched. */
body:has(.site-top){
  --bg:#ffffff; --surface:#ffffff; --sunk:#f3f2fa; --ink:#14101f; --muted:#5d5873; --line:#e2e0ee;
  --accent:#2e234b; --accent-ink:#ffffff; --accent-soft:#ece9f7; --gold:#2e234b;
  --plum:#2e234b; --plum-2:#251c3c; --plum-3:#1a1430; --coral:#ffb198; --coral-ink:#2e234b;
  --on-plum:#f3f2fa; --on-plum-muted:#bdb6d6;
  --font-display:"Sora","Segoe UI",system-ui,sans-serif;
  --r:0px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body:has(.site-top){
  --bg:#120e1f; --surface:#1a1430; --sunk:#161127; --ink:#f1eff8; --muted:#a9a3c2; --line:#2d2547;
  --accent:#ffb198; --accent-ink:#2e234b; --accent-soft:#2a2142; --gold:#ffb198;
  --plum:#1d1633; --plum-2:#171129; --plum-3:#0f0b1c;}}
:root[data-theme="dark"] body:has(.site-top){
  --bg:#120e1f; --surface:#1a1430; --sunk:#161127; --ink:#f1eff8; --muted:#a9a3c2; --line:#2d2547;
  --accent:#ffb198; --accent-ink:#2e234b; --accent-soft:#2a2142; --gold:#ffb198;
  --plum:#1d1633; --plum-2:#171129; --plum-3:#0f0b1c;}

/* type + controls */
body:has(.site-top) :is(h1,h2,h3){font-weight:400;letter-spacing:-.03em}
html[lang="bn"] body:has(.site-top) :is(h1,h2,h3){font-weight:600;letter-spacing:0}
body:has(.site-top) .btn{border-radius:0;text-transform:uppercase;letter-spacing:.03em;font-size:14px;padding:12px 24px}
body:has(.site-top) .btn.small{font-size:12px;padding:8px 14px}
html[lang="bn"] body:has(.site-top) .btn{text-transform:none;letter-spacing:0}
body:has(.site-top) .eyebrow{color:var(--muted);letter-spacing:.12em;font-size:11px}
html[lang="bn"] body:has(.site-top) .eyebrow{letter-spacing:0;font-size:13px}
body:has(.site-top) .pill{border-radius:0}

/* utility strip */
.util-bar{background:var(--plum-2);color:var(--on-plum-muted);border-bottom:0;font-size:11px}
.util-bar .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-block:7px}
.util-risk{min-width:0}
.util-links{display:flex;gap:18px;flex:none}
.util-links a{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:10.5px}
html[lang="bn"] .util-links a{text-transform:none;letter-spacing:0;font-size:12px}
.util-links a:hover{color:var(--coral)}

/* header */
body:has(.site-top) .site-top{background:var(--plum);border-bottom:1px solid rgb(255 255 255/.08);backdrop-filter:none}
body:has(.site-top) .site-top .wrap{padding-block:14px}
body:has(.site-top) .brand{color:#fff;font-family:var(--font-display);font-weight:300;font-size:21px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;flex:none}
body:has(.site-top) .mark{flex:none;border-radius:0;background:var(--coral);color:var(--coral-ink);font-weight:600}
body:has(.site-top) .site-nav{gap:13px;scrollbar-width:none}
body:has(.site-top) .site-nav a{color:var(--on-plum-muted);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;font-weight:600}
html[lang="bn"] body:has(.site-top) .site-nav a{text-transform:none;letter-spacing:0;font-size:14px}
body:has(.site-top) .site-nav a:hover{color:#fff}
body:has(.site-top) .lang{border-color:rgb(255 255 255/.25)}
body:has(.site-top) .lang button{color:var(--on-plum-muted)}
body:has(.site-top) .lang button[aria-pressed="true"]{background:var(--coral);color:var(--coral-ink)}
body:has(.site-top) .top-right .btn{background:var(--coral);border-color:var(--coral);color:var(--coral-ink)}
body:has(.site-top) .top-right .btn.ghost{background:transparent;color:#fff;border-color:rgb(255 255 255/.4)}

/* hero */
.hero-band{background:radial-gradient(120% 90% at 85% 10%,#3d2f66 0%,var(--plum-3) 55%,#0c0916 100%);color:var(--on-plum)}
.hero-band .hero{padding-block:96px 88px;grid-template-columns:1.05fr .95fr}
.hero-band .hero h1{font-size:clamp(38px,4.8vw,68px);line-height:1.02;color:#fff;letter-spacing:-.04em;font-weight:300}
html[lang="bn"] .hero-band .hero h1{font-weight:600;letter-spacing:0;line-height:1.2}
.hero-band .hero .lede{color:var(--on-plum-muted);font-size:18px;max-width:46ch}
.hero-band .eyebrow{color:var(--coral)}
.hero-band .trustline{color:var(--on-plum-muted)}
.hero-band .trustline span::before{color:var(--coral)}
.hero-band .btn{background:var(--coral);border-color:var(--coral);color:var(--coral-ink)}
.hero-band .btn.ghost{background:transparent;color:var(--coral);border-color:var(--coral)}
.hero-art{position:relative;min-height:380px;display:grid;align-items:center;justify-items:end;min-width:0}
.pillars{position:absolute;inset:-40px -20px -40px 0;width:calc(100% + 20px);height:calc(100% + 80px)}
.hero-band .statement{position:relative;width:min(100%,400px);border:0;border-radius:0;box-shadow:0 40px 80px -30px rgb(0 0 0/.7);color:var(--ink)}
.hero-band .statement .big{color:var(--plum);font-family:var(--font-display);font-weight:300;font-size:40px;letter-spacing:-.03em}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hero-band .statement .big{color:var(--coral)}}
:root[data-theme="dark"] .hero-band .statement .big{color:var(--coral)}

/* figures */
body:has(.site-top) .facts{background:var(--sunk);color:var(--ink);border-bottom:1px solid var(--line)}
body:has(.site-top) .facts .wrap{padding-block:36px}
body:has(.site-top) .fact{border-left:1px solid var(--line);padding-left:18px}
body:has(.site-top) .fv{font-family:var(--font-display);font-weight:300;font-size:44px;letter-spacing:-.04em;color:var(--ink)}
body:has(.site-top) .fl{color:var(--muted);opacity:1}

/* sections */
body:has(.site-top) section{padding-block:96px}
body:has(.site-top) .tint{background:var(--sunk)}
body:has(.site-top) .h2{font-size:clamp(30px,3.6vw,46px);line-height:1.1;max-width:22ch}
body:has(.site-top) .sublede{font-size:16px}
body:has(.site-top) .card{border-radius:0;border-color:var(--line)}
body:has(.site-top) .lane{border-radius:0}
body:has(.site-top) .lane b{color:var(--ink)}
body:has(.site-top) .pipeline li::before{border-color:var(--ink);color:var(--ink)}
body:has(.site-top) .step .n{color:var(--ink)}
body:has(.site-top) .plan{transition:box-shadow .2s}
body:has(.site-top) .plan:hover{box-shadow:0 18px 40px -24px rgb(46 35 75/.45)}
body:has(.site-top) .plan.feature{border:1px solid var(--ink);box-shadow:inset 0 4px 0 var(--coral)}
body:has(.site-top) .plan .price{font-family:var(--font-display);font-weight:300;letter-spacing:-.03em;color:var(--ink);font-size:38px}
body:has(.site-top) .risk{background:var(--sunk);border:0;border-left:4px solid var(--coral);border-radius:0}
body:has(.site-top) .methods span{border-radius:0}
body:has(.site-top) details summary::after{color:var(--ink)}

/* who we are */
.firm-head{display:grid;gap:4px;max-width:780px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--ink)}
.principle{padding:26px 28px 0 0;margin-right:28px;border-right:1px solid var(--line);display:grid;gap:10px;align-content:start}
.principle:last-child{border-right:0;margin-right:0}
.principle .pn{color:var(--muted);font-size:13px}
.principle h3{font-size:26px}
.principle p{color:var(--muted)}

/* markets as product-style ticker cards */
#markets{background:var(--sunk)}
.ticks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.tick{background:var(--surface);padding:24px 24px 22px;display:grid;gap:4px;min-width:0;border:1px solid transparent;transition:border-color .2s,transform .2s}
.tick:hover{border-color:var(--ink);transform:translateY(-2px)}
.tick .tc{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
html[lang="bn"] .tick .tc{letter-spacing:0;font-size:12px}
.tick .tk{font-family:var(--font-display);font-weight:400;font-size:34px;letter-spacing:-.03em;color:var(--ink);margin-top:6px}
.tick .tn{font-size:14px;color:var(--muted)}

/* risk rulebook (inside the strategy section) */
.rulebook{margin-top:80px}
.rb-head{display:grid;gap:4px;max-width:760px}
.rb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border-top:1px solid var(--ink)}
.rb{padding:26px 26px 30px 0;border-bottom:1px solid var(--line);display:grid;gap:10px;align-content:start}
.rb:not(:nth-child(3n)){border-right:1px solid var(--line);margin-right:26px}
.rb-n{color:var(--muted);font-size:13px}
.rb h3{font-size:22px}
.rb ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.rb li{position:relative;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.5}
.rb li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:2px;background:var(--coral)}
@media (max-width:960px){.rb-grid{grid-template-columns:1fr 1fr}.rb:not(:nth-child(3n)){border-right:0;margin-right:0}.rb:nth-child(odd){border-right:1px solid var(--line);margin-right:22px}}
@media (max-width:560px){.rb-grid{grid-template-columns:1fr}.rb:nth-child(odd){border-right:0;margin-right:0}.rulebook{margin-top:56px}}

/* market filter tabs (no JS: radio + :has) */
.mk-tabs{display:flex;flex-wrap:wrap;margin-top:32px;border-bottom:1px solid var(--line)}
.mk-tabs input{position:absolute;opacity:0;pointer-events:none}
.mk-tabs label{padding:10px 16px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
html[lang="bn"] .mk-tabs label{text-transform:none;letter-spacing:0;font-size:14px}
.mk-tabs input:checked+label{color:var(--ink);border-bottom-color:var(--ink)}
.mk-tabs input:focus-visible+label{outline:2px solid var(--ink);outline-offset:2px}
.mk-legend{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#markets .ticks{margin-top:20px;grid-template-columns:repeat(4,1fr)}
.tick .tc{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tick .pill{font-size:10px;letter-spacing:.06em}
#markets:has(#mk-fx:checked) .tick:not([data-c="fx"]),
#markets:has(#mk-metal:checked) .tick:not([data-c="metal"]),
#markets:has(#mk-energy:checked) .tick:not([data-c="energy"]),
#markets:has(#mk-index:checked) .tick:not([data-c="index"]),
#markets:has(#mk-crypto:checked) .tick:not([data-c="crypto"]),
#markets:has(#mk-stock:checked) .tick:not([data-c="stock"]){display:none}
@media (max-width:960px){#markets .ticks{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){#markets .ticks{grid-template-columns:1fr 1fr}.tick .tk{font-size:24px}.tick{padding:18px}}

/* security & client protection */
.sf-head{display:grid;gap:4px;max-width:760px}
.sf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.sf{background:var(--sunk);padding:28px 26px;display:grid;gap:10px;align-content:start;border-top:3px solid var(--ink)}
.sf-n{color:var(--muted);font-size:13px}
.sf h3{font-size:22px}
.sf p{color:var(--muted);font-size:14.5px}
.sf-bottom{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
.sf-funds{background:var(--plum);color:var(--on-plum);padding:28px 26px;display:grid;gap:10px;align-content:start}
.sf-funds h3{color:#fff;font-size:22px}
.sf-funds p{color:var(--on-plum-muted)}
body:has(.site-top) #safety .risk{padding:28px 26px}
#safety .risk h3{font-size:22px}
.risk-lede{color:var(--muted);margin-top:6px}
#safety .risk ul{margin-top:12px;gap:10px}
@media (max-width:960px){.sf-grid{grid-template-columns:1fr 1fr}.sf-bottom{grid-template-columns:1fr}}
@media (max-width:560px){.sf-grid{grid-template-columns:1fr}}

/* audience panel */
.audience{background:var(--plum);color:var(--on-plum)}
.audience .eyebrow{color:var(--coral)}
.audience .h2{color:#fff}
.aud-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.aud-list{display:grid}
.aud{display:grid;gap:8px;padding:26px 0;border-top:1px solid rgb(255 255 255/.16);text-decoration:none;color:inherit}
.aud:last-child{border-bottom:1px solid rgb(255 255 255/.16)}
.aud h3{font-size:28px;color:#fff;font-weight:300}
.aud p{color:var(--on-plum-muted);max-width:52ch}
.aud-go{color:var(--coral);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
html[lang="bn"] .aud-go{text-transform:none;letter-spacing:0;font-size:14px}
.aud:hover h3{color:var(--coral)}

/* footer */
body:has(.site-top) footer.site-foot{background:var(--plum-3);color:var(--on-plum-muted);border-top:0;padding-block:64px 44px}
body:has(.site-top) .foot-cols h4{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-body);font-size:11px}
html[lang="bn"] body:has(.site-top) .foot-cols h4{text-transform:none;letter-spacing:0;font-size:13px}
body:has(.site-top) .foot-links a{color:var(--on-plum-muted)}
body:has(.site-top) .foot-links a:hover{color:var(--coral)}
.foot-brand{color:#fff;font-family:var(--font-display);font-weight:300;font-size:21px;letter-spacing:.02em;text-transform:uppercase}
body:has(.site-top) footer .legal{border-top:1px solid rgb(255 255 255/.1);padding-top:12px;color:var(--on-plum-muted)}

/* sign-in and sign-up pages share the header; keep their panels square */
body:has(.site-top) .auth{border-radius:0}

@media (max-width:960px){
  .hero-band .hero{grid-template-columns:1fr;padding-block:64px}
  .hero-art{min-height:0;justify-items:stretch}
  .pillars{inset:-24px -20px;width:calc(100% + 40px);height:calc(100% + 48px);opacity:.6}
  .hero-band .statement{width:100%}
  .ticks{grid-template-columns:1fr 1fr}
  .aud-grid{grid-template-columns:1fr;gap:20px}
  .principles{grid-template-columns:1fr}
  .principle{border-right:0;margin-right:0;padding:22px 0;border-bottom:1px solid var(--line)}
  body:has(.site-top) section{padding-block:64px}
  .util-links{display:none}

}
@media (max-width:560px){
  .ticks{grid-template-columns:1fr}
  body:has(.site-top) .fact{border-left:0;padding-left:0}
  body:has(.site-top) .fv{font-size:34px}
  body:has(.site-top) .site-top .wrap{gap:10px}
  body:has(.site-top) .brand{white-space:normal;flex:0 1 auto;min-width:0;font-size:14px;line-height:1.1;gap:8px}
  body:has(.site-top) .top-right{gap:8px}
  body:has(.site-top) .top-right .btn.small{padding:6px 10px}

}

/* visuals */
.ico{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,var(--plum) 0%,#4a3a7a 100%);color:var(--coral);flex:none}
.ico svg{width:24px;height:24px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ico{background:linear-gradient(135deg,#2c2250,#46387a)}}
:root[data-theme="dark"] .ico{background:linear-gradient(135deg,#2c2250,#46387a)}
:is(.sf,.rb,.principle,.tick,.plan,.card){transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
:is(.sf,.rb,.principle):hover{transform:translateY(-4px)}
.sf{position:relative;overflow:hidden}
.sf::after{content:"";position:absolute;left:0;top:-3px;height:3px;width:0;background:linear-gradient(90deg,var(--coral),#c9a7ff);transition:width .4s ease}
.sf:hover::after{width:100%}
.sf:hover{box-shadow:0 22px 40px -26px rgb(46 35 75/.55)}
.sf .ico,.rb .ico,.principle .ico{margin-bottom:6px}
.sf:hover .ico,.rb:hover .ico,.principle:hover .ico{background:linear-gradient(135deg,var(--coral),#ffd0bd);color:var(--plum)}
.tick{position:relative}
.spark{display:block;width:100%;height:56px;margin-top:6px;color:#7a5cf0}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .spark{color:var(--coral)}}
:root[data-theme="dark"] .spark{color:var(--coral)}

/* trade illustration */
.tv-head{display:grid;gap:4px;max-width:760px}
.tv-panel{margin-top:32px;background:radial-gradient(120% 120% at 80% 0%,#33285a 0%,var(--plum-3) 60%,#0c0916 100%);color:var(--on-plum);padding:20px 20px 24px;box-shadow:0 40px 80px -40px rgb(20 12 40/.6)}
.tv-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:2px 4px 12px;border-bottom:1px solid rgb(255 255 255/.1)}
.tv-sym{font-family:var(--font-mono);font-size:13px;color:#fff;letter-spacing:.04em}
.tv-tag{font-size:11px;color:var(--on-plum-muted);border:1px solid rgb(255 255 255/.18);padding:3px 8px}
.trade-svg{display:block;width:100%;height:auto;margin-top:12px}
.trade-svg .gl{stroke:rgb(255 255 255/.06)}
.trade-svg .cu{stroke:#7ee2b8;stroke-width:1.2} .trade-svg .bu{fill:#7ee2b8}
.trade-svg .cd{stroke:#ff8a8a;stroke-width:1.2} .trade-svg .bd{fill:#ff8a8a}
.trade-svg .zone-tp{fill:rgb(126 226 184/.08)} .trade-svg .zone-sl{fill:rgb(255 138 138/.10)}
.trade-svg line.tp{stroke:#7ee2b8;stroke-dasharray:5 4} .trade-svg line.en{stroke:#fff;stroke-width:1.4} .trade-svg line.sl{stroke:#ff8a8a;stroke-dasharray:5 4}
.trade-svg .lt{font:600 11px var(--font-body);letter-spacing:.06em}
.trade-svg text.tp{fill:#7ee2b8} .trade-svg text.en{fill:#fff} .trade-svg text.sl{fill:#ff8a8a}
.trade-svg .dot{fill:var(--coral);stroke:#fff;stroke-width:2}
@media (prefers-reduced-motion:no-preference){.trade-svg .dot{animation:tvpulse 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}}
@keyframes tvpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5)}}
.tv-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:16px;border-top:1px solid rgb(255 255 255/.1)}
.tv-note{display:grid;gap:4px;padding:16px 18px 0 0;font-size:14px;color:var(--on-plum-muted)}
.tv-note b{color:#fff;font-weight:600}
.tv-k{width:22px;height:3px;display:block;margin-bottom:6px}
.tv-k1{background:#fff} .tv-k2{background:#ff8a8a} .tv-k3{background:#7ee2b8}
@media (max-width:760px){.tv-notes{grid-template-columns:1fr}.tv-panel{padding:14px}}

/* investor polish */
.grad{background:linear-gradient(90deg,#ffb198 0%,#ffd6c4 35%,#c9b2ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.plan-meta{font-size:12.5px;color:var(--muted);padding:6px 10px;background:var(--sunk);justify-self:start;margin-top:4px}
body:has(.site-top) .plan ul{list-style:none;padding-left:0}
body:has(.site-top) .plan li{position:relative;padding-left:24px}
body:has(.site-top) .plan li::before{content:"";position:absolute;left:2px;top:.45em;width:10px;height:5px;border-left:2px solid var(--coral);border-bottom:2px solid var(--coral);transform:rotate(-45deg)}
body:has(.site-top) .plan.feature{background:linear-gradient(180deg,#fff 0%,#fff6f2 100%)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body:has(.site-top) .plan.feature{background:var(--surface)}}
:root[data-theme="dark"] body:has(.site-top) .plan.feature{background:var(--surface)}

/* app showcase */
.app-show{background:linear-gradient(180deg,var(--bg) 0%,var(--sunk) 100%)}
.app-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.app-points{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:18px}
.app-points li{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start}
.app-points b{display:block;font-weight:600}
.app-points span{color:var(--muted);font-size:14.5px}
.phone-wrap{position:relative;display:grid;justify-items:center;padding:20px 0}
.phone-wrap::before{content:"";position:absolute;inset:8% 6%;background:radial-gradient(closest-side,rgb(255 177 152/.45),transparent 70%),radial-gradient(closest-side at 70% 30%,rgb(140 110 240/.4),transparent 70%);filter:blur(10px)}
.phone{position:relative;width:290px;border-radius:44px;background:#14101f;padding:12px;box-shadow:0 50px 90px -40px rgb(20 12 40/.75),inset 0 0 0 2px #3a3156}
.ph-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:20px;border-radius:12px;background:#000;z-index:1}
.ph-screen{border-radius:34px;background:linear-gradient(180deg,#2e234b 0%,#1a1430 46%,#fff 46.1%);padding:46px 18px 22px;min-height:520px;color:#fff}
.ph-top{display:flex;justify-content:space-between;align-items:center}
.ph-top .mark.logo{width:32px;height:32px;background:none}
.ph-top .mark.logo svg > rect:first-of-type{fill:#4a3a7a}
.ph-sample{font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgb(255 255 255/.3);padding:2px 7px;color:#d9d3ee}
.ph-l{margin-top:26px;font-size:12px;color:#bdb6d6}
.ph-big{font-family:var(--font-display);font-weight:300;font-size:36px;letter-spacing:-.03em;margin-top:2px}
.ph-screen .spark{color:var(--coral);margin-top:14px;height:64px}
.ph-row{display:flex;justify-content:space-between;gap:10px;padding:13px 2px;border-bottom:1px solid #ece9f7;color:#14101f;font-size:13px}
.ph-row:first-of-type{margin-top:30px}
.ph-row b{font-weight:600}
.ph-toast{position:absolute;right:-24px;top:300px;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;background:#fff;color:#14101f;padding:12px 14px;box-shadow:0 24px 50px -20px rgb(20 12 40/.5);width:230px}
.ph-toast .ico{width:40px;height:40px}
.ph-toast b{display:block;font-size:13px}
.ph-toast span{font-size:12px;color:#5d5873}
@media (prefers-reduced-motion:no-preference){.ph-toast{animation:toastIn 3.6s ease-in-out infinite}}
@keyframes toastIn{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* trading sessions */
.sessions{margin-top:28px;display:grid;gap:14px;padding:18px 20px;background:var(--surface);border:1px solid var(--line)}
.ses-t{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;color:var(--muted)}
.ses-t b{color:var(--ink)}
.ses-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ses{display:grid;gap:2px;padding:10px 12px;background:var(--sunk);border-left:3px solid var(--coral)}
.ses b{font-weight:600}
.ses .num{font-size:12.5px;color:var(--muted)}

/* closing call to action */
.final-cta{background:radial-gradient(90% 140% at 100% 0%,#4a3a7a 0%,var(--plum) 45%,var(--plum-3) 100%);color:var(--on-plum)}
.final-cta .h2{color:#fff;max-width:20ch}
.final-cta .sublede{color:var(--on-plum-muted)}
.fc-grid{display:grid;grid-template-columns:1.3fr auto;gap:32px;align-items:center}
.final-cta .btn{background:var(--coral);border-color:var(--coral);color:var(--coral-ink)}
.final-cta .btn.ghost{background:transparent;color:#fff;border-color:rgb(255 255 255/.45)}
@media (max-width:960px){.app-grid,.fc-grid{grid-template-columns:1fr}.ses-list{grid-template-columns:1fr 1fr}.ph-toast{right:0}}
@media (max-width:420px){.phone{width:260px}.ph-toast{width:200px;top:auto;bottom:-6px}}

/* market badges */
.badge2{position:relative;display:block;height:38px;width:66px;margin-top:16px}
.coin{position:absolute;top:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 13.5px/1 var(--font-body);box-shadow:0 0 0 2px var(--surface),0 6px 14px -6px rgb(20 12 40/.5);letter-spacing:-.02em}
.coin+.coin{z-index:1}
.tick:hover .coin:first-child{transform:translateX(-3px)}
.coin{transition:transform .25s ease}

/* chart v2 */
.trade-svg .ema{fill:none;stroke:url(#tvema);stroke-width:2.2;stroke-linejoin:round}
.trade-svg .vu{fill:rgb(126 226 184/.28)} .trade-svg .vd{fill:rgb(255 138 138/.28)}
.trade-svg .tag{stroke:none} .trade-svg .tag.tp{fill:#2d7d63} .trade-svg .tag.en{fill:#f1eff8} .trade-svg .tag.sl{fill:#b94a52}
.trade-svg .tt{font:600 11px var(--font-mono);fill:#fff;letter-spacing:.02em}
.trade-svg .tag.en + .tt{fill:#14101f}
.trade-svg .hit{fill:#7ee2b8}
.trade-svg .buy path{fill:var(--coral)} .trade-svg .buy text{font:700 11px var(--font-body);fill:var(--coral);letter-spacing:.08em}
.trade-svg .lastl{stroke:rgb(255 255 255/.25);stroke-dasharray:2 4}
.trade-svg .ax{font:11px var(--font-mono);fill:#8d86a8}
.trade-svg .lg{font:12px var(--font-body);fill:#bdb6d6}
.trade-svg .lg-k{fill:#ffb198} .trade-svg .lg-v{fill:#7ee2b8} .trade-svg .lg-r{fill:#fff;font-weight:600}
.tv-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7ee2b8;margin-right:8px;box-shadow:0 0 0 0 rgb(126 226 184/.6)}
@media (prefers-reduced-motion:no-preference){.tv-live{animation:livepulse 1.8s ease-out infinite}}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgb(126 226 184/.6)}100%{box-shadow:0 0 0 9px rgb(126 226 184/0)}}

/* photos (Pexels licence: free commercial use, no attribution required) */
.photo{margin:0;position:relative;overflow:hidden;background:var(--plum)}
.photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.photo:hover img{transform:scale(1.04)}
.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(46 35 75/0) 45%,rgb(46 35 75/.45) 100%);pointer-events:none}
.ph-aud{aspect-ratio:16/10;margin-top:32px;opacity:.92}
.final-cta{background:linear-gradient(100deg,rgb(26 20 48/.96) 0%,rgb(46 35 75/.88) 55%,rgb(46 35 75/.55) 100%),url("/img/markets/p16594724.jpg") center/cover no-repeat}

/* plan backgrounds: each tier has its own colour story */
body:has(.site-top) .plan{position:relative;overflow:hidden;border:0;padding:30px 28px}
body:has(.site-top) .plan > *{position:relative}
body:has(.site-top) .plan::before{content:"";position:absolute;inset:0;pointer-events:none}
/* Starter: soft lavender with a coral glow */
body:has(.site-top) .plan.plan-starter{background:linear-gradient(160deg,#ffffff 0%,#f1edff 60%,#e6defd 100%)}
body:has(.site-top) .plan-starter::before{background:radial-gradient(60% 50% at 100% 0%,rgb(255 177 152/.35),transparent 70%)}
/* Standard: deep aubergine, the hero of the row */
body:has(.site-top) .plan.plan-standard{background:linear-gradient(160deg,#3d2f66 0%,#2e234b 45%,#1a1430 100%);color:#f1eff8;box-shadow:0 30px 60px -28px rgb(46 35 75/.7);transform:translateY(-10px)}
body:has(.site-top) .plan-standard::before{background:radial-gradient(70% 55% at 100% 0%,rgb(255 177 152/.30),transparent 70%),radial-gradient(60% 50% at 0% 100%,rgb(140 110 240/.35),transparent 70%)}
body:has(.site-top) .plan-standard.feature{border:0;box-shadow:inset 0 4px 0 var(--coral),0 30px 60px -28px rgb(46 35 75/.7)}
/* Premium: night blue with champagne-gold accents */
body:has(.site-top) .plan.plan-premium{background:linear-gradient(160deg,#1f2440 0%,#141a30 55%,#0c0f1d 100%);color:#efe9dc;box-shadow:inset 0 0 0 1px rgb(214 178 122/.35)}
body:has(.site-top) .plan-premium::before{background:radial-gradient(70% 55% at 100% 0%,rgb(214 178 122/.28),transparent 70%),repeating-linear-gradient(135deg,rgb(214 178 122/.05) 0 2px,transparent 2px 14px)}
/* text on the dark cards */
body:has(.site-top) :is(.plan-standard,.plan-premium) h3{color:#fff}
body:has(.site-top) .plan-standard .price{color:#fff}
body:has(.site-top) .plan-premium .price{background:linear-gradient(90deg,#f3dcae,#d6b27a);-webkit-background-clip:text;background-clip:text;color:transparent}
body:has(.site-top) :is(.plan-standard,.plan-premium) .hint{color:#bdb6d6}
body:has(.site-top) .plan-premium .hint{color:#b9b1a0}
body:has(.site-top) :is(.plan-standard,.plan-premium) .plan-meta{background:rgb(255 255 255/.08);color:#e7e2f5}
body:has(.site-top) .plan-premium li::before{border-color:#d6b27a}
body:has(.site-top) .plan-standard .pill{background:var(--coral);color:var(--plum)}
body:has(.site-top) .plan-standard .btn{background:var(--coral);border-color:var(--coral);color:var(--plum)}
body:has(.site-top) .plan-premium .btn{background:transparent;color:#f3dcae;border-color:#d6b27a}
body:has(.site-top) .plan-premium .btn:hover{background:#d6b27a;color:#141a30}
body:has(.site-top) .plan-starter .btn{background:#fff}
body:has(.site-top) .plan:hover{transform:translateY(-6px)}
body:has(.site-top) .plan-standard:hover{transform:translateY(-14px)}
@media (max-width:960px){body:has(.site-top) .plan-standard{transform:none}body:has(.site-top) .plan-standard:hover{transform:translateY(-4px)}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body:has(.site-top) .plan-starter{background:linear-gradient(160deg,#211a38,#1a1430)}}
:root[data-theme="dark"] body:has(.site-top) .plan-starter{background:linear-gradient(160deg,#211a38,#1a1430)}

/* market photos: each card shows its own asset behind a dark wash */
.tick.has-photo{overflow:hidden;background:#14101f;border:0;min-height:200px;color:#fff}
.tick.has-photo::before{content:"";position:absolute;inset:0;background:var(--img) center/cover no-repeat;transition:transform .6s ease}
.tick.has-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(170deg,rgb(20 16 31/.30) 0%,rgb(20 16 31/.62) 50%,rgb(20 16 31/.90) 100%)}
.tick.has-photo > *,.tick.has-photo > .tick-glass > *{position:relative;z-index:1}
.tick.has-photo:hover::before{transform:scale(1.08)}
.tick.has-photo:hover{transform:translateY(-3px);box-shadow:0 24px 44px -24px rgb(20 12 40/.7)}
.tick.has-photo .tc{color:#ffd0bd}
.tick.has-photo .tk{color:#fff}
.tick.has-photo .tn{color:#d9d3ee}
.tick.has-photo .coin{box-shadow:0 0 0 2px rgb(255 255 255/.85),0 6px 14px -6px rgb(0 0 0/.6)}

/* tagline marquee (right to left) */
.tagbar{background:linear-gradient(90deg,#1a1430,#2e234b 50%,#1a1430);border-bottom:1px solid rgb(255 177 152/.25)}
.tagbar .wrap{display:flex;align-items:center;gap:18px;padding-block:8px}
.marquee{position:relative;flex:1;min-width:0;overflow:hidden}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:1;pointer-events:none}
.marquee::before{left:0;background:linear-gradient(90deg,#1f1838,transparent)}.marquee::after{right:0;background:linear-gradient(270deg,#1f1838,transparent)}
.mq-track{display:flex;width:max-content}
.mq-set{display:flex;align-items:center;flex:none}
.mq-item{white-space:nowrap;font-size:12.5px;font-weight:600;letter-spacing:.03em;padding-inline:18px;color:#ffd0bd}
.mq-item:nth-child(4n+3){color:#d9ccff}
.mq-dot{color:#ffb198;font-size:10px;opacity:.8}
@media (prefers-reduced-motion:no-preference){.mq-track{animation:mq 38s linear infinite;will-change:transform}.marquee:hover .mq-track{animation-play-state:paused}}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:960px){.tagbar .util-links{display:none}}

/* logo */
.mark.logo{background:none;width:36px;height:36px;padding:0}
.mark.logo svg{width:100%;height:100%;display:block}
body:has(.site-top) .mark.logo{background:none}
.foot-brand .brand{color:#fff}

/* sample statement card */
.hero-band .statement{background:linear-gradient(160deg,#ffffff 0%,#f6f2ff 55%,#ffe9e1 100%)}
.hero-band .statement::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 100% 0%,rgb(183 156 255/.25),transparent 70%);pointer-events:none}
.hero-band .statement .row{border-bottom-color:rgb(46 35 75/.12)}

/* tinted boxes */
body:has(.site-top) .facts{background:linear-gradient(180deg,var(--sunk),#ebe6fb)}
body:has(.site-top) .fact{background:linear-gradient(160deg,#fff 0%,#f4f0ff 100%);padding:18px 18px 16px;border-left:0;border-top:3px solid var(--coral);box-shadow:0 14px 30px -24px rgb(46 35 75/.5)}
body:has(.site-top) .facts .wrap{gap:14px}
body:has(.site-top) .step{background:linear-gradient(160deg,#fff 0%,#f3efff 100%);padding:24px 22px;margin-right:14px;border-right:0;border-top:3px solid var(--plum)}
body:has(.site-top) .step:nth-child(2){border-top-color:#7a5cf0} body:has(.site-top) .step:nth-child(3){border-top-color:#2f9e6e} body:has(.site-top) .step:nth-child(4){border-top-color:var(--coral)}
body:has(.site-top) .steps{border-top:0;gap:0}
body:has(.site-top) .step .n{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--plum);color:var(--coral);font-weight:600}
body:has(.site-top) .lane{background:linear-gradient(120deg,#fff 0%,#f3efff 100%);border:0;border-left:4px solid var(--plum)}
body:has(.site-top) .lane:nth-child(2){border-left-color:#7a5cf0} body:has(.site-top) .lane:nth-child(3){border-left-color:var(--coral)}
body:has(.site-top) .pipeline{background:linear-gradient(170deg,#2e234b 0%,#1a1430 100%);color:#f1eff8;border:0}
body:has(.site-top) .pipeline .eyebrow{color:var(--coral)}
body:has(.site-top) .pipeline li{border-top-color:rgb(255 255 255/.1)}
body:has(.site-top) .pipeline li span{color:#bdb6d6}
body:has(.site-top) .pipeline li::before{border-color:var(--coral);color:var(--coral)}
body:has(.site-top) .rb{background:linear-gradient(170deg,#fff 0%,#f5f2ff 100%);padding:26px 24px 28px;margin:0 0 14px;border:0;border-top:3px solid var(--ink)}
body:has(.site-top) .rb-grid{gap:14px;border-top:0}
body:has(.site-top) .rb:not(:nth-child(3n)),body:has(.site-top) .rb:nth-child(odd){border-right:0;margin-right:0}
body:has(.site-top) .principle{background:linear-gradient(170deg,#fff 0%,#f5f2ff 100%);padding:26px 24px;margin-right:14px;border-right:0}
body:has(.site-top) .principles{border-top:0;gap:0}

/* analysis pillars */
.analysis{margin-top:88px}
.an-head{display:grid;gap:4px;max-width:760px}
.an-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.an{position:relative;overflow:hidden;padding:30px 26px;display:grid;gap:12px;align-content:start;color:#f1eff8;transition:transform .25s ease}
.an:hover{transform:translateY(-5px)}
.an::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(closest-side,rgb(255 255 255/.16),transparent);pointer-events:none}
.an-tech{background:linear-gradient(160deg,#3d2f66 0%,#2e234b 60%,#1a1430 100%)}
.an-fund{background:linear-gradient(160deg,#1f4a6b 0%,#163650 60%,#0d2033 100%)}
.an-sent{background:linear-gradient(160deg,#7a3b4f 0%,#5a2a3c 60%,#3a1a28 100%)}
.an h3{color:#fff;font-size:24px}
.an p{color:rgb(241 239 248/.8)}
.an .ico{background:rgb(255 255 255/.12);color:#ffd0bd}
.an-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.an-tags span{font-size:12px;padding:5px 10px;background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.18)}
@media (max-width:960px){.an-grid{grid-template-columns:1fr}body:has(.site-top) .step,body:has(.site-top) .principle{margin-right:0;margin-bottom:12px}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body:has(.site-top) :is(.fact,.step,.lane,.rb,.principle){background:var(--surface)}}
:root[data-theme="dark"] body:has(.site-top) :is(.fact,.step,.lane,.rb,.principle){background:var(--surface)}
.site-top .mark.logo svg > rect:first-of-type,.site-foot .mark.logo svg > rect:first-of-type{fill:#4a3a7a}
.site-top .mark.logo,.site-foot .mark.logo{box-shadow:0 0 0 1px rgb(255 177 152/.45);border-radius:9px}

/* lane rules (technical / fundamental / sentiment) */
body:has(.site-top) .lane{display:grid;grid-template-columns:1fr;gap:12px;padding:18px 20px}
.lane-head{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:baseline}
.lane-head span{color:var(--ink);font-size:14.5px}
.lane-rules{list-style:none;margin:0;padding:12px 0 0;display:grid;gap:8px;border-top:1px dashed rgb(46 35 75/.15)}
.lane-rules li{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:baseline;font-size:13.5px;color:var(--muted)}
.lr{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;justify-self:start;color:#fff}
html[lang="bn"] .lr{text-transform:none;letter-spacing:0;font-size:12px}
.lr-t{background:#3d2f66} .lr-f{background:#1f4a6b} .lr-s{background:#7a3b4f}
@media (max-width:560px){.lane-head,.lane-rules li{grid-template-columns:1fr;gap:4px}}
body:has(.site-top) .pipeline{align-self:start;position:sticky;top:90px}
.ph-aud img{object-position:50% 58%}

/* auth pages (login, register, reset): card floating on an aubergine stage */
body:has(.site-top) main:has(> .auth){max-width:none;padding:56px 16px 72px;background:radial-gradient(70% 60% at 85% 0%,#4a3a7a 0%,transparent 60%),radial-gradient(60% 50% at 0% 100%,rgb(255 177 152/.25),transparent 60%),linear-gradient(170deg,#2e234b 0%,#1a1430 100%)}
body:has(.site-top) .auth{margin:0 auto;border:0;border-top:4px solid var(--coral);box-shadow:0 40px 90px -40px rgb(0 0 0/.7);padding:34px 32px}
body:has(.site-top) .auth .eyebrow{color:#6a4fd6}
body:has(.site-top) .auth h2{font-size:28px!important;font-weight:400}
body:has(.site-top) .auth .field input,body:has(.site-top) .auth .field select{border-radius:2px;background:#faf9fe;border-color:#e2deef;padding:12px 14px}
body:has(.site-top) .auth .field input:focus{outline:2px solid #b79cff;outline-offset:0;border-color:#b79cff}
body:has(.site-top) .auth .btn{width:100%;padding:13px 18px}
body:has(.site-top) .auth .btn.ghost,body:has(.site-top) .auth .btn.quiet,body:has(.site-top) .auth .btn.small{width:auto}
@media (max-width:560px){body:has(.site-top) main:has(> .auth){padding:24px 12px 48px}body:has(.site-top) .auth{padding:24px 20px}}

/* about & contact */
.page-hero .hero, .page-hero .wrap{padding-block:72px 64px}
.page-hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.08;color:#fff;font-weight:300;letter-spacing:-.03em;max-width:20ch;margin-top:8px}
html[lang="bn"] .page-hero h1{font-weight:600;letter-spacing:0;line-height:1.25}
.page-hero .lede{color:var(--on-plum-muted);font-size:18px;max-width:56ch;margin-top:16px}
.ab-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px}
.ab-text{display:grid;gap:16px;color:var(--muted);font-size:16.5px;line-height:1.7}
.ab-mv{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ab-card{padding:34px 30px;display:grid;gap:10px;color:#f1eff8}
.ab-card h3{font-size:clamp(20px,2.2vw,26px);color:#fff;font-weight:300;line-height:1.35}
.ab-mission{background:linear-gradient(160deg,#3d2f66,#1a1430)} .ab-vision{background:linear-gradient(160deg,#1f4a6b,#0d2033)}
.ab-card .eyebrow{color:var(--coral)} .ab-card .ico{background:rgb(255 255 255/.12);color:#ffd0bd}
.ab-values{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.ab-value{background:linear-gradient(170deg,#fff,#f4f0ff);padding:26px 22px;display:grid;gap:10px;align-content:start;border-top:3px solid var(--coral)}
.ab-value p{color:var(--muted);font-size:14.5px}
.ab-how{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.ab-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ab-steps li{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:20px 22px;background:linear-gradient(120deg,#fff,#f3efff);border-left:4px solid var(--plum)}
.ab-steps li:nth-child(2){border-left-color:#7a5cf0} .ab-steps li:nth-child(3){border-left-color:#2f9e6e} .ab-steps li:nth-child(4){border-left-color:var(--coral)}
.ab-steps .num{font-size:22px;color:var(--muted)} .ab-steps p{color:var(--muted);font-size:14.5px;margin-top:4px}
.ab-team{display:grid;grid-template-columns:1.3fr auto;gap:40px;align-items:center}
.ab-team-cta{display:flex;gap:12px;flex-wrap:wrap}
.ab-team .btn{background:var(--coral);border-color:var(--coral);color:var(--plum)} .ab-team .btn.ghost{background:transparent;color:#fff;border-color:rgb(255 255 255/.45)}
.ct-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start}
.ct-channels{display:grid;gap:14px}
.ct-ch{display:grid;gap:4px;padding:24px 24px;text-decoration:none;color:#fff;transition:transform .2s ease}
.ct-ch:hover{transform:translateY(-3px)}
.ct-ch b{font-size:22px;font-weight:400;letter-spacing:.01em} .ct-ch span:last-child{color:rgb(255 255 255/.78);font-size:14px}
.ct-k{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgb(255 255 255/.8)}
.ct-wa{background:linear-gradient(135deg,#1f8f5f,#136b46)} .ct-tg{background:linear-gradient(135deg,#2a88c9,#1b5f92)} .ct-hours{background:linear-gradient(135deg,#3d2f66,#1a1430)}
.ct-form{background:var(--surface);padding:32px;border-top:4px solid var(--coral);box-shadow:0 30px 70px -40px rgb(46 35 75/.55)}
.ct-form h2{font-size:26px;font-weight:400}
.ct-form textarea{border:1px solid var(--line);background:#faf9fe;border-radius:2px;padding:12px 14px;width:100%;font:inherit}
.ct-form .field input,.ct-form .field select{border-radius:2px;background:#faf9fe}
.ct-done{display:grid;gap:12px;justify-items:start;padding:12px 0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* floating chat buttons */
.chat-fab{position:fixed;right:18px;bottom:18px;z-index:40;display:grid;gap:10px}
.fab{display:flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;color:#fff;text-decoration:none;font-weight:600;font-size:14px;box-shadow:0 14px 30px -12px rgb(0 0 0/.5);transition:transform .2s ease}
.fab:hover{transform:translateY(-2px)}
.fab svg{width:22px;height:22px}
.fab-wa{background:#1f9d62} .fab-tg{background:#2a88c9}
@media (prefers-reduced-motion:no-preference){.fab-wa{animation:fabPulse 3s ease-in-out infinite}}
@keyframes fabPulse{0%,100%{box-shadow:0 14px 30px -12px rgb(0 0 0/.5),0 0 0 0 rgb(31 157 98/.5)}50%{box-shadow:0 14px 30px -12px rgb(0 0 0/.5),0 0 0 10px rgb(31 157 98/0)}}
@media (max-width:960px){.ab-story,.ab-how,.ct-grid,.ab-team{grid-template-columns:1fr;gap:28px}.ab-values{grid-template-columns:1fr 1fr}.ab-mv{grid-template-columns:1fr}}
@media (max-width:560px){.ab-values{grid-template-columns:1fr}.fab span{display:none}.fab{padding:12px}.chat-fab{right:12px;bottom:12px}.ct-form{padding:22px}}

/* insights & calculator */
.ins-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.ins-card{display:grid;gap:10px;align-content:start;padding:26px 24px;background:linear-gradient(170deg,#fff,#f4f0ff);text-decoration:none;color:var(--ink);border-top:3px solid var(--plum);transition:transform .25s ease,box-shadow .25s ease}
.ins-card:nth-child(3n+2){border-top-color:#7a5cf0} .ins-card:nth-child(3n){border-top-color:var(--coral)}
.ins-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgb(46 35 75/.55)}
.ins-card h3{font-size:21px} .ins-card p{color:var(--muted);font-size:14.5px}
.ins-cat{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
html[lang="bn"] .ins-cat{letter-spacing:0;font-size:12.5px;text-transform:none}
.ins-card .aud-go{color:#6a4fd6}
.cal{display:grid;gap:18px;margin-top:28px}
.cal-day h3{font-size:16px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.cal-row{display:grid;grid-template-columns:70px 54px 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}
.cal-row .cal-fp{grid-column:3/5;font-size:12.5px;color:var(--muted);margin-top:-6px}
.cal-time{color:var(--muted)} .cal-cur{font-weight:700;font-family:var(--font-mono);font-size:13px}
.cal-imp{font-size:11px;font-weight:600;padding:3px 8px;color:#fff;background:#9a6a12}
.cal-row.high .cal-imp{background:#b4372b} .cal-row.high .cal-t{font-weight:600}
.art{display:grid;grid-template-columns:1fr 320px;gap:56px;align-items:start}
.art article{display:grid;gap:18px;font-size:17px;line-height:1.75;color:#2a2440;max-width:68ch}
.art-note{border-top:1px solid var(--line);padding-top:14px}
.art-side{position:sticky;top:100px}
.art-side .ab-card .btn{background:var(--coral);border-color:var(--coral);color:var(--plum);justify-self:start}
.calc-sec{background:linear-gradient(180deg,var(--sunk),#e9e3fb)}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.calc-form{display:grid;gap:16px;margin-top:24px;background:#fff;padding:24px;border-top:3px solid var(--plum)}
.calc-form input[type=number]{border:1px solid var(--line);border-radius:2px;padding:12px 14px;background:#faf9fe;font-size:18px}
.calc-form input[type=range]{width:100%;accent-color:#6a4fd6}
.calc-form output{font-weight:600}
.calc-card{background:linear-gradient(165deg,#3d2f66 0%,#2e234b 50%,#1a1430 100%);color:#f1eff8;padding:28px;display:grid;gap:12px;box-shadow:0 34px 70px -36px rgb(20 12 40/.7)}
.calc-card .eyebrow{color:var(--coral)} .calc-card h3{color:#fff}
.calc-plan{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgb(255 255 255/.08)}
.calc-plan b{color:#ffd0bd;font-size:18px}
.calc-big{display:grid;gap:2px;margin-top:6px}
.calc-big span:first-child{color:#bdb6d6;font-size:13.5px}
.calc-big b{font-family:var(--font-display);font-weight:300;font-size:44px;letter-spacing:-.03em;color:#fff}
.calc-big .pos{color:#7ee2b8} .calc-big .neg{color:#ff9a9a}
.calc-rows{display:grid;gap:0;margin-top:6px}
.calc-rows div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgb(255 255 255/.1);font-size:14px}
.calc-rows span{color:#bdb6d6} .calc-rows b{color:#fff;font-weight:500;text-align:right}
.calc-scen{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.calc-scen div{display:grid;gap:2px;padding:10px 12px;background:rgb(255 255 255/.06);border-top:2px solid #7ee2b8}
.calc-scen div.down{border-top-color:#ff9a9a}
.calc-scen span{font-size:12px;color:#bdb6d6} .calc-scen b{font-size:15px;color:#fff}
.calc-card .hint{color:#a9a3c2}
.calc-card .btn{background:var(--coral);border-color:var(--coral);color:var(--plum);justify-self:start}
@media (max-width:960px){.ins-grid,.calc-grid,.art{grid-template-columns:1fr}.art-side{position:static}}
@media (max-width:560px){.cal-row{grid-template-columns:56px 44px 1fr}.cal-row .cal-imp{grid-column:3}.cal-row .cal-fp{grid-column:1/4;margin-top:0}.calc-scen{grid-template-columns:1fr}}

/* testimonials */
.tm-sec{background:linear-gradient(180deg,#fff,var(--sunk))}
.tm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.tm{margin:0;padding:28px 26px;background:#fff;display:grid;gap:16px;align-content:space-between;border-top:3px solid var(--coral);box-shadow:0 20px 44px -30px rgb(46 35 75/.5)}
.tm .tm-sample{justify-self:start}
.tm-stars{color:#e8a33a;letter-spacing:2px;font-size:16px} .tm-stars span{color:#e2deef}
.tm blockquote{margin:0;font-family:var(--font-display);font-weight:300;font-size:18px;line-height:1.55;color:var(--ink)}
html[lang="bn"] .tm blockquote{font-family:var(--font-bn);font-weight:500}
.tm figcaption{display:flex;gap:12px;align-items:center}
.tm figcaption > span:last-child{display:grid}
.tm-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--plum),#6a4fd6);color:#ffd0bd;font-weight:600;flex:none}
@media (max-width:960px){.tm-grid{grid-template-columns:1fr}}

/* live strip + rating summary */
.live-strip{background:var(--plum);color:#f1eff8}
.live-strip .wrap{display:flex;flex-wrap:wrap;gap:28px;align-items:baseline;padding-block:18px}
.live-strip b{font-family:var(--font-display);font-weight:300;font-size:28px;color:#ffd0bd;margin-right:8px}
.live-strip span{color:#bdb6d6;font-size:14px}
.live-strip .ls-note{margin-left:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8d86a8}
.tm-sum{display:grid;justify-items:end;gap:2px}
.tm-sum b{font-family:var(--font-display);font-weight:300;font-size:44px;line-height:1;color:var(--ink)}
.ct-mail{background:linear-gradient(135deg,#7a3b4f,#5a2a3c)} .ct-mail b{font-size:17px;word-break:break-all}
.ct-office{background:linear-gradient(135deg,#2e234b,#4a3a7a)} .ct-office b{font-size:20px}

/* legal pages */
.lg-ver{margin-top:14px;font-size:12px;letter-spacing:.06em;color:#bdb6d6}
.lg-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.lg-nav{position:sticky;top:96px;display:grid;gap:2px;border-left:2px solid var(--line)}
.lg-nav a{padding:9px 14px;color:var(--muted);text-decoration:none;font-size:14px;margin-left:-2px;border-left:2px solid transparent}
.lg-nav a:hover{color:var(--ink)}
.lg-nav a[aria-current="page"]{color:var(--plum);font-weight:600;border-left-color:var(--coral);background:linear-gradient(90deg,rgb(255 177 152/.15),transparent)}
.lg-print{margin-top:12px;font-size:13px!important;color:#6a4fd6!important}
.lg-doc{max-width:74ch;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
.lg-sec p,.lg-sec li{overflow-wrap:anywhere}
.lg-sec{padding:18px 0;border-bottom:1px solid var(--line)}
.lg-sec h2{font-size:20px;font-weight:500;margin-bottom:8px;color:var(--plum)}
.lg-sec p{color:#2a2440;line-height:1.75;margin-top:8px}
.lg-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
.lg-table th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink);padding:8px}
.lg-table td{padding:10px 8px;border-bottom:1px solid var(--line)}
.lg-note{margin-top:16px}
.lg-links{display:block;margin-top:4px;font-size:13px}
.lg-links a{color:#6a4fd6}
@media (max-width:860px){.lg-grid{grid-template-columns:minmax(0,1fr)}.lg-nav{position:static;display:flex;flex-wrap:wrap;border-left:0;gap:6px}.lg-nav a{border:1px solid var(--line);margin-left:0}}
@media print{.util-bar,.site-top,.site-foot,.chat-fab,.lg-nav{display:none!important}.hero-band{background:#fff!important;color:#000}.page-hero h1{color:#000}.page-hero .lede,.lg-ver{color:#333}}
body:has(.site-top) section.lg-sec{padding:18px 0}

/* funding */
#funding{background:linear-gradient(180deg,#fff 0%,#f4f0ff 100%)}
.fund-methods{display:grid;gap:10px;margin-top:26px}
.fm{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:14px 16px;color:#fff;transition:transform .2s ease}
.fm:hover{transform:translateX(4px)}
.fm b{display:block;font-size:15px;font-weight:600} .fm span{font-size:13px;color:rgb(255 255 255/.8)}
.fm-ico{width:48px;height:48px;display:grid;place-items:center;background:rgb(255 255 255/.14)} .fm-ico svg{width:26px;height:26px}
.fm-bank{background:linear-gradient(120deg,#2e234b,#4a3a7a)} .fm-usdt{background:linear-gradient(120deg,#1a7a5e,#26a17b)} .fm-mfs{background:linear-gradient(120deg,#b1265f,#e2136e)}
.fund-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.fund-trust span{font-size:12.5px;padding:6px 12px;background:#fff;border:1px solid var(--line);color:var(--ink)}
.fund-trust span::before{content:"✓ ";color:#1f7a52;font-weight:700}
.fund-cards{display:grid;gap:16px;align-content:start}
.fc{padding:26px 26px 22px;color:#f1eff8;box-shadow:0 28px 56px -34px rgb(20 12 40/.7)}
.fc-dep{background:radial-gradient(70% 80% at 100% 0%,rgb(126 226 184/.25),transparent 60%),linear-gradient(160deg,#1f5c4a,#123c30)}
.fc-wd{background:radial-gradient(70% 80% at 100% 0%,rgb(255 177 152/.25),transparent 60%),linear-gradient(160deg,#3d2f66,#1a1430)}
.fc-top{display:flex;align-items:center;gap:12px}
.fc-top h3{color:#fff;font-size:22px}
.fc-sign{width:34px;height:34px;display:grid;place-items:center;font-size:20px;font-weight:600;background:rgb(255 255 255/.14)}
.fc-dep .fc-sign{color:#7ee2b8} .fc-wd .fc-sign{color:#ffb198}
.fc ol{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.fc li{display:grid;grid-template-columns:26px 1fr;gap:10px;font-size:14.5px;color:rgb(241 239 248/.88)}
.fc li .num{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgb(255 255 255/.35);font-size:12px}

/* plans v2 */
.plans-grid{align-items:stretch}
body:has(.site-top) .plan{gap:14px;align-content:start;grid-template-rows:auto auto auto auto 1fr auto auto}
.pl-head{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center}
.pl-head h3{font-size:22px}
.pl-tag{font-size:13px;color:var(--muted);margin-top:2px}
.pl-pop{align-self:start}
.pl-price{padding:14px 0;border-top:1px solid rgb(46 35 75/.12);border-bottom:1px solid rgb(46 35 75/.12)}
body:has(.site-top) .pl-price .price{margin:0}
.pl-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pl-facts div{display:grid;gap:2px;padding:10px 12px;background:rgb(46 35 75/.05)}
.pl-facts span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
html[lang="bn"] .pl-facts span{letter-spacing:0;text-transform:none;font-size:12px}
.pl-facts b{font-size:14px;font-weight:600}
.pl-inc{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px}
html[lang="bn"] .pl-inc{letter-spacing:0;text-transform:none;font-size:13px}
body:has(.site-top) .plan ul{margin:0}
.pl-calc{font-size:13px;color:#6a4fd6;text-decoration:none;justify-self:center}
.pl-calc:hover{text-decoration:underline}
/* dark tiers */
body:has(.site-top) .plan-standard .ico{background:rgb(255 255 255/.12);color:#ffd0bd}
body:has(.site-top) .plan-premium .ico{background:rgb(214 178 122/.18);color:#f3dcae}
body:has(.site-top) :is(.plan-standard,.plan-premium) .pl-tag{color:#bdb6d6}
body:has(.site-top) :is(.plan-standard,.plan-premium) .pl-price{border-color:rgb(255 255 255/.12)}
body:has(.site-top) :is(.plan-standard,.plan-premium) .pl-facts div{background:rgb(255 255 255/.07)}
body:has(.site-top) :is(.plan-standard,.plan-premium) .pl-facts span,body:has(.site-top) :is(.plan-standard,.plan-premium) .pl-inc{color:#a9a3c2}
body:has(.site-top) .plan-standard .pl-facts b{color:#fff} body:has(.site-top) .plan-premium .pl-facts b{color:#f3dcae}
body:has(.site-top) :is(.plan-standard,.plan-premium) .pl-calc{color:#ffd0bd}
body:has(.site-top) :is(.plan-standard,.plan-premium) li{color:#e7e2f5}
.pl-all{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:22px;padding:16px 20px;background:#fff;border-left:4px solid var(--coral)}
.pl-all b{font-size:14px}
.pl-all span{font-size:13.5px;color:var(--muted)}
.pl-all span::before{content:"✓ ";color:#1f7a52;font-weight:700}
body:has(.site-top) .plan ul{align-self:start;gap:9px}

/* polish: reveal, header, menu, back-to-top, FAQ */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
body:has(.site-top) .site-top{transition:box-shadow .25s ease}
body:has(.site-top) .site-top.scrolled{box-shadow:0 10px 30px -12px rgb(0 0 0/.55)}
body:has(.site-top) .site-nav a{position:relative;padding-block:6px}
body:has(.site-top) .site-nav a.active{color:#fff}
body:has(.site-top) .site-nav a.active::after,body:has(.site-top) .site-nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--coral)}
.nav-toggle{display:none;width:40px;height:36px;border:1px solid rgb(255 255 255/.3);background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:4px;padding:0 9px}
.nav-toggle span{display:block;height:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}
.nav-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)} .nav-open .nav-toggle span:nth-child(2){opacity:0} .nav-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.m-nav{display:grid;background:var(--plum-3);padding:8px 16px 18px;border-top:1px solid rgb(255 255 255/.08)}
.m-nav[hidden]{display:none}
.m-nav a{color:#e7e2f5;text-decoration:none;padding:13px 4px;border-bottom:1px solid rgb(255 255 255/.08);font-size:16px}
.m-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.m-cta .btn{background:var(--coral);border-color:var(--coral);color:var(--plum)} .m-cta .btn.ghost{background:transparent;color:#fff;border-color:rgb(255 255 255/.4)}
@media (max-width:960px){.nav-toggle{display:inline-flex}body:has(.site-top) .top-right .btn.ghost{display:none}}
@media (max-width:560px){body:has(.site-top) .top-right .btn.small:not(.ghost){display:none}}
@media (min-width:961px){.m-nav{display:none!important}}
.to-top{position:fixed;left:18px;bottom:18px;z-index:39;width:44px;height:44px;border:0;border-radius:50%;background:var(--plum);color:#ffd0bd;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 26px -10px rgb(0 0 0/.5);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}
.to-top.show{opacity:1;pointer-events:auto;transform:none}
.to-top svg{width:20px;height:20px}
body:has(.site-top) #faq details{background:#fff;border:0;border-left:3px solid transparent;padding:18px 22px;margin-top:10px;box-shadow:0 10px 24px -22px rgb(46 35 75/.6);transition:border-color .2s ease}
body:has(.site-top) #faq details[open]{border-left-color:var(--coral)}
body:has(.site-top) #faq summary{font-size:16px}
body:has(.site-top) #faq summary::after{content:"+";width:26px;height:26px;display:grid;place-items:center;background:var(--sunk);color:var(--plum);flex:none}
body:has(.site-top) #faq details[open] summary::after{content:"–";background:var(--coral)}

/* dark mode: boxes that use a fixed light background on the light theme */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body:has(.site-top) :is(.pl-all,.fund-trust span,.calc-form,.tm,.ab-value,.ins-card,.sessions,.ses,.ct-form,.ab-steps li,#faq details,.tm-sec,.ph-row){background:var(--surface);color:var(--ink)}
:root:not([data-theme="light"]) body:has(.site-top) :is(#funding,.calc-sec,.app-show,.tm-sec){background:var(--bg)}
:root:not([data-theme="light"]) body:has(.site-top) :is(.calc-form input[type=number],.ct-form textarea,.ct-form .field input,.ct-form .field select){background:var(--sunk);color:var(--ink);border-color:var(--line)}
:root:not([data-theme="light"]) body:has(.site-top) :is(.ins-card h3,.tm blockquote,.art article){color:var(--ink)}
:root:not([data-theme="light"]) body:has(.site-top) .plan.plan-starter .btn{background:transparent}}
:root[data-theme="dark"] body:has(.site-top) :is(.pl-all,.fund-trust span,.calc-form,.tm,.ab-value,.ins-card,.sessions,.ses,.ct-form,.ab-steps li,#faq details){background:var(--surface);color:var(--ink)}

/* access & motion */
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--coral);color:var(--plum);padding:10px 16px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
body:has(.site-top) :focus-visible{outline:2px solid var(--coral);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){body:has(.site-top) main{animation:pagein .35s ease both}}
@keyframes pagein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tick.has-photo:not([data-bgset])::before{background:linear-gradient(135deg,#2e234b,#1a1430)}

/* hero live chart (decorative) */
.hero-chart{position:absolute;top:-40px;bottom:-40px;right:-40px;left:-340px;width:calc(100% + 380px);height:calc(100% + 80px);opacity:.22}
.hero-band .hero > div:first-child{position:relative;z-index:1}
@media (max-width:960px){.hero-chart{inset:-20px -20px;width:calc(100% + 40px);height:calc(100% + 40px);opacity:.25}}

/* partners */
.pt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.pt-card{padding:26px 22px;display:grid;gap:10px;align-content:start;background:linear-gradient(170deg,#fff,#f4f0ff);border-top:3px solid var(--coral)}
.pt-card p{color:var(--muted);font-size:14.5px}
.pt-how{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.pt-earn{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:stretch}
.pt-earn-card{padding:32px 30px;background:linear-gradient(160deg,#3d2f66,#1a1430);color:#f1eff8;display:grid;gap:12px}
.pt-earn-card .h2{color:#fff} .pt-earn-card .eyebrow{color:var(--coral)} .pt-earn-card .hint{color:#a9a3c2}
.pt-earn-rows{display:grid;gap:0;margin-top:8px}
.pt-earn-rows div{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid rgb(255 255 255/.12)}
.pt-earn-rows b{color:#ffd0bd;font-weight:600} .pt-earn-rows span{color:#d9d3ee;font-size:14.5px}
.pt-rules{padding:30px 28px;background:#fff;border-left:4px solid var(--coral);display:grid;gap:10px;align-content:start}
.pt-rules ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.pt-rules li{padding-left:22px;position:relative;color:var(--ink)} .pt-rules li::before{content:"✓";position:absolute;left:0;color:#1f7a52;font-weight:700}
@media (max-width:960px){.pt-grid{grid-template-columns:1fr 1fr}.pt-how,.pt-earn{grid-template-columns:1fr;gap:20px}}
@media (max-width:560px){.pt-grid{grid-template-columns:1fr}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body:has(.site-top) :is(.pt-card,.pt-rules){background:var(--surface)}}

/* copy v3 */
.fact .fl{display:grid;gap:4px} .fact .fl b{font-size:14px;font-weight:600;color:var(--ink)} .fact .fl small{font-size:12px;color:var(--muted);line-height:1.45}
.firm-sub{font-family:var(--font-display);font-size:clamp(18px,2vw,22px);color:#6a4fd6;margin:4px 0 6px}
.firm-head .sublede{margin-top:8px}
.principle .pn{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
html[lang="bn"] .principle .pn{letter-spacing:0;text-transform:none;font-size:13px}
.principle h3{font-size:21px}
.ses-sub{font-style:normal;color:var(--muted)}
.ses small{font-size:11.5px;color:var(--muted)}
.ses-note{font-size:12px;color:var(--muted)}
.mk-pick{margin-top:30px} .mk-pick h3{font-size:20px} .mk-pick p{margin-top:4px}
.tv-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px}
.tvl{display:inline-flex;gap:8px;align-items:center;font-size:12.5px;color:var(--on-plum-muted)}
.tvl b{font:600 11px var(--font-mono);padding:3px 7px;color:#fff}
.tvl-en b{background:#f1eff8;color:#14101f} .tvl-sl b{background:#b94a52} .tvl-tp b{background:#2d7d63}
.tv-note-small{font-size:12px;color:#8d86a8;margin-top:8px}
.an-l{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffd0bd}
html[lang="bn"] .an-l{letter-spacing:0;text-transform:none;font-size:13px}
.lane-sub{display:block;font-style:normal;font-weight:600;color:#6a4fd6;margin-bottom:4px}
.rb-sub{font-size:13.5px;color:var(--ink);margin-top:-4px}

/* polish 3: footer contacts */
.foot-contact{display:grid;gap:8px;margin-top:14px}
.foot-contact a,.foot-contact .fc-addr{display:flex;align-items:center;gap:10px;color:var(--on-plum-muted);text-decoration:none;font-size:13.5px}
.foot-contact svg{width:30px;height:30px;padding:6px;flex:none;background:rgb(255 255 255/.08);color:var(--coral);border-radius:50%;transition:background .2s ease,color .2s ease}
.foot-contact a:hover{color:#fff} .foot-contact a:hover svg{background:var(--coral);color:var(--plum)}

/* market card order: badges on top, pair in the middle, description below */
.tick-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tick-top .badge2{margin-top:0}
.tick.has-photo .tk{margin-top:18px;font-size:36px}
.tick.has-photo .tn{font-size:14.5px;color:#f1eff8}

/* clearer Bangla: a little larger, heavier and darker */
html[lang="bn"] body:has(.site-top){--muted:#454058}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) html[lang="bn"] body:has(.site-top), html[lang="bn"]:not([data-theme="light"]) body:has(.site-top){--muted:#c3bdd9}}
html[lang="bn"] body:has(.site-top){font-size:16.5px;line-height:1.7}
html[lang="bn"] body:has(.site-top) :is(p,li,span,small,summary,label){font-weight:500}
html[lang="bn"] body:has(.site-top) :is(.sublede,.lede,.fact small,.tn,.tc,.hint,.pl-tag,.ses small,.lane-rules li,.rb li,.sf p,.an p,.principle p,.fc li,.fm span,.ins-card p,.pt-card p,.tv-note span,.app-points span,.foot-links a,.legal){font-size:max(1em,14px)}
html[lang="bn"] .hero-band .hero .lede,html[lang="bn"] .page-hero .lede{color:#ddd7f0;font-size:18.5px}
html[lang="bn"] :is(.an,.fc,.pt-earn-card,.calc-card,.nx-card,.tv-panel,.audience,.final-cta,.site-foot) :is(p,span,li){color:rgb(241 239 248/.92)}
html[lang="bn"] body:has(.site-top) .eyebrow{font-weight:600}

/* every box lifts gently on hover, text slightly embossed */
@media (hover:hover){
  body:has(.site-top) :is(.card,.plan,.sf,.rb,.principle,.step,.fact,.an,.tick,.fc,.fm,.ins-card,.tm,.ab-value,.ab-card,.ct-ch,.pt-card,.lane,.ses,.tv-note,.lg-sec,.pl-facts > div,.tm,.aud,#faq details,.calc-card,.calc-form,.pt-rules,.sf-funds,.risk){transition:transform .25s ease,box-shadow .25s ease}
  body:has(.site-top) :is(.card,.sf,.rb,.principle,.step,.fact,.an,.fc,.fm,.ins-card,.tm,.ab-value,.ab-card,.ct-ch,.pt-card,.lane,.ses,.tv-note,.calc-form,.pt-rules,.sf-funds,.risk,#faq details):hover{transform:translateY(-5px);box-shadow:0 22px 40px -24px rgb(46 35 75/.55),0 2px 0 rgb(255 255 255/.6) inset}
  body:has(.site-top) :is(.card,.sf,.rb,.principle,.step,.fact,.an,.fc,.fm,.ins-card,.tm,.ab-value,.ab-card,.ct-ch,.pt-card,.lane,.ses,.tv-note,.calc-form,.pt-rules,.sf-funds,.risk,.plan,.tick):hover :is(h3,b,.fv,.tk,.price){text-shadow:0 1px 0 rgb(255 255 255/.35),0 2px 6px rgb(46 35 75/.18)}
  body:has(.site-top) :is(.an,.fc,.sf-funds,.ct-ch,.tick,.plan-standard,.plan-premium):hover :is(h3,b,.tk,.price){text-shadow:0 2px 10px rgb(0 0 0/.45)}
}

/* liquid glass: switched off (GLASS_ON in web/js/site.js). Every rule below only applies when html has data-glass. */
:root{--glass-edge:rgb(255 255 255/.32);--glass-hi:rgb(255 255 255/.55)}
/* header, buttons and menu keep their own sticky/fixed position; only the boxes need relative */
html[data-glass] :is(.site-top,.hero-band .statement,.fab,.to-top,.m-nav,.tick-glass,.plan,.aud){isolation:isolate}
html[data-glass] :is(.hero-band .statement,.tick-glass,.plan,.aud){position:relative}
html[data-glass] :is(.site-top,.hero-band .statement,.fab,.to-top,.m-nav,.tick-glass,.plan,.aud)::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:2;
  background:radial-gradient(260px circle at var(--mx,25%) var(--my,0%),rgb(255 255 255/.22),transparent 60%),linear-gradient(180deg,rgb(255 255 255/.14),transparent 38%);
  box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 -1px 0 rgb(255 255 255/.08);opacity:.9;transition:opacity .3s ease}
/* 1. header */
html[data-glass] body:has(.site-top) .site-top{background:rgb(46 35 75/.74);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border-bottom:1px solid var(--glass-edge)}
html[data-glass] body:has(.site-top) .site-top::after{background:linear-gradient(180deg,rgb(255 255 255/.10),transparent 70%);box-shadow:inset 0 -1px 0 rgb(255 255 255/.12)}
/* 2. hero statement card: the live chart shows through */
html[data-glass] .hero-band .statement{background:linear-gradient(150deg,rgb(255 255 255/.80),rgb(246 242 255/.62) 55%,rgb(255 233 225/.58));-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgb(255 255 255/.6);border-radius:18px;box-shadow:0 40px 80px -30px rgb(0 0 0/.7)}
html[data-glass] .hero-band .statement > *{position:relative;z-index:3}
/* 3. floating buttons */
html[data-glass] .fab{-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);border:1px solid var(--glass-edge)}
html[data-glass] .fab-wa{background:rgb(31 157 98/.72)} html[data-glass] .fab-tg{background:rgb(42 136 201/.72)}
html[data-glass] .to-top{background:rgb(46 35 75/.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-edge)}
html[data-glass] :is(.fab,.to-top) > *{position:relative;z-index:3}
/* 4. mobile menu */
html[data-glass] .m-nav{background:rgb(26 20 48/.72);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border-top:1px solid var(--glass-edge)}
html[data-glass] .m-nav > *{position:relative;z-index:3}
/* 5. market card text on a glass plate over the photo */
.tick-glass{display:contents}
html[data-glass] .tick-glass{display:grid;gap:4px;margin-top:16px;padding:12px 14px;border-radius:14px;z-index:1}
html[data-glass] .tick-glass{background:rgb(255 255 255/.10);-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);border:1px solid rgb(255 255 255/.22)}
html[data-glass] .tick.has-photo .tick-glass .tk{margin-top:0}
html[data-glass] .tick-glass > *{position:relative;z-index:3}
/* 6. plans and the audience rows: colour behind, glass in front */
html[data-glass] #plans{position:relative;overflow:hidden}
html[data-glass] #plans::before{content:"";position:absolute;inset:10% -10% auto;height:70%;z-index:0;pointer-events:none;filter:blur(60px);opacity:.75;
  background:radial-gradient(30% 45% at 20% 50%,#ffb198,transparent 70%),radial-gradient(28% 50% at 55% 40%,#8c6ef0,transparent 70%),radial-gradient(30% 45% at 85% 60%,#4fb3d9,transparent 70%)}
html[data-glass] #plans > .wrap{position:relative;z-index:1}
html[data-glass] body:has(.site-top) .plan{border-radius:20px;border:1px solid rgb(255 255 255/.45);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%)}
html[data-glass] body:has(.site-top) .plan.plan-starter{background:linear-gradient(160deg,rgb(255 255 255/.72),rgb(241 237 255/.55))}
html[data-glass] body:has(.site-top) .plan.plan-standard{background:linear-gradient(160deg,rgb(61 47 102/.78),rgb(26 20 48/.82))}
html[data-glass] body:has(.site-top) .plan.plan-premium{background:linear-gradient(160deg,rgb(31 36 64/.80),rgb(12 15 29/.85))}
html[data-glass] body:has(.site-top) .plan > *{position:relative;z-index:3}
html[data-glass] body:has(.site-top) .plan :is(.btn,.pl-facts > div){border-radius:12px}
html[data-glass] .audience{position:relative;overflow:hidden}
html[data-glass] .audience::before{content:"";position:absolute;right:-10%;top:10%;width:60%;height:80%;filter:blur(70px);opacity:.55;pointer-events:none;background:radial-gradient(40% 50% at 40% 50%,#ffb198,transparent 70%),radial-gradient(40% 50% at 70% 40%,#8c6ef0,transparent 70%)}
html[data-glass] .audience > .wrap{position:relative;z-index:1}
html[data-glass] .aud{padding:22px 24px;margin-bottom:12px;border:1px solid rgb(255 255 255/.18)!important;border-radius:18px;background:rgb(255 255 255/.06);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}
html[data-glass] .aud > *{position:relative;z-index:3}
/* refraction: large Chromium screens only */
@media (min-width:961px) and (hover:hover){
  html[data-glass="full"] body:has(.site-top) .site-top{backdrop-filter:url(#lg-refract) blur(18px) saturate(170%)}
  html[data-glass="full"] .hero-band .statement{backdrop-filter:url(#lg-refract) blur(16px) saturate(180%)}
}
/* lighter fallback: no blur on weak devices or when the user prefers less transparency */
html[data-glass="lite"] :is(.site-top,.hero-band .statement,.fab,.to-top,.m-nav,.tick-glass,.plan,.aud){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-glass="lite"] body:has(.site-top) .site-top{background:var(--plum)}
html[data-glass="lite"] .hero-band .statement{background:linear-gradient(160deg,#fff,#f6f2ff 55%,#ffe9e1)}
html[data-glass="lite"] .tick-glass{background:rgb(20 16 31/.45)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"])[data-glass] body:has(.site-top) .plan.plan-starter{background:linear-gradient(160deg,rgb(33 26 56/.78),rgb(26 20 48/.7));border-color:rgb(255 255 255/.14)}}
/* hero chart must not widen the page */
.hero-band{overflow-x:clip}
/* legal lists */
.lg-list{margin:10px 0 4px;padding-left:22px;display:grid;gap:6px;color:#2a2440;line-height:1.7}
.lg-list li::marker{color:var(--coral)}
.lg-sec p b,.lg-list b{font-weight:600;color:var(--plum)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .lg-list{color:inherit}:root:not([data-theme="light"]) :is(.lg-sec p b,.lg-list b){color:#fff}}
:root[data-theme="dark"] .lg-list{color:inherit}:root[data-theme="dark"] :is(.lg-sec p b,.lg-list b){color:#fff}
/* legal pages in dark mode */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .lg-sec h2{color:#fff}
  :root:not([data-theme="light"]) :is(.lg-sec p,.lg-table td){color:#d9d3ee}
  :root:not([data-theme="light"]) .lg-table th{color:#bdb6d6;border-bottom-color:#bdb6d6}
}
:root[data-theme="dark"] .lg-sec h2{color:#fff}
:root[data-theme="dark"] :is(.lg-sec p,.lg-table td){color:#d9d3ee}
:root[data-theme="dark"] .lg-table th{color:#bdb6d6;border-bottom-color:#bdb6d6}
/* final check: legal layout on phones, larger tap targets */
.lg > *{min-width:0}
.lg-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:600px){.lg-table{font-size:13px}.lg-table th{font-size:10.5px;letter-spacing:.03em;white-space:normal}.lg-table :is(th,td){padding:8px 6px}}
.pl-calc{display:inline-block;padding:10px 8px}
/* market cards on phones: two narrow columns, so the pair and labels shrink to fit */
@media (max-width:600px){
  .tick.has-photo{min-height:170px;padding:14px}
  .tick.has-photo .tk{font-size:clamp(20px,6.4vw,26px);margin-top:14px;overflow-wrap:anywhere}
  .tick.has-photo .tn{font-size:12.5px}
  .tick-top{flex-wrap:wrap;gap:4px}
  .tick-top .tc{font-size:10px}
}

/* sign-in pages: brand panel beside the form (client, partner, staff) */
.auth-split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);max-width:960px;margin:40px auto 64px;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 60px -36px rgb(46 35 75/.45)}
.auth-side{position:relative;display:flex;flex-direction:column;gap:18px;padding:36px 34px;color:#f1eff8;overflow:hidden;background:radial-gradient(120% 80% at 95% 0%,#4a3a80 0%,transparent 60%),linear-gradient(160deg,#2e234b,#14101f)}
.auth-side::after{content:"";position:absolute;right:-90px;bottom:-90px;width:260px;height:260px;border-radius:50%;border:1px solid rgb(183 156 255/.28);box-shadow:0 0 0 34px rgb(183 156 255/.06),0 0 0 68px rgb(183 156 255/.035);pointer-events:none}
.as-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.auth-side .brand{color:#fff}
.as-chip{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 11px;border-radius:999px;color:#ffb198;background:rgb(255 177 152/.12);border:1px solid rgb(255 177 152/.35)}
.auth-split[data-role="staff"] .as-chip{color:#d9d3ee;background:rgb(255 255 255/.08);border-color:rgb(255 255 255/.25)}
.as-title{font-family:var(--font-display);font-weight:300;font-size:30px;line-height:1.15;color:#fff;margin:0}
.as-points{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:14px}
.as-points li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;font-size:14.5px;line-height:1.5;color:#d9d3ee}
.as-points svg{width:38px;height:38px;padding:9px;border-radius:11px;background:rgb(255 255 255/.08);color:#ffb198}
.as-foot{margin-top:auto;padding-top:10px;font-size:12.5px;color:#a79fc6;position:relative;z-index:1}
.auth-main{padding:38px 40px}
.auth-split .auth-main.auth{max-width:none;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.auth-main h2{font-size:28px;font-weight:400;margin-top:4px}
.auth-main .eyebrow{color:#6a4fd6}
.auth-main .field input{border-radius:2px;padding:12px 14px}
.auth-main .btn:not(.ghost):not(.quiet):not(.small){width:100%;padding:13px 18px}
.auth-main .linkbtn{display:inline-block;padding:10px 2px}
/* site review 2026-10-22: long labels wrap inside the card instead of widening it */
.auth-main,.auth-side{min-width:0}
.auth-main :is([data-action="pkx-login"],[data-action="pk-login"]){white-space:normal;text-align:center;line-height:1.3}
body:has(.site-top) .auth-side .as-top{display:none}
.auth-page{min-height:100vh;display:grid;align-items:center}
@media (max-width:820px){
  .auth-split{grid-template-columns:minmax(0,1fr);margin:16px auto 40px}
  .auth-side{padding:24px 22px;gap:12px}
  .as-title{font-size:24px}
  .as-points{gap:10px}.as-points li{font-size:13.5px;grid-template-columns:32px 1fr}.as-points svg{width:32px;height:32px;padding:7px}
  .as-foot,.auth-side::after{display:none}
  .auth-main{padding:26px 22px}
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .auth-main .eyebrow{color:#b79cff}}
:root[data-theme="dark"] .auth-main .eyebrow{color:#b79cff}
.auth-side .lang{border-color:rgb(255 255 255/.3);background:rgb(255 255 255/.06)}
.auth-side .lang button{color:#d9d3ee}
.auth-side .lang button[aria-pressed="true"]{background:#ffb198;color:#2e234b}
/* phones: the form comes first, the brand panel follows */
@media (max-width:820px){.auth-main{order:-1}.auth-side{border-top:1px solid var(--line)}}
/* dark mode: sign-in and registration fields were light boxes with light text */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body:has(.site-top) .auth :is(.field input,.field select,.field textarea){background:#1d1733;border-color:rgb(255 255 255/.16);color:#f1eff8}}
:root[data-theme="dark"] body:has(.site-top) .auth :is(.field input,.field select,.field textarea){background:#1d1733;border-color:rgb(255 255 255/.16);color:#f1eff8}

/* required mark: red asterisk after the label of every mandatory field and consent box */
.req{color:#d93025;font-weight:700;margin-left:3px}
.check:has(input[required]) > span:first-of-type::after{content:" *";color:#d93025;font-weight:700}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :is(.req,.check:has(input[required]) > span:first-of-type::after){color:#ff7a70}}
:root[data-theme="dark"] :is(.req,.check:has(input[required]) > span:first-of-type::after){color:#ff7a70}
/* market coin badges: a soft shadow keeps white symbols readable on light coin colours */
.coin{text-shadow:0 1px 2px rgb(0 0 0/.45)}

/* phone with country code: code picker beside the number */
.home-tabs{padding:28px 0 0}.ht-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.home-tabs .chip-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 18px;font:inherit;font-weight:600;cursor:pointer}.home-tabs .chip-btn.on{background:var(--plum);color:var(--on-plum);border-color:transparent}
/* owner 2026-10-22: a narrow column puts the number on its own line instead of squeezing it */
.phone-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.phone-in .cc{flex:0 1 8.5rem;min-width:6.5rem;text-overflow:ellipsis}.phone-in [data-phone]{flex:1 1 10rem;min-width:10rem}
/* statement and transaction ranges */
.range-bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end;margin-bottom:14px}
.range-bar .field{margin:0;min-width:150px}
.range-bar .filters{margin:0}
tfoot th,tfoot td{border-top:2px solid var(--ink);font-weight:600}
/* ---------- public site polish (owner 2026-10-16 "wow") */
/* slow moving light behind the dark hero bands */
.hero-band{position:relative;overflow:hidden;isolation:isolate}
.hero-band::before{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(38% 48% at 18% 30%,rgb(255 177 152/.20),transparent 70%),radial-gradient(34% 44% at 82% 18%,rgb(183 156 255/.26),transparent 70%),radial-gradient(44% 52% at 60% 92%,rgb(91 156 255/.14),transparent 70%);animation:ngg-aurora 20s ease-in-out infinite alternate}
@keyframes ngg-aurora{50%{transform:translate(4%,-3%) rotate(6deg) scale(1.08)}100%{transform:translate(-3%,2%) rotate(-4deg) scale(1.03)}}
/* a soft shine passes over the main "Open an account" buttons */
.hero-band .btn:not(.ghost),.site-top .btn[href="/register"]{position:relative;overflow:hidden}
.hero-band .btn:not(.ghost)::after,.site-top .btn[href="/register"]::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgb(255 255 255/.5),transparent);transform:skewX(-20deg);animation:ngg-shine 5s ease-in-out infinite;pointer-events:none}
@keyframes ngg-shine{0%,72%{left:-70%}100%{left:140%}}
/* reading progress line */
.scroll-prog{position:fixed;left:0;top:0;right:0;height:3px;z-index:60;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#ffb198,#b79cff,#5b9cff);pointer-events:none}
body:not(:has(.site-top)) .scroll-prog{display:none}
/* trading sessions: which are open right now */
.ses{position:relative}
.ses .ses-live{display:inline-flex;align-items:center;gap:6px;width:max-content;margin:4px 0 2px;padding:2px 9px;border-radius:999px;font-style:normal;font-size:11px;font-weight:600;color:var(--muted);background:var(--sunk)}
.ses .ses-live::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.6}
.ses.open{border-color:color-mix(in srgb,#1f7a52 45%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,#1f7a52 12%,transparent)}
.ses.open .ses-live{color:#1f7a52;background:color-mix(in srgb,#1f7a52 12%,transparent)}
.ses.open .ses-live::before{opacity:1;animation:ngg-pulse 1.6s ease-out infinite}
@keyframes ngg-pulse{0%{box-shadow:0 0 0 0 rgb(31 122 82/.55)}100%{box-shadow:0 0 0 8px rgb(31 122 82/0)}}
/* theme switch in the site header */
.site-top .theme-btn{border-color:rgb(255 255 255/.3);background:rgb(255 255 255/.06);color:#f1eff8}
/* phones: chat buttons step aside while typing */
.chat-fab{transition:opacity .2s,transform .2s}
@media (max-width:760px){body.typing .chat-fab{opacity:0;transform:translateY(16px);pointer-events:none}}
@media (prefers-reduced-motion:reduce){.hero-band::before,.hero-band .btn::after,.site-top .btn::after,.ses.open .ses-live::before{animation:none}}
@media print{.scroll-prog,.chat-fab{display:none}}
/* audit round 2: iPhone zooms into these site boxes under 16px */
@media (max-width:760px){#calc-months,#eq-msg,.ct-form textarea,.calc input{font-size:16px}}
/* audit round 2: the small line above the hero headline was grey on dark (a later rule won); keep it coral and readable */
body:has(.site-top) .hero-band .eyebrow{color:var(--coral);opacity:1}
/* testimonials: one or two cards sit in the middle instead of leaving an empty column (Chrome check 2026-10-16) */
@media (min-width:961px){.tm-grid:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,380px));justify-content:center}.tm-grid:has(> :only-child){grid-template-columns:minmax(0,480px);justify-content:center}}

/* hero: how it works (owner 2026-10-19, replaces the sample account card) */
.hero-band .hero-steps{padding:24px 24px 18px}
.hero-steps .hs-sub{color:var(--muted);font-size:14px;margin:4px 0 14px}
.hero-steps .hs-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hero-steps .hs-list li{display:grid;grid-template-columns:22px 40px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgb(255 255 255/.7);border:1px solid rgb(46 35 75/.08)}
.hero-steps .hs-n{font-family:var(--font-display);font-size:13px;color:var(--coral-ink,#c2410c);font-weight:600;text-align:center}
.hero-steps .hs-list .ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#efe8ff,#ffe9e1);color:var(--plum)}
.hero-steps .hs-list .ico svg{width:22px;height:22px}
.hero-steps .hs-list b{display:block;font-size:14.5px;color:var(--ink)}
.hero-steps .hs-list small{display:block;font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:2px}
.hero-steps .hs-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.hero-steps .hs-foot span{font-size:12px;padding:4px 10px;border-radius:999px;background:rgb(46 35 75/.06);color:var(--ink)}

/* calculator terms as buttons (audit F01, 2026-10-19) */
.calc-terms{border:0;padding:0;margin:0 0 14px;min-width:0}.calc-terms legend{font-weight:600;font-size:14px;margin-bottom:8px;padding:0}
.calc-term-row{display:flex;flex-wrap:wrap;gap:8px}
.calc-term-row label{position:relative;cursor:pointer}
.calc-term-row input{position:absolute;opacity:0;inset:0;cursor:pointer}
.calc-term-row span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:14px}
.calc-term-row input:checked + span{background:var(--plum,#2E234B);color:#fff;border-color:var(--plum,#2E234B)}
.calc-term-row input:focus-visible + span{outline:3px solid var(--coral,#FFB198);outline-offset:2px}
.pl-tba{font-size:13px;font-weight:600;color:var(--muted)}

/* help button + menu (audit F04, 2026-10-19) */
.fab-help{background:var(--plum,#2E234B);border:0;cursor:pointer;min-height:48px}
.fab-menu{display:grid;gap:10px;justify-items:end}
.fab-menu[hidden]{display:none}
.fab-menu .fab span{display:inline!important}
@media (max-width:560px){.fab-help{padding:12px 16px 12px 12px}.fab-help span{display:inline}.chat-fab{bottom:max(12px,env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:no-preference){.fab-wa{animation:none}}
/* picture fallback (audit F03) */
.photo{background:linear-gradient(150deg,#3a2c60,#6a4fd6 55%,#ffb198)}
.photo-failed img{display:none}
.photo-failed{min-height:240px}

/* audit polish 2026-10-19: F07 plan cards line up, F10 tap targets, F11 auth pages, F12 phone code, F14 ticker names */
.plan{position:relative}
.pl-head{grid-template-columns:46px 1fr}
.pl-pop{position:absolute;top:-12px;right:20px;align-self:auto;z-index:4}
.pl-tag{min-height:2.9em}
.tick .tk{white-space:nowrap;font-size:clamp(20px,2.6vw,34px)}
@media (max-width:720px){.tick .tk{font-size:clamp(18px,6vw,24px)}}
body:has(.auth-side) .util-bar{display:none}
.pw-eye svg{display:block}
@media (max-width:960px){.nav-toggle{width:44px;height:44px}.theme-btn{width:44px;height:44px}.lang button{min-height:44px;min-width:44px;padding:5px 12px}}
/* homepage: markets list folds after 8 cards when "all" is chosen */
#markets:has(#mk-all:checked):not(.mk-open) .ticks .tick:nth-child(n+9){display:none}
#markets:not(:has(#mk-all:checked)) .mk-more-row{display:none}
.mk-more-row{display:flex;justify-content:center;margin-top:24px}
/* entry cards + service pages */
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.svc-card{display:grid;gap:10px;align-content:start;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
a.svc-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgb(46 35 75/.14)}
.svc-card h3{font-size:21px}
.svc-card p{color:var(--muted)}
.svc-card .aud-go{color:#6a4fd6;margin-top:4px}
.svc-card.static + .svc-card.static{margin-top:20px}
.svc-card > svg,.svc-note > svg{width:30px;height:30px;color:#6a4fd6}
.svc-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.svc-list{display:grid;gap:10px;margin:14px 0 0;padding-left:20px}
.svc-note{display:grid;grid-template-columns:30px 1fr;gap:14px;margin-top:26px;padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.svc-note b{display:block;margin-bottom:4px}
.svc-note p{color:var(--muted)}
.svc-tag{margin:14px 0 0}
.svc-six{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.svc-grid,.svc-two,.svc-six{grid-template-columns:1fr;gap:16px}}
body:has(.site-top) .pt-earn-card .sublede{color:#cfc8e6}
body:has(.site-top) .pt-earn-card .eyebrow{color:var(--coral)}
/* owner 2026-10-19: hero "how it works" without its own box — only the text, so the chart animation behind stays visible */
html .hero-band .statement.hero-steps{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:8px 0;color:#fff}
html .hero-band .statement.hero-steps::before,html .hero-band .statement.hero-steps::after{display:none!important}
.hero-steps .eyebrow{color:var(--coral)!important}
.hero-steps .hs-sub{color:rgb(241 239 248/.85)!important}
.hero-steps .hs-list li{background:none!important;border:0!important;border-left:2px solid rgb(255 177 152/.55)!important;border-radius:0!important;padding:6px 0 6px 12px}
.hero-steps .hs-n{color:var(--coral)!important}
.hero-steps .hs-list .ico{background:rgb(255 255 255/.08)!important;color:#fff!important}
.hero-steps .hs-list b{color:#fff!important}
.hero-steps .hs-list small{color:rgb(241 239 248/.82)!important}
.hero-steps .hs-list :is(b,small),.hero-steps .hs-sub{text-shadow:0 1px 8px rgb(20 14 40/.85)}
.hero-steps .hs-foot span{background:rgb(255 255 255/.08)!important;color:#fff!important;border:1px solid rgb(255 255 255/.18)}
/* owner 2026-10-19: every info box gets the "premium" look of the Premium plan — deep navy, gold edge and glow */
body:has(.site-top) :is(.fact,.svc-card,.pt-card,.ab-value,.sf,.step){position:relative;overflow:hidden;background:linear-gradient(160deg,#1f2440 0%,#141a30 55%,#0c0f1d 100%)!important;color:#efe9dc;border:0!important;border-top:3px solid #d6b27a!important;border-radius:14px;box-shadow:inset 0 0 0 1px rgb(214 178 122/.28),0 18px 40px -26px rgb(12 15 29/.8)!important}
body:has(.site-top) :is(.fact,.svc-card,.pt-card,.ab-value,.sf,.step)::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 55% at 100% 0%,rgb(214 178 122/.22),transparent 70%),repeating-linear-gradient(135deg,rgb(214 178 122/.04) 0 2px,transparent 2px 14px)}
body:has(.site-top) :is(.fact,.svc-card,.pt-card,.ab-value,.sf,.step) > *{position:relative;z-index:1}
body:has(.site-top) .fact .fv{background:linear-gradient(90deg,#f3dcae,#d6b27a);-webkit-background-clip:text;background-clip:text;color:transparent}
body:has(.site-top) :is(.fact,.svc-card,.pt-card,.ab-value,.sf,.step) :is(h3,b){color:#fff}
body:has(.site-top) :is(.fact,.svc-card,.pt-card,.ab-value,.sf,.step) :is(p,small,.fl small){color:#c9c1b0!important}
body:has(.site-top) :is(.svc-card,.pt-card,.ab-value,.sf) > svg,body:has(.site-top) :is(.svc-card,.pt-card,.ab-value,.sf) .ico{color:#f3dcae!important;background:rgb(214 178 122/.16)!important}
body:has(.site-top) .svc-card .aud-go{color:#f3dcae}
body:has(.site-top) :is(.sf-n,.step .n){color:#d6b27a!important}
body:has(.site-top) a.svc-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgb(214 178 122/.55),0 22px 44px -22px rgb(214 178 122/.35)!important}
/* owner 2026-10-19 ("baki gulo"): the remaining light boxes get the same premium navy + gold look */
body:has(.site-top) :is(.principle,.rb,.ins-card,.lane,.sessions,.tm,.pl-all,.risk,.svc-note,.svc-card.static,.ab-card,.ct-ch,.pt-rules,.sf-funds){position:relative;overflow:hidden;background:linear-gradient(160deg,#1f2440 0%,#141a30 55%,#0c0f1d 100%)!important;color:#efe9dc!important;border:0!important;border-top:3px solid #d6b27a!important;border-radius:14px;box-shadow:inset 0 0 0 1px rgb(214 178 122/.28),0 18px 40px -26px rgb(12 15 29/.8)!important}
body:has(.site-top) :is(.principle,.rb){padding:26px 24px!important;margin:0!important}
body:has(.site-top) :is(.principles,.rb-grid){gap:20px!important}
body:has(.site-top) .risk{border-top-color:var(--coral)!important}
body:has(.site-top) .ses{background:rgb(255 255 255/.06)!important;border:1px solid rgb(214 178 122/.22)!important;color:#efe9dc}
body:has(.site-top) .ses.open{border-color:rgb(214 178 122/.6)!important}
body:has(.site-top) :is(.principle,.rb,.ins-card,.lane,.sessions,.tm,.pl-all,.risk,.svc-note,.svc-card.static,.ab-card,.ct-ch,.pt-rules,.sf-funds) :is(h3,h4,b,strong,summary,blockquote,.tk){color:#fff!important}
body:has(.site-top) :is(.principle,.rb,.ins-card,.lane,.sessions,.tm,.pl-all,.risk,.svc-note,.svc-card.static,.ab-card,.ct-ch,.pt-rules,.sf-funds) :is(p,li,small,span:not(.tm-stars):not(.tm-av):not(.lr):not(.ses-live),em:not(.ses-live),.hint,.muted,.rb-sub,.risk-lede){color:#c9c1b0!important}
body:has(.site-top) :is(.principle,.rb,.ins-card,.lane,.sessions,.tm,.pl-all,.risk,.svc-note,.svc-card.static,.ab-card,.ct-ch,.pt-rules,.sf-funds) :is(.eyebrow,.pn,.rb-n,.ct-k,.aud-go,.ins-tag,.ses-sub,a:not(.btn)){color:#f3dcae!important}
body:has(.site-top) :is(.principle,.rb,.svc-note,.svc-card.static,.ab-card,.pt-rules,.ins-card) > svg,body:has(.site-top) :is(.principle,.rb,.ab-card,.svc-note,.sessions) .ico{color:#f3dcae!important}
body:has(.site-top) :is(.pt-rules,.risk) li::before{border-color:#d6b27a!important;color:#d6b27a!important}
body:has(.site-top) .pl-all span{background:rgb(255 255 255/.07)!important}
body:has(.site-top) .lane-rules li{border-color:rgb(214 178 122/.18)!important}

/* owner 2026-10-19: champagne + gold glow behind every section (light theme only) */
@media (prefers-color-scheme:light){
html:not([data-theme="dark"]) body:has(.site-top){background:#fbf6ec}
html:not([data-theme="dark"]) body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience){position:relative;background:radial-gradient(55% 60% at 100% 0%,rgb(214 178 122/.20),transparent 70%),radial-gradient(45% 55% at 0% 100%,rgb(183 156 255/.16),transparent 70%),linear-gradient(170deg,#fdf9f1 0%,#fbf4e6 45%,#f4eefc 100%)!important}
html:not([data-theme="dark"]) body:has(.site-top) main > :is(section.tint,section.calc-sec,section.faq-sec,#faq,#plans,#how,#markets){background:radial-gradient(50% 60% at 0% 0%,rgb(214 178 122/.26),transparent 70%),radial-gradient(50% 60% at 100% 100%,rgb(255 177 152/.16),transparent 70%),linear-gradient(170deg,#f7eedc 0%,#f3e9d6 50%,#efe6f7 100%)!important}
html:not([data-theme="dark"]) body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) > .wrap{position:relative}
html:not([data-theme="dark"]) body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) :is(.h2,h2):not(.svc-card h2):not(.pt-earn-card h2){color:#141a30}
html:not([data-theme="dark"]) body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) > .wrap > .eyebrow,html:not([data-theme="dark"]) body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) .wrap > div > .eyebrow:first-child{color:#9a6f2e}
html:not([data-theme="dark"]) body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) > .wrap > .sublede,html:not([data-theme="dark"]) body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) .wrap > div > .sublede{color:#4c4660}
}

html[data-theme="light"] body:has(.site-top){background:#fbf6ec}
html[data-theme="light"] body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience){position:relative;background:radial-gradient(55% 60% at 100% 0%,rgb(214 178 122/.20),transparent 70%),radial-gradient(45% 55% at 0% 100%,rgb(183 156 255/.16),transparent 70%),linear-gradient(170deg,#fdf9f1 0%,#fbf4e6 45%,#f4eefc 100%)!important}
html[data-theme="light"] body:has(.site-top) main > :is(section.tint,section.calc-sec,section.faq-sec,#faq,#plans,#how,#markets){background:radial-gradient(50% 60% at 0% 0%,rgb(214 178 122/.26),transparent 70%),radial-gradient(50% 60% at 100% 100%,rgb(255 177 152/.16),transparent 70%),linear-gradient(170deg,#f7eedc 0%,#f3e9d6 50%,#efe6f7 100%)!important}
html[data-theme="light"] body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) > .wrap{position:relative}
html[data-theme="light"] body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) :is(.h2,h2):not(.svc-card h2):not(.pt-earn-card h2){color:#141a30}
html[data-theme="light"] body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) > .wrap > .eyebrow,html[data-theme="light"] body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) .wrap > div > .eyebrow:first-child{color:#9a6f2e}
html[data-theme="light"] body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) > .wrap > .sublede,html[data-theme="light"] body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) .wrap > div > .sublede{color:#4c4660}

/* owner 2026-10-19: the trading screen behind the closing call-to-action shows clearly; text keeps its dark side */
body:has(.site-top) .final-cta{position:relative;overflow:hidden;isolation:isolate;background:#1a1430!important}
body:has(.site-top) .final-cta::before{content:"";position:absolute;inset:0;z-index:-2;background:url("/img/markets/p16594724.jpg") center/cover no-repeat;filter:contrast(1.25) saturate(1.35) brightness(1.1)}
body:has(.site-top) .final-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgb(20 16 38/.94) 0%,rgb(26 20 48/.80) 38%,rgb(26 20 48/.28) 70%,rgb(26 20 48/.10) 100%),radial-gradient(60% 90% at 100% 50%,rgb(214 178 122/.18),transparent 70%)}
body:has(.site-top) .final-cta .h2{text-shadow:0 2px 18px rgb(10 8 24/.6)}
body:has(.site-top) .final-cta .sublede{color:#e4def2!important;text-shadow:0 1px 10px rgb(10 8 24/.7)}
body:has(.site-top) .final-cta .btn.ghost{background:rgb(20 16 38/.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* visual pass 2026-10-19: small fixes after the premium colours */
body:has(.site-top) .ses .ses-live{background:rgb(255 255 255/.10)!important;color:#c9c1b0!important;border:1px solid rgb(255 255 255/.14)}
body:has(.site-top) .ses.open .ses-live{background:rgb(52 211 153/.18)!important;color:#7ef0c2!important;border-color:rgb(52 211 153/.35)}
body:has(.site-top) :is(.card,.pipeline,.calc-card,.an,.fc,.pt-earn-card,.tv-panel) .eyebrow{color:var(--coral)!important}
body:has(.site-top) .fm-usdt{background:linear-gradient(120deg,#11795a,#0b5a44)!important}
/* visual pass 2026-10-19: one premium look for the remaining dark plum cards + calmer text inside every box */
body:has(.site-top) :is(.pipeline,.calc-card,.pt-earn-card,.fc){background:radial-gradient(70% 55% at 100% 0%,rgb(214 178 122/.18),transparent 70%),linear-gradient(160deg,#1f2440 0%,#141a30 55%,#0c0f1d 100%)!important;color:#efe9dc;border:0!important;border-top:3px solid #d6b27a!important;border-radius:14px;box-shadow:inset 0 0 0 1px rgb(214 178 122/.28),0 18px 40px -26px rgb(12 15 29/.8)!important}
body:has(.site-top) :is(.pipeline,.calc-card,.pt-earn-card,.fc) :is(h2,h3,b,.h2){color:#fff!important}
body:has(.site-top) :is(.pipeline,.calc-card,.pt-earn-card,.fc) :is(p,li,span:not(.num):not(.fc-sign),small,.hint){color:#c9c1b0!important}
body:has(.site-top) :is(.pipeline,.calc-card,.pt-earn-card,.fc) .eyebrow{color:#f3dcae!important}
body:has(.site-top) .calc-card .big,body:has(.site-top) .calc-card .num.big{background:linear-gradient(90deg,#f3dcae,#d6b27a);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body:has(.site-top) .pipeline ol li::before,body:has(.site-top) .fc .num{color:#d6b27a!important;border-color:rgb(214 178 122/.5)!important}
body:has(.site-top) :is(.fact,.svc-card,.pt-card,.ab-value,.sf,.step,.principle,.rb,.ins-card,.lane,.sessions,.tm,.risk,.svc-note,.svc-card.static,.ab-card,.ct-ch,.pt-rules,.sf-funds,.pipeline,.calc-card,.pt-earn-card,.fc) :is(p,li,small){line-height:1.65;font-weight:400}
body:has(.site-top) :is(.fact,.svc-card,.pt-card,.ab-value,.sf,.step,.principle,.rb,.ins-card,.lane,.tm,.risk,.svc-note,.svc-card.static,.ab-card,.pt-rules,.sf-funds) h3{line-height:1.3;margin-bottom:2px}
html[lang="bn"] body:has(.site-top) :is(.fact,.svc-card,.pt-card,.ab-value,.sf,.step,.principle,.rb,.ins-card,.lane,.tm,.risk,.svc-note,.ab-card,.pt-rules,.sf-funds) :is(p,li){font-size:15px;line-height:1.75}
body:has(.site-top) .calc-card .calc-big b{background:linear-gradient(90deg,#f3dcae,#d6b27a);-webkit-background-clip:text;background-clip:text;color:transparent!important}
/* visual pass: the dark "audience" band (About team) stays dark; section labels a little darker gold for contrast */
html body:has(.site-top) main > section.audience.audience.audience{background:radial-gradient(60% 80% at 100% 0%,rgb(214 178 122/.22),transparent 70%),linear-gradient(160deg,#1f2440 0%,#141a30 55%,#0c0f1d 100%)!important;color:#efe9dc}
html body:has(.site-top) main > section.audience.audience.audience :is(.h2,h2){color:#fff!important}
html body:has(.site-top) main > section.audience.audience.audience :is(.sublede,p){color:#c9c1b0!important}
html body:has(.site-top) main > section.audience.audience.audience .eyebrow{color:#f3dcae!important}
html body:has(.site-top) main > section:not(.audience):not(.final-cta) .wrap .eyebrow:not(:is(.card,.pipeline,.calc-card,.pt-earn-card,.svc-card,.pt-rules,.sf-funds,.risk,.ab-card,.fc,.an,.tv-panel) .eyebrow){color:#7f5a1f}
/* owner 2026-10-19: smaller footer — less padding, contact as compact chips, company links in two columns, one-line legal */
body:has(.site-top) footer.site-foot{padding-block:34px 22px}
body:has(.site-top) .foot-cols{gap:18px 28px;margin-bottom:10px;align-items:start}
body:has(.site-top) .foot-cols h4{margin-bottom:6px}
body:has(.site-top) .foot-links{gap:3px 18px}
@media (min-width:961px){body:has(.site-top) .foot-cols{grid-template-columns:1.4fr repeat(4,1fr)}}
@media (min-width:721px) and (max-width:960px){body:has(.site-top) .foot-cols{grid-template-columns:repeat(4,1fr)}body:has(.site-top) .foot-cols > div:first-child{grid-column:1 / -1}}
body:has(.site-top) .foot-contact{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px}
body:has(.site-top) .foot-contact a,body:has(.site-top) .foot-contact .fc-addr{font-size:12.5px;gap:6px}
body:has(.site-top) .foot-contact svg{width:24px;height:24px;padding:5px}
body:has(.site-top) .foot-contact .fc-addr{flex-basis:100%}
body:has(.site-top) footer .legal{max-width:none;margin-top:6px;padding-top:8px;font-size:11.5px;line-height:1.5}
body:has(.site-top) footer .legal + .legal{border-top:0;padding-top:0;margin-top:2px}
@media (max-width:720px){
  body:has(.site-top) .foot-cols{grid-template-columns:1fr 1fr!important;gap:14px 16px}
  body:has(.site-top) .foot-cols > div:first-child{grid-column:1 / -1}
  body:has(.site-top) .foot-links a{font-size:13px}
  body:has(.site-top) footer.site-foot{padding-block:26px 84px}
}

/* owner 2026-10-19: moving red / green price board behind the closing banner (replaces the still photo) */
body:has(.site-top) .final-cta::before{display:none}
.cta-board{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:repeat(6,1fr);gap:0 22px;padding:0 18px;overflow:hidden;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:13px;opacity:.9;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);background:linear-gradient(180deg,#0c0f1d,#141a30)}
.cb-col{overflow:hidden;border-left:1px solid rgb(255 255 255/.05)}
.cb-track{display:grid;animation:cb-up var(--d,30s) linear infinite;animation-delay:var(--o,0s)}
.cb-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"s c" "p p";gap:0 8px;padding:9px 8px;border-bottom:1px solid rgb(255 255 255/.06);transition:background .6s}
.cb-s{grid-area:s;color:#cfd3e6;letter-spacing:.04em;font-weight:600}
.cb-p{grid-area:p;font-size:19px;font-weight:600;letter-spacing:-.01em}
.cb-c{grid-area:c;font-size:11.5px;align-self:center}
.cb-row.up :is(.cb-p,.cb-c){color:#22e39a;text-shadow:0 0 12px rgb(34 227 154/.35)}
.cb-row.dn :is(.cb-p,.cb-c){color:#ff4d5e;text-shadow:0 0 12px rgb(255 77 94/.35)}
.cta-board.cb-off *{animation-play-state:paused!important}
.cb-row.flash-up{animation:cb-fu 1s ease-out}
.cb-row.flash-dn{animation:cb-fd 1s ease-out}
@keyframes cb-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes cb-fu{from{background:rgb(34 227 154/.22)}to{background:transparent}}
@keyframes cb-fd{from{background:rgb(255 77 94/.22)}to{background:transparent}}
body:has(.site-top) .final-cta::after{background:linear-gradient(100deg,rgb(12 10 28/.93) 0%,rgb(20 16 40/.78) 36%,rgb(20 16 40/.30) 66%,rgb(20 16 40/.12) 100%)!important}
@media (max-width:720px){.cta-board{grid-template-columns:repeat(3,1fr);font-size:12px}.cta-board .cb-col:nth-child(n+4){display:none}.cb-p{font-size:16px}}
@media (prefers-reduced-motion:reduce){.cb-track{animation:none}}
/* real-market chart (2026-10-19): price scale, OHLC line, two-line level tags, live last price */
.trade-svg .tt.tp2{font-weight:500;font-size:10.5px;opacity:.85}
.trade-svg .tag.en + .tt + .tt{fill:#14101f}
.trade-svg .lg-sym{fill:#fff;font-weight:700}
.trade-svg .lg-n{fill:#e6e1f5;font-family:var(--font-mono)}
.trade-svg .lg-n.up{fill:#7ee2b8} .trade-svg .lg-n.dn{fill:#ff8a8a}
.trade-svg .live-p.up .lp-tag{fill:#1f9d6d} .trade-svg .live-p.dn .lp-tag{fill:#c9474f}
.trade-svg .live-p.up .lastl{stroke:rgb(126 226 184/.6)} .trade-svg .live-p.dn .lastl{stroke:rgb(255 138 138/.6)}
.trade-svg .lp-t{fill:#fff}
.trade-svg .live-c rect,.trade-svg .live-c line{transition:all .5s ease}
/* ---------- hero 3D globe (owner 2026-10-22, made clearer: it was too faint to read as a globe): a soft sphere with wire rings
   of longitude and latitude turning slowly, gold market dots; stops off screen / hidden tab; decoration only */
.globe3d{--R:min(210px,22vw);position:absolute;right:6%;top:50%;width:calc(var(--R) * 2);aspect-ratio:1;transform:translateY(-50%);perspective:1100px;pointer-events:none;z-index:0;opacity:.85;contain:layout paint}
.globe3d::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 38% 34%,rgb(255 205 170/.22),rgb(120 70 160/.14) 45%,rgb(40 20 70/.06) 70%,transparent 78%);box-shadow:0 0 70px rgb(255 177 152/.12),inset -28px -22px 60px rgb(10 0 30/.45)}
.globe3d .g-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-18deg) rotateZ(12deg)}
.globe3d .g-spin{position:absolute;inset:0;transform-style:preserve-3d;animation:g-spin 60s linear infinite}
.globe3d.g-off .g-spin,html.page-hidden .globe3d .g-spin{animation-play-state:paused}
.globe3d .g-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgb(255 196 172/.5)}
.globe3d .g-lon{transform:rotateY(var(--a))}
.globe3d .g-lat{inset:calc(var(--R) * (1 - var(--r)));transform:rotateX(90deg) translateZ(calc(var(--R) * var(--z)));border-color:rgb(255 255 255/.3)}
.globe3d .g-eq{border-color:rgb(255 196 172/.7);border-width:2px}
.globe3d .g-dot{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:#ffd27a;box-shadow:0 0 10px 3px rgb(255 210 122/.55);transform:rotateY(var(--lo)) rotateX(var(--la)) translateZ(var(--R))}
@keyframes g-spin{to{transform:rotateY(360deg)}}
.hero-art > .hero-steps{position:relative;z-index:1}
@media (max-width:960px){.globe3d{display:none}}
@media (prefers-reduced-motion:reduce){.globe3d .g-spin{animation:none}}

/* footer contact icons (owner 2026-10-21: "logos not clear"): a filled circle in each channel's colour with a white icon */
.foot-contact svg,body:has(.site-top) .foot-contact svg{width:32px;height:32px;padding:7px;stroke-width:2;color:#fff;background:#6a4fd6;box-shadow:0 2px 6px rgb(0 0 0/.25)}
.foot-contact :is(.fc-tel,.fc-tel:hover) svg{background:#ff7a59;color:#fff} .foot-contact :is(.fc-wa,.fc-wa:hover) svg{background:#25d366;color:#fff} .foot-contact :is(.fc-tg,.fc-tg:hover) svg{background:#229ed9;color:#fff} .foot-contact :is(.fc-mail,.fc-mail:hover) svg{background:#e0533d;color:#fff} .foot-contact .fc-addr svg{background:#6a4fd6}
.foot-contact a,.foot-contact .fc-addr,body:has(.site-top) .foot-contact a,body:has(.site-top) .foot-contact .fc-addr{color:#e9e5f7;font-size:13.5px;gap:9px}
.foot-contact a:hover svg{filter:brightness(1.12)} .foot-contact a:hover{color:#fff}
/* calculator amount box (owner 2026-10-21: "white box, text cannot be read"): in the dark theme the box is dark with white digits */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body .calc-form input[type=number]{background:rgb(255 255 255/.08)!important;color:#fff!important;border:1px solid rgb(255 177 152/.45)!important;caret-color:#ffb198;font-weight:600}
  :root:not([data-theme="light"]) body .calc-form .field label{color:#e9e5f7}}
:root[data-theme="dark"] body .calc-form input[type=number]{background:rgb(255 255 255/.08)!important;color:#fff!important;border:1px solid rgb(255 177 152/.45)!important;caret-color:#ffb198;font-weight:600}
:root[data-theme="dark"] body .calc-form .field label{color:#e9e5f7}
html body .calc-form input[type=number]{font-weight:600;letter-spacing:.02em}
html body .calc-form input[type=number]:focus{outline:2px solid #ffb198;outline-offset:1px}
/* plan cards (owner 2026-10-21: "Starter and Standard look the same", glow over the subtitle):
   Starter = teal, Standard = plum + coral, Premium = navy + gold; the glows sit in the bottom corner, away from the text */
body:has(.site-top) .plan-starter::before{background:radial-gradient(60% 45% at 100% 100%,rgb(32 201 170/.18),transparent 70%)}
body:has(.site-top) .plan-standard::before{background:radial-gradient(70% 50% at 100% 100%,rgb(255 177 152/.22),transparent 70%),radial-gradient(60% 45% at 0% 100%,rgb(140 110 240/.28),transparent 70%)}
body:has(.site-top) .plan-premium::before{background:radial-gradient(70% 50% at 100% 100%,rgb(214 178 122/.22),transparent 70%),repeating-linear-gradient(135deg,rgb(214 178 122/.05) 0 2px,transparent 2px 14px)}
body:has(.site-top) .plan.plan-starter{box-shadow:inset 0 4px 0 #20c9aa}
body:has(.site-top) .plan-starter .ico{background:rgb(32 201 170/.16);color:#0f8f78}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body:has(.site-top) .plan.plan-starter{background:linear-gradient(160deg,#103a3c 0%,#0d2b31 55%,#0a1c22 100%);color:#e6f6f2}
  :root:not([data-theme="light"]) body:has(.site-top) .plan-starter :is(h3,.price){color:#fff}
  :root:not([data-theme="light"]) body:has(.site-top) .plan-starter .hint{color:#a9d6cc}
  :root:not([data-theme="light"]) body:has(.site-top) .plan-starter .plan-meta{background:rgb(255 255 255/.07);color:#e6f6f2}
  :root:not([data-theme="light"]) body:has(.site-top) .plan-starter .ico{color:#5fe3c7}
  :root:not([data-theme="light"]) body:has(.site-top) .plan-starter li::before{border-color:#5fe3c7}}
:root[data-theme="dark"] body:has(.site-top) .plan.plan-starter{background:linear-gradient(160deg,#103a3c 0%,#0d2b31 55%,#0a1c22 100%);color:#e6f6f2}
:root[data-theme="dark"] body:has(.site-top) .plan-starter :is(h3,.price){color:#fff}
:root[data-theme="dark"] body:has(.site-top) .plan-starter .hint{color:#a9d6cc}
:root[data-theme="dark"] body:has(.site-top) .plan-starter .plan-meta{background:rgb(255 255 255/.07);color:#e6f6f2}
:root[data-theme="dark"] body:has(.site-top) .plan-starter .ico{color:#5fe3c7}
:root[data-theme="dark"] body:has(.site-top) .plan-starter li::before{border-color:#5fe3c7}
/* market sessions (owner 2026-10-21: "no green tick when open"): an open market shows a green check and a green card edge */
body:has(.site-top) .ses.open{border-left-color:#22c55e!important;box-shadow:inset 0 0 0 1px rgb(34 197 94/.45),0 0 18px -6px rgb(34 197 94/.55)}
body:has(.site-top) .ses.open .ses-live{background:#15803d!important;color:#fff!important;border-color:#22c55e!important}
body:has(.site-top) .ses.open .ses-live::before{content:"✓";width:auto;height:auto;border-radius:0;background:none;opacity:1;font-size:12px;font-weight:800;line-height:1;animation:none}
body:has(.site-top) .ses:not(.open) .ses-live::before{background:#9a93ad;opacity:1}
html body .calc-term-row input:checked + span{background:#ffb198!important;color:#2e234b!important;border-color:#ffb198!important;font-weight:700}
.foot-contact .fc-row{display:flex;align-items:center;gap:6px}
.foot-contact .fc-row .fc-ic{gap:0}
.foot-contact .fc-row .fc-num{margin-left:4px}

/* ---------- contrast fixes (owner 2026-10-21): every text below reached at least 4.5 : 1 against its background in the audit */
/* small section headings (eyebrows): darker gold on the light theme, light gold on the dark theme (same selectors, one theme each) */
@media (prefers-color-scheme: light){html:not([data-theme="dark"]) body:has(.site-top) main > section:not(.audience):not(.final-cta) .wrap .eyebrow:not(:is(.card,.pipeline,.calc-card,.pt-earn-card,.svc-card,.pt-rules,.sf-funds,.risk,.ab-card,.fc,.an,.tv-panel) .eyebrow),html:not([data-theme="dark"]) body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) > .wrap > .eyebrow,html:not([data-theme="dark"]) body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) .wrap > div > .eyebrow:first-child{color:#72501a}}
html[data-theme="light"] body:has(.site-top) main > section:not(.audience):not(.final-cta) .wrap .eyebrow:not(:is(.card,.pipeline,.calc-card,.pt-earn-card,.svc-card,.pt-rules,.sf-funds,.risk,.ab-card,.fc,.an,.tv-panel) .eyebrow),html[data-theme="light"] body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) > .wrap > .eyebrow,html[data-theme="light"] body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) .wrap > div > .eyebrow:first-child{color:#72501a}
@media (prefers-color-scheme: dark){html:not([data-theme="light"]) body:has(.site-top) main > section:not(.audience):not(.final-cta) .wrap .eyebrow:not(:is(.card,.pipeline,.calc-card,.pt-earn-card,.svc-card,.pt-rules,.sf-funds,.risk,.ab-card,.fc,.an,.tv-panel) .eyebrow),html:not([data-theme="light"]) body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) > .wrap > .eyebrow,html:not([data-theme="light"]) body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) .wrap > div > .eyebrow:first-child{color:#e3b874}}
html[data-theme="dark"] body:has(.site-top) main > section:not(.audience):not(.final-cta) .wrap .eyebrow:not(:is(.card,.pipeline,.calc-card,.pt-earn-card,.svc-card,.pt-rules,.sf-funds,.risk,.ab-card,.fc,.an,.tv-panel) .eyebrow),html[data-theme="dark"] body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) > .wrap > .eyebrow,html[data-theme="dark"] body:has(.site-top) main > :is(section,.facts,.home-tabs,.live-strip):not(.final-cta):not(.hero-band):not(.audience) .wrap > div > .eyebrow:first-child{color:#e3b874}
/* purple links / subtitles on the dark theme */
@media (prefers-color-scheme: dark){html:not([data-theme="light"]) body:has(.site-top) :is(.pl-calc,.firm-sub){color:#c4b5ff}}
html[data-theme="dark"] body:has(.site-top) :is(.pl-calc,.firm-sub){color:#c4b5ff}
/* PayPal funding card (new today): its own blue like the other method cards */
.fm-paypal{background:linear-gradient(120deg,#003087,#0b63ce)}
.fm :is(b,span){color:#fff}
/* stars of the client reviews */
.tm-stars{color:#9a6212}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tm-stars{color:#f0b44c}}
:root[data-theme="dark"] .tm-stars{color:#f0b44c}
.tm .tm-stars{color:#f0b44c}
/* owner 2026-10-22: market status chip ("Live" = traded now, "Coming soon" = on the list) */
.tick .mk-st{font-size:10px;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.16);color:#f4f1ff;font-weight:600;text-transform:none;white-space:nowrap}
.tick .mk-st.on{background:#1f9d6b;color:#fff}
.mk-legend{margin:10px 0 0;font-size:13px;color:var(--muted);text-align:center}

/* site review 2026-10-22: form pages on phones show an inline help line; the floating button would sit on the fields */
.form-help{text-align:center;margin:-24px auto 40px;color:var(--muted);font-size:15px}
.form-help a{font-weight:600}
.wrap > .form-help{margin:14px 0 0;text-align:left}
@media (max-width:760px){body:has(.form-help) .chat-fab,body:has([data-form="enquiry"]) .chat-fab{display:none}.form-help{margin-top:-20px}}
/* site review 2026-10-22: folded method section + one research card on phones */
.deep{padding-top:72px;padding-bottom:24px}
.deep-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.deep-head > div{max-width:680px}
.deep[data-open="0"] .deep-body{display:none}
.deep[data-open="1"] .deep-body{margin-top:24px}
@media (max-width:760px){.deep{padding-top:48px}.deep-head .btn{width:100%}#insights-teaser .ins-grid > :nth-child(n+2){display:none}}
/* site review 2026-10-22: shorter home page on phones — facts in two columns, plan cards side by side (swipe) */
@media (max-width:760px){
  body:has(.site-top) .facts .wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  body:has(.site-top) .facts .fact:first-child{grid-column:1/-1}
  body:has(.site-top) .facts .fact{padding:14px 14px 12px}
  body:has(.site-top) .facts .fact .fv{font-size:32px}
  body:has(.site-top) .plans-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:4px 2px 12px;overscroll-behavior-x:contain}
  body:has(.site-top) .plans-grid > .plan{scroll-snap-align:center;min-width:0}
  body:has(.site-top) .plans-grid .pl-price .price{font-size:30px;line-height:1.15;overflow-wrap:anywhere}
  #markets .ses-long,#markets .ses small{display:none}
  #markets .ses-list{gap:8px}
}
/* site review 2026-10-22 (owner tick "Card হালকা করো"): information boxes go light again — white / theme surface, thin line,
   one soft shadow. Dark navy + gold stays only on the service links, plans, calculator, money cards and the closing band. */
html body:has(.site-top) :is(.fact,.pt-card,.ab-value,.sf,.step,.principle,.rb,.ins-card,.lane,.sessions,.tm,.pl-all,.risk,.svc-note,.svc-card.static,.ab-card,.ct-ch,.pt-rules,.sf-funds){background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-top:1px solid var(--line)!important;border-radius:14px;box-shadow:0 8px 24px rgb(29 22 51/.08)!important}
html body:has(.site-top) :is(.fact,.pt-card,.ab-value,.sf,.step,.principle,.rb,.ins-card,.lane,.sessions,.tm,.pl-all,.risk,.svc-note,.svc-card.static,.ab-card,.ct-ch,.pt-rules,.sf-funds)::before{display:none}
html body:has(.site-top) :is(.fact,.pt-card,.ab-value,.sf,.step,.principle,.rb,.ins-card,.lane,.sessions,.tm,.pl-all,.risk,.svc-note,.svc-card.static,.ab-card,.ct-ch,.pt-rules,.sf-funds) :is(h3,h4,b,strong,summary,blockquote,.tk){color:var(--ink)!important}
html body:has(.site-top) :is(.fact,.pt-card,.ab-value,.sf,.step,.principle,.rb,.ins-card,.lane,.sessions,.tm,.pl-all,.risk,.svc-note,.svc-card.static,.ab-card,.ct-ch,.pt-rules,.sf-funds) :is(p,li,small,.fl small,span:not(.tm-stars):not(.tm-av):not(.lr):not(.ses-live):not(.pill):not(.num),em:not(.ses-live),.hint,.muted,.rb-sub,.risk-lede){color:var(--muted)!important}
html body:has(.site-top) :is(.fact,.pt-card,.ab-value,.sf,.step,.principle,.rb,.ins-card,.lane,.sessions,.tm,.pl-all,.risk,.svc-note,.svc-card.static,.ab-card,.ct-ch,.pt-rules,.sf-funds) :is(.eyebrow,.pn,.rb-n,.ct-k,.aud-go,.ins-tag,.ins-cat,.ses-sub,.sf-n,.n,a:not(.btn)){color:var(--gold)!important}
html body:has(.site-top) :is(.fact,.pt-card,.ab-value,.sf,.step,.principle,.rb,.ins-card,.lane,.sessions,.svc-note,.svc-card.static,.ab-card,.pt-rules,.sf-funds) > svg,html body:has(.site-top) :is(.fact,.pt-card,.ab-value,.sf,.step,.principle,.rb,.ins-card,.lane,.sessions,.svc-note,.svc-card.static,.ab-card,.pt-rules,.sf-funds) .ico{color:var(--gold)!important;background:var(--accent-soft)!important}
html body:has(.site-top) .fact .fv{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
html body:has(.site-top) .facts .fact.fact{border-top:3px solid var(--coral)!important}
html body:has(.site-top) .risk.risk.risk{border-top:3px solid var(--coral)!important}
html body:has(.site-top) .ses{background:var(--sunk)!important;border:1px solid var(--line)!important;color:var(--ink)}
html body:has(.site-top) .ses.open{border-color:#1f9d62!important}
html body:has(.site-top) :is(.pt-rules,.risk) li::before{border-color:var(--gold)!important;color:var(--gold)!important}
html body:has(.site-top) .pl-all span{background:var(--sunk)!important}
html body:has(.site-top) .lane-rules li{border-color:var(--line)!important}
/* site review 2026-10-22: client tasks in three groups */
.svc-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.svc-three .pt-card h3{margin:12px 0 8px;font-size:18px}
.svc-mini{margin:0;padding-left:18px;display:grid;gap:6px}
@media (max-width:760px){.svc-three{grid-template-columns:minmax(0,1fr)!important}}
/* site review 2026-10-22: contact — on phones the form comes before the channel list */
@media (max-width:960px){.ct-grid{display:flex;flex-direction:column}.ct-grid .ct-form{order:-1;width:100%}.ct-grid .ct-channels{width:100%}}
#ct-form{scroll-margin-top:90px}
/* site review 2026-10-22: calendar on phones — next two days first */
.cal-all{display:none;margin-top:14px}
@media (max-width:760px){.cal:not(.all) .cal-day.later{display:none}.cal-all{display:inline-flex;width:100%;justify-content:center}}
@media (max-width:560px){
  .cal-row{grid-template-columns:74px 40px minmax(0,1fr);gap:4px 10px;padding:10px 2px;align-items:start}
  .cal-row .cal-time{white-space:nowrap;font-size:13px;grid-row:1 / span 3}
  .cal-row .cal-cur{grid-row:1 / span 3}
  .cal-row .cal-t{font-size:15px;line-height:1.35}
  .cal-row .cal-imp{grid-column:3;justify-self:start;padding:2px 8px}
  .cal-row .cal-fp{grid-column:3;margin-top:0;font-size:12px}
}
/* site review round 2 (2026-10-22): "before you decide" and withdrawal bands, method line */
.fit-band,.wd-band{padding-block:56px}
.fit-grid{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.fit-grid > div{max-width:720px}
.wdb-fact{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-weight:600;color:var(--ink)}
.wdb-fact svg{width:22px;height:22px;flex:none;color:var(--gold)}
.deep-lanes{margin-top:10px;color:var(--muted);font-size:15px}
@media (max-width:760px){.fit-band,.wd-band{padding-block:40px}.fit-grid .btn{width:100%}}
/* site review round 2: the globe turns a few seconds then rests; a small button plays / pauses it; coral market dots, no gold */
.globe3d.g-rest .g-spin{animation-play-state:paused}
.globe3d.g-off .g-spin,html.page-hidden .globe3d .g-spin{animation-play-state:paused}
.globe3d .g-dot{background:#ffb198;box-shadow:0 0 10px 3px rgb(255 177 152/.5)}
.g-toggle{position:absolute;right:8px;bottom:-52px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid rgb(255 255 255/.35);background:rgb(20 16 31/.55);color:#fff;display:grid;place-items:center;cursor:pointer}
.g-toggle:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
.g-toggle i{display:none}
.g-toggle[data-state="pause"] .g-ic-pause,.g-toggle[data-state="play"] .g-ic-play{display:block}
.g-ic-pause{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.g-ic-play{width:0;height:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
@media (max-width:960px),(prefers-reduced-motion:reduce){.g-toggle{display:none}}
/* site review round 2: layered portal preview — receipt, statement and update slips beside the phone; tabs bring one forward */
.pv-stack{position:absolute;right:-56px;top:210px;width:250px;height:210px;perspective:900px;z-index:2}
.pv-card{position:absolute;inset:0 auto auto 0;width:250px;padding:14px 16px;border-radius:14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 44px -22px rgb(29 22 51/.45);transition:transform .35s ease,opacity .35s ease;transform-origin:left top}
.pv-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px}
.pv-h .ico,.pv-h svg{width:28px;height:28px;flex:none;color:var(--gold)}
.pv-h b{flex:1}
.pv-tag{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--sunk);color:var(--muted)}
.pv-row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:4px 0;border-bottom:1px dashed var(--line)}
.pv-row span{color:var(--muted)}
.pv-sum{border-bottom:0;font-weight:700}
.pv-ok{margin:8px 0 0;font-size:12.5px;font-weight:600;color:#1f9d62}
.pv-p{margin:0;font-size:12.5px;color:var(--muted)}
/* order: front card fully visible, the other two step back up and to the right */
.pv-card{transform:translate(36px,-40px) scale(.88);opacity:.75;z-index:1}
.pv-stack[data-front="tx"] .pv-tx,.pv-stack[data-front="st"] .pv-st,.pv-stack[data-front="up"] .pv-up{transform:none;opacity:1;z-index:3}
.pv-stack[data-front="tx"] .pv-st,.pv-stack[data-front="st"] .pv-up,.pv-stack[data-front="up"] .pv-tx{transform:translate(18px,-20px) scale(.94);opacity:.9;z-index:2}
.pv-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px;position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){.pv-card{transition:none}}
@media (max-width:960px){.pv-stack{right:-8px}}
@media (max-width:700px){
  .pv-stack{position:relative;right:auto;top:auto;width:min(300px,100%);height:auto;margin:-60px auto 0;perspective:none}
  .pv-card{position:relative;width:100%;transform:none!important;opacity:1!important;display:none}
  .pv-stack[data-front="tx"] .pv-tx,.pv-stack[data-front="st"] .pv-st,.pv-stack[data-front="up"] .pv-up{display:block}
}
/* site review round 2: service illustrations + copy-trading connection diagram */
.svc-art{display:block;margin:-4px 0 6px}
.svc-art svg{display:block;width:150px;max-width:100%;height:auto;filter:drop-shadow(0 10px 14px rgb(0 0 0/.25))}
.cpd-sec{padding-block:64px}
.cpd{display:flex;align-items:center;gap:0;margin-top:28px;flex-wrap:wrap}
.cpd-node{flex:1 1 180px;display:grid;justify-items:center;gap:10px;padding:22px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;box-shadow:0 8px 24px rgb(29 22 51/.08);transition:transform .2s,box-shadow .2s,border-color .2s}
.cpd-node .ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--gold)}
.cpd-node .ico svg{width:28px;height:28px}
.cpd-node.on{border-color:var(--coral);box-shadow:0 14px 30px -14px rgb(255 120 90/.55);transform:translateY(-2px)}
.cpd-node:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.cpd-link{flex:0 0 48px;height:0;border-top:2px dashed var(--coral)}
.cpd-detail{margin-top:18px;padding:16px 18px;border-left:3px solid var(--coral);background:var(--sunk);border-radius:0 12px 12px 0;max-width:760px}
@media (max-width:700px){.cpd{flex-direction:column;align-items:stretch}.cpd-link{flex:0 0 22px;width:0;height:22px;border-top:0;border-left:2px dashed var(--coral);align-self:center}.cpd-node{flex:none}}
@media (prefers-reduced-motion:reduce){.cpd-node{transition:none}}
/* round 2 fixes: phone to the left so the slips sit beside it, readable icons in the portal list and withdrawal band */
@media (min-width:961px){.app-show .phone-wrap{justify-items:start;padding-left:8px}.pv-stack{right:0;top:250px}}
.app-points .ico,.wdb-fact .ico{background:var(--accent-soft)!important;color:var(--gold)!important}
.wdb-fact .ico{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center}
.wdb-fact .ico svg{width:20px;height:20px}
/* re-audit 2026-10-22: a calm panel behind the four hero steps so the chart and globe never sit under the words */
/* owner 2026-10-22: no dark panel behind the steps (the chart is already faint) */
/* re-audit 2026-10-22: small phones, open menu, plan swipe help */
@media (max-width:360px){body:has(.site-top) .site-top .brand > span:not(.mark){display:none}}
body:has(.m-nav:not([hidden])) :is(.chat-fab,.to-top){display:none!important}
@media (max-width:760px){body:has(.site-top) .site-foot{padding-bottom:84px}}
.plan-nav{display:none}
@media (max-width:760px){
  .plan-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;font-size:13px;color:var(--muted)}
  .plan-dots{display:flex;gap:8px}
  .plan-dot{width:28px;height:28px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
  .plan-dot::before{content:"";width:11px;height:11px;border-radius:50%;border:1px solid var(--plum)}
  .plan-dot.on::before{background:var(--plum)}
}
/* owner 2026-10-23: one amount in four currencies */
.m4{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.m4 > span{white-space:nowrap}
.pl-price .m4{margin-top:6px}
.calc-big .m4,.calc-rows .m4{color:inherit;opacity:.85;justify-content:flex-end}
.calc-big .m4{justify-content:flex-start;font-size:14px;margin-top:4px}
.calc-amt-row{display:grid;grid-template-columns:minmax(0,1fr) 8.5rem;gap:10px;align-items:end}
/* owner 2026-10-24: running price, today's high / low, open / closed on each traded market's card */
.tick .tq{display:grid;gap:2px;margin-top:8px;min-height:38px}
.tick .tq-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.tick .tq-px{font-size:19px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.tick .tq-hl{font-size:12.5px;opacity:.85;font-variant-numeric:tabular-nums}
.tick .tq-st{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:rgb(255 255 255/.14);color:#e6e1f3}
.tick .tq-st::before{content:"○ "}
.tick .tq-st.on{background:rgb(38 186 120/.22);color:#7ff0b8}
.tick .tq-st.on::before{content:"● "}
/* owner 2026-11-04: "How to start" shows where it took you; contact form rows line up */
#how{scroll-margin-top:84px}
.hero-steps.hs-flash .hs-list li{animation:hs-flash 1.2s ease both}
.hero-steps.hs-flash .hs-list li:nth-child(2){animation-delay:.15s}
.hero-steps.hs-flash .hs-list li:nth-child(3){animation-delay:.3s}
.hero-steps.hs-flash .hs-list li:nth-child(4){animation-delay:.45s}
@keyframes hs-flash{0%,100%{box-shadow:0 0 0 0 rgb(255 171 145/0)}35%{box-shadow:0 0 0 2px var(--coral),0 0 22px 2px rgb(255 171 145/.45)}}
@media (prefers-reduced-motion:reduce){.hero-steps.hs-flash .hs-list li{animation:none;box-shadow:0 0 0 2px var(--coral)}}
.ct-form .field input,.ct-form .field select{height:46px;box-sizing:border-box}
.ct-form .phone-in{flex-wrap:nowrap}
.ct-form .phone-in .cc{flex:0 0 13rem;min-width:0}
.ct-form .phone-in [data-phone]{flex:1 1 0;min-width:0}
@media (max-width:560px){.ct-form .phone-in .cc{flex:0 0 6.5rem}}
/* owner 2026-11-04: explainer videos */
.vid-grid{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:center}
.sys-video{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:9/16;background:#1a1430;border-radius:18px;box-shadow:0 30px 70px -40px rgb(46 35 75/.7);justify-self:end}
@media (max-width:760px){.vid-grid{grid-template-columns:1fr;gap:24px}.sys-video{justify-self:center;max-width:300px}}