:root{font-family:Arial,sans-serif;color:#181a1d;background:#101214}*{box-sizing:border-box}body{margin:0;padding:25px}a{color:inherit;text-underline-offset:4px}nav{max-width:1000px;margin:0 auto 24px;display:flex;align-items:center;gap:25px;color:#ddd;font-size:14px}nav button{font:inherit;background:#e5e5e5;color:#111;border:0;padding:12px 18px;cursor:pointer}main{max-width:1000px;margin:auto;background:#f4f4f2;padding:50px 60px}header{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #aaa;padding-bottom:27px}.label{font:11px/1.6 Consolas,monospace;letter-spacing:.08em;color:#61676d}h1{font:52px Georgia,serif;margin:14px 0 10px}.focus{font-size:14px;color:#50565c;margin:0;line-height:1.7}.contact{display:flex;flex-direction:column;gap:10px;align-items:flex-end;justify-content:center;font-size:13px}.intro{font:21px/1.65 Georgia,serif;margin:28px 0}.facts,.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.facts{border-block:1px solid #aaa;padding:22px 0}.facts h2{font:18px Georgia,serif;margin:10px 0}.facts p{font-size:13px;line-height:1.7;margin:0;color:#545a60}.section-title{font:24px Georgia,serif;margin:28px 0 18px}.capabilities p{font-size:13px;line-height:1.8;margin:0;color:#545a60}.capabilities strong{color:#23272b;font-weight:600}.sample{padding:20px 0;border-bottom:1px solid #ccc;display:grid;grid-template-columns:220px 1fr;gap:5px 25px}.sample h3{font:21px/1.4 Georgia,serif;margin:7px 0}.sample p{font-size:13px;line-height:1.8;margin:0;color:#4e545a}.sample>a{grid-column:2;font-size:12px}footer{font-size:12px;line-height:1.8;color:#565c63;padding-top:20px}footer p{margin:0 0 9px}:focus-visible{outline:2px solid #777;outline-offset:4px}@media(max-width:650px){body{padding:12px}main{padding:30px 24px}nav{gap:15px;flex-wrap:wrap}header{flex-direction:column;gap:18px}.contact{align-items:flex-start}.facts,.capabilities{grid-template-columns:1fr;gap:20px}.sample{grid-template-columns:1fr;gap:14px}.sample>a{grid-column:1}h1{font-size:43px}}@media print{@page{size:A4;margin:13mm}body{padding:0;background:white}nav{display:none}main{padding:0;background:white;max-width:none}header{padding-bottom:15px}h1{font-size:33px;margin:8px 0}.intro{font-size:15px;margin:17px 0}.facts{padding:14px 0}.facts h2{font-size:16px}.section-title{font-size:19px;margin:18px 0 12px}.facts p,.capabilities p,.sample p{font-size:10.5px;line-height:1.55}.sample{padding:13px 0;grid-template-columns:180px 1fr}.sample h3{font-size:16px}.sample>a{font-size:10px}.label{font-size:9px}footer{font-size:9px;padding-top:14px}section,.sample{break-inside:avoid}a{text-decoration:none}}
/* Screen typography stays readable; the existing print composition is retained. */
@media screen {
  body { padding: clamp(12px, 3vw, 32px); }
  main { padding: clamp(24px, 5vw, 60px); }
  main, header > *, section, article, .sample > * { min-width: 0; }
  nav { flex-wrap: wrap; gap: 12px 24px; line-height: 1.6; }
  nav a, nav button { min-height: 44px; display: inline-flex; align-items: center; }
  a { overflow-wrap: anywhere; }
  .label { font-size: 12px; }
  .contact, .focus { font-size: 14px; line-height: 1.7; }
  .facts p, .capabilities p, .sample p { font-size: 15px; line-height: 1.75; }
  .sample > a { font-size: 14px; min-height: 44px; display: inline-flex; align-items: center; }
  .facts, .capabilities { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  footer { font-size: 14px; }
  h1, h2, h3 { text-wrap: pretty; }
}
@media screen and (max-width: 800px) {
  header { flex-wrap: wrap; }
  .contact { align-items: flex-start; }
  .facts, .capabilities { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .sample { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .sample > a { grid-column: 1; }
}