/* Only Sections 01–03 are refined; the original cover and preview shell remain intact. */
@font-face {
  font-family: "Horizon Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/inter-400.ttf") format("truetype");
}
@font-face {
  font-family: "Horizon Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/inter-600.ttf") format("truetype");
}
@font-face {
  font-family: "Horizon Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/inter-700.ttf") format("truetype");
}

.live-page, .live-page * { box-sizing: border-box; }
.live-page {
  color: #1b3541;
  font-family: "Horizon Inter", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  font-synthesis: none;
}
.live-page .container { padding: 64px 27px 74px; }
.live-page h1, .live-page h2, .live-page h3, .live-page p { margin-top: 0; }
.live-page h1, .live-page h2 {
  font-size: clamp(30px, 3.6vw, 46px);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.16;
  margin-bottom: 20px;
  max-width: 900px;
}
.live-page h3 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.45;
  margin-bottom: 12px;
}
.live-page .eyebrow {
  color: #a84c14;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.6;
  margin-bottom: 12px;
}
.live-page .intro {
  color: #465d68;
  font-size: 17px;
  line-height: 1.8;
  max-width: 610px;
  margin-bottom: 40px;
}
.live-page .service-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid #d7dfe2;
}
.live-page .service {
  padding: 28px 23px 32px;
  border-left: 1px solid #d7dfe2;
}
.live-page .service:first-child { border-left: none; }
.live-page .service p { color: #465d68; font-size: 16px; line-height: 1.8; margin-bottom: 0; }
.live-page .number { color: #a84c14; font-size: 29px; font-weight: 700; line-height: 1.3; margin-bottom: 14px; }
.live-page .paper-end { height: 40px; margin: 0 27px; background: #f6f5ed; }

.live-page .credentials { margin-left: 27px; background: #0f2e42; color: #fff; }
.live-page .credentials .container { padding: 45px 26px 42px 4px; }
.live-page .credentials .eyebrow { color: #f5bf88; }
.live-page .credentials .intro { color: #d4e2e8; }
.live-page .credential-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.live-page .credential { border-top: 2px solid #d49452; padding: 20px 14px 0; }
.live-page .credential h3 { font-size: 21px; margin-bottom: 9px; overflow-wrap: anywhere; }
.live-page .credential strong { display: block; font-size: 15px; font-weight: 600; line-height: 1.6; margin-bottom: 10px; }
.live-page .credential p { color: #d4e2e8; font-size: 14px; line-height: 1.7; margin-bottom: 0; }

.live-page .contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 64px; }
.live-page .contact h2 { font-size: 36px; }
.live-page .contact .intro { font-size: 16px; margin-bottom: 27px; }
.live-page .contact-info { border-top: 1px solid #d7dfe2; padding-top: 22px; }
.live-page .contact-info h3 { margin-bottom: 16px; }
.live-page dl { margin: 0; }
.live-page dt { font-size: 14px; font-weight: 700; line-height: 1.6; margin-top: 16px; }
.live-page dd { margin: 4px 0 0; color: #465d68; font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
.live-page a { color: inherit; text-decoration: none; }
.live-page a:hover { text-decoration: underline; }
.live-page .form { display: grid; gap: 20px; align-content: start; }
.live-page .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.live-page .field { display: grid; gap: 8px; }
.live-page .field label, .live-page .services-label { font-size: 13px; font-weight: 700; letter-spacing: 0.02em; line-height: 1.6; }
.live-page .required { color: #a84c14; }
.live-page input[type="text"], .live-page input[type="email"], .live-page input[type="tel"] {
  width: 100%;
  min-width: 0;
  padding: 14px;
  border: 1px solid #bfcdd3;
  border-radius: 0;
  font: inherit;
  font-size: 16px;
  color: #1b3541;
  background: #fbfcfc;
}
.live-page input::placeholder { color: #556873; opacity: 1; }
.live-page input:focus-visible { outline: 2px solid #a84c14; outline-offset: 2px; }
.live-page .checkbox-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.live-page .option { text-transform: uppercase; display: flex; gap: 9px; align-items: flex-start; border: 1px solid #d7dfe2; padding: 12px; font-size: 14px; line-height: 1.5; font-weight: 600; }
.live-page .option input { flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0; accent-color: #a84c14; }

@media (max-width: 1050px) {
  .live-page .service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 24px; }
  .live-page .service:nth-child(4) { border-left: none; }
  .live-page .credential-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .live-page .contact-layout { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 640px) {
  .live-page .container { padding: 40px 20px; }
  .live-page .service-grid, .live-page .credential-grid, .live-page .form-row, .live-page .checkbox-grid { grid-template-columns: 1fr; }
  .live-page .service { border-left: none; padding: 24px 0; border-bottom: 1px solid #d7dfe2; }
  .live-page .credentials { margin-left: 0; }
  .live-page .credentials .container { padding: 40px 20px; }
  .live-page .contact h2 { font-size: 30px; }
}