/* Near-black opening, white geography and TFC orange accents. */
.tfc-home{--tfc-orange:#f55217;--tfc-orange-hover:#ff713d;--tfc-dark:#080808}
.hero.hero-network{background:var(--tfc-dark);color:#fff;height:100svh;min-height:750px;max-height:none}
.hero-network::after{display:none}
.hero-network .hero-globe{width:74vw;height:92svh;right:-12vw;top:7svh;filter:none;pointer-events:none}
.hero-network #tfc-globe{position:absolute;inset:0;width:100%;height:100%}
.globe-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.tfc-globe-label{position:absolute;top:0;left:0;display:block;padding:4px 7px;border-radius:3px;background:rgba(8,8,8,.94);color:#fff;font:12px/1.3 var(--font-mono);letter-spacing:.025em;white-space:nowrap;opacity:0;will-change:transform,opacity}
.tfc-globe-label[data-home]{font-weight:700;color:#ff8b57}
.tfc-globe-label[data-inactive]{color:#aaa;font-weight:400}
.hero-network .hero-copy{width:54%;max-width:800px;bottom:106px}
.hero-network .hero-copy h1{font-size:clamp(48px,5.35vw,86px);line-height:1.06;max-width:none}
.hero-network .hero-intro-lead{color:#e0e0e0;font-size:clamp(18px,1.5vw,22px);max-width:500px}
.hero-network .hero-actions{gap:12px}
.hero-network .pill{background:var(--tfc-orange);border-color:var(--tfc-orange);color:#080808;font-size:14px;min-height:50px}
.hero-network .pill.outline{background:transparent;border-color:#ffffff60;color:#fff}
.hero-network .pill:hover{background:var(--tfc-orange-hover);border-color:var(--tfc-orange-hover);color:#080808}
.hero-network .pill.outline:hover{background:#fff;border-color:#fff;color:#080808}
.hero-network .scroll-cue{right:auto;gap:22px;color:#c9c9c9;font-size:12px;min-height:44px;bottom:16px}
.hero-network .scroll-cue svg{width:23px;height:23px}
.globe-toggle{position:absolute;z-index:3;right:4vw;bottom:20px;min-height:44px;padding:10px 16px;border:1px solid #ffffff40;border-radius:999px;background:transparent;color:#d3d3d3;font:14px/1 var(--font-body)}
.hero-network a:focus-visible,.globe-toggle:focus-visible{outline:2px solid #fff;outline-offset:5px}
.tfc-home .site-header:not(.menu-open) .top-strip{border-color:#fff2}
.tfc-home .site-header:not(.menu-open) .header-cta,
.tfc-home .contact-cta-link,
.tfc-home .site-footer .pill.blue{background:var(--tfc-orange);border-color:var(--tfc-orange);color:#080808}
.tfc-home .site-header:not(.menu-open) .header-cta:hover,
.tfc-home .contact-cta-link:hover,
.tfc-home .site-footer .pill.blue:hover{background:var(--tfc-orange-hover);border-color:var(--tfc-orange-hover);color:#080808}
@media(min-width:768px) and (max-width:1100px){
  .hero-network .hero-copy{width:58%;bottom:100px}
  .hero-network .hero-copy h1{font-size:5.5vw}
  .hero-network .hero-globe{width:86vw;right:-25vw}
  .hero-network .hero-actions{flex-wrap:wrap}
}
@media(max-width:767px){
  .hero.hero-network{height:100svh;min-height:850px}
  .hero-network .hero-globe{width:126vw;height:126vw;max-height:640px;right:-15vw;top:100px;mask-image:linear-gradient(#000 0%,#000 75%,transparent 100%)}
  .hero-network .hero-copy{left:24px;right:24px;width:auto;max-width:none;bottom:85px}
  .hero-network .hero-copy::before{content:'';position:absolute;inset:-42px -24px -22px;z-index:-1;background:linear-gradient(transparent,#080808 44px,#080808)}
  .hero-network .hero-copy h1{font-size:clamp(26px,9.2vw,70px);line-height:1.04;margin-bottom:22px}
  .hero-network .hero-copy .eyebrow{font-size:15px;margin-bottom:18px}
  .hero-network .hero-intro-lead{font-size:18px;max-width:350px;margin-bottom:24px}
  .hero-network .hero-actions{gap:8px;flex-wrap:wrap}
  .hero-network .pill{font-size:12px;padding:15px 12px;min-height:48px}
  .hero-network .scroll-cue{left:24px;font-size:10px;gap:12px;bottom:17px}
  .globe-toggle{right:24px;bottom:18px;font-size:14px;padding:10px 13px}
  .tfc-globe-label{font-size:12px;padding:3px 5px}
}
@media(max-width:359px){
  .hero.hero-network{min-height:830px}
  .hero-network .hero-globe{top:112px}
  .hero-network .hero-copy{bottom:88px}
  .hero-network .hero-intro-lead{font-size:16px}
  .hero-network .pill{font-size:11px;padding-inline:12px}
  .hero-network .scroll-cue{font-size:9px;gap:8px}
  .globe-toggle{right:20px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.tfc-globe-label{will-change:auto}}