/* Trades With BA production bundle: site-home.css; regenerate via tools/build-assets.mjs */
/* source: trading-immersive.css */
/* Isolated 3D trading experience: does not alter existing hero or site theme */
.tba-immersive{position:relative;max-width:1380px;margin:0 auto;padding:clamp(60px,9vw,120px) 22px 85px;isolation:isolate;overflow:clip}.tba-immersive-intro{text-align:center;max-width:790px;margin:0 auto 36px}.tba-immersive-intro h2{font-size:clamp(2.5rem,5.6vw,5.8rem);line-height:1.05;letter-spacing:-.055em;margin:22px 0}.tba-immersive-intro h2 em{font-style:normal;color:#9bf329}.tba-immersive-intro p,.tba-immersive-outro p{color:#a5b1a8;font-size:clamp(1rem,1.5vw,1.22rem)}.tba-scene-viewport{position:relative;max-width:1080px;height:clamp(360px,52vw,590px);margin:auto;overflow:hidden;border:1px solid #273f21;border-radius:28px;background:radial-gradient(ellipse at 52% 42%,#112516 0%,#070c09 55%,#030605 100%);perspective:1050px;box-shadow:0 30px 95px #0009,inset 0 0 85px #0009;contain:layout paint}.tba-scene-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#80ff1917,transparent 55%)}.tba-scene-world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,7deg)) rotateY(var(--ry,-8deg)) translate3d(0,var(--ty,0px),0);will-change:transform}.tba-chart-back{position:absolute;inset:13% 15% 18%;border:1px solid #538b445c;border-radius:16px;overflow:hidden;background:linear-gradient(150deg,#14251d,#050a08 65%);box-shadow:0 0 45px #88ff2114,0 35px 45px #000a;transform:translateZ(55px) rotateX(-2deg)}.tba-chart-grid{position:absolute;inset:0;background-image:linear-gradient(#a4ff2214 1px,transparent 1px),linear-gradient(90deg,#a4ff2214 1px,transparent 1px);background-size:12.5% 16.666%}.tba-chart-candles{position:absolute;inset:10% 6% 12%;display:flex;align-items:flex-end;justify-content:space-around;gap:1%}.tba-candle{position:relative;width:3%;height:var(--h);margin-bottom:var(--b);border-radius:2px;background:var(--c);box-shadow:0 0 15px color-mix(in srgb,var(--c),transparent 75%);transform:translateZ(var(--z));animation:tba-candle-pulse 5s ease-in-out infinite alternate;animation-delay:var(--delay)}.tba-candle:before{content:"";position:absolute;width:2px;height:155%;left:calc(50% - 1px);top:-27%;background:var(--c);opacity:.8}.tba-chart-line{position:absolute;top:39%;left:0;right:0;border-top:1px dashed #9bf32990;filter:drop-shadow(0 0 8px #9bf329)}.tba-scene-floor{position:absolute;left:15%;right:15%;bottom:1%;height:48%;background:repeating-linear-gradient(90deg,#a5ff1e16 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,#a5ff1e16 0 1px,transparent 1px 40px);transform:rotateX(76deg) translateZ(-75px);mask-image:linear-gradient(transparent,#000)}.tba-scene-plaque{position:absolute;z-index:2;min-width:170px;padding:13px 17px;border:1px solid #76bd495b;border-radius:12px;background:#0a160edc;box-shadow:0 18px 35px #000a;backdrop-filter:blur(12px);transform:translateZ(120px);animation:tba-plaque-float 6s ease-in-out infinite}.tba-scene-plaque span{display:block;font-size:11px;letter-spacing:.14em;color:#a4f25a}.tba-scene-plaque b{display:block;margin-top:5px;font-size:15px;color:#f5fff3}.tba-plaque-top{top:18%;left:5%}.tba-plaque-bottom{bottom:18%;right:5%;animation-delay:-3s}.tba-scene-orbit{position:absolute;width:48%;aspect-ratio:1;left:26%;top:5%;border:1px solid #98ff2330;border-radius:50%;transform:translateZ(-65px) rotateX(66deg);box-shadow:0 0 70px #90ff2010;animation:tba-orbit 20s linear infinite}.tba-scene-caption{position:absolute;bottom:16px;left:22px;font-size:11px;font-weight:700;letter-spacing:.15em;color:#b6d0b2}.tba-live-dot{display:inline-block;width:7px;height:7px;background:#a0ff34;border-radius:50%;margin-right:9px;box-shadow:0 0 12px #a0ff34}.tba-immersive-outro{text-align:center;padding:28px 0 0}.tba-immersive-outro .btn{display:inline-flex;margin-top:12px}@keyframes tba-plaque-float{50%{translate:0 -12px}}@keyframes tba-orbit{to{rotate:360deg}}@keyframes tba-candle-pulse{50%{filter:brightness(1.25)}}@media(max-width:700px){.tba-immersive{padding:65px 14px}.tba-scene-viewport{height:380px;border-radius:20px}.tba-chart-back{inset:19% 7% 24%}.tba-scene-plaque{min-width:0;padding:9px 11px}.tba-scene-plaque span{font-size:9px}.tba-scene-plaque b{font-size:11px}.tba-plaque-top{top:9%;left:4%}.tba-plaque-bottom{bottom:13%;right:4%}.tba-scene-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){.tba-immersive *{animation:none!important;transition:none!important}.tba-scene-world{transform:none!important}}

/* source: tba-real-3d.css */
/* Real WebGL canvas. The original SVG illustration remains a fallback. */
.tba-hero-stage{position:relative;isolation:isolate;min-height:370px}
.tba-webgl-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:3;opacity:0;transition:opacity .7s ease}
.tba-webgl-ready .tba-webgl-canvas{opacity:1}
.tba-webgl-ready .tba-terminal{opacity:0;pointer-events:none}
.tba-webgl-ready .tba-float-chip{z-index:5}
@media(max-width:600px){.tba-hero-stage{min-height:310px}.tba-webgl-canvas{max-width:100%}}
@media(prefers-reduced-motion:reduce){.tba-webgl-canvas{display:none!important}.tba-terminal{opacity:1!important}}

