.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.05rem var(--font-mono);color:white}.summary-title{font-size:.78rem;color:var(--text-secondary)}
.hero-inner{min-height:620px}.hero-copy>.eyebrow{margin-bottom:26px;letter-spacing:.08em}.hero h1 span{display:block}.hero-description{font-size:1rem;max-width:450px}.scene-label{right:20px;letter-spacing:.12em}.hero-grid{opacity:.5}
.flagship{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.flagship h2{margin-top:22px;font-size:clamp(2.1rem,3.6vw,3.4rem)}.flagship .lead{font-size:.95rem;margin-bottom:28px}.flagship .text-link{margin-top:24px}.managed-config{padding:36px;background:radial-gradient(ellipse at top right,rgba(138,43,226,.13),transparent 70%),var(--surface-glass)}.managed-config h3{font-size:1.5rem;margin-top:20px}.managed-config>.button{margin-top:24px;width:100%}.managed-config>.text-link{margin-top:12px}.managed-config>.demo-note{margin-top:24px}.config-specs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 0}.config-specs dt{font:.7rem var(--font-mono);color:var(--text-secondary)}.config-specs dd{margin:8px 0 0;font-size:1.15rem;color:white}
.infrastructure{background:var(--bg-raised);border-block:1px solid var(--border-glass)}.hosting-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.comparison-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px;font-size:.8rem}.comparison-strip strong{display:block;color:white;font-weight:500;margin-bottom:8px}.capabilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.capability{position:relative;padding-top:12px}.capability h2{max-width:500px;font-size:clamp(2rem,3vw,2.75rem);margin-bottom:24px}.capability>p:not(.service-kind){font-size:.95rem;max-width:470px}.capability>.button{margin-top:28px}.capability .service-kind{margin-top:28px;color:var(--text-secondary)}
.website-motif,.pc-motif{height:150px;border:1px solid var(--border-glass);border-radius:var(--radius-panel);background:radial-gradient(ellipse at top left,rgba(138,43,226,.14),transparent 70%),var(--bg-raised);position:relative;overflow:hidden}.website-motif{padding:30px;display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-content:center}.website-motif div{border:1px solid rgba(176,38,255,.3);height:52px;border-radius:6px;background:rgba(176,38,255,.04)}.website-motif div:first-child{grid-column:1/-1;height:14px;width:45%;background:rgba(176,38,255,.18)}.website-motif div:last-child{border-color:rgba(0,240,255,.2)}.pc-motif{display:flex;justify-content:center;align-items:center;gap:20px;background:radial-gradient(ellipse at bottom right,rgba(0,240,255,.07),transparent 70%),var(--bg-raised)}.pc-motif span{width:80px;height:80px;border:1px solid rgba(176,38,255,.45);box-shadow:0 0 0 12px rgba(176,38,255,.04);border-radius:10px}.pc-motif i{height:80px;width:22px;border:1px solid rgba(0,240,255,.3);background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(0,240,255,.1) 10px 12px);border-radius:4px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.process-grid article{border-top:1px solid var(--border-glass);padding-top:24px}.process-grid span{font:.85rem var(--font-mono);color:var(--status)}.process-grid h3{font-size:1.4rem;margin:24px 0 16px}.process-grid p{font-size:.9rem;max-width:330px}.closing p{margin-block:24px;max-width:600px}.closing .demo-note{font-size:.7rem;margin-bottom:0}
.motion-paused .server-float,.motion-paused .data-stream,.motion-paused .blade-leds i{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){.server-perspective{width:235px;height:235px}.hero-inner{min-height:590px}.flagship{gap:60px}.hosting-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-options .service-card:last-child{grid-column:1/-1}.capabilities-grid{gap:40px}}
@media(max-width:1023px){.hero-inner{padding-block:48px}.hero h1{font-size:clamp(2.6rem,5vw,3.6rem)}.server-perspective{width:200px;height:200px}.server-scene{height:430px}.scene-label{font-size:.5rem}.hero-summary>div{padding-left:20px;gap:10px;flex-direction:column;align-items:start}.flagship{gap:36px}.managed-config{padding:28px}.process-grid{gap:28px}}
@media(max-width:767px){.hero-inner{grid-template-columns:1fr;padding-top:44px;padding-bottom:20px;min-height:0}.hero h1{font-size:clamp(2.2rem,8.5vw,3.4rem)}.hero-copy>.eyebrow{font-size:.62rem;letter-spacing:.03em}.hero-description{font-size:.9rem}.hero-actions{gap:10px}.hero-actions .button{padding-inline:14px}.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:20px}.hero-summary>div,.hero-summary>div:first-child{padding:0;border:0;flex-direction:row;align-items:center}.summary-number{min-width:88px}.flagship,.hosting-options,.capabilities-grid,.comparison-strip,.process-grid{grid-template-columns:1fr}.flagship{gap:40px}.hosting-options .service-card:last-child{grid-column:auto}.capabilities-grid{gap:56px}.comparison-strip{gap:20px}.managed-config{padding:28px}.scene-bottom{font-size:.5rem}.server-tooltip{bottom:34px;width:280px}.closing br{display:none}}
@media(prefers-reduced-motion:reduce){.server-float,.data-stream,.blade-leds i{animation:none}.server-blade{transition:none}.server-blade.is-active{transform:translateZ(var(--blade-z))}}
.home-infrastructure{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.home-infrastructure h2{margin-top:22px}.home-infrastructure .lead{font-size:.95rem}.home-infrastructure .button{margin-top:28px}.platform-preview{border:1px solid var(--border-glass);border-radius:var(--radius-panel);background:radial-gradient(ellipse at top right,rgba(138,43,226,.09),transparent 80%),var(--bg-raised);padding:8px 28px}.platform-preview a{display:grid;gap:8px;padding:28px 0;border-bottom:1px solid var(--border-glass)}.platform-preview a:last-child{border-bottom:0}.platform-preview span{font:.7rem var(--font-mono);color:var(--text-secondary)}.platform-preview strong{font-size:1.5rem;font-weight:550;color:white}.platform-preview small{font-size:.8rem}.platform-preview a:hover strong{color:var(--status)}
@media(max-width:1023px){.home-infrastructure{gap:40px}}
@media(max-width:767px){.home-infrastructure{grid-template-columns:1fr;gap:36px}.home-infrastructure br{display:none}.platform-preview{padding-inline:24px}}

.platform-preview a{position:relative}.platform-preview a::after{content:'↗';position:absolute;right:0;top:28px;color:var(--status);opacity:.5;transition:opacity var(--duration-fast)}.platform-preview a:hover::after,.platform-preview a:focus-visible::after{opacity:1}.platform-preview strong{padding-right:26px}.process-grid article{background:linear-gradient(90deg,rgba(176,38,255,.3),transparent 75%) top left/100% 1px no-repeat}.capability{border-top:1px solid rgba(176,38,255,.2);padding-top:24px}.managed-config{border-color:rgba(176,38,255,.25)}

@media(max-width:767px){
  .hero-inner{padding-top:32px;padding-bottom:14px}.hero h1{font-size:clamp(2rem,8.2vw,2.8rem);letter-spacing:-.05em}.hero-description{font-size:.9375rem;line-height:1.75}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}.hero-actions .button{width:100%;padding-inline:16px}.hero-copy>.eyebrow{font-size:.625rem;letter-spacing:.04em;line-height:1.7}.server-scene{height:340px;margin-top:24px}.server-perspective{width:180px;height:180px;top:46%}.scene-label{top:8px;font-size:.625rem}.scene-bottom{font-size:.5625rem;gap:8px}.motion-toggle{font-size:.6875rem;padding:12px 4px;flex-shrink:0}.server-tooltip{width:min(280px,100%);font-size:.75rem;line-height:1.6;bottom:36px;padding:12px}.hero-summary{gap:16px;padding-block:20px}.hero-summary>div{font-size:.875rem}.flagship{gap:28px}.flagship h2{font-size:clamp(1.9rem,7.5vw,2.5rem)}.managed-config{padding:24px}.managed-config>.button{font-size:.875rem}.config-specs{gap:18px}.platform-preview{padding-inline:20px}.platform-preview span{font-size:.75rem}.platform-preview small{font-size:.875rem}.platform-preview strong{font-size:1.3rem}.platform-preview a{padding-block:24px}.capabilities-grid{gap:40px}.capability h2{font-size:clamp(1.85rem,7.5vw,2.5rem)}.capability>.button{width:100%}.process-grid{gap:28px}.process-grid h3{margin:16px 0 12px}.closing>.button{width:100%}.closing .demo-note{font-size:.75rem}
}