/* AGENCIA color layer. Backgrounds only: all measured layout geometry is retained. */
:root{
 --bg:#18181b;--text:#faf9fc;--line:rgba(255,255,255,.19);
 --surface-low:#1c1c20;--surface-band:#222225;--surface-card:#303034;
 --card-line:#514e56;--control-line:#817b87;--muted:#ddd8e2;
 --accent:#ff2bd6;--accent-ink:#ff8be7;--accent-on:#190b16;
 --gray-light:rgba(155,155,170,.19);--gray-soft:rgba(155,155,170,.09);
 --magenta-glow:#b01480;--magenta-mid:rgba(216,25,157,.44);--magenta-soft:rgba(255,43,214,.13);
 --rim:rgba(255,255,255,.045);--field:#222225;
}
:root[data-theme=light]{
 --bg:#faf9fb;--text:#17131a;--line:rgba(33,24,38,.19);
 --surface-low:#f3f0f5;--surface-band:#eeebf0;--surface-card:#fff;
 --card-line:#d2cbd6;--control-line:#807487;--muted:#514858;
 --accent-ink:#8e1269;--gray-light:rgba(112,103,122,.14);--gray-soft:rgba(112,103,122,.055);
 --magenta-glow:#f4bde8;--magenta-mid:rgba(219,45,171,.2);--magenta-soft:rgba(255,43,214,.085);
 --rim:rgba(255,255,255,.65);--field:#fff;
}
::selection{background:var(--accent);color:var(--accent-on)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--accent-ink)}
.lp-label,.ref-kicker,.lp-case-label,.lp-blog-meta{color:var(--muted)}
.lp-inline>span{color:var(--accent-ink)}
.lp-button,.ref-down,.lp-controls button,.ref-carousel-controls button{border-color:var(--control-line)}
.lp-button:hover,.ref-down:hover,.lp-controls button:not(:disabled):hover,.ref-carousel-controls button:not(:disabled):hover{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}
.home .nav-panel{background:var(--surface-band);border-color:var(--card-line);box-shadow:0 16px 36px #0003}

/* The neutral base alternates with slightly lifted bands. */
.lp-hero{background-color:var(--bg);background-image:radial-gradient(ellipse 85% 65% at 50% -25%,var(--gray-light),transparent 78%)}
.lp-strip,.lp-footer-cta,.ref-featured,.ref-case-visual{background:var(--surface-band)}
.campaign-visual::before{background:radial-gradient(ellipse at 62% 46%,var(--magenta-mid),var(--magenta-soft) 38%,transparent 70%)}
.lp-squad{background:var(--bg)}
.lp-orbit-center{background:radial-gradient(ellipse at 50% 60%,var(--magenta-mid),var(--magenta-soft) 40%,transparent 74%);box-shadow:0 0 80px var(--magenta-soft);border-color:var(--card-line)}
.lp-orbit-circle{border-color:var(--control-line)}

/* Soft gray light defines service and FAQ regions; their text stays sharp. */
.lp-services,.ref-tiles-section,.ref-feeds,.ref-about-values{
 background-color:var(--surface-low);
 background-image:radial-gradient(ellipse 90% 75% at 12% 88%,var(--gray-light),transparent 67%),radial-gradient(ellipse 90% 75% at 105% -12%,var(--gray-light),transparent 66%);
}
.lp-faq{
 background-color:var(--bg);
 background-image:radial-gradient(ellipse 75% 55% at 50% 10%,var(--gray-light),transparent 72%),radial-gradient(ellipse 45% 70% at -10% 55%,var(--gray-soft),transparent 80%),radial-gradient(ellipse 45% 70% at 110% 55%,var(--gray-soft),transparent 80%);
}
.lp-service-card,.lp-case-card,.lp-process-card,.lp-faq-list details,.lp-blog-card,
.ref-panel,.ref-tile-grid>div,.ref-feed-grid>div,.ref-result-row,.ref-project-info,
.ref-case-stats>div,.ref-outcomes>div,.ref-value-grid>div,.ref-author-box,.ref-article-side>div,.ref-contact-form{
 background-color:var(--surface-card);border-color:var(--card-line);box-shadow:inset 0 1px 0 var(--rim);
}
.lp-service-card:hover,.ref-result-row:hover{border-color:var(--accent-ink)}
.lp-service-card p,.lp-case-card>p,.lp-blog-body p{color:var(--muted)}
.lp-process{background:radial-gradient(ellipse 80% 65% at 10% 30%,var(--gray-soft),transparent 80%),var(--bg)}
.lp-process-media{background:radial-gradient(ellipse at 60% 65%,var(--magenta-soft),transparent 72%);border-color:var(--card-line)}
.lp-process-media>span{color:var(--accent-ink)}

/* Color has a specific place in the page rhythm, translated into AGENCIA magenta. */
.lp-examples{background-color:var(--bg);background-image:radial-gradient(85% 76% at 50% 122%,var(--magenta-glow),transparent 100%)}
.lp-blog{background-color:var(--bg);background-image:radial-gradient(94% 58% at 50% 0%,var(--magenta-glow),transparent 100%)}
.lp-blog-media{
 color:#fff;background-color:#3b102e;
 background-image:radial-gradient(ellipse 70% 140% at 0% 100%,#cc168e,transparent 70%),radial-gradient(ellipse 60% 100% at 95% 5%,#9f0c79,transparent 75%),linear-gradient(120deg,#35152d,#18181b);
}
.lp-blog-card:nth-child(3n+2) .lp-blog-media{background-image:radial-gradient(ellipse 60% 150% at 100% 100%,#cc168e,transparent 72%),radial-gradient(ellipse 60% 100% at 10% 0%,#751455,transparent 75%),linear-gradient(35deg,#18181b,#35152d)}
.lp-blog-card:nth-child(3n) .lp-blog-media{background-image:radial-gradient(ellipse 90% 60% at 50% 0%,#b41482,transparent 100%),radial-gradient(ellipse 60% 100% at 10% 100%,#87166a,transparent 80%),linear-gradient(160deg,#35152d,#18181b)}
.lp-blog-media:hover{color:#fff}
.lp-footer{background-color:var(--bg);background-image:radial-gradient(112% 72% at 50% 108%,var(--magenta-glow),transparent 100%)}
.lp-footer-cta{background-image:radial-gradient(ellipse 65% 160% at 80% 100%,var(--gray-soft),transparent 80%)}
.lp-footer-secondary{background-image:radial-gradient(ellipse 80% 100% at 50% 100%,var(--gray-soft),transparent 90%)}

/* The same palette follows shared components across all detail-page templates. */
.ref-service-hero,.ref-parent-hero,.ref-about-hero,.ref-case-hero,.ref-article-hero,.ref-contact{
 background-color:var(--bg);
 background-image:radial-gradient(ellipse 75% 115% at 110% 0%,var(--magenta-soft),transparent 75%),radial-gradient(ellipse 90% 70% at 0% 0%,var(--gray-soft),transparent 80%);
}
.ref-panel-section.plain .ref-panel{background:transparent;box-shadow:none}
.ref-media{background-color:var(--surface-low);background-image:radial-gradient(ellipse at 70% 20%,var(--magenta-mid),transparent 68%),radial-gradient(ellipse at 10% 100%,var(--gray-light),transparent 70%);border-color:var(--card-line)}
.ref-media>span{color:var(--text)}
.ref-hero-media{background-color:transparent}
.ref-blog-hero,.ref-about-banner,.ref-blog-cta{background-color:var(--bg);background-image:radial-gradient(90% 100% at 50% 0%,var(--magenta-glow),transparent 100%)}
.ref-studio-method{background:radial-gradient(ellipse 70% 35% at 0% 30%,var(--magenta-soft),transparent 85%),radial-gradient(ellipse 70% 35% at 100% 80%,var(--gray-light),transparent 85%),var(--bg)}
.ref-studio-caps,.ref-contact-tags,.ref-case-services span,.ref-takeaway{background:var(--surface-band)}
.ref-banner-wordmark{color:var(--text)}
.ref-results-filters button[aria-pressed=true],.ref-category-buttons button[aria-pressed=true],.ref-pagination span[aria-current]{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}
.field input,.field select,.field textarea,.ref-form .field input,.ref-form .field select,.ref-form .field textarea,.ref-search input,.ref-mobile-result-filter select,.ref-category-select select{background:var(--field);border-color:var(--control-line)}
.field input::placeholder,.field textarea::placeholder,.ref-search input::placeholder{color:var(--muted);opacity:1}
.lp-avatar{background:var(--surface-band);border-color:var(--card-line)}

/* Keep colored light broad on narrow screens without changing any section height. */
@media(max-width:575px){
 .lp-blog{background-image:radial-gradient(140% 52% at 50% 0%,var(--magenta-glow),transparent 100%)}
 .lp-examples{background-image:radial-gradient(125% 74% at 50% 118%,var(--magenta-glow),transparent 100%)}
 .lp-footer{background-image:radial-gradient(150% 68% at 50% 110%,var(--magenta-glow),transparent 100%)}
}