@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";
.service-flagship-hero{background-color:#051120;align-items:center;min-height:max(600px,80vh);display:flex;position:relative;overflow:hidden}.service-hero-bg-parallax{z-index:0;will-change:transform;position:absolute;inset:-10%}.service-hero-bg-deep{background:radial-gradient(circle at 50% 30%,#0d3250 0%,#051120 70%);position:absolute;inset:0}.service-hero-vignette{pointer-events:none;background:linear-gradient(#05112000 0%,#05112066 70%,#051120 100%);position:absolute;inset:0}.service-hero-grid{perspective:1000px;opacity:.15;position:absolute;inset:0}.grid-verticals,.grid-horizontals{background-size:80px 80px;position:absolute;inset:-50%}.grid-verticals{background-image:linear-gradient(90deg, var(--service-accent-secondary,#5bc8f2) 1px, transparent 1px);animation:20s linear infinite gridMove;transform:rotateX(60deg)translateY(-100px)}.grid-horizontals{background-image:linear-gradient(0deg, var(--service-accent-secondary,#5bc8f2) 1px, transparent 1px);transform:rotateX(60deg)translateY(-100px)}@keyframes gridMove{0%{transform:rotateX(60deg)translateY(0)}to{transform:rotateX(60deg)translateY(80px)}}.service-hero-nodes{position:absolute;inset:0}.node{background-color:var(--service-accent-primary,#baff29);width:4px;height:4px;box-shadow:0 0 12px 2px rgba(var(--service-accent-primary-rgb,186, 255, 41), .6);opacity:0;border-radius:50%;animation:4s cubic-bezier(.4,0,.2,1) infinite pulseNode;position:absolute}.n1{animation-delay:0s;top:30%;left:20%}.n2{background-color:var(--service-accent-secondary,#00f0ff);width:6px;height:6px;box-shadow:0 0 16px 4px rgba(var(--service-accent-secondary-rgb,0, 240, 255), .5);animation-delay:1.2s;top:60%;left:70%}.n3{animation-delay:2.1s;top:40%;left:80%}.n4{animation-delay:.8s;top:75%;left:30%}.n5{animation-delay:3.4s;top:20%;left:60%}.n6{animation-delay:1.7s;top:85%;left:85%}.n7{width:6px;height:6px;animation-delay:2.8s;top:50%;left:40%}.n8{background-color:var(--service-accent-secondary,#00f0ff);box-shadow:0 0 16px 4px rgba(var(--service-accent-secondary-rgb,0, 240, 255), .5);animation-delay:.5s;top:15%;left:85%}@keyframes pulseNode{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.5)}}.h-full{height:100%}.service-hero-content{z-index:2;flex-direction:column;justify-content:center;height:100%;padding-top:10vh;padding-bottom:6vh;display:flex;position:relative}.service-hero-eyebrow-wrapper{align-items:center;gap:24px;margin-bottom:24px;display:flex}.service-hero-eyebrow{color:var(--service-accent-secondary,#00f0ff);text-transform:uppercase;letter-spacing:.15em;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.service-hero-eyebrow-line{background:linear-gradient(90deg, var(--service-accent-secondary,#00f0ff) 0%, transparent 100%);opacity:.5;flex:1;max-width:120px;height:1px}.service-hero-title{color:#fff;letter-spacing:-2px;max-width:1000px;margin-bottom:32px;font-size:clamp(48px,6vw,96px);line-height:1.05}.font-light{opacity:.9;font-weight:300}.font-bold{font-weight:800}.text-gradient-cyan{background:linear-gradient(135deg, #fff 0%, var(--service-accent-secondary,#5bc8f2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.service-hero-bottom{justify-content:space-between;align-items:flex-end;gap:64px;margin-top:auto;display:flex}.service-hero-description{color:#94a3b8;max-width:800px;font-size:clamp(18px,2vw,24px);font-weight:400;line-height:1.6}.service-hero-actions{flex-shrink:0;gap:16px;display:flex}.service-hero-actions .btn-primary{color:#fff;background-color:#1473e6;border-radius:999px;justify-content:center;align-items:center;height:64px;padding:0 48px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 10px 25px -5px #1473e666}.service-hero-actions .btn-primary:hover{background-color:#1c6fd9;transform:translateY(-4px);box-shadow:0 20px 40px -10px #1473e699}@media (max-width:1024px){.service-hero-title{letter-spacing:-2px;font-size:80px}.service-hero-bottom{flex-direction:column;align-items:flex-start;gap:48px}}@media (max-width:768px){.service-hero-title{letter-spacing:-1.5px;font-size:56px}.service-hero-eyebrow{font-size:12px}.service-hero-description{font-size:16px}}
