/* Terminal Modern: native type, transparent brand artwork, no external assets. */
body.terminal-site { --ink:#eef4f5; --muted-ink:#b5cad5; --glass-border:#294a58; --cyan:#51e5f7; color:var(--ink); background:#050d11; font-family:Consolas,"Cascadia Code","SFMono-Regular",monospace; font-size:14px; line-height:1.6; }
.terminal-site .page-frame { max-width:1440px; margin:16px auto; border:1px solid #345564; border-radius:12px; overflow:hidden; background:radial-gradient(ellipse at 75% 14%,#0b22263d,transparent 43%),repeating-linear-gradient(0deg,#ffffff01 0 1px,transparent 1px 4px),#050e12; }
.terminal-site .wrap { width:calc(100% - 72px); max-width:1320px; }
.terminal-site a:focus-visible,.terminal-site button:focus-visible { outline:2px solid var(--cyan); outline-offset:5px; }
.terminal-site a:hover { color:var(--cyan); }
.terminal-site .site-header { min-height:90px; gap:24px; }
.terminal-site .brand-lockup { display:inline-flex; width:auto; gap:7px; align-items:center; box-shadow:none; border-radius:0; flex-shrink:0; }
.terminal-site .brand-icon { display:block; width:59px; aspect-ratio:552 / 475; overflow:hidden; flex-shrink:0; }
.terminal-site .brand-lockup .brand-icon img { display:block; width:100%; height:auto; max-width:none; }
.terminal-site .brand-lockup>span { font-size:24px; letter-spacing:1.5px; white-space:nowrap; }
.cyan { color:var(--cyan); }
.brand-note { text-transform:uppercase; font-size:10px; letter-spacing:1px; line-height:1.6; color:#a9c5d1; }
.terminal-site .site-nav { margin-left:auto; font-size:12px; gap:28px; color:#eef4f5; }
.terminal-site .site-nav .nav-contact { color:var(--cyan); padding:7px 15px; border:1px solid var(--cyan); border-radius:2px; }
.terminal-site .hero { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; text-align:left; min-height:460px; padding-block:24px; gap:0; }
.hero-copy { position:relative; z-index:1; }
.terminal-site .hero-category { margin:0 0 15px; color:#bad2de; font-size:12px; letter-spacing:1.5px; }
.terminal-site .hero h1 { margin:0; font-size:clamp(30px,3.65vw,52px); line-height:1.16; letter-spacing:-1.7px; font-weight:400; }
.terminal-site .hero h1 span { color:var(--cyan); }
.terminal-site .hero-description { margin:24px 0 0; max-width:56ch; font-size:16px; line-height:1.75; color:#d1dfe5; text-shadow:none; }
.terminal-site .actions { justify-content:flex-start; margin-top:26px; gap:16px; }
.terminal-site .button { border-radius:2px; min-height:42px; padding:9px 23px; font-size:12px; }
.terminal-site .button-primary { background:#40cfe9; border-color:#69eaff; color:#001017; box-shadow:inset 0 0 12px #a9f8ff20; }
.terminal-site .button-primary:hover { background:#79edff; }
.terminal-site .button-secondary { color:var(--cyan); border-color:#7a9eac; background:transparent; }
.system-visual { width:100%; height:auto; overflow:visible; }
.diagram-type { fill:#b5cedb; font:10px Consolas,monospace; letter-spacing:.45px; }
.diagram-type .diagram-label { fill:#58e5f4; font-size:11px; font-weight:bold; }
.terminal-site .section { border-top:1px solid #294651; padding-block:19px; }
.terminal-site .section-heading { margin-bottom:9px; align-items:center; gap:12px; }
.terminal-site .eyebrow { color:var(--cyan); font-family:inherit; font-size:12px; font-weight:400; letter-spacing:.5px; line-height:1.5; }
.terminal-site .section-heading>p:last-child { font-size:12px; max-width:none; color:#b5cad5; }
.terminal-site .section-heading h2 { margin:0; }
.terminal-site .glass { background:linear-gradient(130deg,#12283042,#09151b38); border:1px solid #294b59; border-radius:2px; box-shadow:inset 0 0 22px #21424e15; backdrop-filter:none; }
.terminal-site .doctrine-grid { gap:14px; overflow:visible; }
.terminal-site .doctrine-grid article { display:grid; grid-template-columns:32px 1fr; gap:19px; padding:23px 20px; }
.terminal-site .doctrine-grid article+article { border-left:1px solid #294b59; }
.terminal-site .principle-number { border-right:1px solid #163741; color:var(--cyan)!important; font:12px/1.6 Consolas,monospace; text-decoration:underline; text-underline-offset:5px; }
.line-icon { width:29px; height:29px; fill:none; stroke:var(--cyan); stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.terminal-site .doctrine-grid h3 { margin:10px 0 8px; font-size:21px; font-weight:400; letter-spacing:-.5px; }
.terminal-site .doctrine-grid p { font-size:13px; }
.terminal-site .capability-grid { gap:13px; }
.terminal-site .capability { padding:17px 23px 12px; transition:border-color .2s,background .2s; }
.terminal-site .capability:hover,.work-card:hover { border-color:#5ce6f5; background:#0d222a; }
.terminal-site .capability svg { margin-bottom:10px; stroke:var(--cyan); width:29px; height:29px; }
.terminal-site .capability h3 { font-size:15px; margin-bottom:5px; font-weight:500; color:#eef4f5; }
.terminal-site .capability p { font-size:13px; }
.card-arrow { font-size:25px; line-height:1; padding-top:8px; margin-top:auto; color:var(--cyan); }
.principles-layout { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.principles-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; padding-top:9px; }
.principles-grid article+article { border-left:1px solid #143440; padding-left:16px; }
.principles-grid h3 { margin:10px 0; font-size:15px; font-weight:400; }
.principles-grid p { font-size:11px; color:var(--muted-ink); }
.architecture { padding-left:24px; border-left:1px solid #1c3b48; min-width:0; }
.principles-layout .section-heading>p:last-child { font-size:10px; text-transform:uppercase; }
.flow { display:flex; align-items:center; padding-top:14px; gap:5px; }
.flow-node { flex:1; min-width:0; min-height:89px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:8px 3px; border:1px solid #4a6c7a; background:#0c1a22; font-size:10px; line-height:1.4; }
.flow-node .line-icon { width:22px; height:22px; margin-bottom:6px; }
.flow-arrow { color:#acc3d1; }
.flow-targets { display:grid; gap:7px; flex:1.35; font-size:9px; }
.flow-targets span { border:1px solid #4a6c7a; padding:9px 6px; background:#0c1a22; }
.audit-line { width:fit-content; margin:13px auto 0; padding:5px 12px; border:1px dashed #688995; font-size:10px; color:#b5d9e5; }
.work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.work-card { padding:12px 14px; }
.work-card h3 { font-size:15px; font-weight:400; }
.work-card .eyebrow { color:#adccdd; font-size:10px; margin:4px 0 8px; }
.work-card>p:not(.eyebrow) { color:#b5cad5; font-size:12px; }
.tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; align-items:center; }
.tags span { font-size:9px; color:#c4e8f4; border:1px solid #31576a; border-radius:3px; padding:1px 5px; background:#112b39; }
.tags b { margin-left:auto; font-size:24px; line-height:1; color:var(--cyan); font-weight:400; }
.contact-grid { display:grid; grid-template-columns:1.08fr .95fr 1.1fr; gap:23px; }
.terminal-site .contact-grid h2 { font-size:23px; font-weight:400; letter-spacing:-.5px; line-height:1.3; }
.contact-grid p { color:#b5cad5; font-size:11px; margin-top:8px; }
.contact-details { border-left:1px solid #294b59; padding-left:23px; }
.contact-details a { display:flex; align-items:center; gap:12px; color:var(--cyan); font-size:12px; overflow-wrap:anywhere; }
.contact-details .line-icon { width:18px; height:18px; }
.contact-details p { margin-left:30px; }
.contact-details .contact-signoff { margin:16px 0 0; padding-top:10px; border-top:1px solid #294b59; }
.contact-brand { position:relative; min-height:125px; border:1px solid #345b6a; padding:10px 16px; align-self:start; }
.terminal-site .contact-brand .brand-lockup>span { font-size:17px; }
.terminal-site .contact-brand .brand-icon { width:42px; }
.contact-brand p { margin:0 0 0 48px; }
.coastline { position:absolute; bottom:-9px; right:0; width:100%; height:50px; opacity:.6; pointer-events:none; }
.terminal-site .site-footer { display:flex; padding-block:18px; gap:24px; }
.terminal-site .footer-wordmark { font-size:12px; letter-spacing:1px; font-weight:400; }
.terminal-site .footer-wordmark span { color:var(--cyan); }
.terminal-site .site-footer small { font-size:9px; }
.terminal-site .site-footer nav { margin-left:auto; gap:22px; font-size:10px; }
.terminal-site .site-footer .nav-contact { padding:0; border:0; }
.terminal-site .site-footer .nav-contact span { display:none; }
.terminal-site .menu-toggle { background:#0c222a; border-radius:2px; color:var(--cyan); }
.terminal-site .about-heading h1 { font-size:clamp(30px,5vw,54px); }
.terminal-site .about-copy { margin-top:20px; }
@media(min-width:1450px) { .terminal-site .hero h1 { font-size:52px; } }
@media(max-width:1150px) { .brand-note { display:none; } .terminal-site .site-nav { gap:22px; } .terminal-site .hero { min-height:420px; } .terminal-site .hero h1 { font-size:39px; } .terminal-site .hero-description { font-size:14px; } .terminal-site .doctrine-grid h3 { font-size:18px; } .terminal-site .capability { padding:15px; } .principles-layout { gap:16px; } .architecture { padding-left:16px; } }
@media(min-width:761px) { .terminal-site .capability-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:950px) { .terminal-site .wrap { width:calc(100% - 40px); } .terminal-site .brand-lockup>span { font-size:20px; } .terminal-site .site-nav { gap:16px; } .terminal-site .hero h1 { font-size:34px; } .terminal-site .hero-category { font-size:10px; } .terminal-site .doctrine-grid article { gap:12px; padding:20px 13px; grid-template-columns:23px 1fr; } .principles-layout { grid-template-columns:1fr; } .architecture { border-left:0; border-top:1px solid #294b59; padding:18px 0 0; } .flow { max-width:580px; margin:auto; } .contact-grid { grid-template-columns:1fr 1fr; } .contact-brand { display:none; } }
@media(max-width:760px) { .terminal-site .page-frame { margin:0; border:0; border-radius:0; } .terminal-site .site-header { gap:18px; min-height:83px; padding-block:17px; } .terminal-site .brand-lockup { width:auto; } .terminal-site .brand-icon { width:45px; } .terminal-site .brand-lockup>span { font-size:19px; } .terminal-site .menu-toggle { margin-left:auto; } .terminal-site .site-nav { margin-left:0; gap:10px 25px; } .terminal-site .hero { grid-template-columns:1fr; padding-block:36px 6px; gap:5px; } .terminal-site .hero h1 { font-size:clamp(29px,6.6vw,47px); letter-spacing:-1px; } .terminal-site .hero-category { font-size:10px; letter-spacing:.7px; } .terminal-site .hero-description { max-width:60ch; font-size:14px; } .terminal-site .actions { flex-direction:row; } .system-visual { max-width:520px; margin:0 auto; padding-right:10px; } .terminal-site .section { padding-block:20px; } .terminal-site .section-heading { display:flex; flex-wrap:wrap; gap:4px 12px; margin-bottom:13px; } .terminal-site .section-heading>p:last-child { margin:0; font-size:10px; } .terminal-site .doctrine-grid { grid-template-columns:1fr; gap:10px; } .terminal-site .doctrine-grid article { grid-template-columns:26px 1fr; gap:16px; padding:20px; } .terminal-site .doctrine-grid h3 { margin:0 0 5px; font-size:20px; } .terminal-site .doctrine-grid .line-icon { float:right; margin:0 0 10px 15px; } .terminal-site .capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .work-grid { grid-template-columns:1fr; } .terminal-site .site-footer { flex-wrap:wrap; gap:12px; } .terminal-site .site-footer nav { width:100%; margin:0; } .terminal-site .contact-grid h2 { font-size:20px; } }
@media(max-width:480px) { .terminal-site .wrap { width:calc(100% - 32px); } .terminal-site .brand-lockup>span { font-size:16px; letter-spacing:1px; } .terminal-site .brand-icon { width:37px; } .terminal-site .menu-toggle { font-size:12px; padding:8px 10px; gap:8px; } .terminal-site .button { padding:10px 16px; gap:14px; } .terminal-site .capability { padding:16px 12px; } .terminal-site .capability h3 { font-size:14px; } .terminal-site .capability p { font-size:12px; } .principles-grid { gap:10px; } .principles-grid article+article { padding-left:10px; } .principles-grid h3 { font-size:13px; } .principles-grid p { font-size:10px; } .flow { gap:3px; } .flow-node { font-size:8px; } .flow-targets { font-size:8px; } .flow-targets span { padding:8px 3px; } .audit-line { font-size:8px; } .contact-grid { grid-template-columns:1fr; } .contact-details { border-left:0; padding:16px 0 0; border-top:1px solid #294b59; } }
@media(prefers-reduced-motion:reduce) { .terminal-site * { scroll-behavior:auto; transition:none; } }
@media(forced-colors:active) { .terminal-site .glass,.flow-node,.flow-targets span,.contact-brand { border-color:CanvasText; } .line-icon { stroke:CanvasText; } }