.tokod-energy { --okod-accent:#f5c400; --okod-overlay:76%; --tokod-content-bg:rgba(13,13,13,.82); position:relative; isolation:isolate; display:flex; align-items:center; min-height:620px; overflow:hidden; color:#fff; background-color:#090a0a; background-position:center; background-repeat:no-repeat; background-size:cover; font-family:Arial,Helvetica,sans-serif; }
.tokod-energy *, .tokod-energy *::before, .tokod-energy *::after { box-sizing:border-box; }
.tokod-energy::before { position:absolute; z-index:-2; inset:0; content:""; background:linear-gradient(90deg,rgb(0 0 0 / var(--okod-overlay)) 0%,rgba(0,0,0,.74) 48%,rgba(0,0,0,.22) 100%); }
.tokod-energy::after { position:absolute; z-index:-1; inset:auto 0 0; height:42%; content:""; background:linear-gradient(0deg,rgba(0,0,0,.72),transparent); }
.tokod-energy__texture { position:absolute; z-index:-1; inset:0; opacity:.22; background-image:radial-gradient(circle at 12% 24%,var(--okod-accent) 0 1px,transparent 2px),radial-gradient(circle at 84% 70%,#fff 0 1px,transparent 2px); background-size:61px 61px,83px 83px; mix-blend-mode:overlay; }
.tokod-energy__inner { width:min(100% - 40px,1380px); margin-inline:auto; padding:clamp(72px,8vw,124px) 0; }
.tokod-energy__content { max-width:820px; padding:clamp(28px,4vw,58px); background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 45%),var(--tokod-content-bg); border:1px solid rgba(255,255,255,.14); border-left:4px solid var(--okod-accent); border-radius:2px 18px 18px 2px; box-shadow:0 28px 70px rgba(0,0,0,.4); backdrop-filter:blur(6px); }
.tokod-energy__title { margin:0; color:#fff; font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:clamp(48px,6vw,88px); font-weight:900; line-height:.94; letter-spacing:.01em; text-transform:uppercase; text-shadow:0 5px 22px rgba(0,0,0,.55); }
.tokod-energy__rule { width:min(190px,38%); height:5px; margin:25px 0; background:var(--okod-accent); transform-origin:left; }
.tokod-energy__copy { color:#e6e6e6; font-size:clamp(17px,1.35vw,21px); line-height:1.65; }
.tokod-energy__copy p { margin:0 0 13px; }
.tokod-energy__copy p:last-child { margin-bottom:0; }
.tokod-energy__copy strong { color:#fff; }
.tokod-energy [data-okod-animate] { opacity:0; transform:translate3d(-44px,18px,0); transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1); transition-delay:var(--delay); }
.tokod-energy .tokod-energy__rule[data-okod-animate] { transform:scaleX(0); }
.tokod-energy.is-visible [data-okod-animate] { opacity:1; transform:translate3d(0,0,0); }
.tokod-energy.is-visible .tokod-energy__rule[data-okod-animate] { transform:scaleX(1); }
@media (max-width:767px) { .tokod-energy { background-position:center top; }.tokod-energy.has-mobile-background { background-image:var(--okod-mobile-bg)!important; }.tokod-energy::before { background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.9) 65%); }.tokod-energy__inner { width:min(100% - 24px,620px); padding:50px 0; }.tokod-energy__content { min-width:0; padding:30px 22px; }.tokod-energy__title { max-width:100%; font-size:clamp(30px,7vw,40px); line-height:1; overflow-wrap:anywhere; word-break:break-word; } }
@media (prefers-reduced-motion:reduce) { .tokod-energy *, .tokod-energy *::before { animation:none!important; transition-duration:.01ms!important; }.tokod-energy [data-okod-animate] { opacity:1; transform:none; } }