/* Trades With BA production bundle: site-inner.css; regenerate via tools/build-assets.mjs */
/* source: tba-depth-system.css */
/* Responsive page-specific trading illustrations. Existing site palette preserved. */
.tba-depth-section{position:relative;isolation:isolate;overflow:hidden;padding:clamp(54px,7vw,100px) 0;background:radial-gradient(ellipse at 72% 45%,#16301438,transparent 58%),#050807;border-block:1px solid #a0ef301a}
.tba-depth-section *, .tba-depth-section *::before,.tba-depth-section *::after{box-sizing:border-box}
.tba-depth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);min-width:0}
.tba-depth-copy{position:relative;z-index:2;min-width:0}.tba-depth-eyebrow{font-size:clamp(.62rem,.8vw,.76rem);letter-spacing:.14em;font-weight:800;color:#a4ed40}.tba-depth-copy h2{font-size:clamp(2.15rem,4.1vw,4.35rem);line-height:1.06;letter-spacing:-.05em;margin:18px 0;max-width:15ch;overflow-wrap:normal}.tba-depth-copy p{max-width:49ch;color:#aab5ae;font-size:clamp(.98rem,1.2vw,1.15rem);line-height:1.7;margin-bottom:26px}.tba-depth-copy .btn{display:inline-flex;max-width:100%;white-space:normal;text-align:center}
.tba-depth-viewport{position:relative;width:100%;min-width:0;max-width:650px;aspect-ratio:1.36;min-height:300px;margin-inline:auto;perspective:1000px;overflow:hidden;border:1px solid #9eef3b27;border-radius:clamp(18px,2.5vw,28px);background:radial-gradient(circle at 55% 45%,#172f1a7d,#07100a 60%,#040706);box-shadow:0 22px 75px #0007,inset 0 0 60px #0006}
.tba-depth-scene{position:absolute;inset:9%;transform-style:preserve-3d;transform:rotateX(calc(-5deg + var(--dy,0deg))) rotateY(calc(-8deg + var(--dx,0deg)));transition:transform .18s ease-out;animation:tbaDepthBreath 9s ease-in-out infinite alternate;will-change:transform}
.tba-depth-plane{position:absolute;inset:10% 7%;background:linear-gradient(145deg,#172c1c,#050a07);border:1px solid #a7fa583c;border-radius:18px;transform:translateZ(-25px);box-shadow:14px 24px 50px #0009,inset 0 0 45px #7cda2710}
.tba-depth-plane:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 97%,#a1ef2115 98%),linear-gradient(transparent 96%,#a1ef2115 98%);background-size:34px 34px}
.tba-depth-halo{position:absolute;inset:6% 12%;border:1px solid #99f52c27;border-radius:50%;transform:translateZ(-65px) rotateX(67deg);box-shadow:0 0 65px #68e02613}
.tba-depth-bars{position:absolute;inset:22% 16% 27%;display:flex;align-items:center;justify-content:space-around;gap:4px;transform:translateZ(30px)}
.tba-depth-candle{--c:#a3f12d;position:relative;flex:0 1 15px;max-width:5%;height:var(--h);max-height:72%;background:linear-gradient(90deg,#547f16,var(--c) 40%,#b8ff52 68%,#42691a);border-radius:3px;box-shadow:0 0 13px #8bdf2533,4px 5px 0 #3b681d;animation:tbaCandle 4s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.31s)}
.tba-depth-candle.down{--c:#a6b4a2;background:linear-gradient(90deg,#46574a,#a1b5a2,#566d59);box-shadow:4px 5px 0 #314137}.tba-depth-candle i{position:absolute;left:50%;top:-15px;bottom:-15px;width:2px;background:var(--c);transform:translateX(-50%);z-index:-1}
.tba-depth-glass{position:absolute;display:flex;flex-direction:column;gap:5px;max-width:45%;padding:clamp(8px,1.3vw,15px);background:#0a160ee8;border:1px solid #9dec4a59;box-shadow:8px 12px 28px #0008;backdrop-filter:blur(7px);border-radius:11px;color:#b4f76a;line-height:1.3;overflow-wrap:anywhere}.tba-depth-glass strong{font-size:clamp(.66rem,1vw,.93rem)}.tba-depth-glass small{font-size:clamp(.54rem,.72vw,.69rem);color:#a4b5a5;letter-spacing:.06em}.glass-a{top:2%;right:2%;transform:translateZ(75px)}.glass-b{bottom:3%;left:2%;transform:translateZ(90px)}
.tba-depth-special{display:none;position:absolute;inset:21% 21%;align-items:center;justify-content:center;flex-direction:column;gap:10px;transform:translateZ(70px);border:1px solid #a1f03a6b;border-radius:20px;background:linear-gradient(140deg,#182e1e,#07100b);box-shadow:10px 18px 36px #0009,0 0 55px #83f12219}.tba-special-symbol{font-size:clamp(2.8rem,7vw,5rem);font-weight:900;color:#b2fa5e;line-height:1}.tba-special-name{font-size:clamp(.58rem,.9vw,.85rem);font-weight:800;letter-spacing:.08em;text-align:center;color:#d3fbb5}
.tba-depth--identity .tba-depth-special,.tba-depth--video .tba-depth-special,.tba-depth--research .tba-depth-special,.tba-depth--community .tba-depth-special,.tba-depth--progress .tba-depth-special,.tba-depth--glossary .tba-depth-special,.tba-depth--risk .tba-depth-special,.tba-depth--resources .tba-depth-special{display:flex}
.tba-depth--identity .tba-depth-bars,.tba-depth--video .tba-depth-bars,.tba-depth--research .tba-depth-bars,.tba-depth--community .tba-depth-bars,.tba-depth--progress .tba-depth-bars,.tba-depth--glossary .tba-depth-bars,.tba-depth--risk .tba-depth-bars,.tba-depth--resources .tba-depth-bars{opacity:.16;transform:translateZ(0)}
.tba-depth--video .tba-depth-special{border-radius:24px}.tba-depth--community .tba-depth-special{border-radius:50%}.tba-depth--progress .tba-depth-special{clip-path:polygon(0 15%,85% 15%,85% 0,100% 0,100% 85%,15% 85%,15% 100%,0 100%)}.tba-depth--glossary .tba-depth-special{border-style:dashed}.tba-depth--risk .tba-depth-special{background:linear-gradient(145deg,#213021,#07100b)}.tba-depth--resources .tba-depth-special{border-radius:12px;transform:translateZ(70px) rotate(-4deg)}
.tba-page-banner-art{transform-style:preserve-3d;transition:transform .3s ease-out}
@keyframes tbaDepthBreath{from{translate:0 3px}to{translate:0 -6px}}@keyframes tbaCandle{from{translate:0 3px}to{translate:0 -3px}}
@media(max-width:980px){.tba-depth-grid{grid-template-columns:1fr;gap:26px}.tba-depth-copy h2{max-width:22ch}.tba-depth-viewport{max-width:620px;aspect-ratio:1.6;min-height:280px}.tba-depth-section{padding:60px 0}}
@media(max-width:600px){.tba-depth-section{padding:44px 0}.tba-depth-grid{gap:24px}.tba-depth-copy h2{font-size:clamp(2rem,9vw,3.2rem);margin:13px 0}.tba-depth-copy p{font-size:1rem;line-height:1.65}.tba-depth-viewport{width:100%;min-height:0;aspect-ratio:1.18;border-radius:18px}.tba-depth-scene{inset:7%}.tba-depth-glass{max-width:43%;padding:8px}.tba-depth-glass strong{font-size:.61rem}.tba-depth-glass small{font-size:.5rem}.tba-depth-bars{inset:25% 13% 28%}.tba-depth-candle{max-width:4%;max-height:55%}.tba-depth-special{inset:23% 20%}.tba-special-symbol{font-size:clamp(2.4rem,12vw,4rem)}.tba-special-name{font-size:.56rem}}
@media(max-width:360px){.tba-depth-glass{max-width:39%}.tba-depth-special{inset:25% 20%}.tba-depth-copy h2{font-size:1.9rem}}
@media(hover:none),(pointer:coarse){.tba-depth-scene{transform:rotateX(-4deg) rotateY(-5deg)!important}.tba-page-banner-art{transform:none!important}}
@media(prefers-reduced-motion:reduce){.tba-depth-scene,.tba-depth-candle{animation:none!important;transition:none!important}.tba-depth-scene,.tba-page-banner-art{transform:none!important;transition:none!important}}

/* source: tba-visual-polish.css */
/* Trades With BA visual polish: site palette and content remain unchanged. */
html{scroll-behavior:smooth;scroll-padding-top:90px}body{overflow-x:clip}img,video,svg{max-width:100%} .wrap{min-width:0}
/* 3D chart: keep candles, floating labels and wicks inside a safe area. */
.tba-immersive{padding-block:clamp(48px,6vw,82px);padding-inline:clamp(16px,3vw,32px)}
.tba-immersive-intro{max-width:760px;margin-bottom:clamp(24px,3vw,38px)}
.tba-immersive-intro h2{font-size:clamp(2.3rem,5.2vw,4.7rem);line-height:1.07;margin:12px 0 18px;text-wrap:balance}
.tba-scene-viewport{width:min(100%,1000px);height:auto;aspect-ratio:1.85;min-height:340px;border-radius:24px}
.tba-chart-back{inset:13% 13% 17%;overflow:hidden;transform:translateZ(22px) rotateX(-1deg)}
.tba-chart-candles{inset:17% 7% 19%;align-items:flex-end;overflow:hidden}
.tba-candle{height:clamp(12px, var(--h), 66%)!important;margin-bottom:clamp(0px, var(--b), 22%)!important;max-height:66%;flex:0 0 2.6%;min-width:2px}
.tba-candle:before{height:125%;top:-12%}
.tba-scene-plaque{min-width:0;max-width:31%;padding:10px 13px;z-index:4;transform:translateZ(35px)}
.tba-plaque-top{top:6%;left:4%}.tba-plaque-bottom{right:4%;bottom:7%}
.tba-scene-plaque b{font-size:clamp(10px,1vw,14px)}.tba-scene-plaque span{font-size:clamp(8px,.7vw,10px)}
.tba-scene-caption{z-index:5;left:18px;bottom:12px;font-size:10px}
.tba-immersive-outro{padding-top:20px}
/* Consistent, balanced inner-page heroes. */
.tba-page-banner{min-height:0!important}.tba-page-banner-inner{min-height:0!important;padding-top:clamp(48px,5vw,76px)!important;padding-bottom:clamp(48px,5vw,76px)!important;gap:clamp(28px,4vw,60px)!important}
.tba-page-banner-copy h1{font-size:clamp(2.4rem,4.8vw,4.8rem)!important;line-height:1.08!important;text-wrap:balance;overflow-wrap:break-word}
.tba-page-banner-copy p{max-width:55ch}.tba-page-banner-art{width:min(100%,380px)!important;max-width:100%;margin-inline:auto;min-width:0}
/* Blog hero: balanced headline / graphic, not an oversized blank panel. */
.blog-hero{min-height:0!important;grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr)!important;gap:clamp(22px,4vw,65px)!important;padding-block:clamp(44px,5vw,78px)!important}
.blog-hero h1{font-size:clamp(2.6rem,4.8vw,4.9rem)!important;line-height:1.08!important;max-width:13ch;text-wrap:balance}
.blog-hero-mark{min-height:270px;max-width:410px;width:100%;margin:auto}
.blog-hero-copy>p{line-height:1.7}
/* FAQ cards: consistent accordion spacing, no collision with following CTA. */
.faq,.vfaq,.tba-faq-grid{gap:14px!important;align-items:start!important;margin-bottom:clamp(28px,4vw,54px)}
.faq details,.vfaq details,.tba-faq-item{min-width:0;overflow:hidden;scroll-margin-top:90px}
.faq summary,.vfaq summary,.tba-faq-item summary{min-height:72px;line-height:1.45;overflow-wrap:anywhere}
.faq details[open],.vfaq details[open],.tba-faq-item[open]{border-color:#9af03860!important}
.faq details p,.vfaq details p,.tba-faq-item p{overflow-wrap:anywhere}
/* Footer 3D: cards never escape viewport. */
.tba-depth-grid{min-width:0}.tba-depth-viewport{overflow:hidden;max-width:100%;isolation:isolate}
.tba-depth-scene{inset:12%}.tba-depth-glass{max-width:38%;z-index:3}.glass-a{top:1%;right:1%}.glass-b{bottom:1%;left:1%}
.tba-depth-copy h2{overflow-wrap:break-word;text-wrap:balance}
@media(max-width:900px){.tba-page-banner-inner{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)!important}.blog-hero{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)!important}.tba-scene-viewport{aspect-ratio:1.55}}
@media(max-width:700px){
 .tba-page-banner-inner,.blog-hero{grid-template-columns:minmax(0,1fr)!important}
 .tba-page-banner-inner{padding-block:38px!important;gap:14px!important}.tba-page-banner-copy h1{font-size:clamp(2.15rem,9vw,3.5rem)!important}
 .tba-page-banner-art{width:min(74%,280px)!important;min-height:200px!important}
 .blog-hero{gap:16px!important;padding-block:38px!important}.blog-hero h1{font-size:clamp(2.25rem,9vw,3.8rem)!important;max-width:16ch}
 .blog-hero-mark{min-height:200px;max-width:250px}
 .tba-immersive{padding-inline:14px}.tba-immersive-intro h2{font-size:clamp(2.1rem,9vw,3.4rem)}
 .tba-scene-viewport{min-height:0;aspect-ratio:1.13;border-radius:18px}
 .tba-chart-back{inset:19% 8% 23%;transform:translateZ(8px)}
 .tba-chart-candles{inset:14% 5% 17%}.tba-candle{max-height:60%}
 .tba-scene-plaque{max-width:44%;padding:7px 9px}.tba-plaque-top{top:5%;left:3%}.tba-plaque-bottom{bottom:6%;right:3%}
 .tba-scene-plaque span{font-size:8px;letter-spacing:.04em}.tba-scene-plaque b{font-size:10px}
 .tba-scene-caption{font-size:8px;left:10px;bottom:9px;letter-spacing:.06em}
 .faq,.vfaq,.tba-faq-grid{grid-template-columns:minmax(0,1fr)!important;margin-bottom:28px}
 .faq summary,.vfaq summary,.tba-faq-item summary{min-height:62px;padding:15px 17px}
 .tba-depth-scene{inset:12%}.tba-depth-glass{max-width:39%}
}
@media(max-width:390px){.tba-scene-plaque b{font-size:9px}.tba-scene-caption{font-size:7px}.tba-page-banner-art{width:min(82%,240px)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tba-depth-scene,.tba-scene-world{will-change:auto!important}}

/* source: tba-final-pro.css */
/* ==========================================================================
   Trades With BA — FINAL PRO layer
   Loaded LAST (end of includes/footer.php) so it refines every earlier file.
   Goals: one consistent premium look, clean banners, fully responsive,
   no horizontal overflow, comfortable touch targets, accessible focus.
   ========================================================================== */

:root{
  color-scheme:dark;
  --f-bg:#050806;--f-s1:#0a100c;--f-s2:#0e1611;--f-s3:#131d16;
  --f-line:rgba(166,242,58,.14);--f-line-2:rgba(255,255,255,.07);--f-line-hi:rgba(166,242,58,.42);
  --f-lime:#a6f23a;--f-lime-2:#7ed321;--f-text:#eef3ec;--f-soft:#c3ccc4;--f-mut:#97a49a;
  --f-r:18px;--f-r-sm:12px;--nav-h:64px;
  --f-ease:cubic-bezier(.22,.8,.2,1);
}

/* ---------- Base ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 16px)}
html,body{max-width:100%}
body{position:relative;isolation:isolate;background-color:var(--f-bg);color:var(--f-text);overflow-x:clip;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img,svg,video,canvas,iframe{max-width:100%}
img{height:auto}
iframe{border:0}
::selection{background:rgba(166,242,58,.28);color:#fff}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}

/* Soft grid + glow behind the top of every page (cheap: one absolutely positioned layer) */
body::before{content:"";position:absolute;inset:0 0 auto 0;height:min(115vh,940px);z-index:-1;pointer-events:none;
  background:
    radial-gradient(58% 52% at 86% 8%,rgba(126,211,33,.14),transparent 70%),
    radial-gradient(38% 38% at 6% 34%,rgba(126,211,33,.06),transparent 72%),
    linear-gradient(rgba(166,242,58,.04) 1px,transparent 1px) 0 0/60px 60px,
    linear-gradient(90deg,rgba(166,242,58,.04) 1px,transparent 1px) 0 0/60px 60px;
  -webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent)}

.wrap{max-width:1180px;padding-inline:clamp(16px,3vw,28px)}
.sub{max-width:68ch;line-height:1.75}

/* Focus that is always visible for keyboard users */
:focus-visible{outline:2px solid var(--f-lime);outline-offset:3px;border-radius:6px}

/* ---------- Scroll progress ---------- */
#tbaProg{position:fixed;inset:0 0 auto 0;height:3px;z-index:10000;pointer-events:none;background:transparent}
#tbaProg i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--f-lime-2),var(--f-lime));box-shadow:0 0 12px rgba(166,242,58,.6)}

/* ---------- Header / navigation ---------- */
.nav{background:rgba(5,8,6,.74)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
  border-bottom:1px solid var(--f-line-2)!important;transition:background .25s,box-shadow .25s}
.nav.sc{background:rgba(5,8,6,.92)!important;box-shadow:0 14px 40px rgba(0,0,0,.5)!important}
.navin{max-width:1180px!important;min-height:var(--nav-h);padding:.5rem clamp(16px,3vw,28px)!important}
.brand{min-width:0;gap:.65rem}
.brand img{width:40px!important;height:40px!important;border-radius:11px!important;border:1px solid var(--f-line);object-fit:cover;flex:none}
.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.nav nav{gap:.15rem}
.nav nav a:not(.btn){padding:.5rem .85rem!important;border-radius:10px!important;font-size:.9rem;color:var(--f-mut);transition:color .2s,background .2s}
.nav nav a:not(.btn):hover{color:#fff;background:rgba(255,255,255,.05)}
.nav nav a:not(.btn).on{color:#fff!important;background:rgba(166,242,58,.1)!important;box-shadow:inset 0 -2px 0 var(--f-lime)!important}
.nav nav a.btn.sm{margin-left:.5rem;min-height:40px;display:inline-flex;align-items:center}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.7rem 1.45rem;border-radius:12px;
  background:linear-gradient(180deg,#b9ff48,var(--f-lime-2));border:1px solid rgba(255,255,255,.18);color:#0a1503;font-weight:700;letter-spacing:.005em;
  text-align:center;box-shadow:0 8px 24px rgba(126,211,33,.22),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .2s var(--f-ease),box-shadow .2s,filter .2s,border-color .2s,background .2s}
.btn:hover{background:linear-gradient(180deg,#c8ff63,#8fe02a);transform:translateY(-2px);box-shadow:0 14px 34px rgba(126,211,33,.34),inset 0 1px 0 rgba(255,255,255,.4)}
.btn:active{transform:translateY(0) scale(.985)}
.btn.alt{background:rgba(255,255,255,.03);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.btn.alt:hover{background:rgba(166,242,58,.08);border-color:var(--f-line-hi);box-shadow:none}
.btn.sm{min-height:40px;padding:.5rem 1.1rem}

/* ---------- Home hero ---------- */
.hero{position:relative}
.hero .hcopy{min-width:0}
.hero h1{text-wrap:balance;letter-spacing:-.045em}
.hero h1 span{color:var(--f-lime)}
.pill{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--f-line)!important;background:rgba(166,242,58,.07)!important;color:var(--f-lime)!important;
  padding:.38rem 1rem!important;font-weight:600}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--f-lime);box-shadow:0 0 0 0 rgba(166,242,58,.6);animation:tbaPulse 2.4s infinite}
@keyframes tbaPulse{0%{box-shadow:0 0 0 0 rgba(166,242,58,.55)}70%{box-shadow:0 0 0 9px rgba(166,242,58,0)}100%{box-shadow:0 0 0 0 rgba(166,242,58,0)}}
.lead{color:var(--f-soft)!important;line-height:1.75}
.chips li{background:rgba(255,255,255,.03);border-color:var(--f-line-2)!important;color:var(--f-soft)!important}

/* One orchestrated entrance for the hero copy (nothing else animates on load) */
.hero .hcopy>*{animation:tbaRise .8s var(--f-ease) both}
.hero .hcopy>*:nth-child(2){animation-delay:.08s}.hero .hcopy>*:nth-child(3){animation-delay:.16s}
.hero .hcopy>*:nth-child(4){animation-delay:.24s}.hero .hcopy>*:nth-child(5){animation-delay:.32s}
@keyframes tbaRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Hero visual: keep the banner image framed, never overflowing */
.stage,.tba-original-banner{min-width:0}
.tba-original-banner-image,.stage img{border-radius:clamp(16px,2.2vw,26px);max-width:100%;height:auto}

/* ---------- Market tape ---------- */
.ticker{position:relative;background:linear-gradient(180deg,#09100b,#070b08)!important;border-block:1px solid var(--f-line)!important;padding:.9rem 0!important}
.ticker::before,.ticker::after{content:"";position:absolute;top:0;bottom:0;width:clamp(30px,8vw,120px);z-index:2;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(90deg,var(--f-bg),transparent)}
.ticker::after{right:0;background:linear-gradient(270deg,var(--f-bg),transparent)}
.ticker div{gap:0!important}
.ticker b{display:inline-flex;align-items:center;color:var(--f-soft)!important;letter-spacing:.1em!important;padding-right:2.4rem}
.ticker b::before{content:"";width:6px;height:6px;margin-right:2.4rem;border-radius:50%;background:var(--f-lime);opacity:.85;flex:none}
.ticker:hover div{animation-play-state:paused}

/* ---------- Page banners (About / Videos / Blog / Contact / ...) ---------- */
.vhero,.tba-page-banner,.blog-landing{
  background:
    radial-gradient(ellipse 55% 90% at 92% 30%,rgba(126,211,33,.12),transparent 70%),
    linear-gradient(rgba(166,242,58,.035) 1px,transparent 1px) 0 0/52px 52px,
    linear-gradient(90deg,rgba(166,242,58,.035) 1px,transparent 1px) 0 0/52px 52px,
    linear-gradient(115deg,#050806,#09100b 60%,#060a07)!important;
  border-bottom:0!important}
.vhero::before,.tba-page-banner::before,.blog-landing::before{display:none!important}
.tba-page-banner,.vhero,.blog-landing{padding-top:24px}
.tba-page-banner::after,.blog-landing::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--f-line-hi),transparent);z-index:2}
.tba-page-banner-tag,.blog-eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--f-lime);font:700 .74rem/1 Sora,sans-serif;letter-spacing:.14em;
  padding:.5rem .85rem;border:1px solid var(--f-line);border-radius:99px;background:rgba(166,242,58,.07)}
.tba-page-banner-copy h1,.vhero h1,.blog-hero h1{text-wrap:balance;margin-top:1rem}
.tba-page-banner-copy h1 em,.blog-hero h1 em,.vhero h1 em{font-style:normal;color:var(--f-lime)}
.tba-page-banner-art{border-radius:24px!important;border:1px solid var(--f-line)!important;
  background:radial-gradient(ellipse at 50% 45%,rgba(126,211,33,.16),transparent 65%),#070c08!important}
.tba-page-banner-copy p,.vhero .vsub,.blog-hero-copy>p{color:var(--f-soft)!important}

/* ---------- Section headings ---------- */
.wrap>h2,.tba-body-heading{position:relative;margin-top:clamp(2.8rem,6vw,4.6rem)!important;margin-bottom:.9rem!important;padding-left:1rem;line-height:1.15;
  border-left:3px solid var(--f-lime);letter-spacing:-.025em}
.sh{margin-top:2.4rem!important}

/* ---------- Cards ---------- */
.card{position:relative;border-radius:var(--f-r)!important;border:1px solid var(--f-line-2)!important;
  background:linear-gradient(155deg,var(--f-s2),var(--f-s1))!important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 14px 34px rgba(0,0,0,.28)!important;overflow:hidden}
.card::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--f-lime),transparent);opacity:0;transition:opacity .3s}
a.card:hover,.card.tilt:hover{border-color:var(--f-line-hi)!important}
a.card:hover::after,.card.tilt:hover::after{opacity:.9}
.card h3{line-height:1.35;letter-spacing:-.01em}
.card p{color:#a9b5ab}
.card i{background:rgba(166,242,58,.09)!important;border-color:var(--f-line)!important;color:var(--f-lime)!important}
.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:clamp(14px,1.8vw,22px)}
.card.big{padding:clamp(1.8rem,5vw,3.6rem)!important;background:
  radial-gradient(ellipse 70% 120% at 50% 0,rgba(126,211,33,.16),transparent 70%),linear-gradient(155deg,var(--f-s2),var(--f-s1))!important;border-color:var(--f-line)!important}
.card.big h2{margin-top:0!important;padding:0!important;border:0!important}
.card.big .btn{margin-top:.4rem}

/* Media inside cards */
.th,.post img,.noimg{border-radius:14px}
.th{box-shadow:0 0 0 1px var(--f-line-2) inset}
.play{background:rgba(166,242,58,.95)!important;box-shadow:0 8px 30px rgba(0,0,0,.5);transition:transform .25s var(--f-ease)}
.vid:hover .play{transform:scale(1.1)}
.noimg{background:
  radial-gradient(circle at 50% 40%,rgba(126,211,33,.2),transparent 60%),
  linear-gradient(rgba(166,242,58,.05) 1px,transparent 1px) 0 0/22px 22px,
  linear-gradient(90deg,rgba(166,242,58,.05) 1px,transparent 1px) 0 0/22px 22px,#0a110c!important;
  color:var(--f-lime);font-family:Sora,sans-serif;font-weight:800;letter-spacing:-.04em;text-align:center;line-height:1.1}
.noimg small{display:block;font-size:.5em;letter-spacing:.2em;font-weight:600;color:var(--f-mut);margin-top:.4em}

/* Leaderboard medals */
.rank1{box-shadow:0 0 0 1px rgba(255,200,60,.35),0 20px 50px rgba(255,200,60,.08)!important}
.rank1 strong{color:#ffd24a!important}

/* Founder block */
.founder{gap:clamp(1.2rem,3vw,2.6rem)!important;padding:clamp(1.2rem,3vw,2rem)!important}
.fimg img{border-radius:18px!important;border:1px solid var(--f-line)!important}
.facts div{background:rgba(255,255,255,.02)!important;border-color:var(--f-line-2)!important;border-radius:14px!important}

/* ---------- FAQ ---------- */
.faq details.card,.vfaq details,.tba-faq-item{padding:0!important}
.faq details>summary,.vfaq details>summary,.tba-faq-item>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.1rem 1.3rem;min-height:56px;line-height:1.45}
.faq details>summary::-webkit-details-marker,.vfaq details>summary::-webkit-details-marker,.tba-faq-item>summary::-webkit-details-marker{display:none}
.faq details>summary::after,.vfaq details>summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  border:1px solid var(--f-line);color:var(--f-lime);font:600 1.1rem/1 Sora,sans-serif;transition:transform .3s var(--f-ease),background .2s}
.faq details[open]>summary::after,.vfaq details[open]>summary::after{transform:rotate(45deg);background:rgba(166,242,58,.12)}
.faq details>p,.vfaq details>p,.tba-faq-item>p{margin:0!important;padding:0 1.3rem 1.2rem;max-width:75ch;line-height:1.75}

/* ---------- Tables ---------- */
.tbl{border-radius:var(--f-r)!important;-webkit-overflow-scrolling:touch}
table{font-size:.95rem}
th{background:rgba(166,242,58,.05);color:var(--f-soft)!important;white-space:nowrap}
tbody tr:nth-child(even) td{background:rgba(255,255,255,.015)}
tr:hover td{background:rgba(166,242,58,.05)!important}
.tba-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--f-r-sm);margin:1rem 0}

/* ---------- Forms ---------- */
label{color:var(--f-soft)}
input,textarea,select{min-height:48px;width:100%;font-size:1rem!important;background:#070b08!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;
  padding:.8rem .95rem;color:var(--f-text);transition:border-color .2s,box-shadow .2s}
textarea{min-height:140px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--f-lime)!important;box-shadow:0 0 0 4px rgba(166,242,58,.14)}
input::placeholder,textarea::placeholder{color:#66726a}
input[type=checkbox],input[type=radio]{width:18px;min-height:0;accent-color:var(--f-lime)}
.fm{max-width:720px;width:100%}
.note{padding:.8rem 1rem;border:1px solid var(--f-line);border-radius:12px;background:rgba(166,242,58,.06)}

/* ---------- Blog article typography ---------- */
.blog-body,.art{font-size:clamp(1rem,.35vw + .94rem,1.1rem);line-height:1.9;color:#d3dbd4}
.blog-body p,.art p{max-width:72ch}
.blog-body h2,.blog-body h3{scroll-margin-top:100px;line-height:1.25}
.blog-body h2{margin-top:2.6rem;padding-top:.4rem}
.blog-body img,.art img{border-radius:14px;border:1px solid var(--f-line-2)}
.blog-body table{display:block;overflow-x:auto;max-width:100%}
.blog-body blockquote{border-left:3px solid var(--f-lime);padding:.4rem 0 .4rem 1.1rem;color:#e6ece6;background:linear-gradient(90deg,rgba(166,242,58,.06),transparent)}
.blog-body pre,.blog-body code{max-width:100%;overflow-x:auto}
.blog-card,.blog-featured{border-radius:var(--f-r)!important}
.blog-card>img,.blog-card>.noimg{aspect-ratio:16/9}

/* ---------- Footer ---------- */
footer.ft{position:relative;margin-top:clamp(3rem,7vw,6rem)!important;padding:clamp(2rem,4vw,3rem) 0 1.5rem!important;border-top:0!important;text-align:left!important;
  background:linear-gradient(180deg,transparent,rgba(126,211,33,.04) 40%,#040604)}
footer.ft::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--f-line-hi),transparent)}
.ft-cta{margin-top:0;margin-bottom:.5rem;border-radius:22px!important;border:1px solid var(--f-line)!important;
  background:radial-gradient(ellipse 80% 160% at 0 0,rgba(126,211,33,.18),transparent 65%),linear-gradient(155deg,#101a12,#0a100c)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.5)}
.ft-grid{gap:clamp(1.6rem,3vw,2.8rem)!important}
.ft-grid h4{color:#fff!important;letter-spacing:.08em!important}
.ft-grid a{min-height:32px;display:flex;align-items:center}
.ft-grid .ft-soc a{border-radius:12px!important;background:rgba(255,255,255,.03)!important}
.ft-grid .ft-soc a:hover{border-color:var(--f-lime)!important;background:rgba(166,242,58,.1)!important;transform:translateY(-2px)!important}
.ft-post{display:block!important}
.ft-risk{border-radius:14px!important}
.ft-bottom{align-items:center}
.ft-legal{display:flex;gap:1.1rem;flex-wrap:wrap}
.ft-top{border-radius:14px!important;border-color:var(--f-line)!important;background:rgba(10,16,12,.92)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* ---------- Floating buttons (WhatsApp + chatbot + back to top) ---------- */
.wafab{right:max(16px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;width:54px!important;height:54px!important;
  transition:transform .25s var(--f-ease),box-shadow .25s}
.wafab:hover{transform:translateY(-3px) scale(1.05)}
.ft-top{left:max(16px,env(safe-area-inset-left))!important;bottom:max(16px,env(safe-area-inset-bottom))!important}

/* ---------- Embedded 3D / immersive scenes: never overflow ---------- */
.tba-immersive,.tba-depth-section,.tba-scene-viewport,.tba-depth-viewport{max-width:100%;overflow:hidden}
.tba-immersive{border-radius:0}

/* ======================= RESPONSIVE ======================= */
@media (min-width:1500px){
  .wrap,.navin{max-width:1280px!important}
  body{font-size:1.04rem}
}

@media (max-width:1024px){
  .ft-grid{grid-template-columns:1fr 1fr!important}
  .founder{grid-template-columns:200px 1fr!important}
}

@media (max-width:800px){
  :root{--nav-h:60px}
  .brand span{max-width:46vw}
  /* Mobile menu: full-width sheet under the header */
  .nav nav{position:absolute!important;top:100%!important;left:0;right:0;max-height:calc(100dvh - var(--nav-h));overflow-y:auto;
    padding:.8rem clamp(16px,4vw,24px) 1.4rem!important;gap:.25rem!important;background:rgba(5,8,6,.97)!important;
    border-bottom:1px solid var(--f-line)!important;box-shadow:0 30px 60px rgba(0,0,0,.6);-webkit-overflow-scrolling:touch}
  .nav nav.open{animation:tbaDrop .28s var(--f-ease)}
  @keyframes tbaDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  .nav nav a:not(.btn){padding:.9rem 1rem!important;font-size:1.02rem;min-height:48px;display:flex;align-items:center;border-radius:12px!important}
  .nav nav a.btn.sm{margin:.6rem 0 0!important;min-height:50px;width:100%}
  body.tba-menu-open{overflow:hidden}
  #mb{border-radius:12px!important;border-color:var(--f-line)!important;background:rgba(255,255,255,.03)!important}

  .hero{padding-top:calc(var(--nav-h) + 28px)!important;min-height:0!important;text-align:left}
  .founder{grid-template-columns:1fr!important}
  .founder .fimg{max-width:220px}
  .two{grid-template-columns:1fr!important}
  .ft-cta{margin-bottom:1.2rem}
  .ticker b{font-size:.78rem}
  .blog-featured{grid-template-columns:1fr!important}
  .blog-featured-media,.blog-featured-media>img,.blog-featured-media>.noimg{min-height:220px!important}
  .blog-tools,.blog-section-head{flex-direction:column;align-items:stretch}
}

@media (max-width:600px){
  body{font-size:.98rem}
  .grid{grid-template-columns:1fr}
  .kpi{grid-template-columns:1fr 1fr}
  .cta{flex-direction:column}
  .cta .btn,.card.big .btn,.ft-cta-btns .btn{width:100%}
  .ft-cta-btns{width:100%}
  .ft-grid{grid-template-columns:1fr!important}
  .ft-bottom{flex-direction:column;align-items:flex-start;gap:.7rem}
  .wrap>h2,.tba-body-heading{padding-left:.75rem}
  .card{padding:1.2rem}
  .facts{grid-template-columns:1fr 1fr}
  .lrow{flex-direction:column}.lrow input{flex-basis:auto}
  .vrow{flex-direction:column;align-items:flex-start}.vrow img{width:100%}
  .tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.4rem;-webkit-overflow-scrolling:touch}.tabs .btn{flex:none}
  .blog-categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;-webkit-overflow-scrolling:touch}.blog-categories a{flex:none}
  /* Chatbot becomes an icon bubble so it never covers content */
  .tba-chat-launch{padding:0!important;width:54px;height:54px;justify-content:center;border-radius:50%!important}
  .tba-chat-launch>span:last-child{display:none}
  .tba-chat{bottom:84px!important}
}

@media (max-width:380px){
  .brand span{font-size:.95rem}
  .kpi,.facts{grid-template-columns:1fr}
}

/* Touch devices: no sticky hover lifts */
@media (hover:none){
  .btn:hover,a.card:hover{transform:none}
  a.card:hover::after{opacity:0}
}

/* Landscape phones: keep the header compact */
@media (max-height:480px) and (orientation:landscape){
  :root{--nav-h:52px}
  .hero{min-height:0!important}
  .nav nav{max-height:calc(100dvh - var(--nav-h))}
}

/* Print: readable, ink-friendly */
@media print{
  .nav,.wafab,.ft-top,.tba-chat,#tbaProg,.ticker{display:none!important}
  body,body::before{background:#fff!important;color:#000!important}
  .card{box-shadow:none!important;border-color:#bbb!important;background:#fff!important}
}

@media (prefers-reduced-motion:reduce){
  .hero .hcopy>*{animation:none!important}
  .pill::before{animation:none!important}
  .ticker div{animation:none!important}
  #tbaProg i{transition:none!important}
}

/* ==========================================================================
   NAVBAR = STATIC. Koi animation, transition, slide ya size-change nahi.
   (Hamburger icon #mb ko chor kar - woh sirf click par X banta hai.)
   ========================================================================== */
.nav,.nav *{animation:none!important}
.nav,.nav .navin,.nav nav,.nav nav a,.nav .brand,.nav .brand *,.nav .btn{transition:none!important;transform:none!important}
.nav .btn:hover,.nav nav a.btn.sm:hover,.nav nav a:hover{transform:none!important}
.nav,.nav.sc{position:fixed!important;top:0!important;left:0!important;right:0!important;
  background:rgba(5,8,6,.94)!important;box-shadow:none!important;border-bottom:1px solid var(--f-line-2)!important}
.navin{min-height:64px!important;height:64px}
@media (max-width:800px){.navin{min-height:60px!important;height:60px}}
#tbaProg{display:none!important}

/* source: tba-page-refresh.css */
/* Non-homepage presentation. Intentional single source for the shared page hero. */
.tba-page-banner {
  overflow: hidden;
  background: radial-gradient(ellipse at 88% 30%, rgba(112,179,31,.12), transparent 58%),
    linear-gradient(rgba(160,235,59,.035) 1px, transparent 1px),
    linear-gradient(90deg,rgba(160,235,59,.035) 1px,transparent 1px),
    #050905 !important;
  background-size: auto,52px 52px,52px 52px,auto !important;
  padding-top: 18px;
}
.tba-page-banner .tba-page-banner-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .85fr);
  gap: clamp(28px, 5vw, 80px);
  min-height: 410px;
  padding-block: clamp(52px, 6vw, 92px) !important;
  align-items: center;
}
.tba-page-banner .tba-page-banner-copy { min-width: 0; max-width: 770px; }
.tba-page-banner .tba-page-banner-copy h1 {
  font-size: clamp(2.5rem, 4.5vw, 4.8rem);
  line-height: 1.07;
  letter-spacing: -.06em;
  overflow-wrap: anywhere;
  text-wrap: balance;
  margin: 24px 0 22px;
}
.tba-page-banner .tba-page-banner-copy h1 em { color: #a6f23a; font-style: normal; }
.tba-page-banner .tba-page-banner-copy p { font-size: clamp(1rem,1.25vw,1.15rem); max-width: 630px; line-height: 1.75; }
.tba-page-banner .tba-page-banner-tag { color: #abf63d; }
.tba-page-banner .tba-page-banner-art {
  position: relative;
  min-width: 0;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: 1.42 / 1;
  display: grid;
  place-items: center;
  isolation: isolate;
  border-radius: 26px !important;
  overflow: hidden;
  box-shadow: 0 22px 58px rgba(0,0,0,.34);
}
.tba-page-banner .tba-page-banner-grid { inset: 11%; }
.tba-page-banner .tba-page-banner-mark { width: min(45%, 210px); }
.tba-page-banner .tba-page-banner-label {
  z-index: 3;
  right: 16px;
  bottom: 14px;
  max-width: calc(100% - 32px);
  font-size: .63rem;
  text-align: right;
  line-height: 1.4;
  color: #bdc9b5;
}
.tba-page-banner .tba-banner-upload {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--tba-banner-fit, cover);
  object-position: center;
  border-radius: inherit;
}
.tba-page-banner .has-custom-image::after {
  content: '';
  position: absolute;
  inset: 55% 0 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(transparent, rgba(0,0,0,.68));
}
.tba-page-banner .tba-banner-extras { margin-top: 24px; }
.tba-page-banner .tba-banner-extras .vstats { gap: 9px; margin-bottom: 19px; }
.tba-page-banner .tba-banner-extras .vstats span { padding: 8px 13px; }
.tba-page-banner .tba-banner-extras .cta { gap: 10px; }
.tba-page-banner .blog-hero-points { display:flex;flex-wrap:wrap;gap:9px;margin:0; }
.tba-page-banner .blog-hero-points span { display:inline-flex; align-items:center; padding:8px 13px;border:1px solid rgba(166,242,58,.16);border-radius:999px;background:rgba(4,13,6,.74);color:#b6c8b0;font-size:.78rem; }

/* Keep editorial content and controls usable on smaller screens. */
.tba-page-body, .legal-wide, .blog-library, .vwrap { min-width: 0; }
.tba-page-body img, .legal-wide img, .blog-library img, .vwrap img { max-width:100%; }
.tba-page-body .grid, .legal-wide .grid, .blog-library .grid, .vwrap .grid { min-width:0; }
.tba-page-body .card, .legal-wide .card, .blog-library .card, .vwrap .card { min-width:0; overflow-wrap:break-word; }
.tba-page-body .tbl, .legal-wide .tbl, .vwrap .tbl { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.tba-page-body .tbl table, .legal-wide .tbl table { min-width:580px; }
.tba-page-body input, .tba-page-body textarea, .legal-wide input, .legal-wide textarea,
.blog-library input, .vwrap input { min-width:0; max-width:100%; }
.tba-page-body h2, .legal-wide h2, .blog-library h2, .vwrap h2 { overflow-wrap:anywhere; }
.legal-wide .blog-crumb, .blog-library .blog-categories { flex-wrap:wrap; }
.legal-wide .res-badge, .legal-wide .calc-grid { min-width:0; }
.legal-wide .res-badge textarea { width:100%; max-width:100%; }

@media (max-width: 900px) {
  .tba-page-banner .tba-page-banner-inner { grid-template-columns:minmax(0,1fr) minmax(240px,.8fr); gap:24px; }
  .tba-page-banner .tba-page-banner-copy h1 { font-size:clamp(2.4rem,5.8vw,3.7rem); }
}
@media (max-width: 760px) {
  .tba-page-banner .tba-page-banner-inner { grid-template-columns:minmax(0,1fr) !important; min-height:0; gap:27px; padding-block:42px 35px !important; }
  .tba-page-banner .tba-page-banner-art { width:min(100%,540px); margin-inline:auto; aspect-ratio:1.7/1; }
  .tba-page-banner .tba-page-banner-copy h1 { font-size:clamp(2.25rem,8vw,3.8rem); margin:18px 0; }
  .tba-page-banner .tba-page-banner-copy p { font-size:1rem; }
  .legal-wide .calc-grid, .legal-wide .res-badge { grid-template-columns:minmax(0,1fr); }
}
@media (max-width: 540px) {
  .tba-page-banner .tba-page-banner-inner { padding-block:35px 28px !important; gap:22px; }
  .tba-page-banner .tba-page-banner-copy h1 { font-size:clamp(2.05rem,9vw,2.85rem) !important; line-height:1.13; }
  .tba-page-banner .tba-page-banner-art { aspect-ratio:1.5/1; border-radius:19px !important; }
  .tba-page-banner .tba-page-banner-label { font-size:.54rem; }
  .tba-page-banner .tba-banner-extras .cta > a { width:100%; }
  .tba-page-body .grid.tg, .legal-wide .grid.tg, .blog-library .grid.tg, .vwrap .grid.tg { grid-template-columns:minmax(0,1fr) !important; }
  .tba-page-body .tbl { margin-inline:0; }
}
@media (prefers-reduced-motion: reduce) {
  .tba-page-banner .tba-page-banner-mark, .tba-page-banner .tba-page-banner-orbit { animation:none !important; }
}

/* source: site-v11.css */
/* Trades With BA V11: polished visuals, real-photo framing and responsive hardening.
   Loaded after legacy styles to make this the final single override layer. */
:root{--tba-accent:#b2f16a;--tba-edge:#344b2e}
html{scroll-behavior:smooth;scroll-padding-top:95px}
*,*::before,*::after{box-sizing:border-box}
body{min-width:320px;overflow-x:clip}
img,video,iframe{max-width:100%}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #c4ff8d;outline-offset:3px}

/* 1. Founder-presenter hero: dimensional frame, cursor tilt handled by existing
   requestAnimationFrame motion engine. The uploaded photograph remains intact. */
.hero{max-width:1370px!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:clamp(28px,4.5vw,80px)!important;min-height:clamp(590px,82vh,900px)!important;padding-top:clamp(110px,9.5vw,160px)!important;padding-bottom:80px!important}
.hero .hcopy{min-width:0}
.hero .hcopy h1{font-size:clamp(2.6rem,4.5vw,5.25rem)!important;line-height:1.09!important;letter-spacing:-.063em;overflow-wrap:normal!important;text-wrap:balance}
.hero .hcopy .lead{font-size:clamp(1rem,1.15vw,1.16rem);line-height:1.82}
.hero .cta{align-items:center;gap:12px}
.hero .cta>.btn{min-height:50px!important;max-width:100%;height:auto!important;padding:13px 20px!important;display:inline-flex!important;align-items:center;justify-content:center;flex:0 1 auto!important;white-space:normal;line-height:1.3!important;text-align:center}
.hero .tba-original-banner{min-height:490px!important;perspective:1350px!important;max-width:100%;padding:10px!important}
.hero .tba-original-banner-inner{width:min(100%,520px)!important;aspect-ratio:1/1.08!important;transform-style:preserve-3d;isolation:isolate;border-radius:31px!important;background:radial-gradient(ellipse at 55% 16%,#1c3017,#060b07 58%,#020502);border:1px solid #769f5159!important;box-shadow:0 55px 100px #000b,0 17px 75px #80c53219,0 0 0 8px #85d63408!important;overflow:visible!important}
.hero .tba-original-banner-inner::before{content:"";position:absolute;inset:-9px;border:1px solid #9af36025;border-radius:39px;transform:translateZ(-20px);pointer-events:none;z-index:-1}
.hero .tba-original-banner-inner::after{content:"";position:absolute;inset:0;border-radius:31px;z-index:2;pointer-events:none;background:linear-gradient(123deg,#ffffff10,transparent 31%,transparent 60%,#b5ef4b08),linear-gradient(transparent 55%,#030805c9 98%)}
.hero .tba-original-banner-image{position:absolute!important;inset:0;width:100%!important;height:100%!important;border:0!important;border-radius:31px!important;object-fit:contain!important;object-position:center center!important;box-shadow:none!important;background:transparent!important;transform:translateZ(20px)!important;z-index:1;filter:saturate(.97) contrast(1.045)}
.tba-hero-border{position:absolute;z-index:4;inset:20px;border:1px solid #c5ff791f;border-radius:20px;pointer-events:none;transform:translateZ(39px)}
.tba-hero-border::before,.tba-hero-border::after{content:"";position:absolute;width:28px;height:28px;border:2px solid #c1fe61;opacity:.75;pointer-events:none}
.tba-hero-border::before{left:-1px;top:-1px;border-right:0;border-bottom:0;border-radius:8px 0 0 0}
.tba-hero-border::after{right:-1px;bottom:-1px;border-left:0;border-top:0;border-radius:0 0 8px 0}
.tba-hero-badge-top{position:absolute;top:37px;left:35px;z-index:5;display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #b5eb685c;border-radius:999px;background:#071108d9;color:#e6ffcf;font-size:.69rem;font-weight:800;letter-spacing:.15em;backdrop-filter:blur(14px);transform:translateZ(50px);box-shadow:0 9px 25px #0008}
.tba-hero-badge-top i{width:7px;height:7px;background:#baff6c;border-radius:50%;box-shadow:0 0 12px #c0fb7e;animation:tbaPulse 2.5s ease-in-out infinite}
.tba-hero-glass-bottom{position:absolute;left:35px;right:35px;bottom:35px;z-index:5;display:flex;flex-direction:column;gap:6px;padding:19px 19px 16px;background:linear-gradient(100deg,#061006eb,#07100acb);border:1px solid #b2ef6157;border-radius:14px;backdrop-filter:blur(19px);box-shadow:0 12px 33px #000b,0 0 32px #a9f74c0b;transform:translateZ(64px);animation:tbaTextFloat 5s ease-in-out infinite}
.tba-hero-glass-bottom>small{font-size:.58rem;font-weight:700;letter-spacing:.17em;color:#a9bfa3}
.tba-hero-glass-bottom>strong{font:800 clamp(1.18rem,2.1vw,2rem) Sora,Inter,sans-serif;letter-spacing:-.04em;color:#fcfff8}
.tba-hero-glass-bottom>strong span{color:#b7f56a}
.tba-hero-glass-sub{display:flex;justify-content:space-between;align-items:center;color:#a9bf9d;font-size:.61rem;letter-spacing:.12em}
.tba-hero-glass-sub>b{color:#c0fa7a;font-size:1rem}
.tba-hero-edge{position:absolute;z-index:2;display:flex;gap:10px;align-items:center;background:#101c12ee;border:1px solid #6a904c73;color:#d3eecc;border-radius:10px;padding:11px 14px;font-size:.67rem;font-weight:800;letter-spacing:.12em;box-shadow:0 15px 45px #0008;backdrop-filter:blur(12px);animation:tbaEdgeFloat 6s ease-in-out infinite;pointer-events:none}
.tba-hero-edge span{color:#a0eb55}
.tba-hero-edge-one{top:16%;right:-17px;transform:rotate(6deg)}
.tba-hero-edge-two{bottom:18%;left:-22px;transform:rotate(-6deg);animation-delay:-2.5s}
@keyframes tbaPulse{50%{opacity:.4;box-shadow:0 0 3px #b7f56a}}
@keyframes tbaTextFloat{50%{translate:0 -5px}}
@keyframes tbaEdgeFloat{50%{margin-top:-12px}}

/* 2. Scroll-reactive ICT scene and educational sequence. */
.tba-immersive{overflow:hidden}
.tba-scene-keywords{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
.tba-scene-keywords span{padding:9px 13px;border:1px solid #466b36;background:#10200e;border-radius:99px;color:#d5ecc9;font-size:.78rem;letter-spacing:.03em}
.tba-scene-viewport{position:relative}
.tba-ict-hud{position:absolute;top:8%;right:4%;z-index:6;display:flex;flex-direction:column;gap:8px;max-width:min(250px,40%);padding:16px 18px;border:1px solid #a2ef5166;background:#09150bcf;border-radius:12px;box-shadow:0 18px 48px #0009;backdrop-filter:blur(14px);pointer-events:none;animation:tbaTextFloat 6s ease-in-out infinite}
.tba-ict-hud span{color:#a6f14a;letter-spacing:.16em;font-size:.6rem;font-weight:800}
.tba-ict-hud strong{font-size:1rem;color:#f4fff2}
.tba-ict-hud small{font-size:.72rem;color:#a9bca6;line-height:1.5}
.tba-ict-principles{max-width:1170px;margin:-4px auto 45px;padding:0 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tba-ict-principles>div{position:relative;border:1px solid #30462a;border-radius:15px;padding:21px 20px;background:linear-gradient(145deg,#101a12,#080d0a);min-width:0}
.tba-ict-principles>div::before{content:"";position:absolute;top:-1px;left:19px;width:55px;height:2px;background:#b3ef68}
.tba-ict-principles span{font-size:.65rem;letter-spacing:.17em;color:#a7e66b;font-weight:800}
.tba-ict-principles strong{display:block;margin:12px 0 8px;color:#f0f8ec;font-size:1.08rem}
.tba-ict-principles p{margin:0;color:#98aa97;line-height:1.65;font-size:.84rem}
.tba-ready [data-reveal]{opacity:0;transform:translate3d(0,34px,0);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.78,.25,1)}
.tba-ready [data-reveal].is-seen{opacity:1;transform:translate3d(0,0,0)}
.tba-ict-principles>div:nth-child(2){transition-delay:.12s}
.tba-ict-principles>div:nth-child(3){transition-delay:.22s}

/* 3. Playlist artwork: always maintain a proper 16:9 cover. */
.card.vid .th,.vgrid .vpl .th{aspect-ratio:16/9!important;position:relative;overflow:hidden;background:linear-gradient(130deg,#182819,#060b07)!important;border-radius:13px}
.card.vid .th>img,.vgrid .vpl .th>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .55s cubic-bezier(.2,.8,.2,1);filter:none!important}
.card.vid:hover .th>img{transform:scale(1.045)}

/* 4. Full founder portrait with editorial story on any page calling founder(). */
.founder.tba-founder-v11{display:grid!important;grid-template-columns:minmax(265px,375px) minmax(0,1fr)!important;gap:clamp(25px,5vw,72px)!important;align-items:center!important;padding:clamp(20px,3.5vw,45px)!important;background:radial-gradient(ellipse at 5% 35%,#233a19aa,transparent 45%),linear-gradient(130deg,#101610,#090e0b)!important;border:1px solid #2e462c!important;border-radius:24px!important;overflow:visible!important}
.tba-founder-v11 .tba-founder-portrait{width:100%!important;max-width:none!important;min-height:440px!important;max-height:620px;aspect-ratio:3/4;position:relative;isolation:isolate;display:grid;place-items:center;padding:0!important;border:1px solid #668f485c;border-radius:21px;background:radial-gradient(ellipse at 50% 35%,#1a2f18,#070c08 68%);box-shadow:0 35px 70px #0008;overflow:hidden}
.tba-founder-v11 .tba-founder-portrait::before{content:"";inset:13px;position:absolute;border:1px solid #bee98822;border-radius:12px;z-index:2;pointer-events:none}
.tba-founder-v11 .tba-founder-portrait>img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;position:absolute;inset:0;object-fit:contain!important;object-position:center center!important;border:0!important;border-radius:0!important;filter:saturate(.98) contrast(1.05)}
.tba-founder-v11 .tba-founder-portrait::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#030703e8);pointer-events:none}
.tba-founder-frame-label{position:absolute;z-index:3;top:23px;left:23px;padding:9px 12px;border-radius:99px;border:1px solid #adf36f72;background:#07150ae0;color:#c9f7a4;font-size:.65rem;font-weight:800;letter-spacing:.15em}
.tba-founder-frame-bottom{position:absolute;z-index:3;bottom:24px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:7px}
.tba-founder-frame-bottom strong{font:800 1.05rem Sora,Inter,sans-serif;color:#f8fff3}
.tba-founder-v11 .tba-founder-frame-bottom small{color:#b1d09e;letter-spacing:normal;font-size:.68rem}
.tba-founder-v11 .tba-founder-story{min-width:0}
.tba-founder-v11 .tba-founder-story>small{color:#b4f467;letter-spacing:.18em}
.tba-founder-v11 .tba-founder-story h2{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.04em}
.tba-founder-v11 .tba-founder-story p{line-height:1.8}
.tba-founder-v11 .facts{max-width:100%;display:flex;flex-wrap:wrap;gap:12px}
.tba-founder-v11 .facts>div{min-width:0;flex:1 1 145px}

/* 5. Original community editorial section; no fabricated metrics. */
.tba-community-v11{max-width:1300px!important;padding-block:45px 60px}
.tba-community-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}
.tba-community-head>div{max-width:800px;min-width:0}
.tba-community-head h2{font-size:clamp(2.3rem,4.4vw,4.35rem);line-height:1.12;letter-spacing:-.063em;margin:14px 0}
.tba-community-head h2 em{font-style:normal;color:#aaf465}
.tba-community-head p{max-width:730px;line-height:1.75;color:#a8b8a7}
.tba-community-head>.btn{flex:0 0 auto;min-height:50px;display:inline-flex;align-items:center}
.tba-community-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:stretch}
.tba-community-video{min-width:0;position:relative;overflow:hidden;display:block;aspect-ratio:16/10;border-radius:20px;border:1px solid #4d7744;background:#0d150e;box-shadow:0 22px 65px #0009}
.tba-community-video::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#020503d9);pointer-events:none}
.tba-community-video img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.04);transition:transform .6s ease}
.tba-community-video:hover img{transform:scale(1.04)}
.tba-community-play{position:absolute;z-index:2;top:50%;left:50%;translate:-50% -50%;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:#b2f26b;color:#0b1708;font-size:1.4rem;box-shadow:0 0 0 14px #bcf56a28,0 20px 55px #0008;transition:scale .3s}
.tba-community-video:hover .tba-community-play{scale:1.1}
.tba-community-video-tag{position:absolute;left:23px;right:23px;bottom:22px;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#edffdc;font-size:.73rem;letter-spacing:.14em;font-weight:800}
.tba-community-video-tag b{font-size:1.4rem;color:#c7ff81}
.tba-community-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tba-community-benefits article{min-width:0;display:flex;flex-direction:column;justify-content:center;border-radius:16px;border:1px solid #2c442e;background:radial-gradient(ellipse at top left,#19331844,transparent 60%),#0b120d;padding:clamp(18px,2.4vw,29px)}
.tba-community-benefits article>span{color:#a9ec5d;font-weight:800;font-size:.7rem;letter-spacing:.16em}
.tba-community-benefits h3{margin:14px 0 8px;font-size:clamp(1.08rem,1.45vw,1.4rem)}
.tba-community-benefits p{color:#a7b7a7;font-size:.85rem;line-height:1.65;margin:0}

/* 6. Every public page: admin-uploaded banner treated as premium artwork. */
.tba-page-banner .tba-page-banner-inner{max-width:1380px!important;grid-template-columns:minmax(0,1.03fr) minmax(310px,.97fr)!important;gap:clamp(22px,3.5vw,58px)!important}
.tba-page-banner .tba-page-banner-art{aspect-ratio:1.55/1!important;min-height:280px!important;max-height:none!important;border:1px solid #5d884662!important;border-radius:24px!important;box-shadow:0 40px 80px #000b,0 0 0 8px #95eb4711!important;background:radial-gradient(ellipse at center,#192c17,#050906 70%)!important;transform:perspective(1300px) rotateX(var(--tba-art-rx,0deg)) rotateY(var(--tba-art-ry,0deg)) translateY(var(--tba-art-y,0px))!important;transform-style:preserve-3d;transition:box-shadow .35s ease;isolation:isolate;will-change:transform}
.tba-page-banner .tba-page-banner-art::before{content:"";position:absolute;inset:10px;border:1px solid #bbf27c2b;border-radius:15px;pointer-events:none;z-index:4}
.tba-page-banner .tba-page-banner-art.has-custom-image{overflow:hidden!important}
.tba-page-banner .tba-page-banner-art.has-custom-image .tba-banner-upload{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:var(--tba-banner-fit,contain)!important;object-position:center center!important;background:#071008!important;display:block!important;border-radius:inherit;filter:contrast(1.03) saturate(.95)}
.tba-page-banner .tba-page-banner-art.has-custom-image::after{background:linear-gradient(transparent 78%,#030703a8);z-index:2}
.tba-page-banner .tba-page-banner-label{z-index:5!important;top:21px!important;left:22px!important;right:auto!important;bottom:auto!important;max-width:calc(100% - 44px)!important;padding:8px 12px;border:1px solid #95d96951;background:#07100ae6;border-radius:99px;backdrop-filter:blur(10px);font-weight:800!important;color:#d0f2b5!important;letter-spacing:.13em!important;font-size:.59rem!important;box-shadow:0 6px 18px #0005}
.tba-page-banner .tba-page-banner-copy h1{text-wrap:balance;overflow-wrap:normal!important}

/* 7. Small-screen controls and admin overhaul. */
.nav,.navin{max-width:100%}
.nav nav a{white-space:nowrap}
.adm{min-width:0}
.adm .fm,.adm .card{max-width:100%}
.adm input,.adm select,.adm textarea{max-width:100%!important;min-width:0!important}
.adm .admin-image-preview{max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#111a12}
.adm .admin-post-toolbar,.adm .admin-post-actions{min-width:0}
.adm .tbl{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.adm .admin-nav{scrollbar-color:#567d43 #121c14}

@media(min-width:801px) and (max-width:980px){
 #mb{display:flex!important}
 .nav nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;background:#071008f7!important;max-height:calc(100dvh - 66px);overflow-y:auto;padding:15px 25px 25px!important;box-shadow:0 25px 60px #0009;border-bottom:1px solid #385230!important}
 .nav nav.open{display:flex!important}
 .nav nav a:not(.btn){display:flex!important;align-items:center!important;min-height:45px;padding:10px 15px!important}
 .nav nav a.btn.sm{width:100%;margin-left:0!important;text-align:center}
}

@media(min-width:1500px){.hero{max-width:1450px!important}.wrap{max-width:1350px}.tba-original-banner-inner{max-width:550px}}
@media(max-width:1100px){
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)!important;gap:25px!important}
 .hero .tba-original-banner{min-height:370px!important}
 .tba-hero-edge-one{right:-8px}.tba-hero-edge-two{left:-10px}
 .tba-page-banner .tba-page-banner-inner{grid-template-columns:minmax(0,1fr) minmax(290px,.92fr)!important}
 .tba-community-feature{grid-template-columns:minmax(0,1fr)}
 .tba-community-video{aspect-ratio:16/8;max-height:480px}
}
@media(max-width:820px){
 .hero{grid-template-columns:minmax(0,1fr)!important;min-height:auto!important;padding:110px 24px 55px!important;gap:26px!important}
 .hero .hcopy{max-width:700px}
 .hero .hcopy h1{font-size:clamp(2.7rem,7vw,4.3rem)!important}
 .hero .tba-original-banner{width:min(100%,520px)!important;margin-inline:auto;min-height:410px!important}
 .tba-ict-principles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .founder.tba-founder-v11{grid-template-columns:minmax(210px,.75fr) minmax(0,1fr)!important;gap:25px!important}
 .tba-founder-v11 .tba-founder-portrait{min-height:330px!important}
 .tba-page-banner .tba-page-banner-inner{grid-template-columns:minmax(0,1fr)!important}
 .tba-page-banner .tba-page-banner-art{min-height:250px!important;max-width:700px;margin:auto;aspect-ratio:1.65/1!important}
 .nav nav.open{max-height:calc(100dvh - 80px);overflow-y:auto}
}
@media(min-width:621px) and (max-width:1024px){
 .adm{box-sizing:border-box!important;margin:0!important;width:100%!important;max-width:100%!important;padding:98px 24px 45px!important}
 .adm .admin-nav{position:static!important;left:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:15px 0 25px!important;padding:13px!important;overflow:visible!important}
 .adm .admin-nav:before{display:none!important}
 .adm .admin-nav>a.btn{flex:0 0 auto!important;white-space:nowrap!important;min-height:40px!important}
 .adm .admin-nav>form{margin-left:auto!important;margin-top:0!important;padding:0!important;border:0!important}
 .adm .admin-nav>form .btn{width:auto!important}
 .adm .fm{max-width:100%!important}
 .adm .grid.kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
 html{scroll-padding-top:75px}
 .wrap{max-width:100%!important;padding-inline:16px!important}
 .hero{padding:100px 17px 42px!important;gap:19px!important}
 .hero .hcopy h1{font-size:clamp(2.4rem,9.4vw,3.5rem)!important;line-height:1.11!important}
 .hero .hcopy .lead{line-height:1.68;font-size:.99rem}
 .hero .cta,.tba-banner-extras .cta,.ft-cta-btns{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:9px!important}
 .hero .cta>.btn,.hero .cta>a,.tba-banner-extras .cta>.btn,.ft-cta-btns>.btn{height:auto!important;min-height:48px!important;max-height:none!important;max-width:100%!important;width:100%!important;flex:0 0 100%!important;padding:13px 16px!important;line-height:1.25!important;white-space:normal!important;font-size:.9rem!important;border-radius:11px!important;justify-content:center!important;align-items:center!important;text-align:center!important}
 .hero .chips{gap:8px;flex-wrap:wrap}
 .hero .tba-original-banner{min-height:0!important;padding:5px!important;overflow:visible!important}
 .hero .tba-original-banner-inner{width:min(100%,420px)!important;aspect-ratio:1/1.06!important}
 .tba-hero-badge-top{top:22px;left:20px;padding:7px 9px;font-size:.56rem}
 .tba-hero-border{inset:12px}
 .tba-hero-glass-bottom{bottom:20px;left:20px;right:20px;padding:12px 14px;gap:4px}
 .tba-hero-glass-bottom>strong{font-size:clamp(1.07rem,5vw,1.5rem)}
 .tba-hero-glass-bottom>small,.tba-hero-glass-sub{font-size:.53rem}
 .tba-hero-edge{font-size:.52rem;padding:8px 9px}
 .tba-hero-edge-one{right:-3px;top:21%}.tba-hero-edge-two{left:-3px;bottom:29%}
 .tba-ict-hud{top:13px;right:13px;max-width:46%;padding:10px 12px;gap:3px}
 .tba-ict-hud span{font-size:.47rem}.tba-ict-hud strong{font-size:.72rem}.tba-ict-hud small{font-size:.57rem}
 .tba-ict-principles{grid-template-columns:minmax(0,1fr);padding-inline:16px;margin-bottom:15px}
 .tba-scene-keywords{gap:6px}.tba-scene-keywords span{padding:7px 10px;font-size:.68rem}
 .tba-community-v11{padding-block:35px 48px!important}
 .tba-community-head{align-items:stretch;flex-direction:column;gap:16px}
 .tba-community-head h2{font-size:clamp(2.15rem,9vw,3.3rem)}
 .tba-community-head>.btn{width:100%;justify-content:center;text-align:center;min-height:48px}
 .tba-community-video{aspect-ratio:16/10}
 .tba-community-benefits{grid-template-columns:minmax(0,1fr)}
 .tba-community-benefits article{padding:20px}
 .founder.tba-founder-v11{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;padding:16px!important}
 .tba-founder-v11 .tba-founder-portrait{width:100%!important;min-height:410px!important;max-height:550px;margin-inline:auto;aspect-ratio:4/5}
 .tba-founder-v11 .tba-founder-story{padding:5px 6px 12px}
 .tba-page-banner .tba-page-banner-inner{padding:36px 16px!important;gap:22px!important}
 .tba-page-banner .tba-page-banner-art{width:100%!important;min-height:190px!important;aspect-ratio:1.54/1!important;border-radius:16px!important;transform:none!important;will-change:auto}
 .tba-page-banner .tba-page-banner-label{top:12px!important;left:12px!important;font-size:.5rem!important}
 .tba-page-banner .tba-page-banner-copy h1{font-size:clamp(2rem,8.9vw,3.1rem)!important}
 .ft-cta-btns{width:100%}
 .tba-chat-launch{max-width:min(170px,calc(100vw - 112px));min-height:44px;box-sizing:border-box}
 .tba-chat-launch span:last-child{font-size:.7rem}
 .tba-chat-panel{max-width:calc(100vw - 26px)!important}
 .wafab{width:45px;height:45px}
 .adm{box-sizing:border-box!important;margin:0!important;width:100%!important;max-width:100vw!important;min-width:0!important;padding:90px 14px 35px!important}
 .adm .admin-nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;box-sizing:border-box!important;max-width:100%!important;width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;margin:18px 0 20px!important;padding:11px!important;scrollbar-width:thin}
 .adm .admin-nav:before{display:none!important}
 .adm .admin-nav>a.btn{display:inline-flex!important;flex:0 0 auto!important;white-space:nowrap!important;min-height:41px!important;padding:10px 13px!important}
 .adm .admin-nav>form{display:inline-flex!important;flex:0 0 auto!important;margin:0!important;border:0!important;padding:0!important}
 .adm .admin-nav>form .btn{width:auto!important}
 .adm .fm{padding:16px!important;max-width:100%!important;min-width:0!important}
 .adm .grid.kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .adm .tabs{flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;position:static!important}
 .adm .tabs>.btn{flex:0 0 auto!important;white-space:nowrap!important}
 .adm .admin-post-actions{display:flex;flex-direction:column;align-items:stretch;width:100%}
 .adm .admin-post-actions input{width:100%!important}
 .adm .admin-post-toolbar{align-items:stretch!important}
 .adm .admin-row-actions{gap:7px}
 .adm .fm button.btn{min-width:0;width:100%}
}
@media(max-width:380px){.hero .tba-original-banner-inner{aspect-ratio:1/1.08!important}.tba-hero-edge{display:none}.hero .hcopy h1{font-size:clamp(2.15rem,10.5vw,2.6rem)!important}.tba-founder-v11 .tba-founder-portrait{min-height:350px!important}.adm .grid.kpi{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tba-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.tba-hero-edge,.tba-hero-glass-bottom,.tba-hero-badge-top i,.tba-ict-hud{animation:none!important}.tba-page-banner .tba-page-banner-art,.hero .tba-original-banner-inner{transform:none!important;will-change:auto!important}}

/* V18: keep the community video inside its own grid column at all viewport sizes. */
.tba-community-v11,.tba-community-feature{max-width:100%;min-width:0}
.tba-community-feature{box-sizing:border-box;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch}
.tba-community-feature>*{min-width:0;max-width:100%;box-sizing:border-box}
.tba-community-feature>.tba-community-video{width:100%;max-width:100%;height:100%;min-height:350px;aspect-ratio:auto;align-self:stretch;isolation:isolate}
.tba-community-video>img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover}
.tba-community-feature>.tba-community-benefits{width:100%;max-width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.tba-community-feature .tba-community-benefits article{min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){
 .tba-community-feature{grid-template-columns:minmax(0,1fr)}
 .tba-community-feature>.tba-community-video{height:auto;min-height:0;aspect-ratio:16/9;max-height:none}
}
@media(max-width:620px){
 .tba-community-feature{gap:13px}
 .tba-community-feature>.tba-community-video{aspect-ratio:16/10;border-radius:14px}
 .tba-community-feature>.tba-community-benefits{grid-template-columns:minmax(0,1fr);gap:10px}
 .tba-community-feature .tba-community-benefits article{min-height:126px;padding:18px}
 .tba-community-video-tag{left:14px;right:14px;bottom:14px;font-size:.62rem}
 .tba-community-play{width:56px;height:56px;font-size:1.2rem;box-shadow:0 0 0 8px #bcf56a28,0 12px 36px #0008}
}

/* source: tba-page-index-frame.css */
/* V14.2: homepage-inspired image treatment for every shared interior-page banner.
 * Kept separate so the approved home/index design remains unchanged. */
.tba-page-banner .tba-page-banner-inner {
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important;
  gap:clamp(24px,4vw,68px)!important;
  max-width:1370px;
  padding-block:clamp(55px,6.5vw,100px)!important;
}
.tba-page-banner .tba-page-banner-copy {
  min-width:0;
  position:relative;
  z-index:3;
}
.tba-page-banner .tba-page-banner-art,
.tba-page-banner .tba-page-banner-art.has-custom-image {
  position:relative;
  display:grid;
  place-items:center;
  width:min(100%,570px)!important;
  max-width:100%!important;
  min-width:0;
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  isolation:isolate;
  padding:11px!important;
  margin-inline:auto;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  will-change:auto!important;
  perspective:1350px;
}
.tba-page-banner .tba-page-banner-art::before,
.tba-page-banner .tba-page-banner-art::after {
  content:none!important;
}
.tba-page-banner .tba-page-frame {
  display:block;
  position:relative;
  isolation:isolate;
  width:min(100%,520px);
  aspect-ratio:1 / 1.07;
  min-width:0;
  background:radial-gradient(ellipse at 53% 17%,#1c3017,#060b07 63%,#020502);
  border:1px solid rgba(118,159,81,.35);
  border-radius:31px;
  box-shadow:0 55px 100px rgba(0,0,0,.7),0 17px 75px rgba(128,197,50,.1),0 0 0 8px rgba(133,214,52,.03);
  transform-style:preserve-3d;
  transform:perspective(1350px) rotateX(var(--tba-art-rx,0deg)) rotateY(var(--tba-art-ry,0deg)) translateY(var(--tba-art-y,0px));
  transition:box-shadow .3s ease;
  animation:tbaPageFloat 7s ease-in-out infinite;
}
.tba-page-banner .tba-page-frame::before {
  content:"";
  position:absolute;
  inset:-9px;
  border:1px solid rgba(154,243,96,.15);
  border-radius:39px;
  pointer-events:none;
  z-index:-1;
  transform:translateZ(-20px);
}
.tba-page-banner .tba-page-frame::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(123deg,rgba(255,255,255,.065),transparent 31%,transparent 60%,rgba(181,239,75,.03)),linear-gradient(180deg,transparent 54%,rgba(3,8,5,.68) 100%);
  transform:translateZ(24px);
}
.tba-page-banner .tba-page-banner-art .tba-banner-upload {
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:var(--tba-banner-fit,contain)!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:30px!important;
  box-shadow:none!important;
  z-index:1!important;
  transform:translateZ(16px);
  filter:contrast(1.045) saturate(.97);
}
.tba-page-banner .tba-page-banner-grid {
  position:absolute;
  inset:13%;
  opacity:.5;
  border-radius:22px;
}
.tba-page-banner .tba-page-banner-mark {
  max-width:50%;
  width:min(49%,210px);
  position:absolute;
  z-index:1;
  animation:tbaBannerFloat 7s ease-in-out infinite;
}
.tba-page-banner .tba-page-frame .tba-hero-border {
  position:absolute;
  inset:20px;
  z-index:4;
  border:1px solid rgba(197,255,121,.12);
  border-radius:20px;
  pointer-events:none;
  transform:translateZ(39px);
}
.tba-page-banner .tba-page-frame .tba-hero-badge-top {
  position:absolute;
  top:37px;
  left:35px;
  right:auto;
  bottom:auto;
  max-width:calc(100% - 70px);
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  font-size:clamp(.55rem,.8vw,.69rem);
  letter-spacing:.12em;
  line-height:1.3;
  white-space:normal;
  overflow-wrap:anywhere;
}
.tba-page-banner .tba-page-frame .tba-hero-glass-bottom {
  position:absolute;
  bottom:35px;
  left:35px;
  right:35px;
  top:auto;
  z-index:5;
  max-width:calc(100% - 70px);
  padding:19px 19px 16px;
  text-align:left;
  animation:tbaTextFloat 5s ease-in-out infinite;
}
.tba-page-banner .tba-page-frame .tba-hero-glass-bottom>small {
  white-space:normal;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.tba-page-banner .tba-page-frame .tba-hero-glass-bottom>strong {
  font-size:clamp(1.16rem,2vw,2rem);
  line-height:1.15;
  overflow-wrap:break-word;
}
.tba-page-banner .tba-page-frame .tba-hero-glass-sub {
  gap:8px;
  line-height:1.55;
  letter-spacing:.06em;
}
.tba-page-banner .tba-page-edge {
  position:absolute;
  z-index:6;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border:1px solid rgba(106,144,76,.46);
  border-radius:10px;
  background:rgba(16,28,18,.94);
  color:#d3eecc;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.12em;
  box-shadow:0 15px 45px rgba(0,0,0,.55);
  backdrop-filter:blur(12px);
  pointer-events:none;
  animation:tbaEdgeFloat 6s ease-in-out infinite;
}
.tba-page-banner .tba-page-edge b {color:#a0eb55;font-weight:800}
.tba-page-banner .tba-page-edge-one {top:17%;right:-11px;rotate:6deg}
.tba-page-banner .tba-page-edge-two {bottom:18%;left:-18px;rotate:-6deg;animation-delay:-2.5s}
@keyframes tbaPageFloat {50% {translate:0 -5px}}

@media(max-width:1020px) {
 .tba-page-banner .tba-page-banner-inner {grid-template-columns:minmax(0,1fr) minmax(0,.95fr)!important;gap:22px!important}
 .tba-page-banner .tba-page-frame {aspect-ratio:1/1.06}
 .tba-page-banner .tba-page-edge {padding:8px 10px;font-size:.55rem}
}
@media(max-width:760px) {
 .tba-page-banner .tba-page-banner-inner {grid-template-columns:minmax(0,1fr)!important;gap:28px!important;padding-block:40px 52px!important}
 .tba-page-banner .tba-page-banner-art {width:min(100%,540px)!important}
 .tba-page-banner .tba-page-frame {width:min(100%,500px);aspect-ratio:1/1.05}
 .tba-page-banner .tba-page-edge-one {right:-4px}
 .tba-page-banner .tba-page-edge-two {left:-4px}
}
@media(max-width:480px) {
 .tba-page-banner .tba-page-banner-inner {padding-block:34px 43px!important;gap:24px!important}
 .tba-page-banner .tba-page-banner-art {width:100%!important;padding:6px!important}
 .tba-page-banner .tba-page-frame {width:min(100%,370px);aspect-ratio:1/1.08;border-radius:23px}
 .tba-page-banner .tba-page-frame::before {inset:-5px;border-radius:28px}
 .tba-page-banner .tba-page-banner-art .tba-banner-upload {border-radius:22px!important}
 .tba-page-banner .tba-page-frame .tba-hero-border {inset:12px;border-radius:14px}
 .tba-page-banner .tba-page-frame .tba-hero-badge-top {top:22px;left:20px;max-width:calc(100% - 40px);padding:7px 9px;font-size:.53rem;letter-spacing:.08em}
 .tba-page-banner .tba-page-frame .tba-hero-glass-bottom {left:20px;right:20px;bottom:20px;max-width:calc(100% - 40px);padding:12px 13px;gap:4px}
 .tba-page-banner .tba-page-frame .tba-hero-glass-bottom>strong {font-size:clamp(1.08rem,4.8vw,1.44rem)}
 .tba-page-banner .tba-page-frame .tba-hero-glass-bottom>small,.tba-page-banner .tba-page-frame .tba-hero-glass-sub {font-size:.51rem}
 .tba-page-banner .tba-page-edge {display:none}
}
@media(hover:none),(pointer:coarse) {
 .tba-page-banner .tba-page-frame {transform:none!important}
}
@media(prefers-reduced-motion:reduce) {
 .tba-page-banner .tba-page-frame {animation:none!important;translate:none!important;transform:none!important;transition:none!important}
 .tba-page-banner .tba-page-frame .tba-hero-glass-bottom,
 .tba-page-banner .tba-page-edge,
 .tba-page-banner .tba-page-frame .tba-hero-badge-top i {animation:none!important}
}