.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border-glass);background:radial-gradient(ellipse at 75% 40%,rgba(138,43,226,.1),transparent 55%),linear-gradient(var(--bg-base),var(--bg-raised))}
.hero-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.65}.data-stream{stroke:var(--accent-end);stroke-dasharray:7 230;animation:data-flow 16s linear infinite}.data-stream.teal{stroke:var(--status);animation-delay:-8s}
.hero-inner{position:relative;display:grid;grid-template-columns:55% 45%;align-items:center;min-height:650px;padding-block:64px}.hero-copy{position:relative;z-index:2}.hero-status{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--border-glass);background:rgba(255,255,255,.02);border-radius:var(--radius-pill);padding:7px 12px;font:.62rem var(--font-mono);color:var(--text-secondary);margin-bottom:28px}.hero-status .status-dot{animation:led-pulse 3s ease-in-out infinite}.hero-status .divider{opacity:.35}.hero h1{max-width:650px}.hero h1 span{color:#c19ae8}.hero-description{max-width:450px;font-size:.94rem;margin-top:24px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-proof{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px;font:.65rem var(--font-mono);color:var(--text-secondary)}.hero-proof span::before{content:'+';color:var(--status);margin-right:8px}.hero-copy>.demo-note{margin-top:14px;font-size:.58rem}
.server-scene{position:relative;height:490px;isolation:isolate}.server-scene::before{content:'';position:absolute;inset:60px -20px 0;background:radial-gradient(ellipse,rgba(138,43,226,.16),transparent 65%);z-index:-1}.scene-label{position:absolute;top:5px;right:0;font:.58rem var(--font-mono);letter-spacing:.1em;display:flex;gap:10px;align-items:center;color:var(--text-secondary)}
.server-perspective{position:absolute;left:50%;top:46%;width:270px;height:270px;perspective:1100px;transform:translate(-50%,-50%)}.server-float{width:100%;height:100%;transform-style:preserve-3d;animation:isometric-float 6s ease-in-out infinite}.server-stack{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(-45deg)}
.server-blade{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(var(--blade-z));transition:transform 400ms var(--ease-out)}.server-blade.is-active{transform:translateZ(var(--blade-z)) translateY(-22px)}
.blade-top{position:absolute;inset:0;width:100%;height:100%;border:1px solid rgba(194,156,245,.45);border-radius:8px;background:linear-gradient(135deg,rgba(108,65,160,.7),rgba(26,15,45,.94));color:var(--text-secondary);box-shadow:inset 0 0 30px rgba(138,43,226,.1);backface-visibility:visible;text-align:left;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.blade-top::after{content:'';position:absolute;inset:14px;border:1px solid rgba(255,255,255,.07);border-radius:3px;pointer-events:none}.blade-top:focus-visible{outline-offset:8px}.blade-model{font:500 .65rem var(--font-mono);letter-spacing:.12em}.blade-chip{width:68px;height:68px;align-self:center;border:1px solid rgba(176,38,255,.45);display:grid;place-items:center;background:rgba(9,5,20,.45);box-shadow:0 0 24px rgba(176,38,255,.14);font:500 1.1rem var(--font-mono);color:#c19ae8}.blade-lines{height:18px;width:60%;background:repeating-linear-gradient(90deg,rgba(194,156,245,.18) 0 2px,transparent 2px 8px)}
.blade-front{position:absolute;width:100%;height:27px;left:0;bottom:0;transform-origin:bottom;transform:rotateX(90deg);background:linear-gradient(#322042,#160d25);border:1px solid rgba(194,156,245,.35);display:flex;align-items:center;justify-content:space-between;padding-inline:16px}.blade-vents{width:125px;height:8px;background:repeating-linear-gradient(90deg,#090514 0 3px,transparent 3px 7px)}.blade-leds{display:flex;gap:6px}.blade-leds i{width:4px;height:4px;border-radius:50%;background:var(--status);box-shadow:0 0 7px var(--status);animation:led-pulse 2.6s ease-in-out infinite}.blade-leds i:nth-child(2){background:var(--accent-end);box-shadow:0 0 7px var(--accent-end);animation-delay:-1s}
.blade-side{position:absolute;right:0;top:0;width:27px;height:100%;transform-origin:right;transform:rotateY(-90deg);background:linear-gradient(90deg,#160d25,#322042);border:1px solid rgba(194,156,245,.25)}
.server-tooltip{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);width:290px;padding:12px 16px;z-index:var(--z-tooltip);background:var(--surface-solid);border:1px solid rgba(0,240,255,.3);border-radius:8px;pointer-events:none;text-align:center;font:.65rem/1.7 var(--font-mono);color:var(--text-secondary)}.scene-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font:.56rem var(--font-mono);color:var(--text-body)}.motion-toggle{border:0;background:none;font:inherit;padding:12px;color:var(--text-secondary);min-height:44px;text-decoration:underline;text-underline-offset:4px}
.hero-summary{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding-block:24px;border-top:1px solid var(--border-glass)}.hero-summary>div{display:flex;align-items:center;gap:16px;padding-left:32px;border-left:1px solid var(--border-glass)}.hero-summary>div:first-child{padding-left:0;border-left:0}.summary-number{font:500 1.2rem var(--font-mono);color:white}.summary-title{font-size:.7rem;color:var(--text-secondary)}.summary-caption{font:.58rem var(--font-mono)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}.section-heading h2{margin-top:14px}.section-heading>p{max-width:305px;font-size:.82rem}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.services-disclaimer{margin-top:22px;display:flex;justify-content:space-between;gap:20px;font:.62rem/1.7 var(--font-mono)}
.infrastructure{background:var(--bg-raised);border-block:1px solid var(--border-glass)}.infra-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:0;border:1px solid var(--border-glass);border-radius:var(--radius-panel);overflow:hidden}.infra-feature{padding:30px;border-right:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);min-height:210px}.infra-feature:nth-child(3),.infra-feature:last-child{border-right:0}.infra-feature:nth-child(n+4){border-bottom:0}.infra-feature h3{margin:16px 0 12px}.infra-feature p{font-size:.78rem;max-width:280px}.infra-code{font:.65rem var(--font-mono);color:var(--status);letter-spacing:.08em}.infra-feature.highlight{background:radial-gradient(ellipse at 0 0,rgba(138,43,226,.1),transparent 70%)}.infra-detail{font:.62rem var(--font-mono);color:var(--text-secondary);margin-top:18px;display:block}
.testimonial-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.testimonial-intro h2{margin-top:14px}.testimonial-intro>p{margin-top:20px;font-size:.82rem;max-width:300px}.testimonial-intro .carousel-controls{margin-top:26px}.testimonial-slide{padding:8px 0 22px}.quote-mark{font-size:4rem;color:var(--accent-end);line-height:1;font-family:Georgia,serif}.testimonial-slide blockquote{margin:0 0 24px;font-size:clamp(1.15rem,2vw,1.6rem);color:var(--text-heading);line-height:1.6;letter-spacing:-.025em}.testimonial-slide figcaption{font:.65rem var(--font-mono);color:var(--text-secondary);display:flex;align-items:center;gap:10px}.testimonial-slide:not(:first-child){border-top:1px solid var(--border-glass)}.enhanced .testimonial-slide{border-top:0;margin:0}.testimonial-slide{margin:0}.testimonial-note{font:.6rem var(--font-mono);margin-top:18px}
.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity var(--duration-reveal) var(--ease-out),transform var(--duration-reveal) var(--ease-out)}.reveal-ready.in-view{opacity:1;transform:none}
.motion-paused .server-float,.motion-paused .data-stream,.motion-paused .blade-leds i,.motion-paused .hero-status .status-dot{animation-play-state:paused}
@keyframes isometric-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes led-pulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes data-flow{to{stroke-dashoffset:-474}}
@media(max-width:1199px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-perspective{width:235px;height:235px}.hero-status{font-size:.55rem}.hero-inner{min-height:610px}.header-inner{width:calc(100% - 40px)}}
@media(max-width:1023px){.hero-inner{grid-template-columns:55% 45%;padding-block:48px}.server-perspective{width:200px;height:200px}.server-scene{height:430px}.scene-label{font-size:.5rem}.hero-status{flex-wrap:wrap;border-radius:12px}.hero-summary>div{padding-left:20px;gap:10px}.summary-number{font-size:1rem}.infra-grid{grid-template-columns:repeat(2,1fr)}.infra-feature:nth-child(3){border-right:1px solid var(--border-glass)}.infra-feature:nth-child(2n){border-right:0}.infra-feature:nth-child(4){border-bottom:1px solid var(--border-glass)}.testimonial-layout{gap:40px}}
@media(max-width:767px){.hero-inner{grid-template-columns:1fr;padding-top:44px;padding-bottom:20px;min-height:0}.hero h1{max-width:520px}.hero-description{font-size:.86rem}.hero-status{font-size:.55rem;margin-bottom:24px}.hero-proof{gap:14px;font-size:.6rem}.server-scene{height:415px;margin-top:30px;max-width:440px;width:100%;margin-inline:auto}.server-perspective{width:210px;height:210px;top:47%}.scene-label{top:14px}.hero-summary{grid-template-columns:1fr;gap:18px;padding-block:24px}.hero-summary>div,.hero-summary>div:first-child{padding:0;border:0}.summary-number{min-width:74px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:100%}.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:28px}.services-disclaimer{flex-direction:column;gap:8px}.infra-grid{grid-template-columns:1fr}.infra-feature,.infra-feature:nth-child(3),.infra-feature:nth-child(4){border-right:0;border-bottom:1px solid var(--border-glass);min-height:0;padding:28px}.infra-feature:nth-child(5){border-bottom:1px solid var(--border-glass)}.infra-feature:last-child{border-bottom:0}.testimonial-layout{grid-template-columns:1fr;gap:36px}.testimonial-intro>p{max-width:100%}.server-tooltip{bottom:34px;width:280px}}
@media(prefers-reduced-motion:reduce){.server-float,.data-stream,.blade-leds i,.hero-status .status-dot{animation:none}.server-blade{transition:none}.server-blade.is-active{transform:translateZ(var(--blade-z))}.reveal-ready{opacity:1;transform:none;transition:none}}