/* Rich section layer (2026-10): wider content, dark/light rhythm, glass cards, glow.
   Scoped by section id with a `body` prefix so it ties with `body:where(.is-front,.home) #id`
   rules and wins by loading last. Markup is untouched (static/WordPress parity). */
:root {
  --rc-ink:#0d2a1c; --rc-green:#06c755; --rc-green-deep:#00883a; --rc-neon:#44ef95;
  --rc-dark:#051c12; --rc-dark-2:#0a2f1f; --rc-mint:#eaf9f0; --rc-line:#dcefe3;
  --rc-glass:rgba(255,255,255,.055); --rc-glass-line:rgba(255,255,255,.12);
}

/* ---------- Shared: width, headings, eyebrows ---------- */
body main>section:not(.eg-hero) .max-w-6xl { max-width:1320px; }
body main>section:not(.eg-hero) .max-w-3xl { max-width:880px; }
body .eg-section>.eg-container { width:min(1320px,92%); }
body main>section:not(.eg-hero) { position:relative; }
body main>section:not(.eg-hero) h2 { font-size:clamp(32px,4.3vw,62px); line-height:1.32; letter-spacing:-.05em; }
body main>section:not(.eg-hero) h2 span.text-teal-700,
body .eg-section-heading h2 span { background:linear-gradient(95deg,#00a146 0%,#06c755 45%,#3ddc8a 100%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
body .eg-section-heading .eg-section-eyebrow,
body main>section:not(.eg-hero) p.font-display.uppercase {
  display:inline-flex; align-items:center; gap:10px; margin-bottom:22px; padding:8px 18px 8px 14px;
  border:1px solid #bfe9cf; border-radius:99px; background:#fff; color:var(--rc-green-deep);
  font:800 11px/1 Arial,sans-serif; letter-spacing:.28em; box-shadow:0 6px 18px #06c75514;
}
body .eg-section-heading .eg-section-eyebrow::before,
body main>section:not(.eg-hero) p.font-display.uppercase::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--rc-green); box-shadow:0 0 0 4px #06c75526; }
body .eg-section-heading>p:not(.eg-section-eyebrow) { font-size:15px; line-height:2.1; color:#5f7768; }

/* Dark sections share tokens */
body #flow, body #reasons, body #contact { color:#e3f3e9; }
body #flow h2, body #reasons h2 { color:#fff; }
body #flow .eg-section-heading .eg-section-eyebrow,
body #reasons p.font-display.uppercase { background:#ffffff10; border-color:#ffffff26; color:#8ff5bb; box-shadow:none; }
body #flow .eg-section-heading h2 span,
body #reasons h2 span.text-teal-700 { background:linear-gradient(95deg,#3ddc8a,#b6ffd6 55%,#3ddc8a); -webkit-background-clip:text; background-clip:text; }
body #flow .eg-section-heading>p:not(.eg-section-eyebrow) { color:#a9c9b5; }

/* ---------- #about: light, lifted cards ---------- */
body #about { background:radial-gradient(900px 420px at 12% 8%,#e3f8eb 0,transparent 70%),radial-gradient(800px 420px at 92% 90%,#e8f7ff 0,transparent 70%),#fbfdfc; overflow:hidden; }
body #about::before { content:'ABOUT'; position:absolute; top:40px; left:50%; translate:-50% 0; font:900 clamp(120px,17vw,260px)/1 Arial,sans-serif; letter-spacing:-.06em; color:#06c75509; pointer-events:none; }
body #about .eg-value-grid { gap:28px; }
body #about .eg-value-card { position:relative; overflow:hidden; background:#fff; border:1px solid var(--rc-line); border-radius:26px; padding:38px 34px 6px; box-shadow:0 30px 70px #0d542514; transition:translate .35s,box-shadow .35s; }
body #about .eg-value-card::before { content:''; position:absolute; inset:0 0 auto; height:5px; background:linear-gradient(90deg,#00a146,#06c755,#7de8ad); }
body #about .eg-value-card:hover { translate:0 -8px; box-shadow:0 40px 90px #06c75526; }
body #about .eg-value-top svg { width:88px; height:88px; padding:16px; border-radius:20px; background:linear-gradient(145deg,#effcf4,#d2f5df); box-shadow:inset 0 0 0 1px #c3eed3,0 10px 22px #06c7551f; }
body #about .eg-value-top>span { font:800 14px Arial,sans-serif; color:#06a848; letter-spacing:.1em; }
body #about .eg-value-card h3 { font-size:22px; margin-top:6px; }
body #about .eg-value-card>p { font-size:14px; color:#61776a; }
body #about .eg-value-proof strong { font-size:68px; background:linear-gradient(120deg,#00913e,#06c755); -webkit-background-clip:text; background-clip:text; color:transparent; }
body #about .eg-value-proof small { -webkit-text-fill-color:#06a848; }
body #about .eg-value-proof .eg-value-text { font-size:36px; }

/* ---------- #flow: dark glass journey ---------- */
body #flow { background:radial-gradient(1100px 520px at 15% -10%,#0f6a3d 0,transparent 62%),radial-gradient(900px 520px at 95% 110%,#0c5a35 0,transparent 60%),linear-gradient(180deg,var(--rc-dark),var(--rc-dark-2)); border:0; overflow:hidden; }
body #flow::after { content:''; position:absolute; inset:0; background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px); background-size:56px 56px; mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%); pointer-events:none; }
body #flow .eg-container { position:relative; z-index:1; }
body #flow .eg-journey { background:var(--rc-glass); border:1px solid var(--rc-glass-line); border-radius:28px; box-shadow:0 40px 100px #00000055; backdrop-filter:blur(8px); }
body #flow .eg-journey-label { color:#8ff5bb; border-color:var(--rc-glass-line); font-size:10px; }
body #flow .eg-journey-label small { color:#9fbfab; font-size:12px; }
body #flow .eg-journey-track { gap:14px; padding:30px 24px; }
body #flow .flow-step { background:#ffffff08; border:1px solid #ffffff14; border-radius:20px; padding:22px 16px 24px; transition:background .4s,border-color .4s,box-shadow .4s; }
body #flow .flow-step.is-current { background:#06c7551c; border-color:#06c75566; box-shadow:0 0 0 1px #06c75533,0 20px 50px #06c75526; }
body #flow .flow-step:not(:last-child)::after { color:var(--rc-neon); right:-13px; top:92px; text-shadow:0 0 12px #44ef9588; }
body #flow .eg-step-number { color:#6fd79e; font-size:12px; font-weight:800; }
body #flow .eg-step-icon { width:96px; height:96px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff,#dff8e8); border:0; box-shadow:0 0 0 6px #ffffff10,0 0 40px #06c75540; }
body #flow .flow-step h3 { color:#fff; font-size:16px; }
body #flow .flow-step p { color:#a9c9b5; font-size:12.5px; }
body #flow .eg-step-chip { background:#06c75522; color:#8ff5bb; font-size:10px; border:1px solid #06c75544; }
body #flow .eg-journey-bottom { color:#9fbfab; font-size:11px; }
body #flow .eg-journey-line { height:4px; background:linear-gradient(90deg,#ffffff14,#44ef95,#ffffff14); background-size:200% 100%; box-shadow:0 0 16px #44ef9566; }

/* ---------- #features: light, deeper demo + lifted service cards ---------- */
body #features { background:linear-gradient(180deg,#fff 0,#f3fbf6 100%); }
body #features .lb-demo { padding:64px; border:0; border-radius:32px; background:radial-gradient(700px 360px at 85% 20%,#c7f3d9 0,transparent 70%),linear-gradient(125deg,#effbf4,#dff6e9); box-shadow:0 40px 90px #0d542518,inset 0 0 0 1px #d0eedb; }
body #features .lb-demo h3 { font-size:clamp(30px,2.8vw,42px); }
body #features .lb-demo-copy>p:not(.lb-eyebrow) { font-size:15px; }
body #features .lb-demo-tabs button { padding:14px 24px; font-size:14px; border-radius:99px; }
body #features .lb-demo-screen { border-radius:20px; box-shadow:0 30px 70px #0c623026; }
body #features .lb-service-grid { gap:26px; }
body #features .lb-service-card { border:1px solid var(--rc-line); border-radius:24px; overflow:hidden; background:#fff; box-shadow:0 18px 45px #0d54250f; transition:translate .35s,box-shadow .35s,border-color .35s; }
body #features .lb-service-card:hover { translate:0 -8px; border-color:#9fe3bb; box-shadow:0 34px 80px #06c75529; }
body #features .lb-service-picture { background:radial-gradient(circle at 50% 60%,#fff 0,transparent 60%),linear-gradient(150deg,#e9faf0,#d6f3e2); }
body #features .lb-service-name { font-size:20px; }

/* ---------- #reasons: dark, glass cards, outline numbers ---------- */
body #reasons { background:radial-gradient(1000px 520px at 50% -5%,#0f6a3d 0,transparent 60%),linear-gradient(180deg,var(--rc-dark-2),var(--rc-dark)); overflow:hidden; }
body #reasons .reason-card { background:var(--rc-glass); border:1px solid var(--rc-glass-line); border-radius:28px; padding:40px 36px; backdrop-filter:blur(6px); transition:translate .35s,border-color .35s,box-shadow .35s; }
body #reasons .reason-card:hover { translate:0 -8px; border-color:#06c75588; box-shadow:0 30px 80px #06c75526,inset 0 0 0 1px #06c75533; }
body #reasons .reason-card .w-16, body #reasons .reason-card [class*="bg-gradient-to-br"]:has(>.lb-service-art) { width:88px; height:88px; border-radius:24px; background:radial-gradient(circle at 35% 30%,#fff,#d9f7e5); box-shadow:0 0 36px #06c75540; }
body #reasons .reason-card .lb-service-art { width:60px; height:60px; }
body #reasons .reason-card .reason-num { font:800 92px/1 Arial,sans-serif; color:transparent; -webkit-text-stroke:1.5px #44ef9580; letter-spacing:-.04em; }
body #reasons .reason-card h3 { color:#fff; font-size:22px; line-height:1.7; }
body #reasons .reason-card p { color:#b3d0be; font-size:14px; }
body #reasons .reason-card .rounded-full { background:#06c7551f; border-color:#06c7554d; color:#9ff7c6; }

/* ---------- #cases: bold metric panels ---------- */
body #cases { background:#fff; }
body #cases .grid { gap:28px; }
body #cases .grid>div { border:1px solid var(--rc-line); border-radius:26px; box-shadow:0 24px 60px #0d542514; transition:translate .35s,box-shadow .35s; }
body #cases .grid>div:hover { translate:0 -8px; box-shadow:0 36px 90px #06c75529; }
body #cases .eg-case-visual { height:250px; padding:28px; background:radial-gradient(420px 220px at 90% 0%,#1fd173 0,transparent 65%),linear-gradient(150deg,#0a3d26,#06702f); }
body #cases .eg-case-visual::before { border-color:#ffffff1a; }
body #cases .eg-case-visual>span { color:#9ff7c6; font-weight:700; }
body #cases .eg-case-metric { color:#fff; font-size:92px; text-shadow:0 0 40px #44ef9555; }
body #cases .eg-case-metric small { color:#b6ffd6; font-size:16px; }
body #cases .eg-case-visual>b { color:#d4f7e2; font-size:13px; }
body #cases .eg-case-visual svg { stroke:#8ff5bb; opacity:.85; }
body #cases .grid h3 { font-size:17px; }

/* ---------- #pricing: glowing gradient-border card ---------- */
body #pricing { background:radial-gradient(900px 500px at 50% 30%,#d6f6e3 0,transparent 70%),#f3fbf6; }
body #pricing .bg-gradient-to-b { border:2px solid transparent; border-radius:32px; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#06c755,#c9f7dc 45%,#06c755) border-box; box-shadow:0 40px 110px #06c75533; }
body #pricing h3.text-ivory { font-size:32px; }
body #pricing .grid>div { background:#fff; border:1px solid #cdeedb; border-radius:16px; padding:20px 18px; box-shadow:0 10px 26px #0d542510; }
body #pricing .grid>div svg { width:24px; height:24px; padding:4px; border-radius:50%; background:#06c755; color:#fff; stroke:#fff; }
body #pricing .cta-shine { padding:20px 44px; border-radius:99px; font-size:16px; background:linear-gradient(95deg,#00913e,#06c755); border:0; box-shadow:0 16px 40px #06c75559; }

/* ---------- #faq: roomy accordion ---------- */
body #faq { background:linear-gradient(180deg,#fff,#f5fbf8); }
body #faq .faq-item { border-radius:20px; border:1px solid var(--rc-line); box-shadow:0 12px 30px #0d54250c; margin-top:16px; transition:border-color .3s,box-shadow .3s; }
body #faq .faq-item[open] { border-color:#8fe0b2; box-shadow:0 20px 50px #06c7551f; }
body #faq .faq-item summary { padding:28px 30px; }
body #faq .faq-item summary::before { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#06c755; color:#fff; font:800 15px Arial,sans-serif; }
body #faq .faq-item summary span { font-size:17px; }
body #faq .faq-answer p { font-size:14.5px; padding:0 34px 30px 80px; }

/* ---------- #contact: deep glowing CTA ---------- */
body #contact { background:radial-gradient(800px 480px at 50% 0%,#18a85a 0,transparent 60%),radial-gradient(700px 420px at 10% 100%,#0d6b3a 0,transparent 60%),linear-gradient(180deg,#073322,var(--rc-dark)); }
body #contact::after { content:''; position:absolute; inset:0; background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse at 50% 40%,#000 25%,transparent 70%); pointer-events:none; }
body #contact h2 { font-size:clamp(34px,4.6vw,66px); line-height:1.35; }
body #contact .cta-shine { padding:24px 56px; border-radius:99px; font-size:18px; background:#fff; color:#00883a; box-shadow:0 0 0 8px #ffffff1f,0 20px 60px #44ef9566; }

/* ---------- Mobile ---------- */
@media(max-width:820px) {
  body main>section:not(.eg-hero) h2 { font-size:clamp(28px,7.6vw,40px); }
  body #about .eg-value-card { padding:30px 24px 4px; }
  body #features .lb-demo { padding:32px 22px; border-radius:24px; }
  body #flow .eg-journey-track { gap:12px; padding:20px 14px; }
  body #flow .flow-step:not(:last-child)::after { display:none; }
  body #reasons .reason-card { padding:30px 24px; }
  body #reasons .reason-card .lb-service-art { width:60px; height:60px; }
body #reasons .reason-card .reason-num { font-size:68px; }
  body #cases .eg-case-metric { font-size:72px; }
  body #faq .faq-item summary { padding:22px 20px; }
  body #faq .faq-answer p { padding:0 22px 24px 22px; }
  body #contact .cta-shine { padding:20px 36px; font-size:16px; }
  body #pricing p.font-display.uppercase { font-size:11px; }
  body #pricing h3.text-ivory { font-size:22px; line-height:1.6; }
}
@media(max-width:680px) {
  body #flow .flow-step { text-align:left; padding:20px 18px 20px 92px; min-height:128px; }
  body #flow .eg-step-icon { position:absolute; left:16px; top:34px; width:60px; height:60px; box-shadow:0 0 0 4px #ffffff10,0 0 24px #06c75540; }
  body #flow .eg-step-icon svg.lb-service-art { width:44px; height:44px; }
  body #flow .flow-step:not(:last-child)::after { display:block; content:'↓'; right:50%; top:auto; bottom:-17px; }
}
@media(prefers-reduced-motion:reduce) {
  body #about .eg-value-card, body #features .lb-service-card, body #reasons .reason-card, body #cases .grid>div { transition:none; }
}