/* AIE IEM corporate design system — V6.0. Homepage only. */
:root{--navy:#06152D;--blue:#123F75;--silver:#C0C0C0;--text:#F7F8FA;--muted:#C7D0DC;--heading-font:'Rajdhani','Arial Narrow',Arial,sans-serif;--body-font:'Inter',Arial,sans-serif;--max:1320px;--gutter:clamp(20px,4.7vw,76px)}
body{font-family:var(--body-font);background:#06152D;color:#F5F7FA}
.site-header{height:86px;background:rgba(6,21,45,.95);border-bottom:1px solid rgba(192,192,192,.22);box-shadow:0 8px 30px #01091648}
.brand img{height:auto;width:clamp(148px,13.5vw,184px);max-height:59px;object-fit:contain}
.brand-label{color:#C0C0C0;letter-spacing:.13em}
.desktop-nav a{font-family:var(--body-font);font-size:12px;font-weight:600}.desktop-nav a:hover{color:#C0C0C0}
.btn{border-radius:3px;letter-spacing:.02em}.btn-primary{background:#123F75;border-color:#6C8CAE;box-shadow:0 12px 25px #020B204C}.btn-primary:hover{background:#1C568D}.btn-ghost{border-color:#A4B1C0;background:#06152d70}
.hero-v600{min-height:clamp(720px,calc(100svh - 86px),950px);background:#06152D;position:relative}
.hero-v600 .hero-video{filter:grayscale(1) contrast(1.2);opacity:.17}
.hero-v600 .hero-overlay{background:linear-gradient(90deg,#06152d 0%,#06152de6 45%,#06152dd9 100%),linear-gradient(0deg,#06152D,transparent 65%)}
.hero-v600 .hero-grid{opacity:.095;background-size:80px 80px;mask-image:none}
.hero-v600-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(35px,5vw,90px);padding-block:75px 126px;align-items:center;min-height:715px}
.hero-v600 .hero-copy{min-width:0;z-index:2}
.hero-v600 .eyebrow{font-size:10px;letter-spacing:.2em;color:#D2D5DA;line-height:1.6;flex-wrap:wrap}.eyebrow-line{height:1px;width:35px;background:#C0C0C0;opacity:.6}
.hero-v600 h1{font-family:var(--heading-font);font-size:clamp(59px,6.6vw,108px);font-weight:700;line-height:.88;letter-spacing:-.025em;margin:28px 0 31px}
.hero-v600 h1 .headline-small{display:inline-block;font:700 11px/1.4 var(--body-font);letter-spacing:.24em;color:#CAD3E0;margin-bottom:14px;vertical-align:middle}
.hero-v600 h1 .silver-title{color:#C0C0C0}.hero-v600 h1 .outline-title{color:transparent;-webkit-text-stroke:1.4px #C0C0C0}
.hero-v600 .hero-intro{max-width:520px;font-size:15px;color:#C9D5E2;line-height:1.85}
.hero-v600 .hero-micro{gap:13px 20px;color:#B2C1D1;margin-top:34px;font-size:9px}
.hero-v600 .scroll-cue{bottom:35px}
.hero-showcase{height:clamp(440px,42vw,610px);min-width:0;position:relative;border:1px solid #64779266;background:radial-gradient(ellipse at 52% 44%,#1a447350 0%,#0a22418c 48%,#08192fc9 85%),linear-gradient(140deg,#17365e9c,#06152d);box-shadow:0 33px 80px #0005;isolation:isolate;overflow:hidden;border-radius:5px}
.hero-showcase:before{content:"";position:absolute;inset:13px;border:1px solid #77899e35;pointer-events:none;z-index:3}
.hero-showcase:after{content:"";position:absolute;bottom:0;left:0;right:0;height:34%;background:linear-gradient(transparent,#06152dbe);pointer-events:none;z-index:2}
.showcase-orbit{position:absolute;inset:17% 9%;border:1px solid #C0C0C024;border-radius:50%;animation:aie-orbit 20s linear infinite;pointer-events:none}
.showcase-orbit:after{content:"";position:absolute;left:12%;top:10%;width:9px;height:9px;border:1px solid #C0C0C0;background:#123F75;transform:rotate(45deg)}
.showcase-topline,.showcase-bottomline{position:absolute;left:28px;right:28px;display:flex;gap:12px;justify-content:space-between;color:#D1D7DF;font-size:9px;font-weight:650;letter-spacing:.14em;z-index:4}
.showcase-topline{top:28px}.showcase-bottomline{bottom:26px;color:#B3C1D1;flex-wrap:wrap;gap:7px}
.live-indicator{white-space:nowrap}.live-indicator i{display:inline-block;width:5px;height:5px;background:#C0C0C0;border-radius:50%;margin-right:8px;animation:aie-soft-pulse 3.5s ease-in-out infinite}
.showcase-stage{position:absolute;inset:60px 5% 42px;overflow:hidden;display:flex;align-items:end;justify-content:center;pointer-events:none}
.showcase-rack,.showcase-pack{position:absolute;height:87%;width:65%;object-fit:contain;filter:grayscale(.2) saturate(.55) contrast(1.05) drop-shadow(5px 22px 18px #0007);opacity:.92}
.showcase-rack{left:-10%;bottom:1%;object-position:center bottom;animation:aie-gear-left 2.1s cubic-bezier(.18,.72,.25,1) both}
.showcase-pack{right:-12%;bottom:0;object-position:center bottom;animation:aie-gear-right 2.25s .15s cubic-bezier(.18,.72,.25,1) both}
.section-heading,.cta-shell h2{font-family:var(--heading-font);font-weight:700;letter-spacing:-.025em;line-height:.99;font-size:clamp(45px,4.9vw,76px)}
.section-overline{color:#C0C0C0;font-size:11px;letter-spacing:.18em;font-weight:700}
.section-lead{font-size:16px;line-height:1.9;color:#C8D3E0}
.kicker{font-family:var(--body-font);color:#C0C0C0}
.intro{background:#0B1D39}.intro-grid{grid-template-columns:210px minmax(0,1fr)}
.benefits article{border-color:#6D7D92AA}.benefits h3{font-family:var(--heading-font);font-size:25px;letter-spacing:0;font-weight:700}.benefits p{color:#BCC9D8}
.services{background:#06152D}.section-top>p{color:#C8D4E0}
.card-content h3{font-family:var(--heading-font);font-size:clamp(28px,2.35vw,37px);letter-spacing:-.01em;line-height:1.03}
.service-card{border-color:#61768C77;min-height:450px;background:#123F75;border-radius:4px}
.service-card img{filter:grayscale(.25) saturate(.65) brightness(.83)}.card-tint{background:linear-gradient(0deg,#06152D 2%,#06152de9 29%,#06152d60 74%,#123F7520)}
.service-card a:hover{text-decoration:underline}.card-content p{font-size:12px}
.systems{background:#0b203c}.visual-frame{background:radial-gradient(circle at center,#123f75,#06152d);display:grid;place-items:center;aspect-ratio:1.12}.visual-frame>img{width:83%;height:87%;object-fit:contain;filter:grayscale(.1) saturate(.62)}
.system-list strong{font-family:var(--heading-font);font-size:22px}.systems-badge{background:#123F75}
.planner{background:radial-gradient(circle at 82% 52%,#123F7566,transparent 55%),#06152D}
.process{background:#0B1D39}.step-grid h3{font-family:var(--heading-font);font-size:29px;letter-spacing:-.01em}
.cta-section{background:linear-gradient(120deg,#123F75,#092A51 55%,#06152D)}
.cta-shell h2{font-size:clamp(53px,5vw,80px)}
.footer-minimal{background:#06152D}.footer-inner p,.footer-inner a{font-size:11px}
/* Scroll reveal only if JS is running, avoiding blank content without JS */
.v6-motion-ready .reveal-v6{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.v6-motion-ready .reveal-v6.is-visible{opacity:1;transform:none}
@keyframes aie-gear-left{from{transform:translateX(-75px);opacity:0}to{transform:none;opacity:.92}}
@keyframes aie-gear-right{from{transform:translateX(75px);opacity:0}to{transform:none;opacity:.92}}
@keyframes aie-orbit{to{transform:rotate(360deg)}}
@keyframes aie-soft-pulse{50%{opacity:.35}}
@media(max-width:1180px){.hero-v600-layout{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:28px}.hero-v600 h1{font-size:clamp(58px,7vw,88px)}.hero-showcase{height:460px}.showcase-stage{inset:45px 0 30px}}
@media(max-width:980px){.hero-v600-layout{grid-template-columns:1fr;gap:25px;padding-block:75px 95px}.hero-v600 .hero-copy{max-width:750px}.hero-v600 h1{font-size:clamp(66px,11vw,100px)}.hero-showcase{height:440px;width:min(640px,100%);margin:auto}.hero-v600{min-height:auto}.desktop-nav{display:none}.intro-grid{grid-template-columns:1fr}}
@media(max-width:640px){.site-header{height:72px}.brand img{width:149px;max-height:54px}.hero-v600-layout{padding-block:58px 90px;gap:28px}.hero-v600 h1{font-size:clamp(53px,12vw,72px);margin:20px 0 24px}.hero-v600 h1 .headline-small{font-size:9px;letter-spacing:.14em}.hero-v600 .hero-intro{font-size:14px;line-height:1.75}.hero-v600 .hero-micro{gap:10px 15px;font-size:8px}.hero-showcase{height:340px}.showcase-stage{inset:51px 0 37px}.showcase-rack,.showcase-pack{height:98%;width:71%}.showcase-rack{left:-15%}.showcase-pack{right:-17%}.showcase-topline,.showcase-bottomline{left:17px;right:17px;font-size:7px;letter-spacing:.07em}.showcase-topline{top:18px}.showcase-bottomline{bottom:18px}.section-heading{font-size:clamp(42px,10.3vw,58px)}.benefits h3{font-size:24px}.service-card{min-height:345px;aspect-ratio:16/12}.card-content h3{font-size:31px}.step-grid h3{font-size:24px}.cta-shell h2{font-size:clamp(48px,11vw,65px)}.section-pad{padding:76px 0}}
@media(max-width:375px){.hero-v600 h1{font-size:clamp(47px,11.6vw,54px)}.hero-showcase{height:288px}.showcase-topline{font-size:6px}.section-heading{font-size:42px}.card-content h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.showcase-rack,.showcase-pack,.showcase-orbit,.live-indicator i{animation:none!important}.v6-motion-ready .reveal-v6{opacity:1!important;transform:none!important;transition:none!important}}
