/*
 * Homepage in de nieuwe stijl (uit de homepage-test :8150, 11 nov 2026).
 * Alleen styling: geen tekst of structuur veranderd. Laadt alleen op de
 * voorpagina (site-assets.php, prioriteit 53). Site-eigen bestand.
 */
body.sf-home-2027 {
  --h-red: #C8202A; --h-red-b: #E83642; --h-orange: #FF8A3D;
  --h-bg: #050610; --h-s800: #0A0C18; --h-s700: #111425;
  --h-txt: #F4F5FA; --h-txt-2: #A9AEC4; --h-txt-3: #6E738C;
  --h-line: rgba(255, 255, 255, .07); --h-line-2: rgba(255, 255, 255, .13);
  --h-ease: cubic-bezier(.22, 1, .36, 1);
  background: var(--h-bg) !important;
}
body.sf-home-2027 main,
body.sf-home-2027 .features-section,
body.sf-home-2027 .platform-section,
body.sf-home-2027 .trusted-section,
body.sf-home-2027 .testimonials-section,
body.sf-home-2027 .cases-section,
body.sf-home-2027 .usecases-section,
body.sf-home-2027 .cta-section { background: transparent !important; }

/* Zachte gloed achter de secties, om en om links en rechts (zoals op de test) */
body.sf-home-2027 .features-section,
body.sf-home-2027 .platform-section,
body.sf-home-2027 .testimonials-section,
body.sf-home-2027 .usecases-section { position: relative; isolation: isolate; }
body.sf-home-2027 .features-section::before,
body.sf-home-2027 .platform-section::before,
body.sf-home-2027 .testimonials-section::before,
body.sf-home-2027 .usecases-section::before {
  content: ""; position: absolute; z-index: -1; width: 900px; height: 700px; top: 50%; translate: 0 -50%;
  border-radius: 50%; pointer-events: none; filter: blur(30px);
  background: radial-gradient(closest-side, rgba(232, 54, 66, .12), transparent);
}
body.sf-home-2027 .features-section:nth-of-type(odd)::before { left: -300px; }
body.sf-home-2027 .features-section:nth-of-type(even)::before { right: -300px; background: radial-gradient(closest-side, rgba(123, 140, 255, .10), transparent); }
body.sf-home-2027 .platform-section::before { right: -250px; }
body.sf-home-2027 .testimonials-section::before { left: -300px; background: radial-gradient(closest-side, rgba(155, 93, 229, .10), transparent); }
body.sf-home-2027 .usecases-section::before { right: -300px; }
body.sf-home-2027 .page-deco { opacity: .35; }
body.sf-home-2027 footer.sf-site-footer { background: var(--h-bg) !important; border-top: 1px solid var(--h-line); }

/* ── Koppen en tekst ── */
body.sf-home-2027 .features-title h2,
body.sf-home-2027 .platform-head h2,
body.sf-home-2027 .trusted-section h2,
body.sf-home-2027 .testimonials-section h2,
body.sf-home-2027 .cases-section h2,
body.sf-home-2027 .usecases-section h2,
body.sf-home-2027 .cta-card h2 {
  font-family: Poppins, sans-serif !important; font-weight: 800 !important;
  letter-spacing: -.035em !important; word-spacing: .06em; line-height: 1.06 !important; color: #fff; margin-bottom: 18px;
}
body.sf-home-2027 .features-title h2,
body.sf-home-2027 .trusted-section h2,
body.sf-home-2027 .testimonials-section h2,
body.sf-home-2027 .cases-section h2,
body.sf-home-2027 .usecases-section h2 { font-size: clamp(36px, 4.6vw, 64px) !important; }
body.sf-home-2027 .platform-head h2 { font-size: clamp(36px, 4.4vw, 60px) !important; }
body.sf-home-2027 .cta-card h2 { font-size: clamp(32px, 3.6vw, 50px) !important; }

/* Rode accentwoorden worden het rood-oranje verloop van de test */
body.sf-home-2027 h2 span[style*="e63946"],
body.sf-home-2027 .cta-card h2 span:nth-of-type(2) {
  background: linear-gradient(95deg, var(--h-red-b), var(--h-orange) 60%, #ffd29a);
  -webkit-background-clip: text; background-clip: text;
  color: transparent !important; -webkit-text-fill-color: transparent;
}

body.sf-home-2027 .features-title p,
body.sf-home-2027 .platform-head-right p,
body.sf-home-2027 .trusted-section .section-title p,
body.sf-home-2027 .testimonials-section p:not(.testimonial-card p),
body.sf-home-2027 .cases-header p,
body.sf-home-2027 .usecases-header p,
body.sf-home-2027 .features-footnote {
  font-family: Roboto, system-ui, sans-serif !important; color: var(--h-txt-2) !important; font-size: 17px; line-height: 1.6;
}
body.sf-home-2027 .features-footnote strong { color: #fff; }

/* Labeltjes boven de koppen: rood pilletje met stip */
body.sf-home-2027 .section-badge {
  display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px !important; border-radius: 999px !important;
  font: 600 11px/1 Poppins, sans-serif !important; letter-spacing: .14em !important; text-transform: uppercase;
  color: #ff8a92 !important; background: color-mix(in srgb, var(--h-red-b) 11%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--h-red-b) 28%, transparent) !important;
}
body.sf-home-2027 .section-badge::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--h-red-b); box-shadow: 0 0 10px var(--h-red-b);
}

