/* ==========================================================
   LIM & ANI PARTNERS SDN. BHD.
   PREMIUM CORPORATE HOMEPAGE — theme edition
   Consolidated from the approved Additional-CSS build into a
   real theme. Hero rebuilt full-screen (no side panel). No
   width-breakout hack anywhere in this file — see header.php's
   comment for why it's no longer needed.
   ========================================================== */


/* ==========================================================
   ROOT-LEVEL TOKEN FALLBACK
   The full token set lives on .lap-home-hostinger (below) for
   every normal page. But the Contact page template deliberately
   keeps the header/footer OUTSIDE that wrapper (see header.php's
   comment — protects the Contact page's sticky sidebar from a
   nested overflow:hidden conflict). Without this :root block, the
   header/footer would render with broken colors specifically on
   the Contact page, since var(--lap-navy-900) etc would have
   nothing to resolve to outside the wrapper. Harmless duplication
   everywhere else — the more specific .lap-home-hostinger values
   simply take precedence for anything inside it.
   ========================================================== */

:root {
  --lap-navy-950: #06131f;
  --lap-navy-900: #091a2a;
  --lap-gold-400: #d0ae64;
  --lap-gold-700: #87652b;
  --lap-muted: #65717c;
  --lap-border: #d8dee3;
}


/* ==========================================================
   01. DESIGN SYSTEM
   ========================================================== */

