/* V55 SECTION-PASTEL PROFESSIONAL LAYOUT
   Base: V54 master, approved presentation layer for V55.
   Each main content section receives its own light pastel field.
   Text on pastel surfaces is dark for accessible contrast.
*/
html,body.section-pastel-site{background:#f7f9fc!important}
body.section-pastel-site{--pastel-ink:#13243a;--pastel-body:#40536b;--pastel-line:rgba(19,45,75,.11);background:#f7f9fc!important;background-attachment:initial!important}
body.section-pastel-site main{background:#f7f9fc!important}

/* Section-by-section colour rhythm, repeated only after eight distinct sections. */
body.section-pastel-site main>section{position:relative;background:#f4f8ff!important;color:var(--pastel-ink)!important;border-top:1px solid rgba(19,45,75,.055);border-bottom:1px solid rgba(255,255,255,.7)}
body.section-pastel-site main>section:nth-of-type(8n+1){background:#eef6ff!important}
body.section-pastel-site main>section:nth-of-type(8n+2){background:#f7f1ff!important}
body.section-pastel-site main>section:nth-of-type(8n+3){background:#fff3ee!important}
body.section-pastel-site main>section:nth-of-type(8n+4){background:#eefaf5!important}
body.section-pastel-site main>section:nth-of-type(8n+5){background:#fff9e9!important}
body.section-pastel-site main>section:nth-of-type(8n+6){background:#f1f8f2!important}
body.section-pastel-site main>section:nth-of-type(8n+7){background:#fff1f5!important}
body.section-pastel-site main>section:nth-of-type(8n+8){background:#f1f5fa!important}

/* Previous per-page canvas and soft-section overlays are disabled. */
body.section-pastel-site .page-hero,
body.section-pastel-site .section:not(.dark):not(.deep),
body.section-pastel-site .v46a-section:not(.dark),
body.section-pastel-site .hero,
body.section-pastel-site .subtle-section,
body.section-pastel-site .section.soft,
body.section-pastel-site .section-soft,
body.section-pastel-site .v46a-section.soft{background:transparent!important}

/* Pastel section copy uses dark ink. Components with their own card backgrounds keep their own styles. */
body.section-pastel-site main>section>.shell>h1,
body.section-pastel-site main>section>.shell>h2,
body.section-pastel-site main>section>.shell>h3,
body.section-pastel-site main>section>.shell>.intro,
body.section-pastel-site main>section>.shell>.lead,
body.section-pastel-site main>section>.shell>p,
body.section-pastel-site main>section>.shell>.section-head h2,
body.section-pastel-site main>section>.shell>.section-head p{color:var(--pastel-ink)!important}
body.section-pastel-site main>section>.shell>.intro,
body.section-pastel-site main>section>.shell>.lead,
body.section-pastel-site main>section>.shell>p{color:var(--pastel-body)!important}
body.section-pastel-site main>section .eyebrow{color:#2867ad!important}

/* Header/footer remain neutral and readable. */
body.section-pastel-site .site-header{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.section-pastel-site .site-footer{background:#071b31!important;color:#fff!important}
body.section-pastel-site .site-footer h2,body.section-pastel-site .site-footer h3,body.section-pastel-site .site-footer p,body.section-pastel-site .site-footer span{color:inherit}

/* Card contrast. White/light cards always use dark copy. */
body.section-pastel-site :is(.card,.notice-card,.reference-box,.faq-item,.scenario-card,.pricing-card,.service-card,.case-feature-fact,.case-document-card,.method-card,.profile,.steps article,.problem-grid article,.integrity-grid article){color:#13243a}
body.section-pastel-site :is(.card,.notice-card,.reference-box,.faq-item,.scenario-card,.pricing-card,.service-card,.case-feature-fact,.case-document-card,.method-card,.profile,.steps article,.problem-grid article,.integrity-grid article) p{color:#465a72}

/* Dark cards keep deliberate high contrast. */
body.section-pastel-site :is(.v46a-case,.v46f-sidecard,.contrast-dark,.dark-card,.case-finding){color:#fff!important}
body.section-pastel-site :is(.v46a-case,.v46f-sidecard,.contrast-dark,.dark-card,.case-finding) h1,
body.section-pastel-site :is(.v46a-case,.v46f-sidecard,.contrast-dark,.dark-card,.case-finding) h2,
body.section-pastel-site :is(.v46a-case,.v46f-sidecard,.contrast-dark,.dark-card,.case-finding) h3,
body.section-pastel-site :is(.v46a-case,.v46f-sidecard,.contrast-dark,.dark-card,.case-finding) strong{color:#fff!important}
body.section-pastel-site :is(.v46a-case,.v46f-sidecard,.contrast-dark,.dark-card,.case-finding) p,
body.section-pastel-site :is(.v46a-case,.v46f-sidecard,.contrast-dark,.dark-card,.case-finding) span{color:#dce8f4}

/* Remove the old SASOL watermark from every case card. */
body.section-pastel-site .v46a-case:before{content:none!important;display:none!important}

/* Homepage opening remains the requested dark modern opening, while its surrounding section participates in the pastel rhythm. */
body.home-modern-hero .v46a-hero{padding:34px 0 50px!important}
body.home-modern-hero .v46a-hero-grid{display:block!important;width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin:0 auto!important;padding:58px 62px 54px!important;border-radius:30px!important;background:linear-gradient(145deg,#071c34 0%,#0a2440 70%,#0b2945 100%)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 30px 80px rgba(17,38,63,.18)!important;overflow:hidden;position:relative}
body.home-modern-hero .v46a-hero-grid:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 3%,rgba(0,184,217,.14),transparent 28rem),radial-gradient(circle at 5% 100%,rgba(45,115,232,.09),transparent 24rem)}
body.home-modern-hero .v46f-hero-copy,body.home-modern-hero .v46f-sidecard{position:relative;z-index:1}
body.home-modern-hero .v46f-hero-copy{max-width:920px!important}
body.home-modern-hero .v46a-kicker{color:#79ddeb!important;font-size:.87rem!important;letter-spacing:.16em!important;font-weight:900!important;text-transform:uppercase!important;margin:0 0 20px!important}
body.home-modern-hero .v46a-hero h1{color:#fff!important;font-size:clamp(3.15rem,6.1vw,5.8rem)!important;line-height:.94!important;letter-spacing:-.055em!important;max-width:850px!important;margin:0 0 28px!important;text-wrap:balance}
body.home-modern-hero .leadline{color:#dce8f5!important;font-size:clamp(1.05rem,1.45vw,1.28rem)!important;line-height:1.7!important;max-width:850px!important;margin:0 0 28px!important}
body.home-modern-hero .leadline strong{color:#fff!important}
body.home-modern-hero .v46f-problem-strip{margin:30px 0 26px!important;padding:0!important;background:none!important;border:0!important}
body.home-modern-hero .v46f-problem-title{color:#a7bdd4!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-size:.8rem!important;font-weight:900!important;margin-bottom:12px!important}
body.home-modern-hero .v46f-problem-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.home-modern-hero .v46f-problem-grid span{display:flex!important;align-items:center!important;min-height:58px!important;padding:14px 16px 14px 34px!important;border-radius:12px!important;color:#f5f9fc!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.11)!important;font-size:.97rem!important;line-height:1.4!important;position:relative!important}
body.home-modern-hero .v46f-problem-grid span:before{content:'';position:absolute;left:14px;width:7px;height:7px;border-radius:50%;background:#ff7a00;box-shadow:0 0 0 4px rgba(255,122,0,.10)}
body.home-modern-hero .v46f-solution-line{margin:26px 0 24px!important;padding:22px 24px!important;border-radius:16px!important;background:rgba(0,184,217,.075)!important;border:1px solid rgba(88,211,233,.22)!important;color:#e9f4fb!important;font-size:1.03rem!important;line-height:1.65!important;box-shadow:none!important}
body.home-modern-hero .v46f-solution-line strong{display:block;color:#fff!important;font-size:1.08rem!important;margin-bottom:3px!important}
body.home-modern-hero .v46a-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:26px!important}
body.home-modern-hero .v46a-actions .button{min-width:230px!important;border-radius:12px!important;background:#fff!important;color:#0b1f36!important;border:1px solid #fff!important;box-shadow:none!important;font-weight:900!important}
body.home-modern-hero .v46a-actions .button.secondary{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.42)!important}
body.home-modern-hero .v46a-quiet{color:#aabed2!important;margin:18px 0 0!important;font-size:.9rem!important}
body.home-modern-hero .v46f-sidecard{margin-top:36px!important;padding:30px 32px!important;max-width:none!important;border-radius:20px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important}
body.home-modern-hero .v46f-sidecard h2{color:#fff!important;margin-bottom:10px!important}
body.home-modern-hero .v46f-card-label{color:#79ddeb!important}
body.home-modern-hero .v46f-card-intro{color:#c8d7e6!important}
body.home-modern-hero .v46f-outcome-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin-top:22px!important;border-top:1px solid rgba(255,255,255,.14)!important}
body.home-modern-hero .v46f-outcome-list>div{display:block!important;padding:20px 16px!important;border-bottom:0!important;border-right:1px solid rgba(255,255,255,.12)!important}
body.home-modern-hero .v46f-outcome-list>div:last-child{border-right:0!important}
body.home-modern-hero .v46f-outcome-list strong{display:block!important;color:#82e1ef!important;font-size:.74rem!important;line-height:1.4!important;margin-bottom:8px!important}
body.home-modern-hero .v46f-outcome-list span{display:block!important;color:#fff!important;font-size:.92rem!important;line-height:1.5!important}
body.home-modern-hero .v46f-card-link{display:inline-block!important;color:#9be8f2!important;margin-top:18px!important;font-weight:900!important}

@media(min-width:981px){body.section-pastel-site .shell{width:min(1180px,calc(100% - 64px))}body.section-pastel-site .section{padding-top:64px;padding-bottom:64px}body.section-pastel-site .page-hero{padding-top:64px;padding-bottom:54px}}
@media(max-width:980px){body.home-modern-hero .v46a-hero{padding:20px 0 34px!important}body.home-modern-hero .v46a-hero-grid{width:calc(100% - 24px)!important;padding:34px 18px 28px!important;border-radius:22px!important}body.home-modern-hero .v46a-hero h1{font-size:clamp(3rem,14vw,4.65rem)!important;max-width:100%!important;margin-bottom:24px!important}body.home-modern-hero .leadline{font-size:1rem!important;line-height:1.62!important}body.home-modern-hero .v46f-problem-grid{grid-template-columns:1fr!important}body.home-modern-hero .v46f-problem-grid span{min-height:0!important;padding:12px 13px 12px 31px!important;font-size:.92rem!important}body.home-modern-hero .v46f-solution-line{padding:18px!important}body.home-modern-hero .v46a-actions{display:grid!important;grid-template-columns:1fr!important}body.home-modern-hero .v46a-actions .button{width:100%!important;min-width:0!important}body.home-modern-hero .v46f-sidecard{padding:22px 18px!important;margin-top:26px!important}body.home-modern-hero .v46f-outcome-list{grid-template-columns:1fr!important}body.home-modern-hero .v46f-outcome-list>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.13)!important;padding:16px 0!important}body.home-modern-hero .v46f-outcome-list>div:last-child{border-bottom:0!important}}
@media(max-width:580px){body.home-modern-hero .v46a-kicker{font-size:.72rem!important;line-height:1.55!important;letter-spacing:.12em!important}body.home-modern-hero .v46a-hero h1{font-size:clamp(2.9rem,13.4vw,4rem)!important}}
