.hero-reimagined{background:radial-gradient(ellipse at 80% 45%,#0c2852 0%,#07192e 39%,#06131f 77%)}
.hero-layout{grid-template-columns:.94fr 1.06fr;gap:0;min-height:735px;padding-top:20px;padding-bottom:55px}
.hero.home h1{font-size:clamp(60px,5.4vw,88px);font-weight:600;line-height:1.04;letter-spacing:-.065em;margin-bottom:30px}
.hero.home .lead{font-size:18px;max-width:490px;color:#b6ccd9;line-height:1.75}
.hero.home .hero-copy{max-width:570px}
.hero-capabilities{margin-top:52px;font-size:9px}
.hero-layout .connected-scene{position:relative;isolation:isolate;height:650px;width:calc(100% + 125px);margin:0 -100px 0 -25px;transform:none}
.hero-canvas,.scene-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.scene-fallback{opacity:.5;transition:opacity .6s}
.scene-ready .scene-fallback{opacity:0}
.scene-backlight{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,rgba(29,102,245,.12),rgba(4,194,220,.045) 35%,transparent 69%);filter:blur(30px);z-index:-1}
.scene-coordinate{position:absolute;left:18%;top:35px;color:#5f8ca8;font:700 9px 'Manrope',sans-serif;letter-spacing:.2em}
.scene-coordinate:before{content:'+';margin-right:15px;color:#79dce7}
.scene-caption{position:absolute;bottom:52px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#b0d4df;font:600 11px 'Manrope',sans-serif;letter-spacing:.1em}
.scene-status{display:block;width:5px;height:5px;border-radius:50%;background:#8de9dc;box-shadow:0 0 13px #67d6d8}
.scene-hint{position:absolute;bottom:24px;left:0;right:0;text-align:center;font:500 9px 'Manrope',sans-serif;letter-spacing:.08em;color:#5c839c}
.service-panel{--light-x:85%;--light-y:0%;background-image:radial-gradient(ellipse at var(--light-x) var(--light-y),rgba(50,145,199,.18),transparent 65%)}
.service-panel-blue{background-image:radial-gradient(ellipse at var(--light-x) var(--light-y),rgba(126,233,237,.13),transparent 65%)}
.service-panel .panel-symbol{transition:background .3s,color .3s,transform .3s}
.service-panel:hover .panel-symbol{background:#8ae9e2;color:#0c2a40;transform:rotate(45deg)}
.service-panel .panel-link span{transition:transform .3s}
.service-panel:hover .panel-link span{transform:translate(3px,-3px)}
@media(max-width:1100px){.hero.home h1{font-size:68px}.hero-layout .connected-scene{width:calc(100% + 70px);margin-left:-10px;height:600px}.hero-layout{min-height:690px}.hero.home .lead{font-size:17px;max-width:440px}.hero-capabilities{font-size:8px}.hero-capabilities span+span:before{margin:0 9px}}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr;padding-top:65px;padding-bottom:55px;gap:5px;min-height:0}.hero.home .hero-copy{max-width:660px}.hero.home h1{font-size:clamp(58px,9vw,78px);max-width:660px}.hero.home .lead{max-width:570px}.hero-capabilities{margin-top:36px;font-size:9px}.hero-layout .connected-scene{height:480px;width:100%;margin:0;transform:none}.scene-coordinate{top:12px;left:12%}.scene-caption{bottom:24px}.scene-hint{bottom:0}}
@media(max-width:600px){.hero-layout{padding-top:55px;padding-bottom:65px}.hero.home h1{font-size:clamp(51px,12vw,67px)}.hero.home .lead{font-size:16px;line-height:1.7}.hero-capabilities{display:flex;gap:6px;font-size:8px}.hero-capabilities span+span:before{display:inline-block;margin:0 6px}.hero-layout .connected-scene{height:370px;width:calc(100% + 40px);margin:8px -20px 0}.scene-coordinate{top:8px;left:14%;font-size:8px}.scene-caption{font-size:10px;bottom:20px}.scene-hint{bottom:0}.hero-actions{gap:10px}}
@media(pointer:coarse){.scene-hint{display:none}}
@media(prefers-reduced-motion:reduce){.scene-hint{display:none}.service-panel:hover .panel-symbol,.service-panel:hover .panel-link span{transform:none}}