/* Scoped hero styling; existing navigation, translations and CTA hooks are retained. */
html body .dt-hero{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;min-height:700px;padding:76px 0 90px;background:#080a09;text-align:start;box-sizing:border-box}
.dt-hero::before{display:none!important}
.dt-hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 77% 42%,#8b64251c,transparent 49%),linear-gradient(120deg,#080a09 20%,#10120e 75%,#080a09)}
.dt-hero-grid{position:absolute;inset:0;background-image:linear-gradient(#cca65c09 1px,transparent 1px),linear-gradient(90deg,#cca65c09 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000);transform:perspective(900px) rotateX(14deg) scale(1.15)}
.dt-hero-atmosphere::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080a09,transparent 25%,transparent 85%,#080a09)}
.dt-hero-candles{position:absolute;inset:0;filter:blur(3px);opacity:.28}
.dt-hero-candles i{position:absolute;left:var(--x);top:var(--y);height:var(--h);width:14px;background:#8b794942;box-shadow:0 0 24px #bfa25516}
.dt-hero-candles i::before{content:'';position:absolute;width:1px;background:#b69b6755;left:50%;top:-24px;bottom:-26px}
html body .dt-hero-layout{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:36px;max-width:1360px;width:calc(100% - 112px);margin:auto;padding:0}
.dt-hero-copy{position:relative;z-index:2;min-width:0}
html body .dt-hero .badge{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #caa45d35;background:#c7a75d09;border-radius:6px;color:#ddc792;font-size:11px;font-weight:600;letter-spacing:.045em;box-shadow:none;margin:0 0 26px}
.dt-hero .badge i{font-size:10px;color:#e9bd65}
html body .dt-hero h1{font-size:clamp(48px,5.3vw,78px);line-height:1.08;letter-spacing:-.055em;font-weight:800;max-width:650px;margin:0 0 25px;padding:0;background:linear-gradient(112deg,#fff9e8 4%,#f4e7c5 32%,#dfbb6c 65%,#a5752a 99%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;text-wrap:balance}
html body .dt-hero p{max-width:510px;margin:0 0 34px;font-size:16px;line-height:1.85;font-weight:400;color:#aaaead;text-wrap:pretty}
html body .dt-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin:0}
html body .dt-hero .primary-btn,html body .dt-hero .ghost-btn{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;border:1px solid #cda95142}
html body .dt-hero .primary-btn{background:linear-gradient(110deg,#efd28c,#c39945);color:#17140c;box-shadow:0 6px 25px #c39b3d20}
html body .dt-hero .ghost-btn{background:#ffffff05;backdrop-filter:blur(12px);color:#e0ded5;border-color:#ffffff26;box-shadow:inset 0 1px #ffffff09}
html body .dt-hero .primary-btn:hover,html body .dt-hero .ghost-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #bb934228}
.dt-hero button:focus-visible,.dt-hero a:focus-visible{outline:2px solid #f5d68a;outline-offset:5px}
.dt-bull-stage{position:relative;min-width:0;width:100%;height:510px;direction:ltr}
.dt-bull-canvas,.dt-bull-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}
.dt-bull-fallback{padding:35px 12px 62px;box-sizing:border-box;filter:drop-shadow(0 14px 10px #000) drop-shadow(0 0 22px #dcb95720);transition:opacity .3s}
.dt-bull-stage.is-ready .dt-bull-fallback{opacity:0}
.dt-bull-halo{position:absolute;inset:5% -8% 10%;border-radius:50%;background:radial-gradient(ellipse,#dfb85a14,transparent 64%)}
.dt-bull-plinth{position:absolute;bottom:45px;left:12%;width:76%;height:35px;border:1px solid #d7b46625;border-radius:50%;background:radial-gradient(ellipse,#d6a64a13,transparent 70%);box-shadow:0 15px 50px #000,0 0 40px #b18b3310}
.dt-bull-signature{position:absolute;bottom:0;inset-inline:0;text-align:center;font-size:11px;color:#d7c394;font-weight:600;letter-spacing:.25em}
.dt-bull-signature span{display:block;margin-top:7px;color:#74786d;font-size:8px;letter-spacing:.28em}
html[dir=rtl] .dt-hero h1{letter-spacing:0;line-height:1.35}
@media(min-width:1600px){html body .dt-hero{min-height:760px}}
@media(max-width:1000px){html body .dt-hero-layout{width:calc(100% - 64px);gap:10px}.dt-bull-stage{height:420px}html body .dt-hero h1{font-size:54px}}
@media(max-width:768px){html body .dt-hero{padding:22px 0 58px;min-height:0}html body .dt-hero-layout{grid-template-columns:1fr;width:calc(100% - 40px);gap:28px}.dt-bull-stage{grid-row:1;height:280px;max-width:460px;margin:auto}.dt-bull-plinth{bottom:24px}.dt-bull-signature{display:none}.dt-bull-fallback{padding:12px 20px 28px}html body .dt-hero h1{font-size:clamp(38px,9vw,60px)!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.045em;margin-bottom:20px}html body .dt-hero .badge{font-size:10px!important;padding:8px 10px!important;margin-bottom:20px}html body .dt-hero p{font-size:14px;line-height:1.8;margin-bottom:26px;max-width:560px}html body .dt-hero .hero-actions{gap:10px}html body .dt-hero .primary-btn,html body .dt-hero .ghost-btn{padding:0 15px;min-height:50px;font-size:12px}.dt-hero-grid{background-size:48px 48px}}
@media(prefers-reduced-motion:reduce){.dt-hero *{transition:none!important;animation:none!important}}

/* 2026 hero refinements: layered market light, a restrained bull showcase, and
   readable copy at both narrow and wide widths. The SVG stays as the no-WebGL art. */
.dt-hero-chart{position:absolute;inset:0;width:100%;height:100%;opacity:.65;filter:drop-shadow(0 0 12px #d2a75938)}
.dt-hero-chart path{fill:none;stroke:url(#dtHeroChartGradient);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dt-hero-atmosphere{overflow:hidden}
.dt-hero-atmosphere::before{content:'';position:absolute;inset:-30%;background:radial-gradient(ellipse at 74% 48%,#d7a54d1a,transparent 28%),radial-gradient(ellipse at 11% 78%,#29352838,transparent 34%);filter:blur(28px)}
html body .dt-hero-layout{gap:clamp(32px,5vw,88px)}
html body .dt-hero h1{font-size:clamp(48px,5.4vw,86px);line-height:1.045;letter-spacing:-.055em;filter:drop-shadow(0 8px 34px #b8892535)}
html body .dt-hero .badge{border-radius:999px;letter-spacing:.06em;background:linear-gradient(95deg,#e0bc661a,#e0bc6608);box-shadow:inset 0 1px #f5dfa72a,0 0 26px #c69e3e0c}
html body .dt-hero .primary-btn{background:linear-gradient(115deg,#fff0b5 0%,#e8bf66 48%,#bb8b36 100%);border-color:#ffe8a884;box-shadow:inset 0 1px #fff7d7ab,0 12px 34px #b98c3138}
html body .dt-hero .ghost-btn{background:linear-gradient(145deg,#ffffff0d,#ffffff04);border-color:#e8d7af42;box-shadow:inset 0 1px #ffffff1c,0 10px 30px #0005}
.dt-bull-stage{isolation:isolate;border-radius:36px;background:radial-gradient(ellipse at 50% 47%,#c89b3720,transparent 58%),linear-gradient(130deg,#d5ad3e0a,transparent 42%,#d5ad3e08);border:1px solid #e4bd6030;box-shadow:inset 0 1px #f4d6842c,inset 0 -70px 100px #0008,0 25px 95px #0008}
.dt-bull-stage::before{content:'';position:absolute;inset:10% 9%;z-index:0;border-radius:50%;background:radial-gradient(ellipse,#ffe3a80d,transparent 62%);box-shadow:0 0 80px #b8842830;pointer-events:none}
.dt-bull-halo{z-index:0}
.dt-bull-orbit{position:absolute;left:50%;top:49%;z-index:1;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) rotateX(68deg);border:1px solid #e6bb6752;box-shadow:0 0 34px #bd873a14,inset 0 0 24px #bd873a11}
.dt-bull-orbit--outer{width:78%;height:70%;animation:dtBullOrbit 24s linear infinite}
.dt-bull-orbit--inner{width:58%;height:52%;border-color:#f2d28c3c;animation:dtBullOrbit 18s linear reverse infinite}
.dt-bull-orbit--outer::before,.dt-bull-orbit--inner::before{content:'';position:absolute;left:22%;top:-4px;width:8px;height:8px;border-radius:50%;background:#f9d98e;box-shadow:0 0 13px #f8c46f,0 0 32px #cf8e33}
@keyframes dtBullOrbit{from{transform:translate(-50%,-50%) rotateX(68deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(68deg) rotate(360deg)}}
@media(max-width:768px){
  html body .dt-hero{padding:16px 0 54px}
  html body .dt-hero-layout{gap:20px;width:calc(100% - 36px)}
  .dt-bull-stage{height:clamp(245px,75vw,340px);border-radius:26px}
  html body .dt-hero h1{font-size:clamp(38px,9.2vw,60px)!important;line-height:1.1!important;margin-bottom:18px}
  html body .dt-hero p{font-size:16px;line-height:1.65;color:#c5c6c0;margin-bottom:24px}
  html body .dt-hero .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .dt-hero .primary-btn,html body .dt-hero .ghost-btn{min-width:0;min-height:52px;text-align:center}
  .dt-bull-fallback{padding:12px 22px 30px}
}
@media(max-width:440px){html body .dt-hero .hero-actions{grid-template-columns:1fr}html body .dt-hero .primary-btn,html body .dt-hero .ghost-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.dt-bull-orbit{animation:none!important}}

/* Stop decorative orbital motion alongside the offscreen WebGL loop. */
.dt-bull-stage.is-paused .dt-bull-orbit{animation-play-state:paused}