/* Hero-only 3D enhancement; other sections keep the original website design. */
.tba-hero-stage{overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 50% 45%,rgba(132,255,42,.10),transparent 64%)}
.tba-webgl-canvas{filter:drop-shadow(0 15px 36px rgba(126,244,35,.12))}
.tba-webgl-ready .tba-stage-glow{opacity:.9}
@media(max-width:700px){.tba-hero-stage{min-height:300px;border-radius:16px}}

/* Layered cinematic presenter integrated into the real 3D hero, not a static poster. */
.tba-hero-stage{min-height:470px!important;background:radial-gradient(ellipse at 50% 30%,#17351d 0%,#07110b 64%,#050807 100%)}
.tba-presenter-portrait{position:absolute;z-index:4;bottom:-5%;left:16%;width:75%;height:93%;pointer-events:none;transform:translate3d(var(--face-x,0px),var(--face-y,0px),0);transition:transform .18s ease-out;mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 73%,transparent 99%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 73%,transparent 99%)}
.tba-presenter-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07110b66,transparent 32%,transparent 72%,#07110b77),linear-gradient(0deg,#07110b88,transparent 30%);pointer-events:none}
.tba-presenter-portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 12%;filter:contrast(1.07) saturate(.9) drop-shadow(0 12px 30px #000)}
.tba-hero-label{position:absolute;z-index:6;bottom:20px;left:20px;display:grid;gap:5px;padding:12px 16px;border:1px solid #a4f53566;border-radius:13px;background:#07110bd9;box-shadow:0 12px 35px #0008;pointer-events:none}
.tba-hero-label b{font-size:12px;letter-spacing:.12em;color:#a4f535}.tba-hero-label span{font-size:10px;letter-spacing:.08em;color:#e0e8df}
.tba-webgl-canvas{z-index:2!important;opacity:.7!important}.tba-webgl-ready .tba-webgl-canvas{opacity:.85!important}
.tba-hero-stage .tba-terminal{opacity:.24;filter:blur(1px)}.tba-webgl-ready .tba-terminal{opacity:0}
.tba-hero-stage .tba-float-chip{z-index:5!important}
@media(max-width:850px){.tba-hero-stage{min-height:370px!important}.tba-presenter-portrait{left:8%;width:89%}}
@media(max-width:540px){.tba-hero-stage{min-height:330px!important}.tba-presenter-portrait{left:3%;width:97%;height:90%}.tba-hero-label{left:12px;bottom:12px;padding:9px 11px}.tba-hero-label b{font-size:10px}.tba-hero-label span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tba-presenter-portrait{transition:none;transform:none}}

/* V2 cinematic banner: uses the image selected in Admin > Home page. */
.tba-hero-v2{border:1px solid rgba(166,242,58,.20);box-shadow:inset 0 0 65px rgba(100,225,65,.08),0 26px 70px rgba(0,0,0,.28);background:radial-gradient(ellipse at 67% 26%,rgba(99,190,60,.21),transparent 53%),linear-gradient(140deg,#050908,#0a1810 62%,#050908)}
.tba-hero-v2:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(130deg,transparent 20%,rgba(168,255,76,.035) 48%,transparent 76%);transform:skewY(-8deg)}
.tba-hero-v2 .tba-presenter-portrait{left:10%;width:80%;height:97%;bottom:-8%;z-index:4;filter:drop-shadow(0 18px 40px #000b)}
.tba-hero-v2 .tba-presenter-portrait img{object-fit:contain;object-position:center bottom;filter:contrast(1.06) saturate(.94)}
.tba-hero-v2.portrait-right .tba-presenter-portrait{left:29%;width:72%}
.tba-hero-v2 .tba-hero-label{backdrop-filter:blur(10px);border-color:rgba(160,246,55,.5);background:rgba(6,19,10,.85)}
.tba-hero-v2 .tba-float-chip{backdrop-filter:blur(8px)}
@media(max-width:700px){.tba-hero-v2 .tba-presenter-portrait{left:1%;width:98%;height:89%;bottom:-6%}.tba-hero-v2.portrait-right .tba-presenter-portrait{left:16%;width:87%}.tba-hero-v2 .tba-hero-label{max-width:68%;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.tba-hero-v2 .tba-presenter-portrait{transform:none!important}}

/* 2026 cinematic hero motion: perspective on outer panel, independent portrait drift. */
.hero:has(.tba-hero-v2){perspective:1400px;perspective-origin:75% 46%}
.tba-hero-v2{--hero-rx:0deg;--hero-ry:0deg;--hero-scroll:0px;--hero-light-x:50%;--hero-light-y:35%;transform-style:preserve-3d;transform:perspective(1200px) rotateX(var(--hero-rx)) rotateY(var(--hero-ry)) translateY(var(--hero-scroll));will-change:transform;transition:box-shadow .35s ease;box-shadow:0 28px 75px #0009,0 0 0 1px #9bfa3020,inset 0 0 70px #4a9e2415}
.tba-hero-v2:after{content:"";position:absolute;inset:-1px;z-index:6;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--hero-light-x) var(--hero-light-y),#d4ff9819,transparent 37%);mix-blend-mode:screen}
.tba-hero-v2 .tba-presenter-portrait{transform:translate3d(var(--face-x,0px),var(--face-y,0px),38px);transition:none;animation:tba-portrait-breathe 6.5s ease-in-out infinite;transform-style:preserve-3d;will-change:transform}
.tba-hero-v2 .tba-presenter-portrait img{animation:tba-portrait-light 8s ease-in-out infinite;backface-visibility:hidden}
.tba-hero-v2 .tba-hero-label{transform:translateZ(65px);box-shadow:0 18px 38px #000a,0 0 24px #9cff2415}
.tba-hero-v2 .tba-float-chip{transform:translateZ(48px);animation:tba-chip-hover 5s ease-in-out infinite alternate}
.tba-hero-v2 .tba-float-two{animation-delay:-2.5s}
.tba-hero-v2 .tba-terminal{transform:translateZ(-22px)}
.tba-hero-v2 .tba-stage-glow{animation:tba-light-bloom 7s ease-in-out infinite alternate}
.tba-hero-v2 .tba-orbit{position:absolute;z-index:3;left:50%;top:49%;width:80%;aspect-ratio:1;border:1px solid #a4ff3729;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) rotateX(65deg);animation:tba-orbit-spin 24s linear infinite;box-shadow:0 0 30px #8cff1811,inset 0 0 30px #8cff1811}
.tba-hero-v2 .tba-orbit:nth-of-type(2){width:62%;animation-duration:33s;animation-direction:reverse;border-style:dashed;opacity:.7}
@keyframes tba-portrait-breathe{0%,100%{transform:translate3d(var(--face-x,0px),calc(var(--face-y,0px) + 0px),38px) scale(1)}50%{transform:translate3d(var(--face-x,0px),calc(var(--face-y,0px) - 9px),45px) scale(1.017)}}
@keyframes tba-portrait-light{0%,100%{filter:contrast(1.06) saturate(.94) brightness(.96)}50%{filter:contrast(1.08) saturate(1.02) brightness(1.06)}}
@keyframes tba-chip-hover{from{translate:0 0}to{translate:0 -11px}}
@keyframes tba-light-bloom{from{opacity:.35;scale:1}to{opacity:.85;scale:1.09}}
@keyframes tba-orbit-spin{from{rotate:0deg}to{rotate:360deg}}
@media(hover:none),(pointer:coarse){.tba-hero-v2{transform:none!important}.tba-hero-v2 .tba-presenter-portrait{animation-duration:9s}.tba-hero-v2 .tba-orbit{opacity:.35}}
@media(max-width:700px){.tba-hero-v2 .tba-orbit{width:105%}.tba-hero-v2 .tba-presenter-portrait{animation-duration:9s}}
@media(prefers-reduced-motion:reduce){.tba-hero-v2,.tba-hero-v2 *{animation:none!important;transition:none!important}.tba-hero-v2{transform:none!important}.tba-hero-v2 .tba-presenter-portrait{transform:none!important}}

/* Centered hero artwork: image stays fully visible, not cropped or offset. */
.tba-hero-v2 .tba-presenter-portrait,
.tba-hero-v2.portrait-right .tba-presenter-portrait {
  left:50% !important; right:auto !important; top:50% !important; bottom:auto !important;
  width:90% !important; height:86% !important;
  display:flex; align-items:center; justify-content:center;
  transform:translate3d(calc(-50% + var(--face-x,0px)),calc(-50% + var(--face-y,0px)),38px) !important;
  mask-image:none !important; -webkit-mask-image:none !important;
  animation:tba-center-float 7s ease-in-out infinite !important;
}
.tba-hero-v2 .tba-presenter-portrait img {
  display:block; width:100%; height:100%; object-fit:contain !important;
  object-position:center center !important;
}
.tba-hero-v2 .tba-hero-label {z-index:6;}
@keyframes tba-center-float {
  0%,100% {transform:translate3d(calc(-50% + var(--face-x,0px)),calc(-50% + var(--face-y,0px)),38px) scale(1)}
  50% {transform:translate3d(calc(-50% + var(--face-x,0px)),calc(-51.5% + var(--face-y,0px)),42px) scale(1.018)}
}
@media(max-width:700px){.tba-hero-v2 .tba-presenter-portrait,.tba-hero-v2.portrait-right .tba-presenter-portrait{width:94% !important;height:82% !important}}
@media(prefers-reduced-motion:reduce){.tba-hero-v2 .tba-presenter-portrait{animation:none !important}}
/* Premium restrained cinematic motion: center artwork and avoid exaggerated spinning. */
.tba-hero-v2{--hero-rx:0deg;--hero-ry:0deg;--hero-scroll:0px;transform:perspective(1400px) translate3d(0,var(--hero-scroll),0) rotateX(var(--hero-rx)) rotateY(var(--hero-ry));background:radial-gradient(ellipse at 50% 35%,rgba(68,116,43,.13),transparent 66%),linear-gradient(140deg,#050806,#09110b 65%,#050806);box-shadow:0 28px 75px #000b,inset 0 1px #b1ff4520,0 0 0 1px #8cdd3224;contain:paint}
.tba-hero-v2 .tba-presenter-portrait,.tba-hero-v2.portrait-right .tba-presenter-portrait{left:50%!important;right:auto!important;bottom:0!important;width:88%!important;height:86%!important;transform:translate3d(calc(-50% + var(--face-x,0px)),var(--face-y,0px),38px)!important;animation:none!important}
.tba-hero-v2 .tba-presenter-portrait img{object-fit:contain!important;object-position:center center!important;animation:none!important}
.tba-hero-v2 .tba-orbit{opacity:.28;animation-duration:46s}
.tba-hero-v2 .tba-stage-glow{opacity:.6;animation-duration:12s}
.tba-hero-v2 .tba-hero-label{backdrop-filter:blur(7px)}
@media(max-width:700px){.tba-hero-v2 .tba-presenter-portrait,.tba-hero-v2.portrait-right .tba-presenter-portrait{width:96%!important;height:80%!important}.tba-hero-v2{will-change:auto}}
@media(prefers-reduced-motion:reduce){.tba-hero-v2{transform:none!important}.tba-hero-v2 .tba-presenter-portrait{transform:translateX(-50%)!important}}
/* 2026 cinematic hero refinement: coherent layered 3D, centered artwork */
.hero:has(.tba-hero-v2){perspective:1600px}
.tba-hero-v2{isolation:isolate;overflow:hidden;border-radius:28px!important;background:radial-gradient(ellipse at 50% 43%,#142519 0%,#08100b 49%,#030605 100%)!important;border:1px solid rgba(160,244,74,.22)!important;box-shadow:0 34px 85px #000c,0 0 0 5px #8fff1706,inset 0 0 65px #0009!important;transform:perspective(1450px) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)) translateY(var(--hero-scroll,0px))!important;transition:border-color .4s ease!important}
.tba-hero-v2:before{content:"";position:absolute;inset:10px;border:1px solid #a6f23618;border-radius:21px;z-index:7;pointer-events:none;box-shadow:inset 0 0 35px #0007}
.tba-hero-v2:after{background:radial-gradient(ellipse at var(--hero-light-x,50%) var(--hero-light-y,35%),#a7f55017,transparent 55%)!important;mix-blend-mode:normal!important}
.tba-hero-v2 .tba-presenter-portrait,.tba-hero-v2.portrait-right .tba-presenter-portrait{left:50%!important;right:auto!important;bottom:9%!important;top:10%!important;width:78%!important;height:76%!important;z-index:4!important;transform:translate3d(calc(-50% + var(--face-x,0px)),var(--face-y,0px),50px) scale(var(--face-scale,1))!important;animation:none!important;filter:drop-shadow(0 26px 25px #0008)}
.tba-hero-v2 .tba-presenter-portrait img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;animation:none!important;filter:brightness(.88) contrast(1.08) saturate(.9)!important;border-radius:14px}
.tba-hero-v2 .tba-terminal{opacity:.34!important;transform:translateZ(-38px) scale(.97)!important;filter:blur(1.2px);pointer-events:none}
.tba-hero-v2 .tba-orbit{opacity:.18!important;animation-duration:65s!important}
.tba-hero-v2 .tba-stage-glow{opacity:.35!important}
.tba-hero-v2 .tba-hero-label{left:50%!important;bottom:3.5%!important;max-width:84%!important;transform:translateX(-50%) translateZ(75px)!important;text-align:center;padding:10px 20px!important;background:#061009e8!important;border:1px solid #95e73d50!important;box-shadow:0 12px 35px #000a!important;white-space:normal}
.tba-hero-v2 .tba-float-chip{z-index:5!important;opacity:.78;animation:tba-premium-chip 7s ease-in-out infinite alternate!important}
.tba-hero-v2 .tba-float-two{animation-delay:-3s!important}
@keyframes tba-premium-chip{from{translate:0 0}to{translate:0 -7px}}
@media(max-width:700px){.tba-hero-v2{border-radius:20px!important}.tba-hero-v2 .tba-presenter-portrait,.tba-hero-v2.portrait-right .tba-presenter-portrait{width:91%!important;height:74%!important;top:12%!important}.tba-hero-v2 .tba-hero-label{bottom:3%!important;max-width:90%!important;font-size:.7rem!important}.tba-hero-v2 .tba-float-chip{font-size:.58rem!important}}
@media(prefers-reduced-motion:reduce){.tba-hero-v2{transform:none!important}.tba-hero-v2 .tba-presenter-portrait{transform:translateX(-50%)!important}.tba-hero-v2 .tba-float-chip{animation:none!important}}

/* 2026 banner rebuild: one clean portrait surface, no overlapping badges. */
.hero:has(.tba-hero-v2){perspective:1400px}
.tba-hero-v2{--hero-rx:0deg;--hero-ry:0deg;--hero-scroll:0px;position:relative!important;display:block!important;min-height:clamp(340px,39vw,570px)!important;aspect-ratio:1.03!important;overflow:hidden!important;isolation:isolate!important;border-radius:30px!important;border:1px solid rgba(165,242,58,.18)!important;background:radial-gradient(ellipse at 50% 32%,#152218 0%,#080d0a 58%,#030504 100%)!important;box-shadow:0 35px 90px #0009,0 0 0 1px #9bee2410,inset 0 0 75px #0008!important;transform:perspective(1450px) rotateX(var(--hero-rx)) rotateY(var(--hero-ry)) translate3d(0,var(--hero-scroll),0)!important;will-change:transform}
.tba-hero-v2::before{content:""!important;position:absolute!important;inset:0!important;border:0!important;border-radius:inherit!important;background:linear-gradient(125deg,rgba(255,255,255,.07),transparent 25%,transparent 72%,rgba(135,220,51,.05))!important;z-index:5!important;pointer-events:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important}
.tba-hero-v2::after{content:""!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;background:linear-gradient(180deg,#03060528 0%,transparent 28%,transparent 58%,#030605c9 100%)!important}
.tba-hero-v2 .tba-cinema-depth{position:absolute;inset:5%;border-radius:24px;background:radial-gradient(ellipse at var(--hero-light-x,50%) var(--hero-light-y,38%),rgba(149,235,51,.15),transparent 57%);transform:translateZ(-35px);pointer-events:none}
.tba-hero-v2 .tba-presenter-portrait,.tba-hero-v2.portrait-right .tba-presenter-portrait{position:absolute!important;inset:6% 6% 10%!important;left:6%!important;right:6%!important;top:6%!important;bottom:10%!important;width:88%!important;height:84%!important;z-index:2!important;transform:translate3d(var(--face-x,0px),var(--face-y,0px),30px) scale(var(--face-scale,1))!important;filter:none!important;animation:none!important;overflow:hidden;border-radius:18px}
.tba-hero-v2 .tba-presenter-portrait img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:brightness(1.04) contrast(1.04) saturate(.95)!important;animation:none!important;border-radius:18px}
.tba-hero-v2 .tba-cinema-reflection{position:absolute;inset:-55%;z-index:4;pointer-events:none;transform:translateX(var(--shine-x,-20%)) rotate(18deg);background:linear-gradient(90deg,transparent 44%,rgba(255,255,255,.035) 50%,transparent 56%);opacity:.65}
.tba-hero-v2 .tba-cinema-footer{position:absolute;z-index:7;left:8%;right:8%;bottom:5%;display:flex;align-items:center;gap:9px;color:#c5d1c3;font-size:clamp(9px,.8vw,11px);font-weight:650;letter-spacing:.14em;white-space:nowrap;text-shadow:0 1px 8px #000}
.tba-cinema-dot{width:7px;height:7px;border-radius:50%;background:#a6f23a;box-shadow:0 0 12px #a6f23a80;flex:none}.tba-cinema-separator{opacity:.35}
.tba-banner-monogram{position:absolute;inset:0;display:grid;place-items:center;color:#a6f23a;font-size:clamp(6rem,13vw,13rem);font-weight:900;letter-spacing:-.09em;text-shadow:0 25px 50px #000}
@media(max-width:900px){.tba-hero-v2{aspect-ratio:1.08!important;min-height:330px!important}}
@media(max-width:600px){.tba-hero-v2{aspect-ratio:1.1!important;min-height:290px!important;border-radius:22px!important}.tba-hero-v2 .tba-presenter-portrait{inset:5% 5% 12%!important;width:90%!important;height:83%!important}.tba-hero-v2 .tba-cinema-footer{left:7%;right:7%;bottom:5%;font-size:9px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.tba-hero-v2{transform:none!important;will-change:auto}.tba-hero-v2 .tba-presenter-portrait{transform:none!important}}

/* 2026 refined hero: balanced cinematic depth and readable portrait */
.hero .tba-hero-v2{transform-style:preserve-3d!important;perspective:1200px;overflow:visible!important;border:1px solid rgba(155,237,40,.22)!important;background:radial-gradient(ellipse at 55% 32%,#101b12,#050907 68%,#030504)!important;box-shadow:0 42px 80px rgba(0,0,0,.55),0 16px 32px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.025)!important;transition:box-shadow .4s ease!important}
.tba-hero-v2 .tba-presenter-portrait{overflow:hidden!important;inset:4% 4% 5%!important;width:92%!important;height:91%!important;border-radius:24px!important;transform:translate3d(var(--face-x,0px),var(--face-y,0px),40px) scale(var(--face-scale,1))!important;backface-visibility:hidden}
.tba-hero-v2 .tba-presenter-portrait img{object-fit:contain!important;object-position:center!important;filter:brightness(1.08) contrast(1.035) saturate(.98)!important}
.tba-hero-v2 .tba-cinema-footer{left:7%;right:7%;bottom:4%;width:max-content;max-width:86%;font-size:10px!important;letter-spacing:.10em!important;white-space:normal!important;line-height:1.5;padding:7px 12px;border-radius:999px;background:rgba(3,9,5,.78);border:1px solid rgba(154,236,46,.13);backdrop-filter:blur(10px)}
.tba-hero-v2 .tba-cinema-reflection{opacity:.22!important}
.tba-hero-v2::before{border-radius:inherit!important}
.tba-hero-v2::after{border-radius:inherit!important}
@media(max-width:760px){.hero .tba-hero-v2{overflow:hidden!important;max-width:560px;margin-inline:auto;min-height:300px!important}.tba-hero-v2 .tba-cinema-footer{font-size:8px!important;max-width:90%}}
@media(prefers-reduced-motion:reduce){.hero .tba-hero-v2,.tba-hero-v2 .tba-presenter-portrait{transform:none!important}}

/* source: tba-hero-final.css */
/* Final responsive cinematic hero — isolated overrides, original palette retained */
.hero:has(.tba-hero-v2){display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,5vw,88px);max-width:1240px;margin-inline:auto;padding:clamp(45px,6vw,96px) clamp(20px,4vw,40px);min-width:0}
.hero:has(.tba-hero-v2) .hcopy{min-width:0;max-width:680px}
.hero:has(.tba-hero-v2) .hcopy h1{font-size:clamp(2.6rem,5vw,5.6rem);line-height:1.04;letter-spacing:-.055em;overflow-wrap:normal}
.hero:has(.tba-hero-v2) .hcopy .lead{font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.75}
.hero:has(.tba-hero-v2) .cta{display:flex;flex-wrap:wrap;gap:12px}
.hero .tba-hero-v2{--hero-rx:0deg;--hero-ry:0deg;--hero-scroll:0px;position:relative!important;box-sizing:border-box;display:block!important;width:100%!important;min-width:0!important;max-width:560px!important;min-height:0!important;height:auto!important;aspect-ratio:1.03!important;margin-inline:auto!important;border-radius:26px!important;overflow:hidden!important;isolation:isolate!important;transform-origin:50% 50%!important;transform:perspective(1200px) translate3d(0,var(--hero-scroll),0) rotateX(var(--hero-rx)) rotateY(var(--hero-ry))!important;background:radial-gradient(ellipse at 52% 28%,#142015 0%,#070c08 62%,#030504 100%)!important;border:1px solid rgba(160,238,57,.19)!important;box-shadow:0 28px 62px rgba(0,0,0,.6),0 0 0 1px rgba(170,255,73,.04),inset 0 0 60px #0009!important;will-change:transform;backface-visibility:hidden}
.hero .tba-hero-v2:before{content:""!important;position:absolute!important;inset:0!important;border:0!important;border-radius:inherit!important;z-index:5!important;pointer-events:none!important;background:linear-gradient(130deg,rgba(255,255,255,.065),transparent 30%,transparent 70%,rgba(150,230,55,.035))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important}
.hero .tba-hero-v2:after{content:""!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;background:linear-gradient(180deg,transparent 65%,rgba(2,5,3,.76) 100%)!important}
.hero .tba-hero-v2 .tba-cinema-depth{position:absolute!important;inset:0!important;border:0!important;background:radial-gradient(circle at var(--hero-light-x,50%) var(--hero-light-y,38%),rgba(145,240,50,.11),transparent 52%)!important;z-index:1!important;pointer-events:none}
.hero .tba-hero-v2 .tba-presenter-portrait,.hero .tba-hero-v2.portrait-right .tba-presenter-portrait{position:absolute!important;inset:4% 5% 8%!important;width:90%!important;height:88%!important;left:5%!important;right:5%!important;top:4%!important;bottom:8%!important;z-index:2!important;overflow:hidden!important;border-radius:18px!important;transform:translate3d(var(--face-x,0px),var(--face-y,0px),0) scale(1.018)!important;animation:none!important;filter:none!important;will-change:transform}
.hero .tba-hero-v2 .tba-presenter-portrait img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;filter:brightness(1.06) contrast(1.025) saturate(.98)!important;animation:none!important}
.hero .tba-hero-v2 .tba-cinema-reflection{position:absolute!important;inset:0!important;z-index:4!important;pointer-events:none!important;opacity:.5!important;transform:none!important;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.035) 45%,transparent 60%)!important}
.hero .tba-hero-v2 .tba-cinema-footer{position:absolute!important;z-index:6!important;bottom:4%!important;left:5%!important;right:auto!important;max-width:90%!important;width:auto!important;display:flex!important;align-items:center!important;gap:7px!important;padding:7px 12px!important;border-radius:999px!important;background:rgba(3,9,5,.72)!important;border:1px solid rgba(160,240,70,.14)!important;color:#d2dfcf!important;font-size:clamp(8px,.78vw,10px)!important;letter-spacing:.075em!important;line-height:1.35!important;white-space:normal!important;backdrop-filter:blur(6px)}
@media(max-width:960px){.hero:has(.tba-hero-v2){grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px;padding:48px 24px}.hero:has(.tba-hero-v2) .hcopy h1{font-size:clamp(2.4rem,5.2vw,4.1rem)}}
@media(max-width:720px){.hero:has(.tba-hero-v2){grid-template-columns:minmax(0,1fr)!important;gap:30px!important;padding:40px 20px 52px!important}.hero:has(.tba-hero-v2) .hcopy{max-width:600px}.hero:has(.tba-hero-v2) .hcopy h1{font-size:clamp(2.55rem,9vw,4.6rem)}.hero .tba-hero-v2{max-width:520px!important;aspect-ratio:1.08!important;border-radius:22px!important}.hero:has(.tba-hero-v2) .cta .btn{max-width:100%}}
@media(max-width:420px){.hero:has(.tba-hero-v2){padding-inline:16px!important}.hero:has(.tba-hero-v2) .hcopy h1{font-size:clamp(2.3rem,10vw,3.3rem)}.hero .tba-hero-v2{aspect-ratio:1.02!important}.hero .tba-hero-v2 .tba-cinema-footer{font-size:8px!important;letter-spacing:.02em!important}}
@media(hover:none),(pointer:coarse){.hero .tba-hero-v2{will-change:auto}}
@media(prefers-reduced-motion:reduce){.hero .tba-hero-v2{transform:none!important;will-change:auto!important}.hero .tba-hero-v2 .tba-presenter-portrait{transform:none!important;will-change:auto!important}}

/* 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: 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}
}