/* CONSULIGENCE v18.8 — true-black editorial stage + clear tools comparison.
   Brand marks, approved typefaces, service colours, and existing scripts are preserved. */
:root {--bg:#000000!important;--cg-canvas:#000000;--cg-card:#09090b;--cg-line:rgba(255,255,255,.17);}
html,body {background-color:#000000!important;background-image:none!important;}
body::before {display:none!important;} /* remove fixed texture over the entire website */
main,.v17,.v17-section,.cg-selling,.cg-home-questions,.cg-service-main,.cg-service-hero,.cg-serv-questions,.sec,.sec.alt,.phero,.ftr,.v15-page .ftr {background-color:#000000!important;background-image:none!important;}
.v17-hero,.v17-last,.v15-page .phero {background:#000000!important;}
.phero::before {display:none!important;} /* preserve actual artwork, remove broad section glow */
.cg-catalog-group,.cg-offer-card,.cg-service-item,.v17-problem-card,.cg-home-questions details,.cg-proof-templates article {background-color:#09090b;}
.cg-selling,.cg-home-questions,.v17-section {border-color:rgba(255,255,255,.115);}
/* Compact, editorial quick-links with a single strong label; do not compete with the two CTAs. */
.cg-hero-services {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:19px 0 0;max-width:590px;min-width:0;}
.cg-hero-services-label {display:block;color:#ffd166;font:750 .67rem/1.4 var(--fb,Montserrat,Arial,sans-serif);letter-spacing:.15em;text-transform:uppercase;}
.cg-hero-services-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;}
.cg-hero-services-links a {display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;min-height:43px;padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:#0a0a0c;color:#f6f6f8!important;font:650 .75rem/1.25 var(--fb,Montserrat,Arial,sans-serif);text-decoration:none;letter-spacing:0;transition:background .22s,border-color .22s,transform .22s;}
.cg-hero-services-links a span:first-child {min-width:0;overflow-wrap:break-word;}
.cg-hero-services-links a span:last-child {flex:none;color:#f90365;font-size:1rem;}
.cg-hero-services-links a:hover,.cg-hero-services-links a:focus-visible {background:#171015;border-color:#f90365;transform:translateY(-1px);}
.cg-hero-services-links a:focus-visible {outline:3px solid #ffd166;outline-offset:2px;}
/* Before/after: 24 honest tool examples, grouped so they stay readable rather than scattered. */
#problem .cg-compare-v18-8 {display:grid;grid-template-columns:minmax(0,1.08fr) 30px minmax(0,.92fr);align-items:stretch;gap:14px;}
#problem .cg-compare-v18-8>.v17-compare-card {min-height:0;padding:clamp(21px,2.35vw,31px);border-radius:20px;border:1px solid var(--cg-line);background:var(--cg-card);box-shadow:none;min-width:0;}
#problem .cg-compare-v18-8 .v17-panel-label {display:block;margin:0;color:#ffd166;font:800 .68rem/1.5 var(--fb,Montserrat,Arial,sans-serif);letter-spacing:.12em;}
#problem .cg-compare-intro {margin:10px 0 19px;max-width:50ch;color:#e6e6ec;font:500 .86rem/1.55 var(--fb,Montserrat,Arial,sans-serif);}
#problem .cg-tool-groups {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 13px;flex:1;}
#problem .cg-tool-group {min-width:0;border:1px solid rgba(255,255,255,.10);padding:12px;border-radius:11px;background:#0d0d11;}
#problem .cg-tool-group h3 {margin:0 0 10px;color:#fff;font:750 .61rem/1.4 var(--fb,Montserrat,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;}
#problem .cg-tool-group ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;list-style:none;margin:0;padding:0;}
#problem .cg-tool-group li {display:flex;align-items:center;min-width:0;min-height:29px;padding:6px 8px;border:1px solid rgba(255,255,255,.10);border-radius:7px;background:#17171b;color:#e4e4eb;font:550 .65rem/1.25 var(--fb,Montserrat,Arial,sans-serif);overflow-wrap:anywhere;}
#problem .cg-compare-bottom {margin:18px 0 0;color:#c5c5cf;font:550 .77rem/1.55 var(--fb,Montserrat,Arial,sans-serif);}
#problem .cg-compare-arrow {display:grid;place-items:center;min-width:0;color:#ffd166;font-size:1.85rem;}
#problem .cg-compare-arrow span {display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(255,209,102,.4);border-radius:50%;background:#14110b;}
#problem .cg-joined-steps {list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;flex:1;}
#problem .cg-joined-steps li {position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;padding:14px 14px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#101013;min-width:0;}
#problem .cg-step-number {display:grid;place-items:center;border-radius:8px;width:34px;height:34px;color:#fff;background:#20131a;border:1px solid rgba(249,3,101,.45);font:800 .66rem var(--fb,Montserrat,Arial,sans-serif);}
#problem .cg-joined-steps strong {display:block;margin:0 0 4px;color:#fff;font:800 .72rem/1.25 var(--fb,Montserrat,Arial,sans-serif);letter-spacing:.11em;}
#problem .cg-joined-steps small {display:block;color:#d9d9e0;font:450 .77rem/1.5 var(--fb,Montserrat,Arial,sans-serif);}
#problem .cg-joined-steps li:nth-child(2) .cg-step-number {border-color:rgba(255,209,102,.5);background:#252011;}
#problem .cg-joined-steps li:nth-child(3) .cg-step-number {border-color:rgba(6,214,160,.45);background:#10251e;}
#problem .cg-joined-steps li:nth-child(4) .cg-step-number {border-color:rgba(120,81,217,.6);background:#20152f;}
#problem .cg-after-note {display:flex;align-items:start;gap:9px;color:#fff!important;margin-top:19px!important;}
#problem .cg-after-note>span {color:#ffd166;font-size:1.1rem;line-height:1.1;}
/* Maintain full-black canvas on responsive pages, with carefully controlled panel depth. */
@media(max-width:1024px){
 #problem .cg-compare-v18-8 {grid-template-columns:minmax(0,1fr);gap:10px;}
 #problem .cg-compare-arrow{height:32px;}
 #problem .cg-compare-arrow span{transform:rotate(90deg);}
 #problem .cg-joined-steps {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
 #problem .cg-tool-groups {grid-template-columns:minmax(0,1fr);gap:10px;}
 #problem .cg-tool-group ul {grid-template-columns:repeat(3,minmax(0,1fr));}
 #problem .cg-tool-group {padding:11px;}
 #problem .cg-joined-steps {grid-template-columns:minmax(0,1fr);}
 #problem .cg-compare-intro {margin:8px 0 15px;}
 #problem .cg-compare-v18-8>.v17-compare-card{padding:18px;}
 .cg-hero-services{margin-top:17px;gap:8px;}
 .cg-hero-services-links a{padding:10px;min-height:46px;font-size:.71rem;}
}
@media(max-width:360px){
 #problem .cg-tool-group ul {grid-template-columns:repeat(2,minmax(0,1fr));}
 .cg-hero-services-links{grid-template-columns:repeat(2,minmax(0,1fr));}
 .cg-hero-services-links a{font-size:.66rem;gap:3px;padding:9px 8px;}
}
@media(prefers-reduced-motion:reduce){.cg-hero-services-links a{transition:none}.cg-hero-services-links a:hover{transform:none}}