/* D1 BLUEPRINT — aerospace engineering sheet: white field, blueprint grid, crop marks, title blocks. */
:root{
  --bg:#ffffff; --fg:#0e1824; --muted:#56657a; --line:#d8e2ed; --surface:#f3f7fb;
  --accent:#1a5f94; --accent-2:#0d3b60; --signal:#f0a500; --grid:#e8eff7;
  --f-display:"Archivo",system-ui,sans-serif; --f-body:"Archivo",system-ui,sans-serif; --f-mono:"IBM Plex Mono",ui-monospace,monospace;
  --radius:4px;
}
body{font-stretch:100%}
h1,h2,h3{font-stretch:118%;font-weight:800;letter-spacing:-.01em}
.sec-head h2{font-size:clamp(2rem,4.2vw,3.3rem)}
.eyebrow::before{content:"";display:inline-block;width:18px;height:2px;background:var(--signal);vertical-align:middle;margin-right:10px}
.btn{border-radius:3px;text-transform:uppercase;letter-spacing:.06em;font-size:.86rem;font-stretch:112%}
.site-head{background:rgba(255,255,255,.94)}

.hero1{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;border-bottom:1px solid var(--line);padding-top:clamp(40px,6vw,80px)}
.hero1-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center;padding-bottom:clamp(40px,6vw,72px)}
.hero1 h1{font-size:clamp(2.6rem,6.2vw,5.4rem);line-height:.98;margin-bottom:22px;font-stretch:125%}
.hero1 h1 em{font-style:normal;color:var(--accent)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero1-media{position:relative;padding:18px;background:#fff;border:1px solid var(--line)}
.hero1-vid{aspect-ratio:16/10}
.crop{position:absolute;width:22px;height:22px;border-color:var(--accent);border-style:solid;border-width:0}
.crop.tl{top:-1px;left:-1px;border-top-width:3px;border-left-width:3px}.crop.tr{top:-1px;right:-1px;border-top-width:3px;border-right-width:3px}
.crop.bl{bottom:-1px;left:-1px;border-bottom-width:3px;border-left-width:3px}.crop.br{bottom:-1px;right:-1px;border-bottom-width:3px;border-right-width:3px}
.titleblock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 0;border:1px solid var(--fg)}
.titleblock div{padding:8px 10px;border-left:1px solid var(--fg)}.titleblock div:first-child{border-left:0}
.titleblock dt{font:500 .62rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.titleblock dd{margin:5px 0 0;font:600 .82rem/1.2 var(--f-mono)}
.hero1 .stats{border:1px solid var(--line);border-bottom:0;background:#fff}
.stats dt{font-stretch:120%}
@media (max-width:900px){.hero1-grid{grid-template-columns:1fr}.titleblock{grid-template-columns:repeat(2,minmax(0,1fr))}.titleblock div:nth-child(3){border-left:0}.titleblock div:nth-child(n+3){border-top:1px solid var(--fg)}}

.sec-systems{background:var(--surface)}
.tablist button{border-radius:3px;border-left:3px solid transparent}
.tablist button[aria-selected=true]{background:#fff;border-color:var(--line);border-left-color:var(--accent)}
.panel-media>img{border-radius:3px}

.sec-qr .qr-raw{background:#fff;border-style:dashed}
.sec-laser{background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/100% 32px,var(--surface)}
.laser-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.laser-media{display:grid;gap:12px;grid-template-columns:2fr 1fr;align-items:end}
.laser-vid{aspect-ratio:4/3;border:1px solid var(--line)}
.laser-vid2{aspect-ratio:3/4;border:1px solid var(--line)}
.laser-copy .steps{grid-template-columns:1fr 1fr}
@media (max-width:900px){.laser-grid{grid-template-columns:1fr}}

.sec-journey{border-top:1px solid var(--line)}
.addons-h{font-size:1.3rem;margin:48px 0 16px}
.j-media{border-radius:3px}

.sec-cloud{background:var(--surface)}
.cloud-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
@media (max-width:1000px){.cloud-grid{grid-template-columns:1fr}}

.products figure{border-radius:3px;background:#f1f1ef}
.mfg-cap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;margin-top:56px}
.cap-h{font-size:1.3rem;margin-bottom:14px}
.proc thead th{background:var(--fg);color:#fff}
@media (max-width:1000px){.mfg-cap{grid-template-columns:1fr}}

.sec-about{background:var(--surface)}
.about-foot{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;margin-top:36px}
.avatar{border-radius:3px}
@media (max-width:760px){.about-foot{grid-template-columns:1fr}}

.contact-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);align-items:start}
.contact-form{padding:28px;border:1px solid var(--line);background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/100% 32px,#fff}
.contact-grid .offices{grid-template-columns:1fr 1fr}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
@media (max-width:600px){.contact-grid .offices{grid-template-columns:1fr}}

.a-hero1{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;border-bottom:1px solid var(--line)}
.a-hero1 h1{font-stretch:122%}
