:root{
  --pink:#ff3f68;
  --pink-dark:#e72654;
  --red:#ee3d3d;
  --green:#163a31;
  --green-2:#224d41;
  --ink:#17372f;
  --muted:#63756f;
  --paper:#fffdfa;
  --warm:#f7f1ed;
  --line:#eadfda;
  --white:#ffffff;
  --shadow:0 18px 60px rgba(38,31,30,.09);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
a{color:inherit}
img{max-width:100%;display:block}
.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,250,.97);border-bottom:1px solid #f0e4e0;backdrop-filter:blur(10px)}
.nav-wrap{height:82px;display:flex;align-items:center;gap:24px}
.brand{display:block;flex:0 0 auto}
.brand img{width:168px;height:auto}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-left:auto}
.desktop-nav a,.footer-nav a,.mobile-links a{text-decoration:none;font-size:12px;font-weight:800}
.desktop-nav a:hover,.footer-nav a:hover{color:var(--pink)}
.talk-btn{background:var(--pink);color:#fff;text-decoration:none;font-weight:900;font-size:12px;padding:14px 18px;margin-left:6px}
.mobile-menu{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;text-decoration:none;font-size:12px;font-weight:900;border:2px solid transparent;cursor:pointer}
.btn-pink{background:var(--pink);color:#fff}
.btn-outline{border-color:var(--pink);color:var(--pink);background:transparent}
.btn-green{background:var(--green);color:#fff}
.btn-white{background:#fff;color:var(--pink);border-color:#fff}
.btn:hover{transform:translateY(-1px)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:900;color:var(--pink);text-transform:uppercase;margin-bottom:14px}
.eyebrow.light{color:#fff}
h1,h2,h3{margin:0;letter-spacing:-.035em}
h1{font-size:clamp(52px,6vw,92px);line-height:.92}
h2{font-size:clamp(38px,4.7vw,68px);line-height:.96}
h3{font-size:28px;line-height:1.05}
p{font-size:15px}
.hero{padding:72px 0;background:var(--warm)}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center}
.hero-copy p{max-width:730px}
.hero-media{min-height:540px;overflow:hidden;border-radius:28px;background:var(--green);box-shadow:var(--shadow)}
.hero-media img,.hero-media video{width:100%;height:100%;min-height:540px;object-fit:cover}
.hero-tags{font-size:12px;font-weight:900;color:var(--green);margin-top:22px;word-spacing:5px}
.section{padding:92px 0}
.section.warm{background:var(--warm)}
.section.pink-wash{background:#fff0f3}
.section.dark{background:var(--green);color:#fff}
.section.dark .eyebrow{color:#ff7890}
.section.dark p{color:rgba(255,255,255,.82)}
.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.media-card{overflow:hidden;border-radius:24px;min-height:430px;background:#e9e1dd;box-shadow:var(--shadow)}
.media-card img{width:100%;height:100%;min-height:430px;object-fit:cover}
.paperwork-img img{object-position:center 78%}
.copy-stack p{margin:8px 0}
.big-blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}
.big-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:250px;padding:30px;background:#fff;border:1px solid var(--line);text-decoration:none;box-shadow:0 10px 28px rgba(34,24,22,.04)}
.big-block:nth-child(3n+1){border-top:7px solid var(--pink)}
.big-block:nth-child(3n+2){border-top:7px solid var(--red)}
.big-block:nth-child(3n+3){border-top:7px solid var(--green)}
.big-block p{color:var(--muted);max-width:480px}
.big-block .link-label{margin-top:14px;color:var(--pink);font-weight:900;font-size:12px}
.item-cloud{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}
.item-cloud span,.item-cloud a{display:inline-block;border:1px solid var(--line);background:#fff;padding:12px 15px;text-decoration:none;font-weight:900;font-size:12px}
.dark .item-cloud span,.dark .item-cloud a{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#fff}
.big-lines{display:grid;gap:12px;margin:28px 0}
.big-lines div{font-size:clamp(23px,2.3vw,34px);font-weight:900;line-height:1.05}
.statement{font-size:clamp(24px,2.5vw,38px);font-weight:900;line-height:1.08;margin:24px 0}
.subhead{font-size:clamp(21px,2.2vw,32px);font-weight:900;color:var(--pink);margin:16px 0}
.tools-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:34px}
.cis-feature{background:var(--pink);color:#fff;padding:38px;min-height:330px;display:flex;flex-direction:column;justify-content:flex-end}
.cis-feature h3{font-size:45px}
.cis-feature .btn{margin-top:18px;align-self:flex-start}
.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tool-card{background:#fff;border:1px solid var(--line);padding:18px}
.tool-status{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--pink);margin-bottom:8px;text-transform:uppercase}
.tool-card h3{font-size:19px}
.people-list{display:grid;gap:12px;margin:24px 0}
.people-list div{font-size:22px;font-weight:900}
.problem-words{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:32px 0}
.problem-words div{border:2px solid rgba(255,255,255,.4);padding:18px;font-size:23px;font-weight:900;text-align:center}
.why-copy{max-width:900px;margin-top:30px}
.why-copy p{font-size:18px;margin:8px 0}
.why-final{font-size:clamp(28px,3vw,48px);font-weight:900;color:var(--pink);margin-top:30px}
.contact-box-section{padding:80px 0;background:var(--paper)}
.contact-box{background:var(--pink);color:#fff;padding:42px;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;border-radius:24px}
.contact-copy h2{font-size:clamp(38px,4vw,58px)}
.contact-copy p{max-width:430px}
.contact-form{display:grid;gap:15px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:grid;gap:7px;font-size:12px;font-weight:900}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:0;background:#fff;padding:14px;font:inherit;color:var(--ink);border-radius:8px}
.contact-form textarea{resize:vertical}
.form-note{font-size:11px;margin:0;color:rgba(255,255,255,.9)}
.service-section{padding:86px 0}
.service-section:nth-of-type(even){background:var(--warm)}
.simple-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}
.simple-list span,.simple-list a{display:block;padding:17px 18px;background:#fff;border-left:5px solid var(--pink);font-weight:900;text-decoration:none}
.hs-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}
.hs-links a{background:#fff;border:1px solid var(--line);padding:24px;text-decoration:none;font-size:21px;font-weight:900}
.disclaimer{padding:24px;background:#fff6f0;border-left:5px solid var(--red);font-size:13px;margin-top:28px}
.tools-page-hero{padding:80px 0;background:#ffedf1}
.cis-calculator{background:var(--pink);color:#fff;padding:38px;margin-top:30px}
.calc-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.calc-grid label{font-size:12px;font-weight:900;display:grid;gap:7px}
.calc-grid input,.calc-grid select{padding:14px;border:0;font:inherit}
.calc-result{font-size:24px;font-weight:900;margin-top:20px;white-space:pre-line}
.resource-groups{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.resource-group{background:#fff;border:1px solid var(--line);padding:28px}
.resource-links{display:grid;gap:9px;margin-top:16px}
.resource-links a,.resource-links span{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eee6e3;text-decoration:none;font-weight:800}
.resource-links em{font-size:10px;color:var(--pink);font-style:normal}
.site-footer{background:var(--green);color:#fff;padding:55px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:50px}
.footer-logo{width:180px;background:#fff;padding:8px}
.footer-statement{max-width:350px;color:rgba(255,255,255,.8)}
.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.footer-contact{display:grid;gap:8px;align-content:start}
.footer-contact a{color:#fff;text-decoration:none;font-weight:800;font-size:12px}
.legal-links{display:flex;gap:12px;margin-top:10px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.17);margin-top:34px;padding-top:20px;font-size:12px;font-weight:900}
.redirect-page{min-height:60vh;display:grid;place-items:center;text-align:center;padding:60px 20px}
@media(max-width:1060px){
  .desktop-nav{display:none}.mobile-menu{display:block;border-top:1px solid var(--line);padding:0 20px}
  .mobile-menu summary{padding:12px 0;font-weight:900;cursor:pointer}
  .mobile-links{display:grid;padding:0 0 18px;gap:12px}
  .mobile-talk{margin:0;width:max-content}
  .nav-wrap{height:72px}.brand img{width:150px}
  .hero-grid,.section-grid,.contact-box,.tools-feature{grid-template-columns:1fr}
  .hero-media,.hero-media img,.hero-media video{min-height:400px}
  .simple-list{grid-template-columns:1fr 1fr}
  .hs-links{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .shell{width:min(100% - 28px,1180px)}
  .section,.service-section{padding:68px 0}
  .hero{padding:44px 0}
  h1{font-size:46px}h2{font-size:39px}
  .hero-grid{gap:30px}.hero-media,.hero-media img,.hero-media video{min-height:320px}
  .big-blocks,.resource-groups,.simple-list,.problem-words,.form-grid,.tool-list,.hs-links{grid-template-columns:1fr}
  .big-block{min-height:210px}
  .contact-box{padding:28px;gap:26px;border-radius:16px}
  .footer-grid{grid-template-columns:1fr}.footer-nav{grid-template-columns:1fr 1fr}
  .calc-grid{grid-template-columns:1fr}
}


/* V30 COLOUR REBALANCE ONLY — APPROVED COPY/STRUCTURE UNCHANGED */

:root{
  --pink:#ff3f68;
  --pink-dark:#e72050;
  --red:#ef3f47;
  --green:#17382f;
  --green-2:#245045;
  --ink:#17382f;
  --muted:#687872;
  --paper:#fffdf9;
  --warm:#fff7f3;
  --line:#f0d9dc;
  --white:#ffffff;
}

/* Default site feel: light, open, approachable */
body{background:var(--paper);color:var(--ink)}
.hero{background:#fff8f5}
.section{background:var(--paper)}
.section.warm{background:#fff5f1}
.section.pink-wash{background:#ffeaf0}

/* Header: light, pink-led interaction */
.site-header{
  background:rgba(255,253,249,.98);
  border-bottom:1px solid #f5d7de;
}
.desktop-nav a:hover,.footer-nav a:hover{color:var(--pink)}
.talk-btn{background:var(--pink);color:#fff}
.eyebrow{color:var(--pink)}
.btn-pink{background:var(--pink);color:#fff}
.btn-outline{border-color:var(--pink);color:var(--pink);background:#fff}
.btn-green{background:var(--pink);color:#fff}

/* Homepage / Start here blocks: mixed pink-red personality, not green */
.big-block{
  background:#fff;
  border:1px solid #f0dfe1;
  box-shadow:0 12px 34px rgba(255,63,104,.06);
}
.big-block:nth-child(6n+1){
  background:#fff;
  border-top:7px solid var(--pink);
}
.big-block:nth-child(6n+2){
  background:#fff4f6;
  border-top:7px solid var(--red);
}
.big-block:nth-child(6n+3){
  background:#fff;
  border-top:7px solid #ff7b8e;
}
.big-block:nth-child(6n+4){
  background:#fff0f4;
  border-top:7px solid var(--pink);
}
.big-block:nth-child(6n+5){
  background:#fff;
  border-top:7px solid var(--red);
}
.big-block:nth-child(6n+6){
  background:#fff4f6;
  border-top:7px solid #ff6c84;
}
.big-block .link-label{color:var(--pink)}

/* Tag clouds: white/pale-pink rather than dark-green feel */
.item-cloud span,.item-cloud a{
  background:#fff;
  border-color:#f1d7dc;
  color:var(--ink);
}
.item-cloud span:nth-child(3n+2),
.item-cloud a:nth-child(3n+2){background:#fff2f5}
.item-cloud span:nth-child(3n+3),
.item-cloud a:nth-child(3n+3){border-color:#f1b8c1}

/* Variation section: strong red/pink moment */
.section.pink-wash{
  background:
    linear-gradient(135deg,#fff5f7 0%,#ffe7ed 55%,#fff9f6 100%);
  border-top:1px solid #ffd5dd;
  border-bottom:1px solid #ffd5dd;
}
.section.pink-wash h2{color:var(--ink)}
.section.pink-wash .subhead{
  color:var(--red);
  font-size:clamp(22px,2.2vw,34px);
}
.section.pink-wash .big-lines div{
  border-left:5px solid var(--red);
  padding:10px 0 10px 16px;
}
.section.pink-wash .btn-pink{background:var(--red)}
.section.pink-wash .btn-outline{border-color:var(--red);color:var(--red)}

/* H&S stays light and image-led */
.hs-links a{
  background:#fff;
  border:1px solid #f0dadd;
  box-shadow:0 8px 24px rgba(255,63,104,.05);
}
.hs-links a:nth-child(2n){background:#fff5f7}

/* Tools: clearly pink-led with white cards */
.tools-page-hero{
  background:linear-gradient(135deg,#fff0f4,#ffdce5);
}
.cis-calculator,
.cis-feature{
  background:linear-gradient(135deg,var(--pink),#ff5b73);
}
.tool-card{
  background:#fff;
  border-color:#f0d6dc;
  box-shadow:0 8px 24px rgba(255,63,104,.05);
}
.tool-card:nth-child(3n+2){background:#fff4f7}
.tool-card:nth-child(3n+3){border-top:4px solid var(--red)}
.tool-status{color:var(--pink)}

/* General service sections: light instead of dark/corporate */
.service-section{background:#fffdf9}
.service-section:nth-of-type(even){background:#fff6f2}
.simple-list span,.simple-list a{
  background:#fff;
  border-left-color:var(--pink);
}
.simple-list span:nth-child(3n+2),
.simple-list a:nth-child(3n+2){
  border-left-color:var(--red);
  background:#fff5f6;
}

/* Only designated dark-green full-width section stays dark */
.section.dark{
  background:var(--green);
  color:#fff;
}
.section.dark .eyebrow{color:#ff91a3}
.section.dark p{color:rgba(255,255,255,.85)}

/* Final contact box: strongly pink/red */
.contact-box-section{background:#fff8f4}
.contact-box{
  background:linear-gradient(135deg,var(--pink) 0%,#ff4c64 52%,var(--red) 100%);
  color:#fff;
  box-shadow:0 22px 60px rgba(239,63,71,.16);
}
.contact-form input,
.contact-form textarea,
.contact-form select{
  background:#fff;
  color:var(--ink);
}
.btn-white{
  background:#fff;
  color:var(--pink);
  border-color:#fff;
}

/* Resource page: friendly pink accents */
.resource-group{
  background:#fff;
  border-color:#efdadd;
  box-shadow:0 8px 24px rgba(255,63,104,.04);
}
.resource-group:nth-child(2n){background:#fff6f7}
.resource-links em{color:var(--pink)}

/* Footer remains dark green */
.site-footer{
  background:var(--green);
  color:#fff;
}

/* Media framing gets warmer/pinker, not green */
.media-card{
  background:#f4e8e5;
  box-shadow:0 18px 55px rgba(89,44,54,.09);
}
.hero-media{
  background:#f2e4e1;
  box-shadow:0 18px 60px rgba(87,43,53,.10);
}

/* Pink/red remembered across small accents */
.statement:nth-of-type(odd){color:var(--pink)}
.problem-words div{
  border-color:rgba(255,255,255,.42);
}
.why-final{color:var(--pink)}
.disclaimer{
  background:#fff3ef;
  border-left-color:var(--red);
}

/* Mobile keeps the bright/light hierarchy */
@media(max-width:700px){
  .contact-box{background:linear-gradient(145deg,var(--pink),var(--red))}
}


/* V31 COLOUR ROLE CORRECTION ONLY */

:root{
  --pink:#ff2f66;
  --pink-dark:#dc1f50;
  --red:#ef343f;
  --green:#19372f;
  --green-2:#2d574d;
  --ink:#242424;
  --muted:#666666;
  --paper:#fffdf9;
  --warm:#faf7f2;
  --line:#e8e2de;
  --white:#ffffff;
}

/* CANVAS / TEXT ROLES */
body{
  background:var(--paper);
  color:var(--ink);
}
p,
.why-copy p,
.big-block p,
.tool-card p,
.resource-group,
.contact-form label{
  color:var(--ink);
}
.hero,
.section,
.service-section{
  background:var(--paper);
}
.section.warm,
.service-section:nth-of-type(even){
  background:var(--warm);
}

/* HEADLINES: CHARCOAL FIRST, BRAND ACCENTS AROUND THEM */
h1,h2,h3{
  color:var(--ink);
}
.eyebrow{
  color:var(--pink);
}
.subhead{
  color:var(--red);
}
.why-final{
  color:var(--pink);
}

/* BUTTONS / INTERACTIVE */
.btn-pink,
.talk-btn{
  background:var(--pink);
  color:#fff;
}
.btn-pink:hover,
.talk-btn:hover{
  background:var(--pink-dark);
}
.btn-outline{
  border-color:var(--pink);
  color:var(--pink);
  background:#fff;
}
.btn-green{
  background:var(--green);
  color:#fff;
}

/* HEADER */
.site-header{
  background:rgba(255,253,249,.98);
  border-bottom:1px solid #ece6e2;
}
.desktop-nav a{
  color:var(--ink);
}
.desktop-nav a:hover{
  color:var(--pink);
}

/* HERO: LIGHT, CHARCOAL, PINK/RED ACCENTS */
.hero{
  background:#fffdf9;
}
.hero-copy h1{
  color:var(--ink);
}
.hero-tags{
  color:var(--ink);
  border-top:2px solid var(--pink);
  padding-top:14px;
}
.hero-media{
  background:#eee9e4;
  box-shadow:0 18px 55px rgba(40,32,30,.10);
}

/* START HERE: MOSTLY WHITE, LIMITED TINTS */
.big-block{
  background:#fff;
  border:1px solid #e8e1dd;
  box-shadow:0 10px 28px rgba(35,29,28,.045);
}
.big-block:nth-child(6n+1),
.big-block:nth-child(6n+3),
.big-block:nth-child(6n+5){
  background:#fff;
}
.big-block:nth-child(6n+2),
.big-block:nth-child(6n+6){
  background:#fff8fa;
}
.big-block:nth-child(6n+4){
  background:#fff;
}
.big-block:nth-child(6n+1){border-top:6px solid var(--pink)}
.big-block:nth-child(6n+2){border-top:6px solid var(--red)}
.big-block:nth-child(6n+3){border-top:6px solid var(--pink)}
.big-block:nth-child(6n+4){border-top:6px solid var(--red)}
.big-block:nth-child(6n+5){border-top:6px solid var(--pink)}
.big-block:nth-child(6n+6){border-top:6px solid var(--red)}
.big-block .link-label{
  color:var(--pink);
}

/* PAPERWORK + RUN THE JOB: LIGHT CANVAS */
.media-card{
  background:#eee8e3;
  box-shadow:0 16px 48px rgba(45,36,34,.08);
}
.item-cloud span,
.item-cloud a{
  background:#fff;
  color:var(--ink);
  border-color:#e7ded9;
}
.item-cloud span:nth-child(3n+2),
.item-cloud a:nth-child(3n+2){
  background:#fff8fa;
  border-color:#f0cbd4;
}
.item-cloud span:nth-child(3n+3),
.item-cloud a:nth-child(3n+3){
  background:#fff;
  border-color:#efbcc7;
}
.statement{
  color:var(--ink);
}
.statement:nth-of-type(odd){
  color:var(--pink);
}

/* VARIATIONS: NO PASTEL FULL-WIDTH BACKGROUND */
.section.pink-wash{
  background:#fffdf9 !important;
  border-top:1px solid #eee3df;
  border-bottom:1px solid #eee3df;
}
.section.pink-wash h2{
  color:var(--ink);
  position:relative;
}
.section.pink-wash h2:before{
  content:"“";
  color:var(--pink);
  font-size:1.15em;
  margin-right:.03em;
}
.section.pink-wash .subhead{
  color:var(--red);
}
.section.pink-wash .big-lines div{
  color:var(--ink);
  border-left:5px solid var(--pink);
}
.section.pink-wash .big-lines div:nth-child(even){
  border-left-color:var(--red);
}
.section.pink-wash .btn-pink{
  background:var(--red);
}
.section.pink-wash .btn-outline{
  border-color:var(--pink);
  color:var(--pink);
}

/* H&S: LIGHT + IMAGE LED */
.hs-links a{
  background:#fff;
  color:var(--ink);
  border:1px solid #e6ded9;
  box-shadow:none;
}
.hs-links a:nth-child(2n){
  background:#fff;
  border-top:4px solid var(--pink);
}
.hs-links a:nth-child(2n+1){
  border-top:4px solid var(--red);
}

/* TOOLS: STRONG PINK BRANDING WITHOUT PINK WASH */
.tools-page-hero{
  background:#fffdf9;
  border-bottom:5px solid var(--pink);
}
.tools-page-hero h1{
  color:var(--ink);
}
.tools-page-hero:before{
  content:"";
  display:block;
  height:10px;
  background:linear-gradient(90deg,var(--pink) 0 70%,var(--red) 70% 100%);
}
.cis-feature,
.cis-calculator{
  background:var(--pink);
  color:#fff;
}
.cis-feature h3,
.cis-calculator h2,
.cis-calculator p{
  color:#fff;
}
.tool-card{
  background:#fff;
  color:var(--ink);
  border:1px solid #e8e0dc;
  box-shadow:none;
}
.tool-card:nth-child(4n+2){
  border-top:4px solid var(--pink);
}
.tool-card:nth-child(4n+3){
  border-top:4px solid var(--red);
}
.tool-card:nth-child(4n+4){
  border-top:4px solid #ff7493;
}
.tool-status{
  color:var(--pink);
}

/* REAL PEOPLE: LIGHT, HUMAN */
.section:not(.dark) .people-list div{
  color:var(--ink);
}
.people-list div{
  border-bottom:1px solid #e8e1dd;
  padding-bottom:10px;
}

/* ONLY INTENTIONAL DARK SECTION */
.section.dark{
  background:var(--green) !important;
  color:#fff;
}
.section.dark h1,
.section.dark h2,
.section.dark h3,
.section.dark p,
.section.dark .statement{
  color:#fff;
}
.section.dark .eyebrow{
  color:#ff86a2;
}
.section.dark .btn-pink{
  background:var(--pink);
}
.problem-words div{
  border-color:rgba(255,255,255,.38);
  color:#fff;
}
.problem-words div:nth-child(2),
.problem-words div:nth-child(4){
  border-color:#ff6f8f;
}

/* WHY SITESTRATA: CHARCOAL + PINK/RED */
.why-copy{
  color:var(--ink);
}
.why-copy p:nth-child(3n+2){
  border-left:4px solid var(--pink);
  padding-left:14px;
}
.why-copy p:nth-child(3n){
  border-left:4px solid var(--red);
  padding-left:14px;
}

/* CONTACT BOX: STRONG PINK, NOT GREEN */
.contact-box-section{
  background:#fffdf9;
}
.contact-box{
  background:var(--pink);
  color:#fff;
  box-shadow:0 20px 55px rgba(255,47,102,.18);
}
.contact-copy h2,
.contact-copy p,
.contact-form label{
  color:#fff;
}
.contact-form input,
.contact-form textarea,
.contact-form select{
  background:#fff;
  color:var(--ink);
}
.contact-box .btn-white{
  background:#fff;
  color:var(--pink);
}
.form-note{
  color:rgba(255,255,255,.92);
}

/* RESOURCES: WHITE WITH BRAND ACCENTS */
.resource-group{
  background:#fff;
  color:var(--ink);
  border:1px solid #e8e0dc;
  box-shadow:none;
}
.resource-group:nth-child(2n){
  background:#fff;
}
.resource-group:nth-child(odd){
  border-top:5px solid var(--pink);
}
.resource-group:nth-child(even){
  border-top:5px solid var(--red);
}
.resource-links em{
  color:var(--pink);
}

/* SERVICE PAGES: LIGHT NEUTRAL, PINK/RED DETAILS */
.simple-list span,
.simple-list a{
  background:#fff;
  color:var(--ink);
  border-left:5px solid var(--pink);
}
.simple-list span:nth-child(3n+2),
.simple-list a:nth-child(3n+2){
  background:#fff;
  border-left-color:var(--red);
}
.simple-list span:nth-child(3n+3),
.simple-list a:nth-child(3n+3){
  border-left-color:#ff7691;
}
.disclaimer{
  background:#fff8f4;
  color:var(--ink);
  border-left:5px solid var(--red);
}

/* DARK GREEN ROLE: FOOTER + SUPPORT ONLY */
.site-footer{
  background:var(--green);
  color:#fff;
}
.footer-nav a,
.footer-contact a,
.footer-statement{
  color:#fff;
}
.footer-nav a:hover{
  color:#ff7d99;
}
.footer-bottom{
  border-top-color:rgba(255,255,255,.18);
}

/* AVOID DARK-GREEN DEFAULTS IN SMALL TEXT */
.hero-tags,
.big-block p,
.tool-card p,
.resource-links a,
.resource-links span,
.simple-list span,
.simple-list a{
  color:var(--ink);
}

/* MOBILE */
@media(max-width:700px){
  .section.pink-wash{
    background:#fffdf9 !important;
  }
  .contact-box{
    background:var(--pink);
  }
}


/* V33 HARD COLOUR RESET — REMOVE GREEN DEFAULTS */

:root{
  --pink:#ff2f66 !important;
  --pink-dark:#dc1f50 !important;
  --red:#ef343f !important;
  --green:#19372f !important;
  --ink:#222222 !important;
  --muted:#666666 !important;
  --paper:#fffdf9 !important;
  --warm:#faf7f2 !important;
  --line:#e7e1dc !important;
}

html,body{
  background:#fffdf9 !important;
  color:#222222 !important;
}

body,
body p,
body li,
body label,
body small,
body span:not(.tool-status):not(.link-label):not(.health-dot){
  color:#222222;
}

/* ALL non-dark headings default CHARCOAL */
body h1,
body h2,
body h3,
body h4,
.hero h1,
.hero h2,
.hero h3,
.section:not(.dark) h1,
.section:not(.dark) h2,
.section:not(.dark) h3,
.service-section h1,
.service-section h2,
.service-section h3,
.contact-box h1,
.contact-box h2,
.contact-box h3{
  color:#222222 !important;
}

/* Brand accents */
body .eyebrow{
  color:#ff2f66 !important;
}
body .subhead{
  color:#ef343f !important;
}
body .link-label,
body .tool-status{
  color:#ff2f66 !important;
}

/* Light section backgrounds */
body .hero,
body .section,
body .service-section,
body .tools-page-hero,
body .contact-box-section{
  background:#fffdf9 !important;
}
body .section.warm,
body .service-section:nth-of-type(even){
  background:#faf7f2 !important;
}
body .section.pink-wash{
  background:#fffdf9 !important;
}

/* Header */
body .site-header{
  background:rgba(255,253,249,.98) !important;
  border-bottom:1px solid #ece5e1 !important;
}
body .desktop-nav a,
body .mobile-links a{
  color:#222222 !important;
}
body .desktop-nav a:hover,
body .mobile-links a:hover{
  color:#ff2f66 !important;
}

/* Buttons */
body .talk-btn,
body .btn-pink{
  background:#ff2f66 !important;
  color:#ffffff !important;
  border-color:#ff2f66 !important;
}
body .btn-pink:hover,
body .talk-btn:hover{
  background:#dc1f50 !important;
}
body .btn-outline{
  background:#ffffff !important;
  color:#ff2f66 !important;
  border-color:#ff2f66 !important;
}

/* Start here cards */
body .big-block{
  background:#ffffff !important;
  border:1px solid #e8e1dd !important;
}
body .big-block:nth-child(2),
body .big-block:nth-child(6){
  background:#fff8fa !important;
}
body .big-block:nth-child(1),
body .big-block:nth-child(3),
body .big-block:nth-child(5){
  border-top:6px solid #ff2f66 !important;
}
body .big-block:nth-child(2),
body .big-block:nth-child(4),
body .big-block:nth-child(6){
  border-top:6px solid #ef343f !important;
}
body .big-block h3,
body .big-block p{
  color:#222222 !important;
}

/* Tags / chips */
body .item-cloud span,
body .item-cloud a,
body .simple-list span,
body .simple-list a,
body .hs-links a{
  background:#ffffff !important;
  color:#222222 !important;
  border-color:#e7dfda !important;
}
body .item-cloud span:nth-child(odd),
body .simple-list span:nth-child(odd){
  border-left:4px solid #ff2f66 !important;
}
body .item-cloud span:nth-child(even),
body .simple-list span:nth-child(even){
  border-left:4px solid #ef343f !important;
}

/* Variations */
body .section.pink-wash{
  border-top:1px solid #eee3df !important;
  border-bottom:1px solid #eee3df !important;
}
body .section.pink-wash h2,
body .section.pink-wash p,
body .section.pink-wash .big-lines div{
  color:#222222 !important;
}
body .section.pink-wash .subhead{
  color:#ef343f !important;
}
body .section.pink-wash .big-lines div:nth-child(odd){
  border-left-color:#ff2f66 !important;
}
body .section.pink-wash .big-lines div:nth-child(even){
  border-left-color:#ef343f !important;
}

/* Tools */
body .tools-page-hero{
  border-bottom:7px solid #ff2f66 !important;
}
body .cis-feature,
body .cis-calculator{
  background:#ff2f66 !important;
  color:#ffffff !important;
}
body .cis-feature *,
body .cis-calculator *{
  color:#ffffff !important;
}
body .tool-card{
  background:#ffffff !important;
  color:#222222 !important;
  border:1px solid #e8e0dc !important;
}
body .tool-card h3{
  color:#222222 !important;
}
body .tool-card:nth-child(3n+1){border-top:4px solid #ff2f66 !important}
body .tool-card:nth-child(3n+2){border-top:4px solid #ef343f !important}
body .tool-card:nth-child(3n){border-top:4px solid #ff7896 !important}

/* Resource cards */
body .resource-group{
  background:#ffffff !important;
  color:#222222 !important;
}
body .resource-group h2,
body .resource-links a,
body .resource-links span{
  color:#222222 !important;
}
body .resource-group:nth-child(odd){border-top:5px solid #ff2f66 !important}
body .resource-group:nth-child(even){border-top:5px solid #ef343f !important}

/* Contact is PINK */
body .contact-box{
  background:#ff2f66 !important;
  color:#ffffff !important;
}
body .contact-box h1,
body .contact-box h2,
body .contact-box h3,
body .contact-box p,
body .contact-box label,
body .contact-box .eyebrow{
  color:#ffffff !important;
}
body .contact-form input,
body .contact-form textarea,
body .contact-form select{
  background:#ffffff !important;
  color:#222222 !important;
}
body .contact-box .btn-white{
  background:#ffffff !important;
  color:#ff2f66 !important;
  border-color:#ffffff !important;
}

/* ONLY INTENTIONAL DARK GREEN FULL-WIDTH AREA */
body .section.dark{
  background:#19372f !important;
  color:#ffffff !important;
}
body .section.dark h1,
body .section.dark h2,
body .section.dark h3,
body .section.dark p,
body .section.dark span,
body .section.dark div{
  color:#ffffff !important;
}
body .section.dark .eyebrow{
  color:#ff87a1 !important;
}
body .section.dark .btn-pink{
  background:#ff2f66 !important;
  color:#ffffff !important;
}

/* Footer only */
body .site-footer{
  background:#19372f !important;
  color:#ffffff !important;
}
body .site-footer *,
body .site-footer a{
  color:#ffffff !important;
}
body .site-footer a:hover{
  color:#ff86a0 !important;
}

/* Remove green from decorative text elsewhere */
body .statement,
body .hero-tags,
body .why-copy,
body .why-copy p,
body .why-final{
  color:#222222 !important;
}
body .why-final{
  color:#ff2f66 !important;
}

/* Make pink/red visually unavoidable without big pale backgrounds */
body .section:not(.dark) > .shell > .eyebrow,
body .service-section > .shell > .eyebrow{
  color:#ff2f66 !important;
}
body .section:not(.dark) h2::after,
body .service-section h2::after{
  content:"";
  display:block;
  width:68px;
  height:5px;
  background:linear-gradient(90deg,#ff2f66 0 62%,#ef343f 62% 100%);
  margin-top:16px;
}
body .contact-box h2::after,
body .section.dark h2::after{
  display:none !important;
}

/* Prevent old green variable declarations from visually winning */
body .big-block,
body .tool-card,
body .resource-group,
body .simple-list span,
body .simple-list a,
body .hs-links a{
  color:#222222 !important;
}


/* V34 BRAND TYPOGRAPHY CORRECTION — PINK/RED LEADS */

:root{
  --pink:#ff2f66 !important;
  --red:#ef343f !important;
  --ink:#242424 !important;
}

/* Keep body copy readable */
body,
body p,
body li,
body label{
  color:#242424 !important;
}

/* BIG LIGHT-SITE HEADLINES ARE BRAND COLOUR, NOT BLACK */
body .hero:not(.dark) h1,
body .hero:not(.dark) h2,
body .section:not(.dark) > .shell > h2,
body .service-section > .shell > h2,
body .tools-page-hero h1{
  color:#ff2f66 !important;
}

/* Hero is an unapologetic pink/red brand moment */
body .hero-copy h1{
  color:#ff2f66 !important;
  text-shadow:2px 2px 0 rgba(239,52,63,.12);
}
body .hero-copy .eyebrow{
  color:#ef343f !important;
}

/* Start Here headline */
body #start-here h2{
  color:#ff2f66 !important;
}
body #start-here .eyebrow{
  color:#ef343f !important;
}

/* Card headings remain readable, accents carry colour */
body .big-block h3{
  color:#242424 !important;
}
body .big-block:nth-child(odd) .link-label{
  color:#ff2f66 !important;
}
body .big-block:nth-child(even) .link-label{
  color:#ef343f !important;
}

/* Major light sections alternate pink and red for energy */
body main > section:not(.dark):nth-of-type(3) h2,
body main > section:not(.dark):nth-of-type(5) h2,
body main > section:not(.dark):nth-of-type(7) h2,
body main > section:not(.dark):nth-of-type(10) h2{
  color:#ef343f !important;
}

body main > section:not(.dark):nth-of-type(4) h2,
body main > section:not(.dark):nth-of-type(6) h2,
body main > section:not(.dark):nth-of-type(8) h2,
body main > section:not(.dark):nth-of-type(11) h2{
  color:#ff2f66 !important;
}

/* VARIATIONS: strong quote treatment */
body .section.pink-wash h2{
  color:#ef343f !important;
}
body .section.pink-wash h2::first-letter{
  color:#ff2f66 !important;
}
body .section.pink-wash .subhead{
  color:#ef343f !important;
  font-weight:900 !important;
}
body .section.pink-wash .big-lines div{
  color:#242424 !important;
}

/* H&S / tools / human support stay bright but branded */
body .hs-links a{
  color:#242424 !important;
}
body .tools-page-hero h1{
  color:#ff2f66 !important;
}
body .tools-page-hero p{
  color:#242424 !important;
}
body .people-list div{
  color:#242424 !important;
}

/* WHY SITESTRATA: big brand typography, readable support */
body main > section:not(.dark) .why-final{
  color:#ef343f !important;
}
body .why-copy p{
  color:#242424 !important;
}

/* Contact remains strong pink */
body .contact-box,
body .contact-box-section .contact-box{
  background:#ff2f66 !important;
}
body .contact-box h2,
body .contact-box p,
body .contact-box label{
  color:#ffffff !important;
}

/* The one intentional dark section stays green with white text */
body .section.dark{
  background:#19372f !important;
}
body .section.dark h1,
body .section.dark h2,
body .section.dark h3,
body .section.dark p,
body .section.dark div,
body .section.dark span{
  color:#ffffff !important;
}
body .section.dark .eyebrow{
  color:#ff7f9c !important;
}
body .section.dark .btn-pink{
  background:#ff2f66 !important;
  color:#ffffff !important;
}

/* Footer stays green only */
body .site-footer{
  background:#19372f !important;
}

/* Remove the previous generic charcoal rule from winning on major headings */
body .hero h1,
body .hero h2,
body .section:not(.dark) h2,
body .service-section h2{
  color:#ff2f66 !important;
}

/* Deliberate red alternates applied last */
body main > section:not(.dark):nth-of-type(3) h2,
body main > section:not(.dark):nth-of-type(5) h2,
body main > section:not(.dark):nth-of-type(7) h2,
body main > section:not(.dark):nth-of-type(10) h2,
body .section.pink-wash h2{
  color:#ef343f !important;
}


/* V35 QUICK FIX — CONTACT VISIBILITY ONLY */
body .contact-box{
  background:#ff2f66 !important;
  color:#ffffff !important;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr) !important;
  align-items:start !important;
}
body .contact-copy{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
body .contact-copy .eyebrow,
body .contact-copy h2,
body .contact-copy p,
body .contact-form label{
  color:#ffffff !important;
}
body .contact-copy h2{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  font-size:clamp(42px,4.8vw,70px) !important;
  line-height:.94 !important;
  margin:0 0 22px !important;
}
body .contact-form input,
body .contact-form textarea,
body .contact-form select{
  background:#ffffff !important;
  color:#222222 !important;
}
body .contact-box .btn-white{
  background:#19372f !important;
  border-color:#19372f !important;
  color:#ffffff !important;
}
body .contact-box .btn-white:hover{
  background:#244c41 !important;
  border-color:#244c41 !important;
}
@media(max-width:1060px){
  body .contact-box{
    grid-template-columns:1fr !important;
  }
}


/* V36 TOOLS FRAMING FIX ONLY */
.toolbox-system{
  background:#ffffff;
  border:2px solid #ff2f66;
  border-top-width:8px;
  padding:0;
}
.toolbox-system-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px 24px;
  background:#ff2f66;
  color:#ffffff;
}
.toolbox-system-head span{
  color:#ffffff !important;
  font-size:18px;
  font-weight:900;
}
.toolbox-system-head strong{
  color:#ffffff;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.toolbox-system-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
}
.toolbox-system-grid a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:64px;
  padding:16px 22px;
  text-decoration:none;
  background:#ffffff;
  border-bottom:1px solid #ece5e1;
  color:#222222 !important;
}
.toolbox-system-grid a:nth-child(odd){
  border-right:1px solid #ece5e1;
}
.toolbox-system-grid a:hover{
  background:#fff7f9;
}
.toolbox-system-grid span{
  color:#222222 !important;
  font-size:16px;
  font-weight:850;
}
.toolbox-system-grid small{
  flex:0 0 auto;
  color:#ff2f66 !important;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
@media(max-width:700px){
  .toolbox-system-head{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .toolbox-system-grid{
    grid-template-columns:1fr;
  }
  .toolbox-system-grid a:nth-child(odd){
    border-right:0;
  }
}


/* V39 CONTACT HEADING — FINAL OVERRIDE */
html body .contact-box-section .contact-box{
  background:#ff2f66 !important;
  display:grid !important;
  grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr) !important;
  gap:48px !important;
  align-items:stretch !important;
}

html body .contact-box-section .contact-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  min-height:430px !important;
  visibility:visible !important;
  opacity:1 !important;
}

html body .contact-box-section .contact-copy .eyebrow{
  display:block !important;
  color:#ffffff !important;
  margin-bottom:24px !important;
}

html body .contact-box-section .contact-copy h2{
  display:block !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  max-width:440px !important;
  margin:0 0 28px 0 !important;
  padding:0 !important;
  overflow:visible !important;
  clip:auto !important;
  clip-path:none !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-size:clamp(46px,5vw,72px) !important;
  line-height:.92 !important;
  letter-spacing:-.045em !important;
  text-transform:uppercase !important;
}

html body .contact-box-section .contact-copy h2::before,
html body .contact-box-section .contact-copy h2::after{
  content:none !important;
  display:none !important;
}

html body .contact-box-section .contact-copy p,
html body .contact-box-section .contact-copy p strong,
html body .contact-box-section .contact-form label{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html body .contact-box-section .contact-form input,
html body .contact-box-section .contact-form textarea,
html body .contact-box-section .contact-form select{
  background:#ffffff !important;
  color:#222222 !important;
  -webkit-text-fill-color:#222222 !important;
}

html body .contact-box-section .contact-box .btn-white{
  background:#19372f !important;
  border-color:#19372f !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

@media(max-width:1060px){
  html body .contact-box-section .contact-box{
    grid-template-columns:1fr !important;
  }
  html body .contact-box-section .contact-copy{
    min-height:0 !important;
  }
}


/* V40 QUOTING EMPHASIS */
.quote-callout{
  margin:30px 0 26px;
  padding:26px 28px;
  background:#fff;
  border-left:7px solid #ff2f66;
  border-top:1px solid #e8e1dd;
  border-right:1px solid #e8e1dd;
  border-bottom:1px solid #e8e1dd;
}
.quote-callout h3{
  color:#ef343f !important;
  margin-bottom:12px;
}
.quote-callout p{
  color:#242424 !important;
  max-width:760px;
}
.quote-feature{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:42px;
  margin:34px 0;
  padding:32px;
  background:#fff;
  border-top:7px solid #ff2f66;
  border-bottom:1px solid #e8e1dd;
}
.quote-feature h3{
  color:#ef343f !important;
  font-size:clamp(28px,3vw,44px);
}
.quote-feature p{
  color:#242424 !important;
}
@media(max-width:760px){
  .quote-feature{
    grid-template-columns:1fr;
    gap:18px;
    padding:24px;
  }
}


/* V41 QUOTES ABOVE THE FOLD */
.quote-hero-strip{
  background:#ffffff;
  border-top:1px solid #eadfda;
  border-bottom:1px solid #eadfda;
  padding:38px 0;
}
.quote-hero-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:44px;
  align-items:center;
}
.quote-hero-strip h2{
  color:#ff2f66 !important;
  font-size:clamp(34px,4vw,58px);
}
.quote-hero-strip p{
  color:#242424 !important;
  margin:5px 0;
}
@media(max-width:760px){
  .quote-hero-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
}