.lap-home-hostinger {
  --lap-navy-950: #06131f;
  --lap-navy-900: #091a2a;
  --lap-navy-850: #0d2135;
  --lap-navy-800: #112b44;
  --lap-navy-700: #1a3b58;

  --lap-gold-700: #87652b;
  --lap-gold-600: #a47d35;
  --lap-gold-500: #bd9444;
  --lap-gold-400: #d0ae64;
  --lap-gold-200: #ead9ad;
  --lap-gold-100: #f6eedc;

  --lap-ink: #17212b;
  --lap-text: #293744;
  --lap-muted: #65717c;
  --lap-light-muted: #aeb9c3;

  --lap-white: #ffffff;
  --lap-ivory: #faf8f3;
  --lap-warm-white: #f6f4ee;
  --lap-cool-white: #f5f7f8;

  --lap-border: #d8dee3;
  --lap-border-dark: rgba(255, 255, 255, 0.14);
  --lap-border-gold: rgba(164, 125, 53, 0.34);

  --lap-shadow-small: 0 6px 18px rgba(6, 19, 31, 0.05);
  --lap-shadow-medium: 0 16px 38px rgba(6, 19, 31, 0.08);
  --lap-shadow-large: 0 24px 60px rgba(6, 19, 31, 0.12);

  width: 100%;
  margin: 0;
  padding: 0;

  color: var(--lap-text);
  background: var(--lap-white);

  font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.72;
  letter-spacing: 0.005em;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* ==========================================================
   02. RESET AND ACCESSIBILITY
   ========================================================== */

.lap-home-hostinger,
.lap-home-hostinger * {
  box-sizing: border-box;
}

.lap-home-hostinger article,
.lap-home-hostinger aside,
.lap-home-hostinger footer,
.lap-home-hostinger main,
.lap-home-hostinger section {
  display: block;
}

.lap-home-hostinger img {
  display: block;
  max-width: 100%;
  height: auto;
}

.lap-home-hostinger p {
  margin-top: 0;
}

.lap-home-hostinger a {
  color: var(--lap-navy-700);
  text-decoration-color: rgba(26, 59, 88, 0.36);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition:
    color 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    transform 180ms ease;
}

.lap-home-hostinger a:hover {
  color: var(--lap-gold-700);
}

.lap-home-hostinger a:focus-visible,
.lap-home-hostinger button:focus-visible {
  outline: 3px solid var(--lap-gold-400);
  outline-offset: 4px;
}

/* Defensive !important here: the live site's exact setup (this
   theme active vs. the old Additional-CSS + foreign-theme setup)
   is unconfirmed, so this guards against any ancestor wrapper or
   conflicting rule silently un-centering the page, same root cause
   as prior width bugs on this project. */
.lap-home-hostinger .lap-home-container {
  width: min(1180px, calc(100% - 48px)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  float: none !important;
}

/* Centre the page shell while keeping long-form copy left aligned
   for a professional advisory-site reading experience. */
.lap-home-hostinger {
  text-align: left;
}


/* ==========================================================
   03. TYPOGRAPHY
   ========================================================== */

.lap-home-hostinger h1,
.lap-home-hostinger h2,
.lap-home-hostinger h3 {
  margin-top: 0;

  color: var(--lap-navy-900);

  font-family: "Libre Baskerville", Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.lap-home-hostinger h1 {
  max-width: 940px;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;

  font-size: clamp(40px, 5.5vw, 68px);
  line-height: 1.09;
}

.lap-home-hostinger h2 {
  max-width: 920px;
  margin-right: auto;
  margin-bottom: 26px;
  margin-left: auto;

  font-size: clamp(30px, 3.8vw, 46px);
  line-height: 1.18;
}

.lap-home-hostinger h3 {
  margin-bottom: 13px;

  font-size: 22px;
  line-height: 1.34;
}

.lap-home-hostinger .lap-home-kicker,
.lap-home-hostinger .lap-home-eyebrow,
.lap-home-hostinger .lap-home-card-label {
  margin-bottom: 14px;

  color: var(--lap-gold-700);

  font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.lap-home-hostinger .lap-home-eyebrow-light {
  color: var(--lap-gold-400);
}


/* ==========================================================
   04. GENERAL SECTIONS
   ========================================================== */

.lap-home-hostinger .lap-home-section {
  position: relative;
  padding: 100px 0;
}

.lap-home-hostinger .lap-home-section-soft {
  background: var(--lap-cool-white);
}

.lap-home-hostinger .lap-home-section-gold {
  background:
    linear-gradient(
      135deg,
      var(--lap-ivory) 0%,
      var(--lap-gold-100) 100%
    );
}

.lap-home-hostinger .lap-home-section-ivory {
  background: var(--lap-ivory);
}

/* HEADING ROW — a section heading with a "view all" link on the same
   line. Same idea as .lap-home-section-heading-dark below but for
   sections that don't need the two-column heading+description grid. */
.lap-home-hostinger .lap-home-heading-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-bottom: 44px;
  text-align: center;
}

.lap-home-hostinger .lap-home-heading-row h2 {
  margin-bottom: 0;
}

.lap-home-hostinger .lap-home-heading-row > a {
  color: var(--lap-navy-900);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}


/* ==========================================================
   05. HERO — two-column (content + market-entry panel)
   Content-driven height, not forced full-screen: this layout
   carries substantial real copy in both columns (hero copy +
   4-item checklist panel), so min-height:100vh risked either
   awkward empty space on tall viewports or cramped vertical
   centering on shorter ones. Padding-based sizing matches the
   content instead.
   ========================================================== */

.lap-home-hostinger .lap-home-hero {
  position: relative;
  padding: 132px 0 96px;
  overflow: hidden;

  color: #dce4eb;
  background:
    linear-gradient(
      118deg,
      var(--lap-navy-950) 0%,
      var(--lap-navy-900) 54%,
      var(--lap-navy-800) 100%
    );
}

/* Ambient decoration: originally sized for the two-column hero (a
   38%-wide highlight panel behind the removed crest panel). With a
   single centered content column, that hard-edged box read as an
   empty/broken element rather than texture — replaced with a much
   softer, full-width ambient glow that has no visible edge. */
.lap-home-hostinger .lap-home-hero::before {
  position: absolute;
  top: -10%;
  right: -10%;

  width: 60%;
  height: 120%;

  background:
    radial-gradient(
      ellipse at center,
      rgba(189, 148, 68, 0.1),
      rgba(189, 148, 68, 0.02) 55%,
      transparent 75%
    );

  content: "";
}

.lap-home-hostinger .lap-home-hero::after {
  position: absolute;
  right: 12%;
  bottom: 0;

  width: 1px;
  height: 55%;

  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(208, 174, 100, 0.22),
      transparent
    );

  content: "";
}

/* Single-column, centered stack — content above, checklist panel
   below. Was a side-by-side two-column grid; converted per the
   site-wide "middle oriented" redesign. */
.lap-home-hostinger .lap-home-hero-grid {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}

.lap-home-hostinger .lap-home-hero-content {
  position: relative;
  z-index: 2;
  max-width: 780px;
  margin-right: auto;
  margin-left: auto;
}

.lap-home-hostinger .lap-home-kicker {
  color: var(--lap-gold-400);
}

.lap-home-hostinger .lap-home-h1 {
  color: var(--lap-white);
  text-wrap: balance;
}

.lap-home-hostinger .lap-home-hero-heading {
  max-width: 100%;
  margin-bottom: 24px;

  color: var(--lap-white);

  font-family: "Libre Baskerville", Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5.6vw, 72px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.lap-home-hostinger .lap-home-hero-tagline {
  max-width: 100%;
  margin-bottom: 19px;

  color: var(--lap-gold-200);

  font-family: "Libre Baskerville", Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 2.4vw, 29px);
  font-weight: 400;
  line-height: 1.42;
}

.lap-home-hostinger .lap-home-hero-intro {
  max-width: 100%;
  margin-bottom: 34px;

  color: #cdd7df;

  font-size: 19px;
  line-height: 1.75;
}

.lap-home-hostinger .lap-home-hero-scroll-cue {
  position: absolute;
  left: 50%;
  bottom: 36px;
  z-index: 2;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;

  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;

  transform: translateX(-50%);
}

.lap-home-hostinger .lap-home-hero-scroll-cue-line {
  width: 1px;
  height: 34px;
  background: linear-gradient(to bottom, rgba(208, 174, 100, 0.7), transparent);
  animation: lap-home-scroll-cue-pulse 2.6s ease-in-out infinite;
}

.lap-home-hostinger .lap-home-hero-scroll-cue-label {
  font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

@keyframes lap-home-scroll-cue-pulse {
  0%, 100% { opacity: 0.35; transform: scaleY(0.7); transform-origin: top; }
  50% { opacity: 1; transform: scaleY(1); transform-origin: top; }
}

@media (prefers-reduced-motion: reduce) {
  .lap-home-hostinger .lap-home-hero-scroll-cue-line {
    animation: none;
    opacity: 0.7;
  }
}


/* ==========================================================
   06. COMPANY IDENTITY
   ========================================================== */

.lap-home-hostinger .lap-home-company-identity {
  display: grid;
  max-width: 100%;
  margin: 7px 0 33px;
  padding: 19px 22px;
  text-align: left;

  gap: 4px;

  border-top: 1px solid rgba(208, 174, 100, 0.42);
  border-right: 1px solid rgba(208, 174, 100, 0.20);
  border-bottom: 1px solid rgba(208, 174, 100, 0.42);
  border-left: 4px solid var(--lap-gold-500);
  border-radius: 2px;

  background: rgba(255, 255, 255, 0.045);
}

.lap-home-hostinger .lap-home-company-identity strong {
  color: var(--lap-white);

  font-family: "Libre Baskerville", Georgia, "Times New Roman", serif;
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.lap-home-hostinger .lap-home-company-identity span {
  color: var(--lap-gold-400);

  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.025em;
}

.lap-home-hostinger .lap-home-company-identity small {
  color: #b9c5cf;

  font-size: 12px;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.02em;
}


/* ==========================================================
   07. HERO ACTIONS
   ========================================================== */

.lap-home-hostinger .lap-home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

.lap-home-hostinger .lap-home-hero-qualifier {
  max-width: 830px;
  margin-top: 27px;
  margin-right: auto;
  margin-left: auto;
  padding: 13px 0 13px 19px;
  text-align: left;

  border-left: 2px solid var(--lap-gold-500);

  color: #b6c2cd;

  font-size: 13px;
  line-height: 1.7;
}

/* HERO PANEL — the market-entry checklist card beside the hero copy.
   Same glass-card language used by the remote-onboarding panel
   further down the page (see .lap-home-remote-panel). */
.lap-home-hostinger .lap-home-hero-panel {
  width: 100%;
  max-width: 560px;
  margin-right: auto;
  margin-left: auto;
  padding: 31px;

  border-top: 3px solid var(--lap-gold-500);
  border-right: 1px solid var(--lap-border-dark);
  border-bottom: 1px solid var(--lap-border-dark);
  border-left: 1px solid var(--lap-border-dark);
  border-radius: 2px;

  background: rgba(255, 255, 255, 0.045);
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.17);
  text-align: left;
}

.lap-home-hostinger .lap-home-panel-label {
  margin-bottom: 14px;

  color: var(--lap-gold-400);

  font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.lap-home-hostinger .lap-home-panel-item {
  display: grid;
  padding: 19px 0;

  grid-template-columns: 42px 1fr;
  align-items: start;
  gap: 14px;
  text-align: left;

  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.lap-home-hostinger .lap-home-panel-item:last-of-type {
  border-bottom: 0;
}

.lap-home-hostinger .lap-home-panel-item > span {
  display: flex;
  width: 34px;
  height: 34px;

  align-items: center;
  justify-content: center;

  border: 1px solid rgba(208, 174, 100, 0.54);
  border-radius: 1px;

  color: var(--lap-gold-400);
  background: rgba(189, 148, 68, 0.08);

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.lap-home-hostinger .lap-home-panel-item strong,
.lap-home-hostinger .lap-home-panel-item small {
  display: block;
}

.lap-home-hostinger .lap-home-panel-item strong {
  color: var(--lap-white);

  font-family: "Libre Baskerville", Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.5;
}

.lap-home-hostinger .lap-home-panel-item small {
  margin-top: 3px;

  color: #aebbc6;

  font-size: 12px;
  line-height: 1.5;
}

.lap-home-hostinger .lap-home-panel-notice {
  margin-top: 19px;
  padding-top: 16px;

  border-top: 1px solid rgba(255, 255, 255, 0.11);

  color: #9eacb8;

  font-size: 11px;
  line-height: 1.6;
  font-style: italic;
}


/* ==========================================================
   08. BUTTONS
   ========================================================== */

.lap-home-hostinger .lap-home-button {
  display: inline-flex;
  min-height: 52px;
  padding: 13px 24px;

  align-items: center;
  justify-content: center;

  border: 1px solid transparent;
  border-radius: 2px;

  font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.025em;
  text-align: center;
  text-decoration: none;
}

.lap-home-hostinger .lap-home-button:hover,
.lap-home-hostinger .lap-home-button:focus {
  transform: translateY(-2px);
}

.lap-home-hostinger .lap-home-button-gold {
  border-color: var(--lap-gold-500);

  color: var(--lap-navy-950);
  background: var(--lap-gold-500);
}

.lap-home-hostinger .lap-home-button-gold:hover,
.lap-home-hostinger .lap-home-button-gold:focus {
  border-color: var(--lap-gold-400);

  color: var(--lap-navy-950);
  background: var(--lap-gold-400);
}

.lap-home-hostinger .lap-home-button-outline {
  border-color: rgba(255, 255, 255, 0.42);

  color: var(--lap-white);
  background: transparent;
}

.lap-home-hostinger .lap-home-button-outline:hover,
.lap-home-hostinger .lap-home-button-outline:focus {
  border-color: var(--lap-gold-400);

  color: var(--lap-white);
  background: rgba(255, 255, 255, 0.07);
}

.lap-home-hostinger .lap-home-button-navy {
  margin-top: 17px;

  border-color: var(--lap-navy-900);

  color: var(--lap-white);
  background: var(--lap-navy-900);
}

.lap-home-hostinger .lap-home-button-navy:hover,
.lap-home-hostinger .lap-home-button-navy:focus {
  border-color: var(--lap-navy-700);

  color: var(--lap-white);
  background: var(--lap-navy-700);
}


/* ==========================================================
   10. TRUST BAR
   ========================================================== */

.lap-home-hostinger .lap-home-trust {
  border-bottom: 1px solid var(--lap-border);
  background: var(--lap-ivory);
}

.lap-home-hostinger .lap-home-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lap-home-hostinger .lap-home-trust-grid > div {
  position: relative;
  padding: 27px 21px;

  border-right: 1px solid var(--lap-border);

  text-align: center;
}

.lap-home-hostinger .lap-home-trust-grid > div:first-child {
  border-left: 1px solid var(--lap-border);
}

.lap-home-hostinger .lap-home-trust-grid > div::before {
  position: absolute;
  top: 0;
  left: 50%;

  width: 36px;
  height: 2px;

  background: var(--lap-gold-500);
  transform: translateX(-50%);

  content: "";
}

.lap-home-hostinger .lap-home-trust-grid strong,
.lap-home-hostinger .lap-home-trust-grid span {
  display: block;
}

.lap-home-hostinger .lap-home-trust-grid strong {
  color: var(--lap-navy-900);

  font-family: "Libre Baskerville", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.45;
}

.lap-home-hostinger .lap-home-trust-grid span {
  margin-top: 4px;

  color: var(--lap-muted);

  font-size: 12px;
  line-height: 1.55;
}


/* ==========================================================
   11. INTRODUCTION
   ========================================================== */

.lap-home-hostinger .lap-home-intro-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  max-width: 780px;
  margin-right: auto;
  margin-left: auto;
}

.lap-home-hostinger .lap-home-intro-copy {
  padding-top: 28px;
  text-align: left;
  border-top: 1px solid var(--lap-border-gold);
}

.lap-home-hostinger .lap-home-intro-copy p {
  color: var(--lap-muted);
}

.lap-home-hostinger .lap-home-inline-link {
  display: inline-flex;
  margin-top: 9px;

  align-items: center;
  gap: 10px;

  color: var(--lap-navy-900);

  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.015em;
  text-decoration: none;
}

.lap-home-hostinger .lap-home-inline-link:hover {
  color: var(--lap-gold-700);
}

.lap-home-hostinger .lap-home-inline-link-gold {
  color: var(--lap-gold-400);
}


/* ==========================================================
   12. SERVICE CARDS
   ========================================================== */

.lap-home-hostinger .lap-home-service-grid {
  display: grid;
  /* auto-fit + capped width: this pulls from the Services custom
     post type, which may have fewer than 3 entries (especially
     early on) — a fixed 3-column grid would leave 1/3 or 2/3 of
     the row blank in that case, same root cause as the Locations
     grid fix below. */
  grid-template-columns: repeat(auto-fit, minmax(300px, 380px));
  gap: 22px;
}

.lap-home-hostinger .lap-home-service-card {
  display: flex;
  min-height: 350px;
  padding: 31px;

  flex-direction: column;

  border-top: 3px solid var(--lap-navy-900);
  border-right: 1px solid var(--lap-border);
  border-bottom: 1px solid var(--lap-border);
  border-left: 1px solid var(--lap-border);
  border-radius: 2px;

  background: var(--lap-white);
  box-shadow: var(--lap-shadow-small);

  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.lap-home-hostinger .lap-home-service-card:hover {
  border-top-color: var(--lap-gold-500);
  box-shadow: var(--lap-shadow-medium);
  transform: translateY(-3px);
}

.lap-home-hostinger .lap-home-service-number {
  display: block;
  margin-bottom: 26px;

  color: var(--lap-gold-700);

  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.lap-home-hostinger .lap-home-service-card p {
  margin-bottom: 25px;

  color: var(--lap-muted);
}

.lap-home-hostinger .lap-home-service-card a {
  margin-top: auto;

  color: var(--lap-navy-900);

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.015em;
  text-decoration: none;
}

.lap-home-hostinger .lap-home-service-card a span {
  margin-left: 7px;
  color: var(--lap-gold-700);
}


/* ==========================================================
   13. SECTION HEADINGS
   ========================================================== */

.lap-home-hostinger .lap-home-section-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 780px;
  margin-right: auto;
  margin-bottom: 44px;
  margin-left: auto;
}

.lap-home-hostinger .lap-home-section-heading h2 {
  margin-bottom: 0;
}

.lap-home-hostinger .lap-home-section-heading > p {
  margin-bottom: 0;
  color: #bbc7d1;
}

.lap-home-hostinger .lap-home-section-heading-dark > a {
  justify-self: end;

  color: var(--lap-navy-900);

  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}


/* ==========================================================
   14. FASTTRACK SECTION
   ========================================================== */

.lap-home-hostinger .lap-home-fasttrack {
  color: #d4dee6;
  background:
    linear-gradient(
      125deg,
      var(--lap-navy-950),
      var(--lap-navy-900) 62%,
      var(--lap-navy-850)
    );
}

.lap-home-hostinger .lap-home-fasttrack h2 {
  color: var(--lap-white);
}

.lap-home-hostinger .lap-home-package-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 20px;
}

.lap-home-hostinger .lap-home-package {
  display: flex;
  position: relative;
  min-height: 610px;
  padding: 33px;

  flex-direction: column;

  border-top: 3px solid rgba(208, 174, 100, 0.48);
  border-right: 1px solid var(--lap-border-dark);
  border-bottom: 1px solid var(--lap-border-dark);
  border-left: 1px solid var(--lap-border-dark);
  border-radius: 2px;

  background: rgba(255, 255, 255, 0.035);
}

.lap-home-hostinger .lap-home-package-featured {
  border-top-color: var(--lap-gold-400);
  border-right-color: rgba(208, 174, 100, 0.46);
  border-bottom-color: rgba(208, 174, 100, 0.46);
  border-left-color: rgba(208, 174, 100, 0.46);

  background:
    linear-gradient(
      160deg,
      rgba(189, 148, 68, 0.14),
      rgba(255, 255, 255, 0.035)
    );

  box-shadow: 0 25px 55px rgba(0, 0, 0, 0.18);
  transform: translateY(-8px);
}

.lap-home-hostinger .lap-home-package-badge {
  position: absolute;
  top: -14px;
  left: 25px;

  padding: 6px 13px;

  border: 1px solid var(--lap-gold-400);
  border-radius: 1px;

  color: var(--lap-navy-950);
  background: var(--lap-gold-400);

  font-size: 9px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.12em;
}

.lap-home-hostinger .lap-home-package-name {
  margin-bottom: 13px;

  color: var(--lap-gold-400);

  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.lap-home-hostinger .lap-home-package-price {
  margin-bottom: 11px;

  color: var(--lap-white);

  font-family: "Libre Baskerville", Georgia, "Times New Roman", serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.lap-home-hostinger .lap-home-package-direction {
  min-height: 80px;

  color: #bdc9d3;

  font-size: 14px;
  line-height: 1.65;
}

.lap-home-hostinger .lap-home-package ul {
  margin: 12px 0 28px;
  padding: 0;
  list-style: none;
}

.lap-home-hostinger .lap-home-package li {
  position: relative;
  padding: 11px 0 11px 22px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.09);

  color: #d0dae2;

  font-size: 13px;
  line-height: 1.55;
}

.lap-home-hostinger .lap-home-package li::before {
  position: absolute;
  top: 11px;
  left: 0;

  color: var(--lap-gold-400);

  content: "✓";
  font-weight: 700;
}

.lap-home-hostinger .lap-home-package-link {
  margin-top: auto;

  color: var(--lap-gold-400);

  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.lap-home-hostinger .lap-home-package-note {
  max-width: 1040px;
  margin: 31px auto 0;

  color: #9eacb8;

  font-size: 12px;
  line-height: 1.7;
}


/* ==========================================================
   15. READINESS PANEL
   ========================================================== */

.lap-home-hostinger .lap-home-readiness {
  display: grid;
  padding: 52px;

  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 70px;

  border-top: 4px solid var(--lap-navy-900);
  border-right: 1px solid var(--lap-border);
  border-bottom: 1px solid var(--lap-border);
  border-left: 1px solid var(--lap-border);
  border-radius: 2px;

  background: var(--lap-white);
  box-shadow: var(--lap-shadow-medium);
}

.lap-home-hostinger
  .lap-home-readiness
  > div:first-child
  > p:not(.lap-home-eyebrow) {
  color: var(--lap-muted);
}

.lap-home-hostinger .lap-home-readiness-list {
  border-top: 1px solid var(--lap-border);
}

.lap-home-hostinger .lap-home-readiness-list > div {
  display: grid;
  padding: 17px 0;

  grid-template-columns: 47px 1fr;
  align-items: center;
  gap: 13px;

  border-bottom: 1px solid var(--lap-border);
}

.lap-home-hostinger .lap-home-readiness-list span {
  display: flex;
  width: 34px;
  height: 34px;

  align-items: center;
  justify-content: center;

  border: 1px solid var(--lap-border-gold);
  border-radius: 1px;

  color: var(--lap-gold-700);
  background: var(--lap-gold-100);

  font-size: 10px;
  font-weight: 700;
}

.lap-home-hostinger .lap-home-readiness-list p {
  margin: 0;

  color: var(--lap-text);

  font-size: 14px;
  font-weight: 500;
}


/* ==========================================================
   16. PROCESS
   ========================================================== */

.lap-home-hostinger .lap-home-process {
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
  border-top: 1px solid var(--lap-border);
}

.lap-home-hostinger .lap-home-process-item {
  display: grid;
  padding: 31px 0;

  grid-template-columns: 80px 1fr;
  gap: 27px;
  text-align: left;

  border-bottom: 1px solid var(--lap-border);
}

.lap-home-hostinger .lap-home-process-item > span {
  display: flex;
  width: 58px;
  height: 58px;

  align-items: center;
  justify-content: center;

  border: 1px solid var(--lap-navy-800);
  border-radius: 1px;

  color: var(--lap-gold-400);
  background: var(--lap-navy-900);

  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.lap-home-hostinger .lap-home-process-item h3 {
  margin-bottom: 6px;
}

.lap-home-hostinger .lap-home-process-item p {
  max-width: 910px;
  margin-bottom: 0;

  color: var(--lap-muted);
}


/* ==========================================================
   17. SECTORS
   ========================================================== */

.lap-home-hostinger .lap-home-sector-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.lap-home-hostinger .lap-home-sector-grid > a {
  display: block;
  min-height: 265px;
  padding: 30px;

  border-top: 2px solid var(--lap-gold-500);
  border-right: 1px solid var(--lap-border);
  border-bottom: 1px solid var(--lap-border);
  border-left: 1px solid var(--lap-border);
  border-radius: 2px;

  color: var(--lap-text);
  background: var(--lap-white);

  text-decoration: none;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.lap-home-hostinger .lap-home-sector-grid > a:hover,
.lap-home-hostinger .lap-home-sector-grid > a:focus {
  border-top-color: var(--lap-navy-900);

  color: var(--lap-text);
  box-shadow: var(--lap-shadow-medium);
  transform: translateY(-3px);
}

.lap-home-hostinger .lap-home-sector-grid > a > span {
  display: block;
  margin-bottom: 27px;

  color: var(--lap-gold-700);

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.lap-home-hostinger .lap-home-sector-grid p {
  margin-bottom: 0;
  color: var(--lap-muted);
}


/* ==========================================================
   18. REMOTE SETUP
   ========================================================== */

.lap-home-hostinger .lap-home-remote {
  color: #d3dde5;
  background:
    linear-gradient(
      125deg,
      var(--lap-navy-900),
      var(--lap-navy-800)
    );
}

.lap-home-hostinger .lap-home-remote h2 {
  color: var(--lap-white);
}

.lap-home-hostinger .lap-home-remote-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 44px;
}

.lap-home-hostinger .lap-home-remote-grid > div:first-child {
  max-width: 680px;
}

.lap-home-hostinger .lap-home-remote-countries {
  padding: 32px;

  border-top: 3px solid var(--lap-gold-500);
  border-right: 1px solid var(--lap-border-dark);
  border-bottom: 1px solid var(--lap-border-dark);
  border-left: 1px solid var(--lap-border-dark);
  border-radius: 2px;

  background: rgba(255, 255, 255, 0.04);
}

.lap-home-hostinger .lap-home-remote-countries > p {
  color: var(--lap-gold-400);

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.lap-home-hostinger .lap-home-remote-countries > div {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.lap-home-hostinger .lap-home-remote-countries span {
  padding: 8px 12px;

  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 1px;

  color: #d1dae2;
  background: rgba(255, 255, 255, 0.025);

  font-size: 12px;
  font-weight: 500;
}

/* REMOTE PANEL — "prepare before arrival" checklist card. Same
   glass-card treatment as .lap-home-hero-panel, but for a list of
   strong+span pairs instead of numbered items. */
.lap-home-hostinger .lap-home-remote-panel {
  width: 100%;
  max-width: 520px;
  margin-right: auto;
  margin-left: auto;
  padding: 32px;
  text-align: left;

  border-top: 3px solid var(--lap-gold-500);
  border-right: 1px solid var(--lap-border-dark);
  border-bottom: 1px solid var(--lap-border-dark);
  border-left: 1px solid var(--lap-border-dark);
  border-radius: 2px;

  background: rgba(255, 255, 255, 0.04);
}

.lap-home-hostinger .lap-home-remote-panel > p {
  margin-bottom: 14px;

  color: var(--lap-gold-400);

  font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.lap-home-hostinger .lap-home-remote-panel > div {
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.lap-home-hostinger .lap-home-remote-panel > div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.lap-home-hostinger .lap-home-remote-panel strong,
.lap-home-hostinger .lap-home-remote-panel span {
  display: block;
}

.lap-home-hostinger .lap-home-remote-panel strong {
  color: var(--lap-white);
  font-size: 14px;
  font-weight: 700;
}

.lap-home-hostinger .lap-home-remote-panel span {
  margin-top: 3px;
  color: #aebbc6;
  font-size: 12px;
  line-height: 1.5;
}


/* ==========================================================
   19. VERIFICATION AND PROOF
   ========================================================== */

.lap-home-hostinger .lap-home-proof-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 44px;
}

.lap-home-hostinger .lap-home-proof-grid > div:first-child {
  max-width: 680px;
}

.lap-home-hostinger .lap-home-proof-grid > div > p:not(.lap-home-eyebrow) {
  color: var(--lap-muted);
}

.lap-home-hostinger .lap-home-proof-actions {
  display: flex;
  margin-top: 25px;

  flex-wrap: wrap;
  justify-content: center;
  gap: 15px 27px;
}

.lap-home-hostinger .lap-home-proof-actions a {
  color: var(--lap-navy-900);

  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.lap-home-hostinger .lap-home-verification-card {
  width: 100%;
  max-width: 480px;
  margin-right: auto;
  margin-left: auto;
  padding: 34px;
  text-align: left;

  border-top: 4px solid var(--lap-gold-500);
  border-right: 1px solid var(--lap-border);
  border-bottom: 1px solid var(--lap-border);
  border-left: 1px solid var(--lap-border);
  border-radius: 2px;

  background: var(--lap-ivory);
  box-shadow: var(--lap-shadow-small);
}

.lap-home-hostinger .lap-home-verification-card h3 {
  margin-right: 0;
  margin-left: 0;
  font-size: 24px;
  text-align: left;
}

.lap-home-hostinger .lap-home-verification-card dl {
  margin: 27px 0;
}

.lap-home-hostinger .lap-home-verification-card dl > div {
  display: grid;
  padding: 13px 0;

  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 13px;

  border-bottom: 1px solid var(--lap-border);
}

.lap-home-hostinger .lap-home-verification-card dt {
  color: var(--lap-muted);
  font-size: 12px;
  text-align: left;
}

.lap-home-hostinger .lap-home-verification-card dd {
  margin: 0;

  color: var(--lap-navy-900);

  font-size: 12px;
  font-weight: 700;
  text-align: right;
}

.lap-home-hostinger .lap-home-verification-card > p:last-child {
  margin-bottom: 0;

  color: var(--lap-muted);

  font-size: 12px;
  line-height: 1.65;
}


/* ==========================================================
   OUTCOME GRID — "one coordinated foundation" 4-card set.
   Similar structure to service cards but simpler (no link, no
   number badge — just a numeral + heading + description).
   ========================================================== */

.lap-home-hostinger .lap-home-outcome-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-top: 36px;
}

.lap-home-hostinger .lap-home-outcome-card {
  padding: 28px;

  border-top: 2px solid var(--lap-gold-500);
  border-right: 1px solid var(--lap-border);
  border-bottom: 1px solid var(--lap-border);
  border-left: 1px solid var(--lap-border);
  border-radius: 2px;

  background: var(--lap-white);
}

.lap-home-hostinger .lap-home-outcome-card > span {
  display: block;
  margin-bottom: 18px;

  color: var(--lap-gold-700);

  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.lap-home-hostinger .lap-home-outcome-card h3 {
  font-size: 19px;
}

.lap-home-hostinger .lap-home-outcome-card p {
  margin-bottom: 0;
  color: var(--lap-muted);
  font-size: 14px;
}


/* ==========================================================
   20. CORPORATE VALUES
   ========================================================== */

.lap-home-hostinger .lap-home-value-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  border-top: 1px solid var(--lap-border-gold);
  border-left: 1px solid var(--lap-border-gold);
}

.lap-home-hostinger .lap-home-value-grid > div {
  min-height: 300px;
  padding: 30px;

  border-right: 1px solid var(--lap-border-gold);
  border-bottom: 1px solid var(--lap-border-gold);
}

.lap-home-hostinger .lap-home-value-grid span {
  display: block;
  margin-bottom: 32px;

  color: var(--lap-gold-700);

  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.lap-home-hostinger .lap-home-value-grid p {
  margin-bottom: 0;
  color: #655c4a;
}


/* ==========================================================
   21. LOCATIONS
   ========================================================== */

.lap-home-hostinger .lap-home-location-grid {
  display: grid;
  /* auto-fit collapses empty tracks instead of always reserving 3
     equal columns — with only one office defined, the old fixed
     repeat(3, ...) left a card at 1/3 width with two-thirds of the
     row sitting empty. The max cap (380px) keeps a lone card from
     stretching to fill the whole row instead. */
  grid-template-columns: repeat(auto-fit, minmax(300px, 380px));
  gap: 20px;
}

.lap-home-hostinger .lap-home-location-grid article {
  position: relative;
  min-height: 225px;
  padding: 31px;

  border-top: 3px solid var(--lap-navy-900);
  border-right: 1px solid var(--lap-border);
  border-bottom: 1px solid var(--lap-border);
  border-left: 1px solid var(--lap-border);
  border-radius: 2px;

  background: var(--lap-white);
  box-shadow: var(--lap-shadow-small);
}

.lap-home-hostinger .lap-home-location-grid article > p {
  margin-bottom: 25px;

  color: var(--lap-gold-700);

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.lap-home-hostinger .lap-home-location-grid article > span {
  color: var(--lap-muted);
}

.lap-home-hostinger .lap-home-location-note {
  margin: 24px 0 0;

  color: var(--lap-muted);

  font-size: 13px;
}


/* ==========================================================
   22. KNOWLEDGE HUB
   ========================================================== */

.lap-home-hostinger .lap-home-insight-grid {
  display: grid;
  /* Same fix as service-grid above — pulls from live Posts, count
     isn't guaranteed to be exactly 3. */
  grid-template-columns: repeat(auto-fit, minmax(300px, 380px));
  gap: 20px;
}

.lap-home-hostinger .lap-home-insight-grid article {
  display: flex;
  min-height: 270px;
  padding: 30px;

  flex-direction: column;

  border-top: 2px solid var(--lap-gold-500);
  border-right: 1px solid var(--lap-border);
  border-bottom: 1px solid var(--lap-border);
  border-left: 1px solid var(--lap-border);
  border-radius: 2px;

  background: var(--lap-white);
}

.lap-home-hostinger .lap-home-insight-grid article > p {
  color: var(--lap-gold-700);

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.lap-home-hostinger .lap-home-insight-grid article .lap-home-card-excerpt {
  margin: 4px 0 16px;
  color: var(--lap-muted);
  font-size: 14px;
  line-height: 1.6;
}

.lap-home-hostinger .lap-home-insight-grid article > a {
  margin-top: auto;

  color: var(--lap-navy-900);

  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}


/* ==========================================================
   23. CONTACT SECTION
   ========================================================== */

.lap-home-hostinger .lap-home-contact {
  padding: 100px 0;

  color: #d7e1e9;
  text-align: center;

  background:
    linear-gradient(
      125deg,
      var(--lap-navy-800),
      var(--lap-navy-950)
    );
}

.lap-home-hostinger .lap-home-contact h2 {
  margin-right: auto;
  margin-left: auto;
  color: var(--lap-white);
}

.lap-home-hostinger .lap-home-contact-intro {
  max-width: 810px;
  margin-right: auto;
  margin-bottom: 36px;
  margin-left: auto;

  color: #c3ced8;
}

.lap-home-hostinger .lap-home-contact-grid {
  display: grid;
  margin-bottom: 30px;

  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.lap-home-hostinger .lap-home-contact-grid a {
  display: flex;
  min-height: 112px;
  padding: 21px 15px;

  flex-direction: column;
  align-items: center;
  justify-content: center;

  border-top: 2px solid rgba(208, 174, 100, 0.48);
  border-right: 1px solid var(--lap-border-dark);
  border-bottom: 1px solid var(--lap-border-dark);
  border-left: 1px solid var(--lap-border-dark);
  border-radius: 2px;

  color: var(--lap-white);
  background: rgba(255, 255, 255, 0.035);

  text-decoration: none;
}

.lap-home-hostinger .lap-home-contact-grid a:hover {
  border-top-color: var(--lap-gold-400);
  color: var(--lap-white);
  background: rgba(255, 255, 255, 0.065);
}

.lap-home-hostinger .lap-home-contact-grid small {
  margin-bottom: 7px;

  color: var(--lap-gold-400);

  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.lap-home-hostinger .lap-home-contact-grid strong {
  overflow-wrap: anywhere;

  color: var(--lap-white);

  font-size: 15px;
  font-weight: 600;
}


/* ==========================================================
   24. DISCLAIMER
   ========================================================== */

.lap-home-hostinger .lap-home-disclaimer {
  padding: 42px 0;

  border-top: 1px solid var(--lap-border);

  color: #727e89;
  background: var(--lap-warm-white);

  font-size: 13px;
  line-height: 1.75;
}

.lap-home-hostinger .lap-home-disclaimer p {
  max-width: 780px;
  margin-right: auto;
  margin-bottom: 12px;
  margin-left: auto;
}

.lap-home-hostinger .lap-home-disclaimer p:last-child {
  margin-bottom: 0;
}

.lap-home-hostinger .lap-home-disclaimer strong {
  color: var(--lap-navy-900);
}


/* ==========================================================
   25. TABLET
   ========================================================== */

@media (max-width: 1020px) {
  .lap-home-hostinger .lap-home-intro-grid,
  .lap-home-hostinger .lap-home-readiness,
  .lap-home-hostinger .lap-home-remote-grid,
  .lap-home-hostinger .lap-home-proof-grid,
  .lap-home-hostinger .lap-home-hero-grid {
    grid-template-columns: 1fr;
  }

  .lap-home-hostinger .lap-home-hero-content {
    max-width: 100%;
  }

  .lap-home-hostinger .lap-home-hero-panel {
    max-width: 640px;
  }

  .lap-home-hostinger .lap-home-outcome-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lap-home-hostinger .lap-home-intro-copy {
    padding-top: 28px;
    padding-left: 0;

    border-top: 1px solid var(--lap-border-gold);
    border-left: 0;
  }

  .lap-home-hostinger .lap-home-service-grid,
  .lap-home-hostinger .lap-home-sector-grid,
  .lap-home-hostinger .lap-home-package-grid,
  .lap-home-hostinger .lap-home-insight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lap-home-hostinger .lap-home-package-featured {
    transform: none;
  }

  .lap-home-hostinger .lap-home-value-grid,
  .lap-home-hostinger .lap-home-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lap-home-hostinger .lap-home-location-grid {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   26. MOBILE
   ========================================================== */

@media (max-width: 700px) {
  .lap-home-hostinger {
    font-size: 16px;
    line-height: 1.68;
  }

  .lap-home-hostinger .lap-home-container {
    width: min(100% - 30px, 1180px);
  }

  .lap-home-hostinger h1,
  .lap-home-hostinger .lap-home-h1,
  .lap-home-hostinger .lap-home-hero-heading {
    font-size: clamp(36px, 10.8vw, 50px);
    line-height: 1.1;
  }

  .lap-home-hostinger h2 {
    font-size: clamp(28px, 8.5vw, 39px);
  }

  /* Extra top clearance for the mobile menu bar, since the hero is
     now full-screen and sits directly under the header. */
  .lap-home-hostinger .lap-home-hero {
    padding: 120px 0 72px;
  }

  .lap-home-hostinger .lap-home-hero::before,
  .lap-home-hostinger .lap-home-hero::after {
    display: none;
  }

  .lap-home-hostinger .lap-home-hero-scroll-cue {
    display: none; /* the gesture is implicit on touch devices */
  }

  .lap-home-hostinger .lap-home-hero-tagline {
    font-size: 20px;
  }

  .lap-home-hostinger .lap-home-hero-intro {
    font-size: 17px;
  }

  .lap-home-hostinger .lap-home-company-identity {
    width: 100%;
    padding: 17px 18px;
  }

  .lap-home-hostinger .lap-home-hero-actions {
    flex-direction: column;
  }

  .lap-home-hostinger .lap-home-button {
    width: 100%;
  }

  .lap-home-hostinger .lap-home-section,
  .lap-home-hostinger .lap-home-contact {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .lap-home-hostinger .lap-home-trust-grid,
  .lap-home-hostinger .lap-home-service-grid,
  .lap-home-hostinger .lap-home-sector-grid,
  .lap-home-hostinger .lap-home-package-grid,
  .lap-home-hostinger .lap-home-value-grid,
  .lap-home-hostinger .lap-home-insight-grid,
  .lap-home-hostinger .lap-home-contact-grid,
  .lap-home-hostinger .lap-home-outcome-grid {
    grid-template-columns: 1fr;
  }

  .lap-home-hostinger .lap-home-heading-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .lap-home-hostinger .lap-home-trust-grid > div,
  .lap-home-hostinger .lap-home-trust-grid > div:first-child {
    border-right: 1px solid var(--lap-border);
    border-bottom: 1px solid var(--lap-border);
    border-left: 1px solid var(--lap-border);
  }

  .lap-home-hostinger .lap-home-section-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .lap-home-hostinger .lap-home-section-heading-dark > a {
    justify-self: start;
  }

  .lap-home-hostinger .lap-home-service-card,
  .lap-home-hostinger .lap-home-sector-grid > a,
  .lap-home-hostinger .lap-home-insight-grid article {
    min-height: 0;
  }

  .lap-home-hostinger .lap-home-package {
    min-height: 0;
  }

  .lap-home-hostinger .lap-home-package-direction {
    min-height: 0;
  }

  .lap-home-hostinger .lap-home-readiness {
    padding: 29px 23px;
    gap: 38px;
  }

  .lap-home-hostinger .lap-home-process-item {
    grid-template-columns: 53px 1fr;
    gap: 17px;
  }

  .lap-home-hostinger .lap-home-process-item > span {
    width: 46px;
    height: 46px;
  }

  .lap-home-hostinger .lap-home-verification-card {
    padding: 27px 23px;
  }

  .lap-home-hostinger .lap-home-verification-card dl > div {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .lap-home-hostinger .lap-home-verification-card dd {
    text-align: left;
  }

  .lap-home-hostinger .lap-home-proof-actions {
    flex-direction: column;
  }
}

/* ==========================================================
   32. GLOBAL INSTITUTIONAL FOOTER — v1.3
   Shared across every page for a consistent corporate identity.
   ========================================================== */
.lap-home-site-footer {
  position: relative;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.72);
  border-top: 3px solid var(--lap-gold-500, #bd9444);
  background:
    radial-gradient(circle at 86% 8%, rgba(189, 148, 68, 0.13), transparent 28%),
    #061727;
}

.lap-home-site-footer::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: 0.25;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 72px 72px;
}

.lap-home-footer-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.7fr) minmax(260px, 0.8fr);
  gap: clamp(42px, 6vw, 96px);
  padding-top: clamp(64px, 7vw, 98px);
  padding-bottom: clamp(56px, 6vw, 82px);
}

.lap-home-footer-brand {
  max-width: 590px;
}

.lap-home-footer-brand .custom-logo {
  width: auto;
  max-width: 190px;
  max-height: 58px;
  object-fit: contain;
}

.lap-home-footer-name {
  color: #ffffff;
  font-family: "Libre Baskerville", Georgia, serif;
  font-size: 22px;
}

.lap-home-footer-positioning {
  max-width: 540px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 16px;
  line-height: 1.7;
}

.lap-home-footer-registration {
  margin: 25px 0 0;
  padding: 16px 0 0 18px;
  border-left: 2px solid var(--lap-gold-500, #bd9444);
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  line-height: 1.65;
}

.lap-home-footer-registration strong {
  color: #ffffff;
  font-size: 14px;
}

.lap-home-footer-heading {
  margin: 0 0 22px;
  color: #dfc47f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.lap-home-footer-links {
  display: grid;
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lap-home-footer-links a,
.lap-home-footer-contact>a:not(.lap-home-footer-appointment) {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none !important;
}

.lap-home-footer-links a:hover,
.lap-home-footer-contact>a:not(.lap-home-footer-appointment):hover {
  color: #dfc47f !important;
}

.lap-home-footer-contact {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 13px;
}

.lap-home-footer-contact .lap-home-footer-heading {
  margin-bottom: 9px;
}

.lap-home-footer-appointment {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 13px;
  padding: 0 20px;
  color: #071a2c !important;
  background: linear-gradient(135deg, #ead29d, #bd9444);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
}

.lap-home-footer-bottom {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.12);
}

.lap-home-footer-bottom-inner {
  min-height: 78px;
}

@media (max-width: 900px) {
  .lap-home-footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .lap-home-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .lap-home-footer-grid {
    grid-template-columns: 1fr;
  }

  .lap-home-footer-brand {
    grid-column: auto;
  }

  .lap-home-footer-bottom-inner {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}


/* ==========================================================
   27. SMALL MOBILE
   ========================================================== */

@media (max-width: 420px) {
  .lap-home-hostinger .lap-home-container {
    width: min(100% - 24px, 1180px);
  }

  .lap-home-hostinger .lap-home-service-card,
  .lap-home-hostinger .lap-home-package,
  .lap-home-hostinger .lap-home-sector-grid > a,
  .lap-home-hostinger .lap-home-location-grid article,
  .lap-home-hostinger .lap-home-insight-grid article {
    padding-right: 22px;
    padding-left: 22px;
  }

  .lap-home-hostinger .lap-home-contact-grid strong {
    font-size: 14px;
  }
}


/* ==========================================================
   28. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
  .lap-home-hostinger *,
  .lap-home-hostinger *::before,
  .lap-home-hostinger *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* ==========================================================
   29. PRINT
   ========================================================== */

@media print {
  .lap-home-hostinger {
    color: #000000;
    background: #ffffff;
  }

  .lap-home-hostinger .lap-home-hero,
  .lap-home-hostinger .lap-home-fasttrack,
  .lap-home-hostinger .lap-home-remote,
  .lap-home-hostinger .lap-home-contact {
    color: #000000;
    background: #ffffff;
  }

  .lap-home-hostinger .lap-home-hero h1,
  .lap-home-hostinger .lap-home-fasttrack h2,
  .lap-home-hostinger .lap-home-remote h2,
  .lap-home-hostinger .lap-home-contact h2 {
    color: #000000;
  }

  .lap-home-hostinger .lap-home-button {
    border: 1px solid #000000;
    color: #000000;
    background: #ffffff;
  }
}


/* ==========================================================
   30. SITE CHROME
   Header/nav shell, footer shell, and generic page/post
   templates (blog, services archive, 404, search, comments).
   These didn't exist in the original homepage-only CSS — added
   here so the whole site (not just the homepage) uses one
   consistent design system instead of two.
   ========================================================== */

/* Unscoped (not .lap-home-hostinger .lap-home-skip-link): the
   skip-link is deliberately printed in header.php BEFORE the
   wrapper div opens, on every page — it should be the very first
   focusable element in <body>, ahead of any wrapper. A scoped rule
   here would never actually match. */
.lap-home-skip-link {
  position: absolute;
  top: -100px;
  left: 10px;
  z-index: 100000;
  padding: 12px 20px;
  border-radius: 2px;
  color: #fff;
  background: var(--lap-navy-900);
  text-decoration: none;
  transition: top 0.2s ease;
}

.lap-home-skip-link:focus {
  top: 10px;
}

/* Same reasoning as the :root token fallback above: footer.php uses
   .lap-home-container for width/centering, but on the Contact page
   the footer renders OUTSIDE .lap-home-hostinger (see header.php's
   comment). Without this unscoped duplicate, the footer would lose
   its width constraint specifically on that one page. The scoped
   version above still wins by specificity everywhere else. */
.lap-home-container {
  width: min(1180px, calc(100% - 48px)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  float: none !important;
}

/* HEADER */

.site-header {
  border-bottom: 1px solid var(--lap-border, #d8dee3);
  background: #ffffff;
}

.lap-home-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(1180px, calc(100% - 48px)) !important;
  min-height: 84px;
  margin: 0 auto !important;
  float: none !important;
}

.lap-home-branding img {
  max-height: 42px;
  width: auto;
}

.lap-home-site-title {
  color: var(--lap-navy-900);
  font-family: "Libre Baskerville", Georgia, "Times New Roman", serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
}

.lap-home-menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lap-border, #d8dee3);
  border-radius: 2px;
  background: transparent;
  cursor: pointer;
}

.lap-home-menu-toggle-bar {
  width: 18px;
  height: 2px;
  background: var(--lap-navy-900);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.main-navigation.lap-nav-open .lap-home-menu-toggle-bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.main-navigation.lap-nav-open .lap-home-menu-toggle-bar:nth-child(2) {
  opacity: 0;
}

.main-navigation.lap-nav-open .lap-home-menu-toggle-bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 900px) {
  .lap-home-menu-toggle {
    display: inline-flex;
  }
}

/* FOOTER */

.lap-home-site-footer {
  color: rgba(255, 255, 255, 0.75);
  background: var(--lap-navy-950);
}

.lap-home-footer-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 40px;
  padding: 64px 0 40px;
}

.lap-home-footer-brand strong {
  color: #fff;
  font-family: "Libre Baskerville", Georgia, serif;
  font-size: 18px;
}

.lap-home-footer-brand p {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  line-height: 1.7;
}

.lap-home-footer-widget-title {
  margin-bottom: 14px;
  color: var(--lap-gold-400);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.lap-home-footer-widget a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  text-decoration: none;
}

.lap-home-footer-widget a:hover {
  color: var(--lap-gold-400);
}

.lap-home-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.lap-home-footer-bottom-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}

.lap-home-copyright {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px;
}

.lap-home-legal-menu {
  display: flex;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lap-home-legal-menu a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px;
  text-decoration: none;
}

.lap-home-legal-menu a:hover {
  color: var(--lap-gold-400);
}

@media (max-width: 900px) {
  .lap-home-footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .lap-home-footer-grid {
    grid-template-columns: 1fr;
  }
}

/* BREADCRUMBS */

.lap-home-breadcrumbs {
  margin-bottom: 24px;
  color: var(--lap-muted);
  font-size: 12px;
}

.lap-home-breadcrumbs a {
  color: var(--lap-muted);
  text-decoration: none;
}

.lap-home-breadcrumbs a:hover {
  color: var(--lap-gold-700);
}

/* GENERIC PAGE / POST TEMPLATES */

.lap-home-page-narrow {
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
}

.lap-home-page-header {
  margin-bottom: 28px;
}

.lap-home-page-thumbnail {
  margin-bottom: 32px;
  border-radius: 2px;
  overflow: hidden;
}

.lap-home-post-meta {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--lap-muted);
  font-size: 13px;
  margin-bottom: 20px;
}

.lap-home-entry-content > * + * {
  margin-top: 1.2em;
}

.lap-home-entry-content img {
  border-radius: 2px;
}

/* Universal internal-page shell. Page-builder/custom HTML sections may use
   the full viewport, while ordinary Gutenberg prose remains comfortably
   readable. This mirrors the reliable structure used by FastTrack. */
.lap-home-page-main {
  overflow: hidden;
}

/* A page canvas is a self-contained premium landing page. Its own hero owns
   the top spacing and H1, so WordPress must not add a second padded shell. */
.lap-home-page-main-canvas {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.lap-home-page-fluid,
.lap-home-entry-fluid {
  width: 100%;
  max-width: none;
}

.lap-home-page-chrome,
.lap-home-page-media {
  max-width: var(--lap-reading-max) !important;
}

.lap-home-entry-fluid > :where(
  p,
  h2,
  h3,
  h4,
  h5,
  h6,
  ul,
  ol,
  blockquote,
  pre,
  table,
  figure:not(.alignwide):not(.alignfull),
  .wp-block-buttons,
  .wp-block-columns:not(.alignwide):not(.alignfull),
  .wp-block-separator,
  .lap-home-page-links
) {
  width: min(var(--lap-reading-max), calc(100% - (2 * var(--lap-shell-gutter))));
  margin-right: auto;
  margin-left: auto;
}

.lap-home-entry-fluid > .alignwide {
  width: min(var(--lap-shell-max), calc(100% - (2 * var(--lap-shell-gutter))));
  max-width: var(--lap-shell-max);
  margin-right: auto;
  margin-left: auto;
}

.lap-home-entry-fluid > .alignfull {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}

.lap-home-post-footer {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid var(--lap-border);
}

.lap-home-service-cta {
  margin-top: 32px;
}

/* ARCHIVE / SEARCH GRID (reuses insight-grid card styling) */

.lap-home-archive-grid {
  margin-top: 20px;
}

.lap-home-pagination {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 40px;
}

.lap-home-pagination .page-numbers {
  display: inline-flex;
  min-width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lap-border);
  border-radius: 2px;
  color: var(--lap-navy-900);
  text-decoration: none;
  font-size: 13px;
}

.lap-home-pagination .page-numbers.current,
.lap-home-pagination .page-numbers:hover {
  color: #fff;
  background: var(--lap-navy-900);
  border-color: var(--lap-navy-900);
}

/* ==========================================================
   PREMIUM BLOG INDEX + ARCHIVE SIDEBAR — v1.4.4
   ========================================================== */

.lap-blog-page {
  width: 100%;
  background: var(--lap-white);
}

.lap-blog-masthead {
  position: relative;
  padding: clamp(74px, 8vw, 112px) 0;
  overflow: hidden;
  color: var(--lap-white);
  background:
    radial-gradient(circle at 84% 14%, rgba(208, 174, 100, 0.2), transparent 30%),
    linear-gradient(135deg, var(--lap-navy-950), var(--lap-navy-800));
}

.lap-blog-masthead::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--lap-gold-500), transparent);
  content: "";
}

.lap-blog-masthead h1 {
  max-width: 980px;
  margin: 0 0 24px;
  color: var(--lap-white);
  font-size: clamp(40px, 5.4vw, 66px);
  line-height: 1.1;
}

.lap-blog-masthead-copy {
  max-width: 780px;
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(17px, 1.7vw, 20px);
  line-height: 1.72;
}

.lap-blog-content-section {
  padding: clamp(64px, 7vw, 96px) 0;
}

.lap-blog-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
  gap: clamp(34px, 4vw, 64px);
  align-items: start;
}

.lap-blog-results {
  min-width: 0;
}

.lap-blog-results-heading {
  max-width: 820px;
  margin-bottom: 34px;
}

.lap-blog-results-heading h2 {
  margin: 0;
  font-size: clamp(30px, 3.6vw, 44px);
}

.lap-blog-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.lap-blog-sidebar {
  position: sticky;
  top: 118px;
  display: grid;
  gap: 18px;
}

.lap-blog-sidebar-card {
  padding: 26px;
  border: 1px solid var(--lap-border);
  border-top: 2px solid var(--lap-gold-500);
  border-radius: 2px;
  background: linear-gradient(145deg, var(--lap-white), var(--lap-ivory));
  box-shadow: var(--lap-shadow-small);
}

.lap-blog-sidebar-card h2,
.lap-blog-sidebar-card h3 {
  margin: 0 0 12px;
  color: var(--lap-navy-900);
}

.lap-blog-sidebar-card h2 {
  font-size: 25px;
}

.lap-blog-sidebar-card h3 {
  font-size: 19px;
}

.lap-blog-sidebar-card > p:last-child {
  margin-bottom: 0;
  color: var(--lap-muted);
  font-size: 14px;
  line-height: 1.6;
}

.lap-blog-sidebar-kicker {
  margin: 0 0 8px;
  color: var(--lap-gold-700);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.lap-blog-filter-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lap-blog-filter-list li {
  margin: 0;
  border-bottom: 1px solid rgba(9, 26, 42, 0.09);
}

.lap-blog-filter-list li:last-child {
  border-bottom: 0;
}

.lap-blog-filter-list a {
  display: flex;
  min-height: 43px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 0;
  color: var(--lap-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
}

.lap-blog-filter-list a:hover,
.lap-blog-filter-list .is-current > a {
  color: var(--lap-gold-700);
}

.lap-blog-filter-list small {
  display: inline-flex;
  min-width: 28px;
  height: 24px;
  align-items: center;
  justify-content: center;
  color: var(--lap-muted);
  border: 1px solid var(--lap-border);
  border-radius: 999px;
  font-size: 11px;
}

.lap-blog-month-list {
  max-height: 420px;
  padding-right: 8px;
  overflow-y: auto;
  scrollbar-color: var(--lap-gold-500) var(--lap-cool-white);
  scrollbar-width: thin;
}

.lap-blog-sidebar-cta {
  color: var(--lap-white);
  border-color: var(--lap-border-gold);
  background: var(--lap-navy-900);
}

.lap-blog-sidebar-cta h3,
.lap-blog-sidebar-cta > p:last-of-type {
  color: var(--lap-white);
}

.lap-blog-sidebar-cta .lap-home-button {
  width: 100%;
  margin-top: 12px;
}

.lap-blog-archive-page .lap-home-section-heading h1 {
  max-width: 820px;
  margin-left: 0;
}

@media (max-width: 1050px) {
  .lap-blog-layout {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 290px);
    gap: 30px;
  }

  .lap-blog-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px) {
  .lap-blog-layout {
    grid-template-columns: 1fr;
  }

  .lap-blog-sidebar {
    position: static;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
}

@media (max-width: 600px) {
  .lap-blog-masthead h1 {
    font-size: clamp(34px, 10vw, 44px);
  }

  .lap-blog-sidebar-card {
    padding: 23px;
  }
}

/* SEARCH FORM */

.lap-home-search-form {
  display: flex;
  max-width: 420px;
  margin-top: 20px;
  border: 1px solid var(--lap-border);
  border-radius: 2px;
  overflow: hidden;
}

.lap-home-search-field {
  flex: 1;
  padding: 12px 18px;
  border: 0;
  font-size: 14px;
}

.lap-home-search-field:focus {
  outline: none;
}

.lap-home-search-submit {
  padding: 0 20px;
  border: 0;
  background: var(--lap-navy-900);
  color: #fff;
  cursor: pointer;
}

/* EMPTY STATE / 404 */

.lap-home-empty-state,
.lap-home-404 {
  padding: 40px 0;
}

/* COMMENTS */

.lap-home-comments {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid var(--lap-border);
}

.lap-home-comment-list {
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}

.lap-home-comment-list .comment-body {
  padding: 18px 0;
  border-bottom: 1px solid var(--lap-border);
}

.lap-home-comments-title {
  margin-bottom: 24px;
}

.lap-home-comments-closed {
  color: var(--lap-muted);
  font-size: 14px;
}

.lap-home-archive-description {
  max-width: 700px;
  margin-top: 12px;
  color: var(--lap-muted);
}

.lap-home-page-links {
  margin-top: 32px;
  font-size: 14px;
  color: var(--lap-muted);
}


/* ==========================================================
   31. CENTRED CORPORATE LAYOUT CORRECTION — v1.2
   "Centred" means a centred page shell, not centred body copy.
   This layer corrects the narrow stacked layout while preserving
   full-width section backgrounds and the approved navy/gold style.
   ========================================================== */

:root {
  --lap-shell-max: 1520px;
  --lap-reading-max: 920px;
  --lap-shell-gutter: clamp(20px, 4vw, 68px);
}

html,
body {
  width: 100%;
  min-width: 320px;
  margin: 0;
  padding: 0;
  overflow-x: clip;
}

.lap-home-hostinger {
  width: 100%;
  max-width: none;
  margin: 0;
  text-align: left;
}

#lap-home-content,
.site-header,
.lap-home-site-footer {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}

.lap-home-container,
.lap-home-hostinger .lap-home-container,
.lap-home-header-inner {
  width: min(
    var(--lap-shell-max),
    calc(100% - (2 * var(--lap-shell-gutter)))
  ) !important;
  max-width: var(--lap-shell-max);
  margin-right: auto !important;
  margin-left: auto !important;
  float: none !important;
}

/* One identical site header across every WordPress template. */
.site-header {
  position: relative;
  z-index: 10000;
  overflow: visible;
  border-top: 3px solid var(--lap-gold-500, #bd9444);
  border-bottom: 1px solid rgba(9, 26, 42, 0.12);
  background: rgba(255, 255, 255, 0.985);
  box-shadow: 0 8px 28px rgba(6, 19, 31, 0.055);
}

.lap-home-header-inner {
  min-height: 86px;
  gap: clamp(24px, 4vw, 64px);
}

.lap-home-branding {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  min-width: 0;
}

.lap-home-branding .custom-logo-link {
  display: inline-flex;
  align-items: center;
}

.lap-home-branding img,
.lap-home-branding .custom-logo {
  display: block;
  width: auto;
  max-width: min(230px, 24vw);
  max-height: 48px;
  object-fit: contain;
}

.main-navigation {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  text-align: left;
}

/* Compact, balanced above-the-fold hero. */
.lap-home-hostinger .lap-home-hero {
  padding: clamp(76px, 6.5vw, 98px) 0 clamp(72px, 6vw, 92px);
}

.lap-home-hostinger .lap-home-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
  align-items: center;
  gap: clamp(44px, 5.5vw, 88px);
}

.lap-home-hostinger .lap-home-hero-content {
  width: 100%;
  max-width: 820px;
  margin: 0;
  text-align: left;
}

.lap-home-hostinger .lap-home-h1 {
  max-width: 900px;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  font-size: clamp(42px, 4.15vw, 64px);
  line-height: 1.07;
  text-align: left;
}

.lap-home-hostinger .lap-home-company-identity {
  width: 100%;
  max-width: 820px;
}

.lap-home-hostinger .lap-home-hero-tagline,
.lap-home-hostinger .lap-home-hero-intro {
  max-width: 760px;
  text-align: left;
}

.lap-home-hostinger .lap-home-hero-actions {
  justify-content: flex-start;
}

.lap-home-hostinger .lap-home-hero-qualifier {
  max-width: 760px;
  margin-right: 0;
  margin-left: 0;
}

.lap-home-hostinger .lap-home-hero-panel {
  width: 100%;
  max-width: 510px;
  margin: 0;
  justify-self: end;
}

/* Restore professional two-column information hierarchy. */
.lap-home-hostinger .lap-home-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: start;
  gap: clamp(48px, 6vw, 92px);
  max-width: none;
  margin: 0;
}

.lap-home-hostinger .lap-home-intro-copy {
  padding-top: 0;
  padding-left: 34px;
  border-top: 0;
  border-left: 1px solid var(--lap-border-gold);
  text-align: left;
}

.lap-home-hostinger .lap-home-heading-row {
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  text-align: left;
}

.lap-home-hostinger .lap-home-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
  align-items: end;
  gap: clamp(32px, 5vw, 72px);
  max-width: none;
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}

.lap-home-hostinger .lap-home-proof-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  align-items: center;
  gap: clamp(48px, 6vw, 92px);
  text-align: left;
}

.lap-home-hostinger .lap-home-proof-grid > div:first-child {
  max-width: 720px;
}

.lap-home-hostinger .lap-home-proof-actions {
  justify-content: flex-start;
}

.lap-home-hostinger .lap-home-verification-card {
  max-width: 540px;
  margin: 0;
  justify-self: end;
}

/* Fluid grids fill the centred shell instead of leaving a blank right side. */
.lap-home-hostinger .lap-home-service-grid,
.lap-home-hostinger .lap-home-location-grid,
.lap-home-hostinger .lap-home-insight-grid {
  width: 100%;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 270px), 1fr)
  );
  justify-content: center;
}

.lap-home-hostinger .lap-home-service-card,
.lap-home-hostinger .lap-home-location-grid article,
.lap-home-hostinger .lap-home-insight-grid article,
.lap-home-hostinger .lap-home-package,
.lap-home-hostinger .lap-home-outcome-card,
.lap-home-hostinger .lap-home-value-grid > div {
  text-align: left;
}

/* Internal pages are centred in the viewport with readable left-aligned copy. */
.lap-home-page-narrow {
  width: min(100%, var(--lap-reading-max));
  max-width: var(--lap-reading-max);
  margin-right: auto;
  margin-left: auto;
}

.lap-home-page-header,
.lap-home-entry-content,
.lap-home-post-footer,
.lap-home-comments,
.lap-home-breadcrumbs,
.lap-home-site-footer {
  text-align: left;
}

@media (max-width: 1180px) {
  .lap-home-hostinger .lap-home-hero-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
    gap: 42px;
  }

  .lap-home-hostinger .lap-home-h1 {
    font-size: clamp(40px, 4.6vw, 54px);
  }

  .site-header .menu > li > a,
  .site-header .nav-menu > li > a {
    padding-right: 9px !important;
    padding-left: 9px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 900px) {
  .lap-home-hostinger .lap-home-hero-grid,
  .lap-home-hostinger .lap-home-intro-grid,
  .lap-home-hostinger .lap-home-section-heading,
  .lap-home-hostinger .lap-home-proof-grid {
    grid-template-columns: 1fr;
  }

  .lap-home-hostinger .lap-home-hero-content,
  .lap-home-hostinger .lap-home-hero-panel,
  .lap-home-hostinger .lap-home-proof-grid > div:first-child,
  .lap-home-hostinger .lap-home-verification-card {
    width: 100%;
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
    justify-self: center;
  }

  .lap-home-hostinger .lap-home-intro-copy {
    padding-top: 28px;
    padding-left: 0;
    border-top: 1px solid var(--lap-border-gold);
    border-left: 0;
  }

  .lap-home-header-inner {
    position: relative;
    min-height: 76px;
  }

  .main-navigation {
    flex: 0 0 auto;
  }

  .main-navigation .menu {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    z-index: 10001;
    max-height: calc(100vh - 96px);
    padding: 10px !important;
    overflow-y: auto !important;
    border: 1px solid rgba(9, 26, 42, 0.12);
    border-top: 2px solid var(--lap-gold-500, #bd9444);
    border-radius: 0 0 8px 8px;
    background: #ffffff;
    box-shadow: 0 22px 46px rgba(6, 19, 31, 0.16);
  }
}

@media (max-width: 700px) {
  :root {
    --lap-shell-gutter: 17px;
  }

  .lap-home-container,
  .lap-home-hostinger .lap-home-container,
  .lap-home-header-inner {
    width: calc(100% - (2 * var(--lap-shell-gutter))) !important;
  }

  .lap-home-hostinger .lap-home-hero {
    padding: 66px 0 64px;
  }

  .lap-home-hostinger .lap-home-h1 {
    font-size: clamp(36px, 10vw, 46px);
  }

  .lap-home-hostinger .lap-home-heading-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .lap-home-hostinger .lap-home-service-grid,
  .lap-home-hostinger .lap-home-location-grid,
  .lap-home-hostinger .lap-home-insight-grid {
    grid-template-columns: 1fr;
  }
}

/* v1.3 final footer cascade: placed last so legacy footer rules cannot override it. */
.lap-home-site-footer {
  position: relative;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.72);
  border-top: 3px solid var(--lap-gold-500, #bd9444);
  background: radial-gradient(circle at 86% 8%, rgba(189, 148, 68, 0.13), transparent 28%), #061727;
}
.lap-home-footer-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.7fr) minmax(260px, 0.8fr);
  gap: clamp(42px, 6vw, 96px);
  padding-top: clamp(64px, 7vw, 98px);
  padding-bottom: clamp(56px, 6vw, 82px);
}
.lap-home-footer-brand {max-width:590px}
.lap-home-footer-brand .custom-logo{width:auto;max-width:190px;max-height:58px;object-fit:contain}
.lap-home-footer-name{color:#fff;font-family:"Libre Baskerville",Georgia,serif;font-size:22px}
.lap-home-footer-positioning{max-width:540px;margin:24px 0 0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.7}
.lap-home-footer-registration{margin:25px 0 0;padding:16px 0 0 18px;border-left:2px solid var(--lap-gold-500,#bd9444);color:rgba(255,255,255,.62);font-size:12px;line-height:1.65}
.lap-home-footer-registration strong{color:#fff;font-size:14px}
.lap-home-footer-heading{margin:0 0 22px;color:#dfc47f;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.lap-home-footer-links{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.lap-home-footer-links a,.lap-home-footer-contact>a:not(.lap-home-footer-appointment){color:rgba(255,255,255,.72)!important;font-size:14px;line-height:1.5;text-decoration:none!important}
.lap-home-footer-links a:hover,.lap-home-footer-contact>a:not(.lap-home-footer-appointment):hover{color:#dfc47f!important}
.lap-home-footer-contact{display:flex;align-items:flex-start;flex-direction:column;gap:13px}
.lap-home-footer-contact .lap-home-footer-heading{margin-bottom:9px}
.lap-home-footer-appointment{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;margin-top:13px;padding:0 20px;color:#071a2c!important;background:linear-gradient(135deg,#ead29d,#bd9444);font-size:13px;font-weight:800;text-decoration:none!important}
.lap-home-footer-bottom{position:relative;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.12)}
.lap-home-footer-bottom-inner{min-height:78px}
@media(max-width:900px){.lap-home-footer-grid{grid-template-columns:1fr 1fr}.lap-home-footer-brand{grid-column:1/-1}}
@media(max-width:620px){.lap-home-footer-grid{grid-template-columns:1fr}.lap-home-footer-brand{grid-column:auto}.lap-home-footer-bottom-inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:10px;padding-top:20px;padding-bottom:20px}}