/* One light palette for editorial blocks, with colour reserved for the media. */
:root{--surface:#faf8ff;--ink:#211b30;--muted:#686173;--line:#e7e1ef;--accent:#7545dc}
.showcase-copy h1{font-size:clamp(48px,5.4vw,76px);line-height:1.04;color:var(--ink);letter-spacing:-.05em}
.showcase-copy .hero-statement{font-size:clamp(23px,2.3vw,32px);font-weight:500;line-height:1.3;color:var(--accent);margin:20px 0 0;letter-spacing:-.025em}
.showcase-copy .showcase-description{color:var(--muted)}
.about-section .workflow-intro{color:var(--muted);font-size:17px;line-height:1.7;max-width:640px;margin:0 0 28px}
.about-section .vision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.about-section .vision-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 22px;box-shadow:none}
.workflow-number{display:block;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:30px}
.about-section .vision-grid h3{font-size:18px;line-height:1.35;color:var(--ink);margin:0 0 12px;text-align:left}
.about-section .vision-grid p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.features-heading h2,.about-section>h2,.faq-heading h2{color:var(--ink)!important;background:none!important;-webkit-text-fill-color:var(--ink);letter-spacing:-.03em;font-weight:600}
.feature-card{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.feature-card h3{color:var(--ink)!important;background:none!important;-webkit-text-fill-color:var(--ink)}
.feature-card p{color:var(--muted)!important}.feature-icon{background:#eee6fc!important;color:var(--accent)!important;border-radius:12px}.feature-icon svg{color:var(--accent)!important}.feature-index{color:var(--accent)!important}
.closing-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:64px;padding:44px 48px;border:1px solid #e1d5f3;border-radius:24px;background:linear-gradient(115deg,#f6f1fd,#fcfaff);text-align:left}
.closing-cta>div{max-width:760px;min-width:0}.closing-cta h2{font-size:clamp(27px,3vw,38px);line-height:1.18;letter-spacing:-.035em;font-weight:600;color:var(--ink);margin:0 0 16px;max-width:680px}
.closing-cta p,.guide-page .closing-cta p{font-size:16px;line-height:1.7;color:var(--muted);margin:0;max-width:620px}
.closing-cta>.try-button{flex-shrink:0;min-height:50px;padding:14px 32px}
.faq-section{margin-top:64px}.faq-heading h2{font-size:34px!important;line-height:1.2}.faq-item summary{color:var(--ink)}.faq-answer{color:var(--muted)}
.guide-intro .guide-topic{font-size:clamp(23px,2.3vw,31px);line-height:1.28;color:var(--accent);font-weight:500;letter-spacing:-.025em;margin:20px 0 0}
.guide-page .guide-bottom{margin-top:0;padding:36px}.guide-page .guide-bottom h2{font-size:29px;max-width:560px}
.guide-body>.guide-faq:last-child{padding-bottom:0}.guide-faq h2,.guide-faq summary{color:var(--ink)}
@media(max-width:1023px){.about-section .vision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.closing-cta{padding:32px;gap:28px}.closing-cta h2{font-size:29px}}
@media(max-width:700px){.showcase-copy h1{font-size:52px}.showcase-copy .hero-statement{font-size:25px;margin-top:16px}.about-section .workflow-intro{font-size:16px}.about-section .vision-grid{gap:12px}.about-section .vision-grid>div{padding:22px 18px}.workflow-number{margin-bottom:22px}.about-section .vision-grid h3{font-size:17px}.about-section .vision-grid p{font-size:14px}.closing-cta,.guide-page .guide-bottom{flex-direction:column;align-items:flex-start;padding:28px 24px;margin-top:40px;gap:24px;border-radius:18px}.closing-cta h2,.guide-page .guide-bottom h2{font-size:27px}.closing-cta p,.guide-page .closing-cta p{font-size:15px}.closing-cta>.try-button{width:100%}.faq-section{margin-top:40px}.faq-heading h2{font-size:28px!important}.guide-intro .guide-topic{font-size:25px;margin-top:16px}}
@media(max-width:420px){.about-section .vision-grid{grid-template-columns:1fr}.showcase-copy h1{font-size:46px}}