/* Native-block feature pages, shared with the Site Editor. */
.luingo-feature-page > .wp-block-post-content > * { margin-block-start: 0; }
.feature-hero { background: #eef5f0; background-image: radial-gradient(ellipse at 80% 40%,#dcece1,transparent 65%); }
.feature-hero .section-inner { padding-top: 65px; padding-bottom: 45px; }
.luingo-home .feature-hero-columns { gap: 55px; align-items: center; }
.feature-hero-columns > .wp-block-column:first-child { flex-basis: 46%; }
.feature-hero-columns > .wp-block-column:last-child { flex-basis: 54%; }
.luingo-home .feature-hero h1 { font-size: clamp(2.75rem,4.5vw,3.85rem); line-height: 1.08; letter-spacing: -.055em; text-wrap: balance; }
.feature-hero-lead { max-width: 540px; margin-top: 25px !important; color: var(--luingo-muted); font-size: 1rem; }
.feature-hero .wp-block-buttons { gap: 12px; }
.feature-hero .wp-block-button__link { padding: 15px 20px; font-size: .8rem; }
.feature-hero-note { font-size: .75rem; color: #426757; margin-top: 22px !important; }
.feature-hero-display { min-width: 0; }
.portal-hero-screens { position: relative; display: flex; align-items: flex-start; justify-content: center; gap: 22px; padding: 10px 12px 25px; }
.portal-hero-screens:before { content: ''; position: absolute; z-index: 0; width: 95%; aspect-ratio: 1; border-radius: 50%; background: #c8ded149; top: 8%; left: 3%; }
.portal-screen { margin: 0; position: relative; }
.portal-screen img { display: block; width: 100%; height: auto; border-radius: 9px; box-shadow: 0 15px 30px #13425416; }
.portal-hero-screens .portal-screen { width: 44%; max-width: 226px; flex-shrink: 0; }
.portal-hero-screens .hero-portal-dashboard { transform: rotate(-3deg); }
.portal-hero-screens .hero-portal-pnl { margin-top: 48px; transform: rotate(3deg); }
.feature-screen-note { font-size: .68rem; text-align: center; color: var(--luingo-muted); margin-top: 15px !important; }
.feature-promises { display: flex; justify-content: space-between; gap: 24px; margin-top: 42px; padding-top: 25px; border-top: 1px solid #c5dacf; }
.feature-promise { color: #345747; font-size: .78rem; font-weight: 600; }
.feature-promise:before { content: '✓'; margin-right: 10px; color: #547b63; }
.feature-workflow { background: var(--luingo-dark); color: white; }
.feature-workflow .eyebrow { color: var(--luingo-lime); }
.feature-workflow .section-lead { color: #bdcfd3; margin-top: 24px; max-width: 740px; }
.luingo-home .feature-step-grid { gap: 35px; align-items: stretch; margin-top: 43px; }
.feature-step { border-top: 1px solid #526c74; padding-top: 22px; }
.feature-step-number { color: var(--luingo-lime); font-size: .75rem; font-weight: 600; margin-bottom: 18px !important; }
.feature-step p:last-child { color: #bdcfd3; font-size: .85rem; margin-top: 14px; }
.feature-workflow .is-style-outline .wp-block-button__link { color: white; border-color: #7d9a9d; }
.feature-workflow .is-style-outline .wp-block-button__link:hover { background: #205b70; }
.feature-inside .section-lead { margin-top: 22px; }
.luingo-home .feature-grid { margin-top: 38px; gap: 22px; align-items: stretch; }
.feature-grid + .feature-grid { margin-top: 22px; }
.feature-card { height: 100%; border: 1px solid var(--luingo-line); border-radius: 12px; background: #f7faf8; padding: 28px; }
.feature-card-number { font-size: .72rem; color: #547768; font-weight: 600; margin-bottom: 17px !important; }
.feature-card p:last-child { font-size: .85rem; color: var(--luingo-muted); margin-top: 14px; }
.feature-report { background: #f2f6f4; }
.luingo-home .feature-report-columns { gap: 100px; }
.portal-report-visual { position: relative; text-align: center; padding: 30px; background: #e0ece3; border: 1px solid #cfdfd3; border-radius: 18px; }
.portal-report-visual .portal-screen { width: min(280px,100%); margin-inline: auto; }
.feature-report .section-lead { margin-top: 23px; }
.feature-report .wp-block-list { padding-left: 20px; color: var(--luingo-muted); font-size: .88rem; margin-top: 28px; }
.feature-report li { margin-bottom: 13px; }
.screenshot-link { margin-top: 14px !important; font-size: .74rem; font-weight: 600; }
.feature-branding { background: #f7f4ed; }
.luingo-home .feature-brand-columns { gap: 100px; }
.feature-branding .section-lead { margin-top: 23px; }
.portal-brand-benefit { margin-top: 28px; }
.portal-brand-benefit h3 { font-size: 1rem; }
.portal-brand-benefit p { color: var(--luingo-muted); font-size: .88rem; margin-top: 10px; }
.portal-brand-visual { padding: 28px; background: #eee7d7; border: 1px solid #e2dac9; border-radius: 18px; }
.portal-brand-visual .portal-screen { width: min(270px,100%); margin-inline: auto; }
.feature-onboarding .section-lead { margin-top: 23px; }
.luingo-home .feature-onboarding-columns { gap: 80px; }
.feature-action-card { border: 1px solid #c9dcd0; border-radius: 12px; background: #eaf3ec; padding: 35px; }
.feature-action-card p { color: var(--luingo-muted); font-size: .88rem; margin-top: 18px; }
.feature-action-card .feature-action-note { font-size: .72rem; margin-top: 20px; }
.feature-faq { border-top: 1px solid var(--luingo-line); }
.feature-final .feature-trial-note { font-size: .76rem; color: #cbdadd; max-width: 750px; margin: 27px auto 0 !important; }
.feature-pricing-link { margin-top: 18px !important; font-size: .83rem; }
.feature-final .feature-pricing-link a { color: var(--luingo-lime); }
@media (max-width: 1100px) {
 .luingo-home .feature-hero-columns { gap: 35px; }
 .portal-hero-screens { gap: 15px; padding-inline: 0; }
 .luingo-home .feature-report-columns, .luingo-home .feature-brand-columns, .luingo-home .feature-onboarding-columns { gap: 50px; }
 .feature-card { padding: 25px; }
}
@media (max-width: 781px) {
 .feature-hero .section-inner { padding-top: 48px; padding-bottom: 35px; }
 .luingo-home .feature-hero-columns { gap: 38px; }
 .feature-hero-lead { font-size: .95rem; }
 .portal-hero-screens { max-width: 550px; margin-inline: auto; gap: 22px; }
 .portal-hero-screens .portal-screen { width: 42%; }
 .feature-promises { flex-wrap: wrap; justify-content: center; gap: 15px 25px; margin-top: 25px; }
 .luingo-home .feature-step-grid { gap: 30px; }
 .luingo-home .feature-grid { gap: 18px; }
 .feature-card { padding: 26px; }
 .luingo-home .feature-report-columns, .luingo-home .feature-brand-columns, .luingo-home .feature-onboarding-columns { gap: 35px; }
 .feature-report-columns > .wp-block-column:first-child { order: 2; }
 .feature-report-columns > .wp-block-column:last-child { order: 1; }
 .portal-report-visual, .portal-brand-visual { max-width: 460px; margin-inline: auto; }
 .feature-action-card { padding: 28px; }
}
@media (max-width: 380px) {
 .portal-hero-screens { gap: 15px; }
 .portal-hero-screens .hero-portal-pnl { margin-top: 32px; }
 .feature-hero .wp-block-buttons { flex-direction: column; align-items: stretch; }
 .feature-hero .wp-block-button, .feature-hero .wp-block-button__link { width: 100%; }
 .portal-report-visual, .portal-brand-visual { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) { .portal-hero-screens .portal-screen { transform: none; } }