/* Premium homepage hero — v1.7.0 */
.techworld-home.site-main { padding-block: 0; }
.techworld-home-hero { position: relative; min-height: min(820px, calc(100vh - 100px)); overflow: hidden; display: flex; align-items: center; color: #fff; background: linear-gradient(118deg, #06152c 0%, #0a2853 50%, #123f85 100%); isolation: isolate; }
.techworld-home-hero__grid { position: absolute; inset: 0; z-index: -2; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, #000, transparent 95%); }
.techworld-home-hero__glow { position: absolute; z-index: -1; width: 34rem; height: 34rem; border-radius: 50%; filter: blur(10px); opacity: .28; }
.techworld-home-hero__glow--one { top: -15rem; right: -7rem; background: #2f6fed; }
.techworld-home-hero__glow--two { bottom: -23rem; left: 30%; background: #f7b731; opacity: .12; }
.techworld-home-hero__container { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr); gap: clamp(3rem, 6vw, 7rem); align-items: center; padding-block: clamp(5rem, 9vw, 8rem); }
.techworld-js [data-home-reveal] { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.techworld-js [data-home-reveal].is-visible { opacity: 1; transform: translateY(0); }
.techworld-home-hero__eyebrow { display: inline-flex; gap: .65rem; align-items: center; margin: 0 0 1.25rem; color: #dbe8ff; font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.techworld-home-hero__eyebrow-mark { width: 2rem; height: 2px; background: #f7b731; box-shadow: 0 0 16px rgba(247,183,49,.65); }
.techworld-home-hero h1 { max-width: 13ch; margin: 0; color: #fff; font-size: clamp(2.8rem, 5.5vw, 5.65rem); line-height: .98; letter-spacing: -.055em; text-wrap: balance; }
.techworld-home-hero__description { max-width: 64ch; margin: 1.5rem 0 0; color: rgba(255,255,255,.76); font-size: clamp(1rem, 1.25vw, 1.16rem); line-height: 1.8; }
.techworld-home-hero__capabilities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1.5rem; margin: 1.8rem 0 0; padding: 0; list-style: none; }
.techworld-home-hero__capabilities li { display: flex; gap: .65rem; align-items: center; color: #edf4ff; font-size: .88rem; font-weight: 650; }
.techworld-home-hero__capabilities li span { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; color: #07172f; font-size: .7rem; font-weight: 900; background: #f7b731; border-radius: 50%; }
.techworld-home-hero__actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2.25rem; }
.techworld-home-hero__button { display: inline-flex; min-height: 48px; gap: .75rem; align-items: center; justify-content: center; padding: .78rem 1.25rem; border-radius: 8px; font-size: .88rem; font-weight: 800; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease; }
.techworld-home-hero__button:hover, .techworld-home-hero__button:focus-visible { transform: translateY(-2px); }
.techworld-home-hero__button--primary { color: #07172f; background: #f7b731; box-shadow: 0 14px 32px rgba(247,183,49,.22); }
.techworld-home-hero__button--primary:hover, .techworld-home-hero__button--primary:focus-visible { color: #07172f; background: #ffc34f; box-shadow: 0 18px 38px rgba(247,183,49,.3); }
.techworld-home-hero__button--secondary { color: #fff; border: 1px solid rgba(255,255,255,.27); background: rgba(255,255,255,.06); backdrop-filter: blur(8px); }
.techworld-home-hero__button--secondary:hover, .techworld-home-hero__button--secondary:focus-visible { color: #fff; border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.11); }
.techworld-home-hero__visual { --tw-parallax-x: 0px; --tw-parallax-y: 0px; position: relative; min-height: 540px; transform: translate(var(--tw-parallax-x), var(--tw-parallax-y)); transition: opacity .7s ease, transform .25s ease-out; }
.techworld-home-hero__visual.is-visible { transform: translate(var(--tw-parallax-x), var(--tw-parallax-y)); }
.techworld-engineering-scene { position: absolute; inset: 2rem 0 1rem 1rem; }
.techworld-engineering-scene__panel { position: absolute; inset: 4rem 1.5rem 3rem 2rem; padding: 1.1rem; overflow: hidden; color: #b9d0ff; background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.035)); border: 1px solid rgba(255,255,255,.18); border-radius: 24px; box-shadow: 0 35px 80px rgba(0,0,0,.34); backdrop-filter: blur(12px); transform: perspective(1000px) rotateY(-6deg) rotateX(2deg); }
.techworld-engineering-scene__panel::after { position: absolute; inset: 0; pointer-events: none; content: ""; background: linear-gradient(120deg, rgba(255,255,255,.12), transparent 35%); }
.techworld-engineering-scene__panel-top { display: flex; gap: .45rem; }
.techworld-engineering-scene__panel-top span { width: .55rem; height: .55rem; background: rgba(255,255,255,.24); border-radius: 50%; }
.techworld-engineering-scene__panel-top span:first-child { background: #f7b731; }
.techworld-engineering-scene__panel svg { display: block; width: 100%; height: calc(100% - 2rem); margin-top: .5rem; }
.techworld-engineering-scene__status { position: absolute; right: 1.25rem; bottom: 1.1rem; display: flex; gap: .55rem; align-items: center; padding: .55rem .75rem; color: #e9f8ee; font-size: .7rem; font-weight: 750; background: rgba(7,23,47,.72); border: 1px solid rgba(255,255,255,.14); border-radius: 7px; }
.techworld-engineering-scene__status span { width: .5rem; height: .5rem; background: #43d17b; border-radius: 50%; box-shadow: 0 0 0 5px rgba(67,209,123,.12); }
.techworld-engineering-scene__ring { position: absolute; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; animation: techworld-home-rotate 20s linear infinite; }
.techworld-engineering-scene__ring--one { inset: 0 1rem 0 0; }
.techworld-engineering-scene__ring--two { inset: 4rem 5rem 4rem 4rem; border-style: dashed; animation-direction: reverse; animation-duration: 28s; }
.techworld-home-stat { position: absolute; z-index: 3; display: grid; min-width: 142px; padding: .95rem 1rem; background: rgba(255,255,255,.94); border: 1px solid rgba(255,255,255,.7); border-radius: 12px; box-shadow: 0 18px 45px rgba(0,0,0,.22); animation: techworld-home-float 5s ease-in-out infinite; }
.techworld-home-stat strong { color: #0a2853; font-size: 1.45rem; line-height: 1; }
.techworld-home-stat span { margin-top: .4rem; color: #65748a; font-size: .68rem; font-weight: 750; letter-spacing: .03em; text-transform: uppercase; }
.techworld-home-stat--one { top: 1rem; right: 0; }
.techworld-home-stat--two { bottom: 1.5rem; left: 0; animation-delay: -1.7s; }
.techworld-home-stat--three { right: .5rem; bottom: 0; animation-delay: -3.1s; }
.techworld-home-hero__scroll { position: absolute; bottom: 1.5rem; left: 50%; display: grid; width: 28px; height: 42px; place-items: start center; padding-top: .55rem; border: 1px solid rgba(255,255,255,.32); border-radius: 999px; transform: translateX(-50%); }
.techworld-home-hero__scroll span { width: 4px; height: 7px; background: #f7b731; border-radius: 999px; animation: techworld-home-scroll 1.7s ease-in-out infinite; }
.techworld-trust-bar { position: relative; z-index: 4; color: #1e293b; background: #fff; border-bottom: 1px solid #e5eaf2; box-shadow: 0 14px 40px rgba(15,23,42,.05); }
.techworld-trust-bar__container { display: grid; grid-template-columns: minmax(180px, .65fr) minmax(0, 1.35fr); gap: 2rem; align-items: center; min-height: 118px; }
.techworld-trust-bar p { margin: 0; color: #64748b; font-size: .78rem; font-weight: 750; line-height: 1.55; letter-spacing: .05em; text-transform: uppercase; }
.techworld-trust-bar__logos { display: flex; flex-wrap: wrap; gap: 1.2rem 2.4rem; align-items: center; justify-content: flex-end; }
.techworld-trust-bar__logos span { color: #9aa5b4; font-size: clamp(.72rem, 1vw, .9rem); font-weight: 900; letter-spacing: .08em; white-space: nowrap; filter: grayscale(1); }
.techworld-home-content { padding-block: clamp(3rem, 6vw, 6rem); }
@keyframes techworld-home-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes techworld-home-rotate { to { transform: rotate(360deg); } }
@keyframes techworld-home-scroll { 0% { opacity: 0; transform: translateY(0); } 45% { opacity: 1; } 100% { opacity: 0; transform: translateY(16px); } }
@media (max-width: 1100px) { .techworld-home-hero__container { grid-template-columns: 1fr 430px; gap: 2rem; } .techworld-home-stat--one { right: 1rem; } }
@media (max-width: 900px) { .techworld-home-hero { min-height: auto; } .techworld-home-hero__container { grid-template-columns: 1fr; padding-block: 5rem 3rem; } .techworld-home-hero__content { max-width: 760px; } .techworld-home-hero h1 { max-width: 14ch; } .techworld-home-hero__visual { min-height: 480px; width: min(100%, 620px); margin-inline: auto; } .techworld-home-hero__scroll { display: none; } .techworld-trust-bar__container { grid-template-columns: 1fr; gap: 1.25rem; padding-block: 1.7rem; } .techworld-trust-bar__logos { justify-content: flex-start; } }
@media (max-width: 600px) { .techworld-home-hero__container { padding-block: 4rem 2.75rem; } .techworld-home-hero h1 { font-size: clamp(2.45rem, 13vw, 3.7rem); } .techworld-home-hero__capabilities { grid-template-columns: 1fr; } .techworld-home-hero__actions { display: grid; grid-template-columns: 1fr; } .techworld-home-hero__visual { min-height: 390px; } .techworld-engineering-scene { inset: 1rem 0; } .techworld-engineering-scene__panel { inset: 3rem .5rem 3.5rem; border-radius: 16px; transform: none; } .techworld-home-stat { min-width: 118px; padding: .75rem .8rem; } .techworld-home-stat strong { font-size: 1.15rem; } .techworld-home-stat span { font-size: .58rem; } .techworld-home-stat--one { top: 0; right: 0; } .techworld-home-stat--two { bottom: 1rem; left: 0; } .techworld-home-stat--three { right: 0; bottom: 0; } .techworld-trust-bar__logos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } }
@media (prefers-reduced-motion: reduce) { [data-home-reveal] { opacity: 1; transform: none; transition: none; } .techworld-engineering-scene__ring, .techworld-home-stat, .techworld-home-hero__scroll span { animation: none; } .techworld-home-hero__button { transition: none; } }
.techworld-home-hero{background-image:linear-gradient(115deg,rgba(4,28,62,.94),rgba(22,77,160,.88)),var(--tw-home-hero-bg);background-size:cover;background-position:center}.techworld-home-hero__custom-image{position:absolute;inset:6% 2% 6% 8%;z-index:3;margin:0;border-radius:26px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.3)}.techworld-home-hero__custom-image img{width:100%;height:100%;object-fit:cover}.techworld-home-hero__custom-image+.techworld-engineering-scene{opacity:.28}@media(max-width:900px){.techworld-home-hero__custom-image{position:relative;inset:auto;aspect-ratio:4/3;margin-bottom:20px}.techworld-home-hero__custom-image+.techworld-engineering-scene{display:none}}