/* Techmen Homepage Hero V37 — responsive alignment + scroll-reactive 3D Earth */
#tmLayeredHome{min-height:100svh!important;height:100svh!important;max-height:100svh!important;overflow:hidden!important;background:#040710!important;position:relative!important}
#tmLayeredHome .home-city{animation:none!important;transform:none!important;filter:none!important;object-position:center bottom!important}
#tmLayeredHome .home-shade{background:linear-gradient(90deg,#03060df7 0%,#03060de3 31%,#03060d7d 49%,#03060d24 71%,transparent 100%),linear-gradient(180deg,#02050d1c,transparent 62%)!important}
#tmLayeredHome::before,#tmLayeredHome .home-rays,#tmLayeredHome .home-operator,#tmLayeredHome .home-operator-mobile,#tmLayeredHome .home-rig,#tmLayeredHome .home-projector,#tmLayeredHome .home-shoulder-patch,#tmLayeredHome .home-particle-canvas,#tmLayeredHome .home-lens-glow,#tmLayeredHome .tm-world-stage,#tmLayeredHome .tm-flag-stage,#tmLayeredHome .tm-earth-stage,[class^="home-live-"],[class*=" home-live-"]{display:none!important}
#tmLayeredHome .home-visual{position:absolute!important;inset:0!important;z-index:2!important;overflow:visible!important;pointer-events:none!important}
#tmLayeredHome .home-copy{position:absolute!important;left:6.4%!important;right:auto!important;top:clamp(112px,16.4vh,158px)!important;width:min(46.5%,720px)!important;z-index:7!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:0!important}
#tmLayeredHome .home-copy::after{display:none!important}
#tmLayeredHome .home-eyebrow{margin:0 0 16px!important;font-size:clamp(8px,.69vw,12px)!important;line-height:1.35!important;letter-spacing:.25em!important}
html body #tmLayeredHome h1{margin:0 0 17px!important;font-size:clamp(42px,4.45vw,78px)!important;line-height:.985!important;letter-spacing:-.044em!important;color:#fbfafc!important}
html body #tmLayeredHome h1 em{background:linear-gradient(96deg,#a42df2 0%,#c532e7 27%,#ed4cc7 49%,#f78275 71%,#ffc44d 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 0 14px rgba(205,58,226,.13))!important}
#tmLayeredHome .home-description{max-width:690px!important;margin:0!important;font-size:clamp(12px,1vw,17px)!important;line-height:1.55!important;color:#d9d2df!important}
#tmLayeredHome .home-actions{margin-top:20px!important;gap:12px!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important}
#tmLayeredHome .home-actions a{min-height:49px!important;padding:9px 20px!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease!important;will-change:transform}
#tmLayeredHome .home-actions a:hover{transform:translateY(-3px) scale(1.015)!important;box-shadow:0 12px 34px rgba(196,61,231,.16),0 0 22px rgba(255,153,77,.08)!important}
#tmLayeredHome .home-metrics{left:6.4%!important;top:72%!important;width:min(35.5%,590px)!important;z-index:7!important;gap:0!important}
#tmLayeredHome .home-metrics>*{transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease!important;will-change:transform}
#tmLayeredHome .home-metrics>*:hover{transform:translateY(-4px) perspective(500px) rotateX(3deg)!important;filter:drop-shadow(0 8px 16px rgba(180,77,240,.12))}
#tmLayeredHome .home-tagline{left:6.4%!important;bottom:4.4%!important;z-index:7!important}
#tmLayeredHome .tm-v37-earth-stage{position:absolute;left:51.4%;right:1.2%;top:7.5%;bottom:4.5%;z-index:4;display:grid;place-items:center;perspective:1500px;transform-style:preserve-3d;pointer-events:none;will-change:transform}
#tmLayeredHome .tm-v37-earth-wrap{position:relative;width:min(42vw,660px);aspect-ratio:1;transform-style:preserve-3d;will-change:transform}
#tmLayeredHome .tm-v37-earth-wrap::before{content:"";position:absolute;inset:-14%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(238,91,255,.13) 0,rgba(147,79,255,.08) 30%,rgba(255,166,78,.045) 48%,transparent 71%);filter:blur(25px);mix-blend-mode:screen}
#tmLayeredHome .tm-v37-earth-canvas{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 25px rgba(189,70,237,.18)) drop-shadow(0 0 54px rgba(255,157,69,.09))}
#tmLayeredHome .tm-v37-growth{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:5;pointer-events:none;white-space:nowrap;font:800 clamp(31px,3.3vw,60px)/1 Montserrat,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(92deg,#fff 0%,#f5dcff 34%,#ffbd72 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 14px rgba(255,255,255,.12),0 0 26px rgba(207,76,236,.16);filter:drop-shadow(0 0 12px rgba(255,171,83,.1))}
#tmLayeredHome .tm-v37-growth::after{content:"|";color:#ffd39a;-webkit-text-fill-color:#ffd39a;margin-left:.08em;animation:tmV37Cursor .78s steps(1) infinite}
#tmLayeredHome .tm-v37-growth[data-lang="ar"]{letter-spacing:0;text-transform:none;font-family:"Cairo","Noto Kufi Arabic",Arial,sans-serif;font-size:clamp(35px,4vw,68px)}
@keyframes tmV37Cursor{50%{opacity:0}}
#tmLayeredHome .tm-v37-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(236,219,255,.17);border-radius:50%;transform-style:preserve-3d;pointer-events:none;box-shadow:0 0 20px rgba(173,75,233,.06)}
#tmLayeredHome .tm-v37-orbit::after{content:"✦";position:absolute;left:8%;top:9%;font-size:10px;color:#fff4db;text-shadow:0 0 7px #fff,0 0 16px #d64af0,0 0 24px #ffad55}
#tmLayeredHome .tm-v37-orbit.o1{width:82%;height:82%;margin:-41% 0 0 -41%;animation:tmV37Orbit1 18s linear infinite}
#tmLayeredHome .tm-v37-orbit.o2{width:104%;height:58%;margin:-29% 0 0 -52%;border-color:rgba(255,188,100,.14);animation:tmV37Orbit2 24s linear infinite}
#tmLayeredHome .tm-v37-orbit.o3{width:64%;height:112%;margin:-56% 0 0 -32%;border-color:rgba(198,92,255,.15);animation:tmV37Orbit3 29s linear infinite}
@keyframes tmV37Orbit1{to{transform:rotate(360deg)}}@keyframes tmV37Orbit2{from{transform:rotateX(66deg) rotateZ(0)}to{transform:rotateX(66deg) rotateZ(360deg)}}@keyframes tmV37Orbit3{from{transform:rotateY(67deg) rotateZ(0)}to{transform:rotateY(67deg) rotateZ(-360deg)}}
html[dir="rtl"] #tmLayeredHome .home-copy,html[lang^="ar"] #tmLayeredHome .home-copy{left:5.4%!important;right:auto!important;top:clamp(112px,15.8vh,154px)!important;width:41.5%!important;text-align:right!important;align-items:flex-end!important;direction:rtl!important}
html[dir="rtl"] #tmLayeredHome .home-eyebrow,html[lang^="ar"] #tmLayeredHome .home-eyebrow{letter-spacing:0!important;margin-bottom:14px!important}
html[dir="rtl"] #tmLayeredHome h1,html[lang^="ar"] #tmLayeredHome h1{font-size:clamp(39px,4.15vw,72px)!important;line-height:1.08!important;letter-spacing:0!important;width:100%!important}
html[dir="rtl"] #tmLayeredHome .home-description,html[lang^="ar"] #tmLayeredHome .home-description{width:100%!important;max-width:620px!important;line-height:1.7!important;text-align:right!important;margin-left:auto!important}
html[dir="rtl"] #tmLayeredHome .home-actions,html[lang^="ar"] #tmLayeredHome .home-actions{justify-content:flex-start!important;direction:rtl!important;width:100%!important}
html[dir="rtl"] #tmLayeredHome .home-metrics,html[lang^="ar"] #tmLayeredHome .home-metrics{left:5.4%!important;right:auto!important;width:39%!important;direction:rtl!important;text-align:right!important}
html[dir="rtl"] #tmLayeredHome .home-tagline,html[lang^="ar"] #tmLayeredHome .home-tagline{left:5.4%!important;right:auto!important;text-align:right!important}
@media(max-width:1180px) and (min-width:701px){#tmLayeredHome .home-copy{left:5.2%!important;width:48%!important}#tmLayeredHome .home-metrics,#tmLayeredHome .home-tagline{left:5.2%!important}#tmLayeredHome .tm-v37-earth-stage{left:50%;right:-5%;transform:scale(.9);transform-origin:right center}html[dir="rtl"] #tmLayeredHome .home-copy,html[lang^="ar"] #tmLayeredHome .home-copy{left:4.6%!important;width:43%!important}}
@media(max-width:700px){
#tmLayeredHome{height:auto!important;max-height:none!important;min-height:100svh!important;padding:78px 14px 22px!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden!important}
#tmLayeredHome .home-copy,html[dir="rtl"] #tmLayeredHome .home-copy,html[lang^="ar"] #tmLayeredHome .home-copy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;order:0!important;align-items:flex-start!important;text-align:left!important;margin:0!important}
#tmLayeredHome .home-eyebrow{margin:0 0 11px!important;font-size:8.5px!important;letter-spacing:.14em!important}
html body #tmLayeredHome h1{font-size:clamp(34px,10.5vw,50px)!important;line-height:.99!important;margin:0 0 12px!important}
#tmLayeredHome .home-description{font-size:13.5px!important;line-height:1.48!important;max-width:none!important}
#tmLayeredHome .home-actions{margin-top:14px!important;gap:8px!important;width:100%!important}
#tmLayeredHome .home-actions a{width:100%!important;min-height:45px!important;padding:8px 15px!important;justify-content:center!important}
#tmLayeredHome .home-visual{position:relative!important;inset:auto!important;order:1!important;height:335px!important;width:calc(100% + 28px)!important;margin:2px -14px -5px!important}
#tmLayeredHome .tm-v37-earth-stage{left:0!important;right:0!important;top:0!important;bottom:0!important;transform:none!important}
#tmLayeredHome .tm-v37-earth-wrap{width:min(82vw,330px)!important}
#tmLayeredHome .tm-v37-growth{font-size:clamp(25px,8vw,35px)!important}
#tmLayeredHome .home-metrics,html[dir="rtl"] #tmLayeredHome .home-metrics,html[lang^="ar"] #tmLayeredHome .home-metrics{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;order:2!important;margin:2px 0 0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;direction:ltr!important;text-align:left!important}
#tmLayeredHome .home-tagline,html[dir="rtl"] #tmLayeredHome .home-tagline,html[lang^="ar"] #tmLayeredHome .home-tagline{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;order:3!important;margin:18px 0 0!important}
html[dir="rtl"] #tmLayeredHome .home-copy,html[lang^="ar"] #tmLayeredHome .home-copy{text-align:right!important;align-items:flex-end!important;direction:rtl!important}
html[dir="rtl"] #tmLayeredHome .home-eyebrow,html[lang^="ar"] #tmLayeredHome .home-eyebrow{letter-spacing:0!important}
html[dir="rtl"] #tmLayeredHome h1,html[lang^="ar"] #tmLayeredHome h1{font-size:clamp(32px,9.7vw,46px)!important;line-height:1.09!important;text-align:right!important;width:100%!important}
html[dir="rtl"] #tmLayeredHome .home-description,html[lang^="ar"] #tmLayeredHome .home-description{font-size:13px!important;line-height:1.7!important;text-align:right!important;width:100%!important;max-width:none!important}
html[dir="rtl"] #tmLayeredHome .home-actions,html[lang^="ar"] #tmLayeredHome .home-actions{direction:rtl!important;justify-content:stretch!important}
html[dir="rtl"] #tmLayeredHome .home-metrics,html[lang^="ar"] #tmLayeredHome .home-metrics{direction:rtl!important;text-align:right!important}
html[dir="rtl"] #tmLayeredHome .home-tagline,html[lang^="ar"] #tmLayeredHome .home-tagline{text-align:right!important;width:100%!important}
}
@media(max-width:380px){#tmLayeredHome{padding-top:72px!important}html body #tmLayeredHome h1{font-size:32px!important}#tmLayeredHome .home-visual{height:305px!important}#tmLayeredHome .tm-v37-earth-wrap{width:286px!important}}
@media(prefers-reduced-motion:reduce){#tmLayeredHome .tm-v37-orbit{animation-duration:90s!important}#tmLayeredHome .tm-v37-growth::after{animation:none!important}}