/* ── Kaarten (Sound familiar, What we help you with, Four solutions, Industries) ── */
body.sf-home-2027 .feature-card {
  position: relative; overflow: hidden; isolation: isolate;
  border-radius: 18px !important; border: 1px solid var(--h-line) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .008)) !important;
  box-shadow: none !important;
  transition: border-color .5s var(--h-ease), transform .5s var(--h-ease) !important;
}
body.sf-home-2027 .feature-card::before {
  content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0; transition: opacity .5s;
  background: radial-gradient(120% 80% at 50% 120%, rgba(232, 54, 66, .22), transparent 65%);
}
body.sf-home-2027 .feature-card:hover { border-color: rgba(232, 54, 66, .45) !important; transform: translateY(-4px); }
body.sf-home-2027 .feature-card:hover::before { opacity: 1; }
body.sf-home-2027 .feature-card h3 { font-family: Poppins, sans-serif !important; font-weight: 600 !important; letter-spacing: -.01em; color: #fff !important; }
body.sf-home-2027 .feature-card p { font-family: Roboto, system-ui, sans-serif !important; color: var(--h-txt-2) !important; }
body.sf-home-2027 .f-icon {
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--h-red-b) 12%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--h-red-b) 30%, transparent) !important;
  transition: transform .6s var(--h-ease), box-shadow .5s;
}
body.sf-home-2027 .feature-card:hover .f-icon { transform: scale(1.06); box-shadow: 0 0 24px -6px var(--h-red-b); }
body.sf-home-2027 .f-icon svg { color: #ff6b74; stroke: currentColor; }
body.sf-home-2027 .feature-card__link { font: 600 14px Poppins, sans-serif !important; color: #fff !important; }
body.sf-home-2027 .feature-card__link span { display: inline-block; transition: transform .5s var(--h-ease); }
body.sf-home-2027 .feature-card:hover .feature-card__link span { transform: translateX(4px); }

/* ── Platform-dashboard ── */
body.sf-home-2027 .sf-dash {
  border-radius: 22px !important; border: 1px solid var(--h-line-2) !important;
  background: linear-gradient(180deg, #0f1222, #0a0c18) !important;
  box-shadow: 0 50px 100px -30px rgba(0, 0, 0, .85), 0 0 80px -30px rgba(232, 54, 66, .35) !important;
}
body.sf-home-2027 .sf-dash-card,
body.sf-home-2027 .sf-dash-funnel,
body.sf-home-2027 .work-item { border-color: var(--h-line) !important; }

/* ── Logo's: in plaats van grijze blokken rustige witte logo's (zoals de test) ── */
body.sf-home-2027 .logo-item {
  background: rgba(255, 255, 255, .025) !important; border: 1px solid var(--h-line) !important;
  border-radius: 16px !important; box-shadow: none !important;
}
body.sf-home-2027 .logo-item img {
  filter: grayscale(1) invert(1) brightness(1.6); mix-blend-mode: screen; opacity: .55;
  transition: opacity .5s, transform .6s var(--h-ease);
}
body.sf-home-2027 .logo-item:hover img { opacity: 1; transform: scale(1.05); }

/* ── Reviews ── */
body.sf-home-2027 .testimonial-card {
  border-radius: 24px !important; border: 1px solid var(--h-line-2) !important;
  background: linear-gradient(160deg, #1d2238, #121527) !important;
  box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .85) !important;
}
body.sf-home-2027 .testimonial-card p { font-family: Roboto, system-ui, sans-serif !important; color: var(--h-txt) !important; }
body.sf-home-2027 .testimonial-card .name { font-family: Poppins, sans-serif !important; color: #fff !important; }
body.sf-home-2027 .testimonial-card .role { color: var(--h-txt-3) !important; }
body.sf-home-2027 .t-nav {
  background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--h-line-2) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #fff !important;
}
body.sf-home-2027 .t-nav:hover { background: rgba(255, 255, 255, .1) !important; }

/* ── Afsluitende CTA ── */
body.sf-home-2027 .cta-card {
  border-radius: 30px !important; border: 1px solid var(--h-line-2) !important;
  background: radial-gradient(120% 120% at 100% 0%, rgba(232, 54, 66, .28), transparent 55%), linear-gradient(180deg, #111425, #0A0C18) !important;
  box-shadow: 0 40px 100px -40px rgba(232, 54, 66, .45) !important;
}
body.sf-home-2027 .cta-route {
  border-radius: 18px !important; border: 1px solid var(--h-line) !important;
  background: rgba(255, 255, 255, .03) !important;
  transition: border-color .5s var(--h-ease), transform .5s var(--h-ease);
}
body.sf-home-2027 .cta-route:hover { border-color: rgba(232, 54, 66, .4) !important; transform: translateY(-4px); }
body.sf-home-2027 .cta-route h3, body.sf-home-2027 .cta-route h4 { font-family: Poppins, sans-serif !important; color: #fff !important; }
body.sf-home-2027 .cta-route p, body.sf-home-2027 .cta-browse { color: var(--h-txt-2) !important; }

/* ── Knoppen in de stijl van de test ── */
body.sf-home-2027 main a.btn-primary,
body.sf-home-2027 main a.btn-outline,
body.sf-home-2027 .platform-cta-row a,
body.sf-home-2027 .cases-see-more a,
body.sf-home-2027 .usecases-see-more a {
  position: relative; display: inline-flex; align-items: center; gap: 10px; overflow: hidden; isolation: isolate;
  min-height: 50px; padding: 0 24px !important; border-radius: 16px !important;
  font: 600 15px/1 Poppins, sans-serif !important; letter-spacing: -.01em; color: #fff !important;
  transition: transform .6s var(--h-ease), box-shadow .5s var(--h-ease), background .3s !important;
}
body.sf-home-2027 main a.btn-primary {
  background: linear-gradient(180deg, #f04a55, var(--h-red)) !important; border: 0 !important;
  box-shadow: 0 12px 34px -10px rgba(232, 54, 66, .75), inset 0 1px 0 rgba(255, 255, 255, .3) !important;
}
body.sf-home-2027 main a.btn-outline,
body.sf-home-2027 .platform-cta-row a,
body.sf-home-2027 .cases-see-more a,
body.sf-home-2027 .usecases-see-more a {
  background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--h-line-2) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: none !important;
}
body.sf-home-2027 main a.btn-primary::after,
body.sf-home-2027 main a.btn-outline::after,
body.sf-home-2027 .platform-cta-row a::after,
body.sf-home-2027 .cases-see-more a::after,
body.sf-home-2027 .usecases-see-more a::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .3) 50%, transparent 70%);
  transform: translateX(-130%); transition: transform 1s var(--h-ease);
}
body.sf-home-2027 main a.btn-primary:hover::after,
body.sf-home-2027 main a.btn-outline:hover::after,
body.sf-home-2027 .platform-cta-row a:hover::after,
body.sf-home-2027 .cases-see-more a:hover::after,
body.sf-home-2027 .usecases-see-more a:hover::after { transform: translateX(130%); }
body.sf-home-2027 main a.btn-outline:hover,
body.sf-home-2027 .platform-cta-row a:hover,
body.sf-home-2027 .cases-see-more a:hover,
body.sf-home-2027 .usecases-see-more a:hover { background: rgba(255, 255, 255, .1) !important; }
body.sf-home-2027 main a.btn-primary:hover { box-shadow: 0 20px 50px -10px rgba(232, 54, 66, .9), inset 0 1px 0 rgba(255, 255, 255, .35) !important; }

@media (prefers-reduced-motion: reduce) {
  body.sf-home-2027 .feature-card, body.sf-home-2027 .cta-route { transition: none !important; transform: none !important; }
}

/* ── In practice (cases) ── */
body.sf-home-2027 .case-tile {
  border-radius: 24px !important; overflow: hidden; border: 1px solid var(--h-line-2) !important;
  box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .85) !important; isolation: isolate;
  transition: transform .7s var(--h-ease), border-color .5s !important;
}
body.sf-home-2027 .case-tile img { transition: transform 1.6s var(--h-ease), filter .7s !important; }
body.sf-home-2027 .case-tile:hover { transform: translateY(-6px); border-color: rgba(232, 54, 66, .45) !important; }
body.sf-home-2027 .case-tile:hover img { transform: scale(1.06); filter: brightness(.75); }
body.sf-home-2027 .case-overlay { background: linear-gradient(180deg, transparent 25%, rgba(5, 6, 16, .55) 55%, rgba(5, 6, 16, .96)) !important; }
body.sf-home-2027 .case-content h3 {
  font-family: Poppins, sans-serif !important; font-weight: 700 !important; letter-spacing: -.02em !important; line-height: 1.2 !important; color: #fff !important;
}
body.sf-home-2027 .case-content p { font-family: Roboto, system-ui, sans-serif !important; color: var(--h-txt-2) !important; }
body.sf-home-2027 .case-read { font: 600 14px Poppins, sans-serif !important; color: #ff8a92 !important; }

/* ── We bring entrepreneurship closer (blogs) ── */
body.sf-home-2027 .usecase-card {
  border-radius: 20px !important; overflow: hidden; border: 1px solid var(--h-line) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .008)) !important;
  box-shadow: none !important; transition: transform .6s var(--h-ease), border-color .5s !important;
}
body.sf-home-2027 .usecase-card:hover { transform: translateY(-6px); border-color: rgba(232, 54, 66, .45) !important; }
body.sf-home-2027 .usecase-card-img { background: var(--h-s700) !important; overflow: hidden; }
body.sf-home-2027 .usecase-card-img img { transition: transform 1.6s var(--h-ease) !important; }
body.sf-home-2027 .usecase-card:hover .usecase-card-img img { transform: scale(1.06); }
body.sf-home-2027 .usecase-card-body h3, body.sf-home-2027 .usecase-card-body h4 {
  font-family: Poppins, sans-serif !important; font-weight: 600 !important; letter-spacing: -.01em; line-height: 1.3 !important; color: #fff !important;
}
body.sf-home-2027 .usecase-card-body p { font-family: Roboto, system-ui, sans-serif !important; color: var(--h-txt-2) !important; }
body.sf-home-2027 .blog-tag {
  display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px !important; border-radius: 999px !important;
  font: 600 10px/1 Poppins, sans-serif !important; letter-spacing: .14em !important; text-transform: uppercase;
  color: #ff8a92 !important; background: color-mix(in srgb, var(--h-red-b) 11%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--h-red-b) 28%, transparent) !important;
}
body.sf-home-2027 .blog-tag::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--h-red-b); }

