/* Homepage-only presentation; retain the original shared stylesheet. */
body.flow-home { background: #fff; line-height: 1.6; }
.flow-home *, .flow-home *::before, .flow-home *::after { animation: none !important; }
.flow-home a:hover, .flow-home button:hover, .flow-home .result:hover { transform: none !important; }
.flow-home .container { width: min(100% - 48px, 1120px); }
.flow-home .site-header-inner { width: min(100% - 48px, 1120px); gap: 24px; }
.flow-home .main-nav { gap: 20px; }
.flow-home .hero { min-height: 430px; padding: 60px 0; }
.flow-home .hero h1 { font-size: clamp(2.4rem,5vw,4rem); letter-spacing: -.035em; line-height: 1.08; }
.flow-home .hero .intro { max-width: 650px; }
.flow-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:28px; }
.flow-primary { display:inline-flex; align-items:center; justify-content:center; padding:12px 22px; background:var(--indigo); color:white; text-decoration:none; font-weight:700; border-radius:6px; }
.flow-primary:hover { background:var(--indigo-hover); }
.flow-hero-link { color:white; text-underline-offset:5px; }
.flow-home .homepage-info-link { max-width:1168px; padding:20px 24px 0; margin:auto; text-align:left; }
.flow-home .main-content { display:block; padding-top:0; padding-bottom:48px; }
.flow-home .main-content > section, .flow-home .top-calculator-grid { margin-top:0; padding-top:64px; padding-bottom:64px; }
.flow-home .top-calculator-grid { display:block; }
.flow-home .calculator-card { background:none; border:0; border-radius:0; box-shadow:none; padding-left:0; padding-right:0; }
.flow-home h2 { font-size:clamp(1.65rem,3vw,2.4rem); line-height:1.18; letter-spacing:-.025em; }
.flow-home .flow-calculator { display:grid; grid-template-columns:1.15fr 1fr; gap:64px; padding:0; align-items:center; }
.flow-home #points { max-width:480px; font-size:1.4rem; border-radius:6px; background:#fafaff; }
.flow-home .points-info { margin:0; padding:24px 0 24px 32px; background:none; border:0; border-left:1px solid var(--border); border-radius:0; }
.flow-home .points-info-label { text-transform:none; letter-spacing:0; font-size:1rem; }
.flow-home .points-info-row { flex-wrap:wrap; }
.flow-home .points-info-row strong { white-space:normal; }
.flow-home #vergelijk { border-top:1px solid var(--border); }
.flow-home .result { padding:24px 0; background:none; }
.flow-home .result.winner { padding:28px; background:#f4f3ff; border:0; border-left:3px solid var(--indigo); border-radius:4px; }
.flow-home .result-value { color:var(--navy); font-size:1.4rem; }
.flow-home .result.winner .result-value { font-size:1.8rem; }
.flow-home .best-badge { color:var(--indigo-hover); background:#f4f3ff; border:0; border-radius:4px; font-weight:600; }
.flow-home .recommendation { padding:20px 0 0; border:0; background:none; border-radius:0; }
.flow-disclosure { margin-top:28px; border-top:1px solid var(--border); }
.flow-disclosure > summary { cursor:pointer; color:var(--navy); font-weight:600; padding:18px 0; }
.flow-home .input-grid > div { padding:16px 0; background:none; border:0; border-radius:0; }
.flow-home .avg-value { color:var(--navy); }
.flow-home #aanbiedingen { border-top:1px solid var(--border); }
.flow-home .offer-item { padding:28px 0; }
.flow-home .offer-meta { background:#f8fafc; border-radius:4px; }
.flow-home .filter-row select { border-radius:6px; }
.flow-home .flow-plus { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:64px; padding:56px 40px; margin:12px -40px; background:#f2f3fb; border:0; border-radius:0; box-shadow:none; }
.flow-plus-copy > p { color:var(--muted); }
.flow-home .premium-button { display:inline-flex; align-items:center; justify-content:center; margin-top:18px; min-height:46px; text-decoration:none; border-radius:6px; }
.flow-dashboard { padding:28px; background:white; border:1px solid #e0e4ef; border-radius:12px; box-shadow:0 12px 35px rgba(11,36,71,.07); }
.flow-dashboard-top { display:flex; justify-content:space-between; gap:16px; color:var(--navy); font-weight:700; }
.flow-example { color:var(--muted); font-size:.75rem; font-weight:400; }
.flow-dashboard-label { color:var(--indigo); margin:28px 0 6px; font-size:.85rem; }
.flow-dashboard h3 { margin:0 0 20px; }
.flow-dashboard-row { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-top:1px solid var(--border); color:var(--muted); }
.flow-dashboard-row strong { color:var(--navy); }
.flow-dashboard-note { font-size:.8rem; color:var(--muted); margin:18px 0 0; }
.flow-eyebrow { color:var(--indigo); font-size:.8rem; font-weight:700; }
.flow-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:36px; }
.flow-steps > div { border-top:1px solid var(--border); padding-top:20px; }
.flow-steps span { color:var(--indigo); font-weight:700; }
.flow-steps h3 { margin:12px 0 8px; font-size:1.1rem; }
.flow-steps p { color:var(--muted); margin:0; }
.flow-home .landing-navigation, .flow-home .faq-section { border-top:1px solid var(--border); }
.flow-home .landing-navigation-grid a { min-height:0; padding:18px 0; border:0; border-bottom:1px solid var(--border); border-radius:0; box-shadow:none; background:none; }
.flow-home .newsletter-section { grid-template-columns:1fr 1fr; background:#f6f8fb; border:0; border-radius:0; padding:40px; }
.flow-home .newsletter-form { border:0; padding:0; background:none; }
.flow-home .newsletter-submit { background:var(--indigo); border-radius:6px; }
.flow-home .main-content > .disclaimer { margin-top:24px; padding:18px 0; border:0; border-top:1px solid var(--border); background:none; border-radius:0; }
.flow-home .site-footer { padding:16px 0 32px; }
.flow-home .site-footer .footer-content { padding-left:0; padding-right:0; }
.flow-home a, .flow-home button, .flow-home input, .flow-home select { transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease; }
#uitleg, #how-it-works { scroll-margin-top:24px; }
@media (prefers-reduced-motion:no-preference) {
.flow-home .hero-content { animation:flow-entrance 450ms ease-out both !important; }
.flow-home .flow-dashboard.flow-visible { animation:flow-entrance 400ms ease-out both !important; }
.flow-home .flow-primary:hover, .flow-home .premium-button:hover { transform:translateY(-1px) !important; }
.flow-home .flow-primary, .flow-home .premium-button { transition:background-color 160ms ease,transform 160ms ease; }
}
@keyframes flow-entrance { from { opacity:.4; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1000px) and (min-width:761px) {
.flow-home .site-header-inner { gap:12px; } .flow-home .brand img { width:120px; }
.flow-home .main-nav { gap:12px; } .flow-home .main-nav a { font-size:13px; }
}
@media (max-width:760px) {
.flow-home .container,.flow-home .site-header-inner { width:calc(100% - 32px); }
.flow-home .hero { min-height:360px; padding:36px 0; background-position:62% center; }
.flow-home .hero h1 { font-size:clamp(2.2rem,9vw,3rem); }
.flow-home .homepage-info-link { padding:16px 16px 0; }
.flow-home .main-content > section,.flow-home .top-calculator-grid { padding-top:40px; padding-bottom:40px; }
.flow-home .flow-calculator,.flow-home .flow-plus,.flow-home .newsletter-section { grid-template-columns:1fr; gap:28px; }
.flow-home .flow-calculator { padding:0; }
.flow-home .points-info { padding:20px 0 0; border-left:0; border-top:1px solid var(--border); }
.flow-home .points-info-row strong { text-align:left; }
.flow-home .flow-plus { padding:32px 16px; margin-left:-16px; margin-right:-16px; }
.flow-dashboard { padding:22px; }
.flow-steps { grid-template-columns:1fr; gap:24px; }
.flow-home .newsletter-section { padding:28px 20px; }
.flow-home .result.winner { padding:22px 16px; }
}
@media (prefers-reduced-motion:reduce) {
.flow-home *, .flow-home *::before,.flow-home *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}