/* Match the image's dominant colour and brightest glass reflection. */
:where(body:has(>main[data-theme-family]:not([data-theme-family=brand])),[data-card-family]){
 --division-tone:#8259ca;--division-accent:#c7a0ff;--division-veil:#171026;
 --division-paper:color-mix(in srgb,var(--division-tone) 16%,#f8fafb);
 --division-tint:color-mix(in srgb,var(--division-tone) 27%,#f8fafb);
 --division-link:color-mix(in srgb,var(--division-tone) 54%,#14151a);
 --division-line:color-mix(in srgb,var(--division-link) 36%,transparent);
}
body:has(>main[data-theme-family=secure]),[data-card-family=secure]{--division-tone:#279b78;--division-accent:#67eed2;--division-veil:#081e1b}
body:has(>main[data-theme-family=osint]),[data-card-family=osint]{--division-tone:#aa7434;--division-accent:#ffd689;--division-veil:#271c0c}
body:has(>main[data-theme-family=studio]),[data-card-family=studio]{--division-tone:#b04d91;--division-accent:#ffa8db;--division-veil:#27102b}
body:has(>main[data-theme-family=automation]),[data-card-family=automation]{--division-tone:#238b95;--division-accent:#87ebdf;--division-veil:#0c2627}
body:has(>main[data-theme-family=linguian]),[data-card-family=linguian]{--division-tone:#bd536d;--division-accent:#ffc2bb;--division-veil:#311b27}
body:has(>main[data-theme-family=printing]),[data-card-family=printing]{--division-tone:#bb6528;--division-accent:#ffc38c;--division-veil:#322013}
body:has(>main[data-theme-family=robotics]),[data-card-family=robotics]{--division-tone:#427ca1;--division-accent:#a6deff;--division-veil:#112335}
body:has(>main[data-theme-family=digital]),[data-card-family=digital]{--division-tone:#357bd0;--division-accent:#9edfff;--division-veil:#112037}
body:has(>main[data-theme-family=training]),[data-card-family=training]{--division-tone:#b77260;--division-accent:#ffc4a9;--division-veil:#372322}
body:has(>main[data-theme-family=ardi]),[data-card-family=ardi]{--division-tone:#555ec1;--division-accent:#a7d7ff;--division-veil:#161c36}
body:has(>main[data-theme-family=agents]),[data-card-family=agents]{--division-tone:#7755bb;--division-accent:#bde7ff;--division-veil:#1d1433}
body:has(>main[data-theme-family=web]),[data-card-family=web]{--division-tone:#5a62ae;--division-accent:#b4ccff;--division-veil:#191e3a}
body:has(>main[data-theme-family=strategy]),[data-card-family=strategy]{--division-tone:#785587;--division-accent:#e7c8f5;--division-veil:#25162c}
body:has(>main[data-theme-family=tools]),[data-card-family=tools]{--division-tone:#7366aa;--division-accent:#d2c7ff;--division-veil:#201a37}
body:has(>main[data-theme-family=beauty]),[data-card-family=beauty]{--division-tone:#9b684b;--division-accent:#ffcdad;--division-veil:#301e17}
body:has(>main[data-theme-family=homes]),[data-card-family=homes]{--division-tone:#735bac;--division-accent:#c2dbff;--division-veil:#211a3b}
body:has(>main[data-theme-family=comply]),[data-card-family=comply]{--division-tone:#406eb1;--division-accent:#addcff;--division-veil:#14233e}


.route-main[data-theme-family]:not([data-theme-family=brand]){
 --studio-ink:color-mix(in srgb,var(--division-tone) 18%,#15141a);
 --studio-copy:color-mix(in srgb,var(--division-tone) 20%,#302b34);
 --studio-paper:var(--division-paper);
 --studio-panel:linear-gradient(145deg,#ffffffa8,var(--division-paper));
 --studio-choice:linear-gradient(145deg,#ffffffbc,var(--division-paper));
 --studio-line:var(--division-line);
 background:var(--division-paper);
}
body:has(>main.route-main[data-theme-family]:not([data-theme-family=brand]))>.studio-page-background{
 background:
  radial-gradient(ellipse at 2% 10%,var(--division-tint),transparent 62%),
  radial-gradient(ellipse at 100% 62%,color-mix(in srgb,var(--division-accent) 38%,transparent),transparent 64%),
  var(--division-paper);
}
:is(.route-main[data-theme-family]:not([data-theme-family=brand]),body:has(>main[data-theme-family]:not([data-theme-family=brand]))>.studio-page-background) .kinetic-material linearGradient[id^="metal-"] stop{stop-color:var(--division-veil)}
:is(.route-main[data-theme-family]:not([data-theme-family=brand]),body:has(>main[data-theme-family]:not([data-theme-family=brand]))>.studio-page-background) .kinetic-material linearGradient[id^="metal-"] stop:nth-child(3n+2){stop-color:var(--division-tone)}
:is(.route-main[data-theme-family]:not([data-theme-family=brand]),body:has(>main[data-theme-family]:not([data-theme-family=brand]))>.studio-page-background) .kinetic-material linearGradient[id^="metal-"] stop:nth-child(4n+3){stop-color:var(--division-accent)}
:is(.route-main[data-theme-family]:not([data-theme-family=brand]),body:has(>main[data-theme-family]:not([data-theme-family=brand]))>.studio-page-background) .kinetic-material linearGradient[id^="edge-"] stop{stop-color:var(--division-tone)}
:is(.route-main[data-theme-family]:not([data-theme-family=brand]),body:has(>main[data-theme-family]:not([data-theme-family=brand]))>.studio-page-background) .kinetic-material linearGradient[id^="edge-"] stop:nth-child(2){stop-color:var(--division-accent)}
:is(.route-main[data-theme-family]:not([data-theme-family=brand]),body:has(>main[data-theme-family]:not([data-theme-family=brand]))>.studio-page-background) .kinetic-network{stroke:var(--division-tone)}
:is(.route-main[data-theme-family]:not([data-theme-family=brand]),body:has(>main[data-theme-family]:not([data-theme-family=brand]))>.studio-page-background) .kinetic-nodes{fill:var(--division-accent)}
body:has(>main.route-main[data-theme-family]:not([data-theme-family=brand]))>.studio-page-background .kinetic-material{opacity:.24}
body:has(>main[data-theme-family]:not([data-theme-family=brand])) .site-header::before{
 background:linear-gradient(125deg,color-mix(in srgb,var(--division-veil) 88%,#1b1a2b),#131420);
}
body:has(>main[data-theme-family]:not([data-theme-family=brand])) .site-nav.is-open{
 background:
  radial-gradient(ellipse at 2% 0,color-mix(in srgb,var(--division-accent) 20%,transparent),transparent 54%),
  linear-gradient(137deg,color-mix(in srgb,var(--division-veil) 94%,transparent),#10121aef)!important;
 box-shadow:inset 0 1px 1px color-mix(in srgb,var(--division-accent) 52%,transparent),inset 0 -4px 14px var(--division-line);
}
body:has(>main[data-theme-family]:not([data-theme-family=brand])) :is(.site-header .menu-toggle,.xp-search-launch){
 border-color:color-mix(in srgb,var(--division-accent) 48%,transparent);
 box-shadow:inset 0 1px 1px #fff7,inset 0 -2px 5px var(--division-line);
}
body:has(>main[data-theme-family]:not([data-theme-family=brand])) .match-footer{
 background:linear-gradient(135deg,var(--division-veil),#0d1018);
 border-top:1px solid color-mix(in srgb,var(--division-accent) 28%,transparent);
}
main.route-main[data-theme-family]:not([data-theme-family=brand])>.route-hero{background:radial-gradient(ellipse at 87% 68%,var(--division-veil),#08090e 77%)!important}
.route-main[data-theme-family]:not([data-theme-family=brand]) .route-hero-copy h1 em{color:var(--division-accent)!important;-webkit-text-fill-color:var(--division-accent)!important}
.route-main[data-theme-family]:not([data-theme-family=brand]) .route-hero-art{min-width:0;min-height:0}
.division-art{margin:0;width:100%;overflow:hidden;border-radius:clamp(14px,2vw,25px);box-shadow:0 16px 45px #0006}
.division-art img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.route-main .division-scope{scroll-margin-top:100px;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(18px,4vw,58px);padding-block:clamp(32px,6vw,80px)}
.division-scope-heading p:not(.eyebrow){max-width:44ch}
.division-capabilities{min-width:0}
.division-capabilities .site-disclosure{background:none;border:0;border-top:1px solid var(--division-line,#51406655);border-radius:0;box-shadow:none;margin:0}
.division-capabilities .site-disclosure summary{min-height:48px;padding:14px 28px 14px 0;font-size:clamp(16px,1.65vw,21px)}
.division-capabilities .site-disclosure p{padding:0 16px 14px 0;font-size:16px;line-height:1.55}
.division-related,.division-directory>div{display:flex;flex-wrap:wrap;gap:10px}
.division-related{margin-top:18px}
.division-directory a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #756283;border-radius:24px;color:#35224b}
@media(max-width:767px){.route-main .division-scope{grid-template-columns:1fr;gap:14px}.division-art{border-radius:14px}}

main.route-main[data-division]>.route-hero{padding-block:clamp(32px,5.2vw,76px) clamp(26px,4vw,58px)}
.route-main[data-division] .route-hero-copy h1{font-size:clamp(34px,5.5vw,79px);line-height:1.12}
.route-main[data-theme-family]:not([data-theme-family=brand]) .route-actions .button-bright{
 background:linear-gradient(160deg,#ffffffe0,var(--division-accent));color:#171322;
 border-color:var(--division-accent);border-radius:14px;
 box-shadow:inset 0 1px 2px #fff9,0 4px 14px #05060d45;
}
.route-main[data-theme-family]:not([data-theme-family=brand]) .route-actions .button-quiet{border-radius:14px}
.route-main[data-theme-family]:not([data-theme-family=brand]) .route-actions .button:focus-visible{outline-color:var(--division-accent)}
@media(max-width:600px){
 body:has(main[data-theme-family]:not([data-theme-family=brand])) .assistant-greeting{display:none}
 .route-main[data-theme-family]:not([data-theme-family=brand]) .route-actions{gap:8px}
}


/* Carry the selected material through the action, disclosure and demo surfaces. */
.route-main[data-theme-family]:not([data-theme-family=brand]) .division-capabilities .site-disclosure[open] summary{
 color:var(--division-link)!important;
}
.route-main[data-theme-family]:not([data-theme-family=brand]) .division-capabilities summary :is(span,b){color:var(--division-link)}
.route-main[data-theme-family]:not([data-theme-family=brand]) .division-capabilities summary:hover{
 background:color-mix(in srgb,var(--division-accent) 22%,transparent);
}
main.route-main[data-theme-family]:not([data-theme-family=brand]) :is(.division-related,.ardi-stack-detail,.campaign-actions,.workflow-actions) .site-button.secondary{
 color:var(--division-link)!important;
 background:linear-gradient(155deg,#ffffffd9,var(--division-paper))!important;
 border-color:var(--division-link);
}
main.route-main[data-theme-family]:not([data-theme-family=brand]) :is(.site-button:not(.secondary),.xp-action){
 background:linear-gradient(155deg,color-mix(in srgb,var(--division-tone) 38%,var(--division-veil)),var(--division-veil))!important;
 border-color:var(--division-tone);color:#fff!important;
 box-shadow:inset 0 1px 2px #ffffff38,0 4px 12px #17141a24;
}
main.route-main[data-theme-family]:not([data-theme-family=brand]) :is(.room-console,.workflow-preview,.learning-console,.image-studio,.tool-output-side>textarea){
 background:radial-gradient(ellipse at 95% 10%,color-mix(in srgb,var(--division-tone) 36%,var(--division-veil)),var(--division-veil));
 border-color:var(--division-tone);
}
main.route-main[data-theme-family]:not([data-theme-family=brand]) :is(.workflow-builder,.system-workbench,.motion-workspace,.learning-intro,.learning-sampler-grid>a,.learning-course-aside,.learning-step,.learning-practice-heading,.learning-finish){
 background:linear-gradient(135deg,#ffffff6b,var(--division-paper));
 border-color:var(--division-line);
}
main.route-main[data-theme-family]:not([data-theme-family=brand]) :is(a,button,summary,input,select,textarea):focus-visible{
 outline-color:var(--division-link);
}
main.route-main[data-theme-family]:not([data-theme-family=brand]) :is(.route-hero,.room-console,.workflow-preview,.learning-console,.image-studio) :is(a,button,summary,input,select,textarea):focus-visible{
 outline-color:var(--division-accent);
}

.apps-gallery-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.apps-gallery-tabs button{min-height:44px;padding:8px 16px;border-radius:24px;font:700 1rem/1.3 Inter,sans-serif;cursor:pointer}
.apps-gallery-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(14px,3vw,38px);align-items:center}
.apps-gallery-panel[hidden]{display:none}
.apps-gallery-panel figure{margin:0;min-width:0}
.apps-gallery-panel picture,.apps-gallery-panel img{display:block;width:100%}
.apps-gallery-panel img{height:auto;aspect-ratio:3/2;border-radius:clamp(13px,2vw,23px)}
.apps-gallery-panel figcaption{margin-top:7px;font-size:.89rem}
.apps-gallery-panel h3{font-size:clamp(1.35rem,2.2vw,2rem);margin:0 0 8px}
.apps-gallery-panel p{max-width:38ch;margin:0;font-size:1rem;line-height:1.55}
.no-js .apps-gallery-tabs{display:none}
.no-js .apps-gallery-panel[hidden]{display:grid;margin-top:18px}
@media(max-width:767px){.apps-gallery-panel{grid-template-columns:1fr}.apps-gallery-panel figcaption{margin-top:4px}}


/* A family tint follows controls that appear on several different templates. */
main.route-main[data-theme-family]:not([data-theme-family=brand]) .xp-tabs button[aria-selected=true]{
 color:var(--division-link)!important;
 border-color:var(--division-tone)!important;
 background:linear-gradient(155deg,#ffffffe6,var(--division-paper) 58%,var(--division-tint))!important;
 box-shadow:inset 0 2px 3px #fff,inset 0 -2px 5px var(--division-tint),0 3px 9px var(--division-line);
}
main.route-main[data-theme-family]:not([data-theme-family=brand]) .studio-lens-control:is([aria-selected=true],[aria-pressed=true]){
 --glass-fill:radial-gradient(ellipse at 15% 5%,var(--division-line),transparent 66%),linear-gradient(148deg,color-mix(in srgb,var(--division-tone) 30%,var(--division-veil)),var(--division-veil));
}


/* The same destination palette colors previews shown in mixed sections. */
main .studio-material[data-card-family]{
 --glass-fill:radial-gradient(ellipse at 10% 0,#fff9,transparent 62%),linear-gradient(145deg,#fff5,color-mix(in srgb,var(--division-paper) 65%,transparent));
 border-color:var(--division-line)!important;
}
main .studio-material[data-card-family]::before{
 background:linear-gradient(150deg,#fffefa 4%,var(--division-tint) 25%,transparent 48%,color-mix(in srgb,var(--division-accent) 65%,transparent) 78%,#fffd);
}
main :is(.service-card-link,.explore-card,.learning-course,.work-card,.xp-finder-card,.showcase-system-entry)[data-card-family]{--studio-text:var(--division-link)}
.home-practice .hp-demo[data-card-family]{
 --demo-ink:var(--division-link);
 --demo-glint:var(--division-accent);
}
.ardi-stack .ardi-stack-card[data-card-family]{--ardi-accent:var(--division-accent)}
main.studio-page-canvas .ardi-stack .ardi-stack-detail .site-button[data-card-family]{
 background:linear-gradient(155deg,color-mix(in srgb,var(--division-tone) 38%,var(--division-veil)),var(--division-veil))!important;
 border-color:var(--division-accent);
}
.learning-course[data-card-family]{
 background:linear-gradient(145deg,#ffffff85,var(--division-paper));
 border-color:var(--division-line);
}
main.route-main[data-theme-family=tools] .tool-panel{
 background:radial-gradient(ellipse at 100% 0,var(--division-tint),transparent 62%),linear-gradient(145deg,#fffd,var(--division-paper));
 border-color:var(--division-line);
}
main.route-main[data-theme-family]:not([data-theme-family=brand]) :is(input,progress){accent-color:var(--division-tone)}
main.route-main[data-theme-family]:not([data-theme-family=brand]) :is(.tool-input-side,.motion-controls,.learning-focus) :is(input,select,textarea){
 border-color:var(--division-line);
}
main.route-main[data-theme-family=tools] .tool-button--primary{
 background:var(--division-veil);
 border-color:var(--division-tone);
}
main.route-main[data-theme-family=tools] .tool-button--primary:hover:not(:disabled){
 background:color-mix(in srgb,var(--division-tone) 34%,var(--division-veil));
}
main.route-main[data-theme-family=training] .learning-topic:has(:checked){
 background:var(--division-paper);
 border-color:var(--division-tone);
}


.division-directory a[data-card-family],.division-related a[data-card-family]{
 color:var(--division-link);
 border-color:var(--division-line);
}
.learning-sampler-grid a[data-card-family]{
 background:linear-gradient(145deg,#ffffff85,var(--division-paper));
 border-color:var(--division-line);
}