/* Full-section data environments. The guest story retains its own photography. */
.analytics-page{
 --surface-base:#f7fcfb;
 --surface-art:url('../research/commercial/data-circuits-v3.svg');
 --surface-wash:linear-gradient(115deg,#fffffff0,#ffffff70 55%,#ffffff30);
}
.analytics-page main>section:not(.story-section){
 position:relative;isolation:isolate;max-width:none;width:100%;margin-inline:0;
 background-color:var(--surface-base);background-image:var(--surface-wash),var(--surface-art);
 background-size:100% 100%,cover;background-position:center;background-repeat:no-repeat;
 border-bottom:1px solid #dfe9e5;
}
.analytics-page #start{--surface-base:#fff9ed;--surface-art:url('../research/commercial/data-waves-v4.svg');--surface-wash:linear-gradient(120deg,#fffdf5c7,#fff9ed55)}
.analytics-page .service-entry{background:transparent}
.analytics-page #areas{--surface-base:#f1fbfa;--surface-wash:linear-gradient(100deg,#f7fcfbb3,#f7fcfb30)}
.analytics-page #intelligence{--surface-base:#f0f8fc;--surface-art:url('../research/commercial/data-matrix-v4.svg');--surface-wash:linear-gradient(135deg,#ffffffbb,#f0f8fc40)}
.analytics-page #deliverables{--surface-base:#fffaf0;--surface-art:url('../research/commercial/data-matrix-v4.svg');--surface-wash:linear-gradient(110deg,#fffef8b3,#fff7e766);padding-block:45px 0}
.analytics-page #experience{--surface-base:#fff2db;--surface-art:url('../research/commercial/data-waves-v4.svg');--surface-wash:linear-gradient(90deg,#fff8ed80,#fff8ed33)}
.analytics-page .closing-section{--surface-base:#fff5df;--surface-art:url('../research/commercial/data-waves-v4.svg');--surface-wash:linear-gradient(130deg,#fffdf1bb,#fff2df40)}
.analytics-page #contact{--surface-base:#f0f9fa;--surface-art:url('../research/commercial/data-matrix-v4.svg');--surface-wash:linear-gradient(110deg,#f8fdfbaa,#f0f9fa40)}
.analytics-page .faq-surface{--surface-base:#f8faf3;--surface-art:url('../research/commercial/data-matrix-v4.svg');--surface-wash:linear-gradient(90deg,#ffffffe0,#fffffff0 38%,#ffffff55)}
.analytics-page .site-footer{background:#fff8e9 url('../research/commercial/data-waves-v4.svg') center/cover no-repeat}
/* Reading surfaces sit within, rather than replacing, the environments. */
.analytics-page .research-question,.analytics-page .method-artifact{background:#ffffffeb}
.analytics-page .form-container{background:#ffffffed;border:1px solid #d9e6e4;border-radius:18px;padding:30px;box-shadow:0 18px 55px #476c6e09}
.analytics-page .form-field input,.analytics-page .form-field select,.analytics-page .form-field textarea{background:#fff}
.analytics-page .faq-section details{background:#ffffffd9;padding-inline:20px}
/* Both faces belong to their entire section, including on narrow screens. */
.agent-background{display:block;position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.agent-background img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.agent-background-hero{opacity:.8}
.agent-background-hero img{object-position:72% center}
.analytics-page .intelligence-hero{padding-top:0;--surface-base:#f3faff;--surface-art:url('../research/commercial/data-matrix-v4.svg');--surface-wash:linear-gradient(90deg,#faffff80,#ffffff00)}
.analytics-page .intelligence-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffefbf5 0%,#fffefbdf 31%,#fffefb80 58%,#fffefb20 100%)}
.analytics-page .intelligence-hero .analytics-hero-layout{padding-block:70px;align-items:center;gap:65px}
.analytics-page .intelligence-hero .analytics-hero-copy{align-self:center}
.analytics-page .intelligence-hero .data-system{padding:26px;background:#ffffff9c;border:1px solid #ffffffbd;border-radius:22px;box-shadow:0 18px 65px #477d890b}
.analytics-page .intelligence-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px 22px}
.analytics-page .intelligence-hero .hero-actions .text-link{margin-top:0}
.analytics-page .intelligence-hero .hero-description{color:#4e5654}
.analytics-page .intelligence-hero .hero-mechanism{background:#ffffff52;border-radius:12px;padding:18px 12px}
.analytics-page .statistics-backdrop{opacity:.3}
/* Method: remove the old picture-header and put the process on the background. */
.analytics-page #method{--surface-base:#fff5e9;--surface-art:url('../research/commercial/data-waves-v4.svg');--surface-wash:linear-gradient(90deg,#ffffff80,#ffffff00);padding-block:80px}
.agent-background-method{opacity:.68}
.agent-background-method img{object-position:78% center}
.analytics-page #method:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#fffaf2f0 0%,#fffaf2db 40%,#fffaf28a 75%,#fffaf255)}
.analytics-page #method .method-heading-clean{position:relative;isolation:auto;overflow:visible;display:block;min-height:0;padding:0;background:none;border:0}
.analytics-page #method .method-heading-clean:after{content:none}
.analytics-page #method .method-heading-clean .wrap{padding-block:0}
.analytics-page #method .method-heading-clean h2{max-width:23ch;font-size:44px;line-height:1.16}
.analytics-page #method .method-heading-clean .eyebrow{margin-bottom:24px}
.analytics-page #method .method-layout{margin-top:40px}
.analytics-page #method .method-steps{background:#fffaf266;border-radius:14px;padding:0 20px}
.analytics-page #method .advanced{background:#fffaf299;border-radius:14px;padding:28px}
@media(min-width:1700px){.analytics-page .intelligence-hero .analytics-hero-layout{padding-block:80px}}
@media(max-width:1100px){
 .analytics-page .intelligence-hero .analytics-hero-layout{gap:38px}
 .analytics-page .intelligence-hero .data-system{padding:20px}
 .analytics-page .form-container{padding:25px}
 .analytics-page #method .method-heading-clean h2{font-size:38px}
}
@media(max-width:1000px){
 .analytics-page .intelligence-hero .analytics-hero-layout{padding-block:45px;gap:35px}
 .analytics-page .intelligence-hero .analytics-hero-copy{align-self:stretch}
 .agent-background-hero img{object-position:72% center}
 .analytics-page .intelligence-hero:after{background:linear-gradient(90deg,#fffefbf0,#fffefbd9 42%,#fffefb80)}
}
@media(max-width:700px){
 .analytics-page main>section:not(.story-section){background-size:100% 100%,auto 100%;background-position:center,right top}
 .analytics-page #start,.analytics-page #experience,.analytics-page .closing-section{background-position:center,left bottom}
 .analytics-page #start{background-image:var(--surface-wash),var(--surface-art),var(--surface-art);background-size:100% 100%,1280px 800px,1280px 800px;background-position:center,right top,left bottom}
 .analytics-page #areas{--surface-wash:linear-gradient(180deg,#f7fcfb88 0%,#f7fcfb88 430px,#f7fcfb44 800px)}
 .analytics-page #deliverables{padding-top:45px}
 .analytics-page .intelligence-hero{padding-top:0}
 .analytics-page .intelligence-hero .analytics-hero-layout{padding-block:35px 45px;gap:30px}
 .analytics-page .intelligence-hero .data-system{padding:20px 16px;background:#ffffffb3;border-radius:16px}
 .agent-background-hero{opacity:.78}
 .agent-background img{position:absolute;width:185%;height:min(760px,100%);left:-75%;top:0;object-fit:cover;object-position:70% top;mask-image:linear-gradient(180deg,#000 0%,#000 65%,transparent 100%)}
 .analytics-page .intelligence-hero:after{background:linear-gradient(90deg,#fffefbed 0%,#fffefbb3 48%,#fffefb70 100%)}
 .analytics-page .intelligence-hero .hero-actions{flex-direction:column;align-items:stretch;gap:12px}
 .analytics-page .intelligence-hero .hero-mechanism{padding:16px 10px}
 .analytics-page #method{padding-block:60px}
 .agent-background-method{opacity:.72}
 .agent-background-method img{height:min(850px,100%);object-position:72% top}
 .analytics-page #method:before{background:linear-gradient(90deg,#fffaf2e6,#fffaf2a8 65%,#fffaf280)}
 .analytics-page #method .method-heading-clean h2{font-size:33px;max-width:23ch}
 .analytics-page #method .method-heading-clean .eyebrow{margin-bottom:18px}
 .analytics-page #method .method-layout{margin-top:28px}
 .analytics-page #method .method-steps{padding-inline:10px}
 .analytics-page #method .advanced{padding:22px 16px}
 .analytics-page .form-container{padding:22px 16px;border-radius:14px}
 .analytics-page .faq-section details{padding-inline:12px}
}
@media(max-width:360px){.analytics-page .intelligence-hero .analytics-hero-layout{padding-top:28px}.analytics-page #method .method-heading-clean h2{font-size:30px}.analytics-page .intelligence-hero .data-system{padding:18px 12px}.analytics-page .form-container{padding:20px 13px}}
@media print{.analytics-page main>section:not(.story-section),.analytics-page .site-footer{background:white}.agent-background,.analytics-page .intelligence-hero:after,.analytics-page #method:before{display:none}.analytics-page .intelligence-hero .data-system,.analytics-page .form-container{box-shadow:none;background:white}.analytics-page #method .method-artifacts{position:static}}
