/* SOURCE: assets/css/sales-journey-final.css */

/* CLOUDMATIC SALES-JOURNEY REDESIGN */
:root{--cm-ink:#171717;--cm-yellow:#F5C84C;--cm-yellow2:#FFD95F;--cm-cream:#FFF9DE;--cm-paper:#F7F6F1;--cm-line:#DED8C9;--cm-muted:#626262}

/* all section headings use one signature gradient + reveal line */
main section h2,.about-section h2,.journey-title{
  display:inline-block;position:relative;
  background:linear-gradient(92deg,#171717 0%,#171717 46%,#8A7018 73%,#F5C84C 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  padding-bottom:10px
}
main section h2::after,.about-section h2::after,.journey-title::after{
  content:"";position:absolute;left:0;bottom:0;width:78px;height:3px;border-radius:99px;
  background:linear-gradient(90deg,#171717,#F5C84C);transform-origin:left;transition:width .45s cubic-bezier(.2,.8,.2,1)
}
main section:hover h2::after,.about-section:hover h2::after{width:138px}
main section h2 span{background:inherit!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}

/* combined sales-journey sections */
.journey-combo{position:relative;overflow:hidden;padding:112px 0!important}
.journey-combo::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 10%,rgba(245,200,76,.12),transparent 28%),radial-gradient(circle at 90% 85%,rgba(23,23,23,.055),transparent 30%)}
.journey-combo.tone-yellow{background:linear-gradient(135deg,#FFF8D7 0%,#FFFDF4 55%,#F5F2E8 100%)!important}
.journey-combo.tone-cream{background:linear-gradient(135deg,#fff 0%,#F8F6EF 65%,#FFF8DD 100%)!important}
.journey-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px 72px;align-items:end;margin-bottom:40px}
.journey-head .kicker{grid-column:1/-1;margin:0}.journey-head .journey-title{margin:0;font-size:clamp(36px,4.5vw,62px);line-height:.98;letter-spacing:-.055em}.journey-head .lead{margin:0;max-width:640px}
.journey-panels{display:grid;gap:14px}.journey-panels.panels-2{grid-template-columns:repeat(2,1fr)}.journey-panels.panels-3{grid-template-columns:repeat(3,1fr)}.journey-panels.panels-4{grid-template-columns:repeat(4,1fr)}
.journey-panel{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(23,23,23,.09);border-radius:24px;background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(255,249,222,.68));box-shadow:0 20px 60px rgba(20,20,20,.055);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
.journey-panel:nth-child(even){background:linear-gradient(150deg,#171717 0%,#2A271D 74%,#4F441A 100%)}
.journey-panel:hover{transform:translateY(-8px);box-shadow:0 30px 80px rgba(20,20,20,.12);border-color:rgba(245,200,76,.75)}
.journey-panel-media{height:175px;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(245,200,76,.24),transparent 48%),#F4F1E7;position:relative}
.journey-panel:nth-child(even) .journey-panel-media{background:radial-gradient(circle at 70% 20%,rgba(245,200,76,.22),transparent 43%),#111}
.journey-panel-media::after{content:"↗";position:absolute;right:16px;bottom:14px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--cm-yellow);color:#111;font-size:17px;transform:translateY(6px) rotate(-8deg);opacity:.9;transition:.35s}
.journey-panel:hover .journey-panel-media::after{transform:none}
.journey-visual-img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.journey-panel:hover .journey-visual-img{transform:scale(1.06) rotate(.5deg)}
.journey-panel-body{padding:23px 22px 25px;min-height:235px;display:flex;flex-direction:column}.journey-no{font:700 10px/1 "Inter";letter-spacing:.16em;color:#87711E;margin-bottom:30px}.journey-panel h3{font:600 21px/1.08 "Sora";margin:0 0 10px}.journey-panel p{font-size:14px;line-height:1.5;margin:0;color:#666}.journey-panel:nth-child(even) h3{color:#fff!important;}.journey-panel:nth-child(even) p{color:#D3D0C7!important}.journey-panel:nth-child(even) .journey-no{color:var(--cm-yellow)}
.journey-mini-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:18px}.journey-mini-tags span{font:600 9px/1 "Inter";padding:6px 8px;border-radius:999px;background:rgba(245,200,76,.2);color:#5D4B0B;border:1px solid rgba(177,143,27,.17)}.journey-panel:nth-child(even) .journey-mini-tags span{background:rgba(245,200,76,.12);color:#F4D76C;border-color:rgba(245,200,76,.18)}

/* designer proof block */
.designer-proof-section{background:linear-gradient(145deg,#0F0F0F,#242018)!important;color:#fff!important;overflow:hidden}.designer-proof-section .head h2{background:linear-gradient(95deg,#fff,#F5C84C)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.designer-proof{display:grid!important;grid-template-columns:1.25fr 1fr 1fr 1fr!important;gap:1px!important;border-radius:26px!important;overflow:hidden!important;background:#3A3525!important;box-shadow:0 34px 90px rgba(0,0,0,.24)!important}
.designer-proof>div{position:relative!important;min-height:230px!important;padding:28px 25px!important;background:#171717!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;overflow:hidden!important;transition:.4s!important}.designer-proof>div:first-child{background:linear-gradient(145deg,#F5C84C,#FFE27B)!important}.designer-proof>div::before{content:attr(data-index);position:absolute;top:18px;right:20px;font:700 10px/1 "Inter";letter-spacing:.15em;color:#77661F}.designer-proof>div:not(:first-child)::before{color:#9E8C4A}.designer-proof>div::after{content:"";position:absolute;right:-55px;top:-55px;width:150px;height:150px;border:1px solid rgba(245,200,76,.18);border-radius:50%;transition:.5s}.designer-proof>div:hover::after{transform:scale(1.55);background:rgba(245,200,76,.06)}.designer-proof strong{font:600 clamp(34px,4vw,56px)/.95 "Sora"!important;letter-spacing:-.055em;color:var(--cm-yellow)!important}.designer-proof>div:first-child strong{color:#111!important}.designer-proof span{font:500 13px/1.35 "Inter"!important;color:#CCC7B9!important;max-width:180px;margin-top:9px}.designer-proof>div:first-child span{color:#332B0F!important}

/* cards / flippers / carousels should feel designed */
.card,.service-card,.plan,.icon-card,.about-card{background:linear-gradient(155deg,#fff 0%,#FFF9E5 100%)!important;border-color:#DED6C0!important;box-shadow:0 20px 55px rgba(20,20,20,.06)!important}.card:nth-child(even),.service-card:nth-child(even),.plan:nth-child(even){background:linear-gradient(145deg,#171717,#2A271D)!important}.card:nth-child(even) h3,.service-card:nth-child(even) h3,.plan:nth-child(even) h3{color:#fff!important}.card:nth-child(even) p,.service-card:nth-child(even) p,.plan:nth-child(even) p,.plan:nth-child(even) li{color:#D3D0C7!important}.card:nth-child(even) a,.service-card:nth-child(even) a{color:#F5C84C!important}
.cm-flip-front{background:linear-gradient(145deg,#fff,#FFF7D7)!important}.cm-flip-back{background:linear-gradient(145deg,#111,#2B2516)!important}
.client-logo-card{background:linear-gradient(145deg,#fff,#F7F4EA)!important}

/* consistent buttons */
.btn,.slide-cta,.service-link,.nav-quote{border-radius:999px!important;font:600 13px/1 "Inter"!important;letter-spacing:0!important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .28s ease,border-color .28s ease,color .28s ease,background .28s ease!important}.btn.cta,.nav-quote{background:#171717!important;color:#fff!important;border:1px solid #171717!important}.btn.cta:hover,.nav-quote:hover{background:#F5C84C!important;color:#111!important;border-color:#F5C84C!important;transform:translateY(-3px)}.btn:not(.cta){background:rgba(255,255,255,.85)!important;color:#171717!important;border:1px solid #D3CBB6!important}.btn:not(.cta):hover{background:#F5C84C!important;border-color:#F5C84C!important;transform:translateY(-3px)}

/* section visual accents */
.section-icon{background:radial-gradient(circle,rgba(245,200,76,.25),transparent 68%);border-radius:22px;padding:4px}.feature-media,.visual{box-shadow:0 22px 70px rgba(20,20,20,.08)!important}

@media(max-width:1100px){.journey-panels.panels-4{grid-template-columns:repeat(2,1fr)}.journey-panels.panels-3{grid-template-columns:repeat(2,1fr)}.designer-proof{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.journey-head{grid-template-columns:1fr;gap:18px}.journey-panels,.journey-panels.panels-2,.journey-panels.panels-3,.journey-panels.panels-4{grid-template-columns:1fr}.journey-panel-media{height:190px}.designer-proof{grid-template-columns:1fr!important}.designer-proof>div{min-height:160px!important}.journey-combo{padding:78px 0!important}}

/* Homepage slider SEO hierarchy */
.slide-content h2{margin:0 0 11px;color:#fff;font:600 clamp(30px,3.25vw,50px)/1.04 "Sora",sans-serif;letter-spacing:-.045em;text-shadow:0 3px 24px rgba(0,0,0,.6)}


/* SOURCE: assets/css/minor-go-live-fixes.css */

/* ===== Minor go-live corrections only ===== */

/* Footer: dark navy -> charcoal gradient */
html body .footer{
  background:
    radial-gradient(circle at 12% 8%, rgba(35,58,85,.18), transparent 32%),
    linear-gradient(135deg, #0B1624 0%, #151A20 52%, #222222 100%) !important;
}

/* Ensure all headings inside dark/gradient sections remain readable */
html body .journey-panel.dark h2,
html body .journey-panel.dark h3,
html body .journey-panel.dark h4,
html body .dark h2,
html body .dark h3,
html body .dark h4,
html body .dark-section h2,
html body .dark-section h3,
html body .dark-section h4,
html body .cta-box h2,
html body .cta-box h3,
html body .final-cta h2,
html body .final-cta h3,
html body [class*="dark"] .title,
html body [class*="dark"] h2,
html body [class*="dark"] h3{
  color:#fff !important;
  -webkit-text-fill-color:initial !important;
}
html body .journey-panel.dark h2 span,
html body .journey-panel.dark h3 span,
html body .dark-section h2 span,
html body .dark-section h3 span,
html body [class*="dark"] h2 span,
html body [class*="dark"] h3 span{
  background:linear-gradient(100deg,#fff 0%,#FFF2B8 52%,#F5C84C 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}

/* Contact page corporate redesign */
.contact-page{background:#F6F7F8 !important}
.contact-page .contact-hero{
  min-height:72vh !important;
  display:flex !important;
  align-items:flex-end !important;
  padding:180px 0 84px !important;
  background:
    linear-gradient(180deg,rgba(5,10,16,.18),rgba(5,10,16,.76)),
    url('assets/img/digital-marketing.png') center/cover no-repeat !important;
}
.contact-page .contact-hero .contact-shell{width:min(1180px,92vw);margin:auto;text-align:center}
.contact-page .contact-hero h1{
  max-width:900px !important;
  margin:0 auto 18px !important;
  font:600 clamp(48px,6vw,82px)/.96 "Sora",sans-serif !important;
  letter-spacing:-.055em !important;
  background:linear-gradient(100deg,#fff 0%,#FFF3B9 54%,#F5C84C 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent !important;
}
.contact-page .contact-hero p{
  max-width:720px !important;
  margin:0 auto !important;
  color:rgba(255,255,255,.88) !important;
  font-size:16px !important;
  line-height:1.6 !important;
}
.contact-page .contact-cards{
  width:min(1180px,92vw) !important;
  margin:-38px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:14px !important;
  position:relative !important;
  z-index:4 !important;
}
.contact-page .contact-card{
  min-height:205px !important;
  padding:26px 24px !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  text-align:left !important;
  border-radius:18px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,248,244,.98)) !important;
  border:1px solid #E3DED1 !important;
  box-shadow:0 18px 44px rgba(17,17,17,.08) !important;
  color:#171717 !important;
}
.contact-page .contact-card h3{
  color:#171717 !important;
  margin:0 0 12px !important;
  font:600 20px/1.05 "Sora",sans-serif !important;
}
.contact-page .contact-card p{
  color:#666 !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}
.contact-page .contact-card a{
  margin-top:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:10px 14px !important;
  background:#171717 !important;
  color:#fff !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:700 !important;
  transition:.28s ease !important;
}
.contact-page .contact-card a:hover{
  background:#F5C84C !important;
  color:#171717 !important;
  transform:translateY(-2px) !important;
}
.contact-page .contact-form-section{
  padding:94px 0 110px !important;
}
.contact-page .contact-form-grid{
  width:min(1180px,92vw) !important;
  margin:auto !important;
  grid-template-columns:.78fr 1.22fr !important;
  gap:70px !important;
  align-items:start !important;
}
.contact-page .contact-intro h2{
  font:600 clamp(36px,4vw,54px)/1 "Sora",sans-serif !important;
  letter-spacing:-.045em !important;
  background:linear-gradient(100deg,#171717 0%,#6A5A25 55%,#B89418 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;-webkit-text-fill-color:transparent !important;
}
.contact-page .contact-intro p{
  color:#666 !important;
  font-size:15px !important;
  line-height:1.62 !important;
}
.contact-page .cm-form{
  padding:30px !important;
  border:1px solid #E1DCCF !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 20px 55px rgba(17,17,17,.07) !important;
}
.contact-page .cm-form input,
.contact-page .cm-form select,
.contact-page .cm-form textarea{
  border:0 !important;
  border-bottom:1px solid #D8D2C4 !important;
  border-radius:0 !important;
  background:#fff !important;
  padding:14px 2px !important;
  color:#171717 !important;
}
.contact-page .cm-form input:focus,
.contact-page .cm-form select:focus,
.contact-page .cm-form textarea:focus{
  border-bottom-color:#F5C84C !important;
  outline:none !important;
}
.contact-page .cm-form button{
  margin-top:4px !important;
  border-radius:999px !important;
  background:#171717 !important;
  color:#fff !important;
  padding:13px 20px !important;
  transition:.28s ease !important;
}
.contact-page .cm-form button:hover{
  background:#F5C84C !important;
  color:#171717 !important;
  transform:translateY(-2px) !important;
}

/* Industries hero: use the existing homepage Sites banner */
body.industries-page .page-hero,
body.industries-page .industries-hero,
body.industries-page .hero{
  background:
    linear-gradient(180deg,rgba(5,8,12,.20),rgba(5,8,12,.72)),
    url('assets/img/web-design.png') center/cover no-repeat !important;
}

@media(max-width:900px){
  .contact-page .contact-cards{grid-template-columns:1fr 1fr !important}
  .contact-page .contact-form-grid{grid-template-columns:1fr !important;gap:34px !important}
}
@media(max-width:560px){
  .contact-page .contact-hero{min-height:620px !important;padding:150px 0 72px !important}
  .contact-page .contact-cards{grid-template-columns:1fr !important;margin-top:-20px !important}
  .contact-page .cm-form{padding:22px !important}
}


/* SOURCE: assets/css/sites-refinement.css */

/* ==============================================================
   SITES REFINEMENT — approved commercial/privacy adjustments
   ============================================================== */

/* User-specified global kicker treatment */
html body .kicker{
  color:#ffffff !important;
  background:#ffd600 !important;
  display:inline-block !important;
  width:fit-content !important;
  padding:6px !important;
  border-radius:4px !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.09em !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}

/* Do not disclose website design/development prices */
#website-plans .proposal-price.quote-only,
#education-websites .proposal-price.quote-only{
  display:inline-flex !important;
  width:auto !important;
  min-height:44px !important;
  padding:11px 15px !important;
  align-items:center !important;
  gap:8px !important;
  border-radius:999px !important;
  background:#171717 !important;
  border:1px solid #171717 !important;
  text-decoration:none !important;
  transition:.3s ease !important;
}
#website-plans .proposal-card.featured .proposal-price.quote-only,
#education-websites .proposal-card.featured .proposal-price.quote-only{
  background:#ffd600 !important;
  border-color:#ffd600 !important;
}
#website-plans .proposal-price.quote-only strong,
#education-websites .proposal-price.quote-only strong{
  color:#fff !important;
  font:600 13px/1 "Inter",sans-serif !important;
  letter-spacing:0 !important;
}
#website-plans .proposal-card.featured .proposal-price.quote-only strong,
#education-websites .proposal-card.featured .proposal-price.quote-only strong{
  color:#171717 !important;
}
#website-plans .proposal-price.quote-only small,
#education-websites .proposal-price.quote-only small{
  color:#ffd600 !important;
  font:600 11px/1 "Inter",sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}
#website-plans .proposal-card.featured .proposal-price.quote-only small,
#education-websites .proposal-card.featured .proposal-price.quote-only small{
  color:#5b4d00 !important;
}
#website-plans .proposal-price.quote-only:hover,
#education-websites .proposal-price.quote-only:hover{
  transform:translateY(-2px) !important;
  background:#ffd600 !important;
  border-color:#ffd600 !important;
}
#website-plans .proposal-price.quote-only:hover strong,
#website-plans .proposal-price.quote-only:hover small,
#education-websites .proposal-price.quote-only:hover strong,
#education-websites .proposal-price.quote-only:hover small{
  color:#171717 !important;
}

/* --------------------------------------------------------------
   Commercial-proof visual: replaces the previous flat metric band
   -------------------------------------------------------------- */
.proof-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:14px;
  margin-top:42px;
  min-height:520px;
}
.proof-visual{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border-radius:30px;
  background:
    radial-gradient(circle at 75% 20%,rgba(255,214,0,.16),transparent 30%),
    linear-gradient(145deg,#10161d,#252525);
  box-shadow:0 26px 72px rgba(17,17,17,.14);
}
.proof-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(7,12,18,.04),rgba(7,12,18,.70));
}
.proof-visual img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  display:block;
  filter:grayscale(1) contrast(1.08);
  opacity:.88;
  transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .6s ease;
}
.proof-showcase:hover .proof-visual img{
  transform:scale(1.035);
  filter:grayscale(.72) contrast(1.08);
}
.proof-visual-copy{
  position:absolute;
  z-index:3;
  left:28px;
  right:28px;
  bottom:28px;
}
.proof-visual-copy span{
  display:inline-flex;
  padding:6px 8px;
  margin-bottom:10px;
  border-radius:4px;
  background:#ffd600;
  color:#fff;
  font:700 10px/1 "Inter",sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.proof-visual-copy strong{
  display:block;
  max-width:590px;
  color:#fff !important;
  font:600 clamp(28px,3.2vw,48px)/1.02 "Sora",sans-serif;
  letter-spacing:-.045em;
}
.proof-pulse{
  position:absolute;
  z-index:3;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#ffd600;
  box-shadow:0 0 0 0 rgba(255,214,0,.42);
  animation:proofPulse 2.8s infinite;
}
.proof-pulse::after{
  content:"";
  position:absolute;
  left:5px;
  top:5px;
  width:70px;
  height:1px;
  background:linear-gradient(90deg,#ffd600,transparent);
  transform-origin:left;
}
.proof-pulse.p1{left:18%;top:30%}
.proof-pulse.p2{right:23%;top:43%;animation-delay:.7s}
.proof-pulse.p3{left:48%;top:17%;animation-delay:1.3s}
@keyframes proofPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,214,0,.35)}
  50%{box-shadow:0 0 0 14px rgba(255,214,0,0)}
}
.proof-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.proof-stat{
  position:relative;
  min-height:253px;
  padding:25px;
  border-radius:26px;
  overflow:hidden;
  border:1px solid #ded7c5;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,214,0,.20),transparent 38%),
    linear-gradient(145deg,#fff,#fff8dc);
  box-shadow:0 16px 40px rgba(17,17,17,.055);
  transition:.35s cubic-bezier(.2,.8,.2,1);
}
.proof-stat:nth-child(2),
.proof-stat:nth-child(3){
  background:
    radial-gradient(circle at 100% 0%,rgba(255,214,0,.15),transparent 38%),
    linear-gradient(145deg,#101820,#232323);
  border-color:#30363b;
}
.proof-stat:hover{
  transform:translateY(-6px);
  box-shadow:0 25px 56px rgba(17,17,17,.12);
}
.proof-index{
  position:absolute;
  right:19px;
  top:18px;
  color:#8c7a37;
  font:700 9px/1 "Inter";
  letter-spacing:.12em;
}
.proof-stat:nth-child(2) .proof-index,
.proof-stat:nth-child(3) .proof-index{color:#ffd600}
.proof-stat strong{
  display:block;
  margin-top:53px;
  color:#171717 !important;
  font:600 clamp(37px,4vw,58px)/.95 "Sora",sans-serif !important;
  letter-spacing:-.055em;
}
.proof-stat:nth-child(2) strong,
.proof-stat:nth-child(3) strong{color:#ffd600 !important}
.proof-stat p{
  margin:11px 0 7px !important;
  color:#171717 !important;
  font:600 15px/1.15 "Sora",sans-serif !important;
}
.proof-stat:nth-child(2) p,
.proof-stat:nth-child(3) p{color:#fff !important}
.proof-stat small{
  display:block;
  color:#696969;
  font:500 11px/1.45 "Inter",sans-serif;
}
.proof-stat:nth-child(2) small,
.proof-stat:nth-child(3) small{color:#bfc2c4}

/* --------------------------------------------------------------
   Website Services / flip carousel: richer front face and visual cue
   -------------------------------------------------------------- */
#services{
  background:
    radial-gradient(circle at 8% 14%,rgba(255,214,0,.20),transparent 28%),
    linear-gradient(135deg,#fff9dc,#f7f7f4) !important;
}
#services .cards.slider{
  padding:12px 3px 26px !important;
}
#services .cm-flip-card{
  height:322px !important;
}
#services .cm-flip-face{
  border-radius:25px !important;
}
#services .cm-flip-front{
  justify-content:flex-end !important;
  background:
    radial-gradient(circle at 94% 105%,rgba(255,214,0,.30),transparent 34%),
    linear-gradient(145deg,#ffffff,#fff9e1) !important;
}
#services .cm-flip-front::before{
  content:"";
  position:absolute;
  left:-50px;
  top:-55px;
  width:155px;
  height:155px;
  border:1px solid rgba(255,214,0,.42);
  border-radius:50%;
}
#services .cm-flip-front svg{
  position:absolute !important;
  left:26px;
  top:68px;
  width:48px !important;
  height:48px !important;
}
#services .service-card-no{
  position:absolute;
  right:24px;
  top:22px;
  color:#ac9327;
  font:700 10px/1 "Inter",sans-serif;
  letter-spacing:.12em;
}
#services .cm-flip-front h3{
  max-width:92% !important;
  margin:0 0 10px !important;
  color:#121a27 !important;
  font-size:23px !important;
}
#services .cm-flip-hint{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#665619 !important;
}
#services .cm-flip-hint::after{
  content:"→";
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#ffd600;
  color:#111;
  font-size:13px;
  transition:.28s;
}
#services .cm-flip-card:hover .cm-flip-hint::after{
  transform:translateX(4px) rotate(-8deg);
}
#services .cm-flip-back{
  background:
    radial-gradient(circle at 105% 0%,rgba(255,214,0,.18),transparent 36%),
    linear-gradient(145deg,#0e1721,#222) !important;
}
#services .cm-flip-back h3{color:#ffd600 !important}
#services .cm-flip-back p{color:#e5e5e5 !important}

/* keep horizontal carousel edge clean */
#services .cards.slider>.card{
  flex-basis:min(31.5%,365px) !important;
}

@media(max-width:980px){
  .proof-showcase{grid-template-columns:1fr;min-height:auto}
  .proof-visual,.proof-visual img{min-height:440px}
}
@media(max-width:650px){
  .proof-stats{grid-template-columns:1fr}
  .proof-visual,.proof-visual img{min-height:380px}
  .proof-stat{min-height:205px}
  #services .cards.slider>.card{flex-basis:86% !important}
}


/* SOURCE: assets/css/focused-rebuild.css */

/* ============================================================
   Cloudmatic focused rebuild — restrained fixes only
   ============================================================ */
:root{
  --cm-charcoal:#151A20;
  --cm-charcoal-2:#202832;
  --cm-yellow:#FFD600;
  --cm-cream:#FFF8DC;
  --cm-line:#DDD5BE;
}
.kicker{
  color:#fff!important;background:#FFD600!important;display:inline-block!important;
  width:fit-content!important;padding:6px!important;border-radius:4px!important;
  font-size:11px!important;line-height:1!important
}

/* standard hero visibility */
.blog-page-hero,.faq-page-hero,.standard-industries-hero{min-height:650px!important;position:relative!important;overflow:hidden!important;background:#151A20!important}
.blog-page-hero .page-hero-bg,.faq-page-hero .page-hero-bg,.standard-industries-hero .page-hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.blog-page-hero:after,.faq-page-hero:after,.standard-industries-hero:after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(21,26,32,.20),rgba(21,26,32,.76))
}
.blog-page-hero .page-hero-copy,.faq-page-hero .page-hero-copy,.standard-industries-hero .page-hero-copy{position:relative!important;z-index:2!important}
.blog-page-hero h1,.faq-page-hero h1{color:#fff!important}

/* Website services masonry */
.services-masonry-section{
  background:
    radial-gradient(circle at 8% 7%,rgba(255,214,0,.20),transparent 28%),
    linear-gradient(135deg,#FFF9E5,#F6F7F7)!important
}
.services-masonry{
  display:grid;grid-template-columns:1.18fr .82fr .82fr;
  grid-auto-rows:270px;gap:16px;margin-top:38px
}
.service-masonry-card{
  position:relative;overflow:hidden;border-radius:26px;border:1px solid #DDD5BE;
  background:linear-gradient(145deg,#fff,#FFF8DC);padding:25px;
  display:flex;flex-direction:column;transition:.32s ease;box-shadow:0 15px 40px rgba(21,26,32,.055)
}
.service-masonry-card:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(21,26,32,.10)}
.service-featured{grid-row:span 2;background:linear-gradient(145deg,#151A20,#202832);border-color:#303943;color:#fff}
.service-cms{grid-column:2}
.service-corporate{grid-column:3}
.service-commerce{grid-column:2/4}
.service-redesign{grid-column:1/2}
.service-landing{grid-column:2/4}
.service-masonry-art{
  position:relative;min-height:105px;margin-bottom:auto;border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,247,203,.75));
  border:1px solid rgba(21,26,32,.07);overflow:hidden
}
.service-featured .service-masonry-art{min-height:210px;background:radial-gradient(circle at 70% 30%,rgba(255,214,0,.19),transparent 35%),rgba(255,255,255,.05);border-color:rgba(255,255,255,.10)}
.service-masonry-no{font:700 9px/1 Inter,sans-serif;letter-spacing:.11em;color:#927A20;text-transform:uppercase}
.service-featured .service-masonry-no{color:#FFD600}
.service-masonry-copy h3{margin:12px 0 7px!important;font-size:24px!important;letter-spacing:-.03em;color:#151A20!important}
.service-featured .service-masonry-copy h3{font-size:34px!important;color:#fff!important}
.service-masonry-copy p{margin:0 0 16px!important;font-size:11px!important;line-height:1.48!important;color:#606870!important}
.service-featured .service-masonry-copy p{font-size:13px!important;color:#CDD2D6!important}
.service-masonry-copy a{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#151A20!important}
.service-featured .service-masonry-copy a{color:#fff!important}
.service-masonry-copy i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#FFD600;color:#151A20;transition:.25s}
.service-masonry-copy a:hover i{transform:translateX(3px) rotate(-7deg)}

/* simple, purposeful masonry artwork */
.art-browser .browser-top{position:absolute;left:15%;right:15%;top:16%;height:68%;border:2px solid currentColor;border-radius:9px;color:#fff}
.art-browser .browser-top:before{content:"";position:absolute;left:0;right:0;top:22%;height:1px;background:rgba(255,255,255,.45)}
.art-browser .browser-line{position:absolute;left:24%;height:4px;border-radius:3px;background:#FFD600}
.art-browser .l1{top:48%;width:34%}.art-browser .l2{top:59%;width:45%}.art-browser .browser-cta{position:absolute;left:24%;top:72%;width:24%;height:12px;border-radius:8px;background:#FFD600}
.art-cms .cms-mark{position:absolute;left:16%;top:23%;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:2px solid #151A20;font:600 23px Sora}
.art-cms .cms-line{position:absolute;left:48%;height:2px;background:#151A20}.art-cms .a{top:35%;width:35%}.art-cms .b{top:49%;width:25%}.art-cms .c{top:63%;width:35%}
.art-corporate .building{position:absolute;bottom:17%;border:2px solid #151A20;border-bottom-width:4px}.art-corporate .b1{left:20%;width:20%;height:44%}.art-corporate .b2{left:42%;width:25%;height:62%}.art-corporate .b3{left:69%;width:16%;height:36%}
.art-commerce .cart-basket{position:absolute;left:22%;top:30%;width:50%;height:38%;border:2px solid #151A20;transform:skew(-10deg)}.art-commerce .cart-wheel{position:absolute;bottom:18%;width:12px;height:12px;border:2px solid #151A20;border-radius:50%}.art-commerce .w1{left:33%}.art-commerce .w2{left:63%}.art-commerce .cart-plus{position:absolute;right:17%;top:18%;font:600 34px Sora;color:#C7A814}
.art-redesign .chart-base{position:absolute;left:15%;right:15%;bottom:22%;height:2px;background:#151A20}.art-redesign .chart-line{position:absolute;left:20%;top:58%;width:62%;height:2px;background:#C7A814;transform:rotate(-19deg);transform-origin:left}.art-redesign .chart-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#FFD600}.art-redesign .d1{left:26%;top:53%}.art-redesign .d2{left:52%;top:42%}.art-redesign .d3{left:76%;top:28%}
.art-landing .landing-frame{position:absolute;left:15%;right:15%;top:15%;bottom:15%;border:2px solid #151A20;border-radius:8px}.art-landing .landing-head{position:absolute;left:25%;top:34%;width:35%;height:5px;border-radius:3px;background:#151A20}.art-landing .landing-copy{position:absolute;left:25%;top:48%;width:48%;height:3px;background:#999}.art-landing .landing-button{position:absolute;left:25%;top:62%;width:25%;height:13px;border-radius:8px;background:#FFD600}

/* Hosting comparison: restrained 2 columns */
.hosting-compare-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.hosting-compare-card{
  padding:28px;border-radius:26px;border:1px solid #DDD5BE;
  background:linear-gradient(145deg,#fff,#FFF8DC);box-shadow:0 15px 42px rgba(21,26,32,.055)
}
.hosting-compare-card.cloud{background:linear-gradient(145deg,#151A20,#202832);border-color:#303943}
.hosting-compare-label{display:inline-block;padding:6px 8px;border-radius:4px;background:#FFD600;color:#fff;font:700 9px/1 Inter;text-transform:uppercase;letter-spacing:.08em}
.hosting-compare-card h3{font-size:31px!important;margin:20px 0 8px!important;color:#151A20!important}
.hosting-compare-card.cloud h3{color:#fff!important}
.hosting-compare-intro{font-size:12px!important;line-height:1.5!important;color:#657078!important}
.hosting-compare-card.cloud .hosting-compare-intro{color:#C7CED3!important}
.hosting-compare-row{display:grid;grid-template-columns:105px 1fr;gap:14px;padding:13px 0;border-top:1px solid rgba(21,26,32,.10)}
.hosting-compare-card.cloud .hosting-compare-row{border-color:rgba(255,255,255,.10)}
.hosting-compare-row span{font-size:10px;font-weight:700;color:#151A20}.hosting-compare-card.cloud .hosting-compare-row span{color:#FFD600}
.hosting-compare-row p{margin:0!important;font-size:11px!important;line-height:1.4!important;color:#657078!important}.hosting-compare-card.cloud .hosting-compare-row p{color:#D3D9DD!important}
.hosting-compare-icon{height:110px;position:relative;margin:20px 0 5px}
.shared-icon i{position:absolute;left:12%;right:12%;height:24px;border:2px solid #151A20;border-radius:7px}.shared-icon i:nth-child(1){top:8px}.shared-icon i:nth-child(2){top:40px}.shared-icon i:nth-child(3){top:72px}
.cloud-icon i{position:absolute;width:52px;height:52px;border:2px solid #FFD600;border-radius:50%}.cloud-icon i:nth-child(1){left:16%;top:30px}.cloud-icon i:nth-child(2){left:42%;top:8px}.cloud-icon i:nth-child(3){right:16%;top:38px}.cloud-icon b{position:absolute;left:24%;right:24%;top:56px;height:1px;background:#FFD600}

/* Blog */
.cm-blog-page{background:linear-gradient(135deg,#F7F7F5,#FFF9E4)!important}
.cm-blog-heading{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end}
.cm-blog-feature{margin-top:38px;display:grid;grid-template-columns:1.05fr .95fr;border-radius:28px;overflow:hidden;background:#151A20}
.cm-blog-feature-visual img{width:100%;height:100%;min-height:410px;object-fit:cover;filter:grayscale(.55)}
.cm-blog-feature-copy{padding:38px;display:flex;flex-direction:column;justify-content:center}
.cm-blog-meta{display:flex;justify-content:space-between;gap:18px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#A38B2A}.cm-blog-feature .cm-blog-meta{color:#FFD600}
.cm-blog-feature-copy h2{margin:25px 0 12px!important;color:#fff!important;font-size:38px!important}
.cm-blog-feature-copy p{color:#C8CFD4!important}.cm-blog-feature-copy a,.cm-blog-card a{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.cm-blog-feature-copy a{color:#fff!important}.cm-blog-feature-copy i,.cm-blog-card i{font-style:normal;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#FFD600;color:#151A20}
.cm-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.cm-blog-card{position:relative;min-height:280px;padding:24px;border-radius:22px;border:1px solid #DDD5BE;background:#fff;display:flex;flex-direction:column}
.cm-blog-card.dark{background:linear-gradient(145deg,#151A20,#202832);border-color:#303943}.cm-blog-card.yellow{background:linear-gradient(145deg,#FFF1A3,#FFF8DC)}
.cm-blog-card h3{margin:38px 0 12px!important;font-size:22px!important;line-height:1.08!important;color:#151A20!important}.cm-blog-card.dark h3{color:#fff!important}
.cm-blog-card p{font-size:11px!important;line-height:1.5!important;color:#657078!important}.cm-blog-card.dark p{color:#C9D0D5!important}
.cm-blog-card a{margin-top:auto;color:#151A20!important}.cm-blog-card.dark a{color:#fff!important}

/* FAQ */
.cm-faq-page{background:linear-gradient(135deg,#F7F7F5,#FFF9E4)!important}
.cm-faq-heading{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:34px}
.cm-faq-list{border-top:1px solid #D8D0B9}
.cm-faq-item{border-bottom:1px solid #D8D0B9}
.cm-faq-question{width:100%;padding:20px 0;border:0;background:none;display:grid;grid-template-columns:45px 1fr 36px;gap:16px;align-items:center;text-align:left;cursor:pointer}
.cm-faq-index{font:700 9px Inter;color:#9A8125;letter-spacing:.1em}.cm-faq-title{font:600 16px/1.35 Sora;color:#151A20}
.cm-faq-plus{width:32px;height:32px;border-radius:50%;background:#FFD600;display:grid;place-items:center;color:#151A20;transition:.25s}
.cm-faq-answer{display:none;padding:0 52px 20px 61px;max-width:980px}.cm-faq-answer p{margin:0!important;color:#626D75!important;line-height:1.62!important}
.cm-faq-item.open .cm-faq-answer{display:block}.cm-faq-item.open .cm-faq-plus{transform:rotate(45deg)}

@media(max-width:900px){
  .services-masonry{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .service-featured{grid-row:span 1}.service-cms,.service-corporate,.service-commerce,.service-redesign,.service-landing{grid-column:auto}
  .service-masonry-card{min-height:300px}
  .hosting-compare-two,.cm-blog-feature,.cm-blog-heading,.cm-faq-heading{grid-template-columns:1fr}
  .cm-blog-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .services-masonry,.hosting-compare-two,.cm-blog-grid{grid-template-columns:1fr}
  .service-masonry-card{min-height:280px}
  .cm-faq-question{grid-template-columns:34px 1fr 32px;gap:10px}.cm-faq-answer{padding-left:44px;padding-right:0}
}


/* Footer mobile compact alignment — desktop unchanged */
@media (max-width:767px){
 footer.cm-footer-compact{text-align:left}
 footer.cm-footer-compact .footer-grid,
 footer.cm-footer-compact .footer-main,
 footer.cm-footer-compact .footer-columns,
 footer.cm-footer-compact .footer-inner{gap:18px!important}
 footer.cm-footer-compact .footer-col,
 footer.cm-footer-compact .footer-column{margin:0!important}
 footer.cm-footer-compact h3,
 footer.cm-footer-compact h4,
 footer.cm-footer-compact .footer-title{margin-top:0!important;margin-bottom:8px!important}
 footer.cm-footer-compact ul{margin-top:0!important;margin-bottom:0!important}
 footer.cm-footer-compact li{margin-bottom:5px!important}
 footer.cm-footer-compact .footer-bottom,
 footer.cm-footer-compact .footer-legal,
 footer.cm-footer-compact .footer-meta{margin-top:16px!important;padding-top:14px!important;gap:8px 14px!important}
}


/* ============================================================
   CLOUDMATIC REFERENCE FOOTER — isolated styles only
   ============================================================ */
.cm-reference-footer{
  background:#151A20!important;
  color:#fff!important;
  padding:0!important;
  position:relative;
  overflow:hidden;
}
.cm-reference-footer:before,
.cm-reference-footer:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.cm-reference-footer:before{
  width:610px;height:610px;
  right:-175px;top:-340px;
  border:1px solid rgba(255,214,0,.18);
  box-shadow:
    0 0 0 72px rgba(255,214,0,.018),
    0 0 0 145px rgba(255,214,0,.012);
}
.cm-reference-footer:after{
  width:430px;height:430px;
  right:-95px;top:-225px;
  border:1px solid rgba(255,214,0,.06);
}
.cm-ref-footer-shell{
  width:min(1440px,94vw);
  margin:0 auto;
  padding:50px 50px 20px 40px;
  position:relative;
  z-index:1;
}
.cm-ref-footer-top{
  display:grid;
  grid-template-columns:auto minmax(280px,1fr) auto;
  gap:36px;
  align-items:center;
}
.cm-ref-brand img{
  display:block!important;
  width:96px!important;
  max-width:96px!important;
  height:auto!important;
  object-fit:contain!important;
}
.cm-ref-intro{
  margin:0!important;
  max-width:520px;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.cm-ref-socials{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
  padding:6px;
  background:rgba(6,12,18,.32);
}
.cm-ref-socials a{
  width:36px;height:36px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.17);
  display:grid;
  place-items:center;
  color:#fff!important;
  text-decoration:none!important;
  font-size:10px!important;
  transition:.25s ease;
}
.cm-ref-socials a:hover{
  background:#FFD600;
  border-color:#FFD600;
  color:#151A20!important;
  transform:translateY(-2px);
}
.cm-ref-footer-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  gap:40px;
  align-items:center;
  padding:54px 0 46px;
}
.cm-ref-headline h2{
  margin:0!important;
  max-width:1050px;

  font-size:clamp(40px, 6vw, 66px) !important;
  line-height:.90!important;
  letter-spacing:-.065em!important;
  font-weight:600!important;
  color:#fff!important;
  -webkit-text-fill-color:initial!important;
  background:none!important;
  filter:none!important;
}
.cm-ref-headline h2 span{
  color:#FFD600!important;
  -webkit-text-fill-color:#FFD600!important;
  background:none!important;
}
.cm-ref-quote-circle{
  width:150px;height:150px;
  justify-self:end;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff!important;
  text-decoration:none!important;
  transition:.32s ease;
}
.cm-ref-quote-circle:hover{
  border-color:#FFD600;
  background:rgba(255,214,0,.04);
  transform:rotate(-4deg) scale(1.03);
}
.cm-ref-arrow{
  font-size:32px;
  line-height:1;
  color:#fff;
  transition:.25s ease;
}
.cm-ref-quote-circle:hover .cm-ref-arrow{
  color:#FFD600;
  transform:translate(3px,-3px);
}
.cm-ref-quote-text{
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
}
.cm-ref-footer-bottom{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);
  align-items:center;
  border-top:1px solid rgba(255,255,255,.13);
  padding-top:0;
}
.cm-ref-service-nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(110px,1fr)) auto auto auto;
  align-items:stretch;
  min-width:0;
  background:
    linear-gradient(90deg,rgba(255,214,0,.055),rgba(255,255,255,.015));
}
.cm-ref-service-nav a{
  min-height:54px;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid rgba(255,255,255,.12);
  color:#fff!important;
  text-decoration:none!important;
  transition:.2s ease;
}
.cm-ref-service-nav a:hover{
  background:rgba(255,214,0,.075);
}
.cm-ref-service-nav small{
  display:block;
  color:#5BD5F6!important;
  font-size:10px!important;
  line-height:1.1!important;
  margin-bottom:3px;
}
.cm-ref-service-nav strong{
  color:#fff!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
}
.cm-ref-service-nav .cm-ref-single,
.cm-ref-service-nav .cm-ref-contact{
  justify-content:center;
  align-items:center;
  padding-left:14px;
  padding-right:14px;
}
.cm-ref-contact{
  margin:7px;
  min-height:40px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:5px;
}
.cm-ref-legal{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  padding-left:18px;
  color:#9EA7AE;
  font-size:9px;
  white-space:nowrap;
}
.cm-ref-legal nav{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.cm-ref-legal a{
  color:#C1C7CC!important;
  text-decoration:none!important;
  font-size:9px!important;
}
.cm-ref-legal a:hover{color:#FFD600!important}

@media(max-width:980px){
  .cm-ref-footer-bottom{grid-template-columns:1fr}
  .cm-ref-service-nav{grid-template-columns:repeat(4,1fr)}
  .cm-ref-service-nav .cm-ref-single,
  .cm-ref-service-nav .cm-ref-contact{
    min-height:48px;
  }
  .cm-ref-legal{
    justify-content:space-between;
    padding:14px 0 0;
    white-space:normal;
  }
}
@media(max-width:767px){
  .cm-ref-footer-shell{
    width:min(100% - 28px,560px);
    padding:26px 0 16px;
  }
  .cm-ref-footer-top{
    grid-template-columns:1fr auto;
    gap:12px 18px;
    align-items:start;
  }
  .cm-ref-brand img{
    width:96px!important;
    max-width:96px!important;
  }
  .cm-ref-socials{
    grid-column:2;
    grid-row:1;
    padding:0;
    background:none;
    gap:5px;
  }
  .cm-ref-socials a{
    width:29px;height:29px;
    font-size:8px!important;
  }
  .cm-ref-intro{
    grid-column:1/-1;
    max-width:none;
    font-size:11px!important;
    line-height:1.5!important;
  }
  .cm-ref-footer-hero{
    grid-template-columns:1fr;
    gap:14px;
    padding:25px 0 16px;
  }
  .cm-ref-headline h2{
    font-size:clamp(34px,10.5vw,49px)!important;
    line-height:.94!important;
  }
  .cm-ref-quote-circle{
    display:none;
  }
  .cm-ref-arrow{font-size:26px}
  .cm-ref-quote-text{font-size:8px}
  .cm-ref-footer-bottom{display:block}
  .cm-ref-service-nav{
    display:block;
    background:none;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .cm-ref-service-nav a{
    min-height:36px;
    padding:7px 2px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.09);
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    justify-content:start;
    gap:5px;
  }
  .cm-ref-service-nav a:after{
    content:"›";
    color:#fff;
    font-size:18px;
    justify-self:end;
    padding-right:3px;
  }
  .cm-ref-service-nav small{
    margin:0;
    font-size:10px!important;
  }
  .cm-ref-service-nav strong{
    font-size:10px!important;
  }
  .cm-ref-service-nav .cm-ref-single,
  .cm-ref-service-nav .cm-ref-contact{
    min-height:36px!important;
    margin:0;
    border:0!important;
    border-radius:0;
    justify-content:initial;
    padding:7px 2px;
  }
  .cm-ref-service-nav .cm-ref-single:after,
  .cm-ref-service-nav .cm-ref-contact:after{
    content:"";
  }
  .cm-ref-legal{
    display:block;
    min-height:0;
    padding:12px 0 0;
    text-align:center;
    font-size:8px;
  }
  .cm-ref-legal nav{
    justify-content:center;
    gap:8px 12px;
    margin-top:7px;
  }
  .cm-ref-legal a{font-size:8px!important}
}


/* iPhone / Mobile Safari service-banner H1 visibility safeguard */
body.cm-service-page .hero-copy h1,
body.cm-service-page .page-hero-copy h1{position:relative!important;z-index:5!important}

@supports (-webkit-touch-callout:none){
 @media (max-width:767px){
  body.cm-service-page .hero-copy h1,
  body.cm-service-page .hero-copy h1 span,
  body.cm-service-page .page-hero-copy h1,
  body.cm-service-page .page-hero-copy h1 span{
   background:none!important;
   -webkit-background-clip:border-box!important;
   background-clip:border-box!important;
   -webkit-text-fill-color:#fff!important;
   color:#fff!important;
   opacity:1!important;
   visibility:visible!important;
   text-shadow:0 4px 18px rgba(0,0,0,.48)!important;
   filter:none!important;
  }
  body.cm-service-page .hero-copy h1 .grad,
  body.cm-service-page .page-hero-copy h1 .grad{
   -webkit-text-fill-color:#FFD600!important;
   color:#FFD600!important;
  }
 }
}

/* ==========================================================
   Controlled production fixes — rebuild v2
   ========================================================== */

/* Quick actions: all pages except Home and Contact (markup scoped) */
.cm-sticky-actions{
 position:fixed;right:0;top:50%;transform:translateY(-50%);
 z-index:980;display:flex;flex-direction:column;gap:2px;
 box-shadow:0 8px 26px rgba(0,0,0,.18)
}
.cm-sticky-actions a{
 display:flex;align-items:center;justify-content:center;
 min-width:44px;min-height:112px;padding:13px 10px;
 writing-mode:vertical-rl;transform:rotate(180deg);
 font:600 12px/1 "Inter",sans-serif;letter-spacing:.04em;
 text-decoration:none;border:1px solid rgba(255,255,255,.12)
}
.cm-sticky-enquiry{background:#FFD600;color:#151A20}
.cm-sticky-whatsapp{background:#8BC34A;color:#fff!important;}
.cm-sticky-actions a:hover{filter:brightness(.96)}

/* Header geometry aligned with approved Home header while retaining inner-page markup */
.site-header .header-inner{
 min-height:88px;
 padding-top:12px;
}
.site-header .site-logo img{width:96px;height:auto}
.site-header .desktop-nav{gap:30px}
.site-header .desktop-nav>a,
.site-header .resource-trigger{
 font-family:"Inter",sans-serif;
 font-size:13px;font-weight:600;
}

/* Career page: use the same content width and hero rhythm as internal pages */
.career-page .career-wrap{width:min(1180px,90vw);margin-inline:auto}
.career-page .career-section .wrap{width:min(1180px,90vw)}

/* Requested legal source presentation */
.legal-source-wrap{max-width:900px}
.legal-source-wrap h2{margin:.35em 0 .5em}

/* Mobile hero headings: center against banner itself, independent of desktop offsets */
@media (max-width:767px){
 .page-hero{
   position:relative!important;
   min-height:520px;
 }
 .page-hero .page-hero-copy,
 .cm-service-page .page-hero-copy,
 .career-page .page-hero-copy{
   position:absolute!important;
   z-index:6!important;
   left:50%!important;
   top:50%!important;
   right:auto!important;
   bottom:auto!important;
   width:min(90vw,620px)!important;
   margin:0!important;
   padding:0 14px!important;
   transform:translate(-50%,-50%)!important;
   text-align:center!important;
 }
 .page-hero .page-hero-copy h1,
 .cm-service-page .page-hero-copy h1,
 .career-page .page-hero-copy h1{
   width:100%!important;
   max-width:none!important;
   margin-left:auto!important;
   margin-right:auto!important;
   text-align:center!important;
   opacity:1!important;
   visibility:visible!important;
 }
 .page-hero .page-hero-copy p{margin-left:auto!important;margin-right:auto!important}
 .page-hero .page-hero-copy .actions{justify-content:center!important}

 /* Internal hamburger adopts Home visual treatment */
 .site-header .mobile-menu-toggle{
   width:44px!important;height:44px!important;padding:0!important;
   border:0!important;border-radius:50%!important;
   background:rgba(0,0,0,.36)!important;
   backdrop-filter:blur(12px);
 }
 .site-header .mobile-menu-toggle span{
   display:block!important;width:19px!important;height:1.5px!important;
   margin:4px auto!important;background:#FFD600!important
 }
 .cm-sticky-actions{
   top:auto;right:12px;bottom:14px;transform:none;
   flex-direction:row;border-radius:999px;overflow:hidden
 }
 .cm-sticky-actions a{
   min-width:auto;min-height:42px;padding:0 14px;
   writing-mode:horizontal-tb;transform:none;font-size:11px
 }
}

/* iOS: keep centered H1 visible even when WebKit clipped gradients fail */
@supports (-webkit-touch-callout:none){
 @media (max-width:767px){
  .page-hero .page-hero-copy h1,
  .page-hero .page-hero-copy h1 span{
   opacity:1!important;visibility:visible!important;
  }
 }
}

/* Legal documents — uses the approved site typography and spacing */
.legal-document-wrap{max-width:980px}
.legal-document-wrap>h1{font-family:"Sora",sans-serif;font-size:clamp(30px,4vw,48px);margin:0 0 28px}
.legal-document-wrap h2{font-family:"Sora",sans-serif;font-size:clamp(20px,2.2vw,28px);margin:42px 0 14px;color:#151A20}
.legal-document-wrap h3{font-family:"Sora",sans-serif;font-size:18px;margin:26px 0 10px;color:#151A20}
.legal-document-wrap p,.legal-document-wrap li{font:400 16px/1.75 "Inter",sans-serif}
.legal-document-wrap p{margin:0 0 16px}
.legal-document-wrap ul{margin:10px 0 22px;padding-left:22px}
.legal-document-wrap li{margin:6px 0}
.legal-document-wrap a{text-decoration-thickness:1px;text-underline-offset:3px}
.legal-document-wrap .legal-intro{font-size:18px;max-width:760px}
@media(max-width:767px){
 .legal-document-wrap p,.legal-document-wrap li{font-size:15px;line-height:1.7}
 .legal-document-wrap h2{margin-top:34px}
}