/* Only the website sales pillar loads these additions. */
@layer layout {
.website-expectation { margin: 20px 0 12px; font-size: 14px; }
.website-cost-note { max-width: 60ch; margin: 0; font-size: 14px; }
.website-offers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.website-offer { display: flex; flex-direction: column; min-width: 0; padding: 28px; background: var(--surface); border-radius: 24px; }
.website-offer h3 { min-height: 2.5em; }
.website-offer p { font-size: 15px; }
.website-offer .eyebrow { color: var(--accent-ink); font-weight: 550; }
.website-offer__scope { border-top: 1px solid var(--line); padding-top: 20px; }
.website-offer .website-offer__terms { font-size: 13px; }
.website-offer__actions { margin-top: auto; padding-top: 12px; }
.website-offer .button { width: 100%; padding-inline: 16px; }
.website-offer .text-link { font-size: 13px; }
.website-offer__detail { margin-top:20px; border-top:1px solid var(--line); }
.website-offer__detail > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; padding-top:16px; font-size:13px; }
.website-offer__detail > summary::-webkit-details-marker { display:none; }
.website-offer__detail[open] > summary .arrow-icon { transform:rotate(270deg); }
.website-offer__detail .website-offer__scope { border:0; }
.website-boundary { margin: 24px 0 0; max-width: 80ch; font-size: 14px; }
.website-existing, .website-follow-up { margin-top: 40px; border-top: 1px solid var(--line); padding-top: 28px; }
.website-existing p, .website-follow-up p { max-width: 76ch; }
.website-hero > .container, .website-offer > * { min-width: 0; }
@media (max-width: 1000px) {
  .website-offers { grid-template-columns: 1fr; }
  .website-offer h3 { min-height: 0; }
  .website-offer__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; }
  .website-offer .button { width: auto; }
}
@media (max-width: 720px) {
  .website-hero .system-visual { display: none; }
  .website-offer { padding: 24px; }
  .website-offer__actions { display: grid; }
  .website-offer .button { width: 100%; }
  .website-hero h1, .website-offer h3 { overflow-wrap: anywhere; }
}
}
/* Keep project content and hit targets ready; image hover still responds. */
.motion-ready #website-projecten .tilt-card { opacity: 1; transform: none; translate: none; transition: background 250ms ease; }