/* CGS digital color system. Brand chrome remains unchanged; enhancement is scoped to page content. */
:root{
 --cgs-orange:#F37721;--cgs-red:#EC1C28;
 --cgs-cyan-blue:linear-gradient(110deg,#00F0FF,#2463FF);
 --cgs-red-yellow:linear-gradient(110deg,#EC1C28,#FFE600);
 --cgs-magenta-gold:linear-gradient(110deg,#FF19CB,#FFCA37);
 --cgs-acid-blue:linear-gradient(110deg,#C8FF00,#00C8BA 48%,#2463FF);
 --cgs-pink-blue:linear-gradient(110deg,#FF36AD,#4862FF);
 --cgs-yellow-cyan:linear-gradient(110deg,#FFE600,#00E8F5);
 --cgs-red-pink:linear-gradient(110deg,#EC1C28,#FF35AE);
 --cgs-slate-sage:linear-gradient(110deg,#7486B8,#A5C9A2);
}
body>main{--orange:var(--cgs-orange)}
body>main .pill{background:var(--cgs-orange);color:#101213}
body>main .pill.white{background:var(--paper)}
body>main .pill:hover{background:var(--cgs-red-yellow);box-shadow:0 7px 28px #F377212b}
body>main .pill.outline{background:transparent;color:var(--paper)}
#home .hero-story-line.accent,#home .orange{color:var(--cgs-orange)}
#home .scene-build .hero-story-line.accent,#home .scene-close .hero-story-line.accent{
 background-image:linear-gradient(105deg,#F37721 12%,#FFB527 68%,#FFE600);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
#home .scene-belief .hero-story-line.accent{background-image:var(--cgs-cyan-blue);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#home .hero-story-actions .pill{border:1px solid #F37721;background:var(--cgs-orange);color:#101213;box-shadow:0 0 30px #F3772122}
#home .hero-story-actions .pill:hover{background:var(--cgs-red-yellow)}
body>main .ticker{border-image:var(--cgs-red-yellow) 1}
body>main .manifesto,body>main .final-cta{background-color:var(--cgs-orange)}
body>main .manifesto{background-image:linear-gradient(120deg,#EC1C28 0%,#F37721 56%,#FF9633 100%)}
#services .service[open] h3,#services .service summary:hover h3{color:#FFAA62}
#services .service[open]{border-bottom-color:var(--cgs-orange)}
#services .service-icon .icon-accent{stroke:var(--cgs-orange)}
#services .service[open] .service-icon{background:radial-gradient(ellipse,#F3772116,transparent 65%)}
#services .service:nth-child(2n)[open] .service-icon .icon-orbit{stroke:#00E8F5;opacity:.55}
#services .service:nth-child(3n)[open] .service-icon .icon-orbit{stroke:#FF35AE;opacity:.5}
#system.system{background:#F4F5F3}
#system .system-wheel{background:radial-gradient(circle,#fff 22%,#F3772112 58%,#00E8F510);border-color:#F3772140}
#system .system-wheel:before{border-color:#2463FF40}
#system .system-wheel:after{border-color:#F3772160}
#system .satellite.active{background:var(--cgs-red-yellow);color:#101213;box-shadow:0 0 24px #F3772130}
#system .system-tabs button[aria-selected=true]{border-image:var(--cgs-red-yellow) 1}
#system h2 span{color:#B84A00!important}
#system .system-result strong{color:#B84A00}
#work .heading-accent{background-image:linear-gradient(110deg,#A5220E,#B50A73);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#work .work-category{border-color:#B84A00;color:#923B00}
#work .work-collage-note{border-top:2px solid transparent;border-image:var(--cgs-slate-sage) 1}
#work .work-tile:hover{outline:2px solid var(--cgs-orange);outline-offset:2px}
#insights .heading-accent{background-image:var(--cgs-yellow-cyan);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#insights .insights-art{filter:drop-shadow(0 0 35px #F3772120)}
#insights .insights-secondary{border-image:var(--cgs-pink-blue) 1}
#industries .heading-accent{background-image:var(--cgs-brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* Lab: each chapter receives a limited, coherent color family. */
@scope (.research-lab){
 :scope{--orange:#F37721;--lime:#C8FF00;--cyan:#00E8F5;--lilac:#7C8CFF;
 --gradient-flame:linear-gradient(110deg,#F37721 5%,#FFA832 60%,#FFE600);
 --gradient-spectrum:var(--cgs-cyan-blue);--gradient-lime:var(--cgs-acid-blue);
 --gradient-lilac:var(--cgs-pink-blue);--gradient-ink-flame:linear-gradient(110deg,#A52C0D,#AE1266)}
 .hero h1 em{color:#F37721}
 .button-primary{background:#F37721;color:#101213}
 .button-primary:hover{background:var(--cgs-red-yellow);box-shadow:0 7px 25px #F3772126}
 .button-ghost:hover{border-color:#00E8F5;box-shadow:0 0 22px #00E8F51c}
 .orb-core-glow{background:radial-gradient(circle,#F377214d,transparent 62%);filter:blur(28px)}
 .orb-label{border-color:#F3772155;box-shadow:0 15px 45px #0008,inset 0 1px #ffffff20}
 .orb-label.l2{border-color:#00E8F566}.orb-label.l3{border-color:#C8FF0060}
 .orb-label.l1 strong{background-image:var(--gradient-flame)}
 .orb-label.l2 strong{background-image:var(--cgs-cyan-blue)}
 .orb-label.l3 strong{background-image:var(--cgs-yellow-cyan)}
 .stat:nth-child(2) .value{background-image:var(--cgs-cyan-blue)}
 .stat:nth-child(3) .value{background-image:var(--cgs-yellow-cyan)}
 .stat:nth-child(4) .value{background-image:var(--cgs-pink-blue)}
 .rail a.is-active{border-left-color:#F37721;background:linear-gradient(90deg,#F3772138,#F3772106);box-shadow:inset 0 0 0 1px #F3772122}
 .rail a.is-active .n{color:#FFAC68}.rail a:hover{color:#FFB477}
 .industry-row .bar{background:var(--cgs-cyan-blue);box-shadow:0 0 12px #00E8F51a}
 .industry-row .v{background-image:var(--cgs-yellow-cyan)}
 #search-ai h2 i{background-image:var(--cgs-magenta-gold)}
 #social-video h2 i{background-image:var(--cgs-pink-blue)}
 #global-marketing h2 i{background-image:var(--cgs-acid-blue)}
 #research-library h2 i{background-image:var(--cgs-slate-sage)}
 #search-ai h2 i,#social-video h2 i,#global-marketing h2 i,#research-library h2 i{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
 .heat-cell i{background:var(--cgs-pink-blue)}
 .calc-result{background:linear-gradient(130deg,#F3772110,transparent 65%),#202427;border-color:#F3772145}
 .calc-result strong{background-image:var(--cgs-yellow-cyan)}
 .calc-result:nth-child(2n) strong{background-image:var(--cgs-cyan-blue)}
 .calc-track .fill{background:var(--cgs-acid-blue)}
 .calculator-tabs button.active{background:#F37721;color:#101213}
 input:focus-visible,select:focus-visible{outline-color:#00D6E6}
 .section.light h2 i{color:#B04400}
 .section.light .industry-metrics strong,.section.light .performance-hero .value,.section.light .vital strong{background-image:linear-gradient(105deg,#A72A12,#9A166A)}
 .global-card strong{background-image:var(--cgs-cyan-blue)}
 .global-feature strong{background-image:var(--cgs-yellow-cyan)}
 .source-card:hover{border-color:#F37721}
}
@media(forced-colors:active){
 #home .hero-story-line.accent,#work .heading-accent,#insights .heading-accent{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
 .research-lab strong,.research-lab .value,.research-lab h2 i{background:none!important;-webkit-text-fill-color:CanvasText!important;color:CanvasText!important}
}
@scope (.research-lab){
 #rev-stroke stop:nth-child(1){stop-color:#EC1C28}#rev-stroke stop:nth-child(2){stop-color:#F37721}#rev-stroke stop:nth-child(3){stop-color:#FFB527}#rev-stroke stop:nth-child(4){stop-color:#FFE600}
 #rev-area stop{stop-color:#F37721}#rev-point-glow stop:nth-child(1){stop-color:#FFF3CA}#rev-point-glow stop:nth-child(2){stop-color:#F37721}#rev-point-glow stop:nth-child(3){stop-color:#EC1C28}
 .section.light .big-cpc .giant,.section.light .sample strong{background-image:linear-gradient(110deg,#A72A12,#9A166A)}
}
/* Final art direction: logo-red → CGS orange leads; electric colors support data. */
:root{--cgs-brand-gradient:linear-gradient(110deg,#EC1C28 0%,#F37721 100%);--cgs-brand-light:linear-gradient(110deg,#D81925,#DA5100);--cgs-cyan-blue:linear-gradient(110deg,#00E1FD,#0040FF);--cgs-red-yellow:linear-gradient(110deg,#FF2626,#FFFF26);--cgs-magenta-gold:linear-gradient(110deg,#FF00FF,#FCCF3A);--cgs-acid-blue:linear-gradient(110deg,#70FF40,#0040FF);--cgs-pink-blue:linear-gradient(110deg,#FF0A6C,#0040FF);--cgs-yellow-cyan:linear-gradient(110deg,#FFE53B,#00FFFF);--cgs-red-pink:linear-gradient(110deg,#FF2626,#FF95F4);--cgs-slate-sage:linear-gradient(110deg,#3E648E,#81B374)}
.topbar .pill,.mega .pill,body>main .pill,body>main .pill.white,#home .hero-story-actions .pill{background:var(--cgs-brand-gradient);color:#080808}
.topbar .pill:hover,.mega .pill:hover,body>main .pill:hover,#home .hero-story-actions .pill:hover{background:linear-gradient(110deg,#F37721,#FF2626);color:#080808}
body>main .pill.outline{background:linear-gradient(#1b1d20,#101213) padding-box,var(--cgs-brand-gradient) border-box;border-color:transparent;color:#fff}
#home .hero-story-line.accent,#home .scene-build .hero-story-line.accent,#home .scene-close .hero-story-line.accent,#home .scene-belief .hero-story-line.accent,#insights .heading-accent{background-image:var(--cgs-brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#work .heading-accent{background-image:var(--cgs-brand-light)}
/* Ink-safe gradient boxes: allow the final glyph and ascenders to paint fully. */
#home .hero-story-line{padding:.09em .12em .13em .05em;margin:-.09em -.12em -.13em -.05em}
body>main .heading-accent{padding:.05em .13em .08em .03em;margin:-.05em -.13em -.08em -.03em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body>main h2,body>main h3{overflow:visible}
.footer h3{background:var(--cgs-brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:.1em .1em;margin-top:-.1em;margin-left:-.1em}
.footer .footer-socials a:not([aria-label="WhatsApp"]){color:#F37721}
@scope (.research-lab){
 :scope{--gradient-flame:var(--cgs-brand-gradient);--gradient-ink-flame:var(--cgs-brand-light);--gradient-spectrum:var(--cgs-cyan-blue);--gradient-lime:var(--cgs-acid-blue);--gradient-lilac:var(--cgs-pink-blue)}
 .hero h1 em,.section h2 i,#search-ai h2 i,#social-video h2 i,#global-marketing h2 i,#research-library h2 i{background-image:var(--cgs-brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-style:normal; padding:.05em .14em .09em .03em;margin:-.05em -.14em -.09em -.03em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
 .hero h1,.section h2,.section h3{overflow:visible;line-height:1.06}
 .section.light h2 i{background-image:var(--cgs-brand-light)}
 .stat .value,.orb-label strong,.panel-kpi.orange,.donut-hole strong,.story-card strong,.global-card strong,.industry-metrics strong,.calc-result strong,.industry-row .v,.heat-row strong,.big-cpc .giant,.sample strong,.performance-hero .value,.vital strong,.global-feature strong{padding:.06em .12em .1em .02em;margin-right:-.12em;background-image:var(--cgs-brand-gradient)}
 .section.light .big-cpc .giant,.section.light .sample strong,.section.light .industry-metrics strong,.section.light .performance-hero .value,.section.light .vital strong,.sample-stats .sample:nth-child(2) strong,.sample-stats .sample:nth-child(4) strong{background-image:var(--cgs-brand-light)}
 .big-cpc .giant span,.performance-hero .value span{color:inherit;-webkit-text-fill-color:inherit}
 .orb-label.l2 strong,.global-card strong{background-image:var(--cgs-cyan-blue)}
 .orb-label.l3 strong{background-image:var(--cgs-yellow-cyan)}
 .calc-result strong,.calc-result:nth-child(2n) strong{background-image:var(--cgs-brand-gradient)}
 .industry-row .bar,.industry-row.top .bar{background:var(--cgs-cyan-blue)}
 .platform .track i{background:var(--cgs-brand-gradient)}
 .platform:nth-child(3n+2) .track i{background:var(--cgs-cyan-blue)}
 .platform:nth-child(3n+3) .track i{background:var(--cgs-pink-blue)}
 .heat-cell i{background:var(--cgs-pink-blue)}
 button{background-image:linear-gradient(120deg,#282b2f,#141619)}
 .button,.button-primary,.button-dark,.button-primary:hover,.calc-tabs button.active,.segmented button.active,.year-pills button.selected,.mobile-subnav a.is-active{background:var(--cgs-brand-gradient);color:#080808}
 .button-ghost{background:linear-gradient(110deg,#262a30,#111315);color:#fff;border-color:#F37721}
 .button-ghost:hover{background:linear-gradient(110deg,#333941,#16191d);color:#fff}
 .rail,.panel,.industry-explorer,.calc-result,.orb-label{overflow:visible}
}
@media(forced-colors:active){.footer h3{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}
@scope (.research-lab){
 #paid-media.section.light h2 i,#social-video.section.light h2 i,#website-performance.section.light h2 i{background-image:var(--cgs-brand-light)}
}

/* Reusable gradient type safety utility; pair with any background-clip:text rule. */
.cgs-gradient-text{padding-inline-end:.18em;padding-block-end:.14em;box-decoration-break:clone;-webkit-box-decoration-break:clone;overflow:visible}

#services .heading-accent{background-image:var(--cgs-brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

#system h2 .heading-accent{background-image:var(--cgs-brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}

/* Gradient typography needs vertical paint room for rounded cap overshoots. */
.heading-accent,.cgs-gradient-text,.resources-menu-lead h2 em,.challenges-intro h2 span,.connected-answer h2 span,.growth-tools h2 span{padding:.13em .12em .17em .04em;margin:-.13em -.12em -.17em -.04em;box-decoration-break:clone;-webkit-box-decoration-break:clone;overflow:visible}