/*
Theme Name: Flowilo
Theme URI: https://flowilo.be
Author: Flowilo
Description: Landing page for Flowilo.
Version: 1.3.6
Text Domain: flowilo
*/

:root { --ink:#10182f; --blue:#2472e6; --violet:#8d6cf4; --canvas:#faf9f8; --muted:#5b5c65; --line:#e7e6e6; --card:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--canvas); color:#171717; font-family:Inter,Arial,sans-serif; line-height:1.5; }
a { color:inherit; text-decoration:none; }
.flowilo-page { overflow:hidden; }
.flowilo-page section { scroll-margin-top:96px; }
.container { max-width:1280px; margin:auto; padding:0 40px; }
.site-header { position:sticky; top:0; z-index:10; background:rgba(250,249,248,.88); backdrop-filter:blur(18px); border-bottom:1px solid rgba(30,30,35,.08); }
.nav { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand img { display:block; width:138px; height:auto; mix-blend-mode:multiply; }
.nav-links { display:flex; gap:31px; align-items:center; font:500 14px/1 Geist,Inter,sans-serif; color:#40414a; }
.nav-links a:hover,.login:hover { color:var(--blue); }
.nav-actions { display:flex; gap:23px; align-items:center; font-size:14px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 27px; border-radius:10px; background:var(--ink); color:#fff; font:500 14px/1 Geist,Inter,sans-serif; transition:transform .2s, background .2s; }
.button:hover { background:#283456; transform:translateY(-2px); }
.hero { text-align:center; padding:78px 0 100px; }
.eyebrow { display:inline-flex; align-items:center; padding:6px 16px; border-radius:999px; background:#2771e5; color:#fff; font:500 14px/1.25 Geist,Inter,sans-serif; }
.hero h1 { max-width:850px; margin:29px auto 22px; font:700 clamp(44px,5.1vw,68px)/1.05 Geist,Inter,sans-serif; letter-spacing:0; }
.hero p { max-width:760px; margin:0 auto 33px; color:#575862; font-size:18px; line-height:1.48; }
.hero .hero-subcopy { max-width:690px; margin-top:-15px; color:#42444f; font-size:16px; }
.hero-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:8px; }
.hero .button { min-width:250px; }
.button-secondary { background:#fff; color:var(--ink); border:1px solid #dedddd; }
.button-secondary:hover { background:#f4f3f2; }
.cta-note { margin-top:13px!important; font-size:14px!important; color:#696a74!important; }
.hero-visual { position:relative; max-width:1010px; margin:60px auto 0; padding:13px; background:#fff; border:1px solid #eee; border-radius:25px; box-shadow:0 10px 38px rgba(10,17,40,.06); }
.hero-visual img { display:block; width:100%; height:auto; aspect-ratio:1672 / 941; object-fit:contain; border-radius:17px; }
.section { padding:94px 0; }
.section-heading { margin:0 0 53px; text-align:center; font:600 clamp(28px,3vw,36px)/1.15 Geist,Inter,sans-serif; letter-spacing:0; }
.feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.feature-card { overflow:hidden; min-height:360px; border:1px solid #efeeee; border-radius:17px; background:var(--card); box-shadow:0 7px 23px rgba(10,17,40,.035); }
.feature-card img { width:100%; height:252px; display:block; object-fit:cover; }
.feature-card p { margin:0; padding:22px; color:#53545e; font-size:16px; }
.problem-section { background:#10182f; color:#fff; }
.problem-section .section-kicker { color:#baaaff; }
.problem-section .section-heading { max-width:720px; margin-left:auto; margin-right:auto; }
.problem-grid,.workflow-grid,.fit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.problem-grid article { min-height:215px; padding:27px; border:1px solid rgba(255,255,255,.16); border-radius:18px; background:rgba(255,255,255,.06); }
.problem-grid span { color:#baaaff; font:600 13px/1 Geist,Inter,sans-serif; text-transform:uppercase; letter-spacing:.08em; }
.problem-grid h3,.workflow-grid h3 { margin:15px 0 9px; font:600 22px/1.2 Geist,Inter,sans-serif; letter-spacing:0; }
.problem-grid p { margin:0; color:#d5d7e0; }
.problem-solution { margin:34px auto 0; max-width:660px; text-align:center; color:#fff; font-size:18px; }
.fit-grid { grid-template-columns:1fr 1fr; }
.fit-card { padding:37px; border:1px solid #e5e3e1; border-radius:22px; background:#fff; }
.fit-card-positive { background:#f4f1ff; border-color:#ded6ff; }
.fit-card h2 { margin:0 0 23px; color:var(--ink); font:600 27px/1.15 Geist,Inter,sans-serif; letter-spacing:0; }
.fit-card p { color:#62636d; }
.plain-list { margin:0; padding-left:20px; color:#444550; }
.plain-list li { margin-bottom:12px; }
.workflow-section { background:#fff; }
.workflow-grid article { position:relative; padding:25px; border:1px solid #e8e7e6; border-radius:20px; background:#faf9f8; }
.workflow-grid img { display:block; width:100%; height:180px; margin:0 0 22px; border-radius:12px; object-fit:cover; }
.workflow-grid h3 { color:var(--ink); margin-top:0; }
.workflow-grid p { margin:0; color:#60616a; }
.step-number { position:absolute; top:12px; left:12px; z-index:1; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--ink); color:#fff; font:600 14px/1 Geist,Inter,sans-serif; }
.banking-section { background:#f6fbfb; }
.banking-split { align-items:stretch; }
.banking-split h2 { max-width:580px; }
.banking-offer-panel { display:flex; flex-direction:column; justify-content:center; min-height:320px; padding:38px; border:1px solid #cfe0e2; border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(14,45,54,.06); }
.banking-offer-panel span { width:max-content; margin-bottom:16px; border-radius:999px; padding:7px 11px; background:#e7f5ee; color:#19613e; font:700 13px/1 Geist,Inter,sans-serif; text-transform:uppercase; letter-spacing:.06em; }
.banking-offer-panel h3 { margin:0 0 13px; color:var(--ink); font:650 29px/1.12 Geist,Inter,sans-serif; letter-spacing:0; }
.banking-offer-panel p { margin:0; color:#53616a; font-size:17px; line-height:1.55; }
.testimonial-section { background:#fff; }
.section-kicker { margin:0 0 12px; color:#6651da; text-align:center; font:600 14px/1 Geist,Inter,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.testimonial-section .section-heading { max-width:700px; margin:0 auto 34px; }
.testimonial-card { position:relative; max-width:820px; margin:0 auto; padding:43px 48px; border:1px solid #e3e0fb; border-radius:24px; background:linear-gradient(135deg,#fbfaff,#f3f0ff); box-shadow:0 16px 34px rgba(61,51,145,.08); }
.testimonial-card blockquote { margin:0; color:var(--ink); font:500 clamp(20px,2.25vw,28px)/1.42 Geist,Inter,sans-serif; letter-spacing:0; }
.testimonial-card figcaption { display:flex; flex-direction:column; gap:3px; margin-top:26px; color:#555664; font-size:15px; }
.testimonial-card figcaption strong { color:var(--ink); font:600 16px/1 Geist,Inter,sans-serif; }
.pricing-section { background:linear-gradient(180deg,#f7f5ff 0%,#faf9f8 100%); }
.pricing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:920px; margin:0 auto; }
.pricing-grid-single { max-width:520px; grid-template-columns:1fr; }
.pricing-grid-offers { max-width:1180px; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.pricing-card { position:relative; padding:42px; border:1px solid #dcd8ff; border-radius:24px; background:#fff; text-align:center; box-shadow:0 18px 42px rgba(61,51,145,.10); }
.pricing-card-addon { border-color:#cfe0e2; box-shadow:0 16px 34px rgba(14,45,54,.08); }
.pricing-card-featured { border-color:#b7c9ff; background:linear-gradient(180deg,#fff,#f6f8ff); }
.pricing-tag { position:absolute; top:18px; right:18px; border-radius:999px; padding:6px 9px; background:#e7f5ee; color:#19613e; font:800 12px/1 Geist,Inter,sans-serif; text-transform:uppercase; letter-spacing:.06em; }
.pricing-eyebrow { margin:0 0 10px; color:#6651da; font:600 15px/1 Geist,Inter,sans-serif; }
.price { margin:0; color:var(--ink); font:500 18px/1.1 Geist,Inter,sans-serif; }
.price span { font-size:52px; font-weight:700; letter-spacing:0; }
.pricing-copy { max-width:390px; margin:22px auto 27px; color:#575862; }
.pricing-list { display:grid; gap:14px; margin:0 0 30px; padding:0; list-style:none; text-align:left; }
.pricing-list li { display:flex; align-items:flex-start; gap:11px; color:#353641; font-size:15px; line-height:1.35; }
.pricing-list .check { flex:none; margin-top:1px; }
.pricing-list strong,.pricing-list small { display:block; }
.pricing-list strong { color:var(--ink); font-weight:650; }
.pricing-list small { margin-top:3px; color:#656673; font-size:13px; line-height:1.45; }
.pricing-card .button { min-width:218px; }
.feature-text { display:flex; flex-direction:column; justify-content:center; padding:40px; }
.icon { display:grid; place-items:center; width:49px; height:49px; border-radius:14px; background:#e8f0ff; color:#176ad9; font-size:26px; margin-bottom:21px; }
.feature-text h3 { margin:0 0 12px; font:600 25px/1.15 Geist,Inter,sans-serif; letter-spacing:0; }
.feature-text p { padding:0; }
.reassurance { background:#f4f3f2; }
.section-kicker-left { text-align:left; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.split h2 { max-width:470px; margin:0 0 20px; font:600 clamp(31px,3vw,42px)/1.15 Geist,Inter,sans-serif; letter-spacing:0; }
.split p { max-width:530px; color:#565762; font-size:18px; }
.checks { list-style:none; padding:8px 0 0; margin:0; display:grid; gap:17px; }
.checks li { display:flex; align-items:center; gap:12px; font-size:16px; }
.check { width:22px; height:22px; border:2px solid #2170e4; border-radius:50%; display:inline-grid; place-items:center; color:#2170e4; font-size:13px; font-weight:800; }
.lifestyle { width:100%; height:402px; border-radius:24px; object-fit:cover; box-shadow:0 8px 24px rgba(10,17,40,.06); }
.faq-section { max-width:920px; }
.faq-list { display:grid; gap:12px; }
.faq-list details { padding:0 24px; border:1px solid #e6e5e4; border-radius:13px; background:#fff; }
.faq-list summary { padding:20px 0; cursor:pointer; color:var(--ink); font:600 17px/1.35 Geist,Inter,sans-serif; }
.faq-list p { margin:0 0 20px; color:#5d5e67; }
.final-cta { padding:85px 0; background:linear-gradient(135deg,#1a2748,#5542a9); color:#fff; text-align:center; }
.final-cta h2 { max-width:780px; margin:0 auto 15px; font:600 clamp(31px,4vw,49px)/1.08 Geist,Inter,sans-serif; letter-spacing:0; }
.final-cta p { margin:0 auto 28px; color:#e2def8; font-size:18px; }
.final-cta .button { background:#fff; color:var(--ink); }
.seo-hero { padding:100px 0 90px; background:linear-gradient(135deg,#f4f1ff,#f8faff); text-align:center; }
.seo-hero h1 { max-width:880px; margin:16px auto 20px; color:var(--ink); font:700 clamp(38px,5vw,63px)/1.06 Geist,Inter,sans-serif; letter-spacing:0; }
.seo-hero p { max-width:760px; margin:0 auto 30px; color:#565762; font-size:18px; }
.seo-points { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.seo-points article { display:flex; gap:13px; padding:27px; border:1px solid #e8e7e6; border-radius:17px; background:#fff; }
.seo-points p { margin:0; color:#4e4f59; }
.seo-crosslinks { background:#10182f; color:#fff; }
.seo-crosslinks h2 { margin:0 0 26px; font:600 31px/1.15 Geist,Inter,sans-serif; letter-spacing:0; }
.seo-crosslinks nav { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.seo-crosslinks a { display:flex; justify-content:space-between; gap:12px; padding:17px; border:1px solid rgba(255,255,255,.16); border-radius:10px; color:#f5f5fb; }
.accountant-page .section-heading { max-width:820px; margin-left:auto; margin-right:auto; }
.accountant-hero { padding:82px 0 98px; background:#f7f9fb; }
.accountant-hero-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:56px; align-items:center; }
.accountant-hero-copy h1 { max-width:690px; margin:28px 0 22px; color:var(--ink); font:700 clamp(44px,5.2vw,68px)/1.04 Geist,Inter,sans-serif; letter-spacing:0; }
.accountant-hero-copy p { max-width:620px; margin:0 0 30px; color:#535967; font-size:18px; line-height:1.55; }
.accountant-hero-copy .hero-actions { justify-content:flex-start; }
.accountant-hero-copy .button { min-width:215px; }
.accountant-hero-visual { position:relative; padding:13px; border:1px solid #e6e9f0; border-radius:24px; background:#fff; box-shadow:0 22px 48px rgba(16,24,47,.10); }
.accountant-hero-visual img { display:block; width:100%; aspect-ratio:1672 / 941; height:auto; border-radius:16px; object-fit:cover; object-position:top center; }
.accountant-metric { position:absolute; min-width:156px; padding:15px 17px; border:1px solid #dfe5f0; border-radius:12px; background:rgba(255,255,255,.94); box-shadow:0 14px 34px rgba(16,24,47,.13); }
.accountant-metric strong { display:block; color:var(--ink); font:750 30px/1 Geist,Inter,sans-serif; letter-spacing:0; }
.accountant-metric span { display:block; margin-top:4px; color:#5c6372; font-size:13px; }
.accountant-metric-one { left:24px; bottom:24px; }
.accountant-metric-two { right:24px; top:24px; }
.accountant-problem { background:#10182f; color:#fff; }
.accountant-problem .section-kicker { color:#baaaff; }
.accountant-fit { background:#fff; }
.accountant-workflow .workflow-grid article { background:#fff; }
.site-footer { border-top:1px solid #e8e7e6; background:#fff; padding:53px 0; }
.footer-content { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; }
.footer-brand { font:600 25px/1 Geist,Inter,sans-serif; letter-spacing:0; }
.copyright { margin:15px 0 0; color:#5c5c65; font-size:14px; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:24px; color:#55565e; font-size:14px; }
@media (max-width:760px) { .flowilo-page section { scroll-margin-top:82px; } .container { padding:0 20px; } .nav { min-height:68px; } .brand img { width:112px; } .nav-links,.login { display:none; } .nav-actions { gap:0; } .nav .button { min-height:39px; padding:0 15px; font-size:12px; } .hero { padding:53px 0 61px; } .eyebrow { font-size:12px; padding:6px 12px; } .hero h1 { margin-top:23px; font-size:43px; } .hero p { font-size:16px; } .hero .hero-subcopy { margin-top:-16px; font-size:15px; } .hero-actions { display:grid; gap:10px; } .hero-actions .button { width:100%; min-width:0; } .hero-visual { margin-top:42px; padding:7px; border-radius:17px; } .hero-visual img { border-radius:12px; } .section { padding:65px 0; } .section-heading { margin-bottom:32px; } .feature-grid,.split,.pricing-grid,.problem-grid,.workflow-grid,.fit-grid,.seo-points,.seo-crosslinks nav,.accountant-hero-grid { grid-template-columns:1fr; gap:18px; } .feature-card { min-height:0; } .feature-card img { height:220px; } .feature-text { min-height:260px; padding:28px; } .testimonial-card { padding:30px 25px; } .pricing-card,.fit-card,.banking-offer-panel { padding:31px 23px; } .price span { font-size:45px; } .split { gap:35px; } .split p { font-size:16px; } .banking-offer-panel { min-height:0; } .lifestyle { height:280px; border-radius:18px; } .seo-hero { padding:68px 0 60px; } .accountant-hero { padding:58px 0 64px; } .accountant-hero-copy h1 { font-size:42px; } .accountant-hero-copy p { font-size:16px; } .accountant-hero-copy .hero-actions { display:grid; } .accountant-hero-visual { padding:7px; border-radius:17px; } .accountant-hero-visual img { border-radius:12px; } .accountant-metric { position:static; display:inline-block; min-width:0; margin:10px 6px 0 0; } .site-footer { padding:39px 0; } .footer-content { display:block; } .footer-links { margin-top:30px; justify-content:flex-start; gap:14px 20px; } }

.footer-credit { margin:7px 0 0; color:#767780; font-size:13px; }
.footer-credit a { color:#2b61c8; text-decoration:underline; text-underline-offset:3px; }
.footer-links { gap:18px 24px; }
.footer-links a:hover,.footer-link-button:hover { color:var(--blue); }
.footer-link-button { appearance:none; margin:0; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; font:inherit; text-align:left; }
.editable-page { background:#fff; }
.editable-page-content { max-width:920px; padding-top:68px; padding-bottom:82px; }
.editable-page-header { margin-bottom:28px; }
.editable-page-header h1 { max-width:800px; margin:0; color:var(--ink); font:700 clamp(36px,5vw,58px)/1.05 Geist,Inter,sans-serif; letter-spacing:0; }
.entry-content { color:#4f505a; font-size:16px; line-height:1.72; }
.entry-content > * { margin-top:0; margin-bottom:20px; }
.entry-content h1,.entry-content h2,.entry-content h3 { color:var(--ink); font-family:Geist,Inter,sans-serif; letter-spacing:0; }
.entry-content h1 { margin-top:8px; font-size:clamp(34px,5vw,54px); line-height:1.06; }
.entry-content h2 { margin-top:38px; padding-top:24px; border-top:1px solid #ecebea; font-size:26px; line-height:1.18; }
.entry-content h3 { margin-top:26px; font-size:20px; line-height:1.22; }
.entry-content ul,.entry-content ol { padding-left:24px; }
.entry-content li { margin-bottom:10px; }
.entry-content .wp-block-buttons { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 34px; }
.entry-content .wp-block-button__link { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 24px; border-radius:10px; background:var(--ink); color:#fff; font:600 14px/1 Geist,Inter,sans-serif; }
.entry-content .wp-block-columns { gap:22px; margin:30px 0; }
.entry-content .wp-block-column { padding:24px; border:1px solid #e8e7e6; border-radius:12px; background:#faf9f8; }
.legal-page { background:#fff; }
.legal-content { max-width:920px; padding-top:68px; padding-bottom:82px; }
.legal-back { display:inline-flex; margin-bottom:36px; color:#4f5a6f; font:600 14px/1 Geist,Inter,sans-serif; }
.legal-back:hover { color:var(--blue); }
.legal-header h1 { max-width:760px; margin:12px 0 12px; color:var(--ink); font:700 clamp(36px,5vw,58px)/1.05 Geist,Inter,sans-serif; letter-spacing:0; }
.legal-updated { margin:0; color:#6a6b75; font-size:14px; }
.legal-notice { margin:34px 0 30px; padding:16px 18px; border:1px solid #d9e3ff; border-radius:10px; background:#f5f8ff; color:#334364; font-size:14px; }
.legal-content p { color:#4f505a; font-size:16px; line-height:1.7; }
.legal-section { padding-top:24px; margin-top:20px; border-top:1px solid #ecebea; }
.legal-section h2 { margin:0 0 12px; color:var(--ink); font:650 23px/1.2 Geist,Inter,sans-serif; letter-spacing:0; }

@media (max-width:760px) {
  .editable-page-content { padding-top:48px; padding-bottom:58px; }
  .editable-page-header h1 { font-size:36px; }
  .entry-content h1 { font-size:34px; }
  .entry-content h2 { font-size:23px; }
  .entry-content .wp-block-buttons { display:grid; }
  .entry-content .wp-block-button__link { width:100%; }
  .entry-content .wp-block-column { padding:20px; }
  .legal-content { padding-top:48px; padding-bottom:58px; }
  .legal-header h1 { font-size:36px; }
}

.editable-home-page .editable-page-content { max-width:1120px; }
.editable-home-page .entry-content > h1:first-child { max-width:860px; color:var(--ink); font:700 clamp(42px,5.2vw,68px)/1.05 Geist,Inter,sans-serif; }
.editable-home-page .entry-content > p:first-of-type { max-width:760px; color:#575862; font-size:18px; line-height:1.55; }


.flowilo-accountant-form { margin-top:46px; padding-top:32px; border-top:1px solid #ecebea; }
.flowilo-accountant-form h2 { margin-top:0; }
.flowilo-accountant-form p { max-width:720px; }
.accountant-contact { background:#fff; }
.accountant-contact .section-heading { max-width:760px; }
.flowilo-form-embed { overflow:hidden; margin:28px auto 0; border:1px solid #e1e4ec; border-radius:12px; background:#fff; box-shadow:0 16px 38px rgba(16,24,47,.08); }
.flowilo-form-embed iframe { display:block; width:100%!important; min-height:500px; }
.flowilo-form-fallback { margin:0; padding:13px 16px; border-top:1px solid #eef1f6; color:#5b6170; font-size:14px; line-height:1.45; }
.flowilo-form-fallback a { color:#245fd8; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:760px) { .flowilo-form-embed { border-radius:8px; } .flowilo-form-embed iframe { min-height:560px; } }

.flowilo-accountant-app-preview { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:34px; align-items:center; margin:42px 0 44px; padding:28px; border:1px solid #e1e6f0; border-radius:18px; background:#f7f9fb; box-shadow:0 16px 36px rgba(16,24,47,.07); }
.flowilo-accountant-preview-copy h2 { margin:10px 0 14px; padding:0; border:0; color:var(--ink); font:650 28px/1.14 Geist,Inter,sans-serif; letter-spacing:0; }
.flowilo-accountant-preview-copy p { margin-bottom:18px; color:#535967; }
.flowilo-accountant-preview-copy .checks { gap:12px; padding-top:3px; }
.flowilo-accountant-preview-copy .checks li { align-items:flex-start; color:#343b4d; font-size:15px; line-height:1.45; }
.flowilo-accountant-preview-copy .check { flex:none; margin-top:1px; }
.flowilo-accountant-preview-screen { margin:0; }
.flowilo-accountant-preview-screen img { display:block; width:100%; height:auto; aspect-ratio:1672 / 941; object-fit:cover; object-position:top center; border:1px solid #dde3ee; border-radius:12px; background:#fff; box-shadow:0 12px 28px rgba(16,24,47,.10); }
.flowilo-accountant-preview-screen figcaption { margin-top:10px; color:#6a7180; font-size:13px; line-height:1.4; }
.flowilo-accountant-feature-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:34px 0 44px; }
.flowilo-accountant-feature-strip article { overflow:hidden; border:1px solid #e8e7e6; border-radius:12px; background:#fff; box-shadow:0 7px 22px rgba(16,24,47,.04); }
.flowilo-accountant-feature-strip img { display:block; width:100%; height:154px; object-fit:cover; object-position:top center; }
.flowilo-accountant-feature-strip h3 { margin:18px 18px 8px; color:var(--ink); font:650 19px/1.16 Geist,Inter,sans-serif; letter-spacing:0; }
.flowilo-accountant-feature-strip p { margin:0 18px 20px; color:#5a6070; font-size:14px; line-height:1.5; }
.entry-content .wp-block-button.is-style-outline .wp-block-button__link { background:#fff; color:var(--ink); border:1px solid #dedddd; }

@media (max-width:760px) {
  .flowilo-accountant-app-preview { grid-template-columns:1fr; gap:22px; margin:32px 0 36px; padding:20px; border-radius:14px; }
  .flowilo-accountant-preview-copy h2 { font-size:24px; }
  .flowilo-accountant-feature-strip { grid-template-columns:1fr; gap:14px; margin:28px 0 36px; }
  .flowilo-accountant-feature-strip img { height:190px; }
}