/* Girder company page. Same tokens and type as Industrial Cyber Brief (docs/BRAND.md); one page, no script. */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/barlow-condensed-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/source-sans-3-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/source-sans-3-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/source-sans-3-latin-700-normal.woff2") format("woff2")}
:root{--bg:#EEF2F5;--panel:#FFFFFF;--panel-2:#F6F8FA;--fg:#111A23;--fg-2:#4E5D6B;--line:#D4DCE3;--steel:#15202B;--steel-2:#1E2C39;--steel-fg:#EEF3F7;--steel-muted:#9DAEBD;--accent:#0B6E85;--accent-fg:#FFFFFF;--accent-bg:#DDF0F4;--signal:#4FB7CF;--focus:#0B6E85;--display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--sans:"Source Sans 3","Segoe UI",Arial,sans-serif;--r:4px;--r-lg:8px}
@media (prefers-color-scheme:dark){:root{--bg:#0E141A;--panel:#151D25;--panel-2:#1B252F;--fg:#E7EDF2;--fg-2:#A2AFBB;--line:#2B3843;--steel:#0A0F14;--steel-2:#121A22;--accent:#4FB7CF;--accent-fg:#06161B;--accent-bg:#11333C;--focus:#6CC6DB;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px}
h1,h2,h3,p{margin:0}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.skip{position:absolute;left:8px;top:-60px;background:var(--accent);color:var(--accent-fg);padding:8px 12px;border-radius:var(--r);z-index:5;font-weight:600}
.skip:focus{top:8px}
.wrap{max-width:1080px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left,0px))}
.mast{background:var(--steel);color:var(--steel-fg)}
.mast .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:14px 16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand svg{width:44px;height:44px}
.brand .n{font:700 30px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
.nav{display:flex;gap:2px;align-items:center;flex-wrap:wrap}
.nav a{color:var(--steel-fg);text-decoration:none;padding:9px 12px;border-radius:var(--r);font-weight:600;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.nav a:hover{background:var(--steel-2)}
.nav .cta{background:var(--signal);color:#06161B;margin-left:6px}
.hero{background:var(--steel);color:var(--steel-fg);padding:56px 0 64px}
.hero h1{font:700 clamp(44px,7vw,84px)/1 var(--display);max-width:14ch;letter-spacing:.005em}
.hero h1 span{color:var(--signal)}
.hero .lede{margin-top:22px;max-width:62ch;font-size:19px;color:var(--steel-muted)}
.actions{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--r);border:1px solid var(--steel-muted);color:var(--steel-fg);text-decoration:none;font-weight:600;font-size:15px}
.btn.primary{background:var(--signal);color:#06161B;border-color:var(--signal)}
.btn:hover{filter:brightness(1.08)}
.band{padding:48px 0}
.band.alt{background:var(--panel)}
.band h2{font:700 34px/1.1 var(--display);margin-bottom:18px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;display:grid;gap:8px;align-content:start}
.card.live{border-top:4px solid var(--signal)}
.card .tag{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-2)}
.card h3{font:700 24px/1.15 var(--display)}
.card p{color:var(--fg-2);font-size:15.5px}
.card p:last-child{margin-top:4px}
.two{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:36px;align-items:start}
.two p{margin-bottom:12px;max-width:64ch}
.big a{font:700 24px/1.2 var(--display);letter-spacing:.01em}
.founder,.mascot{margin:0;text-align:center;justify-self:end}
.founder img{width:160px;height:160px;border-radius:12px;object-fit:cover}
.founder figcaption,.mascot figcaption{margin-top:8px;font-size:14px;color:var(--fg-2)}
.foot{background:var(--steel);color:var(--steel-muted);font-size:14px;padding:30px 0 36px}
.foot b{color:var(--steel-fg)} .foot a{color:var(--steel-fg)}
.foot p{margin-bottom:8px;max-width:70ch}
@media (max-width:760px){.cards{grid-template-columns:1fr}.two{grid-template-columns:1fr}.founder,.mascot{justify-self:start}.hero{padding:40px 0 48px}.band{padding:36px 0}}
/* pages beyond the home */
.kicker{font:600 14px/1.3 var(--sans);color:var(--signal);letter-spacing:.01em;margin-bottom:10px}
.hero .kicker{color:var(--signal)}
.page{padding:40px 0 60px}
.page .kicker{color:var(--accent)}
.page h1{font:700 clamp(34px,5vw,56px)/1.05 var(--display);margin-bottom:14px}
.page .lede{font-size:19px;color:var(--fg-2);max-width:64ch;margin-bottom:8px}
.page h2{font:700 30px/1.1 var(--display);margin:40px 0 14px;padding-top:18px;border-top:1px solid var(--line)}
.page p{margin-bottom:12px;max-width:70ch}
.statement{font:700 24px/1.3 var(--display);color:var(--fg);max-width:36ch;border-left:4px solid var(--signal);padding-left:16px;margin-bottom:16px}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:6px}
.cols3 h3{font:700 22px/1.15 var(--display);margin-bottom:6px}
.cols3 p{color:var(--fg-2);font-size:15.5px}
.thesis{margin-top:24px;font:700 22px/1.35 var(--display);max-width:48ch;color:var(--fg)}
.h-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.h-row h2{margin:0}
.card h3 a{color:inherit;text-decoration:none} .card h3 a:hover{text-decoration:underline}
.card.svc{border-top:4px solid var(--accent)}
.rules{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.rules li{padding-left:16px;border-left:3px solid var(--signal)}
.rules b{display:block}
.timeline{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.timeline li{padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.foot .three{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding-bottom:16px}
.foot .three a{text-decoration:none;line-height:1.9}
.foot .three a:hover{text-decoration:underline}
.foot .fine{border-top:1px solid var(--steel-2);padding-top:14px}
.foot .fine p{font-size:13px;margin:0}
@media (max-width:760px){.cols3{grid-template-columns:1fr}.foot .three{grid-template-columns:1fr}.page h2{font-size:26px}}