/* Premium visual layer */
:root{--premium-blue:#7bd8ff;--premium-green:#9af1c8;--premium-muted:#98a2ad;--premium-max:1240px}
body{background:radial-gradient(circle at 78% 4%,rgba(123,216,255,.10),transparent 28rem),radial-gradient(circle at 12% 40%,rgba(154,241,200,.035),transparent 25rem),#07090c}
.site-header{background:rgba(7,9,12,.70);backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid rgba(255,255,255,.065)}
.site-header nav a{border-radius:999px;transition:color .25s,background .25s,transform .25s}.site-header nav a:hover{background:rgba(255,255,255,.06);transform:translateY(-1px)}.site-header nav a.active{background:rgba(255,255,255,.09)}
main{max-width:var(--premium-max)}
.hero{min-height:calc(100svh - 72px);grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:70px;padding:76px 0 100px}
h1{font-size:clamp(52px,7.2vw,96px);line-height:.93;letter-spacing:-.075em}h2{font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.055em}
.button{min-height:44px;padding:11px 18px;border-radius:999px;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,border-color .35s,box-shadow .35s}.button:hover{transform:translateY(-3px);background:rgba(255,255,255,.1);border-color:rgba(123,216,255,.45);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.hero-visual{min-height:540px;border-radius:32px;background:radial-gradient(circle at 50% 42%,rgba(123,216,255,.08),transparent 42%),linear-gradient(145deg,#11171e,#090c10);box-shadow:0 30px 100px rgba(0,0,0,.38)}
.hero-visual:before{inset:18px;border-color:rgba(255,255,255,.06);border-radius:23px}.hero-visual:after{content:"";position:absolute;width:220px;height:220px;left:50%;top:45%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(123,216,255,.10);box-shadow:0 0 0 34px rgba(123,216,255,.025),0 0 0 68px rgba(123,216,255,.015);pointer-events:none}.hero-visual .scanline{animation:premiumScan 6s ease-in-out infinite}
.engineering-visual{isolation:isolate}.engineering-visual .visual-status{top:30px;right:30px;display:flex;align-items:center;gap:7px}.engineering-visual .visual-status .status-dot{margin-right:1px}.status-live{color:var(--premium-green);font-weight:800;letter-spacing:.12em}
.schematic-stage{position:absolute;inset:72px 28px 78px;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 46%,rgba(123,216,255,.045),transparent 48%)}.schematic-stage svg{position:relative;z-index:2;width:100%;height:100%;overflow:visible}
.radar-ring{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);border:1px solid rgba(123,216,255,.08);border-radius:50%;pointer-events:none}.ring-a{width:230px;height:230px;animation:radarPulse 4s ease-in-out infinite}.ring-b{width:340px;height:340px;border-color:rgba(123,216,255,.045);animation:radarPulse 4s 1s ease-in-out infinite}.radar-sweep{position:absolute;left:50%;top:46%;width:1px;height:46%;transform-origin:50% 100%;background:linear-gradient(to top,rgba(123,216,255,.5),transparent);opacity:.45;animation:radarSweep 7s linear infinite;z-index:1}
.flow-wire{stroke-dasharray:8 10;animation:wireFlow 2.2s linear infinite}.connection-nodes circle{animation:nodePulse 2.2s ease-in-out infinite}.connection-nodes circle:nth-child(2){animation-delay:.35s}.connection-nodes circle:nth-child(3){animation-delay:.7s}.connection-nodes circle:nth-child(4){animation-delay:1.05s}.connection-nodes circle:nth-child(5){animation-delay:1.4s}.connection-nodes circle:nth-child(6){animation-delay:1.75s}.node-label text{paint-order:stroke;stroke:#0d151d;stroke-width:3px;stroke-linejoin:round}.schematic-meta{opacity:.75}
.engineering-visual .visual-caption{left:32px;right:32px;bottom:26px;align-items:flex-end;z-index:3}.engineering-visual .visual-caption>div{display:grid;gap:4px}.engineering-visual .visual-caption strong{font-size:12px;letter-spacing:.06em}.engineering-visual .visual-caption span{color:var(--premium-muted)}.visual-counter{font-size:11px;color:#8b98a5!important;white-space:nowrap}
@keyframes wireFlow{to{stroke-dashoffset:-36}}@keyframes nodePulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes radarPulse{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.98)}50%{opacity:.75;transform:translate(-50%,-50%) scale(1.02)}}@keyframes radarSweep{from{transform:translate(-50%,-100%) rotate(0deg)}to{transform:translate(-50%,-100%) rotate(360deg)}}@keyframes premiumScan{0%,100%{opacity:.2;transform:translateY(-4px)}50%{opacity:1;transform:translateY(4px)}}
section{padding:130px 0;border-top:1px solid rgba(255,255,255,.065)}.section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.65fr);gap:70px;margin-bottom:46px}
.live-panel{padding:42px;border-radius:28px;box-shadow:0 30px 100px rgba(0,0,0,.38)}.metric-card{min-height:170px;padding:25px;transition:background .35s,transform .35s}.metric-card:hover{background:#161c23;transform:translateY(-3px)}
.proof-grid,.cap-grid,.project-grid,.skill-grid{border-radius:24px;box-shadow:0 20px 70px rgba(0,0,0,.16)}.proof,.cap,.project,.skill{padding:34px;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s,box-shadow .45s}.proof:hover,.cap:hover,.project:hover,.skill:hover{background:linear-gradient(150deg,#1b222b,#0b1015);transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.24);z-index:2}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:premiumIn .8s cubic-bezier(.2,.8,.2,1) both}.hero-visual{animation:premiumIn 1s .08s cubic-bezier(.2,.8,.2,1) both}@keyframes premiumIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:48px}.hero-visual{min-height:500px}.section-head{grid-template-columns:1fr;gap:16px}}
@media(max-width:800px){main{padding:0 16px}.hero{min-height:auto;padding:62px 0 78px}h1{font-size:clamp(48px,13vw,72px)}section{padding:82px 0}.hero-visual{min-height:430px;border-radius:24px}.schematic-stage{inset:64px 16px 70px}.engineering-visual .visual-caption{left:24px;right:24px;bottom:22px}.live-panel{padding:24px;border-radius:22px}.metric-grid{grid-template-columns:repeat(2,1fr)}.proof-grid,.cap-grid,.project-grid,.skill-grid{grid-template-columns:1fr}.role{grid-template-columns:1fr;gap:12px}.fit-panel{grid-template-columns:1fr}}
@media(max-width:480px){.hero-visual{min-height:360px}.engineering-visual .visual-status{display:none}.schematic-stage{inset:42px 4px 62px}.engineering-visual .visual-caption{left:18px;right:18px;bottom:18px}.engineering-visual .visual-caption strong{font-size:10px}.engineering-visual .visual-caption span{font-size:10px}.ring-b{width:270px;height:270px}.ring-a{width:180px;height:180px}.metric-grid{grid-template-columns:1fr}.live-header{display:block}.button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}