/* ── Sound familiar?: inbox met problemen + oplossingspaneel ── */
body.sf-home-2027 .sf-pain-grid {
  display: grid !important; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important; gap: 22px !important; align-items: stretch;
}
body.sf-home-2027 .sf-pain-list { display: grid; gap: 10px; align-content: start; }

/* melding */
body.sf-home-2027 .sf-pain {
  display: grid !important; grid-template-columns: 44px minmax(0, 1fr) 26px; align-items: center; column-gap: 14px;
  padding: 14px 16px !important; border-radius: 16px !important; cursor: pointer; overflow: hidden;
  border: 1px solid var(--h-line) !important; border-left: 3px solid rgba(232, 54, 66, .65) !important;
  background: linear-gradient(90deg, rgba(232, 54, 66, .06), rgba(255, 255, 255, .015) 45%) !important;
  transition: border-color .5s, background .5s, transform .5s var(--h-ease) !important; outline: 0;
}
body.sf-home-2027 .sf-pain::before { display: none; }
body.sf-home-2027 .sf-pain:hover { transform: translateX(4px) !important; }
body.sf-home-2027 .sf-pain:focus-visible { box-shadow: 0 0 0 2px #fff; }
body.sf-home-2027 .sf-pain .f-icon {
  position: relative; grid-row: 1; width: 44px !important; height: 44px !important; margin: 0 !important; border-radius: 50% !important;
  display: grid !important; place-items: center; background: rgba(232, 54, 66, .1) !important; border: 1px solid rgba(232, 54, 66, .3) !important;
}
body.sf-home-2027 .sf-pain .f-icon svg { width: 20px; height: 20px; color: #ff8a92; }
body.sf-home-2027 .sf-pain .f-icon::after {
  content: ""; position: absolute; inset: -1px; border-radius: 50%; border: 2px solid rgba(74, 222, 128, .6);
  opacity: 0;
}
@keyframes sfPing { 0% { transform: scale(1); opacity: .9; } 80%, 100% { transform: scale(1.8); opacity: 0; } }
body.sf-home-2027 .sf-pain h3 { grid-column: 2; margin: 0 !important; font-size: 15.5px !important; line-height: 1.3 !important; transition: color .5s !important; }
body.sf-home-2027 .sf-pain > p { display: none; grid-column: 2 / -1; margin: 8px 0 0 !important; font-size: 13.5px !important; }
body.sf-home-2027 .sf-pain .sf-pain-t { background: linear-gradient(currentColor, currentColor) 0 58% / 0 2px no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size .7s cubic-bezier(.65, 0, .35, 1); }
body.sf-home-2027 .sf-pain-state {
  grid-column: 3; grid-row: 1; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; font: 700 12px/1 Poppins, sans-serif;
  background: rgba(232, 54, 66, .14); border: 1px solid rgba(232, 54, 66, .4); color: #ff6b74;
  transition: background .5s, border-color .5s, color .5s, transform .6s cubic-bezier(.34, 1.8, .64, 1);
}
body.sf-home-2027 .sf-pain-state i { grid-area: 1 / 1; font-style: normal; transition: opacity .3s, transform .5s cubic-bezier(.34, 1.8, .64, 1); }
body.sf-home-2027 .sf-pain-state .v { opacity: 0; transform: scale(.3) rotate(-30deg); }
body.sf-home-2027 .sf-pain-bar { position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: linear-gradient(90deg, #4ade80, #a7f3d0); opacity: 0; }
body.sf-home-2027 .sf-pain-fix { display: none; grid-column: 2 / -1; margin-top: 10px; gap: 6px; align-items: center; font: 500 13px Poppins, sans-serif; color: var(--h-txt-3) !important; text-decoration: none; }
body.sf-home-2027 .sf-pain-fix b { font-weight: 600; color: #4ade80; }
body.sf-home-2027 .sf-pain-fix em { font-style: normal; color: #4ade80; }

/* actieve melding = opgelost */
body.sf-home-2027 .sf-pain.solved {
  border-color: rgba(74, 222, 128, .3) !important; border-left-color: #4ade80 !important;
  background: linear-gradient(90deg, rgba(74, 222, 128, .1), rgba(255, 255, 255, .02) 55%) !important; transform: translateX(6px) !important;
}
body.sf-home-2027 .sf-pain.solved .f-icon { background: rgba(74, 222, 128, .12) !important; border-color: rgba(74, 222, 128, .45) !important; box-shadow: 0 0 22px -6px rgba(74, 222, 128, .8); }
body.sf-home-2027 .sf-pain.solved .f-icon svg { color: #4ade80; }
body.sf-home-2027 .sf-pain.solved .f-icon::after { animation: sfPing 1.6s cubic-bezier(0, 0, .2, 1) infinite; }
body.sf-home-2027 .sf-pain.solved .sf-pain-t { background-size: 100% 2px; }
body.sf-home-2027 .sf-pain.solved h3 { color: rgba(255, 255, 255, .6) !important; }
body.sf-home-2027 .sf-pain.solved .sf-pain-state { background: rgba(74, 222, 128, .14); border-color: rgba(74, 222, 128, .5); color: #4ade80; transform: rotate(360deg); }
body.sf-home-2027 .sf-pain.solved .sf-pain-state .x { opacity: 0; transform: scale(.3) rotate(30deg); }
body.sf-home-2027 .sf-pain.solved .sf-pain-state .v { opacity: 1; transform: none; }
body.sf-home-2027 .sf-pain.solved .sf-pain-bar { opacity: 1; animation: sfBar var(--stap, 4200ms) linear both; }
@keyframes sfBar { to { width: 100%; } }

/* paneel */
body.sf-home-2027 .sf-pain-panel {
  position: relative; overflow: hidden; isolation: isolate; display: grid; align-content: center; gap: 4px;
  padding: clamp(26px, 3vw, 40px); border-radius: 26px; border: 1px solid var(--h-line-2);
  background: radial-gradient(90% 70% at 100% 100%, rgba(74, 222, 128, .12), transparent 60%), radial-gradient(80% 60% at 0% 0%, rgba(232, 54, 66, .12), transparent 60%), linear-gradient(180deg, #111425, #0A0C18);
  box-shadow: 0 40px 90px -40px rgba(0, 0, 0, .9);
}
body.sf-home-2027 .pp-sweep {
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(74, 222, 128, .22) 50%, rgba(255, 255, 255, .14) 52%, transparent 66%); transform: translateX(-120%);
}
body.sf-home-2027 .sf-pain-panel.go .pp-sweep { animation: sfSweep 1.2s cubic-bezier(.65, 0, .35, 1) .55s both; }
@keyframes sfSweep { to { transform: translateX(120%); } }

/* Foto per probleem (13 nov 2026): brede band bovenin het paneel, de probleemtitel staat als
   onderschrift onderin de foto, de oplossing eronder op donker. Koel en flets bij het probleem
   (rode zweem), warm en vol zodra het vinkje komt (1.15s, gelijk met .pp-v). */
body.sf-home-2027 .sf-pain-panel { --fh: 228px; align-content: start; padding-top: calc(var(--fh) - 108px); padding-bottom: 26px; }
body.sf-home-2027 .pp-fotos {
  position: absolute; left: 0; right: 0; top: 0; height: var(--fh); z-index: -1; overflow: hidden;
  border-radius: 26px 26px 0 0;
  -webkit-mask-image: linear-gradient(180deg, #000 40%, transparent 100%); mask-image: linear-gradient(180deg, #000 40%, transparent 100%);
}
body.sf-home-2027 .pp-fotos img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%;
  opacity: 0; transform: scale(1.03); transition: opacity .8s ease;
  filter: grayscale(.85) saturate(.5) brightness(.6) contrast(1.05);
}
/* Uitsnede per foto: gezicht of telefoon in beeld (voor = somber, na = vrolijk) */
body.sf-home-2027 .pp-fotos img[data-k="0"] { object-position: 50% 18%; }   /* bakker */
body.sf-home-2027 .pp-fotos img[data-k="1"] { object-position: 50% 100%; }   /* telefoon op de werkbank boven de titel */
body.sf-home-2027 .pp-fotos img.pp-na[data-k="1"] { object-position: 50% 100%; } /* na: zelfde opbouw, scherm groen, eigenaar en klant lachen */
body.sf-home-2027 .pp-fotos img.pp-na[data-k="3"] { object-position: 50% 40%; } /* na: kapper knipt lachend een klant */
body.sf-home-2027 .pp-fotos img.pp-na[data-k="5"] { object-position: 50% 20%; }
body.sf-home-2027 .pp-fotos img[data-k="2"] { object-position: 50% 30%; }   /* installateur */
body.sf-home-2027 .pp-fotos img[data-k="3"] { object-position: 50% 0%; }   /* kapper: bovenste 16% (nepletters raam) uit het bestand gesneden */
body.sf-home-2027 .pp-fotos img[data-k="4"] { object-position: 50% 35%; }   /* bureau */
body.sf-home-2027 .pp-fotos img[data-k="5"] { object-position: 50% 12%; }   /* keukentafel */
body.sf-home-2027 .pp-fotos img.on { opacity: 1; }
body.sf-home-2027 .sf-pain-panel.go .pp-fotos img.pp-voor.on { animation: sfFotoZoom 7s ease-out both; }
/* Vrolijke versie: onzichtbaar tot het vinkje, dan invloeien in volle, warme kleur */
body.sf-home-2027 .pp-fotos img.pp-na { filter: saturate(1.08) brightness(.95); }
body.sf-home-2027 .pp-fotos img.pp-na.on { opacity: 0; }
body.sf-home-2027 .sf-pain-panel.go .pp-fotos img.pp-na.on { animation: sfNaIn 1.1s ease 1.15s both, sfFotoZoom 7s ease-out both; }
@keyframes sfNaIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes sfFotoWarm {
  from { filter: grayscale(.85) saturate(.5) brightness(.6) contrast(1.05); }
  to { filter: grayscale(0) saturate(1.1) brightness(.92) contrast(1.02); }
}
@keyframes sfFotoZoom { from { transform: scale(1.03); } to { transform: scale(1.1); } }
/* Overloop naar het paneel + leesbaarheid van het onderschrift */
body.sf-home-2027 .pp-fotos::after {
  content: ""; position: absolute; inset: 0; z-index: 2;
  background:
    linear-gradient(180deg, rgba(10, 12, 24, 0) 30%, rgba(10, 12, 24, .6) 80%),
    linear-gradient(90deg, rgba(10, 12, 24, .45), transparent 60%);
}
body.sf-home-2027 .pp-fotos::before {
  content: ""; position: absolute; inset: 0; z-index: 1; mix-blend-mode: color;
  background: rgba(232, 54, 66, .4);
}
body.sf-home-2027 .sf-pain-panel.go .pp-fotos::before { animation: sfZweemWeg 1s ease 1.15s both; }
@keyframes sfZweemWeg { from { opacity: 1; } to { opacity: 0; } }
body.sf-home-2027 .pp-prob .pp-t, body.sf-home-2027 .pp-prob .pp-d { text-shadow: 0 2px 14px rgba(0, 0, 0, .7); }
body.sf-home-2027 .pp-flow { height: 34px; margin-top: 8px; margin-bottom: 8px; }
body.sf-home-2027 .sf-pain-panel::after {
  content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(74, 222, 128, .45), inset 0 0 60px -20px rgba(74, 222, 128, .45); opacity: 0;
}
body.sf-home-2027 .sf-pain-panel.go::after { animation: sfRandGroen 1s ease 1.25s both; }
@keyframes sfRandGroen { from { opacity: 0; } to { opacity: 1; } }
body.sf-home-2027 .pp-prob { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; align-items: start; }
body.sf-home-2027 .pp-ic { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; background: rgba(232, 54, 66, .1); border: 1px solid rgba(232, 54, 66, .3); }
body.sf-home-2027 .pp-ic svg { width: 24px; height: 24px; color: #ff8a92; }
body.sf-home-2027 .pp-x { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-bottom: 8px; border-radius: 7px; font: 700 11px/1 Poppins, sans-serif; color: #ff6b74; background: rgba(232, 54, 66, .14); border: 1px solid rgba(232, 54, 66, .4); }
body.sf-home-2027 .pp-t { margin: 0 0 6px; font: 700 clamp(19px, 1.8vw, 24px)/1.25 Poppins, sans-serif; letter-spacing: -.02em; color: #fff; }
body.sf-home-2027 .pp-t span { background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)) 0 58% / 0 2px no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
body.sf-home-2027 .sf-pain-panel.go .pp-t span { animation: sfStrike .7s cubic-bezier(.65, 0, .35, 1) .35s both; }
@keyframes sfStrike { to { background-size: 100% 2px; } }
body.sf-home-2027 .sf-pain-panel.go .pp-t { animation: sfDim .7s ease .35s both; }
@keyframes sfDim { to { color: rgba(255, 255, 255, .55); } }
body.sf-home-2027 .pp-d { margin: 0; font-size: 15px; line-height: 1.55; color: var(--h-txt-2); }
body.sf-home-2027 .pp-flow { position: relative; height: 54px; margin: 10px 0 10px 25px; }
body.sf-home-2027 .pp-flow i { position: absolute; left: 0; top: 0; width: 2px; height: 100%; border-radius: 2px; background: linear-gradient(#E83642, #4ade80); transform-origin: top; transform: scaleY(0); }
body.sf-home-2027 .pp-flow b { position: absolute; left: 1px; bottom: 1px; width: 10px; height: 10px; font-size: 0; border-right: 2px solid #4ade80; border-bottom: 2px solid #4ade80; border-radius: 0 0 2px 0; opacity: 0; transform: translateX(-50%) rotate(45deg); }
body.sf-home-2027 .sf-pain-panel.go .pp-flow i { animation: sfGrow .5s ease-out .6s both; }
body.sf-home-2027 .sf-pain-panel.go .pp-flow b { animation: sfPop .4s ease-out 1s both; }
@keyframes sfGrow { to { transform: scaleY(1); } }
@keyframes sfPop { from { opacity: 0; transform: translate(-50%, -6px) rotate(45deg); } to { opacity: 1; transform: translateX(-50%) rotate(45deg); } }
body.sf-home-2027 .pp-sol { position: relative; display: grid; gap: 6px; justify-items: start; padding: 20px 22px; border-radius: 18px; background: rgba(74, 222, 128, .06); border: 1px solid rgba(74, 222, 128, .28); }
body.sf-home-2027 .sf-pain-panel.go .pp-sol { animation: sfRise .7s var(--h-ease) 1s both; }
@keyframes sfRise { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }
body.sf-home-2027 .pp-v { position: absolute; top: 18px; right: 18px; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font: 700 14px/1 Poppins, sans-serif; color: #052e16; background: #4ade80; box-shadow: 0 0 24px rgba(74, 222, 128, .7); }
body.sf-home-2027 .pp-v::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 4px; height: 4px; margin: -2px; border-radius: 50%; opacity: 0;
  box-shadow: 0 -20px #4ade80, 18px -10px #a7f3d0, 18px 10px #4ade80, 0 20px #a7f3d0, -18px 10px #4ade80, -18px -10px #a7f3d0;
}
body.sf-home-2027 .sf-pain-panel.go .pp-v { animation: sfCheck .6s cubic-bezier(.34, 1.8, .64, 1) 1.25s both; }
body.sf-home-2027 .sf-pain-panel.go .pp-v::after { animation: sfBurst .9s ease-out 1.4s both; }
@keyframes sfCheck { from { transform: scale(0) rotate(-90deg); } to { transform: none; } }
@keyframes sfBurst { 0% { opacity: 1; transform: scale(.3); } 100% { opacity: 0; transform: scale(1.9); } }
body.sf-home-2027 .pp-fixed { font: 600 11px/1 Poppins, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #86efac; }
body.sf-home-2027 .pp-naam { font: 800 clamp(26px, 2.6vw, 36px)/1.05 Poppins, sans-serif; letter-spacing: -.035em; text-decoration: none; background: linear-gradient(95deg, #4ade80, #a7f3d0); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
body.sf-home-2027 .pp-belofte { margin: 0; font-size: 15px; line-height: 1.5; color: var(--h-txt); }
body.sf-home-2027 .pp-btn { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; font: 600 14px Poppins, sans-serif; color: #fff !important; text-decoration: none; }
body.sf-home-2027 .pp-btn em { font-style: normal; color: #4ade80; transition: transform .5s var(--h-ease); }
body.sf-home-2027 .pp-btn:hover em { transform: translateX(4px); }

/* tablet en mobiel: geen paneel, de actieve melding klapt open */
@media (max-width: 900px) {
  body.sf-home-2027 .sf-pain-grid { grid-template-columns: minmax(0, 1fr) !important; }
  body.sf-home-2027 .sf-pain-panel { display: none; }
  body.sf-home-2027 .sf-pain.solved > p { display: block; }
  body.sf-home-2027 .sf-pain.solved .sf-pain-fix { display: flex; }
  body.sf-home-2027 .sf-pain.solved, body.sf-home-2027 .sf-pain:hover { transform: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.sf-home-2027 .sf-pain .f-icon::after, body.sf-home-2027 .sf-pain-bar,
  body.sf-home-2027 .sf-pain-panel * { animation: none !important; }
  body.sf-home-2027 .pp-t span { background-size: 100% 2px; }
  body.sf-home-2027 .pp-fotos img { filter: saturate(1.05) brightness(.8); transform: none; }
  body.sf-home-2027 .pp-fotos img.pp-na.on { opacity: 1; }
  body.sf-home-2027 .pp-fotos::before { opacity: 0; }
  body.sf-home-2027 .sf-pain-panel::after { opacity: 1; }
}

/* ── For entrepreneurs who get things done: brede branche-panelen ── */
body.sf-home-2027 .sf-ind-grid {
  display: flex !important; gap: 12px !important; height: clamp(380px, 34vw, 460px); grid-template-columns: none !important;
}
body.sf-home-2027 .sf-ind-card {
  --c: #E83642; position: relative; flex: 1 1 0; min-width: 0; display: flex !important; flex-direction: column; justify-content: flex-end;
  padding: 26px !important; border-radius: 24px !important; overflow: hidden; isolation: isolate;
  border: 1px solid var(--h-line) !important; color: inherit; text-decoration: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .008)) !important;
  transition: flex 1s var(--h-ease), border-color .6s, background .6s, transform .6s var(--h-ease) !important;
}
body.sf-home-2027 .sf-ind-card::before {
  content: ""; position: absolute; inset: 0; z-index: -1; opacity: .35; transition: opacity .8s;
  background: radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--c) 30%, transparent), transparent 60%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--c) 18%, transparent), transparent 60%) !important;
}
body.sf-home-2027 .sf-ind-card.on { flex: 2.7 1 0; border-color: color-mix(in srgb, var(--c) 45%, transparent) !important; box-shadow: 0 40px 90px -40px color-mix(in srgb, var(--c) 55%, transparent) !important; transform: none !important; }
body.sf-home-2027 .sf-ind-card.on::before { opacity: 1; }
body.sf-home-2027 .sf-ind-card:hover { transform: none !important; }

/* icoon bovenaan */
body.sf-home-2027 .sf-ind-card .f-icon {
  position: absolute; top: 24px; left: 24px; margin: 0 !important; width: 52px !important; height: 52px !important; border-radius: 16px !important;
  background: color-mix(in srgb, var(--c) 14%, transparent) !important; border: 1px solid color-mix(in srgb, var(--c) 40%, transparent) !important;
  transition: transform .7s var(--h-ease), box-shadow .6s;
}
body.sf-home-2027 .sf-ind-card .f-icon svg { color: var(--c) !important; }
body.sf-home-2027 .sf-ind-card.on .f-icon { box-shadow: 0 0 30px -6px var(--c); transform: scale(1.06); }
body.sf-home-2027 .ind-nr { position: absolute; top: 30px; right: 26px; font: 500 12px "JetBrains Mono", ui-monospace, monospace; color: var(--h-txt-3); transition: color .5s; }
body.sf-home-2027 .sf-ind-card.on .ind-nr { color: var(--c); }

/* tekst onderaan */
body.sf-home-2027 .sf-ind-card h3 {
  position: relative; margin: auto 0 0 !important; font: 700 clamp(18px, 1.5vw, 22px)/1.2 Poppins, sans-serif !important; letter-spacing: -.02em; color: #fff !important;
  transition: font-size .8s var(--h-ease);
}
body.sf-home-2027 .sf-ind-card.on h3 { font-size: clamp(24px, 2.3vw, 34px) !important; }
body.sf-home-2027 .sf-ind-card > p,
body.sf-home-2027 .sf-ind-card .feature-card__link {
  position: relative; max-width: 420px; max-height: 0; opacity: 0; overflow: hidden; transform: translateY(10px);
  transition: max-height .8s var(--h-ease), opacity .5s, transform .7s var(--h-ease), margin .8s var(--h-ease);
}
body.sf-home-2027 .sf-ind-card > p { margin: 0 !important; font-size: 16px !important; line-height: 1.55 !important; color: var(--h-txt-2) !important; }
body.sf-home-2027 .sf-ind-card .feature-card__link { display: inline-flex !important; align-items: center; gap: 8px; color: #fff !important; }
body.sf-home-2027 .sf-ind-card .feature-card__link span { color: var(--c); }
body.sf-home-2027 .sf-ind-card.on > p { max-height: 120px; opacity: 1; transform: none; margin-top: 12px !important; transition-delay: .25s; }
body.sf-home-2027 .sf-ind-card.on .feature-card__link { max-height: 40px; opacity: 1; transform: none; margin-top: 18px; transition-delay: .4s; }

/* decoratie: watermerk-icoon, baan en deeltjes */
body.sf-home-2027 .ind-deco { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
body.sf-home-2027 .ind-wm { position: absolute; right: -40px; top: 50%; width: 300px; height: 300px; translate: 0 -62%; opacity: .05; transition: opacity .8s, transform 1.2s var(--h-ease); transform: rotate(-12deg) scale(.8); }
body.sf-home-2027 .ind-wm svg { width: 100%; height: 100%; color: var(--c); stroke-width: 1.2; }
body.sf-home-2027 .sf-ind-card.on .ind-wm { opacity: .16; transform: rotate(-8deg) scale(1); animation: sfIndFloat 9s ease-in-out infinite; }
@keyframes sfIndFloat { 50% { translate: 0 -66%; } }
body.sf-home-2027 .ind-orbit {
  position: absolute; right: -60px; top: 50%; width: 340px; height: 340px; margin-top: -230px; border-radius: 50%;
  border: 1px dashed color-mix(in srgb, var(--c) 40%, transparent); opacity: 0; transition: opacity .8s; animation: sfIndSpin 40s linear infinite;
}
body.sf-home-2027 .ind-orbit i { position: absolute; left: 50%; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--c); box-shadow: 0 0 16px var(--c); }
body.sf-home-2027 .sf-ind-card.on .ind-orbit { opacity: .8; }
@keyframes sfIndSpin { to { transform: rotate(360deg); } }
body.sf-home-2027 .ind-dots i {
  position: absolute; bottom: -10px; width: 4px; height: 4px; border-radius: 50%; background: var(--c); box-shadow: 0 0 8px var(--c); opacity: 0;
}
body.sf-home-2027 .ind-dots i:nth-child(1) { left: 18%; } body.sf-home-2027 .ind-dots i:nth-child(2) { left: 34%; width: 3px; height: 3px; }
body.sf-home-2027 .ind-dots i:nth-child(3) { left: 52%; } body.sf-home-2027 .ind-dots i:nth-child(4) { left: 66%; width: 5px; height: 5px; }
body.sf-home-2027 .ind-dots i:nth-child(5) { left: 80%; width: 3px; height: 3px; } body.sf-home-2027 .ind-dots i:nth-child(6) { left: 91%; }
body.sf-home-2027 .sf-ind-card.on .ind-dots i { animation: sfIndRise 5s linear infinite; }
body.sf-home-2027 .sf-ind-card.on .ind-dots i:nth-child(2) { animation-delay: -1.2s; animation-duration: 6s; }
body.sf-home-2027 .sf-ind-card.on .ind-dots i:nth-child(3) { animation-delay: -2.5s; }
body.sf-home-2027 .sf-ind-card.on .ind-dots i:nth-child(4) { animation-delay: -3.4s; animation-duration: 7s; }
body.sf-home-2027 .sf-ind-card.on .ind-dots i:nth-child(5) { animation-delay: -.6s; animation-duration: 5.6s; }
body.sf-home-2027 .sf-ind-card.on .ind-dots i:nth-child(6) { animation-delay: -4.1s; }
@keyframes sfIndRise { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: .9; } 100% { transform: translateY(-420px); opacity: 0; } }

/* voortgang */
body.sf-home-2027 .ind-bar { position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: var(--c); box-shadow: 0 0 12px var(--c); opacity: 0; }
body.sf-home-2027 .sf-ind-card.on .ind-bar { opacity: 1; animation: sfBar var(--stap, 5200ms) linear both; }

@media (max-width: 900px) {
  body.sf-home-2027 .sf-ind-grid { flex-direction: column; height: auto; }
  body.sf-home-2027 .sf-ind-card { flex: none; min-height: 96px; padding: 22px 22px 22px 92px !important; justify-content: center; }
  body.sf-home-2027 .sf-ind-card.on { flex: none; min-height: 260px; justify-content: flex-end; padding: 96px 22px 24px !important; }
  body.sf-home-2027 .sf-ind-card:not(.on) h3 { margin: auto 0 !important; }
  body.sf-home-2027 .sf-ind-card .f-icon { top: 22px; left: 22px; }
  body.sf-home-2027 .sf-ind-card:not(.on) .f-icon { top: 50%; margin-top: -26px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.sf-home-2027 .sf-ind-card, body.sf-home-2027 .sf-ind-card * { animation: none !important; }
}
/* dichte panelen: verborgen tekst neemt geen ruimte in, titel staat onderaan */
@media (min-width: 901px) {
  body.sf-home-2027 .sf-ind-card:not(.on) > p,
  body.sf-home-2027 .sf-ind-card:not(.on) .feature-card__link { position: absolute; left: 26px; right: 26px; bottom: 26px; visibility: hidden; transition: none; }
}

/* branchefoto's met mensen */
body.sf-home-2027 .ind-foto {
  position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center 30%;
  filter: grayscale(.55) brightness(.42) blur(1.5px); transform: scale(1.08);
  transition: filter 1s var(--h-ease), transform 1.6s var(--h-ease);
}
body.sf-home-2027 .ind-foto::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(5, 6, 16, .35) 0%, rgba(5, 6, 16, .15) 35%, rgba(5, 6, 16, .82) 72%, rgba(5, 6, 16, .96) 100%),
              linear-gradient(90deg, color-mix(in srgb, var(--c) 22%, transparent), transparent 70%);
}
body.sf-home-2027 .sf-ind-card.on .ind-foto { filter: none; transform: scale(1); animation: sfIndZoom 12s ease-out both; }
@keyframes sfIndZoom { from { transform: scale(1.02); } to { transform: scale(1.1); } }
/* op de foto het watermerk-icoon en de baan rustiger */
body.sf-home-2027 .sf-ind-card.on .ind-wm { opacity: 0; }
body.sf-home-2027 .sf-ind-card.on .ind-orbit { opacity: .45; }
body.sf-home-2027 .sf-ind-card > p { color: rgba(244, 245, 250, .86) !important; }
body.sf-home-2027 .sf-ind-card .f-icon { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: color-mix(in srgb, var(--c) 22%, rgba(5, 6, 16, .5)) !important; }
@media (prefers-reduced-motion: reduce) { body.sf-home-2027 .ind-foto { transition: none; } }

/* kop van de branche-sectie */
@property --acc { syntax: '<color>'; inherits: true; initial-value: #FF8A3D; }
@property --acc2 { syntax: '<color>'; inherits: true; initial-value: #f472b6; }
body.sf-home-2027 .sf-ind { transition: --acc 1s ease, --acc2 1s ease; }
body.sf-home-2027 .sf-ind-head {
  display: grid !important; grid-template-columns: minmax(0, 1.7fr) minmax(0, .65fr); align-items: end; gap: 48px;
  text-align: left !important; max-width: none !important; margin: 0 0 44px !important;
}
body.sf-home-2027 .sf-ind-l { display: grid; justify-items: start; gap: 18px; }
body.sf-home-2027 .sf-ind-tag {
  display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px;
  font: 600 11px/1 Poppins, sans-serif; letter-spacing: .14em; text-transform: uppercase;
  color: #ff8a92; background: color-mix(in srgb, #E83642 11%, transparent); border: 1px solid color-mix(in srgb, #E83642 28%, transparent);
}
body.sf-home-2027 .sf-ind-tag i { width: 6px; height: 6px; border-radius: 50%; background: #E83642; box-shadow: 0 0 10px #E83642; }
body.sf-home-2027 .sf-ind-head h2 { margin: 0 !important; font-size: clamp(34px, 3.9vw, 58px) !important; line-height: 1.04 !important; text-align: left !important; -webkit-hyphens: manual !important; hyphens: manual !important; overflow-wrap: normal !important; word-break: normal !important; }
body.sf-home-2027 .sf-ind-acc {
  display: inline-block; padding-right: .06em;
  background: linear-gradient(100deg, #E83642 0%, #FF8A3D 40%, #ffd29a 50%, #FF8A3D 60%, #E83642 100%);
  background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  animation: sfIndShine 6s ease-in-out infinite;
}
@keyframes sfIndShine { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } }
body.sf-home-2027 .sf-ind-r { display: grid; gap: 18px; justify-items: start; padding-bottom: 8px; }
body.sf-home-2027 .sf-ind-r p { margin: 0 !important; text-align: left !important; font-size: 17px !important; line-height: 1.6 !important; color: var(--h-txt-2) !important; max-width: 420px; }
body.sf-home-2027 .sf-ind-tel { display: inline-flex; align-items: center; gap: 12px; font: 500 13px "JetBrains Mono", ui-monospace, monospace; color: var(--h-txt-3); }
body.sf-home-2027 .sf-ind-tel b { font-weight: 600; color: var(--acc); display: inline-block; }
body.sf-home-2027 .sf-ind-tel b.pop { animation: sfIndPop .5s cubic-bezier(.34, 1.8, .64, 1); }
@keyframes sfIndPop { from { transform: translateY(8px); opacity: 0; } to { transform: none; opacity: 1; } }
body.sf-home-2027 .sf-ind-tel i { width: 64px; height: 1px; background: linear-gradient(90deg, var(--acc), rgba(255, 255, 255, .15)); }
@media (max-width: 900px) {
  body.sf-home-2027 .sf-ind-head { grid-template-columns: minmax(0, 1fr); gap: 18px; margin-bottom: 28px !important; }
}
@media (prefers-reduced-motion: reduce) { body.sf-home-2027 .sf-ind-acc { animation: none; } }

/* kop op twee regels: begin op één regel, accent eronder */
body.sf-home-2027 .sf-ind-kop { display: block; }
body.sf-home-2027 .sf-ind-r2 { display: block; }
body.sf-home-2027 .sf-ind-acc { display: inline-block; }
/* ruimte voor de staarten van g, j, p, y in het verloop (anders afgesneden) */
body.sf-home-2027 .sf-ind-acc { padding-bottom: .14em; margin-bottom: -.14em; }
body.sf-home-2027 h2 span[style*="e63946"],
body.sf-home-2027 .cta-card h2 span:nth-of-type(2) { padding-bottom: .12em; margin-bottom: -.12em; display: inline-block; }