:root {
  --ink: #03080d; --ink-2: #07121b; --panel: #0a1721; --panel-2: #0d202c;
  --cyan: #4bd1e9; --cyan-soft: #9fe8f1; --orange: #de7a37; --maroon: #5c1e2a;
  --gold: #ddc79a; --silver: #cad2d9; --muted: #91a0ac; --white: #f5f7f8;
  --border: rgba(124, 171, 191, .24); --shell: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--silver); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(75,209,233,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(75,209,233,.04) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, #000, transparent 80%); }
a { color: inherit; } h1,h2,h3,p { margin-top: 0; } h1,h2,h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; line-height: 1.08; }
.shell { width: min(calc(100% - 48px), var(--shell)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 100; background: var(--white); color: #000; padding: 10px 16px; }
.skip-link:focus { top: 12px; }
.site-header { position: sticky; top: 0; z-index: 20; background: rgba(3,8,13,.94); border-bottom: 1px solid var(--maroon); backdrop-filter: blur(12px); }
.header-inner { height: 78px; display: grid; grid-template-columns: 178px 1fr auto; align-items: center; gap: 28px; }
.brand-placeholder,.footer-brand { text-decoration: none; }
.artwork-marker { display: grid; place-items: center; color: var(--orange); border: 1px dashed rgba(222,122,55,.72); background: radial-gradient(circle, rgba(75,209,233,.1), transparent 67%); font: 400 22px/1 Georgia,serif; }
.marker-header { width: 162px; height: 48px; }.marker-footer { width: 178px; height: 62px; }.marker-hero { width: 260px; height: 260px; border-radius: 50%; font-size: 55px; }.marker-matix { width: 210px; height: 116px; font-size: 36px; }
.site-nav { justify-self: center; display: flex; gap: 23px; }.site-nav a { color: var(--silver); text-decoration: none; font-size: 13px; letter-spacing: .035em; }.site-nav a:hover,.site-nav a:focus-visible { color: var(--cyan); }
.menu-toggle { display: none; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 0 20px; color: var(--white); text-decoration: none; border: 1px solid var(--orange); background: linear-gradient(135deg, rgba(222,122,55,.16), rgba(75,209,233,.05)); letter-spacing: .04em; font-size: 13px; }
.button:hover,.button:focus-visible { background: var(--orange); color: #090909; }.button-small { min-height: 39px; padding-inline: 16px; }
.section-grid { position: relative; overflow: hidden; }.section-grid::after { content:""; position:absolute; width:320px; height:1px; right:-40px; top:28%; background:linear-gradient(90deg,transparent,var(--cyan)); opacity:.32; transform:rotate(-33deg); }
.hero { min-height: 565px; display: grid; align-items: center; border-bottom: 1px solid var(--maroon); background: radial-gradient(circle at 78% 46%, rgba(29,114,137,.2), transparent 29%), linear-gradient(135deg, #040a0f 20%, #07141d); }
.hero-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: center; padding-block: 75px; }.hero-copy { max-width: 690px; }
.eyebrow,.section-kicker { margin-bottom: 17px; color: var(--cyan); text-transform: uppercase; letter-spacing: .2em; font-size: 11px; font-weight: 700; }
h1 { margin-bottom: 24px; color: var(--white); font-size: clamp(45px,6vw,76px); }.hero h1 span { color: var(--gold); }.hero-lede { max-width: 610px; color: #b7c2ca; font-size: 17px; }.button-row { display:flex; align-items:center; gap:28px; margin-top:32px; }.text-link { color:var(--cyan-soft); text-decoration:none; font-size:13px; }.hero-art { min-height:330px; display:grid; place-items:center; position:relative; }.orbit { position:absolute; border:1px solid rgba(75,209,233,.16); border-radius:50%; }.orbit-one { width:340px;height:340px; }.orbit-two { width:285px;height:285px; border-color:rgba(222,122,55,.2); transform:rotate(23deg); border-left-color:transparent; }
.panel-section { padding-block: 78px; border-bottom: 1px solid rgba(92,30,42,.8); background: linear-gradient(180deg,var(--ink-2),#061018); }
.about-grid { display:grid; grid-template-columns:1.05fr 1fr 1fr; gap:0; border:1px solid var(--border); background:rgba(5,14,21,.65); }.about-grid>div,.about-grid article { padding:32px; }.about-grid article { border-left:1px solid var(--border); }.about h2,.section-heading h2,.contact h2,.matix h2 { color:var(--gold); font-size:clamp(32px,4vw,48px); }.about h3,.capability-card h3 { color:var(--white); font-size:20px; }.about p { color:#aab6be; font-size:14px; }
.capabilities { padding-block:82px; background:radial-gradient(circle at 10% 30%,rgba(15,92,114,.13),transparent 25%); }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:35px; }.section-heading>p { max-width:460px; color:var(--muted); font-size:14px; }.section-heading h2 { margin-bottom:0; }
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--border); border-left:1px solid var(--border); }.capability-card { min-height:220px; padding:30px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); background:linear-gradient(145deg,rgba(13,32,44,.75),rgba(4,12,18,.75)); }.cap-icon { display:grid;place-items:center;width:42px;height:42px;margin-bottom:28px;color:var(--cyan);border:1px solid rgba(75,209,233,.4);font-size:17px; }.capability-card p { color:var(--muted); font-size:13px; }
.systems-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }.system-card { min-height:190px; display:grid; place-items:center; border:1px solid var(--border); background:linear-gradient(180deg,rgba(10,29,40,.85),rgba(4,12,18,.9)); }.marker-system { width:75%; height:100px; font-size:30px; }
.matix { padding-block:65px; background:linear-gradient(100deg,#06131c,#0c2632 48%,#07141c); border-block:1px solid var(--orange); }.matix-grid { display:grid; grid-template-columns:.8fr 1.45fr 1fr; align-items:center; gap:50px; }.matix p { color:#b0bdc5; }.matix ul { list-style:none; margin:0;padding:0; color:var(--cyan-soft); font-size:13px; }.matix li { padding:9px 0 9px 20px; border-bottom:1px solid rgba(75,209,233,.18); }.matix li::before { content:"+"; color:var(--orange); margin-left:-20px; margin-right:10px; }
.contact { padding-block:80px; background:radial-gradient(circle at 75% 50%,rgba(222,122,55,.1),transparent 27%); }.contact-grid { display:grid; grid-template-columns:1fr 1fr .85fr; gap:45px; align-items:center; }.contact h2 { margin-bottom:0; }.contact-grid>p { color:#aab6be; }.support-card { display:grid; gap:9px; }.support-card>span { color:var(--cyan);font-size:11px;text-transform:uppercase;letter-spacing:.18em; }.support-card small { color:var(--muted);font-size:11px; }
.site-footer { border-top:1px solid var(--maroon); padding-top:55px; background:#020609; }.footer-grid { display:grid; grid-template-columns:1.6fr .7fr .7fr 1.2fr; gap:42px; padding-bottom:45px; }.footer-grid h2 { color:var(--gold);font:600 11px/1.2 ui-sans-serif,system-ui;letter-spacing:.16em;text-transform:uppercase; }.footer-grid a { display:block;color:var(--muted);text-decoration:none;font-size:12px;margin:8px 0; }.footer-grid p { color:var(--muted);font-size:12px;margin:7px 0; }.footer-bottom { display:flex;justify-content:space-between;padding-block:20px;border-top:1px solid var(--border);font-size:11px;color:#6f7e88; }.footer-bottom p{margin:0}.footer-bottom a{color:var(--cyan);text-decoration:none}
:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@media (max-width: 980px) { .header-inner{grid-template-columns:150px 1fr auto}.marker-header{width:145px}.site-nav{gap:13px}.header-cta{display:none}.systems-grid{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:1fr 1fr}.about-grid>div{grid-column:1/-1}.about-grid article:first-of-type{border-left:0}.capability-grid{grid-template-columns:repeat(2,1fr)}.matix-grid{grid-template-columns:.8fr 1.5fr}.matix-grid ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-grid{grid-template-columns:1fr 1fr}.support-card{grid-column:1/-1;max-width:360px}.footer-grid{grid-template-columns:1.3fr repeat(2,.7fr);}.footer-grid>div:last-child{grid-column:1/-1} }
@media (max-width: 720px) { .shell{width:min(calc(100% - 30px),var(--shell))}.header-inner{height:68px;grid-template-columns:1fr auto}.marker-header{width:135px;height:42px}.menu-toggle{display:grid;gap:4px;background:none;border:1px solid var(--border);padding:10px}.menu-toggle span:not(.sr-only){display:block;width:21px;height:1px;background:var(--cyan)}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:15px;background:#061018;border-bottom:1px solid var(--orange);flex-direction:column}.site-nav.is-open{display:flex}.site-nav a{padding:10px 18px}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:20px;padding-block:55px}.hero-art{min-height:270px}.marker-hero{width:205px;height:205px}.orbit-one{width:270px;height:270px}.orbit-two{width:225px;height:225px}.about-grid{grid-template-columns:1fr}.about-grid article{border-left:0;border-top:1px solid var(--border)}.section-heading{display:block}.section-heading>p{margin-top:20px}.capability-grid{grid-template-columns:1fr}.systems-grid{grid-template-columns:repeat(2,1fr)}.matix-grid,.contact-grid{grid-template-columns:1fr}.matix-grid ul{grid-template-columns:1fr}.marker-matix{width:100%;max-width:260px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>a,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom a{display:inline-block;margin-top:8px} }
@media (max-width: 430px) { h1{font-size:42px}.button-row{align-items:flex-start;flex-direction:column}.systems-grid{grid-template-columns:1fr 1fr;gap:10px}.system-card{min-height:145px}.marker-system{height:82px}.panel-section,.capabilities,.contact{padding-block:60px} }
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} }