:root{color-scheme:dark;--bg: #020308;--bg-2: #07090c;--surface: rgba(11, 15, 20, .88);--surface-solid: #0b0f14;--line: rgba(224, 247, 255, .16);--line-strong: rgba(224, 247, 255, .32);--text: #f5fbff;--muted: #a9b6bf;--dim: #6f7d86;--cyan: #00e5ff;--magenta: #ff3df2;--lime: #9dff4f;--amber: #ffbe3d;--red: #ff1744;--violet: #b66cff;--orange: #ff7a1a;--shadow: 0 26px 80px rgba(0, 0, 0, .56);--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#02030800,#020308 760px),repeating-linear-gradient(90deg,rgba(0,229,255,.035) 0,rgba(0,229,255,.035) 1px,transparent 1px,transparent 140px),repeating-linear-gradient(0deg,rgba(255,61,242,.025) 0,rgba(255,61,242,.025) 1px,transparent 1px,transparent 180px),#020308;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0}.site-header{position:fixed;top:0;left:0;z-index:20;width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 28px;background:linear-gradient(180deg,#020308d1,#02030800);pointer-events:none}.brand-lockup,.main-nav{pointer-events:auto}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-logo{display:block;width:158px;height:auto;border:1px solid rgba(0,229,255,.28);background:#020308c2;box-shadow:0 0 22px #00e5ff2e}.brand-copy{display:grid;gap:0}.brand-copy span{font-size:15px;font-weight:800;letter-spacing:.06em}.brand-copy small{color:var(--muted);font-family:Consolas,SFMono-Regular,monospace;font-size:12px}.main-nav{display:flex;align-items:center;gap:4px;border:1px solid rgba(224,247,255,.14);background:#020308ad;padding:4px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.main-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;color:var(--muted);font-size:14px;font-weight:700}.main-nav a:hover{color:var(--text);background:#ffffff12}.hero{position:relative;min-height:84vh;display:grid;align-items:center;padding:112px 28px 56px;overflow:hidden}.quantum-scene{position:absolute;inset:0;z-index:0}.quantum-scene canvas{display:block;width:100%;height:100%}.hero-vignette{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#020308f5,#020308c7,#0203081f 72%),linear-gradient(0deg,#020308,#02030800 28% 70%,#020308b8);pointer-events:none}.hero-grid{position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,black,rgba(0,0,0,.28),transparent);mask-image:linear-gradient(90deg,black,rgba(0,0,0,.28),transparent);pointer-events:none}.hero-content{position:relative;z-index:3;width:min(900px,100%);margin-left:max(0px,calc((100vw - var(--max)) / 2))}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--cyan);font-family:Consolas,SFMono-Regular,monospace;font-size:13px;font-weight:800;text-transform:uppercase}.hero-slogan{width:fit-content;margin:0 0 18px;border-left:2px solid var(--magenta);padding:8px 0 8px 14px;color:#dff9ff;font-family:Consolas,SFMono-Regular,monospace;font-size:15px;font-weight:800;text-transform:uppercase;background:linear-gradient(90deg,rgba(255,61,242,.14),transparent 78%)}.hero h1{margin:0;max-width:900px;font-size:66px;line-height:.95;font-weight:900}.hero-subcopy{max-width:650px;margin:28px 0 0;color:#d7e5ec;font-size:19px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border:1px solid var(--line-strong);cursor:pointer;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);color:#021015;border-color:#00e5ffcc;box-shadow:0 0 34px #00e5ff3d}.button-secondary{background:#ffffff0f;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.button-secondary:hover{border-color:var(--magenta);color:#ffeaff}.hero-signal{display:flex;flex-wrap:wrap;gap:8px;max-width:620px;margin-top:28px}.hero-signal span,.tag-row span,.mini-stack span,.lane-items span{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(224,247,255,.14);background:#ffffff0e;padding:0 10px;color:#d8e7ee;font-family:Consolas,SFMono-Regular,monospace;font-size:12px;font-weight:700}.scroll-cue{position:absolute;left:50%;bottom:22px;z-index:4;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(224,247,255,.2);background:#02030894;color:var(--cyan);transform:translate(-50%);cursor:pointer}.section{position:relative;padding:104px 28px}.section-inner{width:min(var(--max),100%);margin:0 auto}.metrics-band{position:relative;z-index:4;border-top:1px solid rgba(224,247,255,.14);border-bottom:1px solid rgba(224,247,255,.14);background:#07090cdb;padding:20px 28px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric{display:grid;gap:2px;min-height:84px;align-content:center;border-left:2px solid var(--cyan);padding-left:18px}.metric:nth-child(2){border-color:var(--magenta)}.metric:nth-child(3){border-color:var(--lime)}.metric:nth-child(4){border-color:var(--amber)}.metric strong{color:var(--text);font-size:34px;line-height:1}.metric span{color:var(--muted);font-size:14px}.section-heading{max-width:820px;margin-bottom:44px}.section-heading.compact{max-width:700px}.section-heading h2,.contact-section h2{margin:0;font-size:46px;line-height:1.05;font-weight:900}.section-heading p:not(.eyebrow){margin:18px 0 0;color:var(--muted);font-size:18px}.projects-section{background:linear-gradient(180deg,#020308,#060708 48%,#020308),repeating-linear-gradient(90deg,transparent 0,transparent 88px,rgba(255,255,255,.03) 89px)}.projects-section .section-heading{max-width:960px}.seo-section{background:linear-gradient(120deg,rgba(0,229,255,.08),transparent 34%,rgba(255,61,242,.06)),#040609}.seo-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:42px;align-items:start}.seo-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.seo-card{min-height:178px;border:1px solid var(--line);background:#ffffff0b;padding:22px}.seo-card h3{margin:0 0 12px;font-size:21px;line-height:1.15}.seo-card p{margin:0;color:#d4e1e8}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{position:relative;display:grid;grid-template-columns:72px 1fr;min-height:420px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff12,#ffffff05),var(--surface-solid);box-shadow:var(--shadow)}.project-card:before{content:"";position:absolute;top:-1px;left:-1px;width:5px;height:calc(100% + 2px);background:var(--accent);box-shadow:0 0 34px var(--accent)}.accent-cyan{--accent: var(--cyan)}.accent-red{--accent: var(--red)}.accent-lime{--accent: var(--lime)}.accent-amber{--accent: var(--amber)}.accent-magenta{--accent: var(--magenta)}.accent-violet{--accent: var(--violet)}.accent-orange{--accent: var(--orange)}.project-index{display:flex;align-items:flex-start;justify-content:center;padding-top:24px;border-right:1px solid rgba(224,247,255,.1);color:var(--accent);font-family:Consolas,SFMono-Regular,monospace;font-size:18px;font-weight:800}.project-body{display:grid;grid-template-rows:auto auto auto auto 1fr auto;gap:18px;padding:26px}.project-shot{position:relative;min-height:210px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 44%,rgba(224,247,255,.16));background:radial-gradient(circle at 72% 24%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 30%),linear-gradient(145deg,#ffffff12,#ffffff05),#05080d}.project-shot:before{content:"";position:absolute;inset:34px 0 0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,black,transparent 86%);mask-image:linear-gradient(180deg,black,transparent 86%);opacity:.7}.project-shot:after{content:"";position:absolute;right:-48px;bottom:-44px;width:190px;height:190px;border:1px solid var(--accent);opacity:.28;transform:rotate(22deg)}.shot-topbar{position:relative;z-index:1;display:flex;gap:7px;align-items:center;height:34px;border-bottom:1px solid rgba(224,247,255,.12);padding:0 13px;background:#02030885}.shot-topbar span{width:8px;height:8px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 36%,transparent)}.shot-canvas{position:relative;z-index:1;display:grid;grid-template-columns:1fr .82fr;gap:16px;min-height:176px;align-items:center;padding:24px}.shot-main{display:grid;gap:6px}.shot-main strong{color:var(--text);font-size:42px;line-height:1;letter-spacing:0}.shot-main span{color:var(--accent);font-family:Consolas,SFMono-Regular,monospace;font-size:13px;font-weight:800;text-transform:uppercase}.shot-lines{display:grid;gap:9px}.shot-lines span{min-height:28px;border:1px solid rgba(224,247,255,.14);background:#ffffff0f;padding:6px 9px;color:#d8e7ee;font-family:Consolas,SFMono-Regular,monospace;font-size:12px;font-weight:800}.shot-map .shot-canvas{background:linear-gradient(135deg,transparent 42%,color-mix(in srgb,var(--accent) 28%,transparent) 42% 44%,transparent 44%),linear-gradient(25deg,transparent 56%,rgba(0,229,255,.18) 56% 58%,transparent 58%)}.shot-visual .project-shot,.shot-visual{background:radial-gradient(circle at 50% 50%,rgba(255,61,242,.28),transparent 36%),radial-gradient(circle at 74% 24%,rgba(0,229,255,.18),transparent 28%),#05080d}.project-heading p{margin:0 0 6px;color:var(--accent);font-family:Consolas,SFMono-Regular,monospace;font-size:12px;font-weight:800;text-transform:uppercase}.project-heading h3,.capability-card h3,.stack-lane h3,.secondary-item h3{margin:0;font-size:25px;line-height:1.15}.project-description,.capability-card p,.secondary-item p,.contact-actions p{margin:0;color:#d4e1e8}.project-proof{margin:0;border-left:1px solid rgba(224,247,255,.18);padding-left:14px;color:var(--muted)}.tag-row,.mini-stack,.lane-items{display:flex;flex-wrap:wrap;gap:7px}.tag-row.small span{min-height:24px;font-size:11px}.project-path{display:flex;align-items:center;gap:9px;min-width:0;margin:0;color:var(--dim);font-family:Consolas,SFMono-Regular,monospace;font-size:12px;overflow-wrap:anywhere}.capability-section{background:linear-gradient(90deg,rgba(0,229,255,.07),transparent 28%,rgba(255,190,61,.05)),#050608}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.capability-card{display:grid;gap:18px;min-height:340px;align-content:start;border:1px solid var(--line);background:#ffffff0b;padding:24px}.capability-number{color:var(--lime);font-family:Consolas,SFMono-Regular,monospace;font-size:14px;font-weight:800}.stack-section{background:#020308}.stack-map{display:grid;gap:10px}.stack-lane{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;min-height:92px;border-top:1px solid rgba(224,247,255,.12);padding:20px 0}.stack-lane:last-child{border-bottom:1px solid rgba(224,247,255,.12)}.lane-head{display:flex;align-items:center;gap:12px;color:var(--cyan)}.lane-head h3{font-size:22px}.secondary-section{background:linear-gradient(180deg,#020308,#080607),repeating-linear-gradient(0deg,transparent 0,transparent 100px,rgba(255,255,255,.02) 101px)}.secondary-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px}.sticky-heading{position:sticky;top:92px;align-self:start}.secondary-list{display:grid;gap:12px}.secondary-item{display:grid;gap:14px;border:1px solid var(--line);background:#ffffff0b;padding:24px}.contact-section{padding:92px 28px 54px;background:linear-gradient(90deg,#00e5ff17,#ff3df214,#9dff4f12),#050608;border-top:1px solid rgba(224,247,255,.14)}.contact-grid{display:grid;grid-template-columns:1fr 360px;gap:42px;align-items:center}.contact-actions{display:grid;gap:18px;justify-items:start}.contact-email{color:var(--cyan);font-family:Consolas,SFMono-Regular,monospace;font-size:14px;font-weight:800;overflow-wrap:anywhere}@media(max-width:1080px){.hero h1{font-size:58px}.projects-grid,.capability-grid{grid-template-columns:1fr}.project-card,.capability-card{min-height:auto}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{padding:12px 14px}.brand-copy{display:none}.brand-logo{width:112px}.main-nav a{min-height:34px;padding:0 10px;font-size:13px}.hero{min-height:82vh;padding:94px 18px 42px}.hero-vignette{background:linear-gradient(180deg,#0203089e,#020308c7 42%,#020308f5),linear-gradient(90deg,#020308d1,#0203081f)}.hero-grid{background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,black,rgba(0,0,0,.55),transparent);mask-image:linear-gradient(180deg,black,rgba(0,0,0,.55),transparent)}.hero h1{font-size:34px;line-height:1.04}.hero-subcopy{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch;margin-top:26px}.button{width:100%}.metrics-band,.section,.contact-section{padding-left:18px;padding-right:18px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:76px}.section-heading h2,.contact-section h2{font-size:34px}.section-heading p:not(.eyebrow){font-size:16px}.project-card{grid-template-columns:1fr}.project-index{justify-content:flex-start;min-height:46px;padding:16px 22px 0;border-right:0}.project-body,.secondary-item,.capability-card{padding:22px}.capability-grid,.seo-layout,.secondary-layout,.contact-grid,.seo-card-grid{grid-template-columns:1fr}.stack-lane{grid-template-columns:1fr;gap:12px}.sticky-heading{position:static}}@media(max-width:460px){.main-nav{gap:0}.main-nav a{padding:0 8px;font-size:12px}.hero h1{font-size:32px}.metrics-grid{grid-template-columns:1fr}.project-heading h3,.capability-card h3,.stack-lane h3,.secondary-item h3{font-size:22px}.shot-canvas{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}