/* DataXsys Design System v2.0 — compact type, controlled palette, interactive marketing cards */
:root{
  --dx-accent-yellow:#ffb200;
  --dx-dark:#15151a;
  --dx-light:#f0f0ed;
  --dx-card-gap:1rem;
}
.container--wide{width:min(var(--dx-container-wide),calc(100% - (var(--dx-gutter)*2)));margin-inline:auto}
/* Additional 5% heading reduction for explicit component sizes */
.mega-intro h3{font-size:1.31rem}.dashboard-heading h3{font-size:1.31rem}.insight-card h4{font-size:.83rem}
.service-card h3{font-size:1.47rem}.value-list h3{font-size:1.19rem}.case-copy h3{font-size:2.49rem}.footer-links h3{font-size:.83rem}
.simplify-business{background:#fff}.simplify-business__heading{margin-bottom:2rem}.simplify-business__heading p{max-width:38rem}
.growth-carousel__viewport{overflow:hidden;padding:.25rem 0 1rem}.growth-carousel__track{gap:var(--dx-card-gap)}
.growth-carousel .growth-tool-card{flex:0 0 calc((100% - 3rem)/4);min-height:25rem;padding:1.25rem;border-radius:1.5rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:none}
.growth-tool-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;min-height:3.5rem}
.growth-tool-card__title{display:flex;align-items:flex-start;gap:.65rem;min-width:0}.growth-tool-card__title img{width:2rem;height:2rem;flex:none}.growth-tool-card h3{font-size:1.35rem!important;line-height:1.04!important;margin:0!important;letter-spacing:-.035em}.growth-tool-card__badge{flex:none;font-size:.62rem;padding:.45rem .65rem;border-radius:999px;font-weight:800}
.growth-tool-card__caption{margin:auto 0 0;padding-top:1rem;font-size:.82rem;line-height:1.45;color:inherit;opacity:.72}
.growth-tool-card--red{background:var(--dx-brand-600);color:#fff}.growth-tool-card--dark{background:var(--dx-dark);color:#fff}.growth-tool-card--yellow{background:var(--dx-accent-yellow);color:var(--dx-dark)}.growth-tool-card--light{background:var(--dx-light);color:var(--dx-dark)}
.growth-tool-card--red .growth-tool-card__badge,.growth-tool-card--dark .growth-tool-card__badge{background:rgba(255,255,255,.17);color:#fff}.growth-tool-card--yellow .growth-tool-card__badge,.growth-tool-card--light .growth-tool-card__badge{background:#fff;color:var(--dx-brand-600)}
.mini-dashboard{margin-top:1rem;padding:1rem;border-radius:1rem;background:#fff;color:var(--dx-dark);box-shadow:0 12px 28px rgba(21,21,26,.14)}
.mini-dashboard__header,.mini-dashboard__footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.mini-dashboard__header{padding-bottom:.7rem;border-bottom:1px solid #e3e3df;font-size:.75rem}.mini-dashboard__header small{color:#777}.mini-dashboard__footer{padding-top:.65rem;font-size:.62rem}.mini-dashboard__footer>strong,.mini-dashboard__footer em{color:#147a52;font-style:normal}
.mini-dashboard__metrics{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.8rem 0}.mini-dashboard__metrics>div{padding:.65rem;border-radius:.65rem;background:#f7f7f5}.mini-dashboard__metrics small,.mini-dashboard__metrics strong,.mini-dashboard__metrics em{display:block}.mini-dashboard__metrics small{font-size:.58rem;color:#777}.mini-dashboard__metrics strong{font-size:1.3rem}.mini-dashboard__metrics em{font-size:.55rem;color:#147a52;font-style:normal;font-weight:800}
.animated-bars{height:6.6rem;display:flex;align-items:flex-end;gap:.45rem;padding-top:.5rem;background:repeating-linear-gradient(to bottom,transparent 0 25px,#ecece8 26px)}.animated-bars i{flex:1;height:0;border-radius:.28rem .28rem 0 0;background:var(--dx-brand-600);transition:height .9s var(--dx-ease-standard)}.growth-tool-card.is-chart-active .animated-bars i{height:var(--h)}.animated-bars i:nth-child(2){transition-delay:.08s}.animated-bars i:nth-child(3){transition-delay:.16s}.animated-bars i:nth-child(4){transition-delay:.24s}.animated-bars i:nth-child(5){transition-delay:.32s}.animated-bars i:nth-child(6){transition-delay:.4s}.animated-bars--yellow i{background:var(--dx-accent-yellow)}
.mini-dashboard--dark{background:#24242a;color:#fff}.mini-dashboard--dark .mini-dashboard__header{border-color:#3b3b42}.mini-dashboard--dark .animated-bars{background:repeating-linear-gradient(to bottom,transparent 0 25px,#393940 26px)}.facebook-metric{padding:.85rem 0}.facebook-metric small,.facebook-metric strong,.facebook-metric em{display:block}.facebook-metric small{color:#aaa;font-size:.6rem}.facebook-metric strong{font-size:1.8rem}.facebook-metric em{color:var(--dx-accent-yellow);font-size:.6rem;font-style:normal;font-weight:800}
.profile-compact{padding:0;overflow:hidden}.profile-compact__cover{height:4.3rem;background:linear-gradient(135deg,#ddd 0 52%,var(--dx-brand-600) 52%)}.profile-compact__identity{display:flex;gap:.65rem;align-items:center;padding:1rem}.profile-compact__identity>span{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:.55rem;background:var(--dx-brand-600);color:#fff;font-weight:900}.profile-compact__identity strong,.profile-compact__identity small{display:block}.profile-compact__identity small{font-size:.55rem;color:#777}.profile-compact__rating{display:flex;align-items:center;gap:.35rem;padding:0 1rem}.profile-compact__rating span{color:var(--dx-accent-yellow)}.profile-compact__rating small{font-size:.55rem;color:#777}.profile-compact__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:1rem}.profile-compact__actions span{text-align:center;padding:.45rem;border-radius:999px;background:#f0f0ed;font-size:.55rem;font-weight:800}.profile-compact__status{padding:.75rem 1rem;border-top:1px solid #eee;font-size:.58rem}.profile-compact__status i{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:#147a52;margin-right:.3rem;animation:pulse 1.5s infinite}
.analytics-compact__grid,.seo-compact__body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:.8rem;padding-top:1rem}.donut-chart{--p:0deg;width:7rem;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--dx-dark) var(--p),rgba(21,21,26,.13) 0);transition:--p 1s}.donut-chart:before{content:"";width:72%;aspect-ratio:1;border-radius:50%;background:#fff}.donut-chart span{position:absolute;text-align:center}.donut-chart strong,.donut-chart small{display:block}.donut-chart small{font-size:.55rem;color:#777}.growth-tool-card.is-chart-active .donut-chart{--p:calc(var(--value)*3.6deg)}.donut-chart--red{background:conic-gradient(var(--dx-brand-600) var(--p),rgba(170,0,0,.13) 0)}
@property --p{syntax:'<angle>';inherits:false;initial-value:0deg}.analytics-compact__metric small,.analytics-compact__metric strong,.analytics-compact__metric em{display:block}.analytics-compact__metric small{font-size:.58rem;color:#777}.analytics-compact__metric strong{font-size:1.7rem}.analytics-compact__metric em{font-size:.58rem;color:#147a52;font-style:normal;font-weight:800}.source-legend{display:flex;gap:.6rem;margin-top:.8rem;font-size:.52rem}.source-legend i{display:inline-block;width:.42rem;height:.42rem;border-radius:50%;background:var(--dx-brand-600)}.source-legend span:nth-child(2) i{background:var(--dx-accent-yellow)}.source-legend span:nth-child(3) i{background:#aaa}
.instagram-compact__profile{display:flex;align-items:center;gap:.6rem}.instagram-compact__profile>span{width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;background:var(--dx-brand-600);color:#fff;font-weight:900}.instagram-compact__profile strong,.instagram-compact__profile small{display:block}.instagram-compact__profile small{font-size:.55rem;color:#777}.instagram-compact__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.18rem;margin:.8rem 0}.instagram-compact__grid i{aspect-ratio:1;background:linear-gradient(135deg,var(--dx-brand-600),var(--dx-accent-yellow));transform:scale(.75);opacity:0;transition:.45s}.growth-tool-card.is-chart-active .instagram-compact__grid i{transform:scale(1);opacity:1}.instagram-compact__grid i:nth-child(2n){background:linear-gradient(135deg,#d8d8d3,#fff)}.instagram-compact__grid i:nth-child(2){transition-delay:.08s}.instagram-compact__grid i:nth-child(3){transition-delay:.16s}.instagram-compact__grid i:nth-child(4){transition-delay:.24s}.instagram-compact__grid i:nth-child(5){transition-delay:.32s}.instagram-compact__grid i:nth-child(6){transition-delay:.4s}.instagram-compact__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.instagram-compact__stats div{text-align:center}.instagram-compact__stats strong,.instagram-compact__stats small{display:block}.instagram-compact__stats strong{font-size:.78rem}.instagram-compact__stats small{font-size:.5rem;color:#777}
.seo-compact__rankings>div{display:flex;justify-content:space-between;gap:.4rem;padding:.45rem 0;border-bottom:1px solid #eee;font-size:.58rem}.seo-compact__rankings strong{color:var(--dx-brand-600)}
@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}
@media(max-width:1100px){.growth-carousel .growth-tool-card{flex-basis:calc((100% - 2rem)/3)}}
@media(max-width:820px){.growth-carousel .growth-tool-card{flex-basis:calc((100% - 1rem)/2)}}
@media(max-width:560px){.growth-carousel .growth-tool-card{flex-basis:100%;min-height:24rem}}
@media(prefers-reduced-motion:reduce){.animated-bars i{height:var(--h)}.donut-chart{--p:calc(var(--value)*3.6deg)}.instagram-compact__grid i{transform:scale(1);opacity:1}}

/* DataXsys Design System v2.1 — interactive dark marketing dashboards */
.growth-tool-card--dark .growth-tool-card__title h3{color:#fff!important}
.growth-tool-card__badge--yellow{background:var(--dx-accent-yellow)!important;color:var(--dx-dark)!important}
.growth-tool-card--interactive{transition:transform .28s ease,box-shadow .28s ease}
.growth-tool-card--interactive:hover,.growth-tool-card--interactive:focus-within{transform:translateY(-4px);box-shadow:0 18px 45px rgba(21,21,26,.18)}
.growth-tool-card--interactive:focus{outline:3px solid rgba(255,178,0,.55);outline-offset:3px}
.analytics-compact--interactive,.facebook-dashboard{position:relative}
.donut-chart--yellow{border:0;cursor:pointer;background:conic-gradient(var(--dx-accent-yellow) var(--p),rgba(255,178,0,.16) 0);color:inherit;padding:0}
.donut-chart--yellow:before{background:#24242a}
.donut-chart--yellow strong{color:#fff}
.donut-chart--yellow small{color:#c8c8cc}
.donut-chart--yellow:hover,.donut-chart--yellow:focus-visible{filter:drop-shadow(0 0 12px rgba(255,178,0,.42));transform:scale(1.035)}
.donut-chart{transition:--p 1s ease,transform .25s ease,filter .25s ease}
.source-legend--dark{display:flex;gap:.45rem;flex-wrap:wrap}
.source-legend--dark button{border:1px solid #45454d;background:#2d2d34;color:#d6d6d9;border-radius:999px;padding:.36rem .55rem;font-size:.5rem;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;transition:.2s}
.source-legend--dark button:hover,.source-legend--dark button:focus-visible,.source-legend--dark button.is-active{background:var(--dx-accent-yellow);border-color:var(--dx-accent-yellow);color:var(--dx-dark)}
.source-legend--dark button i{background:var(--dx-accent-yellow)!important}
.source-legend--dark button.is-active i{background:var(--dx-dark)!important}
.chart-hint{display:block;margin-top:.55rem;color:#a9a9ae;font-size:.48rem;letter-spacing:.02em}
.interactive-bars{display:flex;align-items:flex-end;gap:.35rem}
.interactive-bars button{appearance:none;border:0;padding:0;flex:1;height:0;min-width:0;border-radius:.25rem .25rem .08rem .08rem;background:var(--dx-accent-yellow);cursor:pointer;opacity:.76;transform-origin:bottom;transition:height .75s cubic-bezier(.2,.8,.2,1),opacity .2s,transform .2s,filter .2s}
.growth-tool-card.is-chart-active .interactive-bars button{height:var(--h)}
.interactive-bars button:hover,.interactive-bars button:focus-visible,.interactive-bars button.is-active{opacity:1;transform:scaleX(1.08);filter:drop-shadow(0 0 8px rgba(255,178,0,.5));outline:none}
.facebook-dashboard .mini-dashboard__footer strong{color:var(--dx-accent-yellow)}
.facebook-metric strong{transition:opacity .16s,transform .16s}.facebook-metric.is-updating strong{opacity:.2;transform:translateY(6px)}
.analytics-compact__metric strong{transition:opacity .16s,transform .16s}.analytics-compact__metric.is-updating strong{opacity:.2;transform:translateY(6px)}
@media(prefers-reduced-motion:reduce){.interactive-bars button{height:var(--h)!important}.growth-tool-card--interactive:hover{transform:none}.donut-chart--yellow:hover{transform:none}}

.btn-client-website{
display:inline-flex;align-items:center;justify-content:center;
padding:16px 30px;border-radius:999px;
background:#fff!important;color:#111!important;
border:2px solid #fff!important;font-weight:700;
text-decoration:none;transition:all .25s ease}
.btn-client-website:hover{
background:#f2f2f2!important;color:#111!important;
border-color:#f2f2f2!important;
box-shadow:0 10px 24px rgba(0,0,0,.18);
transform:translateY(-2px)}