.service-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.operations-visual{margin-top:70px;position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.operations-visual img{width:100%;height:520px;object-fit:cover}
.operations-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(20,18,16,.76))}
.operations-visual figcaption{position:absolute;z-index:1;left:38px;right:38px;bottom:30px;color:#fff;display:flex;justify-content:space-between;align-items:end}
.operations-visual figcaption span{font:800 11px "Manrope",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ff7774}
.operations-visual figcaption strong{font:700 20px "Manrope",sans-serif;max-width:490px;text-align:right}
.stage-switcher{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#e8ded6;border-radius:12px;padding:7px;margin:-20px 0 35px}
.stage-switcher button{border:0;border-radius:8px;padding:13px 10px;background:transparent;color:var(--muted);font:700 12px "Manrope",sans-serif;cursor:pointer;transition:.2s}
.stage-switcher button span{color:var(--coral);margin-right:5px}
.stage-switcher button:hover,.stage-switcher button.active{background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(35,26,20,.08)}
.service-card.stage-pulse{animation:stagePulse .75s ease}
@keyframes stagePulse{0%,100%{box-shadow:none}45%{box-shadow:0 0 0 5px rgba(244,81,79,.25),0 20px 50px rgba(34,25,19,.18)}}
.commerce-flow{margin-top:55px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.commerce-flow>div{display:flex;align-items:center;width:max-content;animation:flow 26s linear infinite}
.commerce-flow span{font:700 12px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.commerce-flow i{font-style:normal;color:var(--coral);padding:0 24px}
@keyframes flow{to{transform:translateX(-35%)}}
.faq{background:var(--cream)}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}
.faq-grid>div:first-child>p:not(.eyebrow){color:var(--muted)}
.faq-list details{border-top:1px solid var(--line);padding:22px 0}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;font:700 17px "Manrope",sans-serif;display:flex;justify-content:space-between;gap:20px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:#fff;color:var(--coral);font-size:18px}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{color:var(--muted);margin:15px 50px 0 0}
@media(prefers-reduced-motion:reduce){.commerce-flow>div{animation:none}.service-card.stage-pulse{animation:none}}
@media(max-width:900px){.faq-grid{grid-template-columns:1fr;gap:50px}.stage-switcher{grid-template-columns:1fr 1fr}.operations-visual img{height:430px}}
@media(max-width:600px){.stage-switcher{grid-template-columns:1fr}.operations-visual{margin-top:45px}.operations-visual img{height:340px}.operations-visual figcaption{left:20px;right:20px;bottom:18px;display:block}.operations-visual figcaption strong{display:block;text-align:left;font-size:16px;margin-top:5px}.commerce-flow{margin-top:35px}}

/* Light brand treatment — no black background panels */
.hero{color:var(--ink);background:linear-gradient(135deg,#f8f3ee 0%,#f1e5dc 58%,#ecd2c7 100%)}
.hero:before{background-image:linear-gradient(rgba(70,48,38,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(70,48,38,.045) 1px,transparent 1px)}
.site-header{border-bottom-color:rgba(35,25,20,.1)}
.brand img,.footer-grid img{filter:none}
nav>a:not(.button){color:var(--ink)}
.menu-toggle span:not(.sr-only){background:var(--ink)}
.hero .lead{color:#5f5954}
.hero .text-link{border-color:rgba(23,24,23,.25)}
.hero .micro-proof{color:#746e69}
.hero .journey-line{color:var(--ink)}
.trust-strip{border-top-color:rgba(23,24,23,.12)}
.trust-strip span{color:#746e69}
.growth-card{background:#fff}
.orb-one{background:rgba(244,81,79,.15)}
.orb-two{background:rgba(244,81,79,.1)}
.service-card.featured{background:var(--coral);color:#fff}
.service-card.featured .offer-label,.service-card.featured .num{color:#fff!important}
.service-card.featured .service-icon{background:#fff;color:var(--coral)}
.service-card.featured p{color:#fff}
.service-card.featured li:before{color:#fff}
.service-card.featured ul,.service-card.featured .outcome{border-color:rgba(255,255,255,.3)}
.whole-view{background:#fff;color:var(--ink);border:2px solid var(--coral);box-shadow:0 20px 50px rgba(71,43,33,.1)}
.whole-view p:not(.comparison-label){color:var(--muted)}
footer{background:#eaded5;color:var(--ink)}
.footer-grid p,.footer-bottom{color:#6f6862}
.footer-bottom{border-top-color:rgba(23,24,23,.12)}
@media(max-width:900px){.site-header nav{background:#f7f0ea;border-bottom:1px solid rgba(23,24,23,.12)}}

/* Preview: supplied faceted brand background */
.hero{background-image:linear-gradient(90deg,rgba(250,247,243,.94) 0%,rgba(248,243,238,.89) 48%,rgba(244,233,225,.76) 100%),url("assets/brand-facets.png");background-size:cover;background-position:center}
.hero:before{background-image:linear-gradient(rgba(70,48,38,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(70,48,38,.035) 1px,transparent 1px)}
.services{position:relative;background-image:linear-gradient(rgba(245,239,233,.94),rgba(245,239,233,.94)),url("assets/brand-facets.png");background-size:auto,900px auto;background-position:center;background-attachment:scroll}
.contact{background-image:linear-gradient(105deg,rgba(245,239,233,.97) 0%,rgba(245,239,233,.9) 100%),url("assets/brand-facets.png");background-size:cover;background-position:center}
.hero .growth-card{box-shadow:0 28px 80px rgba(100,75,57,.2)}
@media(max-width:600px){.hero{background-position:38% center}.services{background-size:auto,700px auto}}
