@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Orbitron:wght@500;700;800&family=Rajdhani:wght@500;600;700&display=swap";:root{--obsidian:#050505;--graphite:#111;--steel:#2a2d2f;--brushed:#55585c;--gold:#c9a24d;--hot-gold:#f5c75d;--warm-white:#e8e1d0;--ember:#d15a2f;--muted:#e8e1d0ad;--hairline:#f5c75d38;--glass:#0c0d0dc7;--shadow-deep:0 34px 90px #000000a8;--shadow-gold:0 0 38px #f5c75d33;--heading:"Orbitron", "Rajdhani", system-ui, sans-serif;--display:"Rajdhani", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;font-family:var(--display);color:var(--warm-white);background:var(--obsidian);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--obsidian);scroll-behavior:smooth}body{background:var(--obsidian);min-width:320px;min-height:100vh;margin:0}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--hot-gold);outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}#root{min-height:100vh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.gm-os{background:radial-gradient(circle at 50% 18%, #f5c75d1c, transparent 26rem), radial-gradient(circle at 20% 70%, #55585c2e, transparent 32rem), linear-gradient(135deg, #030303 0%, var(--obsidian) 52%, #080705 100%);isolation:isolate;min-height:100vh;position:relative;overflow-x:hidden}.background-effects,.obsidian-vignette,.machine-grid,.scanlines,.smoke,.dust-field,.code-rain{pointer-events:none;position:fixed;inset:0}.background-effects{z-index:-1;overflow:hidden}.obsidian-vignette{background:radial-gradient(circle,#0000 0%,#00000042 52%,#000000e6 100%),linear-gradient(90deg,#f5c75d0b,#0000 25% 75%,#f5c75d0b)}.machine-grid{opacity:.12;background-image:linear-gradient(#f5c75d14 1px,#0000 1px),linear-gradient(90deg,#f5c75d14 1px,#0000 1px),linear-gradient(#55585c1f 1px,#0000 1px),linear-gradient(90deg,#55585c1f 1px,#0000 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px;animation:22s linear infinite grid-drift;-webkit-mask-image:radial-gradient(circle,#000 8%,#0000 74%);mask-image:radial-gradient(circle,#000 8%,#0000 74%)}.scanlines{opacity:.08;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#e8e1d00d 0 1px,#0000 1px 5px)}.smoke{opacity:.12;filter:blur(38px);transform:translate(0,0)}.smoke-a{background:radial-gradient(circle at 16% 68%,#e8e1d024,#0000 32rem);animation:18s ease-in-out infinite alternate smoke-a}.smoke-b{background:radial-gradient(circle at 84% 26%,#f5c75d1a,#0000 30rem);animation:20s ease-in-out infinite alternate smoke-b}.dust-field i{width:2px;height:2px;animation:10s ease-in-out infinite dust;animation-delay:calc(var(--d) * -.38s);background:#e8e1d06b;border-radius:50%;position:absolute;box-shadow:0 0 10px #f5c75d61}.code-rain{opacity:.035;color:#f5c75d80;font-family:var(--mono);justify-content:space-around;font-size:.62rem;display:flex;-webkit-mask-image:linear-gradient(90deg,#000,#0000 38% 62%,#000);mask-image:linear-gradient(90deg,#000,#0000 38% 62%,#000)}.code-column{animation:22s linear infinite code-fall;animation-delay:calc(var(--i) * -1.1s);flex-direction:column;gap:1.25rem;display:flex;transform:translateY(-40%)}.boot-screen{z-index:20;background:radial-gradient(circle,#f5c75d1f,#0000 28rem),linear-gradient(135deg,#010101,#0b0b0a 45%,#020202);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.boot-screen:before{content:"";opacity:.22;background:linear-gradient(90deg,#0000 49.6%,#f5c75d6b,#0000 50.4%),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 7px);position:absolute;inset:0}.boot-doors{background:linear-gradient(100deg,#ffffff14,#0000 18%,#0000008c 50%,#ffffff0a),repeating-linear-gradient(90deg,#e8e1d00a 0 1px,#0000 1px 9px),linear-gradient(#202224,#090909 52%,#1c1d1e);width:50vw;height:100%;animation:.9s ease-in 3.25s forwards boot-doors;position:absolute;top:0;box-shadow:inset 0 0 80px #000000e6}.boot-door-left{--door-slide:-102%;border-right:1px solid #f5c75d47;left:0}.boot-door-right{--door-slide:102%;border-left:1px solid #f5c75d47;right:0}.boot-core{z-index:2;border:1px solid var(--hairline);width:min(90vw,520px);box-shadow:var(--shadow-deep), var(--shadow-gold), inset 0 0 42px #ffffff0a;background:linear-gradient(135deg,#ffffff0f,#0000 28%,#f5c75d14),#060606db;padding:2rem;position:relative}.boot-logo-shell{background:linear-gradient(135deg,#f5c75d24,#55585c38);border:1px solid #f5c75d4d;width:160px;margin:0 auto 1.5rem;padding:.55rem;box-shadow:0 0 42px #f5c75d33}.boot-logo-shell img{border:1px solid #f5c75d2e}.boot-terminal{font-family:var(--mono);color:var(--warm-white);gap:.62rem;display:grid}.boot-terminal p{letter-spacing:0;text-shadow:0 0 10px #f5c75d40;font-size:.84rem}.boot-terminal span{color:var(--hot-gold)}.skip-boot{color:var(--warm-white);font-family:var(--mono);text-transform:uppercase;background:linear-gradient(135deg,#f5c75d29,#0000),#0000009e;border:1px solid #f5c75d7a;padding:.7rem 1rem;animation:.28s ease-out 1s both enter-boot;position:absolute;bottom:1rem;right:1rem}.showcase-shell{z-index:1;width:min(1320px,100% - 2rem);margin:0 auto;position:relative}.showcase-hero{text-align:center;align-content:center;place-items:center;gap:1.4rem;min-height:100vh;padding:clamp(1.25rem,4vw,3rem) 0;display:grid;position:relative}.hero-status{color:#e8e1d07a;font-family:var(--mono);text-align:left;text-transform:uppercase;gap:.2rem;font-size:.68rem;display:grid;position:absolute;top:clamp(1rem,3vw,2rem)}.hero-status-left{left:0}.hero-status-right{text-align:right;right:0}.hero-status strong{color:var(--hot-gold);font-weight:600}.hero-core{aspect-ratio:1;isolation:isolate;place-items:center;width:min(62vw,360px);margin-top:1rem;display:grid;position:relative}.hero-ring,.hero-logo-frame,.hero-core-light{position:absolute}.hero-ring{border:1px solid #f5c75d38;border-radius:50%;inset:0;box-shadow:inset 0 0 32px #f5c75d14,0 0 34px #f5c75d1a}.hero-ring-outer{background:conic-gradient(from 40deg,#0000,#f5c75dad,#0000 18%,#55585ca6,#0000 42%);animation:30s linear infinite rotate-core;-webkit-mask:radial-gradient(circle,#0000 62%,#000 63%);mask:radial-gradient(circle,#0000 62%,#000 63%)}.hero-ring-inner{background:conic-gradient(from 180deg,#f5c75db8,#0000 22%,#55585c80,#0000 48%);animation:18s linear infinite reverse rotate-core;inset:18%;-webkit-mask:radial-gradient(circle,#0000 58%,#000 59%);mask:radial-gradient(circle,#0000 58%,#000 59%)}.hero-logo-frame{z-index:3;background:linear-gradient(135deg,#f5c75d3d,#55585c2e),#050505;border:1px solid #f5c75d6b;padding:.5rem;animation:3.8s ease-in-out infinite core-breathe;inset:33%;box-shadow:0 0 52px #f5c75d3d,inset 0 0 20px #000000b3}.hero-logo-frame img{object-fit:cover;width:100%;height:100%}.hero-core-light{filter:blur(10px);background:radial-gradient(circle,#f5c75d33,#0000 68%);border-radius:50%;animation:3.2s ease-in-out infinite core-glow;inset:24%}.hero-copy{gap:.65rem;max-width:780px;display:grid}.eyebrow{color:var(--hot-gold);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem}h1,h2,h3{font-family:var(--heading);text-transform:uppercase;margin:0}h1{letter-spacing:0;text-shadow:0 0 32px #f5c75d33;font-size:clamp(3rem,7.2vw,7rem);line-height:.9}h2{font-size:clamp(2.1rem,4.7vw,4.7rem);line-height:.95}h3{font-size:1.05rem}.hero-copy p,.section-heading p,.about-copy p,.contact-panel p{color:#e8e1d0b8;margin:0;font-size:clamp(1rem,1.65vw,1.22rem)}.hero-actions,.contact-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.metal-button{min-height:3rem;color:var(--warm-white);font-family:var(--mono);text-transform:uppercase;background:linear-gradient(135deg,#ffffff12,#0000 30%,#f5c75d14),repeating-linear-gradient(105deg,#e8e1d009 0 1px,#0000 1px 7px),linear-gradient(#2a2d2feb,#090909eb);border:1px solid #f5c75d38;justify-content:center;align-items:center;gap:.65rem;padding:.78rem 1.08rem;font-size:.74rem;text-decoration:none;transition:transform .14s,border-color .14s,box-shadow .14s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 12px 30px #0000005c}.metal-button:after{content:"";background:linear-gradient(90deg,#0000,#f5c75d70,#0000);transition:transform .36s;position:absolute;inset:-1px;transform:translate(-130%)}.metal-button:hover,.metal-button:focus-visible{border-color:#f5c75d9e;box-shadow:inset 0 1px #ffffff24,0 0 28px #f5c75d24,0 16px 36px #0000007a}.metal-button:hover:after,.metal-button:focus-visible:after{transform:translate(130%)}.metal-button:active{transform:translateY(2px)scale(.99)}.metal-button svg{width:1rem;height:1rem;color:var(--hot-gold);flex:none}.primary-action{border-color:#f5c75d94}.hero-footer-line{color:#e8e1d07a;width:min(620px,100%);font-family:var(--mono);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin-top:.6rem;font-size:.68rem;display:grid}.hero-footer-line i{background:linear-gradient(90deg,#0000,#f5c75d8f,#0000);height:1px;animation:2.8s ease-in-out infinite gold-line-sweep}.showcase-section{box-shadow:var(--shadow-deep), inset 0 1px 0 #ffffff12;background:linear-gradient(135deg,#ffffff0e,#0000 26%,#f5c75d0e),repeating-linear-gradient(105deg,#e8e1d006 0 1px,#0000 1px 8px),#080808c2;border:1px solid #f5c75d29;margin:1rem 0;padding:clamp(1.2rem,4vw,2.4rem);scroll-margin-top:1rem;position:relative}.showcase-section:before{content:"";pointer-events:none;border:1px solid #e8e1d00e;position:absolute;inset:8px}.section-heading{z-index:1;gap:.55rem;max-width:820px;margin-bottom:1.35rem;display:grid;position:relative}.bay-grid{z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid;position:relative}.project-bay{min-height:260px;color:var(--warm-white);text-align:left;background:linear-gradient(160deg,#ffffff12,#0000 24%,#f5c75d14),repeating-linear-gradient(90deg,#e8e1d009 0 1px,#0000 1px 10px),linear-gradient(#2a2d2fdb,#050505eb);border:1px solid #f5c75d2e;align-content:end;gap:.55rem;padding:1rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #0000009e,0 20px 45px #0000003d}.project-bay:before{content:"";animation:4.4s ease-in-out infinite bay-scan;animation-delay:calc(var(--bay,0) * .18s);background:linear-gradient(#0000,#f5c75d1f,#0000);position:absolute;inset:0;transform:translateY(-120%)}.project-bay:hover,.project-bay:focus-visible{border-color:#f5c75d8f}.bay-number{color:var(--hot-gold);font-family:var(--mono);font-size:.74rem;position:absolute;top:1rem;left:1rem}.bay-hatch{background:#00000038;border:1px solid #e8e1d014;place-items:center;height:58px;display:grid;position:absolute;inset:3.2rem 1rem auto}.bay-hatch svg{width:1rem;height:1rem;color:var(--hot-gold)}.bay-hatch i{background:linear-gradient(90deg, var(--hot-gold), transparent);opacity:.7;height:2px;position:absolute;bottom:.55rem;left:.55rem;right:.55rem}.project-bay strong{z-index:1;font-family:var(--heading);text-transform:uppercase;font-size:1.12rem;position:relative}.project-bay small{z-index:1;color:#e8e1d094;font-family:var(--mono);text-transform:uppercase;position:relative}.bay-lock{width:1rem;height:1rem;color:var(--hot-gold);position:absolute;bottom:1rem;right:1rem}.capability-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid;position:relative}.capability-lane{background:#00000047;border:1px solid #e8e1d014;align-content:space-between;gap:1rem;min-height:230px;padding:1rem;display:grid;box-shadow:inset 0 0 22px #0000008c}.lane-icon{background:#f5c75d0f;border:1px solid #f5c75d38;place-items:center;width:2.6rem;height:2.6rem;display:grid}.lane-icon svg{width:1.15rem;height:1.15rem;color:var(--hot-gold)}.capability-lane span{color:var(--hot-gold);font-family:var(--mono);font-size:.72rem}.capability-lane p{color:#e8e1d09e;margin:0;line-height:1.5}.about-panel,.contact-panel{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);display:grid}.about-copy,.about-readout,.contact-panel>div{z-index:1;position:relative}.about-readout{font-family:var(--mono);background:#00000047;border-left:2px solid #f5c75d6b;gap:.45rem;padding:1rem;display:grid}.about-readout span{color:var(--hot-gold);font-size:.68rem}.about-readout strong{color:#e8e1d0d1;font-weight:500}.about-readout i{background:#e8e1d014;height:1px}.contact-actions{justify-content:stretch}.contact-actions .metal-button{flex:160px}.click-spark{z-index:30;pointer-events:none;background:var(--hot-gold);border-radius:50%;width:5px;height:5px;position:fixed;box-shadow:0 0 0 8px #f5c75d1f,0 0 24px #f5c75de6,18px -8px 0 -2px #f5c75db3,-14px 10px 0 -2px #d15a2fb3,4px 18px 0 -2px #f5c75db3}@keyframes grid-drift{to{transform:translate(24px,24px)}}@keyframes smoke-a{to{transform:translate(4%,-3%)scale(1.08)}}@keyframes smoke-b{to{transform:translate(-4%,3%)scale(1.12)}}@keyframes dust{50%{opacity:.22;transform:translate(14px,-18px)}}@keyframes code-fall{to{transform:translateY(110%)}}@keyframes boot-doors{to{transform:translateX(var(--door-slide,0))}}@keyframes enter-boot{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate-core{to{transform:rotate(360deg)}}@keyframes core-breathe{50%{transform:scale(1.035);box-shadow:0 0 66px #f5c75d57,inset 0 0 20px #000000b3}}@keyframes core-glow{50%{opacity:.56;transform:scale(1.08)}}@keyframes gold-line-sweep{50%{box-shadow:0 0 14px #f5c75d70}}@keyframes bay-scan{0%,38%{opacity:0;transform:translateY(-120%)}52%{opacity:.85}72%{opacity:0;transform:translateY(120%)}to{opacity:0;transform:translateY(120%)}}@media (width<=980px){.bay-grid,.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-panel,.contact-panel{grid-template-columns:1fr}}@media (width<=720px){.code-rain{display:none}.showcase-shell{width:min(100% - 1rem,1320px)}.showcase-hero{gap:.95rem;min-height:calc(100vh - 1rem);padding:3.2rem 0 1rem}.hero-status{font-size:.58rem;top:.8rem}.hero-core{width:min(70vw,250px)}h1{font-size:clamp(2.6rem,16vw,4.2rem)}h2{font-size:clamp(1.85rem,10vw,2.8rem)}.hero-actions,.contact-actions,.hero-footer-line{width:100%}.hero-actions{grid-template-columns:1fr;display:grid}.metal-button{width:100%}.hero-footer-line{grid-template-columns:1fr;gap:.35rem;font-size:.58rem}.hero-footer-line i{order:-1}.showcase-section{margin:.7rem 0;padding:1rem}.bay-grid,.capability-grid{grid-template-columns:1fr}.project-bay,.capability-lane{min-height:190px}.boot-core{padding:1rem}}