/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}
}
}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
}
@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.visible{visibility:visible}
.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.relative{position:relative}
.static{position:static}
.start{inset-inline-start:var(--spacing)}
.end{inset-inline-end:var(--spacing)}
.flex{display:flex}
.hidden{display:none}
.table{display:table}
.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
.resize{resize:both}
.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
}
:root{--bg-deep:#050b16;--bg-surface:#091525;--bg-raised:#0d1d32;--navy:#102943;--cyan:#38ddf5;--cyan-soft:#8deeff;--violet:#806cff;--white:#f4f8fc;--text-muted:#9cacbf;--line:#7ddcf229;--line-strong:#7ddcf24d;--glow-cyan:#38ddf53d;--glow-violet:#806cff2e;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--page:min(1180px, calc(100vw - 48px));--header-height:74px}
*{box-sizing:border-box}
html{background:var(--bg-deep);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}
body{background:radial-gradient(circle at 75% 8%, #1b628624, transparent 33rem), var(--bg-deep);color:var(--white);text-rendering:optimizelegibility;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;overflow-x:clip}
a{color:inherit;text-decoration:none}
button,summary,a{-webkit-tap-highlight-color:transparent}
::selection{background:var(--cyan);color:var(--bg-deep)}
:focus-visible{outline:3px solid var(--cyan-soft);outline-offset:4px}
.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
html.intro-is-active{overflow:hidden}
.cinematic-intro{z-index:2000;isolation:isolate;color:#d9f9ff;opacity:1;background:radial-gradient(circle at 50% 48%,#1744562e,#0000 23rem),radial-gradient(circle at 50% 55%,#806cff0f,#0000 38rem),#01040a;place-items:center;transition:opacity .68s,visibility .68s;display:grid;position:fixed;inset:0;overflow:hidden}
.cinematic-intro:before{content:"";z-index:-1;mix-blend-mode:screen;opacity:.34;background:linear-gradient(#38ddf505 1px,#0000 1px) 0 0/100% 5px,linear-gradient(90deg,#38ddf504 1px,#0000 1px) 0 0/80px 100%;position:absolute;inset:0}
.cinematic-intro.is-leaving{visibility:hidden;opacity:0;pointer-events:none}
.background-audio{display:none}
.background-audio-control{z-index:150;color:#d9f9ffc2;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:42px;animation:audio-control-in .48s var(--ease-out) both;background:#030911d1;border:1px solid #38ddf53d;border-radius:999px;align-items:center;gap:10px;padding:0 14px;font:650 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;transition:border-color .18s,color .18s,transform .18s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 36px #00000047,inset 0 0 22px #38ddf509}
.background-audio-control:hover{color:var(--white);border-color:#38ddf599;transform:translateY(-2px)}
.background-audio-control>span:last-child{color:#8deeff8f;font-size:.9rem}
@keyframes audio-control-in{0%{opacity:0;transform:translateY(8px)}
}
.intro-sequence{display:contents}
.cinematic-intro:not(.is-started) .intro-sequence *,.cinematic-intro:not(.is-started) .intro-sequence :before,.cinematic-intro:not(.is-started) .intro-sequence :after{animation-play-state:paused!important}
.intro-launch{z-index:12;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:1;width:min(620px,100vw - 38px);transition:opacity .5s ease, visibility .5s ease, transform .5s var(--ease-out);background:radial-gradient(circle at 50% 0,#38ddf517,#0000 20rem),#030911e0;border:1px solid #8deeff29;border-radius:24px;justify-items:center;padding:clamp(32px,6vw,58px);display:grid;position:relative;transform:translateY(0)scale(1);box-shadow:0 28px 100px #00000085,inset 0 0 70px #38ddf506}
.cinematic-intro.is-started .intro-launch{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px)scale(.985)}
.intro-launch:before,.intro-launch:after{content:"";pointer-events:none;border-color:#38ddf561;width:26px;height:26px;position:absolute}
.intro-launch:before{border-top:1px solid;border-left:1px solid;top:-1px;left:-1px}
.intro-launch:after{border-bottom:1px solid;border-right:1px solid;bottom:-1px;right:-1px}
.intro-launch-signal{place-items:center;width:76px;height:76px;margin-bottom:24px;display:grid;position:relative}
.intro-launch-signal span{border:1px solid #38ddf533;border-radius:50%;animation:2.2s ease-out infinite launch-signal;position:absolute;inset:0}
.intro-launch-signal span:nth-child(2){border-color:#806cff57;animation-delay:.7s;inset:14px}
.intro-launch-signal i{background:var(--cyan);border-radius:50%;width:9px;height:9px;box-shadow:0 0 16px #38ddf5e6,0 0 38px #38ddf573}
.intro-launch>p{color:#8deeffa3;letter-spacing:.26em;margin:0 0 16px;font:600 .58rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.intro-launch-title{color:var(--white);letter-spacing:-.045em;font-size:clamp(1.65rem,4vw,2.8rem);font-weight:620}
.intro-launch-copy{color:#b1c5d3b3;margin-top:14px;font-size:.92rem}
.intro-launch-actions{grid-template-columns:1.2fr .8fr;gap:12px;width:100%;margin-top:34px;display:grid}
.intro-launch-actions button{color:#cad7e2;cursor:pointer;background:#091525c7;border:1px solid #8deeff26;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:0 20px;font:650 .72rem/1.25 ui-sans-serif,system-ui,sans-serif;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}
.intro-launch-actions button:first-child{color:var(--white);background:linear-gradient(135deg,#38ddf52e,#806cff21);border-color:#38ddf573;box-shadow:0 0 34px #38ddf514}
.intro-launch-actions button:hover{border-color:var(--cyan);color:var(--white);transform:translateY(-2px)}
.sound-bars{align-items:center;gap:3px;height:17px;display:inline-flex}
.sound-bars i{background:var(--cyan);border-radius:4px;width:2px;animation:.68s ease-in-out infinite alternate sound-bar;box-shadow:0 0 7px #38ddf599}
.sound-bars i:first-child{height:7px}
.sound-bars i:nth-child(2){height:15px;animation-delay:.17s}
.sound-bars i:nth-child(3){height:10px;animation-delay:.34s}
.intro-launch-skip{color:#a4bac78f;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin-top:24px;padding:8px;font:600 .58rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;transition:color .18s}
.intro-launch-skip:hover{color:var(--cyan-soft)}
.intro-stars{z-index:-1;opacity:0;animation:1.8s .12s forwards intro-stars-in,7s linear infinite intro-stars-drift;position:absolute;inset:-12%}
.intro-stars-near{background-image:radial-gradient(circle,#8deeffd1 0 1px,#0000 1.6px),radial-gradient(circle,#806cffb3 0 1px,#0000 1.8px);background-position:20px 30px,74px 110px;background-size:170px 190px,260px 290px}
.intro-stars-far{filter:blur(.35px);background-image:radial-gradient(circle,#f4f8fc8a 0 .7px,#0000 1.2px),radial-gradient(circle,#38ddf561 0 .8px,#0000 1.3px);background-position:100px 70px,10px 180px;background-size:130px 150px,210px 240px;animation-duration:1.8s,11s;animation-direction:normal,reverse}
.intro-scan{opacity:0;background:linear-gradient(#0000 0 48%,#8deeff1f 50%,#0000 52% 100%);animation:3.6s ease-in-out .5s both intro-scan;position:absolute;inset:0;transform:translateY(-55%)}
.intro-skip{z-index:3;color:#b1d1dbad;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;opacity:0;background:0 0;border:0;align-items:center;gap:12px;padding:10px 0;font:600 .65rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;transition:color .18s;animation:.5s .65s forwards intro-data-in;display:inline-flex;position:absolute;top:clamp(20px,4vw,46px);right:clamp(20px,4vw,54px)}
.intro-skip:hover{color:var(--cyan-soft)}
.intro-diagnostics{color:#80b2be8c;letter-spacing:.16em;gap:8px;font:500 .58rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:absolute;top:clamp(24px,5vw,58px);left:clamp(20px,4vw,54px)}
.intro-diagnostics span{opacity:0;animation:.42s forwards intro-data-in;transform:translate(-8px)}
.intro-diagnostics span:first-child{animation-delay:.42s}
.intro-diagnostics span:nth-child(2){animation-delay:.72s}
.intro-diagnostics span:nth-child(3){animation-delay:1.02s}
.intro-center{align-content:center;place-items:center;width:min(1180px,100vw - 44px);min-height:420px;display:grid}
.intro-kicker{color:#8deeff9e;letter-spacing:.34em;opacity:0;margin:0 0 clamp(28px,5vw,58px);font:500 clamp(.55rem,.9vw,.68rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace;animation:.9s .48s forwards intro-kicker}
.intro-word{z-index:2;color:#dffbff;letter-spacing:clamp(.08em,.5vw,.28em);text-indent:clamp(.08em,.5vw,.28em);white-space:nowrap;justify-content:center;align-items:center;min-height:clamp(52px,8vw,92px);font-size:clamp(1.25rem,4.6vw,4.5rem);font-weight:220;line-height:1;display:flex;position:relative}
.intro-word:after{content:"";width:min(70vw,760px);height:1px;animation:intro-axis 2.7s .72s var(--ease-out) both;background:linear-gradient(90deg,#0000,#38ddf5b8,#0000);position:absolute;bottom:-14px;left:50%;transform:translate(-50%)scaleX(0);box-shadow:0 0 16px #38ddf573}
.intro-word span{color:#0000;text-shadow:0 0 18px #8deeff00;opacity:0;transform-origin:50%;animation:intro-glyph 1.15s var(--ease-out) forwards;animation-delay:calc(.82s + (var(--glyph) * 76ms));display:inline-block;position:relative;transform:scaleX(.06)}
.intro-word span:before,.intro-word span:after{content:"";animation:intro-fragment .9s var(--ease-out) forwards;animation-delay:calc(.57s + (var(--glyph) * 76ms));background:#8deeffe0;display:block;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scaleX(0);box-shadow:0 0 12px #38ddf56b}
.intro-word span:before{width:70%;height:1px}
.intro-word span:after{width:1px;height:58%;animation-name:intro-fragment-vertical;transform:translate(-50%,-50%)scaleY(0)}
.intro-emblem{z-index:1;aspect-ratio:1;opacity:0;width:clamp(180px,26vw,330px);animation:intro-emblem-in 1.4s 2.85s var(--ease-out) forwards;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)scale(.7)}
.intro-mark{opacity:.92;filter:drop-shadow(0 0 18px #38ddf547);width:56%}
.intro-mark .mark-primary{stroke-dasharray:410;stroke-dashoffset:410px;animation:intro-draw-mark 1.35s 2.82s var(--ease-out) forwards}
.intro-mark .mark-accent,.intro-mark .mark-violet,.intro-mark .mark-core{opacity:0;animation:.4s 3.72s forwards intro-pixels}
.intro-orbit{aspect-ratio:1;border:1px solid #8deeff38;border-radius:50%;width:92%;position:absolute}
.intro-orbit-one{animation:12s linear 3.3s infinite intro-orbit-one;transform:rotate(34deg)scaleY(.42)}
.intro-orbit-two{border-color:#806cff3d;width:70%;animation:9s linear 3.3s infinite intro-orbit-two;transform:rotate(-28deg)scaleY(.58)}
.intro-online{color:var(--cyan-soft);letter-spacing:.28em;opacity:0;align-items:center;gap:10px;font:600 clamp(.58rem,.8vw,.68rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace;animation:.72s 4.15s forwards intro-online;display:flex;position:absolute;top:calc(50% + clamp(135px,17vw,205px));left:50%;transform:translate(-50%)}
.intro-online span{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 14px var(--cyan);border-radius:50%;animation:.7s ease-in-out 4.15s infinite alternate intro-online-pulse}
.intro-progress{color:#84b2bf9e;letter-spacing:.13em;opacity:0;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;font:500 .55rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;animation:.5s .4s forwards intro-data-in;display:grid;position:absolute;bottom:clamp(22px,4vw,46px);left:clamp(20px,4vw,54px);right:clamp(20px,4vw,54px)}
.intro-progress i{background:#8deeff1f;height:1px;position:relative;overflow:hidden}
.intro-progress i:after{content:"";background:linear-gradient(90deg, var(--violet), var(--cyan));transform-origin:0;animation:4.25s cubic-bezier(.3,.05,.2,1) .52s forwards intro-progress;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 12px #38ddf599}
.intro-progress b{color:#8deeffd1;font-weight:600}
.skip-link{z-index:1000;background:var(--white);color:var(--bg-deep);border-radius:10px;padding:12px 16px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.page-shell{width:var(--page);margin-inline:auto}
section[id]{scroll-margin-top:calc(var(--header-height) + 28px)}
.section-pad{padding-block:clamp(88px,10vw,150px)}
.site-header{z-index:100;width:100%;animation:header-in .5s var(--ease-out) both;position:fixed;top:14px;left:0}
.nav-shell{width:var(--page);min-height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050b16c2;border:1px solid #8deeff1a;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-inline:auto;padding:10px 12px 10px 16px;display:grid;box-shadow:0 18px 45px #00000038}
.brand{letter-spacing:-.04em;align-items:center;gap:10px;width:max-content;font-weight:720;display:inline-flex}
.brand-mark{flex:none;width:40px;height:40px}
.wordmark{color:var(--white);font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1}
.wordmark-compact{font-size:1.02rem}
.wordmark-dot{color:var(--cyan)}
.mark-primary{stroke:var(--white)}
.mark-accent{fill:var(--cyan);stroke:var(--cyan)}
.mark-violet{fill:var(--violet)}
.mark-core{fill:var(--cyan-soft)}
.desktop-nav{color:#bdc9d6;align-items:center;gap:28px;font-size:.84rem;font-weight:600;display:flex}
.desktop-nav a{padding-block:12px;transition:color .18s;position:relative}
.desktop-nav a:after{content:"";background:var(--cyan);opacity:0;border-radius:50%;width:4px;height:4px;transition:all .18s;position:absolute;bottom:4px;left:50%;transform:translate(-50%,5px)scale(.5)}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--white)}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{opacity:1;transform:translate(-50%)scale(1)}
.nav-cta{min-height:44px;color:var(--cyan-soft);transition:.18s var(--ease-soft);border:1px solid #38ddf54d;border-radius:12px;justify-self:end;padding:11px 18px;font-size:.84rem;font-weight:700}
.nav-cta:hover,.nav-cta:focus-visible{background:#38ddf514;border-color:#38ddf58c;transform:translateY(-1px)}
.mobile-menu{display:none}
.hero{min-height:max(760px,100svh);padding-top:calc(var(--header-height) + 64px);isolation:isolate;align-items:center;display:grid;position:relative;overflow:hidden}
.warp-field{z-index:-1;opacity:calc(var(--hero-power,0) * .72);perspective:600px;pointer-events:none;position:absolute;inset:0;overflow:hidden}
.warp-field i{--angle:calc(var(--warp) * 20deg);transform-origin:0;width:clamp(80px,15vw,240px);height:1px;transform:rotate(var(--angle)) translateX(calc(35px + var(--warp) * 5px)) scaleX(calc(.35 + var(--hero-power,0)));animation:warp-pulse 1.8s calc(var(--warp) * -120ms) linear infinite;background:linear-gradient(90deg,#0000,#8deeffd1);position:absolute;top:50%;left:68%;box-shadow:0 0 8px #38ddf59e}
.hero-hud{z-index:4;top:calc(var(--header-height) + 34px);color:#8deeff7a;letter-spacing:.18em;pointer-events:none;gap:5px;font:600 .52rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:absolute}
.hero-hud b{color:var(--cyan-soft);font-size:.64rem;font-weight:700}
.hero-hud-left{left:max(24px,50vw - 590px)}
.hero-hud-right{text-align:right;right:max(24px,50vw - 590px)}
.hero-hud:after{content:"";background:linear-gradient(90deg, var(--cyan), transparent);opacity:.38;width:72px;height:1px;margin-top:5px}
.hero-hud-right:after{background:linear-gradient(90deg, transparent, var(--cyan));justify-self:end}
.scroll-transmission{z-index:5;color:#8deeff7a;letter-spacing:.18em;text-transform:uppercase;justify-items:center;gap:10px;font:600 .53rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}
.scroll-transmission i{background:#8deeff26;width:1px;height:42px;overflow:hidden}
.scroll-transmission i:after{content:"";background:var(--cyan-soft);width:100%;height:45%;box-shadow:0 0 10px var(--cyan);animation:1.8s ease-in-out infinite scroll-signal;display:block}
.hero:before{content:"";z-index:-2;aspect-ratio:1;background:radial-gradient(circle,#38ddf521,#806cff0f 38%,#0000 70%);border-radius:50%;width:min(800px,65vw);position:absolute;top:4%;right:-16%}
.hero-grid{z-index:-3;transform-origin:top;background-image:linear-gradient(#38ddf514 1px,#0000 1px),linear-gradient(90deg,#38ddf514 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:52% -15% -32%;transform:perspective(500px)rotateX(64deg);-webkit-mask-image:linear-gradient(#000c,#0000 75%);mask-image:linear-gradient(#000c,#0000 75%)}
.star-field{z-index:-2;pointer-events:none;opacity:.35;background-image:radial-gradient(circle, var(--cyan-soft) 0 1px, transparent 1.5px), radial-gradient(circle, var(--violet) 0 1px, transparent 1.6px);background-position:17px 21px,83px 58px;background-size:137px 173px,211px 149px;position:absolute;inset:0}
.star-field-b{opacity:.16;animation:28s linear infinite star-drift;transform:scale(1.15)}
.hero-layout{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);align-items:center;gap:clamp(42px,6vw,96px);padding-block:72px 90px;display:grid}
.hyperjump{isolation:isolate;background:#01040a;border-block:1px solid #8deeff14;place-items:center;min-height:min(820px,92svh);display:grid;position:relative;overflow:hidden}
.hyperjump:before,.hyperjump:after{content:"";z-index:-1;background:repeating-conic-gradient(#0000 0deg 8deg,#38ddf50e 8.2deg,#0000 8.5deg 18deg);animation:linear both hyperspace-open;animation-timeline:view();animation-range:entry cover 70%;position:absolute;inset:-25%;transform:scale(.22)}
.hyperjump:after{filter:blur(2px);background:radial-gradient(circle,#f4f8fcf5,#38ddf58c 2%,#806cff29 8%,#0000 33%)}
.hyperjump-stars{z-index:-2;opacity:.3;background-image:radial-gradient(circle,#8deeffcc 0 1px,#0000 1.5px),radial-gradient(circle,#806cff99 0 1px,#0000 1.5px);background-size:89px 117px,151px 139px;position:absolute;inset:0}
.hyperjump-core{aspect-ratio:1;opacity:.6;border:1px solid #38ddf51f;border-radius:50%;place-items:center;width:min(64vw,700px);animation:linear both core-expand;animation-timeline:view();animation-range:entry cover 75%;display:grid;position:absolute}
.hyperjump-core span{border:1px dashed #806cff38;border-radius:50%;animation:24s linear infinite orbit-clockwise;position:absolute;inset:11%}
.hyperjump-core span:nth-child(2){border-style:solid;border-color:#8deeff2e;animation-duration:15s;animation-direction:reverse;inset:27%}
.hyperjump-core i{background:var(--white);width:8px;height:8px;box-shadow:0 0 18px var(--white), 0 0 60px var(--cyan), 0 0 150px 30px #38ddf54d;border-radius:50%}
.hyperjump-copy{z-index:2;text-align:center;position:relative}
.hyperjump-copy>p{color:var(--cyan-soft);letter-spacing:.42em;margin:0 0 26px;font:700 .63rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.hyperjump-copy h2{letter-spacing:-.07em;text-wrap:balance;text-shadow:0 0 44px #38ddf51a;max-width:1000px;margin:0 auto;font-size:clamp(3rem,7.2vw,7.4rem);font-weight:790;line-height:.93}
.hyperjump-copy h2 span{color:#0000;-webkit-text-stroke:1px #8deeff8c;display:block}
.transmission-line{background:#8deeff1f;width:min(580px,70vw);height:1px;margin:54px auto 0;overflow:hidden}
.transmission-line i{background:linear-gradient(90deg, transparent, var(--cyan-soft), transparent);width:30%;height:100%;box-shadow:0 0 14px var(--cyan);animation:2.6s ease-in-out infinite transmission;display:block}
.hero-copy{z-index:2;position:relative}
.eyebrow{color:var(--cyan-soft);letter-spacing:.17em;text-transform:uppercase;margin:0 0 22px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:700;line-height:1.6}
.hero h1{letter-spacing:-.065em;max-width:780px;margin:0;font-size:clamp(3.5rem,6.5vw,6.7rem);font-weight:780;line-height:.94}
.hero h1 em{color:var(--cyan);text-shadow:0 0 32px #38ddf52b;font-style:normal;position:relative}
.hero h1 em:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:.45;border-radius:100%;height:.08em;position:absolute;bottom:-.08em;left:3%;right:2%}
.hero-lead{color:#b6c3d1;max-width:660px;margin:30px 0 0;font-size:clamp(1.05rem,1.45vw,1.23rem);line-height:1.75}
.hero-actions{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}
.button{min-height:52px;transition:.18s var(--ease-soft);border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:18px;padding:14px 20px;font-size:.91rem;font-weight:760;display:inline-flex}
.button span{transition:transform .18s var(--ease-soft)}
.button:hover,.button:focus-visible{transform:translateY(-2px)}
.button:hover span,.button:focus-visible span{transform:translate(3px,-2px)}
.button:active{transform:scale(.98)}
.button-primary{background:var(--cyan);color:#03101c;box-shadow:0 12px 32px #38ddf529}
.button-primary:hover,.button-primary:focus-visible{background:var(--cyan-soft);box-shadow:0 16px 36px #38ddf538}
.button-secondary{color:var(--white);background:#38ddf509;border-color:#38ddf53d}
.button-secondary:hover,.button-secondary:focus-visible{background:#38ddf514;border-color:#38ddf575}
.capability-strip{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:12px 24px;margin:34px 0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;list-style:none;display:flex}
.capability-strip li{align-items:center;gap:8px;display:flex}
.status-dot{background:var(--cyan);border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #38ddf517}
.andromeda-stage{aspect-ratio:1;justify-self:center;place-items:center;width:min(100%,540px);display:grid;position:relative}
.core-glow{aspect-ratio:1;background:radial-gradient(circle,#38ddf530,#806cff12 40%,#0000 69%);border-radius:50%;width:66%;position:absolute}
.orbit{aspect-ratio:1;border:1px solid #8deeff33;border-radius:50%;width:89%;position:absolute}
.orbit:before,.orbit:after{content:"";border:1px dashed #8deeff17;border-radius:50%;position:absolute;inset:9%}
.orbit:after{border-style:solid;border-color:#806cff26;inset:22%}
.orbit-outer{animation:26s linear infinite orbit-clockwise;transform:rotate(18deg)scaleY(.58)}
.orbit-inner{border-color:#806cff38;width:67%;animation:18s linear infinite orbit-counter;transform:rotate(-38deg)scaleY(.64)}
.orbit-dot{border:2px solid var(--bg-deep);background:var(--cyan);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 4px #38ddf514,0 0 18px #38ddf58c}
.dot-one{top:16%;left:13%}
.dot-two{background:var(--violet);bottom:27%;right:8%}
.dot-three{top:8%;right:28%}
.hero-mark{z-index:2;filter:drop-shadow(0 0 18px #38ddf514);width:54%;height:54%;position:relative}
.energy-core-rings{z-index:1;aspect-ratio:1;pointer-events:none;place-items:center;width:42%;display:grid;position:absolute}
.energy-core-rings span{border:1px solid #38ddf533;border-radius:50%;animation:6s linear infinite energy-ring-idle;position:absolute;inset:0;box-shadow:inset 0 0 18px #38ddf50a,0 0 28px #38ddf50a}
.energy-core-rings span:nth-child(2){border-style:dashed;border-color:#806cff47;animation-duration:4.8s;animation-direction:reverse;inset:12%}
.energy-core-rings span:nth-child(3){border-color:#8deeff57;animation-duration:3.8s;inset:27%}
.has-active-orbit .energy-core-rings span{border-color:#8deeffb8;animation-duration:.9s;box-shadow:inset 0 0 24px #38ddf51f,0 0 38px #38ddf540}
.core-node{z-index:3;border-radius:50%;width:10px;height:10px;animation:3.8s ease-in-out infinite alternate core-pulse;position:absolute}
.core-cyan{background:var(--cyan);top:48%;left:48.5%;box-shadow:0 0 25px #38ddf5b3}
.core-violet{background:var(--violet);animation-delay:-1.8s;top:50%;left:51%;box-shadow:0 0 22px #806cffb3}
.stage-label,.skill-node{z-index:4;color:var(--text-muted);letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.54rem;position:absolute}
.stage-label-top{top:1%;right:15%}
.stage-label-bottom{color:#8deeff9e;bottom:2%;left:13%}
.skill-node{cursor:pointer;text-transform:inherit;background:#0309113d;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:7px 9px;transition:color .18s,border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex}
.skill-node:hover,.skill-node:focus-visible,.skill-node.is-active{color:var(--white);background:#040f1ad1;border-color:#38ddf56b;outline:none;transform:translateY(-2px);box-shadow:0 0 24px #38ddf51f,inset 0 0 18px #38ddf50a}
.skill-node.is-active{border-color:var(--cyan);color:var(--cyan-soft);box-shadow:0 0 0 4px #38ddf514,0 0 30px #38ddf55c,inset 0 0 18px #38ddf514}
.skill-node span{background:var(--cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #38ddf580}
.node-web{top:24%;left:-6%}
.node-ai{top:6%;left:18%}
.node-cloud{top:3%;right:22%}
.node-gestionali{top:24%;right:-9%}
.node-mobile{bottom:25%;right:-5%}
.node-marketing{bottom:5%;right:12%}
.node-automotive{bottom:3%;left:19%}
.node-cyber{bottom:23%;left:-7%}
.node-cloud span,.node-ai span,.node-marketing span,.node-cyber span{background:var(--violet)}
.energy-conduit{z-index:3;transform-origin:0;pointer-events:none;width:45%;height:2px;animation:conduit-ignite .72s var(--ease-out) both;background:linear-gradient(90deg,#8deeffeb,#38ddf580 58%,#0000);border-radius:99px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #38ddf5e0,0 0 24px #38ddf585}
.energy-conduit:before,.energy-conduit:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#f4f8fcf0,#0000);animation:.65s ease-out .14s both conduit-surge;position:absolute;inset:-2px 0}
.energy-conduit:after{opacity:.3;filter:blur(5px);animation-delay:.23s;inset:-5px 0}
.energy-conduit i,.energy-conduit b{border:1px solid var(--cyan-soft);width:11px;height:11px;box-shadow:0 0 10px var(--cyan), 0 0 24px #38ddf5b8;border-radius:50%;animation:.9s ease-out .44s infinite energy-impact;position:absolute;top:50%;right:1%;transform:translate(50%,-50%)}
.energy-conduit b{opacity:.38;width:22px;height:22px;animation-delay:.56s}
.conduit-web{transform:rotate(-156deg)}
.conduit-ai{transform:rotate(-116deg)}
.conduit-cloud{transform:rotate(-67deg)}
.conduit-gestionali{transform:rotate(-24deg)}
.conduit-mobile{transform:rotate(24deg)}
.conduit-marketing{transform:rotate(67deg)}
.conduit-automotive{transform:rotate(116deg)}
.conduit-cyber{transform:rotate(156deg)}
.orbital-detail{z-index:8;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:66%;min-height:47%;animation:orbital-detail-in .42s .48s var(--ease-out) both;background:radial-gradient(circle at 18% 0,#38ddf51f,#0000 15rem),#020810f0;border:1px solid #38ddf557;border-radius:20px;align-content:center;justify-items:start;padding:28px 30px;display:grid;position:absolute;box-shadow:0 24px 70px #00000080,inset 0 0 45px #38ddf506}
.orbital-detail-code{color:#8deeffa3;letter-spacing:.2em;margin-bottom:10px;font:650 .54rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.orbital-detail strong{color:var(--white);letter-spacing:-.035em;font-size:clamp(1.05rem,2.2vw,1.45rem)}
.orbital-detail p{color:#b1c5d3bd;margin:11px 0 17px;font-size:.73rem;line-height:1.55}
.orbital-detail>a{color:var(--cyan-soft);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font:650 .59rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}
.orbital-detail>button{color:#8deeff99;cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-size:1.15rem;position:absolute;top:11px;right:13px}
.has-active-orbit .hero-mark{opacity:.18;filter:blur(2px);transition:opacity .26s,filter .26s}
@keyframes orbital-detail-in{0%{opacity:0;transform:scale(.94)translateY(8px)}
}
@keyframes energy-ring-idle{to{transform:rotate(360deg)}
}
@keyframes conduit-ignite{0%{opacity:0;width:0}
28%{opacity:1}
}
@keyframes conduit-surge{0%{opacity:0;transform-origin:0;transform:scaleX(0)}
45%{opacity:1}
to{opacity:0;transform-origin:0;transform:scaleX(1)}
}
@keyframes energy-impact{0%{opacity:.9;transform:translate(50%,-50%)scale(.45)}
to{opacity:0;transform:translate(50%,-50%)scale(1.8)}
}
.mobile-core-tags{display:none}
.hero-enter{animation:hero-in .7s var(--ease-out) both}
.enter-1{animation-delay:80ms}
.enter-2{animation-delay:.13s}
.enter-3{animation-delay:.19s}
.enter-4{animation-delay:.25s}
.enter-5{animation-delay:.31s}
.enter-core{animation-name:core-in;animation-duration:.9s;animation-delay:.18s}
.positioning{background:linear-gradient(90deg, #38ddf506, transparent 32%), var(--bg-surface);border-block:1px solid #8deeff17;position:relative}
.positioning-grid{grid-template-columns:.34fr 1.66fr;gap:48px;display:grid}
.section-index{color:#8deeff8a;letter-spacing:.15em;padding-top:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem}
.positioning-copy{max-width:900px}
.positioning h2,.section-heading h2,.about h2,.contact h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.35rem,4.4vw,4.8rem);font-weight:760;line-height:1.02}
.positioning h2 span,.about h2 span,.contact h2 span{color:#7f92a6}
.positioning-copy>p{color:#b5c2d0;max-width:780px;margin:34px 0 0;font-size:clamp(1.02rem,1.4vw,1.17rem);line-height:1.8}
.principles{border-top:1px solid var(--line);color:var(--cyan-soft);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:repeat(4,1fr);gap:18px;margin:44px 0 0;padding:22px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;list-style:none;display:grid}
.section-heading{grid-template-columns:1.35fr .65fr;align-items:end;gap:64px;margin-bottom:clamp(42px,6vw,78px);display:grid}
.section-heading h2{max-width:850px}
.section-heading>p{max-width:440px;color:var(--text-muted);margin:0 0 7px;font-size:.98rem;line-height:1.75}
.service-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}
.service-card{border:1px solid var(--line);min-height:330px;transition:transform .22s var(--ease-out), border-color .22s ease, background-color .22s ease;background:linear-gradient(140deg,#38ddf50b,#0000 42%),#091525c2;border-radius:20px;flex-direction:column;padding:26px;display:flex;position:relative;overflow:hidden}
.service-card:before{content:"";border:1px solid #8deeff14;border-radius:50%;width:180px;height:180px;position:absolute;top:-36%;right:-20%}
.service-card:hover,.service-card:focus-within{background-color:#0d1d32e6;border-color:#38ddf557;transform:translateY(-4px)}
.card-topline{color:#8deeff85;letter-spacing:.14em;justify-content:space-between;align-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.69rem;display:flex}
.card-node{background:#637487;border-radius:50%;width:7px;height:7px;transition:all .22s}
.service-card:hover .card-node,.service-card:focus-within .card-node{background:var(--cyan);box-shadow:0 0 14px #38ddf599}
.service-card h3{letter-spacing:-.03em;max-width:300px;margin:46px 0 0;font-size:1.4rem;font-weight:720;line-height:1.2}
.service-card>p{color:var(--text-muted);margin:18px 0 28px;font-size:.91rem;line-height:1.72}
.tag-list{flex-wrap:wrap;gap:7px;margin:auto 0 0;padding:0;list-style:none;display:flex}
.tag-list li{color:#aab8c6;border:1px solid #8deeff1c;border-radius:999px;padding:6px 9px;font-size:.67rem}
.sectors{background:var(--bg-surface);border-block:1px solid #8deeff14}
.sector-list{border-top:1px solid var(--line)}
.sector-row{border-bottom:1px solid var(--line);min-height:180px;transition:background-color .22s ease, padding .22s var(--ease-out);grid-template-columns:.18fr .72fr .92fr auto;align-items:center;gap:38px;padding:28px 8px;display:grid}
.sector-row:hover{background:#38ddf509;padding-inline:22px}
.sector-number{color:#8deeff7a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}
.sector-row h3{letter-spacing:-.04em;margin:7px 0 0;font-size:clamp(1.55rem,2.6vw,2.55rem);font-weight:730}
.sector-row div>p{color:var(--cyan-soft);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:700;line-height:1.6}
.sector-text{max-width:500px;color:var(--text-muted);margin:0;font-size:.93rem;line-height:1.75}
.sector-arrow{color:var(--cyan);transition:transform .2s var(--ease-out);font-size:1.2rem}
.sector-row:hover .sector-arrow{transform:translate(4px,-4px)}
.method-grid{grid-template-columns:repeat(6,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}
.method-grid:before{content:"";background:linear-gradient(90deg,#0000,#38ddf559,#806cff59,#0000);height:1px;position:absolute;top:82px;left:10%;right:10%}
.method-step{text-align:center;padding:0 12px;position:relative}
.method-step>span{color:#8deeff75;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem}
.method-orbit{z-index:2;background:var(--bg-deep);width:72px;height:72px;transition:transform .25s var(--ease-out), border-color .25s ease;border:1px solid #8deeff33;border-radius:50%;place-items:center;margin:24px auto 28px;display:grid;position:relative}
.method-orbit:before{content:"";border:1px dashed #806cff4d;border-radius:50%;width:42px;height:42px}
.method-orbit i{background:var(--cyan);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 18px #38ddf5a6}
.method-step:hover .method-orbit{border-color:var(--cyan);transform:scale(1.07)}
.method-step h3{margin:0;font-size:1.2rem;font-weight:720}
.method-step p{color:var(--text-muted);margin:12px auto 0;font-size:.87rem;line-height:1.65}
.technology{background:linear-gradient(135deg,#38ddf506,#0000 38%),#040a14;border-block:1px solid #8deeff14;position:relative;overflow:hidden}
.technology-aurora{aspect-ratio:1;filter:blur(80px);opacity:.48;background:conic-gradient(from 130deg,#0000,#38ddf529,#0000 32%,#806cff21,#0000 64%);border-radius:50%;width:min(780px,70vw);animation:18s linear infinite aurora;position:absolute;top:4%;right:-8%}
.technology-layout{grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(50px,8vw,120px);display:grid;position:relative}
.technology-copy h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.7rem,5.4vw,5.8rem);font-weight:770;line-height:.98}
.technology-copy h2 span{color:#71859b}
.technology-copy>p:last-child{max-width:560px;color:var(--text-muted);margin:30px 0 0;font-size:1rem;line-height:1.8}
.technology-map{background:repeating-radial-gradient(circle,#0000 0 76px,#8deeff0e 77px 78px),radial-gradient(circle,#38ddf517,#0000 58%);border:1px solid #8deeff14;border-radius:50%;place-items:center;min-height:620px;display:grid;position:relative}
.technology-map:before{content:"";border:1px dashed #806cff26;border-radius:50%;animation:32s linear infinite orbit-counter;position:absolute;inset:14%}
.technology-core{z-index:3;aspect-ratio:1;background:#030911e6;border:1px solid #8deeff57;border-radius:50%;place-items:center;width:142px;display:grid;position:relative;box-shadow:0 0 70px #38ddf529}
.technology-core>span{color:#8deeff8c;letter-spacing:.2em;font:700 .54rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:-30px}
.technology-mark{width:90px}
.technology-node{--tech-angle:calc(var(--tech) * 32.72deg - 90deg);z-index:2;color:#dcf0f8c2;letter-spacing:.08em;transform:translate(-50%, -50%) rotate(var(--tech-angle)) translateX(clamp(180px, 20vw, 272px)) rotate(calc(var(--tech-angle) * -1));align-items:center;gap:8px;font:650 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:absolute;top:50%;left:50%}
.technology-node:before{content:"";z-index:-1;transform-origin:100%;background:linear-gradient(90deg,#0000,#38ddf538);width:clamp(70px,10vw,145px);height:1px;position:absolute;right:100%}
.technology-node i{background:var(--cyan);width:7px;height:7px;animation:tech-pulse 2.4s calc(var(--tech) * -190ms) ease-in-out infinite;border-radius:50%;box-shadow:0 0 12px #38ddf5b8}
@keyframes warp-pulse{50%{opacity:.2}
}
@keyframes scroll-signal{0%{transform:translateY(-110%)}
to{transform:translateY(230%)}
}
@keyframes hyperspace-open{0%{opacity:0;transform:scale(.12)rotate(-5deg)}
45%{opacity:.8}
to{opacity:.28;transform:scale(1.5)rotate(4deg)}
}
@keyframes core-expand{0%{opacity:0;transform:scale(.45)}
55%{opacity:.75}
to{opacity:.2;transform:scale(1.3)}
}
@keyframes transmission{0%{transform:translate(-110%)}
to{transform:translate(440%)}
}
@keyframes aurora{to{transform:rotate(360deg)}
}
@keyframes tech-pulse{50%{background:var(--white);box-shadow:0 0 8px var(--white), 0 0 24px var(--cyan);transform:scale(1.45)}
}
.contact{border-top:1px solid #8deeff14;position:relative;overflow:hidden}
.contact-glow{aspect-ratio:1;background:radial-gradient(circle,#38ddf521,#806cff0a 40%,#0000 70%);border-radius:50%;width:700px;position:absolute;bottom:-80%;right:-16%}
.contact-grid{grid-template-columns:1.22fr .78fr;align-items:end;gap:80px;display:grid;position:relative}
.contact-copy>p:first-child{color:#afbdcc;margin:0 0 30px;line-height:1.8}
.button-large{justify-content:space-between;width:100%;min-height:62px;padding-inline:24px}
.contact-note{color:#73869a;letter-spacing:.05em;margin:17px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.61rem;line-height:1.6}
.site-footer{background:#030812;border-top:1px solid #8deeff1a;padding-block:34px}
.footer-grid{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;display:grid}
.footer-grid>p{color:#75889d;text-align:center;margin:0;font-size:.78rem;line-height:1.6}
.footer-grid>a:last-child{color:var(--cyan-soft);justify-self:end;font-size:.75rem;font-weight:650}
.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry 5% cover 32%}
@keyframes intro-stars-in{to{opacity:.72}
}
@keyframes launch-signal{0%{opacity:.18;transform:scale(.72)}
52%{opacity:.72}
to{opacity:0;transform:scale(1.18)}
}
@keyframes sound-bar{to{opacity:.5;height:4px}
}
@keyframes intro-stars-drift{to{transform:translate(1.8%,-1.2%)scale(1.035)}
}
@keyframes intro-scan{0%{opacity:0;transform:translateY(-55%)}
14%{opacity:.65}
85%{opacity:.28}
to{opacity:0;transform:translateY(55%)}
}
@keyframes intro-data-in{to{opacity:1;transform:translate(0)}
}
@keyframes intro-kicker{0%{opacity:0;letter-spacing:.58em}
to{opacity:1;letter-spacing:.34em}
}
@keyframes intro-axis{0%{opacity:0;transform:translate(-50%)scaleX(0)}
35%{opacity:1}
78%{opacity:.72;transform:translate(-50%)scaleX(1)}
to{opacity:0;transform:translate(-50%)scaleX(1)}
}
@keyframes intro-glyph{0%{color:#0000;opacity:0;transform:scaleX(.06)}
56%{color:#dffbff24;opacity:.72}
82%{color:#dffbfff5;opacity:1;text-shadow:0 0 20px #8deeff57;transform:scaleX(1)}
to{color:#dffbff00;opacity:0;text-shadow:0 0 28px #8deeff00;transform:scaleX(1.025)}
}
@keyframes intro-fragment{0%{opacity:0;transform:translate(-50%,-50%)scaleX(0)}
35%{opacity:1}
72%{opacity:.85;transform:translate(-50%,-50%)scaleX(1)}
to{opacity:0;transform:translate(-50%,-50%)scaleX(1)}
}
@keyframes intro-fragment-vertical{0%{opacity:0;transform:translate(-50%,-50%)scaleY(0)}
35%{opacity:1}
72%{opacity:.85;transform:translate(-50%,-50%)scaleY(1)}
to{opacity:0;transform:translate(-50%,-50%)scaleY(1)}
}
@keyframes intro-emblem-in{0%{opacity:0;transform:translate(-50%,-42%)scale(.7)}
62%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}
to{opacity:1;transform:translate(-50%,-50%)scale(1)}
}
@keyframes intro-draw-mark{to{stroke-dashoffset:0}
}
@keyframes intro-pixels{0%{opacity:0;filter:brightness(4)}
to{opacity:1;filter:brightness()}
}
@keyframes intro-orbit-one{to{transform:rotate(394deg)scaleY(.42)}
}
@keyframes intro-orbit-two{to{transform:rotate(-388deg)scaleY(.58)}
}
@keyframes intro-online{0%{opacity:0;filter:blur(4px)}
65%{opacity:1;filter:blur()}
80%{opacity:.42}
to{opacity:1;filter:blur()}
}
@keyframes intro-online-pulse{to{opacity:.38;transform:scale(.7)}
}
@keyframes intro-progress{0%{transform:scaleX(0)}
16%{transform:scaleX(.08)}
33%{transform:scaleX(.29)}
46%{transform:scaleX(.31)}
72%{transform:scaleX(.76)}
88%{transform:scaleX(.9)}
to{transform:scaleX(1)}
}
@keyframes header-in{0%{opacity:0;transform:translateY(-12px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes hero-in{0%{opacity:0;transform:translateY(18px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes core-in{0%{opacity:0;transform:scale(.94)}
to{opacity:1;transform:scale(1)}
}
@keyframes orbit-clockwise{to{transform:rotate(378deg)scaleY(.58)}
}
@keyframes orbit-counter{to{transform:rotate(-398deg)scaleY(.64)}
}
@keyframes core-pulse{0%{opacity:.68;transform:scale(.82)}
to{opacity:1;transform:scale(1.14)}
}
@keyframes star-drift{to{background-position:154px 194px,-128px 207px}
}
@keyframes reveal{0%{opacity:.01;transform:translateY(18px)}
to{opacity:1;transform:translateY(0)}
}
@media (width<=1060px){:root{--page:min(100% - 36px, 920px)}
.technology-layout{grid-template-columns:1fr}
.technology-copy{max-width:780px}
.technology-map{aspect-ratio:1;justify-self:center;width:min(700px,100%);min-height:auto}
.method-grid{grid-template-columns:repeat(3,1fr);row-gap:58px}
.method-grid:before{display:none}
.desktop-nav{gap:17px}
.hero-layout{grid-template-columns:1fr .8fr;gap:24px}
.hero h1{font-size:clamp(3.3rem,7vw,5.4rem)}
.service-grid{grid-template-columns:repeat(2,1fr)}
}
@media (width<=820px){:root{--header-height:66px;--page:min(100% - 28px, 700px)}
.hero-hud,.scroll-transmission{display:none}
.hyperjump{min-height:72svh}
.technology-map{transform:scale(.9)}
.site-header{top:9px}
.nav-shell{min-height:var(--header-height);border-radius:15px;grid-template-columns:1fr auto}
.desktop-nav,.nav-cta{display:none}
.mobile-menu{display:block;position:relative}
.mobile-menu summary{min-width:78px;min-height:44px;color:var(--cyan-soft);cursor:pointer;justify-content:flex-end;align-items:center;gap:10px;padding:8px 10px;font-size:.76rem;font-weight:720;list-style:none;display:flex}
.mobile-menu summary::-webkit-details-marker{display:none}
.menu-icon{flex-direction:column;justify-content:center;gap:5px;width:18px;height:14px;display:flex}
.menu-icon i{background:currentColor;width:100%;height:1px;transition:all .18s;display:block}
.mobile-menu[open] .menu-icon i:first-child{transform:translateY(3px)rotate(45deg)}
.mobile-menu[open] .menu-icon i:last-child{transform:translateY(-3px)rotate(-45deg)}
.mobile-menu nav{background:#050b16f7;border:1px solid #8deeff29;border-radius:16px;width:min(330px,100vw - 28px);padding:12px;display:grid;position:absolute;top:calc(100% + 14px);right:-12px;box-shadow:0 26px 70px #00000073}
.mobile-menu nav a{color:#c5d1dd;border-radius:10px;align-items:center;min-height:48px;padding:13px 15px;font-size:.9rem;display:flex}
.mobile-menu nav a:hover,.mobile-menu nav a:focus-visible{color:var(--white);background:#38ddf514}
.hero{min-height:auto;padding-top:calc(var(--header-height) + 54px)}
.hero-layout{grid-template-columns:1fr;gap:20px;padding-block:78px 84px}
.skill-node{display:none}
.hero-copy{text-align:left}
.hero h1{max-width:680px;font-size:clamp(3.05rem,11vw,5.6rem)}
.hero-lead{max-width:620px}
.andromeda-stage{width:min(100%,460px);margin-top:18px}
.mobile-core-tags{flex-wrap:wrap;justify-content:center;gap:7px;margin:-14px 0 0;padding:0;list-style:none;display:flex}
.mobile-core-tags li{display:contents}
.mobile-core-tags button{color:#91a3b5;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#040d179e;border:1px solid #8deeff24;border-radius:999px;padding:7px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem}
.mobile-core-tags button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan-soft);background:#38ddf51a}
.orbital-detail{width:min(74%,330px);min-height:54%}
.positioning-grid{grid-template-columns:1fr;gap:20px}
.section-index{padding-top:0}
.section-heading{grid-template-columns:1fr;gap:24px}
.sector-row{grid-template-columns:auto 1fr auto;gap:22px}
.sector-text{grid-column:2/4}
.method-grid{grid-template-columns:repeat(2,1fr);row-gap:58px}
.method-grid:before{display:none}
.contact-grid{grid-template-columns:1fr}
.contact-grid{align-items:start;gap:38px}
.footer-grid{grid-template-columns:1fr auto}
.footer-grid>p{display:none}
}
@media (width<=560px){.warp-field{display:none}
.hyperjump-copy h2 span{margin-top:.18em}
.hyperjump-core{width:90vw}
.technology-layout{gap:20px}
.technology-map{width:115%;margin-inline:-7.5%;transform:scale(.82)}
.technology-core{width:105px}
.technology-mark{width:68px}
.technology-node{transform:translate(-50%, -50%) rotate(var(--tech-angle)) translateX(clamp(126px, 38vw, 178px)) rotate(calc(var(--tech-angle) * -1))}
.technology-node span{text-overflow:ellipsis;max-width:72px;overflow:hidden}
:root{--page:calc(100% - 24px)}
.intro-diagnostics{gap:6px;font-size:.5rem;top:22px;left:18px}
.intro-launch{border-radius:18px;width:calc(100vw - 24px);padding:32px 18px 28px}
.intro-launch-signal{width:62px;height:62px;margin-bottom:20px}
.intro-launch-title{font-size:clamp(1.65rem,9vw,2.2rem)}
.intro-launch-copy{max-width:28ch;font-size:.82rem}
.intro-launch-actions{grid-template-columns:1fr;margin-top:28px}
.background-audio-control{bottom:12px;right:12px}
.intro-diagnostics span:nth-child(3){display:none}
.intro-skip{font-size:0;top:15px;right:18px}
.intro-skip span{font-size:1rem}
.intro-center{width:calc(100vw - 24px)}
.intro-kicker{letter-spacing:.2em;margin-bottom:34px;font-size:.5rem}
.intro-word{letter-spacing:.045em;text-indent:.045em;min-height:44px;font-size:clamp(1rem,5.25vw,1.55rem)}
.intro-emblem{width:min(64vw,250px)}
.intro-online{width:max-content;font-size:.52rem;top:calc(50% + 132px)}
.intro-progress{grid-template-columns:1fr auto;gap:12px;bottom:24px;left:18px;right:18px}
.intro-progress>span{display:none}
.nav-shell{padding-left:11px}
.brand-mark{width:36px;height:36px}
.wordmark-compact{font-size:.87rem}
.hero-layout{padding-top:54px}
.hero h1{font-size:clamp(2.8rem,14vw,4.15rem)}
.hero-actions{display:grid}
.button{justify-content:space-between;width:100%}
.capability-strip{gap:12px 16px}
.andromeda-stage{width:100%}
.orbital-detail{width:88%;min-height:62%;padding:24px 22px}
.orbital-detail p{font-size:.69rem}
.stage-label{display:none}
.section-pad{padding-block:78px}
.positioning h2,.section-heading h2,.about h2,.contact h2{font-size:clamp(2.2rem,11vw,3.1rem)}
.principles{grid-template-columns:1fr 1fr;row-gap:16px}
.service-grid{grid-template-columns:1fr}
.service-card{min-height:300px}
.sector-row{grid-template-columns:auto 1fr;gap:18px;min-height:0;padding:28px 4px}
.sector-text{grid-column:2}
.sector-arrow{display:none}
.method-grid{grid-template-columns:1fr;gap:50px}
.method-step{padding-inline:12px}
.footer-grid{grid-template-columns:1fr}
.footer-grid>a:last-child{justify-self:start}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}
.reveal,.hero-enter{opacity:1;transform:none}
}
@media (forced-colors:active){.mark-primary,.mark-accent{stroke:canvastext}
.mark-accent,.mark-violet,.mark-core{fill:canvastext}
.orbit,.method-orbit{border-color:canvastext}
}
.cinematic-intro{contain:layout paint style;isolation:isolate;background:radial-gradient(circle,#0e1f3821,#0000 27rem),#000104;transition:opacity .68s,visibility .68s,background-color .68s}
.cinematic-intro:not(.is-leaving)~.site-header,.cinematic-intro:not(.is-leaving)~main,.cinematic-intro:not(.is-leaving)~.site-footer{visibility:hidden}
.cinematic-intro:before{opacity:.22;background:linear-gradient(#38ddf503 1px,#0000 1px) 0 0/100% 7px,linear-gradient(90deg,#38ddf502 1px,#0000 1px) 0 0/120px 100%}
.cinematic-intro.is-leaving{background:0 0}
.intro-launch{background:radial-gradient(circle at 50% 42%,#38ddf50b,#0000 19rem),#000207c2;border-color:#8deeff14;border-radius:2px;width:min(760px,100vw - 38px);padding:clamp(30px,6vw,66px);box-shadow:0 36px 130px #000000c7,inset 0 0 120px #38ddf505}
.intro-launch:before,.intro-launch:after{border-color:#38ddf52e;width:38px;height:38px}
.intro-launch-signal{opacity:.56;filter:saturate(.65)brightness(.68);width:clamp(118px,17vw,176px);height:clamp(118px,17vw,176px);margin-bottom:28px;animation:5.8s ease-in-out infinite sleeping-signal}
.intro-launch-signal span:first-child{border-color:#38ddf51a;animation-duration:4.6s;inset:-12%}
.intro-launch-signal span:nth-child(2){border-color:#806cff2e;animation-duration:3.4s;inset:7%}
.intro-launch-mark{filter:drop-shadow(0 0 24px #38ddf533);width:72%}
.intro-launch-mark .mark-primary{stroke:#dcf7ff70}
.intro-launch-mark .mark-core,.intro-launch-mark .mark-accent,.intro-launch-mark .mark-violet{opacity:.42}
.intro-launch>p{color:#8deeff6b;letter-spacing:.34em;margin-bottom:18px}
.intro-launch .wordmark{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(1.4rem,3.1vw,2.75rem);font-weight:300}
.intro-launch .wordmark-dot{color:#38ddf59e}
.intro-launch-copy{color:#b1c5d37a;letter-spacing:.3em;margin-top:18px;font:600 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.intro-launch-actions{grid-template-columns:1fr 1fr;width:min(590px,100%);margin-top:42px}
.intro-launch-actions button{letter-spacing:.12em;background:#00060eb3;border-radius:2px;min-height:58px;font:650 .68rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}
.intro-launch-actions button:first-child{background:radial-gradient(circle at 16%,#38ddf52b,#0000 48%),#030d17e0}
.signal-void{opacity:0;background:radial-gradient(circle at 50% 51%,#38ddf50a,#0000 4rem),#000104;position:absolute;inset:0}
.signal-void:after{content:"";opacity:.55;pointer-events:none;background:#000;position:absolute;inset:0}
.cinematic-intro.is-started .signal-void{animation:22s linear both signal-void-awake}
.cinematic-intro.is-started .signal-void:after{animation:2.2s linear both signal-void-dimmer}
.cinematic-intro.is-started .intro-stars{opacity:0;will-change:transform, opacity;animation:22s linear both signal-stars-reveal,7s cubic-bezier(.7,0,.9,.35) 15.3s both signal-stars-flight;inset:-28%}
.intro-stars-near{background-size:190px 210px,310px 330px}
.intro-stars-far{background-size:140px 170px,230px 270px}
.signal-dust{opacity:0;perspective:700px;position:absolute;inset:0;overflow:hidden}
.cinematic-intro.is-started .signal-dust{will-change:transform, opacity;animation:22s linear both signal-dust-reveal}
.signal-dust i{width:var(--particle-size);height:var(--particle-size);opacity:var(--particle-opacity);animation:signal-particle-drift var(--particle-duration) var(--particle-delay) ease-in-out infinite alternate;background:#8deeffc2;border-radius:50%;position:absolute;transform:translateZ(-48px)scale(.35);box-shadow:0 0 9px #38ddf59e,0 0 24px #806cff2e}
.signal-camera{opacity:0;perspective:1100px;place-items:center;display:grid;position:absolute;inset:0}
.cinematic-intro.is-started .signal-camera{will-change:opacity;animation:22s linear both signal-camera-reveal}
.signal-galaxy{aspect-ratio:1;width:clamp(260px,38vw,620px);transform-style:preserve-3d;place-items:center;display:grid;position:relative}
.cinematic-intro.is-started .signal-galaxy{will-change:transform, opacity;animation:22s cubic-bezier(.2,.58,.2,1) both signal-galaxy-journey}
.signal-halo{mix-blend-mode:screen;border:1px solid #8deeff1f;border-radius:50%;position:absolute}
.signal-halo-one{aspect-ratio:1;width:102%;animation:11s linear infinite signal-halo-one;transform:rotate(26deg)scaleY(.34);box-shadow:0 0 54px #38ddf51f,inset 0 0 44px #806cff14}
.signal-halo-two{aspect-ratio:1;border-color:#806cff29;width:74%;animation:8s linear infinite reverse signal-halo-two;transform:rotate(-38deg)scaleY(.53)}
.signal-core{aspect-ratio:1;opacity:.18;background:#e6fcff;border-radius:50%;width:8%;position:absolute;box-shadow:0 0 18px #d9fbff,0 0 58px #38ddf5eb,0 0 120px #806cff8a}
.cinematic-intro.is-started .signal-core{will-change:transform, opacity;animation:22s linear both signal-core-awake}
.signal-mark{z-index:2;filter:drop-shadow(0 0 13px #38ddf5d1)drop-shadow(0 0 42px #806cff70);width:68%;position:relative;overflow:visible}
.signal-mark .mark-primary{stroke:#dbfaffeb;stroke-dasharray:430;stroke-dashoffset:430px}
.cinematic-intro.is-started .signal-mark .mark-primary{animation:22s cubic-bezier(.2,.7,.2,1) both signal-arm-resolve}
.signal-mark .mark-accent,.signal-mark .mark-violet,.signal-mark .mark-core{opacity:0}
.cinematic-intro.is-started .signal-mark .mark-accent,.cinematic-intro.is-started .signal-mark .mark-violet,.cinematic-intro.is-started .signal-mark .mark-core{animation:22s linear both signal-pixels-resolve}
.signal-memory{z-index:4;color:#daf9ffdb;letter-spacing:.2em;opacity:0;filter:blur(5px);background:#01080fc7;border-left:1px solid #8deeff9e;padding:7px 10px;font:600 clamp(.44rem,.62vw,.62rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;transform:translateZ(40px)scale(1.08)}
.memory-automotive{top:25%;left:-7%}
.memory-florian{top:17%;right:1%}
.memory-phoenix{bottom:31%;right:-12%}
.memory-code{bottom:18%;left:4%}
.cinematic-intro.is-started .memory-automotive{animation:.48s 10.1s both signal-memory}
.cinematic-intro.is-started .memory-florian{animation:.42s 11.75s both signal-memory}
.cinematic-intro.is-started .memory-phoenix{animation:.46s 13.05s both signal-memory}
.cinematic-intro.is-started .memory-code{animation:.42s 14.35s both signal-memory}
.signal-reveal{z-index:5;opacity:0;justify-items:center;width:min(940px,100vw - 44px);display:grid;position:absolute;bottom:clamp(92px,10vh,128px);left:50%;transform:translate(-50%)translateY(16px)}
.cinematic-intro.is-started .signal-reveal{will-change:transform, opacity;animation:signal-reveal-copy 22s var(--ease-out) both}
.cinematic-intro[data-performance-phase=climax] .signal-dust i,.cinematic-intro[data-performance-phase=reveal] .signal-dust i,.cinematic-intro[data-performance-phase=settled] .signal-dust i,.cinematic-intro[data-performance-phase=climax] .signal-halo,.cinematic-intro[data-performance-phase=reveal] .signal-halo,.cinematic-intro[data-performance-phase=settled] .signal-halo{animation-play-state:paused}
.cinematic-intro[data-performance-phase=climax] .signal-dust i,.cinematic-intro[data-performance-phase=reveal] .signal-dust i,.cinematic-intro[data-performance-phase=settled] .signal-dust i{box-shadow:0 0 10px #38ddf594}
.cinematic-intro[data-performance-phase=settled] .signal-void,.cinematic-intro[data-performance-phase=settled] .intro-stars,.cinematic-intro[data-performance-phase=settled] .signal-dust,.cinematic-intro[data-performance-phase=settled] .signal-halo{opacity:0;visibility:hidden;will-change:auto;animation:none!important}
.signal-reveal .intro-word{letter-spacing:clamp(.09em,.48vw,.25em);min-height:auto;font-size:clamp(1.2rem,3.7vw,3.8rem);font-weight:260}
.signal-reveal .intro-word:after{display:none}
.signal-reveal .intro-word span{color:#e7fbff;opacity:1;text-shadow:0 0 16px #38ddf52e;animation:none;transform:none}
.signal-reveal .intro-word span:before,.signal-reveal .intro-word span:after{display:none}
.signal-reveal p{color:#8deeff94;letter-spacing:.25em;margin:18px 0 0;font:600 clamp(.48rem,.75vw,.67rem)/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.cinematic-intro.is-started .intro-diagnostics{animation:22s linear both signal-diagnostics}
.cinematic-intro.is-started .intro-diagnostics span{opacity:1;animation:none;transform:none}
.cinematic-intro.is-started .intro-skip{animation:22s linear both signal-skip-in}
.cinematic-intro.is-started .intro-progress{animation:22s linear both signal-progress-shell}
.cinematic-intro.is-started .intro-progress i:after{animation:20.2s linear 1.1s both signal-progress}
.background-audio-control{border-radius:2px;justify-content:center;min-width:132px}
.background-audio-control.is-active{color:var(--cyan-soft);border-color:#38ddf56b}
.background-audio-control.is-paused .sound-bars i{opacity:.48;height:2px;animation-play-state:paused}
.home-signal-copy{z-index:6;color:#e8fcfff0;letter-spacing:.15em;text-align:center;pointer-events:none;width:min(920px,100vw - 48px);animation:home-signal-manifesto 5.6s var(--ease-out) both;justify-items:center;gap:8px;font:520 clamp(.82rem,1.8vw,1.35rem)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:absolute;top:clamp(152px,22vh,230px);left:50%;transform:translate(-50%)}
.home-signal-copy strong{color:var(--cyan-soft);font-size:clamp(1rem,2.4vw,1.9rem);font-weight:650}
@keyframes sleeping-signal{0%,to{opacity:.38;transform:scale(.985)}
48%{opacity:.64;transform:scale(1.015)}
52%{opacity:.74;transform:scale(1.022)}
}
@keyframes signal-void-awake{0%,4%{opacity:1}
8%{opacity:1}
77%{opacity:1}
90%{opacity:.84}
to{opacity:0}
}
@keyframes signal-void-dimmer{0%,40%{opacity:.55}
80%{opacity:.2}
to{opacity:0}
}
@keyframes signal-stars-reveal{0%,3%{opacity:0}
8%{opacity:.18}
28%{opacity:.52}
67%{opacity:.82}
74%{opacity:1}
79%{opacity:.16}
84%{opacity:.62}
to{opacity:0}
}
@keyframes signal-stars-flight{0%{transform:scale(1)}
35%{transform:scale(1.08)}
58%{transform:scale(2.9)}
to{transform:scale(1.22)}
}
@keyframes signal-dust-reveal{0%,7%{opacity:0}
18%{opacity:.38}
67%{opacity:.82}
76%{opacity:.18;transform:scale(2.4)}
84%{opacity:.58;transform:scale(1)}
to{opacity:0}
}
@keyframes signal-particle-drift{0%{transform:translate3d(-18px,12px,-80px)scale(.4)}
to{transform:translate3d(32px,-28px,90px)scale(1.3)}
}
@keyframes signal-camera-reveal{0%,7%{opacity:0}
16%{opacity:.2}
31%{opacity:.66}
42%{opacity:1}
94%{opacity:1}
to{opacity:.9}
}
@keyframes signal-galaxy-journey{0%{opacity:0;transform:translateZ(-300px)scale(.18)rotate(-7deg)}
17%{opacity:.38;transform:translateZ(-160px)scale(.4)rotate(-4deg)}
31%{opacity:.74;transform:translateZ(-70px)scale(.68)rotate(-2deg)}
43%{opacity:1;transform:translate(0)scale(.92)rotate(0)}
66%{transform:translateZ(80px)scale(1.06)rotate(1deg)}
70%{transform:translateZ(30px)scale(.96)rotate(0)}
77%{opacity:1;transform:translateZ(520px)scale(4.8)rotate(3deg)}
80%{opacity:0;transform:translateZ(760px)scale(7.6)}
83%{opacity:0;transform:translateZ(-120px)scale(.5)}
87%{opacity:1;transform:translate(0)scale(.9)}
94%{opacity:1;transform:translate(14vw,2vh)scale(.58)}
to{opacity:.9;transform:translate(19vw,4vh)scale(.46)}
}
@keyframes signal-core-awake{0%,10%{opacity:0;transform:scale(.2)}
36%{opacity:.32;transform:scale(.75)}
66%{opacity:.82;transform:scale(1.2)}
70%{opacity:.34;transform:scale(.72)}
76%{opacity:1;transform:scale(4.8)}
82%{opacity:0;transform:scale(9)}
87%,to{opacity:.62;transform:scale(1)}
}
@keyframes signal-arm-resolve{0%,31%{stroke-dashoffset:430px;opacity:.05}
44%{stroke-dashoffset:330px;opacity:.34}
66%{stroke-dashoffset:0;opacity:1}
76%{stroke-dashoffset:0;opacity:1;stroke-width:14px}
82%{opacity:0}
87%,to{stroke-dashoffset:0;opacity:.96}
}
@keyframes signal-pixels-resolve{0%,56%{opacity:0}
66%,77%{opacity:1}
82%{opacity:0}
87%,to{opacity:1}
}
@keyframes signal-halo-one{to{transform:rotate(386deg)scaleY(.34)}
}
@keyframes signal-halo-two{to{transform:rotate(322deg)scaleY(.53)}
}
@keyframes signal-memory{0%{opacity:0;filter:blur(5px);transform:translateZ(40px)scale(1.12)}
28%,63%{opacity:.8;filter:blur();transform:translateZ(0)scale(1)}
to{opacity:0;filter:blur(4px);transform:translateZ(-30px)scale(.94)}
}
@keyframes signal-reveal-copy{0%,82%{opacity:0;transform:translate(-50%)translateY(18px)}
87%,95%{opacity:1;transform:translate(-50%)translateY(0)}
to{opacity:.18;transform:translate(-50%)translateY(-4px)}
}
@keyframes signal-diagnostics{0%,8%{opacity:0}
12%,67%{opacity:.62}
74%,to{opacity:0}
}
@keyframes signal-skip-in{0%,9%{opacity:0}
13%,86%{opacity:.72}
94%,to{opacity:0}
}
@keyframes signal-progress-shell{0%,4%{opacity:0}
8%,88%{opacity:.72}
to{opacity:0}
}
@keyframes signal-progress{0%{transform:scaleX(0)}
to{transform:scaleX(1)}
}
@keyframes home-signal-manifesto{0%{opacity:0;filter:blur(5px);transform:translate(-50%)translateY(12px)}
14%,58%{opacity:1;filter:blur();transform:translate(-50%)translateY(0)}
to{opacity:0;filter:blur(2px);visibility:hidden;transform:translate(-50%)translateY(-12px)}
}
@media (width<=720px){.intro-launch{padding:30px 22px}
.intro-launch-actions{grid-template-columns:1fr}
.intro-launch .wordmark{letter-spacing:.05em}
.signal-galaxy{width:min(92vw,460px)}
.signal-memory{display:none}
.signal-reveal{bottom:104px}
.signal-reveal p{text-align:center;max-width:84vw}
.home-signal-copy{letter-spacing:.08em;top:138px}
}
@media (prefers-reduced-motion:reduce){.cinematic-intro.is-started .signal-void,.cinematic-intro.is-started .intro-stars,.cinematic-intro.is-started .signal-dust,.cinematic-intro.is-started .signal-camera,.cinematic-intro.is-started .signal-galaxy,.cinematic-intro.is-started .signal-core,.cinematic-intro.is-started .signal-mark .mark-primary,.cinematic-intro.is-started .signal-mark .mark-accent,.cinematic-intro.is-started .signal-mark .mark-violet,.cinematic-intro.is-started .signal-mark .mark-core,.cinematic-intro.is-started .signal-reveal,.cinematic-intro.is-started .intro-diagnostics,.cinematic-intro.is-started .intro-skip,.cinematic-intro.is-started .intro-progress{animation-duration:1ms!important;animation-delay:0s!important}
}
.cinematic-intro[data-performance-phase=climax] .signal-dust,.cinematic-intro[data-performance-phase=reveal] .signal-dust,.cinematic-intro[data-performance-phase=settled] .signal-dust,.cinematic-intro[data-performance-phase=climax] .signal-memory,.cinematic-intro[data-performance-phase=reveal] .signal-memory,.cinematic-intro[data-performance-phase=settled] .signal-memory{opacity:0!important;visibility:hidden!important;will-change:auto!important;animation:none!important;display:none!important}
.cinematic-intro[data-performance-phase=climax] .signal-dust i,.cinematic-intro[data-performance-phase=reveal] .signal-dust i,.cinematic-intro[data-performance-phase=settled] .signal-dust i{box-shadow:none!important;animation:none!important}
.cinematic-intro[data-performance-phase=climax] .signal-mark,.cinematic-intro[data-performance-phase=reveal] .signal-mark,.cinematic-intro[data-performance-phase=settled] .signal-mark{filter:none!important}
.cinematic-intro[data-performance-phase=climax] .signal-galaxy:after,.cinematic-intro[data-performance-phase=reveal] .signal-galaxy:after,.cinematic-intro[data-performance-phase=settled] .signal-galaxy:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(#38ddf53b 0,#38ddf522 30%,#806cff14 52%,#0000 72%);border-radius:50%;width:76%;height:76%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cinematic-intro[data-performance-phase=settled] .signal-void,.cinematic-intro[data-performance-phase=settled] .intro-stars,.cinematic-intro[data-performance-phase=settled] .signal-dust,.cinematic-intro[data-performance-phase=settled] .signal-halo{display:none!important}
.signal-electric-fx{z-index:3;pointer-events:none;opacity:0;width:80%;height:80%;position:absolute;inset:10%;overflow:visible;transform:translate(0)}
.electric-arc{fill:none;stroke:#b0f8fff5;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0}
.cinematic-intro.is-started .signal-electric-fx{animation:2.8s linear 18.1s both electric-fx-window}
.cinematic-intro.is-started .electric-arc.arc-one{animation:1.4s linear 18.45s both electric-arc-one}
.cinematic-intro.is-started .electric-arc.arc-two{animation:1.5s linear 18.85s both electric-arc-two}
.cinematic-intro.is-started .electric-arc.arc-three{animation:1.3s linear 19.45s both electric-arc-three}
.cinematic-intro[data-performance-phase=settled] .signal-electric-fx,.cinematic-intro[data-performance-phase=settled] .electric-arc{opacity:0!important;will-change:auto!important;animation:none!important;display:none!important}
@keyframes electric-fx-window{0%{opacity:0;transform:translate(-1.5%)scale(.99)}
8%,88%{opacity:1}
to{opacity:0;transform:translate(1.8%,-.8%)scale(1.02)}
}
@keyframes electric-arc-one{0%,7%{opacity:0;transform:translate(-5px,2px)scaleX(.96)}
13%{opacity:.95}
25%{opacity:.08}
34%{opacity:.74;transform:translate(3px,-2px)scaleX(1.02)}
48%,66%{opacity:0}
76%{opacity:.88;transform:translate(-2px,1px)scaleX(.99)}
90%,to{opacity:0}
}
@keyframes electric-arc-two{0%,8%{opacity:0;transform:translate(4px,-3px)scale(.98)}
15%{opacity:.82}
28%{opacity:.16}
38%{opacity:1;transform:translate(-3px,2px)scale(1.015)}
54%,70%{opacity:0}
80%{opacity:.62}
92%,to{opacity:0}
}
@keyframes electric-arc-three{0%,9%{opacity:0;transform:translate(-2px,-2px)scaleX(.97)}
17%{opacity:.72}
31%{opacity:.12}
42%{opacity:.9;transform:translate(3px,2px)scaleX(1.02)}
58%,72%{opacity:0}
82%{opacity:.58}
94%,to{opacity:0}
}
.cosmic-section{isolation:isolate;border-top:1px solid #7ddcf21a;align-items:center;min-height:min(900px,100svh);display:grid;position:relative;overflow:hidden}
.cosmic-section:before{content:"";z-index:-2;background:radial-gradient(circle at 75% 32%,#38ddf517,#0000 28rem),linear-gradient(135deg,#081626f5,#030811fc);position:absolute;inset:0}
.cosmic-section:after{content:"";z-index:-1;background-image:linear-gradient(#8deeff07 1px,#0000 1px),linear-gradient(90deg,#8deeff06 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}
.cosmic-grid{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(54px,8vw,118px);display:grid}
.cosmic-grid-reverse>:first-child{order:2}
.cosmic-grid-reverse>:last-child{order:1}
.cosmic-copy h2,.cosmic-heading h2,.final-signal h2{letter-spacing:-.065em;max-width:14ch;margin:18px 0 28px;font-size:clamp(3rem,5.9vw,6.8rem);font-weight:770;line-height:.88}
.cosmic-copy h2 span,.cosmic-heading h2 span,.final-signal h2 span{color:var(--cyan)}
.cosmic-copy>p:last-of-type,.cosmic-heading>p{max-width:59ch;color:var(--text-muted);font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.78}
.signal-tags{flex-wrap:wrap;gap:9px;margin:34px 0 0;padding:0;list-style:none;display:flex}
.signal-tags li{color:#dbf9ffd1;letter-spacing:.08em;text-transform:uppercase;background:#050f1bb3;border:1px solid #8deeff2e;border-radius:999px;padding:9px 12px;font:620 .67rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.section-atmosphere{z-index:-1;background:radial-gradient(circle,#38ddf51f,#0000 66%);border-radius:50%;width:44vw;height:44vw;position:absolute;top:10%;right:8%}
.experience-console,.intelligence-map,.telemetry-panel,.nova-orbit,.cloud-stack,.defence-core{width:100%;min-height:520px;position:relative}
.experience-console{background:radial-gradient(circle,#38ddf514,#0000 42%);border:1px solid #8deeff21}
.console-axis{background:linear-gradient(90deg,#0000,#38ddf538,#0000);position:absolute}
.axis-x{width:90%;height:1px;top:50%;left:5%}
.axis-y{background:linear-gradient(#0000,#38ddf538,#0000);width:1px;height:90%;top:5%;left:50%}
.console-mark{filter:drop-shadow(0 0 34px #38ddf547);width:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.experience-frame{border-left:1px solid var(--cyan);color:var(--cyan-soft);letter-spacing:.15em;background:#020a13d1;padding:12px 15px;font:630 .68rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute}
.experience-frame i{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 12px var(--cyan);border-radius:50%;margin-right:9px;display:inline-block}
.frame-one{top:14%;left:9%}
.frame-two{top:24%;right:8%}
.frame-three{bottom:13%;right:14%}
.ai-automation:before{background:radial-gradient(circle at 28%,#806cff29,#0000 28rem),linear-gradient(145deg,#05091a,#070d1e 54%,#030711)}
.intelligence-map{border:1px solid #806cff29;border-radius:50%}
.intelligence-map:before,.intelligence-map:after{content:"";border:1px dashed #38ddf529;border-radius:50%;position:absolute;inset:13%}
.intelligence-map:after{border-style:solid;border-color:#806cff38;inset:31%}
.intelligence-node{z-index:2;color:var(--cyan-soft);letter-spacing:.08em;background:#040a19eb;border:1px solid #8deeff38;padding:10px 13px;font:620 .64rem/1 ui-monospace,monospace;position:absolute}
.node-input{top:8%;left:42%}
.node-understand{top:42%;right:1%}
.node-orchestrate{bottom:6%;right:35%}
.node-action{top:46%;left:2%}
.intelligence-pulse{background:radial-gradient(circle, #e9fdff 0 4%, var(--cyan) 5% 12%, #806cff38 36%, transparent 70%);border-radius:50%;width:74px;height:74px;animation:3.8s ease-in-out infinite intelligence-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.connected-systems:before{background:radial-gradient(circle at 50% 58%,#38ddf51a,#0000 34rem),#030914}
.cosmic-heading{align-items:end}
.cosmic-heading h2{max-width:12ch;font-size:clamp(2.9rem,5.6vw,6.2rem)}
.systems-board{background:radial-gradient(circle,#38ddf517,#0000 30%);border:1px solid #8deeff1f;min-height:600px;margin-top:62px;position:relative}
.system-core{background:#030c17eb;border:1px solid #38ddf547;border-radius:50%;place-items:center;width:210px;height:210px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.system-core:before{content:"";border:1px dashed #806cff38;border-radius:50%;position:absolute;inset:-28px}
.system-mark{width:108px}
.system-core strong{letter-spacing:.14em;font:650 .62rem/1 ui-monospace,monospace}
.systems-board>span{color:#daf8ffc7;letter-spacing:.07em;white-space:nowrap;background:#071321;border:1px solid #8deeff2e;padding:9px 11px;font:620 .61rem/1 ui-monospace,monospace;position:absolute;transform:translate(-50%,-50%)}
.systems-board>span:nth-child(2){top:8%;left:50%}
.systems-board>span:nth-child(3){top:14%;left:76%}
.systems-board>span:nth-child(4){top:31%;left:92%}
.systems-board>span:nth-child(5){top:58%;left:93%}
.systems-board>span:nth-child(6){top:82%;left:79%}
.systems-board>span:nth-child(7){top:92%;left:55%}
.systems-board>span:nth-child(8){top:86%;left:28%}
.systems-board>span:nth-child(9){top:68%;left:8%}
.systems-board>span:nth-child(10){top:42%;left:7%}
.systems-board>span:nth-child(11){top:19%;left:20%}
.systems-board>span:nth-child(12){top:50%;left:24%}
.phoenix-automotive:before{background:linear-gradient(118deg,#02070efa,#130717fa),radial-gradient(circle at 80% 45%,#da2c5a24,#0000 25rem)}
.phoenix-automotive .cosmic-copy h2 span{color:#ff426d}
.phoenix-road{z-index:-1;background:repeating-linear-gradient(90deg,#0000 0 70px,#ff426d0e 71px 72px);border-top:1px solid #ff426d38;width:62%;height:42%;position:absolute;bottom:5%;right:-8%;transform:skewY(-10deg)}
.telemetry-panel{background:linear-gradient(145deg,#0b0711e0,#03070df0);border:1px solid #ff426d33;min-height:440px}
.telemetry-panel:before{content:"TELEMETRY / VEHICLE LINK";color:#ff8ba4b3;letter-spacing:.15em;font:600 .62rem/1 ui-monospace,monospace;position:absolute;top:18px;left:20px}
.telemetry-panel-concept{grid-template-rows:auto auto;align-content:start;min-height:0;overflow:hidden;display:grid}
.telemetry-panel-concept:before{z-index:2;text-shadow:0 1px 8px #000;background:#03070db8;border-right:1px solid #ff426d33;border-bottom:1px solid #ff426d33;padding:7px 9px;top:12px;left:12px}
.phoenix-concept-art{aspect-ratio:3/2;background:#020306;width:100%;display:block;overflow:hidden}
.phoenix-concept-art img{object-fit:cover;width:100%;height:100%;display:block}
.telemetry-readout{color:#ddeef6b3;letter-spacing:.08em;gap:8px;font:590 .59rem/1.2 ui-monospace,monospace;display:grid;position:absolute;bottom:9%;right:6%}
.telemetry-readout b{color:#ff7796;margin-bottom:5px}
.telemetry-panel-concept .telemetry-readout{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px;position:static;padding:14px 18px 16px}
.telemetry-panel-concept .telemetry-readout b{margin-bottom:0}
.nova-horeca:before{background:radial-gradient(circle at 28% 48%,#ffaa4a2e,#0000 29rem),linear-gradient(142deg,#100a09,#1c0e0a 52%,#080707)}
.nova-horeca .cosmic-copy h2 span{color:#ffb45f}
.nova-aurora{z-index:-1;background:radial-gradient(at 20% 55%,#ff813d1a,#0000 42%);position:absolute;inset:0}
.nova-orbit{border:1px solid #ffb45f1f;border-radius:50%}
.nova-orbit:before{content:"";border:1px dashed #ffb45f33;border-radius:50%;position:absolute;inset:17%}
.nova-core{color:#fff0df;letter-spacing:-.06em;text-align:center;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:760;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.nova-core span{color:#ffb45f;letter-spacing:.35em;font:650 .66rem/1 ui-monospace,monospace}
.nova-module{color:#ffd2a0;letter-spacing:.12em;background:#120806e6;border:1px solid #ffb45f42;padding:10px 12px;font:620 .62rem/1 ui-monospace,monospace;position:absolute}
.module-menu{top:6%;left:43%}
.module-order{top:44%;right:0}
.module-pay{bottom:5%;right:34%}
.module-content{top:47%;left:0}
.cloud-infrastructure:before{background:radial-gradient(circle at 78% 47%,#2975ff26,#0000 31rem),linear-gradient(145deg,#020a16,#051225 58%,#020710)}
.cloud-stack{perspective:900px;align-content:center;gap:12px;min-height:470px;display:grid}
.cloud-stack span{color:#c1e1ffdb;letter-spacing:.14em;transform:rotateX(4deg) translateX(calc(var(--layer,0) * 10px));background:linear-gradient(90deg,#071b32f0,#08172f8f);border:1px solid #53a4ff3d;padding:27px 28px;font:650 .69rem/1 ui-monospace,monospace}
.cloud-stack span:nth-child(2){margin-inline:3%}
.cloud-stack span:nth-child(3){margin-inline:6%}
.cloud-stack span:nth-child(4){margin-inline:9%}
.cloud-stack i{color:#62aaff;letter-spacing:.25em;justify-self:center;margin-top:12px;font:650 .64rem/1 ui-monospace,monospace}
.cyber-security:before{background:radial-gradient(circle at 30%,#39ffb317,#0000 28rem),linear-gradient(140deg,#020908,#041513 52%,#020707)}
.cyber-security .cosmic-copy h2 span{color:#57f5bd}
.cyber-grid{z-index:-1;background-image:linear-gradient(#57f5bd06 1px,#0000 1px),linear-gradient(90deg,#57f5bd06 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}
.defence-core{place-items:center;display:grid}
.defence-ring{border:1px solid #57f5bd38;border-radius:50%;position:absolute}
.ring-one{aspect-ratio:1;width:84%}
.ring-two{aspect-ratio:1;border-style:dashed;width:60%}
.defence-shield{z-index:2;background:#03120feb;border:1px solid #57f5bd6b;border-radius:50% 50% 42% 42%/22% 22% 72% 72%;place-items:center;width:180px;height:210px;display:grid;position:relative;box-shadow:inset 0 0 55px #57f5bd0d}
.defence-mark{width:115px}
.defence-core>span{color:#73fbccad;letter-spacing:.18em;font:620 .61rem/1 ui-monospace,monospace;position:absolute;bottom:6%}
.mission-control{min-height:auto}
.mission-control:before{background:radial-gradient(circle at 50% 56%,#38ddf51a,#0000 38rem),#030914}
.mission-grid{grid-template-columns:repeat(7,1fr);margin-top:72px}
.mission-grid:before{left:7%;right:7%}
.mission-grid .method-step{padding-inline:7px}
.final-signal{isolation:isolate;text-align:center;align-items:center;min-height:92svh;display:grid;position:relative;overflow:hidden}
.final-signal:before{content:"";z-index:-2;background:radial-gradient(circle at 50% 46%,#806cff29,#0000 23rem),radial-gradient(circle at 50% 56%,#38ddf51a,#0000 38rem),#02050c;position:absolute;inset:0}
.final-signal-content{justify-items:center;display:grid}
.final-signal h2{max-width:14ch;font-size:clamp(3.2rem,7.6vw,8.8rem)}
.final-signal-content>p:not(.eyebrow,.contact-note){max-width:60ch;color:var(--text-muted);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75}
.final-actions{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:38px;display:flex}
.whatsapp-cta{color:#020810;background:linear-gradient(135deg,#e8fdff,#a9f4ff)}
.final-orbits{z-index:-1;aspect-ratio:1;opacity:.18;width:min(86vw,1000px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.final-orbits span{border:1px solid #8deeff40;border-radius:50%;position:absolute;inset:8%}
.final-orbits span:nth-child(2){border-style:dashed;border-color:#806cff61;inset:24%}
.final-mark{width:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
@keyframes intelligence-breathe{0%,to{opacity:.62;transform:translate(-50%,-50%)scale(.9)}
50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}
}
.not-found{background:radial-gradient(circle at 50% 45%,#38ddf51a,#0000 28rem),#030711;place-content:center;justify-items:start;min-height:100svh;padding:48px 24px;display:grid}
.not-found h1{letter-spacing:-.06em;max-width:10ch;margin:16px 0;font-size:clamp(3.2rem,9vw,8rem);line-height:.9}
.not-found>p:not(.eyebrow){color:var(--text-muted);margin:0 0 32px;font-size:1.05rem}
@media (width<=1060px){.cosmic-grid{grid-template-columns:1fr}
.cosmic-grid-reverse>:first-child,.cosmic-grid-reverse>:last-child{order:initial}
.experience-console,.intelligence-map,.telemetry-panel,.nova-orbit,.cloud-stack,.defence-core{justify-self:center;width:min(720px,100%)}
.mission-grid{grid-template-columns:repeat(4,1fr)}
}
@media (width<=720px){.cosmic-section{min-height:auto}
.cosmic-copy h2,.cosmic-heading h2,.final-signal h2{font-size:clamp(2.7rem,14vw,4.7rem)}
.experience-console,.intelligence-map,.telemetry-panel,.nova-orbit,.defence-core{min-height:360px}
.systems-board{min-height:620px}
.system-core{width:150px;height:150px}
.system-mark{width:76px}
.systems-board>span{font-size:.5rem}
.systems-board>span:nth-child(3){left:74%}
.systems-board>span:nth-child(4),.systems-board>span:nth-child(5){left:84%}
.systems-board>span:nth-child(9),.systems-board>span:nth-child(10){left:14%}
.phoenix-concept-art{aspect-ratio:1/1}
.phoenix-concept-art img{object-position:70% center}
.telemetry-panel-concept .telemetry-readout{grid-template-columns:1fr 1fr;padding:12px 14px 14px}
.mission-grid{grid-template-columns:1fr}
.final-actions,.final-actions .button{width:100%}
}
@media (prefers-reduced-motion:reduce){.signal-electric-fx,.electric-arc{animation:none!important;display:none!important}
.intelligence-pulse{animation:none!important}
}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}