:root{--graphite:#111417;--red:#e33e32;--warm:#f1ede7;--steel:#89939b;--panel:#191e22;--line:#30373c;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--graphite);color:var(--warm);font-family:"Space Grotesk",Arial,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:48px 48px}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--warm);color:var(--graphite);padding:12px 18px}.skip:focus{top:16px}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:3px}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.nav{position:relative;z-index:10;border-bottom:1px solid var(--line);background:#111417f2}.nav .wrap{min-height:76px;display:flex;align-items:center;gap:28px}.brand{text-decoration:none;font-weight:700;letter-spacing:-.04em;font-size:21px}.brand b{color:var(--red)}.links{margin-left:auto;display:flex;gap:4px;align-items:center}.links a,.menu{min-height:44px;display:flex;align-items:center;padding:0 13px;text-decoration:none;font-size:14px}.links a:hover,.links a[aria-current=page]{color:var(--red)}.menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--warm)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;text-decoration:none;font-weight:700;border:1px solid var(--red);background:var(--red);color:#fff;cursor:pointer}.btn.alt{background:transparent;color:var(--warm);border-color:var(--steel)}.hero{position:relative;padding:90px 0 72px;overflow:hidden}.hero-grid,.split{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}.kicker,.mono{font-family:"IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--steel)}.status{display:inline-flex;gap:9px;align-items:center}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:#5fe085;box-shadow:0 0 0 5px #5fe08520}h1,h2,h3{line-height:1.05;letter-spacing:-.045em;margin:0}h1{font-size:clamp(48px,7.4vw,92px);max-width:850px}h2{font-size:clamp(34px,5vw,58px)}h3{font-size:22px}.hero p,.lede{font-size:clamp(18px,2vw,22px);color:#c3c8cc;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.image-frame{position:relative;aspect-ratio:4/5;border:1px solid var(--line);background:var(--panel);overflow:hidden}.image-frame img,.gallery img{width:100%;height:100%;object-fit:cover}.readout{position:absolute;left:16px;right:16px;bottom:16px;padding:16px;background:#111417e8;border:1px solid #ffffff22;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.readout strong,.metric strong{display:block;font-family:"IBM Plex Mono",monospace;color:var(--red);font-size:20px}.readout span,.metric span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--steel)}section{position:relative;padding:88px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head p{max-width:480px;color:#afb6bb}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.metric{padding:24px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{font-size:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);padding:28px;min-height:220px}.card .code{font-family:"IBM Plex Mono",monospace;color:var(--red);font-size:12px}.card p{color:#aeb5ba}.tag{display:inline-block;font:11px "IBM Plex Mono",monospace;border:1px solid #3e474d;padding:5px 8px;margin:3px;color:#bbc1c5}.band{background:var(--red);color:#fff;border:0}.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.band .btn{background:var(--graphite);border-color:var(--graphite)}.page-hero{padding:72px 0 48px}.page-hero h1{font-size:clamp(44px,6vw,76px)}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:290px;gap:16px}.gallery figure{margin:0;position:relative;overflow:hidden;border:1px solid var(--line)}.gallery figure:first-child{grid-row:span 2}.gallery figcaption{position:absolute;inset:auto 0 0;padding:18px;background:linear-gradient(transparent,#111417e8);font-family:"IBM Plex Mono",monospace;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.form{background:var(--panel);border:1px solid var(--line);padding:30px}.field{margin-bottom:18px}.field label{display:block;margin-bottom:7px;font-weight:600}.field input,.field textarea,.field select{width:100%;min-height:48px;padding:12px;border:1px solid #495158;background:#101316;color:var(--warm);font:16px inherit}.field textarea{min-height:130px}.details{display:grid;gap:18px}.detail{border-left:3px solid var(--red);padding-left:18px}.detail p{margin:3px 0;color:#b7bdc1}.process{counter-reset:step}.process .card{counter-increment:step}.process .card:before{content:"0" counter(step);font:12px "IBM Plex Mono",monospace;color:var(--red)}footer{position:relative;padding:42px 0;border-top:1px solid var(--line);color:var(--steel)}footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer a{min-height:44px;display:inline-flex;align-items:center}.notice{margin-top:15px;color:#8be4a8;font-weight:600}@media(max-width:820px){.menu{display:flex}.links{display:none;position:absolute;left:20px;right:20px;top:70px;background:#171b1f;border:1px solid var(--line);padding:10px;flex-direction:column;align-items:stretch}.links.open{display:flex}.hero-grid,.split,.form-grid{grid-template-columns:1fr}.hero{padding-top:60px}.image-frame{aspect-ratio:4/3}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.cards{grid-template-columns:1fr}.gallery{grid-template-columns:1fr;grid-auto-rows:260px}.gallery figure:first-child{grid-row:auto}.section-head,.band .wrap{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
