/* gold-bg.css v1 — companion of gold-bg.js (aktop.one homepage only)
   Paint order, bottom -> top:
     page background (body gradient)  ->  alternate band colour (::before, z -2)  ->  gold canvas (z -1)  ->  all content
   so the gold shows over the plain and the alternate bands, but always stays UNDER cards, buttons and text. */
.gold-bg-canvas {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  height: 100lvh;            /* phones: stays full height while the URL bar hides/shows (no resize jank) */
  z-index: -1;
  pointer-events: none;
  contain: strict;
}

/* alternate bands (#why, #contact) and the footer: move their solid colour into a pseudo layer under the canvas */
html body .section-alt,
html body .site-footer {
  position: relative;
  background: transparent !important;
}
html body .section-alt::before,
html body .site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: var(--bg-soft);
}

/* cards ~10% see-through: a faint glimmer passes behind them; text contrast is practically unchanged.
   (browsers without color-mix() simply keep the solid card) */
html body #service-cards .card,
html body .reasons li,
html body .proof-card,
html body #process .step-card {
  background-color: color-mix(in srgb, var(--card) 90%, transparent) !important;
}

@media print {
  .gold-bg-canvas { display: none !important; }
}