/* Quiet website surfaces; original app artwork and feature colours stay intact. */
body.site-page #main { background: none; }
body.site-page .hero-atmosphere { opacity: .2; }
body.site-page .hero-phone-stage::before { opacity: .2; }
body.site-page .hero-supported-apps img[src="/brands/x.svg"] { background: #141A16; border-radius: 5px; padding: 4px; }
body.site-page .native-demo-section::before { opacity: .22; }
body.site-page .site-footer.container { background: #F1EEE5; }
body.site-page .native-demo-shortcuts { flex-direction: row; flex-wrap: wrap; }
body.site-page .native-demo-copy > p.native-demo-note { font-size: 14px; line-height: 1.65; margin-bottom: 8px; padding-top: 16px; }
body.site-page .native-demo-details { margin-bottom: 20px; max-width: 54ch; }
body.site-page .native-demo-details > summary { font-size: 14px; cursor: pointer; }
body.site-page .native-demo-details .disclosure-content { font-size: 14px; }
body.site-page .native-demo-details > summary:focus-visible { outline: 2px solid var(--sl-forest); outline-offset: 4px; }
@media (max-width: 650px) {
  body.site-page .native-demo-copy > p.native-demo-note { font-size: 13px; padding-top: 8px; }
  body.site-page .native-demo-details { margin-bottom: 10px; }
  body.site-page .native-demo-details > summary { min-height: 44px; }
}

/* Follow links use existing brand artwork and load no social embeds or SDKs. */
body.site-page .site-footer .footer-follow { margin-top: 24px; }
body.site-page .site-footer .footer-follow > p { color: var(--sl-muted); font-size: 13px; margin: 7px 0 12px; }
body.site-page .site-footer .footer-follow nav { display: flex; flex-wrap: wrap; gap: 8px; }
body.site-page .site-footer .footer-follow nav a { display: inline-flex; flex: 1 1 150px; align-items: center; gap: 10px; min-height: 64px; padding: 10px 12px; border: 1px solid var(--sl-border, #d4d7cb); border-radius: 12px; color: var(--sl-forest); background: var(--sl-surface, #f7f2e9); text-decoration: none; font-size: 14px; line-height: 1.35; }
body.site-page .site-footer .footer-follow nav a:hover { border-color: var(--sl-forest); background: var(--sl-sage-wash, #e9eee4); }
body.site-page .site-footer .footer-follow nav a:focus-visible { outline: 3px solid var(--sl-forest); outline-offset: 3px; }
body.site-page .site-footer .footer-follow img { width: 22px; height: 22px; object-fit: contain; flex: 0 0 22px; }
body.site-page .site-footer .footer-follow small { display: block; color: var(--sl-muted); font-size: 11px; }
body.site-page .site-footer .follow-external { margin-left: auto; font-size: 17px; }

/* Minder ruimte tussen secties; de inhoud behoudt haar leesbaarheid. */
body.site-page .product-card .product-description { margin-top: 10px; }
body.site-page .home-learn-link { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 24px; padding-block: 20px 8px; }
body.site-page .home-learn-link p { font-size: 14px; color: var(--sl-muted); }
body.site-page .home-learn-link strong { color: var(--sl-forest); }
body.site-page .home-learn-link a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 14px; }

/* Home toont de kern; verdere uitleg blijft op verzoek bereikbaar. */
body.site-page[data-page="home"] .home-details-section { padding: 24px; scroll-margin-top: 105px; }
body.site-page[data-page="home"] .home-details-section + .home-details-section { border-top: 1px solid var(--sl-border); }
body.site-page[data-page="home"] .home-details-section > .container { width: auto; margin: 0; padding: 0; }
body.site-page[data-page="home"] .home-details-heading { margin: 0 0 22px; font-size: 23px; line-height: 1.35; }
body.site-page[data-page="home"] .home-time-preview .time-layout { align-items: center; }
body.site-page[data-page="home"] .home-time-preview .time-copy > .home-average-note { max-width: 44ch; margin-top: 18px; font-size: 14px; line-height: 1.7; }
body.site-page[data-page="home"] .home-average-note strong { color: #C8372D; white-space: nowrap; font-weight: 650; }
body.site-page[data-page="home"] .home-average-note a { font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
body.site-page[data-page="home"] .home-calculator-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-top: 14px; font-size: 15px; }
@media (max-width: 760px) {
  body.site-page[data-page="home"] .home-details-section { padding: 22px 20px; }
  body.site-page[data-page="home"] .home-time-preview .time-layout { gap: 30px; }
}

/* Laat de kern staan; aanvullende uitleg is op verzoek te openen. */
body.site-page .content-disclosure { min-width: 0; border-bottom: 1px solid var(--sl-border); color: var(--sl-forest); }
body.site-page .content-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 48px; padding-block: 12px; list-style: none; font-family: var(--body); font-size: 16px; line-height: 1.5; font-weight: 600; }
body.site-page .content-disclosure > summary::-webkit-details-marker { display: none; }
body.site-page .content-disclosure > summary::after { content: "+"; flex-shrink: 0; font-size: 22px; font-weight: 400; line-height: 1; }
body.site-page .content-disclosure[open] > summary::after { content: "−"; }
body.site-page .content-disclosure > summary:hover { color: var(--sl-ink); }
body.site-page .content-disclosure .disclosure-content { padding: 0 0 18px; font-size: 16px; line-height: 1.65; color: var(--sl-muted); overflow-wrap: anywhere; }
body.site-page .content-disclosure .disclosure-content p { margin-top: 10px; line-height: inherit; }
body.site-page .content-disclosure .disclosure-content a { color: var(--sl-forest); text-decoration: underline; text-underline-offset: 4px; }
body.site-page .content-disclosure .learn-choice-table { margin-top: 0; }
body.site-page .calculator-method { max-width: 390px; margin-top: 8px; }
body.site-page .calculator-method > summary { font-size: 14px; }
body.site-page .calculator-method .disclosure-content { font-size: 14px; }
body.site-page .time-copy .calculation-note { max-width: 42ch; font-size: 13px; line-height: 1.65; }
body.site-page[data-page="home"] .time-copy .calculation-note { font-size: 13px; line-height: 1.65; }
body.site-page .feedback-copy .website-measurements { margin-top: 16px; }
body.site-page .feedback-copy .website-measurements .disclosure-content { font-size: 14px; }
@media (min-width: 1121px) { body.site-page .header-inner nav { gap: clamp(18px, 2vw, 32px); } }
@media (max-width: 1120px) { body.site-page .header-inner > nav { display: none; } body.site-page .menu-button { display: flex; } }
body.site-page[data-page="home"] .core-features { padding-block: 24px 53px; }
body.site-page[data-page="home"] .time-section { padding-block: 52px 55px; }
body.site-page[data-page="home"] .steps-section { padding-block: 51px 46px; }
body.site-page[data-page="home"] .steps-section .section-heading { margin-bottom: 28px; }
body.site-page .maker-note { padding-block: 22px; gap: 26px; }
body.site-page[data-page="home"] .page-cta { margin-bottom: 36px; }
body.site-page .page-cta { margin-block: 30px 35px; }
body.site-page[data-page="home"] .page-cta { margin-top: 0; }
body.site-page[data-page="download"] .page-intro { padding-block: 34px 26px; }
body.site-page[data-page="download"] .product-download .beta-card { padding: 26px 28px; gap: 26px; }
body.site-page[data-page="download"] .feedback-section { padding-block: 42px 44px; }

@media (min-width: 851px) {
  body.site-page[data-page="home"] .hero.hero-showcase { column-gap: 30px; }
  body.site-page[data-page="home"] .hero-showcase-demo { justify-self: start; }
  body.site-page[data-page="home"] .hero.hero-showcase .hero-copy { align-self: center; padding-top: 0; }
}
@media (min-width: 1151px) {
  body.site-page[data-page="home"] .hero.hero-showcase { column-gap: clamp(32px, 4vw, 76px); }
  body.site-page[data-page="home"] .hero-showcase-demo { margin-inline-start: 20px; }
}

body.site-page[data-page="home"] .hero.hero-showcase { padding-block: 22px 20px; }
body.site-page[data-page="home"] .hero.hero-showcase .hero-showcase-demo { gap: 8px; padding-block: 0; }
body.site-page[data-page="home"] .hero.hero-showcase h1 { margin-top: 0; }

/* Een compacte footer met een vaste plek voor navigatie en contact. */
body.site-page .site-footer {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(200px, .8fr) minmax(240px, 1fr);
  align-items: start;
  gap: 24px clamp(28px, 4vw, 64px);
  padding-block: 30px 16px;
}
body.site-page .site-footer > div { min-width: 0; }
body.site-page .site-footer .footer-slogan { margin-top: 10px; font-size: 14px; font-weight: 600; color: var(--sl-forest); }
body.site-page .site-footer .footer-description { max-width: 34ch; margin-top: 8px; font-size: 14px; line-height: 1.6; color: var(--sl-muted); }
body.site-page .site-footer .footer-heading { margin: 0 0 8px; font-family: var(--body); font-size: 15px; line-height: 1.6; letter-spacing: 0; font-weight: 650; color: var(--sl-forest); }
body.site-page .site-footer nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; width: auto; font-size: 14px; }
body.site-page .site-footer nav a { min-height: 44px; }
body.site-page .site-footer .footer-contact p { max-width: 34ch; margin: 0; font-size: 14px; line-height: 1.6; color: var(--sl-muted); }
body.site-page .site-footer .footer-email { display: flex; align-items: center; width: fit-content; min-height: 44px; font-size: 15px; font-weight: 550; overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 4px; }
body.site-page .site-footer .footer-feedback-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; }
body.site-page .site-footer .footer-bottom { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; padding-top: 12px; border-top: 1px solid var(--sl-border); }
body.site-page .site-footer .copyright { width: auto; font-size: 12px; }
body.site-page .site-footer .footer-bottom > a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: var(--sl-muted); }
body.site-page .site-footer :is(.footer-email, .footer-feedback-link, .footer-bottom > a):hover { color: var(--sl-forest); }

@media (max-width: 1050px) {
  body.site-page .site-footer { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 36px; }
  body.site-page .site-footer .footer-contact { grid-column: 1 / -1; }
}
@media (max-width: 850px) {
  body.site-page[data-page="home"] .core-features { padding-block: 22px 42px; }
  body.site-page[data-page="home"] .time-section { padding-block: 41px 44px; }
  body.site-page[data-page="home"] .steps-section { padding-block: 41px 36px; }
  body.site-page[data-page="home"] .page-cta { margin-bottom: 30px; }
  body.site-page .maker-note { gap: 20px; }
  body.site-page[data-page="download"] .page-intro { padding-block: 26px 21px; }
  body.site-page[data-page="download"] .product-download .beta-card { padding: 22px; gap: 20px; }
  body.site-page[data-page="download"] .feedback-section { padding-block: 28px 32px; }
}
@media (max-width: 560px) {
  body.site-page .site-footer { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-block: 24px 12px; }
  body.site-page .site-footer .footer-description { max-width: 38ch; }
  body.site-page .site-footer nav { column-gap: 24px; }
  body.site-page .site-footer .footer-bottom { gap: 4px 20px; padding-top: 10px; }
}

/* A focused first view; full preview controls remain on Demo. */
body.site-page[data-page="home"] .hero-showcase-demo :is(.blocker-preview-controls, .hero-more-features, .hero-showcase-caption, .hero-showcase-note) { display: none; }
body.site-page[data-page="home"] .hero-preview-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; }
body.site-page[data-page="home"] .hero-product-label { margin: 0 0 18px; color: var(--sl-forest); font-size: 12px; letter-spacing: .08em; }
body.site-page[data-page="home"] .hero-description strong { font-weight: 650; color: var(--sl-forest); }
@media (min-width: 851px) {
  body.site-page[data-page="home"] .hero.hero-showcase { width: min(1180px, calc(100% - 80px)); min-height: 0; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 64px; padding-block: 30px 36px; }
  body.site-page[data-page="home"] .hero.hero-showcase .hero-copy { padding: 0; max-width: 540px; }
  body.site-page[data-page="home"] .hero.hero-showcase h1 { font-size: clamp(58px, 5vw, 76px); margin-bottom: 22px; }
  body.site-page[data-page="home"] .hero.hero-showcase .hero-description { font-size: 19px; line-height: 1.65; max-width: 440px; }
  body.site-page[data-page="home"] .hero.hero-showcase .hero-showcase-demo { justify-self: center; margin-inline-start: 0; }
  body.site-page[data-page="home"] .hero-phone-stage { width: 250px; max-width: 100%; }
  body.site-page[data-page="home"] .hero.hero-showcase .hero-actions { margin-top: 24px; }
  body.site-page[data-page="home"] .hero.hero-showcase .hero-supported { margin-top: 18px; }
}
@media (max-width: 850px) {
  body.site-page[data-page="home"] .hero-product-label { margin-bottom: 14px; font-size: 11px; }
}