:root {
  --black: #000;
  --surface: #08090a;
  --ink: #fff;
  --bone: #f0f0f0;
  --muted: #a1a4a5;
  --iron: #6e727a;
  --charcoal: #464a4d;
  --line: #292d30;
  --violet: #c7ccd0;
  --violet-glow: #f3f5f6;
  --green: #b9bec2;
  --blue: #d7dadd;
  --mono: "DM Mono", ui-monospace, monospace;
  --sans: "DM Sans", Inter, system-ui, sans-serif;
  --serif: "Playfair Display", Georgia, serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; background: var(--black); color: var(--ink); font-family: var(--sans); overflow-x: hidden; }
a { -webkit-tap-highlight-color: transparent; }
.shell { width: min(1200px, calc(100% - 56px)); margin-inline: auto; }
.signal-field { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; opacity: .72; }
.background-grid { position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .15; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 96px 96px; mask-image: linear-gradient(to bottom, #000 0, transparent 75%); }
.ambient-lights { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; opacity: .58; }
.ambient-lights span { position: absolute; width: 145vw; height: 18vw; min-height: 150px; left: -35vw; border-radius: 50%; filter: blur(42px); mix-blend-mode: screen; will-change: transform, opacity; }
.light-one { top: 16%; background: linear-gradient(90deg, transparent 7%, rgba(255,255,255,.055) 44%, rgba(255,255,255,.015) 67%, transparent 92%); transform: rotate(18deg) translate3d(-13%,0,0); animation: lightDriftOne 18s ease-in-out infinite alternate; }
.light-two { top: 54%; background: linear-gradient(90deg, transparent 18%, rgba(214,219,222,.042) 47%, rgba(255,255,255,.028) 63%, transparent 88%); transform: rotate(-13deg) translate3d(8%,0,0); animation: lightDriftTwo 23s ease-in-out infinite alternate; }
.light-three { top: 82%; background: linear-gradient(90deg, transparent 12%, rgba(255,255,255,.028) 50%, transparent 86%); transform: rotate(9deg) translate3d(-18%,0,0); animation: lightDriftThree 28s ease-in-out infinite alternate; }
.grain { position: fixed; inset: 0; pointer-events: none; opacity: .12; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); }
main, footer, .site-header { position: relative; z-index: 1; }

.site-header { height: 88px; display: flex; align-items: center; justify-content: space-between; }
.wordmark { color: #fff; text-decoration: none; font-size: 20px; letter-spacing: -.045em; font-weight: 500; display: flex; align-items: center; gap: 0; }
.logo-mark { width: 24px; height: 32px; position: relative; display: block; flex: 0 0 auto; }
.logo-glyph { position: absolute; left: 50%; top: 50%; color: #fff; font: italic 400 37px/.8 var(--serif); letter-spacing: -.12em; transform: translate(-53%,-54%) rotate(-5deg); transform-origin: center; text-shadow: 0 4px 10px rgba(0,0,0,.72); transition: transform .55s cubic-bezier(.2,.8,.2,1), text-shadow .3s; }
.wordmark:hover .logo-glyph { transform: translate(-53%,-54%) rotate(-8deg) scale(1.06); text-shadow: 0 0 12px rgba(255,255,255,.2); }
.site-header nav { display: flex; gap: 28px; margin-left: 46px; }
.site-header nav a, footer a { font-size: 13px; color: var(--muted); text-decoration: none; transition: color .15s ease; }
.site-header nav a:hover, footer a:hover { color: #fff; }
.button { font: 500 13px/1 var(--sans); color: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 12px 16px; text-decoration: none; display: inline-flex; gap: 16px; align-items: center; justify-content: center; background: transparent; cursor: pointer; transition: background .15s ease, border-color .15s ease, transform .25s ease; }
.button:hover { background: #0b0d0f; border-color: #fff; transform: translateY(-2px); }
.button i, .text-link i, .contact-link i { font-style: normal; color: var(--violet); display: inline-grid; place-items: center; line-height: 1; align-self: center; }
.button i svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; display: block; }
.button-small { padding: 9px 13px; gap: 13px; }

.hero { min-height: calc(100vh - 88px); display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; position: relative; padding-bottom: 56px; }
.hero-copy { z-index: 2; }
.eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: .055em; text-transform: uppercase; color: var(--muted); margin: 0 0 24px; }
.eyebrow span { width: 5px; height: 5px; background: var(--violet); border-radius: 50%; display: inline-block; margin-right: 8px; box-shadow: 0 0 10px rgba(224,228,230,.62); }
h1, h2, h3, p { margin-top: 0; }
h1 { font-family: var(--serif); font-size: clamp(60px, 7.5vw, 96px); font-weight: 400; line-height: 1; letter-spacing: -.01em; margin-bottom: 28px; }
h1 em, h2 em { font-family: var(--serif); font-weight: 400; letter-spacing: -.01em; }
h1 em { color: #d8d6d2; }
.hero h1 em,.contact h2 em{display:inline-block;background:linear-gradient(112deg,#f1f3f4 4%,#aeb9c2 48%,#74828e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(151,167,180,.08)}
.hero-text { max-width: 420px; font-size: 17px; line-height: 1.6; color: var(--muted); margin-bottom: 32px; }
.hero-actions { display: flex; align-items: center; gap: 28px; }
.text-link { font-size: 14px; color: var(--bone); text-decoration: none; display: inline-flex; gap: 10px; align-items: center; border-bottom: 1px solid transparent; padding-bottom: 3px; transition: border-color .15s ease; }
.text-link:hover { border-color: var(--bone); }
.hero-art { height: 580px; position: relative; display: grid; place-items: center; perspective: 900px; }
.hero-art::after { content: ""; position: absolute; width: 180px; height: 1px; bottom: 87px; background: linear-gradient(90deg, transparent, #444, transparent); animation: shadowBreath 8s ease-in-out infinite; }
.hero-art img { width: min(100%, 520px); mix-blend-mode: screen; filter: grayscale(1) contrast(1.12) brightness(.96); animation: float 8s ease-in-out infinite; position: relative; z-index: 2; }
.art-label { position: absolute; bottom: 68px; right: 26px; font: 10px var(--mono); color: var(--iron); letter-spacing: .08em; }
.orbital { position: absolute; border: 1px solid #1d2022; border-radius: 50%; transform: rotate(-28deg); }
.orbital::after { content: ""; width: 4px; height: 4px; background: var(--violet); border-radius: 50%; position: absolute; left: 18%; top: 4%; box-shadow: 0 0 12px var(--violet); }
.orbital-one { width: 470px; height: 165px; animation: orbitTilt 13s ease-in-out infinite alternate; }
.orbital-two { width: 385px; height: 240px; transform: rotate(45deg); border-color: #151719; animation: orbitTiltTwo 17s ease-in-out infinite alternate; }
.scroll-cue { position: absolute; bottom: 10px; left: 0; display: flex; gap: 10px; align-items: center; color: var(--iron); font: 10px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.scroll-cue b { width: 38px; height: 1px; background: #3d4042; position: relative; overflow: hidden; }
.scroll-cue b::after { content: ""; position: absolute; left: -50%; width: 50%; height: 100%; background: var(--bone); animation: scroll 2s infinite; }

.statement { padding: 144px 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1.08fr .92fr; gap: 80px; align-items: center; }
.statement h2, .section-heading h2, .terminal-copy h2, .process-heading h2 { font-size: clamp(40px, 5vw, 56px); font-weight: 400; letter-spacing: -.05em; line-height: 1.06; margin-bottom: 28px; max-width: 760px; }
.statement div > p, .terminal-copy > p { max-width: 400px; color: var(--muted); line-height: 1.6; font-size: 16px; }
.studio-visual { position: relative; height: 450px; margin: 0; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: #030303; }
.studio-visual::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 80px 16px #000; pointer-events: none; }
.studio-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 55% center; filter: grayscale(.88) brightness(.8) contrast(1.1); transform: scale(1.025); transition: transform 1.1s cubic-bezier(.2,.7,.2,1), filter .7s ease; }
.studio-visual:hover img { transform: scale(1.055); filter: grayscale(.76) brightness(.92) contrast(1.06); }
.studio-visual span { position: absolute; inset: -45% auto -45% -34%; width: 25%; z-index: 2; background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent); transform: rotate(18deg); filter: blur(15px); animation: studioSweep 8s ease-in-out infinite; }
.studio-copy { padding-right: 20px; }

.services { padding: 48px 0 96px; }
.section-heading { margin-bottom: 56px; }
.section-heading h2 { margin-bottom: 0; }
.section-intro { color: var(--muted); font-size: 16px; line-height: 1.6; max-width: 470px; margin: 28px 0 0; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.service-card { min-height: 408px; padding: 32px; position: relative; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .2s ease; }
.service-card:first-child { border-left: 1px solid var(--line); }
.service-card:hover { background: rgba(11,14,16,.56); }
.number { font: 11px var(--mono); color: var(--iron); }
.service-icon { width: 48px; height: 48px; border: 1px solid rgba(218,222,225,.38); border-radius: 16px; margin: 50px 0 32px; color: var(--violet); display: grid; place-items: center; font: 18px var(--mono); background: linear-gradient(135deg, rgba(220,224,227,.13), rgba(72,77,81,.05)); box-shadow: rgba(194,202,208,.145) 0 0 0 1px; }
.glass-icon { width: 82px; height: 82px; position: relative; overflow: hidden; isolation: isolate; border-radius: 22px; color: var(--violet-glow); background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(194,200,204,.09) 42%, rgba(255,255,255,.015) 76%); border: 1px solid rgba(220,224,227,.4); box-shadow: inset 12px 12px 22px rgba(255,255,255,.05), inset -13px -16px 24px rgba(0,0,0,.72), 0 18px 32px rgba(0,0,0,.34), rgba(190,198,204,.17) 0 0 0 1px; transform: perspective(450px) rotateX(8deg) rotateY(-10deg); transform-style: preserve-3d; transition: transform .6s cubic-bezier(.2,.8,.2,1), border-color .3s; }
.service-card:nth-child(2) .glass-icon { transform: perspective(450px) rotateX(7deg) rotateY(9deg); }
.service-card:nth-child(3) .glass-icon { transform: perspective(450px) rotateX(9deg) rotateY(-7deg); }
.service-card:hover .glass-icon { transform: perspective(450px) rotateX(1deg) rotateY(0) translateY(-7px) scale(1.035); border-color: rgba(240,242,243,.68); }
.glass-icon::before { content: ""; position: absolute; inset: 2px; border: 1px solid rgba(255,255,255,.09); border-radius: 19px; z-index: 1; }
.glass-icon::after { content: ""; position: absolute; z-index: 4; width: 42%; height: 170%; top: -36%; left: -70%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent); filter: blur(5px); transform: rotate(22deg); animation: glassSweep 4.8s ease-in-out infinite; }
.glass-icon svg { width: 52px; height: 52px; position: relative; z-index: 3; overflow: visible; filter: drop-shadow(0 4px 4px rgba(0,0,0,.7)) drop-shadow(0 0 9px rgba(211,216,219,.24)); }
.glass-icon svg path, .glass-icon svg rect { fill: rgba(215,220,223,.07); stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.glass-icon svg circle { fill: currentColor; stroke: none; }
.discord-icon .discord-shell { fill: rgba(213,218,221,.065); stroke: url(#discord-chrome); stroke-width: 1.55; }
.discord-icon .discord-brow { fill: none; stroke: #dce0e2; stroke-width: 1.45; }
.discord-icon .discord-eye { fill: #f4f6f7; filter: drop-shadow(0 0 5px rgba(241,244,245,.34)); }
.glass-depth { position: absolute; inset: 9px -7px -7px 9px; border-radius: 20px; border: 1px solid rgba(205,211,215,.16); transform: translateZ(-12px); z-index: -1; }
.bot-icon { display: flex; align-items: center; justify-content: center; gap: 5px; }
.bot-icon i { width: 4px; height: 4px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 8px var(--violet); animation: botBlink 2.4s infinite; }
.bot-icon i:nth-child(2) { animation-delay: .2s; }.bot-icon i:nth-child(3) { animation-delay: .4s; }
.app-icon { grid-template-columns: repeat(2, 7px); grid-template-rows: repeat(2, 7px); gap: 4px; }
.app-icon i { background: var(--violet); border-radius: 1px; animation: appPulse 2s infinite; }.app-icon i:nth-child(2){animation-delay:.2s}.app-icon i:nth-child(3){animation-delay:.4s}.app-icon i:nth-child(4){animation-delay:.6s}
.service-card h3, .motion-meta h3, .process-step h3 { font-size: 24px; font-weight: 500; letter-spacing: -.04em; margin-bottom: 12px; }
.service-card p { font-size: 14px; line-height: 1.6; color: var(--muted); max-width: 280px; }
.service-card > a { position: absolute; bottom: 30px; right: 32px; color: var(--bone); text-decoration: none; font-size: 19px; transition: transform .25s; }
.service-card:hover > a { transform: translate(3px,-3px); }

.motion { padding: 48px 0 144px; border-top: 1px solid var(--line); }
.motion-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.motion-card { min-height: 520px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(0,0,0,.68); }
.motion-card:nth-child(2) { border-right: 0; }
.motion-card-wide { grid-column: 1 / -1; display: grid; grid-template-columns: 1.35fr .65fr; min-height: 400px; border-right: 0; }
.brand-card { grid-column: 1 / -1; min-height: 420px; border: 0; display: grid; grid-template-columns: .65fr 1.35fr; }
.motion-stage { height: 315px; position: relative; overflow: hidden; display: grid; place-items: center; background-image: radial-gradient(circle at center, rgba(255,255,255,.018), transparent 65%), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: auto, 48px 48px, 48px 48px; }
.motion-stage::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 -50px 60px #000; pointer-events: none; }
.motion-meta { padding: 30px 32px 34px; }
.motion-meta > span { font: 10px var(--mono); color: var(--iron); text-transform: uppercase; letter-spacing: .06em; }
.motion-meta h3 { margin: 14px 0 10px; }
.motion-meta p { color: var(--muted); font-size: 14px; line-height: 1.6; max-width: 420px; margin: 0; }
.orbit { position: absolute; width: 210px; height: 86px; border: 1px solid #35343b; border-radius: 50%; }
.orbit-a { transform: rotate(28deg); animation: logoOrbitA 8s linear infinite; }.orbit-b { transform: rotate(-28deg); animation: logoOrbitB 11s linear infinite reverse; }
.bot-core { width: 78px; height: 58px; border: 1px solid #777280; border-radius: 18px; position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; z-index: 2; background: #050506; animation: coreBreath 3s ease-in-out infinite; }
.bot-core::before { content: ""; position: absolute; width: 28px; height: 1px; background: #777280; top: -13px; }.bot-core::after { content: ""; position: absolute; width: 5px; height: 5px; border: 1px solid var(--violet); border-radius: 50%; top: -17px; }
.bot-core i { width: 7px; height: 7px; border-radius: 50%; background: var(--violet-glow); box-shadow: 0 0 14px var(--violet); animation: botEye 3s infinite; }
.bot-core b { position: absolute; width: 28px; height: 7px; border-bottom: 1px solid #807d87; border-radius: 50%; bottom: 10px; }
.signal-dot { position: absolute; width: 5px; height: 5px; background: var(--violet); border-radius: 50%; box-shadow: 0 0 12px var(--violet); z-index: 3; }.dot-one{animation:dotOne 8s linear infinite}.dot-two{animation:dotTwo 11s linear infinite}
.browser-frame { width: 230px; height: 150px; border: 1px solid #4b4e51; border-radius: 10px; position: relative; background: #030404; transform: perspective(500px) rotateX(3deg) rotateY(-4deg); animation: frameFloat 6s ease-in-out infinite; }
.browser-frame::before { content: ""; position: absolute; left: 0; right: 0; top: 24px; border-top: 1px solid #292d30; }
.browser-frame i { width: 5px; height: 5px; border-radius: 50%; background: #474a4c; position: absolute; top: 10px; left: 11px; }.browser-frame i:nth-child(2){left:21px}.browser-frame i:nth-child(3){left:31px}
.browser-frame b, .browser-frame em { position: absolute; left: 28px; height: 1px; background: #464a4d; }.browser-frame b{top:65px;width:110px}.browser-frame em{top:84px;width:155px}.scan-line { position: absolute; width: 230px; height: 1px; background: var(--violet); box-shadow: 0 0 12px rgba(224,228,230,.62); animation: scan 4s ease-in-out infinite; z-index: 3; }
.code-fragment { position: absolute; color: var(--violet-glow); font: 20px var(--mono); z-index: 3; animation: codeFloat 5s ease-in-out infinite; }.fragment-a{left:22%;top:31%}.fragment-b{right:22%;top:49%;animation-delay:-1.7s}.fragment-c{left:29%;bottom:24%;animation-delay:-3.1s}
.motion-card-wide .motion-stage, .brand-card .motion-stage { height: 100%; min-height: 400px; }
.network-stage svg { width: min(90%, 620px); overflow: visible; }
.network-line { fill: none; stroke: #34383a; stroke-width: 1; stroke-dasharray: 6 7; animation: dash 12s linear infinite; }.line-b{animation-direction:reverse}
.network-node { fill: #050506; stroke: #77737d; stroke-width: 1; animation: nodePulse 3s ease-in-out infinite; }.n2,.n5{animation-delay:.6s}.n3,.n4{animation-delay:1.2s}
.packet { fill: var(--violet-glow); filter: drop-shadow(0 0 6px var(--violet)); }.packet-a{offset-path:path("M62 117 C150 117 164 52 250 52 S360 178 446 178 507 117 558 117");animation:packet 6s linear infinite}.packet-b{offset-path:path("M62 117 C151 117 164 178 250 178 S360 52 446 52 508 117 558 117");animation:packet 7s linear infinite -3s}
.network-label { position: absolute; font: 9px var(--mono); color: var(--iron); text-transform: uppercase; }.label-left{left:6%;bottom:38%}.label-right{right:6%;bottom:38%}
.brand-stage { grid-column: 1; grid-row: 1; }
.brand-card .motion-meta { grid-column: 2; grid-row: 1; align-self: center; padding: 64px; }
.velocity-sculpture { width: 240px; height: 240px; overflow: visible; filter: drop-shadow(0 24px 28px rgba(0,0,0,.72)); animation: sculptureFloat 6.5s ease-in-out infinite; }
.velocity-orbits ellipse { fill: none; stroke: #3c4245; stroke-width: 1; stroke-dasharray: 4 8; animation: velocityDash 12s linear infinite; }.velocity-orbits ellipse:nth-child(2){animation-direction:reverse;animation-duration:16s}.velocity-orbits ellipse:nth-child(3){animation-duration:20s}
.velocity-prism { transform-origin: 130px 130px; animation: prismBreathe 5s ease-in-out infinite; }.velocity-prism path:first-child{fill:rgba(135,142,146,.07);stroke:url(#velocity-chrome);stroke-width:1.25}.velocity-prism path:nth-child(2){fill:rgba(255,255,255,.035);stroke:#555c60;stroke-width:.8}.velocity-prism path:last-child{fill:none;stroke:#697075;stroke-width:.7}
.velocity-core { fill: url(#velocity-core); filter: drop-shadow(0 0 11px rgba(237,240,242,.46)); animation: velocityCore 2.8s ease-in-out infinite; }
.velocity-node { fill: #f0f2f3; filter: drop-shadow(0 0 7px rgba(238,241,242,.8)); }.node-one{animation:velocityNodeOne 6s ease-in-out infinite}.node-two{animation:velocityNodeTwo 7.5s ease-in-out infinite}
.brand-satellite { width: 6px; height: 6px; border-radius: 50%; background: var(--violet-glow); box-shadow: 0 0 14px var(--violet); position: absolute; animation: satellite 7s linear infinite; }
.brand-crosshair { position: absolute; background: #24272a; }.brand-crosshair.horizontal{width:280px;height:1px}.brand-crosshair.vertical{width:1px;height:280px}

.signal-rail { width: 100%; overflow: hidden; border-block: 1px solid var(--line); background: #020202; }
.signal-track { width: max-content; height: 64px; display: flex; align-items: center; gap: 0; will-change: transform; }
.signal-group { flex: none; display: flex; align-items: center; gap: 56px; padding-right: 56px; }
.signal-track span { font: 11px var(--mono); color: var(--muted); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.signal-track i { width: 4px; height: 4px; border-radius: 50%; background: var(--violet); display: inline-block; margin-right: 10px; box-shadow: 0 0 8px var(--violet); }

.terminal-section { border-top: 1px solid var(--line); padding: 144px 0; display: grid; grid-template-columns: .85fr 1.15fr; gap: 72px; align-items: center; }
.terminal { border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: rgba(0,0,0,.82); transition: transform .5s cubic-bezier(.2,.8,.2,1), border-color .2s; }
.terminal:hover { transform: translateY(-5px); border-color: #45494c; }
.terminal-top, .terminal-bottom { height: 44px; border-bottom: 1px solid #24282a; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; color: var(--iron); font: 10px var(--mono); }
.terminal-top div { display: flex; gap: 5px; }.terminal-top div i { width: 6px; height: 6px; border-radius: 50%; background: var(--charcoal); }
.terminal-top b { font-weight: 400; color: var(--green); }
.terminal-code { padding: 28px 24px 24px; font: 12px/1.8 var(--mono); min-height: 278px; }
.terminal-code p { margin: 0; color: var(--bone); }.dim{color:var(--charcoal);display:inline-block;width:23px}.violet{color:var(--violet)}.string{color:var(--violet-glow)}.boolean{color:var(--green)}.comment{color:var(--iron)}
.cursor { display:inline-block;height:15px;width:7px;background:var(--violet);vertical-align:middle;margin-left:3px;animation:blink 1.1s step-end infinite; }
.terminal-bottom { border-top:1px solid #24282a;border-bottom:0;justify-content:flex-start;gap:22px; }.terminal-bottom span{color:#81858a}.terminal-bottom i{width:5px;height:5px;background:var(--green);display:inline-block;border-radius:50%;margin-right:5px}

.process { padding: 144px 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: .94fr 1.06fr; gap: 72px; align-items: start; }
.process-heading h2 { margin-bottom: 48px; }
.process-list { border-top: 1px solid var(--line); }
.process-step { appearance: none; width: 100%; min-height: 124px; display: grid; grid-template-columns: 38px 1fr 24px; gap: 18px; align-items: center; padding: 22px 0; color: var(--bone); background: transparent; border: 0; border-bottom: 1px solid var(--line); font: inherit; text-align: left; cursor: pointer; position: relative; overflow: hidden; transition: padding .35s cubic-bezier(.2,.8,.2,1), background .25s, color .25s; }
.process-step::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(210,215,218,.1), transparent 72%); transform: translateX(-105%); transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.process-step:hover, .process-step:focus-visible, .process-step.active { padding-inline: 14px; color: #fff; outline: none; }
.process-step:hover::before, .process-step:focus-visible::before, .process-step.active::before { transform: translateX(0); }
.process-step > span:first-child { font: 10px var(--mono); color: var(--iron); align-self: start; margin-top: 7px; position: relative; z-index: 1; }
.process-step > span:nth-child(2) { position: relative; z-index: 1; }
.process-step h3 { margin: 0 0 7px; font-size: 23px; }
.process-step p { color: var(--muted); font-size: 13px; line-height: 1.55; max-width: 390px; margin: 0; }
.process-step > i { position: relative; z-index: 1; color: var(--violet); font-style: normal; transition: transform .35s; }
.process-step:hover > i, .process-step.active > i { transform: translate(3px,-3px); }
.process-visual { position: sticky; top: 30px; min-height: 610px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: rgba(2,2,3,.84); display: grid; grid-template-rows: 1fr auto; }
.process-visual::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(#000 0, transparent 72%); }
.phase-art { min-height: 360px; position: relative; display: grid; place-items: center; overflow: hidden; }
.phase-art::after { content: ""; position: absolute; width: 62%; height: 1px; background: linear-gradient(90deg,transparent,rgba(224,228,230,.4),transparent); top: 50%; animation: phaseScan 4s ease-in-out infinite; }
.delivery-unit { width: 340px; height: 250px; position: relative; display: grid; place-items: center; z-index: 2; transition: transform .7s cubic-bezier(.2,.8,.2,1), opacity .5s ease; }
.program-window { width: 244px; height: 244px; position: absolute; border: 1px solid transparent; border-radius: 26px; overflow: hidden; background: transparent; box-shadow: 0 0 0 transparent; transition: width .72s cubic-bezier(.2,.8,.2,1), height .72s cubic-bezier(.2,.8,.2,1), border-radius .72s cubic-bezier(.2,.8,.2,1), border-color .55s ease, background .55s ease, box-shadow .55s ease, transform .72s cubic-bezier(.2,.8,.2,1), opacity .45s; z-index: 3; }
.window-bar { height: 32px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; border-bottom: 1px solid #2d3134; opacity: 0; transform: translateY(-100%); transition: opacity .35s ease, transform .55s cubic-bezier(.2,.8,.2,1); }
.window-bar > span { display: flex; gap: 5px; }.window-bar i { width: 5px; height: 5px; border-radius: 50%; background: #686d71; }.window-bar b { color: #747a7e; font: 8px var(--mono); font-weight: 400; letter-spacing: .04em; }
.window-canvas { position: absolute; inset: 0; transition: inset .55s cubic-bezier(.2,.8,.2,1); }
.phase-ring, .phase-core, .phase-line, .build-code { position: absolute; left: 50%; top: 50%; transition: all .72s cubic-bezier(.2,.8,.2,1); }
.phase-ring { border: 1px solid #41464a; border-radius: 50%; transform: translate(-50%,-50%); }.ring-a{width:210px;height:210px}.ring-b{width:142px;height:142px;border-style:dashed;animation:ringSpinCentered 18s linear infinite}
.phase-core { width: 48px; height: 48px; border: 1px solid rgba(224,228,230,.56); border-radius: 50%; background: radial-gradient(circle,rgba(214,219,222,.18),transparent 65%); box-shadow: 0 0 30px rgba(210,216,220,.08); transform: translate(-50%,-50%); }
.phase-line { height: 1px; width: 92px; background: linear-gradient(90deg,transparent,#666b6f); }.line-one{transform:translate(-185px,-50%)}.line-two{transform:translate(93px,-50%) rotate(180deg)}
.build-code { height: 2px; border-radius: 3px; background: linear-gradient(90deg,#777d81,transparent); opacity: 0; transform: translate(-50%,16px); }.code-a{width:115px;margin-top:33px}.code-b{width:82px;margin-top:45px}.code-c{width:103px;margin-top:57px}
.shipping-box { position: absolute; width: 174px; height: 116px; left: 50%; top: 50%; transform: translate(-50%,38px) scale(.72); border: 1px solid #747a7e; border-radius: 8px; background: linear-gradient(145deg,rgba(49,53,56,.96),rgba(10,11,12,.98)); box-shadow: inset 0 0 28px rgba(255,255,255,.035), 0 22px 36px rgba(0,0,0,.58); opacity: 0; z-index: 4; transform-style: preserve-3d; }
.shipping-box::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; border-left: 1px solid #3b4043; }.shipping-box::after { content: ""; position: absolute; left: 0; right: 0; top: 0; border-top: 1px solid #858b8f; box-shadow: 0 1px 0 rgba(0,0,0,.72), 0 3px 8px rgba(0,0,0,.28); z-index: 2; }
.box-flap { position: absolute; top: -27px; width: 88px; height: 34px; border: 1px solid #61676a; background: linear-gradient(180deg,#252a2c,#151718); transform-origin: bottom center; z-index: 3; }.flap-left{left:-1px;transform:translateY(-6px) scaleY(.08) skewX(0deg)}.flap-right{right:-1px;transform:translateY(-6px) scaleY(.08) skewX(0deg)}
.package-label { position: absolute; right: 13px; bottom: 13px; width: 46px; height: 30px; border: 1px solid #50565a; border-radius: 3px; background: rgba(0,0,0,.24); z-index: 2; }.package-label i{position:absolute;left:7px;right:7px;top:7px;height:10px;background:repeating-linear-gradient(90deg,#92999d 0 1px,transparent 1px 3px,#5b6165 3px 5px,transparent 5px 7px)}.package-label b{position:absolute;width:5px;height:5px;border:1px solid #aab0b3;border-radius:50%;left:7px;bottom:4px}
.send-track { position: absolute; top: 50%; left: 50%; width: 47%; height: 1px; background: repeating-linear-gradient(90deg,#555b5e 0 6px,transparent 6px 13px); opacity: 0; transform: scaleX(.18); transform-origin: left; z-index: 1; }.send-track::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#f0f2f3;right:0;top:-2px;box-shadow:0 0 9px rgba(240,243,244,.65);opacity:0}
.phase-copy { position: relative; z-index: 2; border-top: 1px solid var(--line); padding: 34px 36px 40px; min-height: 218px; background: rgba(0,0,0,.58); }
.phase-index, .phase-kicker { font: 10px var(--mono); text-transform: uppercase; letter-spacing: .055em; }.phase-index{color:var(--violet-glow);float:right}.phase-kicker{color:var(--iron);margin:0 0 15px}.phase-copy h3{font-size:28px;letter-spacing:-.045em;margin:0 0 12px}.phase-body{color:var(--muted);font-size:14px;line-height:1.6;max-width:470px;margin:0}
.process-visual.is-changing .phase-copy { animation: phasePop .52s cubic-bezier(.2,.8,.2,1); }
.process-visual[data-phase="shape"] .ring-a { width: 190px; height: 190px; border-radius: 28px; transform: translate(-50%,-50%) rotate(45deg); }.process-visual[data-phase="shape"] .ring-b{width:112px;height:112px;border-radius:20px;animation:none;transform:translate(-50%,-50%) rotate(-45deg)}.process-visual[data-phase="shape"] .phase-core{border-radius:13px;transform:translate(-50%,-50%) rotate(45deg)}
.process-visual[data-phase="build"] .program-window { width: 302px; height: 196px; border-radius: 13px; border-color: #555b5f; background: linear-gradient(150deg,rgba(17,19,20,.97),rgba(3,4,4,.98)); box-shadow: 0 22px 50px rgba(0,0,0,.55), inset 0 1px rgba(255,255,255,.035); }
.process-visual[data-phase="build"] .window-bar { opacity: 1; transform: none; }.process-visual[data-phase="build"] .window-canvas{inset:32px 0 0}.process-visual[data-phase="build"] .ring-a{width:108px;height:108px;border-radius:21px;transform:translate(-50%,-59%) rotate(45deg)}.process-visual[data-phase="build"] .ring-b{width:63px;height:63px;border-radius:14px;animation:none;transform:translate(-50%,-65%) rotate(-45deg)}.process-visual[data-phase="build"] .phase-core{width:28px;height:28px;border-radius:8px;transform:translate(-50%,-78%) rotate(45deg)}.process-visual[data-phase="build"] .phase-line{width:55px}.process-visual[data-phase="build"] .line-one{transform:translate(-122px,-28px)}.process-visual[data-phase="build"] .line-two{transform:translate(67px,-28px) rotate(180deg)}.process-visual[data-phase="build"] .build-code{opacity:.62}
.process-visual[data-phase="build"].is-changing .program-window { animation: windowPack .82s cubic-bezier(.2,.8,.2,1) both; }
.process-visual[data-phase="launch"] .program-window { width: 302px; height: 196px; border-radius: 13px; border-color: #555b5f; background: #0a0b0c; opacity: 1; animation: launchWindowCycle 6.4s cubic-bezier(.32,.66,.2,1) infinite; }.process-visual[data-phase="launch"] .window-bar{opacity:1;transform:none}.process-visual[data-phase="launch"] .window-canvas{inset:32px 0 0}.process-visual[data-phase="launch"] .ring-a{width:108px;height:108px;border-radius:21px;transform:translate(-50%,-59%) rotate(45deg)}.process-visual[data-phase="launch"] .ring-b{width:63px;height:63px;border-radius:14px;animation:none;transform:translate(-50%,-65%) rotate(-45deg)}.process-visual[data-phase="launch"] .phase-core{width:28px;height:28px;border-radius:8px;transform:translate(-50%,-78%) rotate(45deg)}.process-visual[data-phase="launch"] .phase-line{width:55px}.process-visual[data-phase="launch"] .line-one{transform:translate(-122px,-28px)}.process-visual[data-phase="launch"] .line-two{transform:translate(67px,-28px) rotate(180deg)}.process-visual[data-phase="launch"] .build-code{opacity:.48}
.process-visual[data-phase="launch"] .shipping-box{animation:launchPackageCycle 6.4s cubic-bezier(.32,.66,.2,1) infinite}.process-visual[data-phase="launch"] .flap-left{animation:launchFlapLeft 6.4s cubic-bezier(.32,.66,.2,1) infinite}.process-visual[data-phase="launch"] .flap-right{animation:launchFlapRight 6.4s cubic-bezier(.32,.66,.2,1) infinite}.process-visual[data-phase="launch"] .send-track{animation:launchTrailCycle 6.4s ease-in-out infinite}.process-visual[data-phase="launch"] .send-track::after{animation:launchTrailDot 6.4s ease-in-out infinite}

.infrastructure { padding: 0 0 144px; }
.infrastructure-heading { padding: 72px 0 56px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: end; }
.infrastructure-heading .eyebrow { display: block; margin-bottom: 22px; }
.infrastructure-heading h2 { font-size: clamp(42px,5vw,62px); font-weight: 400; letter-spacing: -.055em; line-height: 1.02; margin: 0; }
.infrastructure-heading > p { color: var(--muted); font-size: 15px; line-height: 1.7; max-width: 470px; margin: 0 0 5px; }
.server-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); perspective: 1200px; }
.server-card { --mx: 0deg; --my: 0deg; min-height: 410px; padding: 30px; position: relative; overflow: hidden; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(145deg,rgba(16,18,19,.66),rgba(2,3,3,.4)); transform: perspective(900px) rotateX(var(--my)) rotateY(var(--mx)); transform-style: preserve-3d; transition: transform .48s cubic-bezier(.2,.8,.2,1), background .35s ease, border-color .35s ease; }
.server-card::before { content:""; position:absolute; inset:-1px; pointer-events:none; background:radial-gradient(420px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.085),transparent 48%); opacity:0; transition:opacity .35s; }
.server-card::after { display:none; }
.server-card:hover { background:linear-gradient(145deg,rgba(27,30,32,.72),rgba(4,5,5,.64)); border-color:#44494c; }
.server-card:hover::before{opacity:1}
.server-card-top { display:flex; align-items:center; justify-content:space-between; gap:20px; font:10px var(--mono); letter-spacing:.045em; text-transform:uppercase; color:var(--muted); position:relative; z-index:1; }
.server-card-top i { font-style:normal; color:#cfd4d6; display:inline-flex; align-items:center; gap:7px; }
.server-card-top i::before { content:""; width:5px; height:5px; border-radius:50%; background:#dce0e2; box-shadow:0 0 11px rgba(230,234,236,.7); animation:serverPulse 2.2s ease-in-out infinite; }
.server-card h3 { margin:60px 0 6px; font-size:58px; font-weight:400; letter-spacing:-.06em; line-height:1; position:relative; z-index:1; }
.server-card h3 small { font-size:17px; font-weight:500; letter-spacing:-.035em; color:var(--bone); }
.server-card > p { color:var(--iron); font:10px var(--mono); margin-bottom:32px; text-transform:uppercase; letter-spacing:.04em; position:relative; z-index:1; }
.server-card dl { margin:0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; z-index:1; }
.server-card dl div { padding:16px 12px 16px 0; }
.server-card dl div + div { padding-left:12px; border-left:1px solid var(--line); }
.server-card dt { color:var(--iron); font:9px var(--mono); text-transform:uppercase; margin-bottom:7px; }
.server-card dd { margin:0; color:var(--bone); font-size:12px; }
.server-card ul { list-style:none; padding:22px 0 0; margin:0; display:flex; flex-wrap:wrap; gap:9px; position:relative; z-index:1; }
.server-card li { color:var(--muted); font:9px var(--mono); border:1px solid #303437; border-radius:999px; padding:7px 9px; background:rgba(0,0,0,.3); transition:color .2s,border-color .2s,transform .25s; }
.server-card:hover li { color:#d8dcde; border-color:#484d50; transform:translateY(-1px); }
.server-card-wide { grid-column:1/-1; min-height:315px; }
.server-wide-copy { display:grid; grid-template-columns:1.05fr .95fr; gap:80px; align-items:end; position:relative; z-index:1; }
.server-card-wide h3 { margin-top:72px; }
.server-card-wide h3 small { font-size:22px; }
.server-card-wide p { max-width:480px; color:var(--muted); font-size:14px; line-height:1.65; text-transform:none; }
.server-card-wide dl { grid-template-columns:repeat(2,1fr); }
.server-card-wide dl div:nth-child(odd){padding-left:0;border-left:0}
.infrastructure-foot { min-height:68px; border:1px solid var(--line); border-top:0; display:flex; align-items:center; justify-content:space-around; gap:24px; padding:16px 24px; color:var(--muted); font:9px var(--mono); text-transform:uppercase; letter-spacing:.04em; }
.infrastructure-foot span { display:flex; align-items:center; gap:9px; }
.infrastructure-foot i { width:4px; height:4px; border-radius:50%; background:#dce0e2; box-shadow:0 0 10px rgba(230,234,236,.55); }

.contact { padding: 144px 0 120px; border-top: 1px solid var(--line); position: relative; overflow: hidden; }
.contact h2 { font-size: clamp(60px, 8vw, 96px); font-weight: 400; line-height: 1; letter-spacing: -.01em; margin-bottom: 40px; position: relative; z-index: 2; }
.contact-link { font-size: clamp(20px,2.5vw,31px); color:#fff; text-decoration:none; border-bottom:1px solid var(--iron); padding-bottom:9px; display:inline-flex; gap:13px; transition:color .2s,border .2s; position: relative; z-index: 2; }
.contact-link i{font-size:.82em;transform:translateY(-1px);transition:transform .22s ease,color .2s ease}.contact-link:hover i{transform:translate(2px,-3px)}
.contact-link:hover{color:var(--violet-glow);border-color:var(--violet)}.contact-note{font:11px var(--mono);color:var(--iron);margin:32px 0 0;position:relative;z-index:2}
.contact-orbit { position: absolute; right: 2%; top: 50%; width: 360px; height: 132px; border: 1px solid #222528; border-radius: 50%; transform: translateY(-50%) rotate(-24deg); animation: contactOrbit 10s ease-in-out infinite alternate; }
.contact-orbit i { width: 7px; height: 7px; background: var(--violet); border-radius: 50%; position: absolute; top: 4px; left: 30%; box-shadow: 0 0 14px var(--violet); }.contact-orbit b{position:absolute;inset:28px;border:1px solid #151719;border-radius:50%}
footer { height: 110px; border-top: 1px solid var(--line); display:flex;align-items:center;justify-content:space-between; }footer p{font:11px var(--mono);color:var(--iron);margin:0}footer>a:last-child{font:11px var(--mono)}
footer nav{display:flex;align-items:center;gap:16px}footer nav a{font:10px var(--mono)}

.login-dialog { width:min(520px,calc(100% - 32px)); min-height:590px; color:var(--bone); background:rgba(3,4,4,.965); border:1px solid #353a3d; border-radius:20px; padding:0; overflow:hidden; box-shadow:0 32px 130px rgba(0,0,0,.88), inset 0 1px rgba(255,255,255,.025); backdrop-filter:blur(30px); opacity:0; transform:translateY(24px) scale(.965); }
.login-dialog[open] { animation:authDialogIn .52s cubic-bezier(.16,.84,.24,1) both; }
.login-dialog[open]::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(16px); animation:authBackdropIn .5s ease both; }
.login-dialog.is-closing { animation:authDialogOut .28s ease both; }
.login-dialog.is-closing::backdrop { animation:authBackdropOut .28s ease both; }
.login-close { position:absolute; top:16px; right:17px; width:34px; height:34px; z-index:5; display:grid; place-items:center; border:1px solid var(--line); border-radius:9px; background:rgba(0,0,0,.28); color:var(--muted); font:20px/1 var(--sans); cursor:pointer; transition:color .2s,border-color .2s,transform .35s cubic-bezier(.2,.8,.2,1),background .2s; }
.login-close { overflow:hidden; transform:none; }
.login-close::before { content:""; position:absolute; inset:-35%; background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.3),transparent 68%); transform:translateX(-140%); transition:transform .6s ease; pointer-events:none; }
.login-close:hover { color:#fff; border-color:#70767a; background:#101213; transform:none; box-shadow:0 0 18px rgba(255,255,255,.11); }
.login-close:hover::before { transform:translateX(140%); }
.auth-glow { position:absolute; width:380px; height:230px; left:50%; top:-170px; transform:translateX(-50%); border-radius:50%; background:rgba(220,224,226,.075); filter:blur(60px); pointer-events:none; }
.auth-view { display:none; width:100%; min-height:556px; padding:62px 48px 38px; text-align:center; position:relative; z-index:2; }
.auth-view.is-active { display:block; animation:authViewIn .48s cubic-bezier(.2,.8,.2,1) both; }
.auth-kicker { display:block; color:var(--iron); font:9px var(--mono); letter-spacing:.08em; text-transform:uppercase; margin-bottom:17px; }
.auth-view h2 { font-size:40px; letter-spacing:-.055em; margin:0 0 12px; }
.auth-view > p:not(.auth-switch) { max-width:360px; margin:0 auto 28px; color:var(--muted); font-size:14px; line-height:1.6; }
.auth-form { width:min(100%,390px); margin:0 auto; display:grid; gap:17px; text-align:left; }
.auth-form label { display:grid; gap:8px; color:var(--muted); font:9px var(--mono); text-transform:uppercase; letter-spacing:.055em; }
.auth-form input { width:100%; height:50px; border:1px solid var(--line); border-radius:8px; background:rgba(0,0,0,.55); color:#fff; padding:0 14px; font:14px var(--sans); outline:none; transition:border-color .22s,box-shadow .22s,transform .22s,background .22s; }
.auth-form input:hover { border-color:#41464a; background:#030404; }
.auth-form input:focus { border-color:#aeb4b8; box-shadow:0 0 0 3px rgba(218,223,225,.08),0 0 25px rgba(220,224,226,.04); transform:translateY(-1px); }
.auth-submit { width:100%; min-height:48px; margin-top:6px; border-radius:8px; position:relative; overflow:hidden; }
.auth-submit::before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.12),transparent 74%); transform:translateX(-120%); transition:transform .65s ease; }
.auth-submit:hover::before { transform:translateX(120%); }
.auth-submit span { position:relative; z-index:1; }
.auth-submit b { display:none; position:relative; z-index:1; width:14px; height:14px; border:1px solid #72787c; border-top-color:#fff; border-radius:50%; animation:authSpin .7s linear infinite; }
.auth-submit.is-loading span { opacity:.45; }.auth-submit.is-loading b { display:block; }
.auth-switch { margin:23px 0 0; color:var(--iron); font-size:12px; }
.auth-switch button,.auth-cancel { border:0; background:none; padding:4px; color:#e7eaeb; font:500 12px var(--sans); cursor:pointer; border-bottom:1px solid #4e5356; transition:color .2s,border-color .2s; }
.auth-switch button:hover,.auth-cancel:hover { color:#fff; border-color:#fff; }
.forgot-password { justify-self:end; margin-top:-9px; padding:2px 0 3px; border:0; border-bottom:1px solid #3c4144; background:transparent; color:#92989b; font:500 11px var(--sans); cursor:pointer; transition:color .2s,border-color .2s,text-shadow .2s; }
.forgot-password:hover,.forgot-password:focus-visible { color:#fff; border-color:#fff; text-shadow:0 0 12px rgba(255,255,255,.28); outline:none; }
.verify-form { gap:22px; }
.code-inputs { display:grid; grid-template-columns:repeat(6,1fr); gap:9px; }
.code-inputs input { height:61px; padding:0; text-align:center; font:500 23px var(--mono); }
.code-inputs input:focus { transform:translateY(-3px); }
.auth-cancel { margin-top:22px; color:var(--muted); }
.login-status { display:block; position:absolute; z-index:4; left:48px; right:48px; bottom:22px; min-height:15px; color:#dfe3e5; font:9px var(--mono); text-align:center; letter-spacing:.025em; }
.login-status.is-error { color:#ff9598; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .85s cubic-bezier(.2,.65,.25,1), transform .85s cubic-bezier(.2,.65,.25,1); }.reveal.show{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-16px) rotate(1deg)}}@keyframes shadowBreath{50%{transform:scaleX(.72);opacity:.45}}@keyframes orbitTilt{to{transform:rotate(-15deg) scale(.96)}}@keyframes orbitTiltTwo{to{transform:rotate(58deg) scale(1.04)}}@keyframes blink{50%{opacity:0}}@keyframes scroll{to{left:110%}}@keyframes botBlink{50%{opacity:.25;transform:scale(.7)}}@keyframes appPulse{50%{opacity:.25;transform:scale(.75)}}@keyframes logoOrbitA{to{transform:rotate(388deg)}}@keyframes logoOrbitB{to{transform:rotate(-388deg)}}@keyframes coreBreath{50%{transform:scale(1.045);border-color:#c7cbce}}@keyframes botEye{45%,55%{transform:scaleY(.12)}}@keyframes dotOne{from{transform:rotate(0) translateX(105px)}to{transform:rotate(360deg) translateX(105px)}}@keyframes dotTwo{from{transform:rotate(180deg) translateX(105px)}to{transform:rotate(-180deg) translateX(105px)}}@keyframes frameFloat{50%{transform:perspective(500px) rotateX(-1deg) rotateY(4deg) translateY(-6px)}}@keyframes scan{0%,100%{transform:translateY(-54px);opacity:0}15%,85%{opacity:1}50%{transform:translateY(62px)}}@keyframes codeFloat{50%{transform:translateY(-10px);opacity:.35}}@keyframes dash{to{stroke-dashoffset:-130}}@keyframes nodePulse{50%{stroke:var(--violet-glow);filter:drop-shadow(0 0 5px rgba(221,225,227,.56))}}@keyframes packet{to{offset-distance:100%}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes logoCounterSpin{to{transform:rotate(-360deg)}}@keyframes ringSpinCentered{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes satellite{from{transform:rotate(0) translateX(94px)}to{transform:rotate(360deg) translateX(94px)}}@keyframes contactOrbit{to{transform:translateY(-50%) rotate(-12deg) scale(1.04)}}
@keyframes lightDriftOne{0%{transform:rotate(18deg) translate3d(-14%,-15%,0);opacity:.32}55%{opacity:.82}100%{transform:rotate(13deg) translate3d(18%,20%,0);opacity:.42}}@keyframes lightDriftTwo{0%{transform:rotate(-13deg) translate3d(12%,-8%,0);opacity:.2}100%{transform:rotate(-19deg) translate3d(-18%,24%,0);opacity:.64}}@keyframes lightDriftThree{0%{transform:rotate(9deg) translate3d(-20%,0,0);opacity:.18}100%{transform:rotate(15deg) translate3d(15%,-35%,0);opacity:.42}}@keyframes studioSweep{0%,16%{transform:translateX(0) rotate(18deg);opacity:0}35%{opacity:.7}64%,100%{transform:translateX(620%) rotate(18deg);opacity:0}}@keyframes glassSweep{0%,15%{left:-70%;opacity:0}36%{opacity:.85}68%,100%{left:145%;opacity:0}}@keyframes phaseScan{0%,100%{transform:translateY(-112px);opacity:0}20%,80%{opacity:.65}50%{transform:translateY(112px)}}@keyframes phasePop{0%{transform:scale(.96);opacity:.3}100%{transform:scale(1);opacity:1}}@keyframes windowPack{0%{transform:scale(.8);opacity:.2;border-color:transparent}55%{transform:scale(1.035);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes packageSend{0%,38%{transform:translateX(0) scale(1);opacity:1}55%{transform:translateX(0) scale(.92);opacity:1}100%{transform:translateX(175px) scale(.82);opacity:.34}}@keyframes flapClose{0%{transform:translateY(-12px) scaleY(.25)}100%{transform:translateY(0) scaleY(1)}}

@keyframes sculptureFloat {
  0%,100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-10px) rotate(1.5deg); }
}
@keyframes velocityDash { to { stroke-dashoffset: -72; } }
@keyframes prismBreathe {
  0%,100% { transform: scale(.96) rotate(-2deg); opacity: .82; }
  50% { transform: scale(1.035) rotate(2deg); opacity: 1; }
}
@keyframes velocityCore {
  0%,100% { r: 7px; opacity: .62; }
  50% { r: 10px; opacity: 1; }
}
@keyframes velocityNodeOne { 0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(42px,-22px);opacity:1} }
@keyframes velocityNodeTwo { 0%,100%{transform:translate(0,0);opacity:.4}50%{transform:translate(-38px,35px);opacity:1} }
@keyframes serverPulse { 50%{opacity:.28;transform:scale(.72)} }
@keyframes serverScan { 0%,12%{top:-2px;opacity:0}28%{opacity:.65}72%{opacity:.25}88%,100%{top:calc(100% + 2px);opacity:0} }
@keyframes authDialogIn { from{opacity:0;transform:translateY(28px) scale(.96)} to{opacity:1;transform:none} }
@keyframes authDialogOut { from{opacity:1;transform:none} to{opacity:0;transform:translateY(14px) scale(.975)} }
@keyframes authBackdropIn { from{background:rgba(0,0,0,0);backdrop-filter:blur(0)} to{background:rgba(0,0,0,.72);backdrop-filter:blur(16px)} }
@keyframes authBackdropOut { from{background:rgba(0,0,0,.72);backdrop-filter:blur(16px)} to{background:rgba(0,0,0,0);backdrop-filter:blur(0)} }
@keyframes authViewIn { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:none} }
@keyframes authSpin { to{transform:rotate(360deg)} }

@keyframes launchWindowCycle {
  0%,3% { transform: translateY(0) scale(1); opacity: 1; }
  14%,27% { transform: translateY(-78px) scale(.58); opacity: 1; }
  36% { transform: translateY(-72px) scale(.55); opacity: 1; }
  44% { transform: translateY(45px) scale(.34); opacity: .88; }
  48%,77% { transform: translateY(52px) scale(.24); opacity: 0; }
  81% { transform: translateY(0) scale(.9); opacity: 0; }
  89%,100% { transform: translateY(0) scale(1); opacity: 1; }
}
@keyframes launchPackageCycle {
  0%,7% { transform: translate(-50%,38px) scale(.72); opacity: 0; }
  10% { transform: translate(-50%,38px) scale(.78); opacity: 1; }
  17%,39% { transform: translate(-50%,38px) scale(1); opacity: 1; }
  49% { transform: translate(-50%,-50%) scale(.94); opacity: 1; }
  57% { transform: translate(-50%,-50%) scale(1.035); opacity: 1; }
  62% { transform: translate(-50%,-50%) scale(1); opacity: 1; }
  75%,100% { transform: translate(calc(-50% + 330px),-50%) scale(.78); opacity: 0; }
}
@keyframes launchFlapLeft {
  0%,8% { transform: translateY(-6px) scaleY(.08) skewX(0deg); }
  15%,48% { transform: translateY(0) scaleY(1) skewX(34deg); }
  58%,100% { transform: translateY(-6px) scaleY(.08) skewX(0deg); }
}
@keyframes launchFlapRight {
  0%,8% { transform: translateY(-6px) scaleY(.08) skewX(0deg); }
  15%,48% { transform: translateY(0) scaleY(1) skewX(-34deg); }
  58%,100% { transform: translateY(-6px) scaleY(.08) skewX(0deg); }
}
@keyframes launchTrailCycle {
  0%,60% { opacity: 0; transform: scaleX(.18); }
  64%,72% { opacity: .68; transform: scaleX(1); }
  76%,100% { opacity: 0; transform: scaleX(1); }
}
@keyframes launchTrailDot {
  0%,61% { opacity: 0; transform: translateX(-210px); }
  64% { opacity: 1; transform: translateX(-205px); }
  73% { opacity: .9; transform: translateX(0); }
  76%,100% { opacity: 0; transform: translateX(22px); }
}

@media(max-width: 800px){
  .shell{width:min(100% - 38px,1200px)}.site-header{height:74px}.site-header nav{display:none}.button-small{font-size:11px}.hero{min-height:auto;grid-template-columns:1fr;padding:82px 0 90px}.hero-art{height:390px;margin-top:30px}.hero-art img{width:390px;max-width:110%}.orbital-one{width:330px}.orbital-two{width:280px;height:160px}.art-label{bottom:21px;right:2px}.scroll-cue{display:none}.statement{grid-template-columns:1fr;gap:22px;padding:96px 0}.services,.motion{padding:32px 0 96px}.service-grid{grid-template-columns:1fr}.service-card{border-left:1px solid var(--line);min-height:330px}.service-icon{margin:36px 0 29px}.motion-grid{grid-template-columns:1fr}.motion-card,.motion-card:nth-child(2),.motion-card-wide,.brand-card{grid-column:auto;border-right:0;display:block;min-height:0}.motion-card-wide .motion-stage,.brand-card .motion-stage{min-height:315px;height:315px}.brand-card .motion-meta{padding:30px 32px 34px}.network-label{display:none}.terminal-section{grid-template-columns:1fr;gap:36px;padding:96px 0}.terminal-code{font-size:10px;padding:22px 12px}.terminal-top,.terminal-bottom{padding:0 12px;font-size:8px}.terminal-bottom{gap:10px}.process{grid-template-columns:1fr;gap:24px;padding:96px 0}.process-step{grid-template-columns:36px 85px 1fr;gap:12px;padding:22px 0}.process-step b{display:none}.process-step p{font-size:12px}.contact{padding:96px 0}.contact-orbit{opacity:.45;right:-170px}footer{height:auto;padding:29px 0;gap:18px;flex-wrap:wrap}footer p{order:3;width:100%}
}
@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.signal-track{transform:none}.signal-field{display:none}.process-visual[data-phase="launch"] .program-window{animation:none!important;transform:translateY(-70px) scale(.56);opacity:.74}.process-visual[data-phase="launch"] .shipping-box{animation:none!important;opacity:1;transform:translate(-50%,-8%) scale(.92)}.process-visual[data-phase="launch"] .box-flap{animation:none!important}.process-visual[data-phase="launch"] .send-track{animation:none!important;opacity:.5;transform:scaleX(1)}}

@media(max-width: 800px){
  .ambient-lights span{width:210vw;height:34vw;left:-70vw;filter:blur(34px)}
  .statement{grid-template-columns:1fr;gap:34px}.studio-visual{height:310px}.studio-copy{padding-right:0}
  .glass-icon{width:74px;height:74px;margin-top:36px}.glass-icon svg{width:47px;height:47px}
  .signal-group{gap:38px;padding-right:38px}.signal-track{animation-duration:24s}
  .process{grid-template-columns:1fr;gap:34px}.process-heading h2{margin-bottom:32px}.process-step{grid-template-columns:32px 1fr 20px;gap:12px;padding:19px 0}.process-step:hover,.process-step:focus-visible,.process-step.active{padding-inline:10px}.process-step p{font-size:12px}.process-visual{position:relative;top:auto;min-height:510px}.phase-art{min-height:310px}.phase-copy{padding:27px 26px 31px;min-height:195px}.phase-copy h3{font-size:24px}
  .login-dialog{padding:34px 24px}.login-dialog h2{font-size:31px}
}

@media(max-width: 800px){
  .infrastructure{padding-bottom:96px}.infrastructure-heading{grid-template-columns:1fr;gap:22px;padding:58px 0 42px}.infrastructure-heading h2{font-size:42px}.server-grid{grid-template-columns:1fr}.server-card{min-height:390px;padding:25px;transform:none!important}.server-card-wide{grid-column:auto}.server-wide-copy{grid-template-columns:1fr;gap:24px}.server-card-wide h3{margin-top:58px}.server-card dl{grid-template-columns:1fr}.server-card dl div,.server-card dl div+div{padding:11px 0;border-left:0;border-top:1px solid var(--line)}.server-card dl div:first-child{border-top:0}.server-card-wide dl{grid-template-columns:1fr}.infrastructure-foot{align-items:flex-start;flex-direction:column;padding:22px 24px}
  .login-dialog{width:min(100% - 20px,520px);min-height:560px;padding:0}.auth-view{min-height:530px;padding:58px 22px 42px}.auth-view h2{font-size:34px}.login-status{left:22px;right:22px;bottom:17px}.code-inputs{gap:5px}.code-inputs input{height:53px;font-size:19px}.login-close{top:12px;right:12px}
}