:root {
  --bg: #090b0f; --bg-subtle: #0d1016; --surface: #11151c; --surface-raised: #151a22;
  --border: #252b35; --border-strong: #343c49; --text: #f4f6f8; --text-secondary: #b5bdc9; --text-muted: #7f8998;
  --accent: #5b8cff; --accent-hover: #78a1ff; --accent-soft: rgba(91,140,255,.12); --accent-border: rgba(91,140,255,.42);
  --focus: #8aacff; --danger: #ff7272; --success: #77c99c;
  --font-display: "Instrument Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.375rem; --text-2xl: 1.75rem; --text-5xl: 4rem; --text-6xl: 5rem;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem; --space-10: 8rem;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-pill: 999px;
  --motion-fast: 150ms; --motion-standard: 200ms; --ease-out: cubic-bezier(.22,1,.36,1); --ease-standard: cubic-bezier(.2,0,0,1); --container: 1200px;
}
*,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:var(--font-body)} img{display:block;max-width:100%} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px} ::selection{background:var(--accent);color:var(--bg)}
.container{width:min(calc(100% - 2.5rem),var(--container));margin-inline:auto}.section{padding-block:var(--space-8)}.section-muted{background:var(--bg-subtle);border-block:1px solid var(--border)}
.skip-link{position:fixed;z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--accent);color:var(--bg);font-weight:700;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid var(--border);background:var(--bg)}.nav-shell{min-height:4rem;display:flex;align-items:center;gap:var(--space-5)}
.brand{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:650;letter-spacing:-.025em}.brand img{width:2rem;height:2rem;border-radius:var(--radius-sm);object-fit:cover}
.desktop-nav{display:none;margin-left:auto;align-items:center;gap:var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.desktop-nav a,.mobile-nav>a:not(.button){transition:color var(--motion-fast) var(--ease-standard)}.desktop-nav a:hover,.mobile-nav>a:not(.button):hover{color:var(--text)}.nav-cta{display:none}
.menu-button{margin-left:auto;width:2.75rem;height:2.75rem;padding:0;display:grid;place-content:center;gap:.35rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);cursor:pointer}.menu-button span{display:block;width:1rem;height:1px;background:currentColor;transition:transform var(--motion-standard) var(--ease-out)}.menu-button.is-open span:first-child{transform:translateY(.2rem) rotate(45deg)}.menu-button.is-open span:last-child{transform:translateY(-.2rem) rotate(-45deg)}
.mobile-nav{padding:var(--space-3) 1.25rem var(--space-5);display:grid;gap:var(--space-2);border-bottom:1px solid var(--border);background:var(--bg)}.mobile-nav[hidden]{display:none}.mobile-nav>a:not(.button){padding:var(--space-3) 0;border-bottom:1px solid var(--border);color:var(--text-secondary);font-weight:600}.mobile-nav .button{margin-top:var(--space-3)}
.button{min-height:3rem;padding:.72rem 1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;line-height:1.2;transition:background var(--motion-standard) var(--ease-standard),border-color var(--motion-standard) var(--ease-standard),color var(--motion-standard) var(--ease-standard),transform var(--motion-standard) var(--ease-out)}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:var(--bg)}.button-primary:hover{background:var(--accent-hover)}.button-secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.button-secondary:hover{border-color:var(--accent-border);background:var(--accent-soft)}
.text-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-hover);font-weight:700}.text-link span{transition:transform var(--motion-standard) var(--ease-out)}.text-link:hover span{transform:translateX(.2rem)}
.hero{padding-top:var(--space-8)}.hero-grid{display:grid;gap:var(--space-8)}.hero-copy{max-width:47rem}.eyebrow{margin:0 0 var(--space-5);color:var(--accent-hover);font-size:var(--text-xs);font-weight:750;letter-spacing:.11em;line-height:1.3;text-transform:uppercase}.eyebrow span{width:.4rem;height:.4rem;margin-right:var(--space-2);display:inline-block;border-radius:var(--radius-pill);background:var(--accent)}
h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:570;letter-spacing:-.04em}h1{max-width:14ch;font-size:clamp(2.55rem,10vw,var(--text-6xl));line-height:1}h2{max-width:16ch;font-size:clamp(2rem,7vw,var(--text-5xl));line-height:1.06}h3{font-size:var(--text-xl);line-height:1.18;letter-spacing:-.025em}.hero-lede{max-width:58ch;margin:var(--space-6) 0 0;color:var(--text-secondary);font-size:var(--text-lg);line-height:1.55}.hero-actions{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3)}
.system-map{padding:var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.map-header,.map-status{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.map-flow{margin-block:var(--space-7);display:grid;gap:var(--space-3)}.map-node{padding:var(--space-4);display:grid;gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle)}.map-node small{color:var(--text-muted)}.map-node strong{font-family:var(--font-display);font-size:var(--text-lg)}.map-node span{color:var(--text-secondary);font-size:var(--text-sm)}.map-node-active{border-color:var(--accent-border);background:var(--accent-soft)}.map-connector{display:none;align-self:center;color:var(--text-muted)}.map-status{justify-content:flex-start;align-items:center}.map-status span{width:.5rem;height:.5rem;border-radius:var(--radius-pill);background:var(--accent)}
.proof-strip{border-block:1px solid var(--border);background:var(--bg-subtle)}.proof-list{padding-block:var(--space-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-5);color:var(--text-secondary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.section-heading{margin-bottom:var(--space-7);display:grid;gap:var(--space-5)}.section-heading .eyebrow{margin-bottom:var(--space-3)}.section-heading>p{max-width:62ch;margin:0;color:var(--text-secondary)}
.product-grid{display:grid;gap:var(--space-4)}.product-card{min-width:0;padding:var(--space-5);display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.product-card:hover{border-color:var(--border-strong)}.card-index{margin-bottom:var(--space-5);color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.product-card h3{max-width:23ch;font-size:var(--text-2xl)}.product-card>p{max-width:64ch;color:var(--text-secondary)}.card-lede{margin:var(--space-5) 0 0;color:var(--text)!important;font-size:var(--text-lg)}
.tag-list{margin:var(--space-5) 0 var(--space-6);padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none}.tag-list li{padding:.35rem .65rem;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--bg-subtle);font-size:var(--text-xs)}.card-boundary{width:100%;margin-bottom:var(--space-6);padding:var(--space-4);display:grid;gap:var(--space-1);border-left:2px solid var(--accent);background:var(--bg-subtle)}.card-boundary strong{color:var(--accent-hover);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.card-boundary span{color:var(--text-secondary);font-size:var(--text-sm)}.product-card .text-link{margin-top:auto}
.custom-card-heading{display:grid;gap:var(--space-5)}.custom-card-heading p{max-width:64ch;margin:0;color:var(--text-secondary)}.custom-builds{width:100%;margin-block:var(--space-7);display:grid;gap:var(--space-3)}.custom-builds div{padding-top:var(--space-4);display:grid;gap:var(--space-2);border-top:1px solid var(--border)}.custom-builds strong{font-family:var(--font-display)}.custom-builds span{color:var(--text-secondary);font-size:var(--text-sm)}
.selected-work{margin-top:var(--space-8);padding-top:var(--space-7);display:grid;gap:var(--space-5);border-top:1px solid var(--border-strong)}.selected-work .eyebrow{margin-bottom:var(--space-2)}.selected-work ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--border)}.selected-work li{padding-block:var(--space-5);display:grid;gap:var(--space-2);border-bottom:1px solid var(--border)}.selected-work li>span{font-weight:700}.selected-work li strong{color:var(--text-secondary);font-size:var(--text-sm);font-weight:400}.selected-work li a{color:var(--accent-hover);font-size:var(--text-sm);font-weight:700}
.service-list{border-top:1px solid var(--border-strong)}.service-list article{padding-block:var(--space-5);display:grid;grid-template-columns:2.5rem 1fr;gap:var(--space-3);border-bottom:1px solid var(--border)}.service-list article>span{color:var(--text-muted);font-size:var(--text-xs);font-weight:700}.service-list h3{margin-bottom:var(--space-2)}.service-list p{max-width:65ch;margin:0;color:var(--text-secondary)}.service-list article>a{grid-column:2;color:var(--accent-hover);font-size:var(--text-sm);font-weight:700}
.process-list{margin:0;padding:0;display:grid;list-style:none;border-top:1px solid var(--border-strong)}.process-list li{padding-block:var(--space-6);display:grid;grid-template-columns:2.5rem 1fr;gap:var(--space-3);border-bottom:1px solid var(--border)}.process-list li>span{color:var(--accent-hover);font-size:var(--text-sm);font-weight:700}.process-list h3{margin-bottom:var(--space-3)}.process-list p{max-width:55ch;margin:0;color:var(--text-secondary)}.process-list small{margin-top:var(--space-4);display:block;color:var(--text-muted)}
.about-grid{display:grid;gap:var(--space-7)}.about-copy{max-width:44rem}.about-copy>p{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-lg)}.about-actions{margin-top:var(--space-6);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5)}
.contact-section{border-bottom:1px solid var(--border)}.contact-grid{display:grid;gap:var(--space-7)}.contact-copy>p:not(.eyebrow){max-width:55ch;color:var(--text-secondary);font-size:var(--text-lg)}.contact-direct{margin-top:var(--space-7);display:grid;gap:var(--space-3)}.contact-direct a{padding-block:var(--space-3);display:grid;gap:var(--space-1);border-bottom:1px solid var(--border)}.contact-direct span{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.contact-direct strong{overflow-wrap:anywhere;color:var(--accent-hover);font-size:var(--text-sm)}
.form-shell{padding:var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.contact-form{display:grid;gap:var(--space-5)}.form-row{display:grid;gap:var(--space-5)}.field{display:grid;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:700}.field label span{color:var(--text-muted);font-weight:400}.field input,.field select,.field textarea{width:100%;min-height:3rem;padding:.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text);transition:border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard)}.field textarea{min-height:9rem;resize:vertical}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--accent-border)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--focus);background:var(--surface-raised);outline:2px solid var(--accent-soft);outline-offset:1px}.field-error{min-height:1em;color:var(--danger);font-size:var(--text-xs)}
.form-status{display:none;margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.form-status:not(:empty){display:block}.form-success{border:1px solid var(--success);color:var(--success)}.form-error{border:1px solid var(--danger);color:var(--danger)}.submit-button{width:100%;border:0;cursor:pointer}.submit-button:disabled{cursor:wait;opacity:.65;transform:none}.form-note{margin:calc(var(--space-3) * -1) 0 0;color:var(--text-muted);font-size:var(--text-xs);text-align:center}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.site-footer{padding-top:var(--space-8);background:var(--bg-subtle)}.footer-grid{display:grid;gap:var(--space-7)}.footer-brand p{max-width:30rem;color:var(--text-secondary);font-size:var(--text-sm)}.footer-grid nav{display:grid;align-content:start;gap:var(--space-2)}.footer-grid nav strong{margin-bottom:var(--space-2);font-size:var(--text-sm)}.footer-grid nav a{color:var(--text-secondary);font-size:var(--text-sm)}.footer-grid nav a:hover{color:var(--accent-hover)}.footer-bottom{margin-top:var(--space-8);padding-block:var(--space-4);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs)}
@media(min-width:640px){.container{width:min(calc(100% - 4rem),var(--container))}.section{padding-block:var(--space-9)}.map-flow{grid-template-columns:1fr auto 1fr auto 1fr}.map-connector{display:block}.proof-list{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:1.1fr .9fr}.product-card-full{grid-column:1/-1}.custom-builds{grid-template-columns:repeat(3,1fr)}.custom-builds div{padding:var(--space-4) var(--space-4) 0 0;border-right:1px solid var(--border)}.custom-builds div:last-child{border-right:0}.selected-work li{grid-template-columns:minmax(9rem,.7fr) minmax(18rem,2fr) auto;align-items:start;gap:var(--space-5)}.form-row-split{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(min-width:960px){.nav-shell{min-height:4.5rem}.desktop-nav{display:flex}.nav-cta{display:inline-flex}.menu-button,.mobile-nav{display:none!important}.hero{padding-block:var(--space-9)}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(22rem,.65fr);align-items:center}.section-heading{grid-template-columns:1.25fr .75fr;align-items:end}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{padding:var(--space-6)}.product-card-full{grid-column:auto}.custom-builds{grid-template-columns:1fr;margin-block:var(--space-5)}.custom-builds div{padding:var(--space-4) 0 0;border-right:0}.selected-work{grid-template-columns:.45fr 1.55fr}.service-list article{grid-template-columns:3rem 1fr auto;align-items:center}.service-list article>a{grid-column:3}.process-list{grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}.process-list li{min-height:22rem;padding:var(--space-6);grid-template-columns:1fr;align-content:start;border-right:1px solid var(--border);border-bottom:0}.process-list li:first-child{padding-left:0}.process-list li:last-child{padding-right:0;border-right:0}.about-grid{grid-template-columns:.85fr 1.15fr}.contact-grid{grid-template-columns:.85fr 1.15fr;align-items:start}.form-shell{padding:var(--space-6)}.footer-grid{grid-template-columns:1.6fr .8fr .8fr .8fr}.footer-brand{grid-column:auto}}
@media(min-width:1280px){.section,.hero{padding-block:var(--space-10)}.product-card{padding:var(--space-7)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}