/* === styles.css === */

:root {
  --bg: #090b11;
  --bg-2: #10131d;
  --panel: #141824;
  --line: rgba(216, 222, 255, .13);
  --text: #f6f5fa;
  --muted: #aaaebe;
  --muted-2: #777e90;
  --lilac: #af8aff;
  --lilac-2: #855dff;
  --cyan: #69dce8;
  --lime: #abf285;
  --font-display: 'Space Grotesk', Arial, sans-serif;
  --font-body: 'DM Sans', Arial, sans-serif;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; background: var(--bg); }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 var(--font-body); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--font-display); letter-spacing: -.055em; }
::selection { background: rgba(175, 138, 255, .45); color: #fff; }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.section-shell { width: min(var(--max), calc(100% - 72px)); margin-inline: auto; }
.section-pad { padding-block: 110px; }
.eyebrow { margin: 0 0 17px; color: var(--cyan); font: 600 10px/1.5 var(--font-body); letter-spacing: .15em; text-transform: uppercase; }
.visually-hidden { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.skip-link { position: fixed; z-index: 1000; top: -70px; left: 15px; padding: 10px 15px; background: #fff; color: #08090f; }
.skip-link:focus { top: 12px; }
.no-js .service-tabs, .no-js .carousel-controls { display: none; }
.js-ready .service-panel:not(.is-active), .js-ready .persona-slide:not(.is-active) { display: none; }

.site-header { position: sticky; z-index: 70; top: 0; background: rgba(9, 11, 17, .88); border-bottom: 1px solid rgba(255,255,255,.07); backdrop-filter: blur(20px); }
.nav-wrap { width: min(1320px, calc(100% - 56px)); min-height: 76px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 10px; font: 700 14px/1 var(--font-display); letter-spacing: .06em; }
.brand img { width: 38px; height: 38px; object-fit: cover; border-radius: 50%; }
.brand-period { color: var(--cyan); }
.site-nav { display: flex; align-items: center; gap: 31px; color: #d0d2dc; font-size: 11px; }
.site-nav > a:not(.nav-cta) { transition: color .2s ease; }
.site-nav > a:not(.nav-cta):hover { color: var(--cyan); }
.nav-cta { display: inline-flex; align-items: center; gap: 16px; padding: 11px 14px; border: 1px solid rgba(175,138,255,.48); color: #fff; font-weight: 600; transition: background .2s ease,border-color .2s ease; }
.nav-cta span { color: var(--cyan); }
.nav-cta:hover { background: rgba(175,138,255,.12); border-color: var(--lilac); }
.menu-toggle { display: none; }

.hero { min-height: min(820px, calc(100svh - 76px)); position: relative; overflow: hidden; background: radial-gradient(ellipse at 74% 46%, rgba(90,65,161,.21), transparent 38%), radial-gradient(ellipse at 5% 95%, rgba(34,117,148,.11), transparent 35%), linear-gradient(116deg,#090b11 16%,#11101d 63%,#101925 100%); isolation: isolate; }
.hero:before { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: .22; background-image: linear-gradient(rgba(185,194,238,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(185,194,238,.04) 1px,transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg,transparent,#000 55%,#000); }
.signal-field { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; opacity: .46; pointer-events: none; }
.hero-grain { position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: .13; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
.hero-layout { position: relative; z-index: 1; min-height: inherit; padding-block: 68px 36px; display: grid; grid-template-columns: 1fr .86fr; gap: 48px; align-items: center; }
.hero-copy { padding-block: 24px; }
.hero-kicker { margin: 0 0 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 13px; color: #aab0c0; font-size: 10px; letter-spacing: .055em; }
.signal-label { padding: 6px 8px; border: 1px solid rgba(105,220,232,.48); color: var(--cyan); font: 700 9px var(--font-display); letter-spacing: .12em; }
.hero h1 { margin: 0; font-size: clamp(64px, 8vw, 110px); font-weight: 500; line-height: .91; letter-spacing: -.085em; }
.hero h1 span { color: var(--lilac); }
.hero-lede { max-width: 485px; margin: 28px 0 0; color: #b4b6c3; font-size: 15px; line-height: 1.8; }
.hero-actions { margin-top: 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }
.button { min-height: 46px; padding: 12px 16px; display: inline-flex; align-items: center; justify-content: center; gap: 15px; border: 1px solid transparent; font-size: 10px; font-weight: 700; transition: transform .2s ease,background .2s ease,border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 14px; }
.button-bright { background: var(--lilac); color: #171020; }
.button-bright:hover { background: #c6adff; }
.button-quiet { border-color: rgba(255,255,255,.23); color: #f3f2f6; }
.button-quiet:hover { border-color: var(--cyan); background: rgba(105,220,232,.07); }
.hero-languages { margin-top: 46px; display: flex; flex-wrap: wrap; gap: 18px; color: #7f8495; font-size: 8px; letter-spacing: .13em; }
.hero-character { width: min(100%, 540px); min-height: 525px; margin: 0 auto; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: stretch; }
.portrait-frame { position: relative; height: clamp(410px, 50vw, 590px); overflow: hidden; padding: 12px; background: linear-gradient(137deg,rgba(190,157,255,.68),rgba(75,208,223,.53) 48%,rgba(255,255,255,.06) 90%); clip-path: polygon(0 0,100% 0,100% 87%,90% 100%,0 100%); }
.portrait-frame:before { content: ''; position: absolute; z-index: 1; inset: 12px; pointer-events: none; background: linear-gradient(0deg,rgba(8,10,15,.34),transparent 34%),linear-gradient(90deg,rgba(17,13,29,.1),transparent 30%); }
.portrait-frame img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; filter: saturate(.86) contrast(1.02); }
.frame-corner { width: 45px; height: 45px; position: absolute; z-index: 3; pointer-events: none; }
.frame-corner--tl { top: 0; left: 0; border-top: 2px solid var(--cyan); border-left: 2px solid var(--cyan); }
.frame-corner--br { right: 0; bottom: 0; border-right: 2px solid var(--lilac); border-bottom: 2px solid var(--lilac); }
.portrait-scan { height: 1px; position: absolute; z-index: 2; top: 0; left: 12px; right: 12px; background: linear-gradient(90deg,transparent,rgba(117,242,251,.85),transparent); box-shadow: 0 0 16px rgba(105,220,232,.62); opacity: .8; animation: scan-down 7s linear infinite; }
.portrait-hud { position: absolute; z-index: 3; left: 28px; right: 28px; bottom: 25px; display: flex; justify-content: space-between; gap: 12px; color: #fff; font: 600 8px var(--font-display); letter-spacing: .12em; text-shadow: 0 2px 8px rgba(0,0,0,.6); }
.hero-character figcaption { padding: 13px 2px 0; display: flex; justify-content: space-between; gap: 12px; color: #9a9eb0; font-size: 8px; letter-spacing: .12em; }
.hero-character figcaption span:first-child { color: var(--cyan); font-weight: 700; }
.hero-bottom { position: absolute; z-index: 2; right: 0; bottom: 17px; left: 0; display: flex; justify-content: space-between; gap: 12px; color: #777d8f; font-size: 8px; letter-spacing: .13em; }
.hero-bottom > span:first-child { color: var(--lilac); font-family: var(--font-display); }
.scroll-prompt b { margin-left: 8px; color: var(--cyan); font-size: 13px; }

.signal-marquee { height: 55px; overflow: hidden; display: flex; align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #0d1018; }
.marquee-track { min-width: max-content; display: flex; align-items: center; gap: 31px; color: #c0c3d0; font: 600 9px var(--font-display); letter-spacing: .14em; animation: marquee 32s linear infinite; }
.marquee-track b { color: var(--lilac); font-size: 12px; font-weight: 400; }

.capabilities { padding-top: 122px; padding-bottom: 118px; }
.capability-heading { max-width: 790px; margin-bottom: 44px; }
.capability-heading h2 { margin: 0; font-size: clamp(48px, 6.6vw, 82px); font-weight: 500; line-height: .98; }
.capability-heading h2 span { color: var(--lilac); }
.capability-heading > p:last-child { max-width: 555px; margin: 20px 0 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.capability-lab { min-height: 512px; display: grid; grid-template-columns: .72fr 1.28fr; border: 1px solid rgba(222,225,255,.16); background: linear-gradient(122deg,#111520,#15131f 64%,#101b20); box-shadow: 0 38px 90px rgba(0,0,0,.3); }
.service-tabs { padding: 25px 0 25px 26px; align-self: stretch; display: flex; flex-direction: column; border-right: 1px solid var(--line); }
.service-tab { min-height: 70px; margin-right: -1px; padding: 12px 17px 12px 0; display: grid; grid-template-columns: 35px 1fr 22px; align-items: center; gap: 10px; text-align: left; background: transparent; color: #999eae; border: 0; border-right: 1px solid transparent; border-bottom: 1px solid rgba(255,255,255,.075); cursor: pointer; transition: color .25s ease,border-color .25s ease; }
.service-tab > span:first-child { color: #73798c; font: 10px var(--font-display); }
.service-tab > span:nth-child(2) { font-size: 12px; font-weight: 600; }
.service-tab b { color: #7d8394; font-size: 12px; font-weight: 400; text-align: right; }
.service-tab:last-child { border-bottom: 0; }
.service-tab:hover, .service-tab.is-active { color: #fff; border-right-color: var(--lilac); }
.service-tab.is-active > span:first-child, .service-tab.is-active b { color: var(--cyan); }
.service-stage { min-width: 0; position: relative; }
.service-panel { min-height: 512px; padding: 36px; display: grid; grid-template-columns: .83fr 1.17fr; align-items: center; gap: 28px; animation: panel-enter .5s cubic-bezier(.22,.68,.24,1) both; }
.service-panel-copy { position: relative; z-index: 1; }
.panel-index { margin: 0 0 13px; color: var(--cyan); font: 700 9px var(--font-display); letter-spacing: .13em; }
.service-panel-copy h3 { margin: 0; font-size: clamp(29px, 3.4vw, 43px); font-weight: 500; line-height: 1.06; }
.service-panel-copy > p:not(.panel-index):not(.scope-note) { margin: 17px 0 18px; color: #aeb2c1; font-size: 11px; line-height: 1.8; }
.panel-link { display: inline-flex; align-items: center; gap: 11px; padding-bottom: 5px; border-bottom: 1px solid rgba(175,138,255,.65); color: #f3efff; font-size: 10px; font-weight: 600; }
.panel-link span { color: var(--cyan); }
.scope-note { margin: 14px 0 0; color: #a9e995; font-size: 9px; line-height: 1.6; }
.interface-preview { min-height: 344px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; background: radial-gradient(ellipse at 50% 50%,rgba(98,67,161,.26),transparent 64%); }
.interface-preview:before, .interface-preview:after { content: ''; position: absolute; z-index: 0; pointer-events: none; }
.interface-preview:before { inset: 0; border-top: 1px solid rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.07); transform: skewY(-9deg) scale(1.12); }
.interface-preview:after { inset: 5% 11%; border-left: 1px solid rgba(105,220,232,.11); border-right: 1px solid rgba(175,138,255,.14); transform: skewY(10deg); }
.preview-frame { width: min(100%, 390px); min-height: 264px; position: relative; z-index: 1; padding: 14px; border: 1px solid rgba(207,211,255,.2); background: rgba(12,15,23,.92); box-shadow: 0 22px 70px rgba(0,0,0,.42); transform: perspective(950px) rotateY(-7deg) rotateX(2deg); }
.preview-top { padding: 0 0 11px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.12); color: #878da0; font: 600 7px var(--font-display); letter-spacing: .12em; }
.preview-bars { display: inline-flex; gap: 4px; }
.preview-bars i { width: 4px; height: 4px; background: #73798b; }
.preview-caption { position: absolute; right: 0; bottom: 0; left: 0; height: 26px; padding: 0 11px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.1); color: #767e90; font: 600 7px var(--font-display); letter-spacing: .1em; }
.preview-tag { position: absolute; z-index: 2; right: 0; bottom: 19px; padding: 9px 11px; background: #b28fff; color: #120e19; font: 600 7px/1.55 var(--font-display); letter-spacing: .08em; box-shadow: 0 7px 24px rgba(78,48,139,.35); }
.preview-tag b { font-size: 8px; }
.web-mock { min-height: 210px; position: relative; padding: 31px 21px 25px; overflow: hidden; background: linear-gradient(128deg,#25243b,#343153 55%,#203b43); }
.web-mock:after { content: ''; position: absolute; top: 20px; right: 15px; width: 98px; height: 142px; border: 1px solid rgba(139,226,228,.6); background: linear-gradient(151deg,rgba(113,229,220,.27),rgba(159,118,236,.17)); transform: skewY(-10deg) rotate(4deg); animation: interface-drift 5.8s ease-in-out infinite alternate; }
.web-headline { position: relative; z-index: 1; max-width: 210px; color: #f6f3ff; font: 600 20px/1.06 var(--font-display); letter-spacing: -.055em; }
.web-headline i { width: 82px; height: 2px; margin-top: 13px; display: block; background: var(--cyan); }
.web-lower { width: 95px; margin-top: 21px; display: flex; flex-direction: column; gap: 4px; }
.web-lower span { height: 2px; background: rgba(255,255,255,.37); }
.web-lower span:nth-child(2) { width: 78%; }
.web-lower span:nth-child(3) { width: 54%; }
.web-rail { position: absolute; right: 21px; bottom: 28px; left: 21px; display: flex; gap: 5px; }
.web-rail i { height: 3px; flex: 1; background: rgba(255,255,255,.19); }
.web-rail i:first-child { background: var(--cyan); }
.interface-preview--ai { background: radial-gradient(ellipse at 50% 51%,rgba(57,169,190,.17),transparent 64%); }
.interface-preview--ai .preview-tag { background: var(--cyan); }
.live-word { color: var(--lime); }
.flow-scene { min-height: 210px; position: relative; padding: 21px 17px; overflow: hidden; background: linear-gradient(130deg,#151f2c,#17272c); }
.flow-rail { position: absolute; top: 50px; left: 26px; width: 73%; height: 1px; background: linear-gradient(90deg,transparent,var(--cyan),var(--lilac),transparent); transform: rotate(-9deg); animation: rail-glow 3s linear infinite; }
.flow-chip { min-width: 118px; padding: 8px 9px; position: absolute; z-index: 1; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(105,220,232,.3); background: rgba(10,15,22,.91); color: #d9e3eb; font: 600 7px var(--font-display); letter-spacing: .07em; }
.flow-chip b { color: var(--cyan); font-size: 8px; }
.flow-chip--a { top: 30px; left: 18px; }
.flow-chip--b { top: 92px; left: 34%; border-color: rgba(175,138,255,.45); }
.flow-chip--c { top: 153px; right: 13px; }
.flow-output { position: absolute; right: 12px; bottom: 10px; left: 12px; color: #94a59f; font: 600 7px var(--font-display); letter-spacing: .09em; }
.flow-output span { color: var(--lime); float: right; }
.interface-preview--studio { background: radial-gradient(ellipse at 51% 47%,rgba(153,82,213,.2),transparent 67%); }
.interface-preview--studio .preview-tag { background: #f29bd4; }
.studio-scene { min-height: 210px; padding: 18px 15px 31px; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; background: linear-gradient(139deg,#221427,#171522); }
.studio-screen { position: relative; min-height: 145px; overflow: hidden; display: grid; place-items: center; background: linear-gradient(148deg,#4d2461,#d077a8 48%,#352754 85%); }
.studio-screen:after { content: ''; position: absolute; inset: 0; background: linear-gradient(103deg,transparent 40%,rgba(255,255,255,.23) 49%,transparent 58%); transform: translateX(-100%); animation: film-sweep 4.5s ease-in-out infinite; }
.studio-screen > span { color: rgba(255,255,255,.87); font: 500 9px var(--font-display); letter-spacing: .13em; text-align: center; }
.studio-screen b { font-size: 29px; }
.timeline { position: relative; min-height: 145px; padding: 12px 3px; }
.timeline-head { display: block; padding-bottom: 13px; color: #9692a7; font: 8px var(--font-display); }
.timeline-row { height: 24px; position: relative; margin-bottom: 6px; border: 1px solid rgba(207,190,232,.19); }
.timeline-row b { width: 38px; height: 100%; position: relative; z-index: 1; display: grid; place-items: center; background: rgba(183,124,255,.68); color: #20172b; font: 600 6px var(--font-display); }
.timeline-row i { width: 34%; position: absolute; top: 0; right: 6px; bottom: 0; background: rgba(218,144,220,.4); }
.timeline-row--audio b { background: rgba(94,198,202,.76); }
.timeline-row--audio i { width: 63%; background: repeating-linear-gradient(90deg,rgba(87,214,213,.56) 0 2px,transparent 2px 6px); }
.playhead { width: 1px; position: absolute; top: 32px; bottom: 2px; left: 44%; background: #fff; box-shadow: 0 0 11px var(--cyan); animation: playhead 4s ease-in-out infinite alternate; }
.interface-preview--secure { background: radial-gradient(ellipse at 52% 48%,rgba(89,193,99,.16),transparent 65%); }
.interface-preview--secure .preview-tag { background: var(--lime); }
.interface-preview--secure .preview-frame { border-color: rgba(160,239,134,.27); }
.secure-scene { min-height: 210px; position: relative; padding: 20px 17px; overflow: hidden; background: linear-gradient(130deg,#111c1c,#131a1b); }
.terminal-head { padding-bottom: 11px; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(171,242,133,.21); color: #718780; font: 600 7px var(--font-display); letter-spacing: .08em; }
.code-line { height: 32px; display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 8px; border-bottom: 1px solid rgba(255,255,255,.055); font: 8px var(--font-display); }
.code-line i { color: #657570; font-style: normal; }
.code-line span { color: #c5d8cf; }
.code-line b { color: var(--lime); font-size: 7px; letter-spacing: .07em; }
.scan-line { height: 1px; position: absolute; top: 60px; right: 7px; left: 7px; background: linear-gradient(90deg,transparent,rgba(171,242,133,.87),transparent); box-shadow: 0 0 12px rgba(171,242,133,.7); animation: security-scan 4.8s ease-in-out infinite alternate; }
.no-script-note { color: var(--cyan); font-size: 11px; }

.approach { position: relative; overflow: hidden; padding-block: 82px 66px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(105deg,#13111c,#0c1319 52%,#10101a); }
.approach:after { content: 'MAKE / USEFUL'; position: absolute; right: -18px; bottom: 7px; color: rgba(194,179,255,.035); font: 700 clamp(65px,14vw,176px)/.9 var(--font-display); letter-spacing: -.09em; white-space: nowrap; pointer-events: none; }
.approach-inner { position: relative; z-index: 1; display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: center; }
.approach-title h2 { margin: 0; font-size: clamp(47px,6.2vw,75px); font-weight: 500; line-height: .99; }
.approach-title h2 span { color: var(--lilac); }
.approach-steps article { padding: 18px 0; display: grid; grid-template-columns: 48px 1fr; gap: 15px; border-top: 1px solid rgba(255,255,255,.12); }
.approach-steps article:last-child { border-bottom: 1px solid rgba(255,255,255,.12); }
.step-number { color: var(--cyan); font: 600 11px var(--font-display); }
.approach-steps h3 { margin: 0 0 5px; font-size: 16px; font-weight: 500; }
.approach-steps p { margin: 0; color: #9da2b0; font-size: 10px; line-height: 1.7; }
.approach-edge { width: min(var(--max),calc(100% - 72px)); margin: 49px auto 0; position: relative; z-index: 1; display: flex; align-items: center; gap: 13px; color: #767c8c; font: 600 7px var(--font-display); letter-spacing: .13em; }
.approach-edge i { width: min(140px,10vw); height: 1px; display: block; background: linear-gradient(90deg,var(--lilac),rgba(105,220,232,.2)); }

.ardi-section { padding-top: 119px; padding-bottom: 125px; }
.ardi-heading { margin-bottom: 42px; display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; }
.ardi-heading h2 { margin: 0; font-size: clamp(54px,7.2vw,88px); font-weight: 500; line-height: .91; }
.ardi-heading h2 span { color: var(--lilac); }
.ardi-heading > p { max-width: 355px; margin: 0 2px 5px 0; color: var(--muted); font-size: 11px; line-height: 1.8; }
.character-carousel { position: relative; }
.carousel-stage { min-height: 536px; position: relative; overflow: hidden; border: 1px solid rgba(222,225,255,.17); background: #121620; }
.persona-slide { min-height: 536px; position: relative; display: grid; grid-template-columns: 1.02fr .98fr; overflow: hidden; background: #121620; animation: persona-enter .58s cubic-bezier(.22,.68,.24,1) both; }
.persona-art { min-width: 0; min-height: 536px; margin: 0; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #080c12; isolation: isolate; }
.persona-art:before { content: ''; position: absolute; z-index: 0; inset: 0; background: radial-gradient(ellipse at 51% 48%,rgba(104,230,161,.18),transparent 57%); }
.art-grid { position: absolute; z-index: 0; inset: 0; opacity: .52; background: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(180deg,#000,transparent 94%); }
.persona-art img { width: 100%; height: 100%; min-height: 536px; position: relative; z-index: 1; object-fit: contain; transition: transform .7s cubic-bezier(.22,.68,.24,1); }
.persona-slide.is-active:hover .persona-art img { transform: scale(1.028); }
.persona-art figcaption { position: absolute; z-index: 2; right: 19px; bottom: 17px; left: 19px; display: flex; align-items: center; gap: 11px; color: #b2b8c5; font: 600 8px var(--font-display); letter-spacing: .12em; }
.persona-art figcaption span:first-child { color: var(--cyan); }
.persona-copy { min-width: 0; position: relative; align-self: center; padding: 58px clamp(25px,5vw,72px); }
.persona-kicker { margin: 0 0 17px; color: var(--cyan); font: 700 9px var(--font-display); letter-spacing: .15em; }
.persona-copy h3 { margin: 0; font-size: clamp(50px,6.2vw,76px); font-weight: 500; line-height: .93; }
.persona-lede { margin: 17px 0 16px; color: #aee98e; font: 500 15px/1.4 var(--font-display); letter-spacing: -.02em; }
.persona-copy > p:not(.persona-kicker):not(.persona-lede) { max-width: 410px; margin: 0; color: #afb4c2; font-size: 11px; line-height: 1.85; }
.persona-link { margin-top: 23px; padding-bottom: 4px; display: inline-flex; align-items: center; gap: 10px; border-bottom: 1px solid rgba(105,220,232,.42); color: #effbfc; font-size: 10px; font-weight: 600; }
.persona-link span { color: var(--cyan); }
.access-label { margin-top: 21px; display: block; color: #a7aabd; font-size: 9px; letter-spacing: .03em; }
.persona-slide--beauty { background: #211721; }
.persona-slide--beauty .persona-art:before { background: radial-gradient(ellipse at 52% 45%,rgba(223,155,182,.23),transparent 58%); }
.persona-slide--beauty .persona-kicker { color: #efb6cb; }
.persona-slide--beauty .persona-lede { color: #edb4c7; }
.persona-slide--beauty .persona-art figcaption span:first-child { color: #f3bed0; }
.persona-slide--beauty .persona-link { border-color: rgba(238,180,201,.42); }
.persona-slide--beauty .persona-link span { color: #f0b7cd; }
.persona-slide--homes { background: #161527; }
.persona-slide--homes .persona-art:before { background: radial-gradient(ellipse at 50% 46%,rgba(139,111,255,.26),transparent 58%); }
.persona-slide--homes .persona-kicker { color: #bfadff; }
.persona-slide--homes .persona-lede { color: #c3b5ff; }
.persona-slide--homes .persona-art figcaption span:first-child { color: #c5b7ff; }
.persona-slide--homes .persona-link { border-color: rgba(186,166,255,.42); }
.persona-slide--homes .persona-link span { color: #c5b7ff; }
.persona-slide--comply { background: #111a26; }
.persona-slide--comply .persona-art:before { background: radial-gradient(ellipse at 50% 45%,rgba(86,158,231,.28),transparent 58%); }
.persona-slide--comply .persona-kicker { color: #7cc4ff; }
.persona-slide--comply .persona-lede { color: #9bccf5; }
.persona-slide--comply .persona-art figcaption span:first-child { color: #7cc4ff; }
.persona-slide--comply .persona-link { border-color: rgba(124,196,255,.42); }
.persona-slide--comply .persona-link span { color: #7cc4ff; }
.carousel-controls { padding: 16px 2px 0; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 25px; row-gap: 17px; }
.carousel-buttons { display: flex; align-items: center; gap: 7px; }
.carousel-arrow { width: 38px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); background: transparent; color: #fff; cursor: pointer; font-size: 16px; transition: background .2s,border-color .2s; }
.carousel-arrow:hover { border-color: var(--cyan); background: rgba(105,220,232,.09); }
.carousel-pause { min-height: 35px; margin-left: 7px; padding: 0 11px; border: 1px solid rgba(255,255,255,.13); background: transparent; color: #b4b8c6; font-size: 8px; cursor: pointer; }
.carousel-pause:hover { color: #fff; border-color: rgba(255,255,255,.35); }
.carousel-pause:disabled { color: #8d91a0; border-color: rgba(255,255,255,.1); cursor: not-allowed; }
.carousel-selectors { display: flex; justify-content: flex-end; gap: 5px; }
.carousel-selectors button { min-height: 36px; padding: 0 11px; border: 1px solid transparent; border-bottom-color: rgba(255,255,255,.14); background: transparent; color: #83899a; font-size: 9px; cursor: pointer; transition: border-color .2s,color .2s,background .2s; }
.carousel-selectors button span { margin-right: 6px; color: #858a9a; font: 8px var(--font-display); }
.carousel-selectors button:hover { color: white; border-color: rgba(255,255,255,.18); }
.carousel-selectors button[aria-selected="true"] { color: #fff; border-bottom-color: var(--lilac); background: rgba(175,138,255,.08); }
.carousel-selectors button[aria-selected="true"] span { color: var(--cyan); }
.carousel-progress { height: 2px; grid-column: 1 / -1; overflow: hidden; background: rgba(255,255,255,.12); }
.carousel-progress span { width: 100%; height: 100%; display: block; background: linear-gradient(90deg,var(--lilac),var(--cyan)); transform: scaleX(0); transform-origin: left center; }
.js-ready .carousel-progress span.is-running { animation: progress var(--duration, 6800ms) linear forwards; }

.learning { display: grid; grid-template-columns: .98fr 1.02fr; gap: 73px; align-items: center; border-top: 1px solid var(--line); }
.learning-visual { min-height: 345px; position: relative; overflow: hidden; background: linear-gradient(139deg,#131a24,#20192d 61%,#18202a); border: 1px solid rgba(255,255,255,.12); }
.learning-visual:before { content: ''; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(135deg,#000,transparent 85%); }
.learning-interface { position: absolute; inset: 16px; padding: 14px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.17); }
.learning-topline, .learning-bottom { display: flex; justify-content: space-between; gap: 12px; color: #98a0b3; font: 600 7px var(--font-display); letter-spacing: .12em; }
.learning-display { flex: 1; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.learning-word { color: #f7f4ff; font: 600 clamp(43px,6vw,76px)/.92 var(--font-display); letter-spacing: -.08em; }
.learning-word--second { align-self: flex-end; color: var(--lilac); }
.learning-line { width: 71%; height: 1px; margin: 17px 0; background: linear-gradient(90deg,var(--cyan),rgba(175,138,255,.05)); transform-origin: left; animation: line-breathe 3.8s ease-in-out infinite alternate; }
.learning-scrub { height: 24px; margin-bottom: 13px; display: flex; align-items: center; gap: 8px; }
.learning-scrub i { height: 2px; flex: 1; background: rgba(255,255,255,.12); }
.learning-scrub i:first-child { background: var(--cyan); }
.learning-scrub b { width: 25%; height: 2px; background: var(--lilac); }
.learning-copy h2 { margin: 0; font-size: clamp(43px,5.4vw,67px); font-weight: 500; line-height: 1; }
.learning-copy h2 span { color: var(--lilac); }
.learning-copy > p:not(.eyebrow) { max-width: 490px; margin: 20px 0 21px; color: var(--muted); font-size: 11px; line-height: 1.85; }
.final-cta { padding-block: 93px 105px; text-align: center; border-top: 1px solid var(--line); background: radial-gradient(ellipse at 50% 115%,rgba(109,78,194,.19),transparent 59%); }
.final-cta h2 { margin: 0; font-size: clamp(51px,7vw,86px); font-weight: 500; line-height: .95; }
.final-cta h2 span { color: var(--lilac); }
.final-cta > p:not(.eyebrow) { margin: 17px 0 23px; color: var(--muted); font-size: 11px; }
.site-footer { border-top: 1px solid var(--line); background: #080a0f; }
.footer-main { min-height: 91px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
  .footer-main .brand img { width: 34px; height: 34px; }
  .footer-main > p { margin: 0; color: #8d93a2; font: 500 10px var(--font-display); }
  .back-top { color: #afb4c2; font-size: 9px; }
.footer-bottom { min-height: 37px; display: flex; justify-content: space-between; align-items: center; gap: 14px; border-top: 1px solid rgba(255,255,255,.08); color: #858a9a; font-size: 7px; letter-spacing: .12em; }

@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes scan-down { 0% { transform: translateY(0); opacity: 0; } 10% { opacity: .85; } 90% { opacity: .65; } 100% { transform: translateY(580px); opacity: 0; } }
@keyframes panel-enter { from { opacity: .35; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes persona-enter { from { opacity: .2; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } }
@keyframes interface-drift { from { transform: skewY(-10deg) rotate(4deg) translateY(0); } to { transform: skewY(-10deg) rotate(4deg) translateY(-8px); } }
@keyframes rail-glow { 50% { opacity: .4; filter: hue-rotate(35deg); } }
@keyframes film-sweep { 35%,100% { transform: translateX(140%); } }
@keyframes playhead { to { left: 86%; } }
@keyframes security-scan { to { transform: translateY(120px); } }
@keyframes line-breathe { to { transform: scaleX(.65); filter: brightness(1.6); } }
@keyframes progress { to { transform: scaleX(1); } }

@media (max-width: 1080px) {
  .section-shell { width: min(var(--max),calc(100% - 48px)); }
  .hero-layout { gap: 28px; }
  .hero h1 { font-size: clamp(62px,8vw,90px); }
  .hero-character { min-height: 440px; }
  .portrait-frame { height: 460px; }
  .capability-lab { grid-template-columns: .7fr 1.3fr; }
  .service-panel { padding: 25px; grid-template-columns: .83fr 1.17fr; gap: 14px; }
  .preview-frame { transform: perspective(950px) rotateY(-4deg) rotateX(1deg); }
  .carousel-selectors button { padding-inline: 8px; }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 75px; }
  .section-shell { width: calc(100% - 38px); }
  .section-pad { padding-block: 78px; }
  .nav-wrap { width: calc(100% - 32px); min-height: 68px; }
  .brand img { width: 35px; height: 35px; }
  .menu-toggle { width: 42px; height: 40px; padding: 9px; display: flex; flex-direction: column; justify-content: center; gap: 6px; border: 1px solid rgba(255,255,255,.22); background: transparent; cursor: pointer; }
  .menu-toggle span { width: 100%; height: 1px; background: #f5f4f9; transition: transform .2s; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .site-nav { position: absolute; top: 67px; left: 0; right: 0; padding: 13px 19px 21px; display: none; flex-direction: column; align-items: stretch; gap: 0; background: rgba(9,11,17,.98); border-bottom: 1px solid var(--line); }
  .site-nav.is-open { display: flex; }
  .site-nav > a:not(.nav-cta) { padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.09); }
  .nav-cta { margin-top: 14px; justify-content: space-between; }
  .hero { min-height: auto; }
  .hero-layout { min-height: auto; padding-block: 49px 55px; grid-template-columns: 1fr; gap: 29px; }
  .hero-copy { padding-block: 0; }
  .hero-kicker { margin-bottom: 19px; font-size: 9px; }
  .hero h1 { font-size: clamp(56px,12.8vw,88px); }
  .hero-lede { max-width: 510px; margin-top: 19px; font-size: 13px; }
  .hero-actions { margin-top: 22px; }
  .hero-languages { margin-top: 25px; }
  .hero-character { width: min(100%,540px); min-height: 0; }
  .portrait-frame { height: min(112vw,590px); min-height: 420px; }
  .hero-bottom { bottom: 13px; font-size: 7px; }
  .hero-bottom > span:nth-child(2) { display: none; }
  .signal-marquee { height: 47px; }
  .marquee-track { gap: 21px; font-size: 8px; }
  .capabilities { padding-block: 78px; }
  .capability-heading { margin-bottom: 29px; }
  .capability-heading h2 { font-size: clamp(44px,10.3vw,70px); }
  .capability-heading > p:last-child { margin-top: 14px; font-size: 11px; }
  .capability-lab { display: flex; flex-direction: column; }
  .service-tabs { padding: 9px 12px 0; display: grid; grid-template-columns: 1fr 1fr; border-right: 0; border-bottom: 1px solid var(--line); }
  .service-tab { min-height: 54px; margin: 0; padding: 7px 4px; grid-template-columns: 23px 1fr 15px; gap: 5px; border-right: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
  .service-tab:nth-child(2n) { border-right: 0; padding-left: 9px; }
  .service-tab:nth-last-child(-n+2) { border-bottom: 0; }
  .service-tab > span:first-child { font-size: 8px; }
  .service-tab > span:nth-child(2) { font-size: 9px; }
  .service-tab b { font-size: 10px; }
  .service-panel { min-height: 0; padding: 23px 18px 20px; grid-template-columns: 1fr; gap: 19px; }
  .service-panel-copy h3 { max-width: 470px; font-size: clamp(31px,7vw,44px); }
  .service-panel-copy > p:not(.panel-index):not(.scope-note) { margin-block: 12px; font-size: 10px; }
  .panel-link { font-size: 9px; }
  .scope-note { font-size: 8px; }
  .interface-preview { min-height: 268px; }
  .preview-frame { min-height: 245px; transform: perspective(950px) rotateY(-2deg); }
  .web-mock, .flow-scene, .studio-scene, .secure-scene { min-height: 190px; }
  .web-mock:after { height: 126px; }
  .approach { padding-block: 65px 53px; }
  .approach-inner { grid-template-columns: 1fr; gap: 30px; }
  .approach-title h2 { font-size: clamp(44px,10vw,64px); }
  .approach-steps article { grid-template-columns: 38px 1fr; padding-block: 14px; }
  .approach-edge { width: calc(100% - 38px); margin-top: 35px; gap: 8px; font-size: 6px; }
  .approach-edge i { width: 8vw; }
  .ardi-section { padding-block: 78px; }
  .ardi-heading { margin-bottom: 27px; align-items: flex-start; flex-direction: column; gap: 13px; }
  .ardi-heading h2 { font-size: clamp(52px,12vw,76px); }
  .ardi-heading > p { max-width: 510px; font-size: 10px; }
  .carousel-stage { min-height: 0; }
  .persona-slide { min-height: 0; grid-template-columns: 1fr; }
  .persona-art { min-height: 0; height: auto; aspect-ratio: 1.08; }
  .persona-art img { min-height: 0; height: 100%; object-fit: contain; }
  .persona-copy { min-height: 284px; padding: 27px 21px 38px; }
  .persona-copy h3 { font-size: clamp(48px,11vw,67px); }
  .persona-lede { margin-block: 13px; font-size: 13px; }
  .persona-copy > p:not(.persona-kicker):not(.persona-lede) { font-size: 10px; }
  .carousel-controls { grid-template-columns: 1fr; gap: 14px; }
  .carousel-buttons { justify-content: space-between; }
  .carousel-selectors { display: grid; grid-template-columns: 1fr 1fr; justify-content: stretch; gap: 4px; }
  .carousel-selectors button { min-height: 39px; text-align: left; font-size: 8px; }
  .carousel-progress { grid-row: 1; }
  .learning { grid-template-columns: 1fr; gap: 29px; }
  .learning-visual { min-height: 280px; }
  .learning-copy h2 { font-size: clamp(42px,10vw,62px); }
  .final-cta { padding-block: 70px 77px; }
  .final-cta h2 { font-size: clamp(48px,11vw,72px); }
  .footer-main { min-height: 81px; flex-wrap: wrap; }
  .footer-main > p { display: none; }
  .footer-bottom { padding-block: 12px; flex-wrap: wrap; font-size: 6px; }
}

@media (max-width: 390px) {
  .section-shell { width: calc(100% - 30px); }
  .nav-wrap { width: calc(100% - 28px); }
  .hero h1 { font-size: 54px; }
  .button { padding-inline: 12px; gap: 9px; font-size: 9px; }
  .hero-character { min-height: 0; }
  .portrait-frame { min-height: 390px; }
  .service-tabs { padding-inline: 7px; }
  .service-tab { grid-template-columns: 19px 1fr 10px; }
  .service-tab:nth-child(2n) { padding-left: 5px; }
  .carousel-selectors button { padding-inline: 7px; }
  .carousel-selectors button span { margin-right: 3px; }
  .footer-bottom { gap: 6px 12px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (max-width: 760px) {
  .service-panel-copy > p:not(.panel-index):not(.scope-note) { font-size: 12px; }
  .approach-steps p { font-size: 11px; }
  .persona-copy > p:not(.persona-kicker):not(.persona-lede) { font-size: 12px; }
  .access-label { font-size: 10px; }
  .learning-copy > p:not(.eyebrow), .final-cta > p:not(.eyebrow) { font-size: 12px; }
  .carousel-selectors button { font-size: 9px; }
}


/* -------------------------------------------------------------------------
   Direct-route pages: shared shell, editorial page headers and page visuals.
   ------------------------------------------------------------------------- */
.site-nav a[aria-current="page"],
.site-nav a[aria-current="location"] { color: var(--cyan); }
.site-nav .nav-cta[aria-current] { color: #fff; }
.site-nav .nav-cta[aria-current]::after { content: " · current"; color: var(--cyan); font-size: 9px; }

.route-main { min-height: 65vh; }
.route-hero { position: relative; overflow: hidden; padding: 26px 0 76px; background: radial-gradient(ellipse at 74% 42%,rgba(104,77,177,.16),transparent 38%),linear-gradient(120deg,#0b0d14,#11121d 64%,#10151e); border-bottom: 1px solid var(--line); }
.route-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .19; background: linear-gradient(rgba(185,194,238,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,194,238,.035) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,transparent,#000 25%,#000 100%); }
.route-hero--cyan { background-image: radial-gradient(ellipse at 76% 42%,rgba(75,194,203,.17),transparent 40%),linear-gradient(120deg,#090e15,#101822 65%,#10171e); }
.route-hero--rose { background-image: radial-gradient(ellipse at 76% 42%,rgba(204,119,173,.16),transparent 40%),linear-gradient(120deg,#110d15,#19131d 65%,#14131b); }
.route-hero--green { background-image: radial-gradient(ellipse at 76% 42%,rgba(111,207,136,.14),transparent 40%),linear-gradient(120deg,#0a1112,#101a1b 65%,#10161a); }
.route-hero--blue { background-image: radial-gradient(ellipse at 76% 42%,rgba(79,153,244,.17),transparent 40%),linear-gradient(120deg,#0a0f16,#111722 65%,#0f1721); }
.route-hero > .section-shell { position: relative; z-index: 1; }
.breadcrumbs { margin: 0 0 33px; color: #848b9d; font-size: 11px; }
.breadcrumbs ol { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 9px; list-style: none; }
.breadcrumbs li + li::before { content: "/"; margin-right: 9px; color: #596071; }
.breadcrumbs a:hover { color: var(--cyan); }
.breadcrumbs [aria-current="page"] { color: #d5d4df; }
.route-hero-grid { min-height: 410px; display: grid; grid-template-columns: 1fr .88fr; align-items: center; gap: 7%; }
.route-hero-copy { padding-block: 22px; }
.route-hero-copy h1 { max-width: 720px; margin: 0; font-size: clamp(48px,6.6vw,86px); font-weight: 500; line-height: .98; letter-spacing: -.075em; }
.route-hero-copy h1 em { color: var(--lilac); font-style: normal; }
.route-lede { max-width: 600px; margin: 23px 0 0; color: #b4b8c6; font-size: 16px; line-height: 1.8; }
.route-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 12px; }
.route-visual { min-height: 350px; position: relative; overflow: hidden; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(210,218,255,.19); background: radial-gradient(ellipse at 54% 51%,rgba(121,97,197,.19),transparent 58%),linear-gradient(142deg,rgba(23,29,42,.94),rgba(14,20,29,.95)); box-shadow: 0 30px 95px rgba(0,0,0,.28); }
.route-visual::before { content: ""; position: absolute; inset: 16px; border: 1px solid rgba(220,225,255,.06); transform: skewY(-5deg); pointer-events: none; }
.route-visual--cyan { background: radial-gradient(ellipse at 52% 50%,rgba(71,196,210,.18),transparent 60%),linear-gradient(142deg,#15202c,#101720); }
.route-visual--rose { background: radial-gradient(ellipse at 52% 50%,rgba(206,119,176,.19),transparent 60%),linear-gradient(142deg,#241923,#14121a); }
.route-visual--green { background: radial-gradient(ellipse at 52% 50%,rgba(114,208,131,.16),transparent 60%),linear-gradient(142deg,#17231e,#11171a); }
.route-visual--blue { background: radial-gradient(ellipse at 52% 50%,rgba(77,151,241,.2),transparent 60%),linear-gradient(142deg,#172031,#101720); }
.route-visual-head,.route-visual-foot { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 10px; color: #949bad; font: 600 8px var(--font-display); letter-spacing: .12em; }
.route-visual-foot { color: #778093; }
.route-visual-screen { position: relative; z-index: 1; width: min(100%,440px); margin: 0 auto; padding: 23px 22px; border: 1px solid rgba(209,218,246,.21); background: rgba(7,11,18,.76); box-shadow: 0 22px 62px rgba(0,0,0,.28); transform: perspective(800px) rotateY(-5deg); animation: interface-drift 6.5s ease-in-out infinite alternate; }
.route-visual-index { margin: 0 0 10px; color: var(--cyan); font: 700 8px var(--font-display); letter-spacing: .15em; }
.route-visual-screen > strong { display: block; color: #f3f2fa; font: 500 clamp(19px,2.5vw,30px)/1.1 var(--font-display); letter-spacing: -.045em; }
.visual-bars { height: 75px; margin-top: 24px; display: flex; align-items: end; gap: 8px; border-bottom: 1px solid rgba(255,255,255,.12); }
.visual-bars i { width: 16%; background: linear-gradient(0deg,rgba(143,109,239,.28),#a887ff); animation: bar-rise 2.8s ease-in-out infinite alternate; }
.visual-bars i:nth-child(1) { height: 40%; }.visual-bars i:nth-child(2) { height: 76%; animation-delay: -.5s; }.visual-bars i:nth-child(3) { height: 55%; animation-delay: -.9s; }.visual-bars i:nth-child(4) { height: 90%; animation-delay: -1.2s; }
.visual-line { margin-top: 20px; display: flex; align-items: center; gap: 12px; color: #8992a5; font: 600 7px var(--font-display); letter-spacing: .1em; }
.visual-line b { height: 1px; flex: 1; background: linear-gradient(90deg,var(--lilac),var(--cyan)); }
.visual-browser { margin-top: 22px; border: 1px solid rgba(255,255,255,.17); background: linear-gradient(142deg,#22243a,#1a3440); }
.visual-browser-top { min-height: 27px; padding: 0 9px; display: flex; align-items: center; gap: 5px; border-bottom: 1px solid rgba(255,255,255,.1); color: #8794a5; font: 600 6px var(--font-display); letter-spacing: .08em; }
.visual-browser-top i { width: 4px; height: 4px; display: inline-block; background: #8391a2; }
.visual-browser-top span { margin-left: auto; }
.visual-browser-main { min-height: 122px; position: relative; padding: 15px; overflow: hidden; color: white; }
.visual-browser-main::after { content: ""; width: 78px; height: 104px; position: absolute; top: 17px; right: 21px; border: 1px solid rgba(105,220,232,.6); background: linear-gradient(140deg,rgba(105,220,232,.2),rgba(175,138,255,.15)); transform: skewY(-10deg); animation: interface-drift 4.8s ease-in-out infinite alternate; }
.visual-browser-main b { display: block; position: relative; z-index: 1; font: 600 15px/1.06 var(--font-display); letter-spacing: -.04em; }
.visual-browser-main > i { width: 56px; height: 2px; margin-top: 7px; display: block; position: relative; z-index: 1; background: var(--cyan); }
.visual-browser-main > i + i { width: 82px; margin-top: 14px; background: rgba(255,255,255,.25); }
.visual-browser-main > span { margin-top: 8px; display: block; position: relative; z-index: 1; color: #a7b5c1; font: 600 6px var(--font-display); letter-spacing: .1em; }
.visual-flow { margin-top: 23px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 8px; }
.visual-flow div { min-height: 64px; padding: 10px 8px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(105,220,232,.33); color: #d8e5ea; font: 600 7px var(--font-display); letter-spacing: .06em; }
.visual-flow b { color: var(--cyan); font-size: 8px; }
.visual-flow > span { width: 14px; height: 1px; background: linear-gradient(90deg,var(--cyan),var(--lilac)); }
.visual-timeline { margin-top: 19px; position: relative; padding: 10px; border: 1px solid rgba(255,255,255,.14); background: linear-gradient(120deg,#251f33,#142932); }
.visual-frame { min-height: 98px; padding: 11px; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(125deg,rgba(176,117,191,.24),rgba(105,220,232,.15)); color: #b2b5c5; font: 600 7px var(--font-display); letter-spacing: .1em; }
.visual-frame b { color: white; font: 600 18px var(--font-display); letter-spacing: -.04em; }
.visual-track { margin-top: 10px; display: flex; gap: 5px; }
.visual-track i { height: 6px; flex: 1; background: rgba(175,138,255,.55); }.visual-track i:nth-child(2) { background: rgba(105,220,232,.5); }
.visual-playhead { height: 108px; width: 1px; position: absolute; left: 37%; bottom: 10px; background: #fff; box-shadow: 0 0 11px var(--cyan); animation: timeline-sweep 4.2s ease-in-out infinite alternate; }
.visual-timeline small { margin-top: 9px; display: block; color: #8f99a9; font: 600 6px var(--font-display); letter-spacing: .1em; }
.visual-checks { margin-top: 24px; }
.visual-checks p { min-height: 34px; margin: 0; display: flex; justify-content: space-between; align-items: center; gap: 15px; border-bottom: 1px solid rgba(255,255,255,.09); color: #c4c9d1; font: 600 7px var(--font-display); letter-spacing: .1em; }
.visual-checks b { color: var(--lime); font-size: 7px; }
.visual-process { margin-top: 17px; }
.visual-process p { min-height: 32px; margin: 0; display: flex; align-items: center; gap: 14px; border-bottom: 1px solid rgba(255,255,255,.1); color: #c5c8d3; font: 600 7px var(--font-display); letter-spacing: .11em; }
.visual-process b { color: var(--lilac); }
.visual-family { min-height: 80px; margin-top: 27px; display: flex; align-items: center; justify-content: space-between; gap: 7px; color: white; font: 600 8px var(--font-display); letter-spacing: .12em; }
.visual-family i { height: 1px; flex: 1; background: linear-gradient(90deg,var(--lilac),var(--cyan)); }
.visual-family span:nth-of-type(2) { color: #e8bacf; }.visual-family span:nth-of-type(3) { color: #aaa0ff; }.visual-family span:nth-of-type(4) { color: #7ebcff; }
.visual-training { margin-top: 20px; }
.visual-training p { min-height: 30px; margin: 0; display: grid; grid-template-columns: 55px 1fr 55px; align-items: center; gap: 7px; border-bottom: 1px solid rgba(255,255,255,.09); color: #cbd3db; font: 600 7px var(--font-display); letter-spacing: .08em; }
.visual-training b { color: var(--cyan); }.visual-training i { height: 2px; background: linear-gradient(90deg,var(--lilac),var(--cyan)); }
.route-mascot-frame { min-height: 355px; margin: 0; position: relative; overflow: hidden; display: grid; place-items: center; border: 1px solid rgba(222,227,255,.16); background: radial-gradient(ellipse at 50% 56%,rgba(175,138,255,.16),transparent 59%),#080b11; box-shadow: 0 30px 90px rgba(0,0,0,.3); }
.route-mascot-frame--rose { background: radial-gradient(ellipse at 50% 55%,rgba(210,151,173,.2),transparent 61%),#100c12; }
.route-mascot-frame--green { background: radial-gradient(ellipse at 50% 55%,rgba(97,213,119,.18),transparent 61%),#09100e; }
.route-mascot-frame--blue { background: radial-gradient(ellipse at 50% 55%,rgba(68,151,247,.2),transparent 61%),#080e15; }
.route-mascot-frame img { width: 100%; height: 100%; min-height: 355px; max-height: 500px; position: relative; z-index: 1; object-fit: contain; }
.route-image-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(187,202,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(187,202,255,.1) 1px,transparent 1px); background-size: 34px 34px; mask-image: radial-gradient(ellipse,#000 20%,transparent 78%); }
.route-mascot-frame figcaption { position: absolute; z-index: 2; right: 15px; bottom: 13px; left: 15px; display: flex; justify-content: space-between; gap: 12px; color: #a5abbb; font: 600 7px var(--font-display); letter-spacing: .11em; }
.route-section { scroll-margin-top: 100px; }
.route-section-heading { max-width: 780px; margin-bottom: 46px; }
.route-section-heading h2 { margin: 0; font-size: clamp(38px,5.4vw,66px); font-weight: 500; line-height: 1.01; }
.route-section-heading > p:last-child { max-width: 640px; margin: 19px 0 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.route-service-list { border-top: 1px solid var(--line); }
.route-service-row { min-height: 155px; padding: 29px 0; display: grid; grid-template-columns: 120px 1fr 220px; align-items: center; gap: 24px; border-bottom: 1px solid var(--line); transition: padding .28s ease,background .28s ease; }
.route-service-row:hover { padding-inline: 15px; background: rgba(255,255,255,.025); }
.route-number { color: var(--cyan); font: 700 9px var(--font-display); letter-spacing: .13em; }
.route-service-row h3 { margin: 0; font-size: clamp(24px,3vw,38px); font-weight: 500; }
.route-service-row p { max-width: 620px; margin: 9px 0 0; color: #aeb3c1; font-size: 14px; line-height: 1.7; }
.text-link { display: inline-flex; align-items: center; gap: 12px; color: #f2efff; font-size: 12px; font-weight: 600; }
.text-link span { color: var(--cyan); }
.text-link:hover { color: var(--cyan); }
.route-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.route-feature-grid article { min-height: 190px; padding: 25px 25px 26px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(145deg,rgba(255,255,255,.025),transparent); transition: background .22s ease,transform .22s ease; }
.route-feature-grid article:hover { background: rgba(175,138,255,.07); transform: translateY(-2px); }
.route-feature-grid h3 { margin: 23px 0 7px; font-size: 20px; font-weight: 500; letter-spacing: -.04em; }
.route-feature-grid p { margin: 0; color: #afb4c2; font-size: 14px; line-height: 1.7; }
.route-band { margin-block: 0 100px; padding: clamp(28px,5vw,64px); position: relative; overflow: hidden; border: 1px solid rgba(175,138,255,.24); background: radial-gradient(ellipse at 78% 25%,rgba(175,138,255,.14),transparent 43%),linear-gradient(125deg,#111520,#12121c); }
.route-band h2,.route-band h3 { max-width: 760px; margin: 0; font-size: clamp(32px,5vw,58px); font-weight: 500; line-height: 1.03; }
.route-band h3 { font-size: clamp(25px,3vw,38px); }
.route-band > p:not(.eyebrow) { max-width: 720px; margin: 17px 0 23px; color: #b8bdca; font-size: 15px; line-height: 1.8; }
.route-band--guardrail { border-color: rgba(114,205,137,.28); background: radial-gradient(ellipse at 78% 25%,rgba(105,220,160,.1),transparent 43%),linear-gradient(125deg,#111915,#11151a); }
.route-band--guardrail .eyebrow { color: var(--lime); }
.route-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--line); }
.route-steps article { min-height: 214px; padding: 24px 23px 0 0; }
.route-steps article + article { padding-left: 23px; border-left: 1px solid var(--line); }
.route-steps h3 { margin: 25px 0 10px; font-size: 23px; font-weight: 500; }
.route-steps p { margin: 0; color: #adb2c1; font-size: 14px; line-height: 1.75; }
.route-steps--course article { min-height: 260px; }
.route-split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.route-split article { padding: 26px 30px 30px 0; }
.route-split article + article { padding-left: 30px; border-left: 1px solid var(--line); }
.route-split h3 { margin: 24px 0 9px; font-size: 26px; font-weight: 500; }
.route-split p { color: #afb4c2; font-size: 14px; line-height: 1.8; }
.route-split .text-link { margin-top: 7px; }
.ardi-directory { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.ardi-directory-card { min-height: 410px; padding: 25px; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--line); background: radial-gradient(ellipse at 50% 35%,rgba(87,208,139,.11),transparent 52%),#11151a; transition: border-color .2s ease,transform .2s ease; }
.ardi-directory-card:hover { border-color: rgba(175,138,255,.6); transform: translateY(-3px); }
.ardi-directory-card img { width: 100%; height: 235px; margin-bottom: 22px; object-fit: contain; object-position: center; mix-blend-mode: screen; }
.ardi-directory-card h3 { margin: 9px 0 5px; font-size: 32px; font-weight: 500; }
.ardi-directory-card p { max-width: 420px; margin: 0 0 15px; color: #adb2c1; font-size: 14px; line-height: 1.7; }
.ardi-directory-card .text-link { margin-top: auto; }
.ardi-directory-card--beauty { background: radial-gradient(ellipse at 50% 34%,rgba(229,160,190,.16),transparent 52%),#171219; }
.ardi-directory-card--homes { background: radial-gradient(ellipse at 50% 34%,rgba(154,118,248,.17),transparent 52%),#12111c; }
.ardi-directory-card--comply { background: radial-gradient(ellipse at 50% 34%,rgba(79,150,255,.15),transparent 52%),#10141b; }
.page-access-note { margin: 32px 0 0; padding: 16px 19px; border-left: 2px solid var(--cyan); background: rgba(105,220,232,.045); color: #b8bfca; font-size: 13px; line-height: 1.7; }
.route-section + .route-section { padding-top: 0; }
.site-footer .footer-bottom nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.site-footer .footer-bottom nav a { color: #a9aeba; }
.site-footer .footer-bottom nav a:hover { color: var(--cyan); }
@keyframes bar-rise { from { transform: scaleY(.72); transform-origin: bottom; } to { transform: scaleY(1); transform-origin: bottom; } }
@keyframes timeline-sweep { from { left: 22%; } to { left: 78%; } }

@media (max-width: 900px) {
  .route-hero-grid { grid-template-columns: 1fr .86fr; gap: 4%; }
  .route-visual,.route-mascot-frame { min-height: 310px; }
  .route-mascot-frame img { min-height: 310px; }
  .route-service-row { grid-template-columns: 88px 1fr 180px; gap: 16px; }
  .route-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .route-hero { padding-top: 18px; padding-bottom: 42px; }
  .breadcrumbs { margin-bottom: 24px; font-size: 10px; }
  .route-hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .route-hero-copy { padding-block: 10px 0; }
  .route-hero-copy h1 { max-width: 620px; font-size: clamp(44px,11vw,64px); }
  .route-lede { margin-top: 17px; font-size: 15px; }
  .route-hero-art { width: min(100%,560px); margin-inline: auto; }
  .route-visual { min-height: 300px; }
  .route-mascot-frame,.route-mascot-frame img { min-height: 320px; }
  .route-section { padding-top: 77px; padding-bottom: 78px; }
  .route-section-heading { margin-bottom: 31px; }
  .route-section-heading h2 { font-size: clamp(35px,9vw,54px); }
  .route-section-heading > p:last-child { font-size: 14px; }
  .route-service-row { min-height: 0; padding: 23px 0; grid-template-columns: 1fr; gap: 9px; }
  .route-service-row:hover { padding-inline: 8px; }
  .route-service-row h3 { font-size: 26px; }
  .route-service-row p { font-size: 14px; }
  .route-service-row .text-link { margin-top: 6px; }
  .route-feature-grid { grid-template-columns: 1fr; }
  .route-feature-grid article { min-height: 0; padding: 21px; }
  .route-feature-grid h3 { margin-top: 15px; }
  .route-band { margin-bottom: 62px; }
  .route-steps { grid-template-columns: 1fr; }
  .route-steps article,.route-steps article + article { min-height: 0; padding: 22px 0; border-left: 0; border-bottom: 1px solid var(--line); }
  .route-steps article:last-child { border-bottom: 0; }
  .route-steps h3 { margin: 11px 0 7px; }
  .route-split { grid-template-columns: 1fr; }
  .route-split article,.route-split article + article { padding: 22px 0; border-left: 0; }
  .route-split article + article { border-top: 1px solid var(--line); }
  .route-split h3 { margin-top: 12px; }
  .ardi-directory { grid-template-columns: 1fr; gap: 13px; }
  .ardi-directory-card { min-height: 370px; padding: 20px; }
  .ardi-directory-card img { height: 210px; margin-bottom: 14px; }
  .site-footer .footer-bottom { align-items: flex-start; }
  .site-footer .footer-bottom nav { justify-content: flex-start; }
}
@media (max-width: 420px) {
  .route-actions { gap: 9px; }
  .route-actions .button { width: 100%; justify-content: space-between; }
  .route-visual { min-height: 278px; padding: 15px; }
  .route-visual-screen { padding: 16px; }
  .visual-flow { gap: 4px; }
  .visual-flow div { min-height: 58px; padding: 8px 5px; font-size: 6px; }
  .route-mascot-frame,.route-mascot-frame img { min-height: 285px; }
}


/* Secondary link beside the Ardi Sec app action. */
.persona-text-link {
  margin: 23px 0 0 15px;
  padding-bottom: 4px;
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid rgba(183, 193, 206, .36);
  color: #b7c1ce;
  font-size: 10px;
  font-weight: 600;
  transition: color .2s ease, border-color .2s ease;
}
.persona-text-link:hover,
.persona-text-link:focus-visible {
  color: #fff;
  border-color: var(--cyan);
}

/* === editorial.css === */
/* Shared editorial design, inspired by the supplied Hazel Demo 19 reference. */
:root{--bg:#fff;--bg-2:#f6f4fa;--panel:#f6f4fa;--line:#e0dce9;--text:#191622;--muted:#666172;--muted-2:#797384;--lilac:#af8aff;--lilac-2:#855dff;--cyan:#69dce8;--lime:#69dce8;--font-display:'DM Sans',Arial,sans-serif;--max:1320px}
body{background:#fff;color:var(--text)}
h1,h2,h3{letter-spacing:-.055em;font-weight:500}h2 span{font-family:Georgia,serif;font-weight:400;color:inherit!important}em{font-family:Georgia,serif;font-weight:400}::selection{background:#af8aff;color:#191622}:focus-visible{outline-color:#855dff}
.section-shell{width:min(var(--max),calc(100% - 96px))}.section-pad{padding-block:120px}.eyebrow{color:#62586f;font-size:11px;letter-spacing:.13em}
.site-header{background:#090b11;color:#fff;border-color:#292537;backdrop-filter:none}.nav-wrap{min-height:92px;width:calc(100% - 96px);max-width:1500px}.brand{font-size:19px;font-weight:500;letter-spacing:.1em}.brand img{width:32px;height:32px}.site-nav{font-size:12px;gap:30px;color:#fff}.nav-cta{border-color:#af8aff;border-radius:3px;background:#af8aff;color:#111}.nav-cta span{color:inherit}.nav-cta:hover{background:#c6adff}
.hero{min-height:calc(100svh - 92px);background:#0e101b;color:#fff;display:flex;align-items:center;isolation:isolate}.hero:before{display:none}.editorial-hero{position:relative;z-index:2;padding-block:95px 100px}.hero-kicker{font-size:11px;color:#c8c4d7;letter-spacing:.16em;margin-bottom:36px}.hero h1{font-size:clamp(70px,8.8vw,138px);line-height:.98;font-weight:400;letter-spacing:-.07em;max-width:1000px}.hero h1 em{font-style:normal}.hero h1 span{color:#af8aff;font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.editorial-hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:40px}.editorial-hero-bottom p{font-size:15px;line-height:1.8;color:#c2bfd1;margin:0}.round-link{width:76px;height:76px;border:1px solid #81798f;border-radius:50%;display:grid;place-items:center;font-size:38px;transition:background .2s,color .2s}.round-link:hover{background:#af8aff;color:#111}.hero-bottom{color:#bcb5cf;font-size:9px;bottom:23px}.hero-bottom>span:first-child{color:#bcb5cf}.editorial-orbit{position:absolute;border-radius:50%;pointer-events:none;z-index:0;transform:rotate(-28deg);box-shadow:inset 0 0 50px #8a70c333,0 0 12px #000;border:55px solid #080a12}.orbit-one{width:115vw;height:58vw;right:-50vw;top:-22vw;background:linear-gradient(120deg,#32264d,#101b29);border-bottom-color:#62518b}.orbit-two{width:140vw;height:58vw;left:-60vw;bottom:-45vw;border-width:70px;border-top-color:#446b7a}.intro-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:55px}.intro-top p{font-size:11px;margin:0}.intro-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:center}.intro-grid h2{font-size:clamp(40px,5.4vw,80px);line-height:1.05;margin:0}.intro-grid>div>p{font-size:17px;color:var(--muted);line-height:1.9}.button{font-size:11px;min-height:50px;padding:15px 22px;border-radius:3px;letter-spacing:.03em}.button-bright{background:#af8aff;color:#1b1429}.button-bright:hover{background:#c6adff}.button-quiet{border-color:currentColor;color:inherit}.intro-values{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:90px}.intro-values article{border-top:1px solid var(--line);padding-top:25px}.intro-values span{font-size:10px;letter-spacing:.1em}.intro-values h3{font-size:25px;margin:25px 0 12px}.intro-values p{font-size:14px;color:var(--muted);max-width:310px}
.capabilities{border-top:1px solid var(--line)}.capability-heading{max-width:900px}.capability-heading h2{font-size:clamp(44px,6vw,86px);line-height:1.02}.capability-heading>p:last-child{font-size:15px;color:var(--muted)}.capability-lab{border:0;background:#f5f3fa;box-shadow:none;border-radius:12px;overflow:hidden;grid-template-columns:.85fr 1.5fr}.service-tabs{padding:22px;border-color:#ddd7e7;gap:10px}.service-tab{border:1px solid #ddd7e7!important;border-radius:9px;margin:0;padding:22px 15px;min-height:85px;color:#62596e}.service-tab>span:nth-child(2){font-size:16px}.service-tab>span:first-child,.service-tab b{color:#665b73}.service-tab.is-active,.service-tab:hover{background:#af8aff;color:#20162f}.service-tab.is-active>span:first-child,.service-tab.is-active b{color:#20162f}.service-panel{padding:35px;gap:22px}.service-panel-copy h3{font-size:34px}.panel-index{color:#69577e}.service-panel-copy>p:not(.panel-index):not(.scope-note){color:#675e73;font-size:14px}.panel-link{color:#191622;border-color:#857493;font-size:12px}.panel-link span{color:inherit}.scope-note{color:#5f4778}.interface-preview{border-radius:8px;background:#151525}.preview-frame{transform:none}.preview-top,.preview-caption{color:#c9c0d8}.approach{background:#11101c;color:#fff;border:0;padding-block:110px}.approach-title h2{font-size:clamp(44px,5.5vw,78px)}.approach-title h2 span{color:#af8aff!important}.approach .eyebrow{color:#c8bbdc}.approach-steps h3{font-size:22px}.approach-steps p{font-size:14px;color:#c0b7cf}.approach-edge{font-size:9px;color:#c7bed6}.approach:after{display:none}.step-number{color:#af8aff}
.ardi-heading h2{font-size:clamp(42px,5vw,72px);line-height:1.06}.ardi-heading>p{color:var(--muted);font-size:14px}.character-carousel{border:0;border-radius:12px;overflow:hidden}.persona-slide{background:#f3f0f8;color:#191622}.persona-art{background:#0d101a}.persona-copy{padding:50px}.persona-kicker,.persona-slide .persona-kicker{color:#6c5485}.persona-slide .persona-lede{color:#695080;font-size:19px}.persona-copy>p:not(.persona-kicker):not(.persona-lede){color:#696071;font-size:14px}.persona-link,.persona-text-link{color:#191622;border-color:#887199;font-size:12px}.persona-link span{color:inherit}.carousel-controls{background:#fff;border-color:#ddd7e7}.carousel-arrow,.carousel-pause,.carousel-selectors button{color:#30263e;border-color:#d3c9de}.carousel-selectors button[aria-selected=true]{color:#493166;background:#eee5fc}.access-label{color:#6b5a7b}.learning{gap:8%}.learning-copy>p:not(.eyebrow){font-size:15px}.learning-copy h2{font-size:clamp(40px,5vw,68px)}.learning-visual{border:0;border-radius:12px;background:#181326}.learning-topline,.learning-bottom{color:#cdbce3}.final-cta{background:#af8aff;border:0;border-radius:14px;padding:100px 30px;margin-bottom:100px}.final-cta h2{font-size:clamp(50px,7vw,100px);font-weight:400}.final-cta>p:not(.eyebrow){color:#3e2c58;font-size:15px}.final-cta .button{background:#171024;color:#fff}.site-footer{background:#0e0c17;color:#fff;border:0}.footer-main{min-height:150px}.footer-main>p{font-size:13px;color:#c9bfd7}.footer-bottom{padding-block:22px;font-size:9px;color:#c2b6d1}
.route-hero{background:#121020!important;color:#fff;padding-bottom:85px}.route-hero:after{display:none}.route-hero .eyebrow{color:#af8aff}.route-hero-copy h1{font-weight:400;letter-spacing:-.05em}.route-lede{color:#c9c0d7}.route-visual,.route-mascot-frame{border-radius:12px;box-shadow:none;border-color:#49365f}.route-visual-screen{transform:none;animation:none}.route-number{color:#6c4d90}.route-service-row p,.route-feature-grid p,.route-steps p,.route-split p{color:#6b6176}.route-feature-grid{gap:20px;border:0}.route-feature-grid article{border:1px solid #e2dbe9;border-radius:10px;background:#f7f4fa}.route-band{background:#f0eafa;border:0;border-radius:12px}.route-band>p:not(.eyebrow){color:#6d5d7e}.route-band .eyebrow{color:#644684}.text-link{color:#49315f}.route-service-row .text-link{color:#49315f}.route-steps article+article{border-color:var(--line)}.breadcrumbs{color:#c6b8d7}.route-product-card{background:#f5f0fa;color:#191622}
@media(min-width:1600px){.editorial-hero{padding-block:130px}.hero h1{font-size:150px}}
@media(max-width:900px){.section-shell{width:calc(100% - 48px)}.nav-wrap{width:calc(100% - 48px)}.site-nav{background:#11101d;color:#fff}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-values{gap:25px}.capability-lab{grid-template-columns:1fr}.service-tabs{border:0;display:grid;grid-template-columns:1fr 1fr}.service-panel{min-height:400px}.hero h1{font-size:clamp(60px,11vw,105px)}.hero{min-height:750px}.editorial-hero{padding-block:85px 110px}.intro-values h3{font-size:21px}.persona-copy{padding:35px}.section-pad{padding-block:85px}}
@media(max-width:600px){.section-shell,.nav-wrap{width:calc(100% - 40px)}.nav-wrap{min-height:76px}.site-nav.is-open{background:#11101d}.brand{font-size:16px}.menu-toggle span{background:#fff}.hero{min-height:690px}.hero h1{font-size:clamp(52px,12.7vw,76px);line-height:1.04}.hero-kicker{font-size:9px;line-height:1.7}.editorial-hero{padding-top:60px;padding-bottom:100px}.editorial-hero-bottom{gap:20px;align-items:center}.editorial-hero-bottom p{font-size:12px;max-width:240px}.round-link{flex-shrink:0;width:52px;height:52px;font-size:28px}.hero-bottom{font-size:7px}.orbit-one{width:240vw;height:150vw;right:-160vw;top:-40vw;border-width:35px}.orbit-two{width:250vw;height:140vw;bottom:-105vw;left:-130vw;border-width:40px}.intro-top{display:block;margin-bottom:35px}.intro-top p+p{margin-top:12px;color:#7d708a}.intro-grid h2{font-size:42px}.intro-grid>div>p{font-size:15px}.intro-values{grid-template-columns:1fr;margin-top:50px;gap:30px}.intro-values h3{margin-top:15px;font-size:26px}.intro-values p{max-width:none}.service-tabs{grid-template-columns:1fr;padding:14px}.service-tab{min-height:65px;padding:15px}.service-panel{grid-template-columns:1fr;padding:24px}.service-panel-copy h3{font-size:32px}.interface-preview{min-height:290px}.approach{padding-block:75px}.approach-steps h3{font-size:20px}.approach-steps p{font-size:13px}.persona-copy{padding:30px 24px}.persona-art,.persona-art img{min-height:350px}.carousel-selectors button{font-size:10px}.final-cta{padding:65px 22px;margin-bottom:65px}.footer-bottom{font-size:8px}.route-feature-grid{grid-template-columns:1fr}.route-hero-copy h1{font-size:46px}.section-pad{padding-block:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.ardi-directory-card{background:#f4f0fa;border-radius:12px;border:0;color:#191622}.ardi-directory-card p{color:#6b5c7a}.page-access-note{color:#675677;background:#f3edfc}.persona-text-link:hover,.persona-text-link:focus-visible{color:#664288}.text-link:hover{color:#65428c}

/* Omnelia brand accents: lilac for actions, cyan for supporting highlights. */
.hero h1 span{color:var(--cyan)}.round-link:hover{background:var(--cyan)}.step-number,.route-hero .eyebrow{color:var(--cyan)}.final-cta{background:linear-gradient(115deg,#c5a9ff,#9ddce9)}.learning-word--second{color:var(--cyan)}

/* === reference-match.css === */
@font-face{font-family:Satoshi;src:url('assets/reference/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Satoshi;src:url('assets/reference/Satoshi-Bold.woff2') format('woff2');font-weight:500 900;font-display:swap}@font-face{font-family:Zodiak;src:url('assets/reference/Zodiak-Light.woff2') format('woff2');font-weight:300;font-display:swap}
:root{--font-body:Satoshi,Arial,sans-serif;--font-display:Satoshi,Arial,sans-serif;--brand-lilac:#af8aff;--brand-cyan:#69dce8}body{font-family:var(--font-body)}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(10,10,15,.95);border:0}.matched-home .site-header{background:linear-gradient(#05050999,transparent)}.nav-wrap{min-height:90px;max-width:none;width:calc(100% - 56px)}.brand{font-family:Satoshi,sans-serif;letter-spacing:.05em;font-size:22px;font-weight:500;color:#fff}.brand img{width:32px;height:32px}.header-actions{display:flex;align-items:center;gap:55px}.header-hello{font-size:14px;letter-spacing:.08em;color:var(--brand-lilac);font-weight:700}.header-hello span{margin-left:6px}.menu-toggle{display:flex!important;flex-direction:column;justify-content:center;gap:5px;width:32px;height:38px;background:none;border:0;padding:3px;cursor:pointer;z-index:102}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:0;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.site-nav{display:none;position:fixed;inset:90px 0 0;background:#0c0b14;color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:35px;overflow-y:auto;max-height:none;box-shadow:none}.site-nav.is-open{display:flex}.site-nav>a{font-size:clamp(28px,4vw,60px);font-weight:400;line-height:1.4}.site-nav>a:hover{color:var(--brand-cyan)!important}.route-main{padding-top:90px}
.reference-home{background:#fff;color:#0c0c0f}.reference-home h1,.reference-home h2,.reference-home h3{font-family:Satoshi,sans-serif;font-weight:500;letter-spacing:-.055em}.reference-home em{font-family:Zodiak,Georgia,serif;font-style:normal;font-weight:300;letter-spacing:-.055em}.match-shell{width:min(1240px,calc(100% - 120px));margin-inline:auto}.match-hero{height:100svh;min-height:650px;position:relative;isolation:isolate;display:grid;place-items:center;background:#030405;color:#fff;overflow:hidden}.match-hero-image{position:absolute;inset:0;z-index:-2;background:url('assets/reference/shubham-dhage-l1xJB5sN1ew-unsplash.jpg') center/cover no-repeat;filter:hue-rotate(55deg) saturate(.75)}.match-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#09061733,transparent 60%),linear-gradient(0deg,#0007,transparent 25%)}.match-hero-content{text-align:center;width:100%;padding:0 45px 25px}.match-hero h1{font-size:clamp(60px,10.7vw,160px);line-height:.93;letter-spacing:-.05em;font-weight:500;margin:0 auto 75px;max-width:1350px}.match-hero h1 em{letter-spacing:-.065em}.match-hero-content>p{color:var(--brand-cyan);font-size:24px;line-height:1.35;margin:0}.match-hero-location{position:absolute;bottom:35px;left:40px;border-left:1px solid #fff;padding-left:11px;font-size:14px;line-height:1.5}.match-scroll{position:absolute;right:35px;bottom:40px;width:36px;height:36px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:25px}.hero-fine-lines{position:absolute;pointer-events:none;inset:-30% -20% -30% 65%;z-index:-1;border-left:1px solid #af8aff80;border-right:1px solid #69dce84d;transform:rotate(-30deg)}
.match-features{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;padding-block:120px}.feature-icon{display:block;color:var(--brand-lilac);font-size:72px;line-height:1;margin-bottom:30px}.match-features h2{font-size:18px;letter-spacing:-.02em;margin:0 0 16px}.match-features p{font-size:16px;line-height:1.8;color:#727276;max-width:340px;margin:0}.match-about{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;padding-block:55px 70px}.match-about-art{height:670px;position:relative}.match-about-art img{width:100%;height:100%;object-fit:cover;border-radius:8px}.art-seal{position:absolute;bottom:15%;right:-45px;font-size:120px;color:var(--brand-cyan);line-height:1}.match-about h2{font-size:80px;line-height:1.12;margin:0 0 40px;letter-spacing:-.06em}.about-inset{margin-left:90px;max-width:410px}.about-inset p{font-size:17px;line-height:1.9;color:#77777a;margin-bottom:35px}.about-inset strong{color:#141417;font-weight:500}.match-button{background:var(--brand-lilac);color:#13101b;display:inline-flex;align-items:center;gap:24px;padding:17px 23px;border-radius:3px;font-size:13px;font-weight:700;letter-spacing:.03em;transition:background .2s,transform .2s}.match-button span{font-size:19px;line-height:1}.match-button:hover{background:var(--brand-cyan);transform:translateY(-2px)}.match-values{padding-block:80px 140px;display:grid;grid-template-columns:repeat(3,1fr);gap:85px}.match-values article>span{font-size:80px;line-height:1.1;color:transparent;-webkit-text-stroke:1px #d6d4db;font-weight:700;letter-spacing:-.06em}.match-values h2{font-size:18px;letter-spacing:0;margin:20px 0 15px}.match-values p{color:#77777a;font-size:16px;line-height:1.8;margin:0}.match-family{display:grid;grid-template-columns:.8fr 1.6fr;gap:65px;padding-bottom:140px}.match-label{border:1px solid currentColor;padding:5px 12px;border-radius:20px;display:inline-block;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.02em;margin:0 0 25px}.reference-home .match-family h2{font-size:65px;line-height:1.12;margin:0 0 30px}.family-intro>p:not(.match-label){color:#77777a;line-height:1.8;font-size:16px;margin-bottom:30px}.family-portraits{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.family-portraits>a:nth-child(even){transform:translateY(55px)}.family-portraits img{width:100%;height:300px;object-fit:cover;border-radius:6px;filter:saturate(.8)}.family-portraits h3{font-size:15px;letter-spacing:0;margin:18px 0 3px}.family-portraits p{font-size:13px;color:#77777a;margin:0}.match-impact{background:#101016;color:#fff;text-align:center;padding:125px 0}.match-impact>.match-shell>p{font-size:11px;letter-spacing:.15em;color:#c6c1d0}.match-impact h2{font-size:70px;line-height:1.1;margin:30px 0 65px}.impact-points{display:flex;justify-content:center;gap:130px}.impact-points strong{display:block;font-size:80px;font-weight:400;letter-spacing:-.06em;color:var(--brand-cyan);line-height:1.2}.impact-points span{font-size:10px;letter-spacing:.1em;color:#c9c5cf}.match-services{padding-block:140px}.match-section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;margin-bottom:65px}.match-section-heading h2{font-size:64px;line-height:1.12;margin:0}.match-section-heading>div>p:not(.match-label){font-size:17px;line-height:1.8;color:#77777a;margin:0 0 30px}.match-service{border:1px solid #dedde1;border-radius:14px;margin-bottom:15px;overflow:hidden}.match-service:nth-child(2){margin-left:60px}.match-service:nth-child(3){margin-left:15px;margin-right:35px}.match-service:nth-child(4){margin-left:75px}.match-service summary{list-style:none;display:flex;align-items:center;min-height:145px;padding:20px 35px;gap:15px;cursor:pointer}.match-service summary::-webkit-details-marker{display:none}.service-count{font-size:22px;align-self:flex-start;margin-top:15px}.match-service h3{font-size:clamp(28px,4.2vw,58px);margin:0;flex:1}.service-thumb{width:175px;height:95px;display:grid;place-items:center;background:linear-gradient(135deg,#211832,#7894af);color:#c6b0f2;font-size:65px;border-radius:12px}.match-service:nth-child(2) .service-thumb{background:linear-gradient(135deg,#bda4ed,#232b45);color:#b7eaf3}.match-service:nth-child(3) .service-thumb{background:linear-gradient(135deg,#28434c,#ad91da)}.match-service:nth-child(4) .service-thumb{background:linear-gradient(135deg,#181525,#405865)}.service-plus{font-size:28px;margin-left:15px}.match-service[open] .service-plus{transform:rotate(45deg)}.service-description{padding:0 45px 30px 85px;max-width:800px}.service-description p{font-size:17px;line-height:1.8;color:#77777a}.service-description a{font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:5px}.match-purpose{padding:125px 0;background:#101016;color:#fff}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.purpose-symbol{font-size:440px;line-height:1;color:var(--brand-lilac);text-align:center;filter:drop-shadow(20px 20px 0 #34334a);max-width:100%;overflow:hidden}.match-purpose h2{font-size:70px;line-height:1.1;margin:0 0 25px}.match-purpose p{font-size:17px;line-height:1.8;color:#c6c1ce}.match-purpose ul{list-style:none;padding:0;margin:25px 0 35px}.match-purpose li{font-size:17px;border-bottom:1px solid #ffffff20;padding:15px 0}.match-purpose li:before{content:'↗';color:var(--brand-cyan);margin-right:15px}.match-training{padding-block:140px}.training-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.topic-art{height:260px;border-radius:8px;background:#e6def5;display:grid;place-items:center;font-size:130px;font-family:Zodiak,serif;position:relative;color:#4b386b}.topic-art span{position:absolute;bottom:15px;left:18px;font:12px Satoshi,sans-serif}.training-topics>a:nth-child(2) .topic-art{background:#d5eaf0;color:#264853}.training-topics>a:nth-child(3) .topic-art{background:#242134;color:#b59bdf}.training-topics h3{font-size:24px;line-height:1.3;margin:22px 0 0}.match-final{background:#101016;padding:120px 0;text-align:center;color:#fff}.match-final h2{font-size:90px;line-height:1.1;margin:0 0 30px}.match-final p{font-size:17px;color:#c6c1ce;margin-bottom:35px}.match-footer{padding:80px 0 40px;background:#101016;color:#fff;text-align:center;border-top:1px solid #ffffff15}.match-footer .brand{justify-content:center}.match-footer nav{display:flex;justify-content:center;gap:25px;font-size:11px;margin:35px 0 25px}.match-footer p{font-size:12px;color:#9993a6}.footer-top{display:inline-grid;place-items:center;width:35px;height:35px;border:1px solid #9993a6;border-radius:50%;margin-top:20px}
@media(max-width:1100px){.match-about{gap:50px}.match-about h2{font-size:60px}.about-inset{margin-left:25px}.match-about-art{height:580px}.match-section-heading h2{font-size:52px}.match-family{gap:35px}.reference-home .match-family h2{font-size:50px}.family-portraits img{height:250px}.purpose-symbol{font-size:300px}.purpose-grid{gap:65px}.match-purpose h2{font-size:60px}}
@media(max-width:767px){.nav-wrap{width:calc(100% - 40px);min-height:76px}.brand{font-size:17px}.brand img{width:27px;height:27px}.header-actions{gap:22px}.header-hello{font-size:10px}.menu-toggle{width:25px}.site-nav{inset:76px 0 0}.route-main{padding-top:76px}.match-shell{width:calc(100% - 40px)}.match-hero{height:100svh;min-height:600px}.match-hero-content{padding:0 20px 30px}.match-hero h1{font-size:clamp(38px,8vw,62px);line-height:1.08;letter-spacing:-.05em;margin-bottom:35px}.match-hero-content>p{font-size:20px;max-width:300px;margin:auto}.match-hero-location{font-size:12px;bottom:25px;left:20px}.match-scroll{right:20px;bottom:28px}.match-features{grid-template-columns:1fr;padding-block:65px;gap:45px}.feature-icon{font-size:54px;margin-bottom:22px}.match-features h2{font-size:17px}.match-features p{max-width:none;font-size:15px}.match-about{grid-template-columns:1fr;gap:45px;padding-block:15px 55px}.match-about-art{height:460px;margin-right:20px}.art-seal{font-size:90px;right:-24px;bottom:25px}.match-about h2{font-size:48px}.about-inset{margin-left:0;max-width:none}.about-inset p{font-size:16px}.match-values{grid-template-columns:1fr;gap:40px;padding-block:15px 80px}.match-values article>span{font-size:65px}.match-values h2{margin-top:10px}.match-values p{font-size:15px}.match-family{grid-template-columns:1fr;gap:45px;padding-bottom:95px}.reference-home .match-family h2{font-size:48px}.family-portraits{gap:30px 15px}.family-portraits img{height:220px}.family-portraits>a:nth-child(even){transform:translateY(30px)}.family-portraits h3{font-size:13px}.family-portraits p{font-size:11px;line-height:1.6}.match-impact{padding:75px 0}.match-impact h2{font-size:42px;margin:25px 0 40px}.impact-points{gap:20px;justify-content:space-between}.impact-points strong{font-size:48px}.impact-points span{font-size:8px;display:block;max-width:95px}.match-services{padding-block:75px}.match-section-heading{grid-template-columns:1fr;gap:30px;margin-bottom:35px}.match-section-heading h2{font-size:42px}.match-section-heading>div>p:not(.match-label){font-size:16px}.match-service,.match-service:nth-child(n){margin:0 0 12px;border-radius:12px}.match-service summary{min-height:105px;padding:15px;gap:7px}.match-service h3{font-size:26px;line-height:1.15}.service-count{font-size:13px;margin-top:12px}.service-thumb{width:62px;height:62px;flex-shrink:0;font-size:40px}.service-plus{font-size:22px;margin-left:0}.service-description{padding:0 20px 25px}.service-description p{font-size:15px}.purpose-grid{grid-template-columns:1fr;gap:50px}.match-purpose{padding:70px 0}.purpose-symbol{font-size:230px}.match-purpose h2{font-size:48px}.match-purpose p,.match-purpose li{font-size:16px}.match-training{padding-block:75px}.training-topics{grid-template-columns:1fr;gap:35px}.topic-art{height:270px}.training-topics h3{font-size:24px}.match-final{padding:80px 0}.match-final h2{font-size:52px}.match-final p{font-size:16px}.match-footer{padding-top:55px}.match-footer nav{gap:15px;font-size:9px;flex-wrap:wrap}.match-button{padding:16px 19px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.reference-home *{transition:none!important}}
.match-hero-image{filter:grayscale(1) brightness(.4)}.match-hero:after{background:linear-gradient(115deg,#38235235,#16394325 75%),linear-gradient(0deg,#0008,transparent 35%)}.match-hero-content>p{color:#9ceaf3;text-shadow:0 2px 12px #000}

/* Distinct brand colours share the reference serif typography. */
.match-hero .hero-brand-name{color:#af8aff}.match-hero .hero-brand-si{color:#69dce8}.match-hero .hero-creative{color:#efb6cb}
/* Motion Overlay Menu: closed links leave the focus order immediately. */
body.menu-open{overflow:hidden}.site-nav{display:flex!important;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-20px);transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1),visibility 0s .5s;background:linear-gradient(135deg,#100d1d,#101824)}.site-nav.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:none;transition-delay:0s}.site-nav>a{opacity:0;transform:translateY(24px);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease}.site-nav.is-open>a{opacity:1;transform:none}.site-nav.is-open>a:nth-child(1){transition-delay:80ms}.site-nav.is-open>a:nth-child(2){transition-delay:140ms}.site-nav.is-open>a:nth-child(3){transition-delay:200ms}.site-nav.is-open>a:nth-child(4){transition-delay:260ms}.site-nav.is-open>a:nth-child(5){transition-delay:320ms}.menu-open .site-header{background:#100d1d}
/* Text Reveal: preserve font inheritance and brand colours inside the serif words. */
.reference-home .motion-word,.route-hero .motion-word{display:inline-block;font:inherit;letter-spacing:inherit;color:inherit!important;opacity:0;transform:translateY(.65em);filter:blur(5px);transition:opacity .7s ease var(--word-delay),transform .9s cubic-bezier(.22,1,.36,1) var(--word-delay),filter .8s ease var(--word-delay)}.motion-visible .motion-word{opacity:1;transform:none;filter:none}
/* Focus carousel: real horizontal scrolling supports touch and trackpads. */
.family-carousel{min-width:0}.family-carousel.is-enhanced .family-portraits{position:relative;display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 0 30px;scroll-padding-inline:0;overscroll-behavior-x:contain}.family-carousel.is-enhanced .family-portraits::-webkit-scrollbar{display:none}.family-carousel.is-enhanced .family-portraits>a{flex:0 0 78%;scroll-snap-align:start;transform:scale(.94);transform-origin:left center;opacity:.5;transition:transform .45s ease,opacity .45s ease;min-width:0}.family-carousel.is-enhanced .family-portraits>a.is-focused,.family-carousel.is-enhanced .family-portraits>a:focus-visible{opacity:1;transform:scale(1)}.family-carousel.is-enhanced .family-portraits>a:last-child{margin-right:22%}.family-carousel.is-enhanced .family-portraits img{height:490px;object-fit:cover}.family-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:10px;border-top:1px solid #ded8e7}.family-controls[hidden]{display:none}.family-controls button{width:48px;height:48px;border-radius:50%;background:transparent;border:1px solid #b9adca;color:#30243d;font-size:24px;cursor:pointer;transition:background .2s}.family-controls button:hover:not(:disabled){background:#e9dcff}.family-controls button:disabled{opacity:.25;cursor:default}.family-controls span{font-size:11px;letter-spacing:.04em;text-align:center;color:#695e77}.family-carousel.is-enhanced .family-portraits:focus-visible{outline:2px solid #855dff;outline-offset:5px}
@media(max-width:767px){.family-carousel.is-enhanced .family-portraits{gap:15px}.family-carousel.is-enhanced .family-portraits>a{flex-basis:86%}.family-carousel.is-enhanced .family-portraits>a:last-child{margin-right:14%}.family-carousel.is-enhanced .family-portraits img{height:380px}.family-controls span{font-size:10px}.family-controls button{width:42px;height:42px}.reference-home .motion-word{filter:none}}
@media(prefers-reduced-motion:reduce){.site-nav,.site-nav>a,.family-carousel.is-enhanced .family-portraits>a,.motion-word{transition:none!important;filter:none!important;transform:none!important}.motion-word{opacity:1!important}.family-portraits{scroll-behavior:auto!important}}
.matched-home .site-header.is-scrolled{background:rgba(10,9,17,.97);border-bottom:1px solid #ffffff12}
.site-nav.is-open>a:nth-child(6){transition-delay:380ms}
.motion-scroll-progress{position:fixed;z-index:120;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#af8aff,#69dce8,#efb6cb);transform-origin:left;pointer-events:none}.motion-engine .match-hero{overflow:hidden}.motion-engine .match-hero-image{transform-origin:center}.motion-engine .match-button,.motion-engine .button,.motion-engine .family-controls button,.motion-engine .match-scroll{transition:background .2s,color .2s}.motion-engine .match-button:hover,.motion-engine .button:hover{transform:none}.motion-engine .site-nav,.motion-engine .site-nav>a{transition-property:visibility,color}.motion-engine .site-nav.is-open>a{transition-delay:0s}.motion-engine .match-service{overflow:hidden}.motion-engine .purpose-symbol{transform-origin:center}.motion-engine .art-seal{transform-origin:center}
/* Contain transformed decorative artwork and entrance motion on narrow screens. */
.reference-home,.route-main{overflow-x:clip}.match-purpose{overflow:hidden}
@media(max-width:767px){.motion-engine .art-seal{right:-10px}}
.motion-engine .ardi-directory-card{transition:border-color .2s,background .2s}.motion-engine .ardi-directory-card:hover{transform:none}.route-section-heading .motion-word,.route-band .motion-word{display:inline-block;font:inherit;letter-spacing:inherit;color:inherit!important;opacity:0;transform:translateY(.65em);transition:opacity .7s ease var(--word-delay),transform .9s cubic-bezier(.22,1,.36,1) var(--word-delay)}.route-section-heading .motion-visible .motion-word,.route-band .motion-visible .motion-word{opacity:1;transform:none}.ardi-directory-card{overflow:hidden}
@media(prefers-reduced-motion:reduce){.route-section-heading .motion-word,.route-band .motion-word{opacity:1!important;transform:none!important;transition:none!important}}

/* === global-design.css === */
/* Complete inner-page layouts using the homepage's editorial design system. */
.route-main{padding-top:0;background:#fff;color:#141218}.route-main .section-shell{width:min(1240px,calc(100% - 120px))}.route-main .route-hero{padding:120px 0 90px;background:#101016!important;border:0;position:relative;isolation:isolate}.route-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#0b0813cc,#0e0c16ef),url('assets/reference/shubham-dhage-l1xJB5sN1ew-unsplash.jpg') center/cover;opacity:.9}.route-main .breadcrumbs{font-size:11px;color:#b9b1c6;margin-bottom:65px}.breadcrumbs [aria-current=page]{color:#d7cfe4}.route-hero-copy{max-width:1100px;text-align:center;margin:0 auto 65px;padding:0}.route-hero .eyebrow{display:inline-block;color:#c5b1e9;border:1px solid #736184;border-radius:30px;padding:6px 14px;letter-spacing:.05em;font-size:10px;margin-bottom:30px}.route-main .route-hero-copy h1{max-width:none;font-size:clamp(58px,7.4vw,110px);font-weight:500;line-height:1.03;letter-spacing:-.055em;margin:0}.route-main .route-hero-copy h1 em{font-family:Zodiak,Georgia,serif;font-weight:300;color:#bba0ee;font-style:normal;letter-spacing:-.06em}.route-hero-details{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;padding-top:45px;border-top:1px solid #ffffff20}.route-hero-intro{max-width:460px}.route-main .route-lede{font-size:18px;line-height:1.9;color:#c7c0d1;margin:0}.route-actions{margin-top:32px;gap:12px}.route-actions .button{font-size:11px}.route-actions .button-quiet{border-color:#83748f;color:#fff}.route-hero-art{min-width:0}.route-main .route-visual{min-height:360px;display:grid;place-items:center;position:relative;background:linear-gradient(125deg,#312244,#142b34);border:0;border-radius:8px;padding:0;isolation:isolate;box-shadow:none}.route-visual:before{display:none}.editorial-art-symbol{font:300 230px/1 Zodiak,Georgia,serif;letter-spacing:-.13em;color:#d0b9f4;text-shadow:12px 14px 0 #12102044;transform:rotate(-8deg);margin-left:-18px}.editorial-art-orbit{position:absolute;inset:30px 65px;border:1px solid #ffffff22;border-radius:50%;transform:rotate(-25deg);z-index:-1}.editorial-art-orbit:after{content:'';position:absolute;inset:30px -50px;border:1px solid #a9e6f633;border-radius:50%;transform:rotate(50deg)}.editorial-art-caption{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.1em;color:#d4c7e4;text-transform:uppercase}.route-main .route-visual--flow{background:linear-gradient(135deg,#222134,#285262)}.route-visual--flow .editorial-art-symbol{color:#a0dce9}.route-main .route-visual--studio{background:linear-gradient(135deg,#42283d,#6d4e75)}.route-visual--studio .editorial-art-symbol{color:#f0c2d3}.route-main .route-visual--secure{background:linear-gradient(135deg,#17212b,#384573)}.route-main .route-visual--training{background:#c0a5ed}.route-visual--training .editorial-art-symbol{color:#271b39;font-size:180px}.route-visual--training .editorial-art-caption{color:#3e2b55}.route-mascot-frame{border:0!important;border-radius:8px;min-height:430px;max-height:530px;background:#101018!important;box-shadow:none}.route-mascot-frame img{width:100%;height:480px;object-fit:contain;min-height:0;max-height:none}.route-mascot-frame figcaption{background:linear-gradient(transparent,#080712dd);padding:25px 15px 12px;left:0;right:0;bottom:0;color:#e4ddeb;font-size:8px}.route-family-art{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;height:360px;align-items:center}.route-family-art img{width:100%;height:280px;object-fit:cover;border-radius:65px}.route-family-art img:nth-child(even){transform:translateY(25px)}
.route-main .section-pad{padding-block:120px}.route-main .route-section-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:20px 70px;max-width:none;margin-bottom:65px;align-items:start}.route-section-heading>.eyebrow{grid-column:1/-1;justify-self:start;display:inline-block;border:1px solid #9b8da8;border-radius:30px;padding:5px 12px;color:#62516e;font-size:10px;margin:0 0 10px;letter-spacing:.02em}.route-main .route-section-heading h2{font-size:clamp(42px,4.4vw,64px);line-height:1.13;letter-spacing:-.055em;font-weight:500}.route-main .route-section-heading>p:last-child:not(.eyebrow){font-size:17px;line-height:1.9;margin:3px 0 0;max-width:540px;color:#757078}.route-section-heading h2:last-child{grid-column:1/-1;max-width:900px}.route-main .route-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 70px;border:0}.route-main .route-feature-grid article{position:relative;border:0;border-top:1px solid #ded8e4;background:none;box-shadow:none;border-radius:0;padding:30px 0 40px;min-height:245px}.route-feature-grid article:hover{background:none;transform:none}.route-feature-grid .route-number{display:block;color:#9b85b4;font-size:11px;letter-spacing:.06em}.route-main .route-feature-grid h3{font-size:30px;line-height:1.15;font-weight:500;margin:35px 0 18px;max-width:460px}.route-main .route-feature-grid p{font-size:16px;line-height:1.85;color:#777079;max-width:460px}.route-main .route-band{background:#f1ecf7;border:0;border-radius:8px;padding:70px;margin-block:0 100px;overflow:hidden}.route-band:after{content:'✳';position:absolute;right:-35px;bottom:-85px;color:#dfd3ee;font-size:330px;line-height:1;pointer-events:none;z-index:0}.route-band>*{position:relative;z-index:1}.route-band .eyebrow{color:#6d5288;font-size:10px;letter-spacing:.08em}.route-main .route-band h2{font-size:clamp(38px,4.8vw,64px);line-height:1.1;max-width:830px}.route-main .route-band p:not(.eyebrow){font-size:17px;line-height:1.85;color:#6b6175;max-width:760px;margin-block:25px 30px}.route-band .button{margin:0 10px 10px 0}.route-main .route-steps{gap:55px;border:0}.route-main .route-steps article,.route-main .route-steps article+article{padding:30px 0 0;border:0;border-top:1px solid #ddd6e4;min-height:250px}.route-steps .route-number{font-size:11px;color:#8a6ea8}.route-main .route-steps h3{font-size:28px;line-height:1.2;margin:38px 0 20px}.route-main .route-steps p{font-size:16px;line-height:1.85;color:#777079}.route-main .route-split{gap:70px;border:0}.route-main .route-split article,.route-main .route-split article+article{border:0;border-top:1px solid #ddd6e4;padding:30px 0}.route-main .route-split h3{font-size:32px}.route-main .route-split p{font-size:16px;line-height:1.9}.route-main .text-link{font-size:12px;color:#4d315f;border-bottom:1px solid #c1adce;padding-bottom:6px}.route-main .text-link span{color:inherit}.route-main .route-service-list{border:0}.route-main .route-service-row{padding:30px 35px;min-height:180px;border:1px solid #ded8e4;border-radius:14px;grid-template-columns:90px 1fr 130px;gap:25px;margin-bottom:16px;transition:background .2s}.route-main .route-service-row:nth-child(3n+2){margin-left:50px}.route-main .route-service-row:nth-child(3n){margin-right:35px}.route-service-row:hover{background:#f8f5fc;padding-inline:35px}.route-main .route-service-row h3{font-size:34px;line-height:1.13}.route-main .route-service-row p{font-size:15px;line-height:1.8;color:#777079;max-width:650px}.route-main .route-service-row .route-number{font-size:9px;color:#8a6ea8}.route-main .ardi-directory{gap:70px 50px}.route-main .ardi-directory-card{padding:0;border:0;border-radius:0;background:none;min-height:0}.ardi-directory-card:nth-child(even){margin-top:65px}.route-main .ardi-directory-card img{height:440px;width:100%;object-fit:cover;mix-blend-mode:normal;border-radius:8px;margin:0 0 25px}.route-main .ardi-directory-card h3{font-size:38px;margin:15px 0}.route-main .ardi-directory-card p{font-size:16px;line-height:1.8;max-width:490px}.ardi-directory-card .route-number{color:#84629f}.ardi-directory-card .text-link{margin-top:15px}.route-main .page-access-note{background:#f2edf8;color:#695773;border-color:#af8aff;border-radius:0 8px 8px 0;font-size:14px;padding:20px 25px}.route-final .eyebrow{color:#b8a3d0}.route-final h2 em{font-family:Zodiak,Georgia,serif;color:#c3ace8}.route-final h2{font-weight:500}.route-main .route-section+.route-section{padding-top:0}
@media(min-width:1500px){.route-main .route-hero-copy h1{font-size:115px}}
@media(max-width:1000px){.route-main .section-shell{width:calc(100% - 70px)}.route-hero-details{gap:45px;grid-template-columns:1fr 1fr}.route-main .route-hero-copy h1{font-size:76px}.route-main .route-lede{font-size:16px}.route-main .route-section-heading{gap:25px 40px}.route-main .route-feature-grid{gap:0 40px}.route-main .route-service-row{grid-template-columns:70px 1fr;gap:15px}.route-service-row .text-link{grid-column:2;justify-self:start}.route-main .ardi-directory-card img{height:350px}.route-main .route-band{padding:50px}.route-main .route-steps{gap:30px}.route-main .route-steps h3{font-size:24px}}
@media(max-width:767px){.route-main .section-shell{width:calc(100% - 40px)}.route-main .route-hero{padding:100px 0 60px}.route-main .breadcrumbs{font-size:9px;line-height:1.7;margin-bottom:40px}.route-hero-copy{margin-bottom:35px}.route-main .route-hero-copy h1{font-size:clamp(42px,10.5vw,68px);line-height:1.08}.route-hero .eyebrow{font-size:8px;padding:5px 10px;margin-bottom:24px}.route-hero-details{grid-template-columns:1fr;gap:40px;padding-top:30px}.route-hero-intro{max-width:none}.route-main .route-lede{font-size:16px;line-height:1.85}.route-actions{margin-top:25px}.route-actions .button{width:100%;font-size:11px}.route-main .route-visual{min-height:280px}.editorial-art-symbol{font-size:180px}.route-visual--training .editorial-art-symbol{font-size:145px}.editorial-art-caption{font-size:7px;left:17px;right:17px;bottom:17px}.route-mascot-frame{min-height:330px;max-height:none}.route-mascot-frame img{height:380px}.route-family-art{height:260px;gap:8px}.route-family-art img{height:210px;border-radius:40px}.route-main .section-pad{padding-block:75px}.route-main .route-section-heading{grid-template-columns:1fr;gap:15px;margin-bottom:40px}.route-main .route-section-heading h2{font-size:40px;line-height:1.14}.route-main .route-section-heading>p:last-child:not(.eyebrow){font-size:16px;line-height:1.85}.route-main .route-feature-grid{grid-template-columns:1fr;gap:0}.route-main .route-feature-grid article{min-height:0;padding:25px 0 35px}.route-main .route-feature-grid h3{font-size:29px;margin:25px 0 15px}.route-main .route-feature-grid p{font-size:15px;max-width:none}.route-main .route-band{padding:35px 25px;margin-bottom:65px}.route-main .route-band h2{font-size:36px}.route-main .route-band p:not(.eyebrow){font-size:15px;margin-block:20px 25px}.route-band:after{font-size:240px}.route-band .button{width:100%;margin-right:0}.route-main .route-steps,.route-main .route-split{grid-template-columns:1fr;gap:35px}.route-main .route-steps article,.route-main .route-steps article+article{min-height:0;padding:25px 0 0}.route-main .route-steps h3{font-size:28px;margin:25px 0 15px}.route-main .route-steps p,.route-main .route-split p{font-size:15px}.route-main .route-service-row,.route-main .route-service-row:nth-child(n){margin:0 0 14px;padding:25px 20px;grid-template-columns:1fr;gap:14px;min-height:0}.route-main .route-service-row h3{font-size:28px}.route-service-row .text-link{grid-column:1}.route-main .route-service-row p{font-size:14px}.route-main .ardi-directory{grid-template-columns:1fr;gap:45px}.ardi-directory-card:nth-child(even){margin-top:0}.route-main .ardi-directory-card img{height:390px}.route-main .ardi-directory-card h3{font-size:34px}.route-main .ardi-directory-card p{font-size:15px}.route-main .page-access-note{font-size:13px;padding:18px}.route-final h2{font-size:48px}}
.route-main .route-visual{justify-content:stretch;grid-template-columns:1fr}.route-main .route-hero-copy h1 em{display:inline-block}

/* === experience.css === */
/* Shared interactive components, interpreted for Omnelia's static site. */
.xp-section{padding-block:100px;border-bottom:1px solid #e4deea;color:#1a1522}.xp-heading{max-width:850px;margin-bottom:45px}.xp-heading .eyebrow{display:inline-block;color:#70548c;border:1px solid #b3a0c4;border-radius:30px;padding:5px 12px;font-size:10px;letter-spacing:.06em}.xp-heading h2{font-size:clamp(38px,4.6vw,66px);line-height:1.12;margin:0 0 20px;font-weight:500;letter-spacing:-.05em}.xp-heading>p:last-child{font-size:16px;color:#746a7e;line-height:1.85;max-width:700px}.xp-vector{width:64px;height:64px;display:block;flex-shrink:0}.route-main .editorial-art-symbol.xp-vector{width:220px;height:220px;margin:0;stroke-width:1;transform:rotate(-8deg);color:#cfb9f2;filter:drop-shadow(10px 15px 0 #11101d44)}.route-main .route-visual--flow .xp-vector{color:#a2e1ed}.route-main .route-visual--training .xp-vector{color:#3c2859}.route-main .route-visual--studio .xp-vector{color:#f0bfd2}
.xp-tabs,.xp-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.xp-tabs button,.xp-filter button{font:500 13px/1.4 Satoshi,sans-serif;border:1px solid #d9cfe4;border-radius:40px;padding:12px 20px;background:#fff;color:#51435f;cursor:pointer;transition:background .2s,color .2s,border-color .2s;min-height:44px}.xp-tabs button[aria-selected=true],.xp-filter button[aria-pressed=true]{background:#20172e;border-color:#20172e;color:#fff}.xp-tabs button:hover,.xp-filter button:hover{border-color:#9b79c3}.xp-panel{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid #ded5e8;border-radius:16px;overflow:hidden;min-height:390px;background:#faf8fc}.xp-panel[hidden],.xp-gallery-card[hidden],.route-service-row[hidden],.ardi-directory-card[hidden]{display:none!important}.xp-panel-copy{padding:45px}.xp-index{font-size:10px;letter-spacing:.14em;color:#81649d;margin-bottom:25px}.xp-panel h3{font-size:36px;line-height:1.14;margin:0 0 18px;letter-spacing:-.04em;font-weight:500}.xp-panel p:not(.xp-index):not(.xp-trace-status){font-size:16px;line-height:1.8;color:#72667e;max-width:560px}.xp-journey{list-style:none;display:flex;gap:8px;flex-wrap:wrap;counter-reset:journey;padding:0;margin:25px 0 30px}.xp-journey li{counter-increment:journey;font-size:10px;padding:8px 10px;background:#eee7f5;color:#634c7b;border-radius:4px}.xp-journey li:before{content:counter(journey,decimal-leading-zero) ' / ';color:#8c65b4}.xp-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;position:relative;isolation:isolate;background:linear-gradient(140deg,#302342,#183640);color:#c2a6ed;overflow:hidden;min-height:300px}.xp-art>.xp-vector{width:155px;height:155px;stroke-width:1;transform:rotate(-8deg);filter:drop-shadow(10px 12px 0 #0003)}.xp-art>span:not(.xp-spotlight){font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#c1b4cf}.xp-art:after{content:'';position:absolute;inset:15% -20%;border:1px solid #d2b9f522;border-radius:50%;transform:rotate(-35deg);z-index:-1}.xp-action{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:12px 20px;background:#af8aff;color:#251637;border:0;border-radius:5px;font:500 12px/1.5 Satoshi,sans-serif;cursor:pointer}.xp-action:hover{background:#c1a2f5}.xp-action:disabled{opacity:.55;cursor:default}.xp-flow-panel{display:block;padding:40px}.xp-flow-intro{margin-bottom:30px}.xp-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:35px}.xp-node{position:relative;padding:25px 20px;min-height:190px;background:#fff;border:1px solid #ded5e8;border-radius:10px;transition:background .25s,border-color .25s}.xp-node:not(:last-child):after{content:'→';position:absolute;right:-21px;top:50%;color:#9872bd}.xp-node>span{font-size:10px;color:#9677b4}.xp-node .xp-vector{width:40px;height:40px;color:#9372b5;margin:20px 0}.xp-node h3{font-size:18px;margin:0;line-height:1.3;letter-spacing:-.02em}.xp-node.is-tracing{background:#ece3fb;border-color:#af8aff}.xp-trace-status{font-size:12px;color:#665275;margin:16px 0 0;min-height:20px}
.xp-planner{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.xp-choice-list{display:flex;flex-direction:column;gap:12px}.xp-check-card{position:relative;display:flex;align-items:center;gap:20px;border:1px solid #ded4e8;border-radius:12px;padding:24px;cursor:pointer;background:#fcfbfe;transition:background .2s,border-color .2s}.xp-check-card input{width:20px;height:20px;accent-color:#855dba;flex-shrink:0}.xp-check-icon{display:none}.xp-check-card strong{font-size:20px;font-weight:500;display:block;letter-spacing:-.02em}.xp-check-card small{font-size:13px;line-height:1.7;color:#786b83;display:block;margin-top:7px}.xp-check-card:has(input:checked){background:#efe6fc;border-color:#b395d6}.xp-check-card:focus-within{outline:2px solid #855dff;outline-offset:3px}.xp-plan-result{border-radius:16px;padding:35px;text-align:center;background:#f4eff9;align-self:start}.xp-donut{width:155px;height:155px;border-radius:50%;background:conic-gradient(#e7e1ee 0deg 360deg);margin:0 auto 25px;display:grid;place-items:center;position:relative}.xp-donut:before{content:'';position:absolute;inset:18px;background:#f4eff9;border-radius:50%}.xp-donut>span{position:relative;font-size:45px;line-height:1;letter-spacing:-.06em}.xp-donut span span{display:block;font-size:10px;letter-spacing:.08em;margin-top:8px;color:#82679a}.xp-plan-result h3{font-size:25px;margin:0 0 15px}.xp-plan-result p{font-size:13px;line-height:1.8;color:#766681}.xp-plan-result ul{list-style:none;padding:0;font-size:13px;color:#5b426e;line-height:1.8}.xp-plan-result li{padding:6px 0;border-top:1px solid #dfd3e8}.xp-update-status{min-height:20px}.xp-step-panel{grid-template-columns:.45fr 1fr;align-items:center;gap:35px;padding:45px;min-height:300px}.xp-step-number{font-size:140px;font-weight:400;font-family:Zodiak,Georgia,serif;color:#b198cc;line-height:1;letter-spacing:-.09em}.xp-city{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:65px;align-items:center}.xp-city h3{font-size:32px;margin:0 0 15px}.xp-city p{color:#7b6c86;font-size:14px}.xp-map{height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;background:radial-gradient(circle at 65% 40%,#eee5fc,#d9ebed);border-radius:14px;overflow:hidden;position:relative}.xp-map>.xp-vector{width:90px;height:90px;color:#7a5d97}.xp-map>span{font-size:10px;letter-spacing:.14em;color:#756284}.xp-map iframe{width:100%;height:100%;border:0}.xp-map>a{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;padding:6px 10px;font-size:9px;color:#49335c}
.xp-finder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.xp-finder-card{position:relative;isolation:isolate;border:1px solid #dacee6;border-radius:14px;padding:30px 24px;min-height:290px;background:#f9f6fc;overflow:hidden;transition:border-color .2s,box-shadow .2s}.xp-finder-card:hover{border-color:#a78ac4;box-shadow:0 15px 35px #31204110}.xp-finder-card>.xp-vector{color:#9670bd;width:50px;height:50px;margin-bottom:30px}.xp-finder-card h3{font-size:25px;line-height:1.2;margin:0 0 15px;letter-spacing:-.04em}.xp-finder-card p{font-size:13px;color:#776781;line-height:1.8;max-width:240px}.xp-finder-card>span:not(.xp-spotlight){display:block;color:#956ebc;margin-top:25px;font-size:25px}.xp-catalog-search{max-width:750px;margin-bottom:25px}.xp-catalog-search label{display:block;font-size:12px;color:#6b567c;margin-bottom:10px}.xp-catalog-search>div{display:flex;gap:10px}.xp-catalog-search input,.xp-search-dialog input{width:100%;min-width:0;border:1px solid #cdbbdf;border-radius:6px;padding:16px 18px;font:16px Satoshi,sans-serif;background:#fff;color:#352441}.xp-catalog-status,.xp-family-status{font-size:13px;color:#796585}.xp-section[data-experience=catalog],.xp-section[data-experience=family]{padding-bottom:40px;border:0}.xp-section[data-experience=catalog]+.route-section,.xp-section[data-experience=family]+.route-section{padding-top:0}.xp-family-status{margin-bottom:0}
.xp-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.xp-gallery-card{display:block;text-align:left;background:none;border:0;padding:0;color:#21162b;cursor:pointer;font:inherit}.xp-gallery-card>.xp-art{height:310px;border-radius:12px;margin-bottom:20px}.xp-gallery-card:nth-child(2) .xp-art{background:linear-gradient(135deg,#68518b,#d0a4be)}.xp-gallery-card:nth-child(3) .xp-art{background:linear-gradient(135deg,#153644,#407684)}.xp-gallery-card:nth-child(4) .xp-art{background:linear-gradient(135deg,#5f477e,#28263e)}.xp-gallery-card>strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.03em}.xp-gallery-card>small{font-size:11px;display:block;margin-top:10px;color:#826395}.xp-storyboard{margin-top:60px}.xp-story-frame{height:350px;border-radius:14px;background:linear-gradient(135deg,#242033,#3a5363);color:#d8c9ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.xp-story-frame[data-frame="1"]{background:linear-gradient(135deg,#5e4778,#8e617e)}.xp-story-frame[data-frame="2"]{background:linear-gradient(135deg,#24515a,#3e3c66)}.xp-story-frame>.xp-vector{width:80px;height:80px}.xp-story-frame strong{font-size:32px;font-weight:400;font-family:Zodiak,Georgia,serif}.xp-story-frame>span{font-size:11px;letter-spacing:.1em}.xp-story-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:25px}.xp-story-controls p{font-size:13px;color:#786b85;margin:0}.xp-story-controls .eyebrow{margin-bottom:8px;font-size:9px}
.xp-spotlight-surface{position:relative;isolation:isolate}.xp-spotlight{pointer-events:none;position:absolute;inset:0;z-index:4;opacity:0;transition:opacity .3s;background:radial-gradient(250px circle at var(--spot-x,50%) var(--spot-y,50%),#c29dff22,transparent 75%);border-radius:inherit}.xp-spotlight-surface:hover>.xp-spotlight{opacity:1}.xp-search-launch{position:fixed;z-index:85;right:25px;bottom:24px;display:flex;align-items:center;gap:12px;background:#171222ed;color:#f0e7ff;border:1px solid #806a98;border-radius:50px;padding:12px 17px;box-shadow:0 6px 30px #0002;cursor:pointer;font:12px Satoshi,sans-serif;backdrop-filter:blur(12px)}.xp-search-launch>.xp-vector{width:18px;height:18px;color:#c8a8ef}.xp-search-launch kbd{font:9px Satoshi,sans-serif;color:#c4afda;padding:3px 5px;border:1px solid #685079;border-radius:3px}.xp-search-dialog,.xp-lightbox{width:min(760px,calc(100% - 36px));max-height:85svh;border:1px solid #9880af;border-radius:16px;background:#fbf9fd;color:#21142c;padding:30px;box-shadow:0 30px 100px #0006;overflow:auto}.xp-search-dialog::backdrop,.xp-lightbox::backdrop{background:#080510aa;backdrop-filter:blur(10px)}.xp-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.xp-dialog-head h2{font-size:28px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:0}.xp-close{border:1px solid #d6c5e3;background:none;color:#5b3c72;width:38px;height:38px;border-radius:50%;font-size:25px;line-height:1;cursor:pointer;flex-shrink:0}.xp-search-dialog>label{display:block;font-size:11px;color:#80658f;margin-bottom:8px}.xp-search-results{list-style:none;margin:20px 0;padding:0;max-height:46svh;overflow:auto}.xp-search-results a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 10px;font-size:15px;border-bottom:1px solid #e4dbea}.xp-search-results a:hover,.xp-search-results a:focus{background:#eee4fc}.xp-search-results a span{color:#8f67b1}.xp-search-status{font-size:12px;color:#886d9a}.xp-lightbox-content>img{display:block;max-height:65svh;width:100%;object-fit:contain;border-radius:10px;background:#11121d}.xp-lightbox-content>.xp-art{height:400px;border-radius:10px}.xp-lightbox-description{font-size:14px;color:#7b658b;line-height:1.8;margin:20px 0 0}.xp-zoom{position:absolute;right:15px;top:15px;z-index:6;padding:10px 14px;background:#161020dd;color:#e0c9f8;border:1px solid #8b6e9b;border-radius:30px;font:11px Satoshi,sans-serif;cursor:pointer}.xp-loader{position:fixed;z-index:140;top:0;left:0;right:0;height:90px;background:#100d19f5;display:flex;align-items:center;justify-content:center;gap:15px;color:#be9be9;font:500 20px Satoshi,sans-serif;pointer-events:none;overflow:hidden}.xp-loader[hidden]{display:none}.xp-loader img{width:35px;height:35px}.xp-loader-si{color:#69dce8}.xp-loader i{position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#af8aff,#69dce8)}.no-js .xp-tabs,.no-js .xp-filter,.no-js .xp-action,.no-js .xp-search-launch,.no-js .xp-catalog-search{display:none}.no-js .xp-panel[hidden]{display:grid!important;margin-top:15px}
@media(max-width:1000px){.xp-finder-grid{grid-template-columns:repeat(2,1fr)}.xp-flow{gap:16px}.xp-node{padding:20px 13px}.xp-node:not(:last-child):after{right:-15px}.xp-planner{gap:25px}.xp-panel-copy{padding:30px}.xp-panel h3{font-size:30px}}
@media(max-width:767px){.xp-section{padding-block:65px}.xp-heading{margin-bottom:30px}.xp-heading h2{font-size:38px}.xp-heading>p:last-child{font-size:15px}.xp-panel{grid-template-columns:1fr;min-height:0}.xp-panel-copy{padding:28px 22px}.xp-panel h3{font-size:30px}.xp-panel p:not(.xp-index):not(.xp-trace-status){font-size:15px}.xp-art{min-height:260px}.xp-art>.xp-vector{width:125px;height:125px}.xp-tabs,.xp-filter{gap:8px}.xp-tabs button,.xp-filter button{padding:10px 14px;font-size:11px}.xp-flow-panel{padding:25px 20px}.xp-flow{grid-template-columns:1fr;gap:22px}.xp-node{min-height:110px;padding:20px;display:grid;grid-template-columns:45px 1fr;gap:8px 15px;align-items:center}.xp-node>span{grid-column:1/-1}.xp-node .xp-vector{width:35px;height:35px;margin:0}.xp-node h3{font-size:18px}.xp-node:not(:last-child):after{content:'↓';right:auto;left:50%;top:auto;bottom:-23px}.xp-planner{grid-template-columns:1fr;gap:25px}.xp-check-card{padding:20px 16px;gap:15px}.xp-check-card strong{font-size:18px}.xp-plan-result{padding:30px 22px}.xp-step-panel{grid-template-columns:1fr;padding:30px 24px;gap:25px}.xp-step-number{font-size:85px}.xp-city{grid-template-columns:1fr;gap:30px;margin-top:45px}.xp-city h3{font-size:29px}.xp-map{height:280px}.xp-finder-grid{grid-template-columns:1fr;gap:12px}.xp-finder-card{min-height:0;padding:25px;display:grid;grid-template-columns:45px 1fr;gap:10px 20px}.xp-finder-card>.xp-vector{width:40px;height:40px;margin:0;grid-row:1/4}.xp-finder-card h3{font-size:24px;margin:0}.xp-finder-card p{max-width:none;margin:0}.xp-finder-card>span:not(.xp-spotlight){margin:0;font-size:20px;grid-column:2}.xp-catalog-search>div{gap:8px}.xp-catalog-search input{padding:14px 12px;font-size:15px}.xp-catalog-search .xp-action{padding:10px 14px}.xp-gallery{grid-template-columns:1fr;gap:30px}.xp-gallery-card>.xp-art{height:280px}.xp-gallery-card>strong{font-size:24px}.xp-story-frame{height:280px;padding:25px}.xp-story-frame strong{font-size:25px;text-align:center}.xp-story-controls{flex-direction:column;align-items:start}.xp-search-launch{width:46px;height:46px;padding:12px;right:16px;bottom:17px;justify-content:center}.xp-search-launch>span,.xp-search-launch>kbd{display:none}.xp-search-launch>.xp-vector{width:20px;height:20px}.xp-search-dialog,.xp-lightbox{padding:22px 18px;max-height:88svh}.xp-dialog-head h2{font-size:23px}.xp-search-results a{font-size:14px}.xp-lightbox-content>.xp-art{height:300px}.xp-zoom{font-size:9px;padding:8px 11px}.xp-loader{height:76px;font-size:16px}.route-main .editorial-art-symbol.xp-vector{width:165px;height:165px}}
@media(prefers-reduced-motion:reduce){.xp-spotlight,.xp-loader{display:none!important}.xp-finder-card{transform:none!important}.xp-section *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.ardi-directory:has(.ardi-directory-card[hidden]) .ardi-directory-card{margin-top:0}
.no-js .xp-flow-panel[hidden]{display:block!important}

/* === mobile-compact.css === */
/* Phone-first composition: compact grids, balanced controls and shorter art. */
@media(max-width:767px){
  .section-shell,.match-shell,.route-main .section-shell{width:calc(100% - 32px)}
  .xp-section,.route-main .section-pad{padding-block:40px}
  .xp-heading{margin-bottom:22px}.xp-heading .eyebrow{font-size:9px;padding:4px 9px;margin-bottom:14px}
  .xp-heading h2{font-size:31px;line-height:1.12;margin-bottom:12px}.xp-heading>p:last-child{font-size:14px;line-height:1.65;margin:0}
  .xp-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:16px}
  .xp-tabs button{width:100%;min-height:44px;padding:10px 9px;border-radius:9px;font-size:12px;line-height:1.3}
  .xp-tabs button:last-child:nth-child(odd){grid-column:1/-1}
  .xp-panel{border-radius:12px;min-height:0}.xp-panel-copy{padding:20px}
  .xp-panel h3{font-size:26px;margin-bottom:12px}.xp-panel p:not(.xp-index):not(.xp-trace-status){font-size:14px;line-height:1.65;margin-bottom:14px}
  .xp-index{font-size:10px;letter-spacing:.08em;color:#725383;margin-bottom:14px}
  .xp-panel>.xp-art{order:-1;min-height:100px;height:100px;flex-direction:row;gap:22px;padding:15px 22px;justify-content:space-between}
  .xp-panel>.xp-art>.xp-vector{width:65px;height:65px;filter:drop-shadow(4px 4px 0 #0003)}
  .xp-panel>.xp-art>span:not(.xp-spotlight){font-size:10px;letter-spacing:.08em}
  .xp-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0 20px}
  .xp-journey li{font-size:10px;line-height:1.5;padding:9px 7px;color:#574066;border-radius:5px;min-width:0}
  .xp-journey li:before{display:block;font-size:9px;color:#72528d;margin-bottom:3px}
  .xp-panel .text-link{font-size:12px;min-height:36px}
  .xp-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px}
  .xp-filter button{padding:9px 5px;border-radius:8px;min-height:44px;font-size:11px;line-height:1.3}
  .xp-flow-panel{padding:20px 16px}.xp-flow-intro{margin-bottom:18px!important}
  .xp-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
  .xp-node{display:flex;align-items:flex-start;flex-direction:column;gap:10px;min-height:145px;padding:16px 13px;border-radius:9px}
  .xp-node:not(:last-child):after{display:none}.xp-node .xp-vector{width:32px;height:32px}.xp-node>span{color:#73538e;font-size:10px}
  .xp-node h3{font-size:16px;line-height:1.3;letter-spacing:-.025em;margin:0}.xp-trace-status{font-size:11px;line-height:1.5}
  .xp-finder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .xp-finder-card{display:flex;flex-direction:column;gap:0;padding:18px 15px;min-height:210px;border-radius:10px}
  .xp-finder-card>.xp-vector{width:34px;height:34px;margin-bottom:18px}.xp-finder-card h3{font-size:20px;line-height:1.15;margin-bottom:10px}
  .xp-finder-card p{font-size:12px;line-height:1.6;color:#65546f}.xp-finder-card>span:not(.xp-spotlight){font-size:21px;margin-top:auto;padding-top:12px}
  .xp-planner{gap:14px}.xp-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .xp-check-card{padding:16px 12px;gap:12px;display:flex;flex-direction:column;align-items:start;min-height:170px;border-radius:10px}
  .xp-check-card input{width:20px;height:20px;margin:0}.xp-check-card strong{font-size:17px;line-height:1.2}.xp-check-card small{font-size:12px;line-height:1.6;color:#665370;margin-top:9px}
  .xp-plan-result{display:grid;grid-template-columns:84px 1fr;gap:10px 16px;text-align:left;padding:20px;border-radius:12px}
  .xp-donut{width:84px;height:84px;grid-row:1/4;align-self:center;margin:0}.xp-donut:before{inset:10px}.xp-donut>span{font-size:30px}.xp-donut span span{font-size:8px;margin-top:4px}
  .xp-plan-result h3{font-size:20px;margin:0}.xp-plan-result p{font-size:12px;line-height:1.6;margin:0}.xp-plan-result ul{font-size:12px;grid-column:2;margin:0}
  .xp-plan-result .xp-action{grid-column:1/-1;justify-self:start;padding:10px 16px}.xp-plan-result .xp-update-status{grid-column:1/-1;min-height:0}
  .xp-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.xp-gallery-card>.xp-art{height:160px;min-height:160px;margin-bottom:12px;border-radius:9px;gap:15px}
  .xp-gallery-card .xp-art>.xp-vector{width:70px;height:70px}.xp-gallery-card .xp-art>span:not(.xp-spotlight){font-size:8px}
  .xp-gallery-card>strong{font-size:18px;line-height:1.25}.xp-gallery-card>small{font-size:10px;margin-top:8px;color:#6d4c83}
  .xp-storyboard{margin-top:30px}.xp-story-frame{height:210px;gap:18px;padding:20px}.xp-story-frame>.xp-vector{width:50px;height:50px}.xp-story-frame strong{font-size:23px}
  .xp-story-controls{gap:12px;padding-top:18px}.xp-city{gap:20px;margin-top:30px}.xp-city h3{font-size:26px}.xp-map{height:220px}
  .xp-step-panel{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:24px 18px;min-height:180px}.xp-step-number{font-size:60px;align-self:start}.xp-step-panel h3{font-size:25px}
  .xp-catalog-search{margin-bottom:16px}.xp-catalog-search input{font-size:16px}.xp-catalog-status,.xp-family-status{font-size:12px;line-height:1.5}
  .xp-section[data-experience=catalog],.xp-section[data-experience=family]{padding-bottom:20px}
  .xp-search-launch{right:10px;bottom:10px;width:42px;height:42px;padding:10px;box-shadow:0 3px 15px #0002}
  .xp-search-dialog,.xp-lightbox{width:calc(100% - 24px);padding:20px 16px}.xp-lightbox-content>.xp-art{height:240px;min-height:240px}
  /* Global page rhythm and shorter hero artwork. */
  .route-main .route-hero{padding:94px 0 36px}.route-main .breadcrumbs{margin-bottom:28px;font-size:9px}
  .route-hero-copy{margin-bottom:25px}.route-main .route-hero-copy h1{font-size:clamp(36px,9.8vw,52px);line-height:1.08}
  .route-hero .eyebrow{margin-bottom:18px}.route-hero-details{gap:22px;padding-top:22px}.route-main .route-lede{font-size:14px;line-height:1.75}
  .route-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.route-actions .button{font-size:10px;padding:10px 8px;line-height:1.4;min-height:46px;width:100%;text-align:center;gap:6px}
  .route-main .route-visual{min-height:165px;height:165px}.route-main .editorial-art-symbol.xp-vector{width:100px;height:100px}.editorial-art-caption{font-size:7px;bottom:12px}
  .route-mascot-frame{min-height:245px;max-height:300px}.route-mascot-frame img{height:280px}.route-mascot-frame figcaption{font-size:7px;padding:20px 12px 10px}
  .route-family-art{height:180px;gap:6px}.route-family-art img{height:150px;border-radius:30px}.route-family-art img:nth-child(even){transform:translateY(12px)}
  .route-main .route-section-heading{gap:12px;margin-bottom:24px}.route-main .route-section-heading h2{font-size:31px;line-height:1.15}.route-main .route-section-heading>p:last-child:not(.eyebrow){font-size:14px;line-height:1.7}
  .route-main .route-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .route-main .route-feature-grid article{padding:18px 14px;background:#f8f5fb;border:1px solid #e6ddec;border-radius:10px;min-height:0}
  .route-feature-grid .route-number{font-size:9px;letter-spacing:.03em;color:#72558b}.route-main .route-feature-grid h3{font-size:20px;line-height:1.18;margin:20px 0 12px;overflow-wrap:anywhere}
  .route-main .route-feature-grid p{font-size:13px;line-height:1.7;color:#6d6075}
  .route-main .route-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .route-main .route-steps article,.route-main .route-steps article+article{padding:18px 14px;background:#f8f5fb;border:1px solid #e6ddec;border-radius:10px}
  .route-main .route-steps article:last-child:nth-child(odd){grid-column:1/-1}.route-main .route-steps h3{font-size:21px;line-height:1.2;margin:20px 0 12px}.route-main .route-steps p{font-size:13px;line-height:1.7}
  .route-main .route-split{gap:18px}.route-main .route-split article,.route-main .route-split article+article{padding:20px 0}.route-main .route-split h3{font-size:26px}.route-main .route-split p{font-size:14px;line-height:1.7}
  .route-main .route-band{padding:28px 22px;margin-bottom:40px}.route-main .route-band h2{font-size:29px}.route-main .route-band p:not(.eyebrow){font-size:14px;line-height:1.7;margin:16px 0 20px}.route-band .eyebrow{font-size:9px}
  .route-main .route-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .route-main .route-service-row,.route-main .route-service-row:nth-child(n){display:flex;flex-direction:column;align-items:start;gap:13px;padding:18px 14px;margin:0;min-height:0;border-radius:10px;background:#fbf9fd}
  .route-main .route-service-row h3{font-size:20px;line-height:1.2;overflow-wrap:anywhere}.route-main .route-service-row p{font-size:13px;line-height:1.65}.route-main .route-service-row .route-number{font-size:8px;letter-spacing:.03em}
  .route-main .route-service-row>.text-link{font-size:11px;line-height:1.4;margin-top:auto;min-height:40px;gap:6px;align-self:start}.route-service-row>div{min-width:0}
  .route-main .ardi-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.route-main .ardi-directory-card img{height:195px;margin-bottom:15px}.route-main .ardi-directory-card h3{font-size:25px;margin:10px 0}.route-main .ardi-directory-card p{font-size:13px;line-height:1.65}.ardi-directory-card .route-number{font-size:8px;line-height:1.6;letter-spacing:.03em}.ardi-directory-card .text-link{font-size:11px;line-height:1.5;min-height:40px;gap:5px}
  .route-main .page-access-note{font-size:12px;line-height:1.7;margin-top:20px;padding:16px}.route-final .eyebrow{font-size:9px}
  /* Homepage grids use the same compact card scale. */
  .match-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-block:35px}
  .match-features article{background:#f8f5fb;border:1px solid #e6ddec;border-radius:10px;padding:18px 14px}.match-features article:last-child:nth-child(odd){grid-column:1/-1}
  .feature-icon{font-size:38px;margin-bottom:18px}.match-features h2{font-size:14px;line-height:1.3;margin-bottom:10px}.match-features p{font-size:13px;line-height:1.7}
  .match-about{gap:25px;padding-block:15px 35px}.match-about-art{height:290px;margin-right:0}.art-seal{font-size:65px;right:5px}.match-about h2{font-size:37px;margin-bottom:22px}.about-inset p{font-size:14px;line-height:1.75;margin-bottom:22px}
  .match-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-block:15px 40px}.match-values article:last-child:nth-child(odd){grid-column:1/-1}.match-values article>span{font-size:45px}.match-values h2{font-size:15px;line-height:1.3;margin:12px 0 10px}.match-values p{font-size:13px;line-height:1.7}
  .match-family{gap:25px;padding-bottom:40px}.reference-home .match-family h2{font-size:37px;line-height:1.12;margin-bottom:20px}.family-intro>p:not(.match-label){font-size:14px;line-height:1.7;margin-bottom:20px}
  .family-carousel.is-enhanced .family-portraits>a{flex-basis:68%}.family-carousel.is-enhanced .family-portraits>a:last-child{margin-right:32%}.family-carousel.is-enhanced .family-portraits img{height:250px}.family-carousel.is-enhanced .family-portraits{gap:12px;padding-bottom:18px}
  .match-impact{padding:40px 0}.match-impact h2{font-size:34px;margin:20px 0 30px}.impact-points strong{font-size:40px}.impact-points span{font-size:8px;line-height:1.6}
  .match-services,.match-training{padding-block:40px}.match-section-heading{gap:20px;margin-bottom:25px}.match-section-heading h2{font-size:35px}.match-section-heading>div>p:not(.match-label){font-size:14px;line-height:1.7;margin-bottom:20px}.match-label{font-size:9px;margin-bottom:18px}
  .match-service summary{min-height:80px;padding:12px;gap:8px}.match-service h3{font-size:23px}.service-count{font-size:10px;margin-top:9px}.service-thumb{width:46px;height:46px;font-size:30px;border-radius:8px}.service-plus{font-size:20px}.service-description{padding:0 18px 20px}.service-description p{font-size:14px;line-height:1.7}
  .match-purpose{padding:40px 0}.purpose-grid{gap:25px}.purpose-symbol{font-size:155px}.match-purpose h2{font-size:37px;line-height:1.12}.match-purpose p,.match-purpose li{font-size:14px;line-height:1.7}.match-purpose li{padding:12px 0}
  .training-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.training-topics>a:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.topic-art{height:150px;font-size:80px}.training-topics h3{font-size:20px;line-height:1.25;margin-top:15px}.training-topics>a:last-child:nth-child(odd) h3{margin-top:0}.topic-art span{font-size:9px}
  .match-final{padding:45px 0}.match-final h2{font-size:39px;margin-bottom:20px}.match-final p{font-size:14px;line-height:1.7;margin-bottom:25px}.match-footer{padding:35px 0 28px}.match-footer nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.match-footer nav a{display:grid;place-items:center;min-height:36px;font-size:10px}.match-footer p{font-size:11px}.match-footer .brand{font-size:17px}
}
@media(max-width:359px){
  .section-shell,.match-shell,.route-main .section-shell{width:calc(100% - 28px)}
  .xp-finder-card,.route-main .route-feature-grid article,.route-main .route-service-row,.route-main .route-service-row:nth-child(n){padding:16px 12px}
  .xp-finder-card h3,.route-main .route-feature-grid h3,.route-main .route-service-row h3{font-size:18px}.xp-check-card strong{font-size:16px}.xp-heading h2{font-size:29px}.header-actions{gap:13px}.header-hello{font-size:9px}.brand{font-size:15px;gap:7px}
  .xp-tabs button{font-size:11px}.xp-filter button{font-size:10px}.route-main .ardi-directory-card img{height:165px}.route-main .ardi-directory-card h3{font-size:22px}
}
@media(max-width:767px){
  .header-hello{display:none}
  .xp-search-launch{top:18px;right:57px;bottom:auto;z-index:105;width:38px;height:38px;padding:9px;background:#171222aa;border-color:#6e588c88;box-shadow:none}
  .xp-search-launch>.xp-vector{width:18px;height:18px}
}
@media(max-width:767px){.route-main .route-hero-copy h1 em{display:inline}}

/* Mobile surfaces: translucent layers, restrained colour and moving light. */
@media(max-width:767px){
  .xp-section{background:radial-gradient(ellipse at 100% 12%,#c3a4ee24,transparent 55%),radial-gradient(ellipse at 0 90%,#69dce815,transparent 50%),#fff}
  .route-main .route-feature-grid article,.route-main .route-steps article,.route-main .route-steps article+article,.route-main .route-service-row,.route-main .route-service-row:nth-child(n),.match-features article,.xp-finder-card,.xp-check-card{
    position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#af8aff24,transparent 65%),linear-gradient(145deg,#ffffffed,#f0eaf7e8);border:1px solid #dcd0e8;box-shadow:inset 0 1px 0 #fff,0 8px 22px #3a1c5710;transition:box-shadow .3s,border-color .3s,background .3s}
  .route-feature-grid article:nth-child(3n+2),.route-service-row:nth-child(3n+2),.match-features article:nth-child(3n+2),.xp-finder-card:nth-child(3n+2){background:radial-gradient(ellipse at 100% 0,#69dce82e,transparent 65%),linear-gradient(145deg,#fff,#eef7f8)}
  .route-feature-grid article:nth-child(3n),.route-service-row:nth-child(3n),.match-features article:nth-child(3n),.xp-finder-card:nth-child(3n){background:radial-gradient(ellipse at 100% 0,#efb6cb42,transparent 65%),linear-gradient(145deg,#fff,#faf0f6)}
  .route-feature-grid article:after,.route-service-row:after,.match-features article:after,.xp-finder-card:after,.xp-check-card:after{content:'';position:absolute;z-index:-1;right:-34px;top:-32px;width:105px;height:105px;border:1px solid #a685c52c;border-radius:50%;box-shadow:0 0 0 17px #af8aff08,0 0 0 35px #af8aff05;pointer-events:none}
  .xp-panel{border:1px solid #dfd4ea;box-shadow:0 14px 35px #36204b12;background:linear-gradient(145deg,#fff,#f6effb)}
  .xp-tabs button{background:linear-gradient(145deg,#fff,#f4eff8);box-shadow:inset 0 1px #fff,0 3px 8px #38204708}
  .xp-tabs button[aria-selected=true]{background:linear-gradient(125deg,#21162e,#4b3165);border-color:#80609b;box-shadow:0 5px 15px #6e42932b;color:white}
  .xp-node{background:radial-gradient(circle at 90% 0,#69dce82a,transparent 70%),linear-gradient(145deg,#fff,#f1eafa);box-shadow:0 7px 20px #3d235514}
  .xp-plan-result{background:radial-gradient(ellipse at 100% 0,#69dce829,transparent 70%),linear-gradient(135deg,#f6edff,#fff)}
  .route-main .ardi-directory-card.ardi-showcase{background:linear-gradient(135deg,#fff,#efe5f7 65%,#deeff32e);box-shadow:inset 0 1px #fff,0 12px 30px #42245914}
  .visual-scene{background:radial-gradient(ellipse at 0 0,#78529955,transparent 65%),radial-gradient(ellipse at 100% 100%,#3b8d9a38,transparent 60%),#181724}
  .visual-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff03 3px 4px);mix-blend-mode:screen;z-index:3}
  .route-main .route-band{background:radial-gradient(ellipse at 100% 0,#69dce830,transparent 65%),linear-gradient(125deg,#30203f,#16101f);color:#fff;border:1px solid #81619a55;box-shadow:0 16px 32px #2a10351c;border-radius:18px}.route-main .route-band h2,.route-main .route-band p:not(.eyebrow){color:#f5edf9}.route-main .route-band .text-link{color:#d6bbf5}
  .mobile-touch-active{border-color:#9d7cc3!important;box-shadow:0 0 0 3px #af8aff25,0 10px 25px #613d8122!important}
}
@media(max-width:767px) and (prefers-reduced-motion:no-preference){
  .mobile-art-in-view .scene-floating,.mobile-art-in-view .scene-poster-front,.mobile-art-in-view .scene-course-front{animation:mobile-art-float 6s ease-in-out infinite}
  .mobile-art-in-view .scene-poster-back,.mobile-art-in-view .scene-course-back{animation:mobile-art-float 7s ease-in-out -3s infinite reverse}
  .mobile-art-in-view .scene-pulse{animation:mobile-status-glow 2.8s ease-in-out infinite}
  .mobile-art-in-view .scene-studio-rail i{animation:mobile-wave 1.3s ease-in-out infinite alternate;animation-delay:calc(var(--bar) * -0.05s)}
  .mobile-art-in-view .scene-web-image img,.mobile-art-in-view .scene-course-cover img{animation:mobile-image-drift 10s ease-in-out infinite alternate}
  .mobile-art-in-view.visual-scene:before{animation:mobile-light-drift 9s ease-in-out infinite alternate}
  .mobile-card-in-view:after{animation:mobile-ring-drift 8s ease-in-out infinite alternate}
  .ardi-showcase[open] .ardi-showcase-cover img{animation:mobile-image-drift 8s ease-in-out infinite alternate}
  .xp-tabs button:active,.xp-filter button:active,.xp-action:active,.ardi-showcase summary:active{scale:.97;transition:scale .15s}
}
@keyframes mobile-art-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes mobile-image-drift{from{scale:1;translate:0 0}to{scale:1.045;translate:0 -3px}}
@keyframes mobile-status-glow{0%,100%{opacity:.55;box-shadow:0 0 8px #69dce850}50%{opacity:1;box-shadow:0 0 22px #69dce8aa}}
@keyframes mobile-wave{from{scale:1 .45}to{scale:1 1}}
@keyframes mobile-light-drift{from{translate:0 0;opacity:.4}to{translate:140px 90px;opacity:1}}
@keyframes mobile-ring-drift{from{translate:0 0}to{translate:-12px 15px}}


/* Kinetic metal: sculptural material, fine network lines and travelling signals. */
.omnelia-atmosphere{position:relative;isolation:isolate}
.ambient-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:paint;border-radius:inherit;background:#0b0c13}
.kinetic-material{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.kinetic-grid{position:absolute;inset:0;background:linear-gradient(90deg,#0b0c13d9,transparent 80%),repeating-linear-gradient(90deg,transparent 0 79px,#c0aeef09 79px 80px),repeating-linear-gradient(0deg,transparent 0 79px,#c0aeef09 79px 80px)}
.match-hero-image{opacity:.16!important}
.route-hero.omnelia-atmosphere{background:#0b0c13}
.route-hero:before{opacity:.12}
.xp-section.omnelia-atmosphere{background:#f5f4f7}
.xp-section>.ambient-field{background:#f5f4f7}
.xp-section>.ambient-field .kinetic-material{width:70%;left:auto;right:-20%;opacity:.16;filter:grayscale(.5)}
.xp-section>.ambient-field .kinetic-grid{background:linear-gradient(90deg,#f5f4f7 35%,#f5f4f766),repeating-linear-gradient(90deg,transparent 0 59px,#65527e12 59px 60px),repeating-linear-gradient(0deg,transparent 0 59px,#65527e12 59px 60px)}
.visual-scene{background:linear-gradient(140deg,#252332,#0c0d14 65%)!important;border:1px solid #a88fc63b}
@media(prefers-reduced-motion:no-preference){
 .kinetic-ribbons,.kinetic-edges{transform-origin:70% 45%;animation:kinetic-fold 16s ease-in-out infinite alternate;animation-play-state:paused}
 .kinetic-signal{animation:kinetic-travel 9s linear infinite;animation-play-state:paused}
 .kinetic-nodes{animation:kinetic-node-pulse 4s ease-in-out infinite alternate;animation-play-state:paused}
 .ambient-is-visible .kinetic-ribbons,.ambient-is-visible .kinetic-edges,.ambient-is-visible .kinetic-signal,.ambient-is-visible .kinetic-nodes{animation-play-state:running}
}
@media(max-width:767px){
 .kinetic-material{width:160%;left:-30%;opacity:.8}.kinetic-grid{background:linear-gradient(180deg,#0b0c1366,#0b0c1399 65%,#0b0c13aa),repeating-linear-gradient(90deg,transparent 0 47px,#c0aeef0c 47px 48px)}
 .xp-section>.ambient-field .kinetic-material{width:150%;right:-80%;left:auto;opacity:.12}
 .xp-section>.ambient-field .kinetic-grid{background:linear-gradient(90deg,#f5f4f7e6,#f5f4f740),repeating-linear-gradient(0deg,transparent 0 47px,#65527e10 47px 48px)}
 .route-main .route-feature-grid article,.route-main .route-service-row,.route-main .route-service-row:nth-child(n),.match-features article,.xp-finder-card,.xp-check-card{background:linear-gradient(140deg,#fcfbfede,#e9e7f1d9);border-color:#c8bed6;box-shadow:inset 0 1px #fff,0 8px 25px #15112610;border-radius:14px}
 .route-feature-grid article:after,.route-service-row:after,.match-features article:after,.xp-finder-card:after,.xp-check-card:after{border-radius:14px;width:80px;height:140px;right:-45px;top:-45px;rotate:35deg;border-color:#8f77b04a;box-shadow:12px 0 0 #69dce814,24px 0 0 #efb6cb12}
}
@keyframes kinetic-fold{from{transform:translate(-20px,10px) rotate(-5deg) scale(1)}to{transform:translate(25px,-20px) rotate(5deg) scale(1.06)}}
@keyframes kinetic-travel{to{stroke-dashoffset:-1800}}
@keyframes kinetic-node-pulse{from{opacity:.35}to{opacity:1}}

/* The material language and artwork movement also apply at desktop sizes. */
@media(min-width:768px){
 .route-main .route-feature-grid article,.route-main .route-service-row,.match-features article,.xp-finder-card,.xp-check-card{background:linear-gradient(145deg,#fff,#eeecf3);border:1px solid #ddd7e6;border-radius:16px;box-shadow:inset 0 1px #fff,0 12px 30px #1b14280a}
 .route-main .route-feature-grid article,.match-features article{padding:28px}
 .route-main .route-service-row{padding:26px}
 .xp-panel{background:linear-gradient(145deg,#fff,#f0edf5);border:1px solid #d7cde2;box-shadow:0 20px 50px #23152d10}
 .xp-tabs button[aria-selected=true]{background:linear-gradient(120deg,#21172c,#513666);color:#fff;border-color:#7f6497}
}
@media(prefers-reduced-motion:no-preference){
 .mobile-art-in-view .scene-floating,.mobile-art-in-view .scene-poster-front,.mobile-art-in-view .scene-course-front{animation:mobile-art-float 6s ease-in-out infinite}
 .mobile-art-in-view .scene-poster-back,.mobile-art-in-view .scene-course-back{animation:mobile-art-float 7s ease-in-out -3s infinite reverse}
 .mobile-art-in-view .scene-pulse{animation:mobile-status-glow 2.8s ease-in-out infinite}
 .mobile-art-in-view .scene-web-image img,.mobile-art-in-view .scene-course-cover img{animation:mobile-image-drift 10s ease-in-out infinite alternate}
}
@media(prefers-reduced-motion:no-preference){
 .kinetic-network{translate:var(--network-x,0px) var(--network-y,0px);transition:translate .5s ease-out,opacity .4s}
 .network-contact .kinetic-network{opacity:.75;stroke:#b7a2d2}
}

/* === visual-scenes.css === */
/* Detailed visual compositions replace the generic standalone-symbol panels. */
.visual-scene{position:relative;min-width:0;height:390px;overflow:hidden;border-radius:16px;background:#181724;isolation:isolate;container-type:inline-size}.visual-scene:before{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:#9d80c21c;filter:blur(40px);top:-200px;left:-120px}.scene-stage{position:absolute;left:50%;top:48%;width:540px;height:340px;transform:translate(-50%,-50%) scale(.95);transform-origin:center}.scene-caption{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;font:8px/1.4 Satoshi,sans-serif;color:#968da8;letter-spacing:.1em}.scene-window{border-radius:15px;border:1px solid #ffffff1c;box-shadow:0 20px 50px #0005;overflow:hidden;background:#f6f3f8;color:#211c2c;position:absolute}.scene-window-bar{height:27px;padding:0 13px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #ded7e5;background:#ece7f0}.scene-window-bar>i{width:4px;height:4px;border-radius:50%;background:#9e8bae}.scene-window-bar>span{font-size:6px;letter-spacing:.15em;margin-left:8px;color:#8a7b97}.scene-window-bar>b{margin-left:auto;font-size:11px;color:#8a7b97;font-weight:400}.scene-web{inset:18px 25px 18px 5px;transform:rotate(-4deg)}.scene-web-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.scene-web-nav>b{font-size:14px;letter-spacing:-.04em}.scene-web-nav>b>span{font-size:8px;margin-left:3px}.scene-web-nav>span{font-size:7px;color:#8b7c98}.scene-web-body{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;padding:0 20px 20px}.scene-web-body>div>p{font-size:6px;letter-spacing:.13em;color:#8b729d;margin:12px 0 13px}.scene-web-body h3{font:500 33px/.98 Satoshi,sans-serif!important;letter-spacing:-.06em!important;margin:0 0 20px!important;color:#2a2033!important}.scene-web-body h3 em{font-family:Zodiak,Georgia,serif;font-weight:300;color:#8963b0}.scene-faux-button{font-size:7px;background:#b899dc;color:#30213d;border-radius:20px;padding:9px 12px;display:inline-block}.scene-web-image{border-radius:60px 60px 12px 12px;overflow:hidden;height:170px;background:#201b29}.scene-web-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.scene-web-tiles{display:flex;gap:6px;padding:12px 20px;border-top:1px solid #e1d9e9;font-size:6px;color:#867091;justify-content:space-between}.scene-floating{position:absolute;z-index:2;border:1px solid #ffffff28;box-shadow:0 14px 28px #0004;border-radius:12px;background:#d7c2ef;color:#31203e;padding:16px;transform:rotate(7deg)}.scene-responsive{right:0;bottom:4px;width:145px}.scene-responsive>span,.scene-floating>span{font-size:7px;letter-spacing:.1em;display:block;margin-bottom:12px}.scene-responsive>div{display:flex;align-items:end;justify-content:center;gap:10px;height:45px}.scene-responsive i,.scene-responsive b,.scene-responsive em{display:block;border:1.5px solid #6a4b83;border-radius:3px;background:#b89cd8}.scene-responsive i{width:60px;height:39px}.scene-responsive b{width:24px;height:32px}.scene-responsive em{width:14px;height:24px}.scene-card{border-radius:14px;border:1px solid #ffffff20;background:#262334;color:#e7dfef;padding:20px;box-shadow:0 12px 25px #0002}.scene-eyebrow{display:block;font-size:7px;letter-spacing:.13em;color:#ae98c1;margin-bottom:13px}.scene-agent-board{padding:3px 20px}.scene-agent-input{width:78%;margin:auto;transform:rotate(-3deg);background:#ddd0ee;color:#33233f}.scene-agent-input .scene-eyebrow{color:#8d6da3}.scene-agent-input h3{font:500 24px/1.1 Satoshi,sans-serif!important;letter-spacing:-.035em!important;margin:0 0 12px!important}.scene-files{display:flex;gap:6px}.scene-tag{display:inline-block;padding:5px 8px;border:1px solid #9d83b24d;border-radius:4px;font:7px/1.4 Satoshi,sans-serif;color:#8e70a4}.scene-agent-connector{height:27px;display:grid;place-items:center;color:#c6aadf;font-size:18px}.scene-agent-core{display:flex;gap:16px;align-items:center;padding:18px 22px;background:#282738}.scene-agent-core>img{width:39px;height:39px;border-radius:50%}.scene-agent-core h3{font:500 19px/1.2 Satoshi,sans-serif!important;letter-spacing:-.035em!important;color:#eee6f5;margin:0!important}.scene-agent-core .scene-eyebrow{margin-bottom:7px}.scene-pulse{width:7px;height:7px;background:#9bd6df;box-shadow:0 0 20px #9bd6df66;border-radius:50%;margin-left:auto}.scene-agent-outputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.scene-agent-outputs>.scene-card{padding:15px 18px}.scene-agent-outputs span{font-size:7px;color:#a58dbb;letter-spacing:.1em}.scene-agent-outputs p{font:400 13px/1.5 Satoshi,sans-serif!important;color:#d0c4dd!important;margin:9px 0 0!important}.scene-search-window{inset:20px 25px 30px 0;transform:rotate(-3deg)}.scene-search-input{margin:20px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e4dce9;border-radius:20px;padding:9px 14px}.scene-search-input span{font-size:20px;color:#a98ac1}.scene-search-input strong{font-size:11px;font-weight:400;color:#7b6889}.scene-search-result{padding:0 25px}.scene-search-result>span{font-size:7px;color:#8f709e;letter-spacing:.12em}.scene-search-result h3{font:500 26px/1.08 Satoshi,sans-serif!important;letter-spacing:-.05em!important;color:#50366b!important;max-width:360px;margin:13px 0!important}.scene-search-result p{font:400 11px/1.65 Satoshi,sans-serif!important;color:#8e7e97!important;max-width:330px;margin:0 0 14px!important}.scene-search-result>div{display:flex;gap:6px}.scene-search-bottom{display:flex;gap:25px;border-top:1px solid #e5deeb;margin-top:20px;padding:15px 25px}.scene-search-bottom span{font-size:6px;letter-spacing:.12em;color:#ac97ba;display:block;margin-bottom:7px}.scene-search-bottom b{font-size:10px;font-weight:500;color:#6c537c}.scene-search-note{right:0;bottom:7px;width:180px;background:#c2dce4}.scene-floating>strong{font-size:18px;line-height:1.2;font-weight:500;letter-spacing:-.03em}.scene-plan-window{inset:10px 15px 25px 0;transform:rotate(-3deg);background:#e3d9ee}.scene-plan-title{padding:20px 23px}.scene-plan-title>span{font-size:7px;letter-spacing:.12em;color:#90739f}.scene-plan-title h3{font:500 31px/1.05 Satoshi,sans-serif!important;letter-spacing:-.055em!important;margin:10px 0 0!important;color:#2e203b!important}.scene-plan-title em{font-family:Zodiak,Georgia,serif;font-weight:300;color:#72558e}.scene-plan-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 25px}.scene-plan-columns>div{min-height:120px;background:#f4eff9;border-radius:9px;padding:14px 10px}.scene-plan-columns b{font-size:6px;letter-spacing:.06em;display:block;color:#ac92c2;font-weight:500;margin-bottom:15px}.scene-plan-columns span{display:block;margin-top:8px;padding:10px 7px;background:#e7dbf3;font-size:9px;border-radius:4px;color:#79608d}.scene-plan-columns>div:nth-child(2) span{background:#d7e6ed;color:#5f7a88}.scene-plan-note{right:0;bottom:-3px;background:#2c253e;color:#bca5d5;width:190px;transform:rotate(5deg)}.scene-studio-collage{position:relative;width:100%;height:100%}.scene-poster{position:absolute;border-radius:12px;overflow:hidden;box-shadow:0 18px 35px #0004}.scene-poster-back{width:235px;height:290px;background:#bca0df;padding:22px;left:30px;top:5px;transform:rotate(-11deg);color:#33213f}.scene-poster-back>span{font-size:7px;letter-spacing:.13em}.scene-poster-back>strong{font:500 61px/.88 Satoshi,sans-serif;letter-spacing:-.07em;display:block;margin-top:28px}.scene-poster-back em{font-family:Zodiak,Georgia,serif;font-weight:300}.scene-poster-back small{font-size:6px;letter-spacing:.13em;display:block;margin-top:24px}.scene-poster-front{width:230px;height:285px;right:35px;top:18px;transform:rotate(7deg);background:#211c2c}.scene-poster-front>img{width:100%;height:100%;object-fit:cover;opacity:.8}.scene-poster-front>div{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(transparent 20%,#13101bbb);color:#f4e6f5}.scene-poster-front span{font-size:7px;letter-spacing:.1em}.scene-poster-front strong{font:500 38px/.95 Satoshi,sans-serif;letter-spacing:-.05em}.scene-poster-front em{font-family:Zodiak,Georgia,serif;font-weight:300;color:#edc1d7}.scene-studio-rail{position:absolute;bottom:2px;left:25px;right:25px;height:57px;border-radius:10px;background:#282235e8;box-shadow:0 10px 25px #0004;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 15px}.scene-studio-rail i{height:var(--bar);width:3px;border-radius:5px;background:#b194ce}.scene-studio-rail span{font-size:7px;letter-spacing:.08em;color:#ae9bbf;margin-left:16px}.scene-secure-window{inset:10px 20px 5px 5px;transform:rotate(-3deg);background:#252536;color:#dfd5ec}.scene-secure-window .scene-window-bar{background:#303043;border-color:#ffffff12}.scene-secure-head{display:flex;gap:20px;align-items:center;padding:20px 24px}.scene-secure-head img{width:85px;height:105px;object-fit:cover;border-radius:12px}.scene-secure-head span{font-size:7px;color:#a48bc0;letter-spacing:.12em}.scene-secure-head h3{font:500 30px/1.06 Satoshi,sans-serif!important;margin:12px 0 0!important;letter-spacing:-.05em!important;color:#eee4f7!important}.scene-secure-head em{font:300 30px/1.06 Zodiak,Georgia,serif;color:#a5dce4}.scene-security-rows{padding:0 23px 20px}.scene-security-rows>div{display:flex;gap:12px;align-items:center;border-top:1px solid #ffffff16;padding:13px 0}.scene-security-rows i{font-size:8px;font-style:normal;color:#917ca6}.scene-security-rows strong{font-size:11px;font-weight:400;color:#d2c6dd}.scene-security-rows span{font-size:6px;margin-left:auto;color:#90b6bc;letter-spacing:.07em}.scene-learning{position:relative;width:100%;height:100%}.scene-course-card{position:absolute;border-radius:16px;box-shadow:0 18px 35px #0005;overflow:hidden}.scene-course-back{left:25px;top:10px;width:245px;height:280px;padding:24px;background:#c2a7e3;transform:rotate(-9deg);color:#372349}.scene-course-back>span{font-size:7px;letter-spacing:.12em}.scene-course-back>strong{font:500 49px/.96 Satoshi,sans-serif;letter-spacing:-.06em;display:block;margin-top:42px}.scene-course-back em{font-family:Zodiak,Georgia,serif;font-weight:300}.scene-course-back>div{display:flex;gap:4px;flex-wrap:wrap;margin-top:30px}.scene-course-front{right:35px;top:10px;width:245px;background:#f5f0fa;transform:rotate(8deg)}.scene-course-cover{height:160px;position:relative;overflow:hidden;background:#211b2a}.scene-course-cover img{width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.8}.scene-course-cover>span{position:absolute;left:18px;bottom:14px;color:#eadcf7;font-size:7px;letter-spacing:.16em}.scene-course-info{padding:19px;color:#3e2d4b}.scene-course-info>span{font-size:6px;color:#9b83b0;letter-spacing:.1em}.scene-course-info>strong{display:block;font:500 23px/1.1 Satoshi,sans-serif;letter-spacing:-.04em;margin:10px 0 17px}.scene-course-info>div{border-top:1px solid #e0d5e9;display:flex;gap:10px;align-items:center;padding-top:12px}.scene-course-info i{font-size:7px;font-style:normal;color:#a88cbd}.scene-course-info>div>span{font-size:8px;color:#7f668e}.scene-course-info b{font-size:13px;margin-left:auto;color:#a285b5;font-weight:400}
.xp-panel>.visual-scene{height:100%;min-height:390px;border-radius:0}.xp-panel>.visual-scene .scene-caption{font-size:6px}.xp-panel>.visual-scene .scene-stage{transform:translate(-50%,-50%) scale(.72)}
@container(max-width:550px){.scene-stage{transform:translate(-50%,-50%) scale(.84)}}
@container(max-width:460px){.scene-stage{transform:translate(-50%,-50%) scale(.7)}}
@container(max-width:360px){.scene-stage{transform:translate(-50%,-50%) scale(.58)}}
/* Artwork-first expandable showcase cards, using the approved ARDI portraits. */
.route-main .ardi-directory{align-items:start}.route-main .ardi-directory-card.ardi-showcase{display:block;padding:10px;background:#f4eff8;border:1px solid #e4daec;border-radius:26px;box-shadow:0 10px 30px #32223e0a;margin-top:0;overflow:hidden}
.ardi-showcase summary{cursor:pointer;list-style:none}.ardi-showcase summary::-webkit-details-marker{display:none}.ardi-showcase-cover{position:relative;border-radius:19px;overflow:hidden;background:#11121c}.route-main .ardi-showcase img{height:390px;margin:0;border-radius:0;object-fit:cover}.ardi-showcase-caption{position:absolute;left:0;right:0;bottom:0;padding:65px 25px 23px;background:linear-gradient(transparent,#0b0913e6)}.route-main .ardi-showcase-caption h3{color:#fff;font:300 43px/1.06 Zodiak,Georgia,serif;letter-spacing:-.05em;margin:10px 0 0}.ardi-showcase-caption .route-number{color:#b7dbe5;font-size:9px;letter-spacing:.08em}.ardi-showcase-toggle{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:55px;padding:14px 16px 5px;font-size:12px;color:#766183}.ardi-showcase-toggle b{font-size:25px;font-weight:400;line-height:1;color:#9e7eb6;transition:transform .25s}.ardi-showcase[open] .ardi-showcase-toggle b{transform:rotate(45deg)}.ardi-showcase-details{padding:18px 16px 20px;border-top:1px solid #e0d6e9;margin-top:12px;animation:showcase-enter .3s ease}.route-main .ardi-showcase-details p{font-size:15px;line-height:1.8;color:#786782;margin:0 0 12px}.route-main .ardi-showcase-details .text-link{font-size:12px;margin-top:0}.ardi-showcase summary:focus-visible{outline:2px solid #af8aff;outline-offset:3px;border-radius:19px}@keyframes showcase-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:767px){.visual-scene{height:240px;border-radius:12px}.scene-stage{transform:translate(-50%,-50%) scale(.61)}.scene-caption{font-size:6px;left:14px;right:14px;bottom:10px}.xp-panel>.visual-scene{height:200px;min-height:200px;order:-1}.xp-panel>.visual-scene .scene-stage{transform:translate(-50%,-50%) scale(.52)}.xp-panel>.visual-scene .scene-caption{font-size:5px}.route-main .ardi-directory-card.ardi-showcase{padding:6px;border-radius:18px}.ardi-showcase-cover{border-radius:13px}.route-main .ardi-showcase img{height:220px}.ardi-showcase-caption{padding:40px 12px 14px}.route-main .ardi-showcase-caption h3{font-size:28px;margin-top:7px}.ardi-showcase-caption .route-number{font-size:7px;line-height:1.5}.ardi-showcase-toggle{min-height:48px;padding:10px 8px 5px;gap:6px;font-size:10px}.ardi-showcase-toggle b{font-size:20px}.ardi-showcase-details{padding:13px 8px 14px;margin-top:8px}.route-main .ardi-showcase-details p{font-size:12px;line-height:1.7}.route-main .ardi-showcase-details .text-link{font-size:11px;line-height:1.5}}
@media(max-width:359px){.scene-stage{transform:translate(-50%,-50%) scale(.51)}.xp-panel>.visual-scene .scene-stage{transform:translate(-50%,-50%) scale(.46)}.route-main .ardi-showcase img{height:190px}.route-main .ardi-showcase-caption h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ardi-showcase-details{animation:none}.ardi-showcase-toggle b{transition:none}}

/* === service-tiles.css === */
/* Image-led Service Tiles composition, rebuilt for Omnelia. */
.tile-art{position:relative;width:100%;height:250px;overflow:hidden;background:radial-gradient(ellipse at 80% 0,#fff9,transparent 65%),linear-gradient(135deg,#d5c9f2,#a18ac5);isolation:isolate}.tile-art--1{background:radial-gradient(ellipse at 80% 0,#fff9,transparent 65%),linear-gradient(135deg,#c6e9ec,#77a3b4)}.tile-art--2{background:radial-gradient(ellipse at 80% 0,#fff9,transparent 65%),linear-gradient(135deg,#f2d5de,#c596b7)}.tile-art svg{display:block;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.tile-art-coordinate{position:absolute;right:12px;bottom:10px;font:7px/1 Satoshi,sans-serif;letter-spacing:.13em;color:#4937529c}.tile-sequence{position:absolute;left:14px;top:14px;background:#ffffffd9;border:1px solid #fff;padding:5px 8px;font-size:11px;color:#352942;z-index:2}.tile-category{font-size:9px;letter-spacing:.07em;color:#786a82;display:flex;align-items:center;gap:7px}.tile-category:before{content:'';width:6px;height:6px;border-radius:50%;background:#af8aff;box-shadow:0 0 0 3px #af8aff18}.tile-tags{display:flex;gap:5px;flex-wrap:wrap}.tile-tags>span{font-size:9px;padding:4px 7px;color:#796884;background:#eee8f3}
.route-main .route-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:stretch}.route-main .route-service-row.service-tile,.route-main .route-service-row.service-tile:nth-child(n){position:relative;display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:0 0 22px;margin:0;min-width:0;min-height:0;background:#fff;border:1px solid #e3dce9;border-radius:3px;overflow:hidden;box-shadow:0 6px 20px #21132c06;transition:translate .35s,box-shadow .35s,border-color .35s}.service-tile>.tile-art{height:250px;flex-shrink:0}.service-tile>.tile-category,.service-tile>div:not(.tile-art),.service-tile>.text-link{margin-inline:22px}.route-main .service-tile h3{font-size:26px;line-height:1.15;letter-spacing:-.045em;margin:0 0 12px}.route-main .service-tile p{font-size:14px;line-height:1.7;margin:0;color:#766a7e}.service-tile>.tile-tags{margin-top:auto}.service-tile>.text-link{display:flex;justify-content:space-between;align-items:center;min-height:43px;padding:9px 12px;border:1px solid #d5c7e1;border-radius:2px;font-size:11px;transition:background .25s,color .25s}.service-tile .text-link>span{transition:translate .3s}
.xp-finder-grid{gap:20px}.xp-finder-card{display:flex;flex-direction:column;align-items:stretch;padding:0 0 22px!important;background:#fff!important;border-radius:3px!important;gap:16px;box-shadow:0 8px 25px #21132c08!important}.xp-finder-card>.tile-art{height:210px;flex-shrink:0}.xp-finder-card>h3,.xp-finder-card>p,.xp-finder-card>.tile-category,.xp-finder-card>span:not(.xp-spotlight):last-child{margin:0 20px!important}.xp-finder-card h3{font-size:25px}.xp-finder-card>p{max-width:none}.xp-finder-card>span:not(.xp-spotlight):last-child{margin-top:auto!important;border-top:1px solid #e0d5e9;padding-top:10px}.xp-finder-card:after{display:none}.xp-gallery-card>.xp-art{gap:0;padding:0;display:block}.xp-gallery-card .tile-art{height:100%}.xp-gallery-card .xp-art>span:not(.xp-spotlight){position:absolute;left:16px;top:16px;background:#fff9;color:#4e3c5c;padding:6px 9px;font-size:9px}.xp-gallery-card .xp-art:after{display:none}.xp-lightbox-content>.xp-art .tile-art{height:100%}
@media(hover:hover){.service-tile:hover,.xp-finder-card:hover{translate:0 -7px;box-shadow:0 18px 40px #30213b18!important;border-color:#b99ccf}.service-tile:hover .tile-art svg,.xp-finder-card:hover .tile-art svg,.xp-gallery-card:hover .tile-art svg{transform:scale(1.06) translateY(-3px)}.service-tile .text-link:hover{background:#272032;color:#fff}.service-tile .text-link:hover>span{translate:3px -3px}}
.service-tile:focus-within,.xp-finder-card:focus-visible{outline:2px solid #8c60bb;outline-offset:4px}
@media(max-width:1000px){.route-main .route-service-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.route-main .route-service-list{gap:14px 10px}.route-main .route-service-row.service-tile,.route-main .route-service-row.service-tile:nth-child(n){padding:0 0 13px;gap:12px}.service-tile>.tile-art{height:145px}.service-tile>.tile-category,.service-tile>div:not(.tile-art),.service-tile>.text-link{margin-inline:12px}.tile-category{font-size:7px;line-height:1.6;letter-spacing:.02em;gap:5px}.tile-category:before{width:4px;height:4px;flex-shrink:0}.tile-sequence{font-size:8px;top:8px;left:8px;padding:4px 6px}.route-main .service-tile h3{font-size:20px;line-height:1.16;margin:0 0 9px}.route-main .service-tile p{font-size:12px;line-height:1.65}.tile-tags{gap:4px}.tile-tags>span{font-size:7px;padding:3px 5px}.service-tile>.text-link{font-size:10px;min-height:40px;padding:8px;align-self:stretch!important}.tile-art-coordinate{font-size:5px;right:8px;bottom:7px}.xp-finder-grid{gap:14px 10px}.xp-finder-card{padding-bottom:15px!important;gap:12px;min-height:0}.xp-finder-card>.tile-art{height:145px}.xp-finder-card>h3,.xp-finder-card>p,.xp-finder-card>.tile-category,.xp-finder-card>span:not(.xp-spotlight):last-child{margin-inline:12px!important}.xp-finder-card h3{font-size:21px}.xp-finder-card>p{font-size:12px;line-height:1.65}.xp-gallery-card>.xp-art{height:170px;min-height:170px}.xp-gallery-card .xp-art>span:not(.xp-spotlight){font-size:6px;top:8px;left:8px;padding:4px 6px}}
@media(max-width:359px){.service-tile>.tile-art,.xp-finder-card>.tile-art{height:125px}.route-main .service-tile h3,.xp-finder-card h3{font-size:18px}.route-main .service-tile p,.xp-finder-card>p{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.tile-art .tile-orbit{transform-origin:center;animation:tile-orbit 12s ease-in-out infinite alternate}.tile-art .tile-ribbon{animation:tile-hover 7s ease-in-out infinite alternate}.tile-art .tile-sphere{animation:tile-hover 5s ease-in-out -2s infinite alternate}.tile-art .tile-slab-0{animation:tile-hover 6s ease-in-out infinite alternate}.tile-art .tile-slab-2{animation:tile-hover 6s ease-in-out -3s infinite alternate}}
@keyframes tile-hover{from{translate:0 0}to{translate:0 -9px}}@keyframes tile-orbit{from{rotate:-5deg}to{rotate:5deg}}
@media(prefers-reduced-motion:reduce){.tile-art *,.service-tile,.xp-finder-card{animation:none!important;transition:none!important;translate:none!important}}
@media(prefers-reduced-motion:no-preference){.tile-art .tile-orbit,.tile-art .tile-ribbon,.tile-art .tile-sphere,.tile-art .tile-slab{animation-play-state:paused}.tile-art.mobile-art-in-view .tile-orbit,.tile-art.mobile-art-in-view .tile-ribbon,.tile-art.mobile-art-in-view .tile-sphere,.tile-art.mobile-art-in-view .tile-slab{animation-play-state:running}}
.semantic-art,.semantic-art--agents{background:radial-gradient(ellipse at 100% 0,#32434d88,transparent 65%),linear-gradient(145deg,#282134,#111420)}.semantic-art--design,.semantic-art--content{background:linear-gradient(140deg,#41304e,#17131f)}.semantic-art--audio{background:linear-gradient(130deg,#12333e,#221b34)}.semantic-art--search,.semantic-art--web,.semantic-art--booking,.semantic-art--shop{background:linear-gradient(145deg,#baa4d1,#7d6e98)}.semantic-art--strategy,.semantic-art--learn{background:linear-gradient(145deg,#34515c,#242032)}.semantic-art .tile-art-coordinate{color:#c8bbdb9c}.semantic-art svg{transform:none}.semantic-art .semantic-orbit{transform-origin:227px 151px}
@media(prefers-reduced-motion:no-preference){.semantic-art.mobile-art-in-view .semantic-dash{stroke-dasharray:8 7;animation:semantic-travel 4s linear infinite}.semantic-art.mobile-art-in-view .semantic-pulse{animation:mobile-status-glow 2s infinite}.semantic-art.mobile-art-in-view .semantic-wave{transform-box:fill-box;transform-origin:center;animation:semantic-wave 1s ease-in-out infinite alternate;animation-delay:calc(var(--beat)*-.15s)}.semantic-art.mobile-art-in-view .semantic-scrub{animation:semantic-scrub 6s ease-in-out infinite alternate}.semantic-art.mobile-art-in-view .semantic-orbit{animation:semantic-rotate 24s linear infinite}}
@keyframes semantic-travel{to{stroke-dashoffset:-90}}@keyframes semantic-wave{to{scale:1 .4}}@keyframes semantic-scrub{to{translate:110px 0}}@keyframes semantic-rotate{to{rotate:360deg}}

/* === card-systems.css === */
.glass-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.glass-capability{min-width:0;perspective:1200px}.glass-object{position:relative;height:410px;border-radius:28px;isolation:isolate}.glass-object>.tile-art{position:absolute;inset:0;border-radius:28px;height:100%;filter:saturate(.8)}.glass-object>.tile-art svg{scale:1.15;translate:0 -10px}.glass-turn{position:absolute;inset:12px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.is-flipped .glass-turn{transform:rotateY(180deg)}.glass-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:23px;border:1px solid #ffffffe0;box-shadow:inset 2px 2px 5px #fffc,inset -1px -1px 6px #ffffff50,0 14px 28px #22143022;background:linear-gradient(135deg,#fff5,#ffffff08 45%,#0c0b1e99);backdrop-filter:blur(12px);padding:25px;color:#fff;display:flex;flex-direction:column;align-items:start}.glass-label{font-size:10px;letter-spacing:.05em;padding:7px 10px;background:#ffffff20;border:1px solid #ffffff30;border-radius:30px}.glass-front h3{margin:auto 0 24px;font-size:34px;line-height:1.05;letter-spacing:-.05em;text-shadow:0 2px 20px #1c123b55}.glass-face button,.glass-face a{border:1px solid #ffffff60;border-radius:25px;background:#ffffff25;color:#fff;padding:10px 15px;font:12px Satoshi,sans-serif;cursor:pointer;min-height:44px}.glass-front button{display:flex;gap:12px;align-items:center}.glass-back{transform:rotateY(180deg);background:linear-gradient(135deg,#30233be8,#111827ef);backdrop-filter:blur(20px)}.glass-back p{font-size:15px;line-height:1.7;margin:24px 0 15px;color:#ede1f8}.glass-back ol{padding-left:18px;font-size:12px;line-height:1.9;color:#cdbadf;margin:0 0 20px}.glass-back a{margin-top:auto;font-size:11px}.glass-back button{margin-top:10px;background:transparent;font-size:10px;min-height:36px}.glass-face button:focus-visible,.glass-face a:focus-visible{outline:2px solid #69dce8;outline-offset:3px}
.process-deck{display:flex;gap:16px;margin-bottom:40px;align-items:stretch}.process-card{flex:1;min-width:0;border:1px solid #d9cde4;border-radius:18px;background:linear-gradient(145deg,#fff,#ebe6f3);overflow:hidden;transition:flex .6s cubic-bezier(.2,.7,.2,1),background .4s}.process-card[open]{flex:2;background:#1b1725;color:#fff;border-color:#8f72ae}.process-card summary{display:flex;gap:16px;align-items:center;cursor:pointer;padding:25px;list-style:none}.process-card summary::-webkit-details-marker{display:none}.process-card summary>span{font:300 46px/1 Zodiak,serif;letter-spacing:-.08em;color:#ab8bc6}.process-card summary h3{font-size:20px;line-height:1.2;margin:0;letter-spacing:-.03em;font-weight:500}.process-card summary>b{margin-left:auto;font-size:20px;font-weight:400;color:#a88bc1}.process-body{padding:0 25px 25px}.process-body h4{font-size:25px;line-height:1.15;letter-spacing:-.03em;margin:0 0 16px;font-weight:500}.process-body p{font-size:14px;line-height:1.8;color:#d2c3df;margin-bottom:22px}.process-body .tile-art{height:180px;border-radius:10px}.process-card[open] .process-body{animation:process-reveal .5s ease}.xp-section[data-experience=steps]>.xp-tabs,.xp-section[data-experience=steps]>.xp-step-panel{display:none!important}
.showcase-system{padding:30px 25px 22px;background:#181522;border:1px solid #5a426f;border-radius:24px;margin-bottom:40px;overflow:hidden}.showcase-deck{position:relative;height:430px;max-width:900px;margin:auto;perspective:1200px}.showcase-card{position:absolute;left:12%;top:20px;width:65%;height:350px;padding:0;border:1px solid #a78db655;border-radius:18px;overflow:hidden;background:#211a2e;color:#fff;cursor:pointer;transform:translateX(calc(var(--offset)*65px)) translateY(calc(var(--offset)*10px)) rotate(calc(var(--offset)*4deg)) scale(calc(1 - var(--offset)*.05));transform-origin:bottom center;z-index:calc(8 - var(--offset));transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .6s;filter:brightness(.6);box-shadow:0 20px 40px #0006;text-align:left}.showcase-card.is-front{filter:brightness(1)}.showcase-card .visual-scene{height:100%;border:0!important;border-radius:0}.showcase-card>span{position:absolute;inset:auto 0 0;padding:30px 24px 20px;background:linear-gradient(transparent,#0c0913f5);display:block}.showcase-card small{display:block;color:#cdb6e4;font-size:9px;letter-spacing:.1em;margin-bottom:9px}.showcase-card strong{font:500 25px/1.15 Satoshi,sans-serif;letter-spacing:-.035em}.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#d5c2e9;font-size:14px}.showcase-controls>div{display:flex;gap:8px}.showcase-controls button{width:44px;height:44px;background:#ffffff09;color:#dfccf2;border:1px solid #8b6ca6;border-radius:50%;cursor:pointer;font-size:20px}.showcase-card:focus-visible{outline:2px solid #69dce8;outline-offset:3px}
@keyframes process-reveal{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.glass-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card summary{padding:20px;gap:10px}.process-card summary h3{font-size:17px}}
@media(max-width:767px){.glass-capabilities{gap:12px 10px}.glass-object{height:335px;border-radius:19px}.glass-object>.tile-art{border-radius:19px}.glass-turn{inset:7px}.glass-face{padding:14px 12px;border-radius:15px;backdrop-filter:blur(7px)}.glass-label{font-size:7px;padding:5px 7px;line-height:1.5;letter-spacing:0}.glass-front h3{font-size:25px;line-height:1.1;margin-bottom:18px;overflow-wrap:anywhere}.glass-face button{font-size:10px;padding:8px 11px}.glass-back p{font-size:12px;line-height:1.6;margin:14px 0 10px}.glass-back ol{font-size:10px;line-height:1.65;margin-bottom:12px;padding-left:12px}.glass-back a{font-size:9px;line-height:1.5;padding:8px 10px;min-height:36px}.glass-back button{min-height:34px;margin-top:7px}.process-deck{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:25px}.process-card summary{padding:18px;gap:15px}.process-card summary>span{font-size:35px}.process-card summary h3{font-size:19px}.process-body{padding:0 18px 18px}.process-body h4{font-size:24px}.process-body p{font-size:13px;line-height:1.7;margin-bottom:16px}.process-body .tile-art{height:150px}.showcase-system{padding:20px 14px 15px;border-radius:18px;margin-bottom:30px}.showcase-deck{height:290px}.showcase-card{left:2%;top:12px;width:78%;height:240px;transform:translateX(calc(var(--offset)*24px)) translateY(calc(var(--offset)*6px)) rotate(calc(var(--offset)*3deg)) scale(calc(1 - var(--offset)*.05));border-radius:12px}.showcase-card .scene-stage{transform:translate(-50%,-50%) scale(.46)}.showcase-card>span{padding:25px 15px 15px}.showcase-card strong{font-size:20px}.showcase-card small{font-size:7px}.showcase-controls{font-size:12px;gap:10px}.showcase-controls button{width:40px;height:40px}.showcase-card .scene-caption{display:none}}
@media(max-width:359px){.glass-object{height:365px}.glass-front h3{font-size:22px}.glass-back p{font-size:11px}.glass-face{padding:12px 10px}.glass-back a{font-size:8px}.showcase-card .scene-stage{transform:translate(-50%,-50%) scale(.38)}}
@media(prefers-reduced-motion:reduce){.glass-turn,.showcase-card,.process-card{transition:none}.process-card[open] .process-body{animation:none}}
.glass-capabilities{margin-bottom:35px}
.glass-front{background:linear-gradient(160deg,#211b3538,#ffffff08 40%,#100c24b8)}.glass-front .glass-label{background:#21162d4d;color:#fff;border-color:#ffffff75;text-shadow:0 1px 4px #0006}.glass-front h3{color:#fff}.glass-front button{background:#21162d45}
.no-js .glass-object{height:auto;min-height:450px}.no-js .glass-back{position:relative;transform:none;backface-visibility:visible}.no-js .glass-front{display:none}.no-js .glass-back button{display:none}
/* Clear subject matter stays visible through the glass, rather than blurred symbols. */
.glass-object>.semantic-art svg{scale:1;translate:0 -26px}.glass-front{backdrop-filter:none;background:linear-gradient(180deg,#18142610 45%,#14101fd9 78%)}.glass-front h3{font-size:29px}.glass-front .glass-label{background:#171321aa}.showcase-card>.semantic-art{height:100%;border-radius:0}.showcase-card>.semantic-art svg{height:90%;translate:0 -10px}.showcase-card .tile-art-coordinate{display:none}
@media(max-width:767px){.glass-object>.semantic-art svg{width:155%;max-width:none;margin-left:-27.5%;height:78%;translate:0 0}.glass-front h3{font-size:23px}.showcase-card>.semantic-art svg{height:85%;translate:0 0}}

/* === generated-art.css === */
/* Original generated campaign artwork, shared across the component system. */
.generated-tile{background:#101018;position:relative;isolation:isolate;overflow:hidden}.generated-tile>picture,.generated-tile img{width:100%;height:100%;display:block}.generated-tile img{object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);filter:none;transform-origin:center}.generated-tile:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b09100a 70%,#0b09108a)}.generated-tile .tile-art-coordinate{z-index:2;color:#e5d7f3a8;font-size:7px}.generated-hero-art{position:relative;overflow:hidden;border-radius:22px;border:1px solid #c1a6e52a;box-shadow:0 20px 60px #0003;margin:0;background:#101018;aspect-ratio:1.5}.generated-hero-art picture,.generated-hero-art img{display:block;width:100%;height:100%}.generated-hero-art img{object-fit:cover}.generated-hero-art figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:12px;padding:30px 20px 16px;background:linear-gradient(transparent,#08060fcc);font-size:8px;letter-spacing:.12em;color:#d5c7e5}.generated-tile--support img{object-position:center 46%}.generated-tile--research img{object-position:center 48%}.generated-tile--audio img{object-position:center 45%}.generated-tile--video img{object-position:center 45%}
.glass-object>.generated-tile{height:100%;border-radius:28px}.glass-object>.generated-tile img{height:100%;object-fit:cover;object-position:center 35%}.glass-front{background:linear-gradient(180deg,#100b1e1a 35%,#100b1ed9 80%);backdrop-filter:none}.glass-front h3{font-size:32px;text-shadow:0 3px 18px #000b}.glass-face{box-shadow:inset 1px 1px 3px #ffffff70,inset -1px -1px 3px #ffffff20,0 14px 28px #10092340;border-color:#e0cef5a6}.showcase-card>.generated-tile{height:100%}.showcase-card>.generated-tile img{object-position:center}.showcase-card>span{z-index:3}.xp-gallery-card .generated-tile{height:100%}.xp-lightbox-content>.xp-art .generated-tile{height:100%}.process-body .generated-tile{height:190px}.xp-finder-card>.generated-tile{height:230px}.service-tile>.generated-tile{height:260px}
.reference-home .match-hero-image{background-image:linear-gradient(90deg,#0a0913e6,#0a091355 60%,#0a091311),url('assets/generated/intelligence-1280.webp');background-position:center,right center;background-size:cover;opacity:.72!important}.match-hero>.ambient-field{opacity:.2}.match-about-art img{object-fit:cover;object-position:center}.topic-art.generated-topic{padding:0;overflow:hidden;background:#14121d}.generated-topic img{width:100%;height:100%;display:block;object-fit:cover}.generated-topic>span{position:absolute;top:12px;left:12px;bottom:auto;right:auto;background:#0e0a18a6;color:#e4d5f2;border:1px solid #ba9bd04d;padding:5px 8px;font:10px Satoshi,sans-serif}.generated-topic{position:relative}.match-about-art{border-radius:20px;overflow:hidden}
@media(hover:hover){.service-tile:hover .generated-tile img,.xp-finder-card:hover .generated-tile img,.xp-gallery-card:hover .generated-tile img{transform:scale(1.055)}}
@media(max-width:767px){.generated-hero-art{border-radius:15px;aspect-ratio:1.4}.generated-hero-art figcaption{font-size:6px;padding:25px 13px 12px;letter-spacing:.07em}.service-tile>.generated-tile,.xp-finder-card>.generated-tile{height:160px}.generated-tile .tile-art-coordinate{font-size:5px}.glass-object>.generated-tile{border-radius:19px}.glass-object>.generated-tile img{object-position:center 30%}.glass-front h3{font-size:25px;line-height:1.1}.showcase-card>.generated-tile img{object-fit:cover}.process-body .generated-tile{height:170px}.reference-home .match-hero-image{background-position:center;opacity:.62!important}.match-about-art img{height:100%;width:100%}.generated-topic>span{font-size:8px;left:9px;top:9px}.topic-art.generated-topic{height:170px}}
@media(max-width:359px){.service-tile>.generated-tile,.xp-finder-card>.generated-tile{height:140px}.glass-front h3{font-size:22px}}
@media(prefers-reduced-motion:no-preference){.generated-tile.mobile-art-in-view img{animation:generated-breathe 14s ease-in-out infinite alternate}}
@keyframes generated-breathe{from{scale:1}to{scale:1.045}}
@media(prefers-reduced-motion:reduce){.generated-tile img{transition:none;animation:none}}
.visual-scene>.generated-tile{height:100%}.visual-scene:before,.visual-scene:after{display:none}.xp-panel>.visual-scene{min-height:390px}.generated-ardi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#111}.generated-ardi-grid img{width:100%;height:100%;object-fit:cover}.xp-panel>.visual-scene>.generated-tile img{object-fit:cover}.xp-panel>.visual-scene .tile-art-coordinate{font-size:6px}
@media(max-width:767px){.xp-panel>.visual-scene{min-height:220px;height:220px}.xp-panel>.visual-scene>.generated-tile img{object-position:center}.generated-hero-art img{min-height:0}}
.service-thumb{overflow:hidden;border-radius:10px}.service-thumb img{width:100%;height:100%;display:block;object-fit:cover}.purpose-symbol.generated-purpose{font-size:0;filter:none;border-radius:20px;overflow:hidden;aspect-ratio:1.1}.generated-purpose img{width:100%;height:100%;object-fit:cover;display:block}.match-purpose .purpose-grid{gap:65px}
@media(max-width:767px){.purpose-symbol.generated-purpose{height:250px;aspect-ratio:auto}.match-purpose .purpose-grid{gap:25px}.service-thumb{width:55px;height:55px}}
.reference-home .match-hero-image{filter:none!important;opacity:.85!important;background-image:linear-gradient(90deg,#0a0913a6,#0a091322 60%,#0a091311),url('assets/generated/intelligence-1280.webp')}.match-hero-content{text-shadow:0 3px 24px #000a}.match-hero-content>p{color:#c0f0f4}
@media(max-width:767px){.reference-home .match-hero-image{opacity:.8!important;background-image:linear-gradient(180deg,#0a091344,#0a091355 50%,#0a0913aa),url('assets/generated/intelligence-1280.webp')}.glass-capability:last-child:nth-child(odd){grid-column:1/-1}.glass-capability:last-child:nth-child(odd) .glass-object{height:260px}.glass-capability:last-child:nth-child(odd) .glass-front h3{max-width:75%}.glass-capability:last-child:nth-child(odd) .generated-tile img{object-position:center 45%}}
.generated-hero-art--mascot{aspect-ratio:1.15;background:#101018}.generated-hero-art--mascot img{object-fit:contain}.match-about-art{background:#101018}.match-about-art>img[src*="mascot-"]{object-fit:contain;width:100%;height:100%}
/* Shared brand presence: one global implementation for all page sizes. */
.site-header .brand-avatar,.match-footer .brand-avatar{width:42px;height:42px;border:1px solid #cdb4e56b;border-radius:50%;object-fit:cover;object-position:50% 24%;box-shadow:0 0 18px #af8aff16;background:#12101a}
.site-nav.is-open{display:grid;grid-template-columns:minmax(280px,430px) minmax(320px,600px);gap:70px;padding:40px max(40px,8vw);align-content:center;justify-content:center;isolation:isolate;background:radial-gradient(ellipse at 20% 50%,#33213e60,transparent 60%),#0c0b14}
.nav-brand-scene{position:relative;align-self:stretch;min-height:350px;border-radius:24px;border:1px solid #b89bd035;overflow:hidden;background:#13101b}.nav-brand-scene>img{width:100%;height:100%;max-height:570px;object-fit:contain;display:block}.nav-brand-scene>span{position:absolute;inset:auto 0 0;padding:45px 24px 23px;background:linear-gradient(transparent,#0a0714ed);color:#d5baee;font-size:12px;letter-spacing:.12em}.nav-brand-scene small{display:block;color:#fff;font-size:25px;letter-spacing:-.04em;margin-top:8px}.nav-links{display:flex;flex-direction:column;gap:5px;width:100%}.nav-links>a{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:clamp(25px,3.4vw,50px);line-height:1.3;padding:15px 0;letter-spacing:-.04em;border-bottom:1px solid #bba3ce20;transition:color .2s,padding .3s}.nav-links>a:after{content:'↗';font-size:22px;color:#ac8bca}.nav-links>a:hover,.nav-links>a:focus-visible{color:#69dce8;padding-left:10px}.footer-studio-presence{display:flex;justify-content:center;align-items:center;gap:45px;padding-bottom:42px;margin-bottom:38px;border-bottom:1px solid #bda4d326;text-align:left}.footer-mascot{height:200px;width:150px;object-fit:contain;border-radius:22px;border:1px solid #bda4d32b}.footer-studio-presence .match-label{margin-bottom:15px;color:#a98bc4}.footer-studio-presence .footer-presence-title{font-size:42px;line-height:1.1;color:#fff;letter-spacing:-.05em;margin:0 0 20px}.footer-presence-title em{font-family:Zodiak,Georgia,serif;color:#bd9ae1;font-weight:300}.footer-studio-presence .text-link{font-size:12px;color:#9edbe5}
@media(max-width:767px){.site-header .brand-avatar{width:36px;height:36px}.site-nav.is-open{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:18px;padding:18px 20px 30px;overscroll-behavior:contain}.nav-brand-scene{display:grid;grid-template-columns:105px 1fr;min-height:0;height:155px;flex-shrink:0;border-radius:15px;align-items:center}.nav-brand-scene>img{width:110px;height:155px;object-fit:contain}.nav-brand-scene>span{position:static;background:none;padding:12px;font-size:9px;letter-spacing:.1em}.nav-brand-scene small{font-size:26px;line-height:1.1;margin-top:10px;max-width:180px}.nav-links{gap:0}.nav-links>a{font-size:25px;padding:11px 0;min-height:48px}.nav-links>a:after{font-size:18px}.footer-studio-presence{gap:18px;padding-bottom:25px;margin-bottom:25px}.footer-mascot{height:145px;width:105px;border-radius:15px}.footer-studio-presence .match-label{font-size:8px;line-height:1.5;margin-bottom:10px}.footer-studio-presence .footer-presence-title{font-size:27px;margin-bottom:12px}.footer-studio-presence .text-link{font-size:10px}.match-footer .brand-avatar{width:36px;height:36px}}
@media(max-height:700px) and (max-width:767px){.nav-brand-scene{height:110px}.nav-brand-scene>img{height:110px}.nav-brand-scene small{font-size:22px}.nav-links>a{font-size:23px;padding:7px 0;min-height:42px}}
@media(prefers-reduced-motion:reduce){.nav-links>a{transition:none}}

/* === phone-density.css === */
/* Phone composition: tighter rhythm and smaller artwork without shrinking tap targets. */
@media(max-width:767px){
 .nav-wrap{min-height:64px;width:calc(100% - 28px)}.site-header .brand-avatar{width:31px;height:31px}.site-header .brand{font-size:16px;gap:8px}.menu-toggle{height:38px}.xp-search-launch{top:13px;right:54px;width:36px;height:36px}.site-nav{top:64px}.site-nav.is-open{padding:14px 18px 22px;gap:12px}.nav-brand-scene{height:120px;grid-template-columns:86px 1fr}.nav-brand-scene>img{width:86px;height:120px}.nav-brand-scene small{font-size:23px}.nav-links>a{padding:9px 0;font-size:24px;min-height:46px}
 .match-hero{height:560px;min-height:520px;max-height:78svh}.match-hero-content{padding:0 16px 8px}.match-hero h1{font-size:clamp(37px,9.6vw,48px);margin-bottom:22px;line-height:1.06}.match-hero-content>p{font-size:17px;max-width:280px}.match-hero-location{font-size:10px;bottom:19px;left:16px}.match-scroll{width:34px;height:34px;bottom:18px;right:17px}
 .section-shell,.match-shell,.route-main .section-shell{width:calc(100% - 28px)}.xp-section,.route-main .section-pad{padding-block:28px}.xp-heading{margin-bottom:18px}.xp-heading .eyebrow{margin-bottom:11px;padding:3px 8px;font-size:8px}.xp-heading h2{font-size:28px;line-height:1.12;margin-bottom:10px}.xp-heading>p:last-child{font-size:12px;line-height:1.6}.match-label{font-size:8px;margin-bottom:12px}
 .route-main{padding-top:64px}.route-main .route-hero{padding:18px 0 25px}.route-main .breadcrumbs{font-size:8px;margin-bottom:20px}.route-hero-copy{margin-bottom:20px}.route-main .route-hero-copy h1{font-size:clamp(33px,8.7vw,43px);line-height:1.05}.route-hero .eyebrow{font-size:8px;margin-bottom:13px}.route-hero-details{padding-top:18px;gap:17px}.route-main .route-lede{font-size:13px;line-height:1.65}.route-actions{margin-top:15px;gap:7px}.route-actions .button{font-size:11px;min-height:42px;padding:8px}.generated-hero-art{aspect-ratio:1.95;border-radius:12px}.generated-hero-art figcaption{font-size:5px;padding:18px 11px 9px}.generated-hero-art--mascot{height:230px;aspect-ratio:auto}.route-main .route-mascot-frame{min-height:0;height:220px;max-height:none}.route-main .route-mascot-frame img{height:220px;object-fit:contain}.route-family-art{height:140px}.route-family-art img{height:120px}
 .route-main .route-section-heading{gap:9px;margin-bottom:20px}.route-main .route-section-heading h2{font-size:28px}.route-main .route-section-heading>p:last-child:not(.eyebrow){font-size:12px;line-height:1.65}.route-main .route-feature-grid,.route-main .route-steps{gap:9px}.route-main .route-feature-grid article,.route-main .route-steps article,.route-main .route-steps article+article{padding:14px 12px}.route-main .route-feature-grid h3,.route-main .route-steps h3{font-size:18px;margin:14px 0 9px;line-height:1.17}.route-main .route-feature-grid p,.route-main .route-steps p{font-size:12px;line-height:1.6}.route-feature-grid .route-number{font-size:8px}
 .route-main .route-service-list,.xp-finder-grid{gap:10px 9px}.service-tile>.generated-tile,.xp-finder-card>.generated-tile{height:110px}.route-main .route-service-row.service-tile,.route-main .route-service-row.service-tile:nth-child(n){gap:9px;padding-bottom:10px}.service-tile>.tile-category,.service-tile>div:not(.tile-art),.service-tile>.text-link{margin-inline:10px}.tile-category{font-size:9px;line-height:1.4}.tile-sequence{font-size:7px;padding:3px 5px;left:6px;top:6px}.route-main .service-tile h3{font-size:18px;line-height:1.12;margin:0 0 8px}.route-main .service-tile p{font-size:11px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.tile-tags>span{font-size:9px;padding:3px 4px}.service-tile>.text-link{min-height:40px;font-size:11px;padding:7px}.xp-finder-card{gap:10px;padding-bottom:12px!important}.xp-finder-card>h3,.xp-finder-card>p,.xp-finder-card>.tile-category,.xp-finder-card>span:not(.xp-spotlight):last-child{margin-inline:10px!important}.xp-finder-card h3{font-size:19px;line-height:1.12}.xp-finder-card>p{font-size:11px;line-height:1.5}.xp-finder-card>span:not(.xp-spotlight):last-child{padding-top:7px;font-size:18px}
 .xp-tabs,.xp-filter{gap:6px;margin-bottom:14px}.xp-tabs button,.xp-filter button{font-size:10px;padding:8px 6px;min-height:42px}.xp-panel-copy{padding:17px}.xp-panel h3{font-size:24px;margin-bottom:10px}.xp-panel p:not(.xp-index):not(.xp-trace-status){font-size:12px;line-height:1.65;margin-bottom:12px}.xp-index{font-size:8px;margin-bottom:10px}.xp-panel>.visual-scene{height:155px;min-height:155px}.xp-journey{margin:12px 0 15px;gap:5px}.xp-journey li{font-size:9px;padding:7px 5px}.xp-panel .text-link{font-size:11px}.xp-node{min-height:120px;padding:13px 11px;gap:8px}.xp-node .xp-vector{width:26px;height:26px;margin:3px 0}.xp-node h3{font-size:15px}.xp-flow-panel{padding:17px 13px}.xp-flow{gap:8px;margin-bottom:14px}.xp-action{padding:9px 13px;min-height:42px;font-size:11px}
 .glass-capabilities{gap:10px 9px;margin-bottom:22px}.glass-object{height:275px}.glass-face{padding:13px 11px}.glass-front h3{font-size:22px;margin-bottom:13px}.glass-label{font-size:9px;line-height:1.5;padding:4px 6px}.glass-face button{min-height:40px;font-size:11px;padding:8px 10px}.glass-back{overflow-y:auto}.glass-back p{font-size:11px;line-height:1.5;margin:11px 0 8px}.glass-back ol{font-size:11px;line-height:1.5;margin-bottom:10px}.glass-back a{font-size:11px;padding:7px 8px;min-height:36px}.glass-back button{min-height:34px}.glass-capability:last-child:nth-child(odd) .glass-object{height:205px}.glass-capability:last-child:nth-child(odd) .glass-back{display:grid;grid-template-columns:1fr 1fr;gap:7px 13px}.glass-capability:last-child:nth-child(odd) .glass-back .glass-label{grid-column:1/-1;justify-self:start}.glass-capability:last-child:nth-child(odd) .glass-back p,.glass-capability:last-child:nth-child(odd) .glass-back ol{margin:0}.glass-capability:last-child:nth-child(odd) .glass-back button{margin:0}
 .showcase-system{padding:15px 12px 12px;margin-bottom:24px}.showcase-deck{height:235px}.showcase-card{height:195px;top:8px}.showcase-card strong{font-size:18px}.showcase-card>span{padding:20px 12px 12px}.showcase-controls{font-size:11px;gap:9px}.showcase-controls button{height:40px;width:40px}.xp-gallery{gap:17px 10px}.xp-gallery-card>.xp-art{height:125px;min-height:125px;margin-bottom:9px}.xp-gallery-card>strong{font-size:17px}.xp-gallery-card>small{font-size:11px;margin-top:5px}.xp-storyboard{margin-top:24px}.xp-story-frame{height:165px}.xp-story-controls{padding-top:14px}.xp-story-controls p{font-size:11px}.process-deck{gap:8px;margin-bottom:22px}.process-card summary{padding:13px 15px;gap:12px;min-height:54px}.process-card summary>span{font-size:28px}.process-card summary h3{font-size:17px}.process-body{padding:0 15px 15px}.process-body h4{font-size:22px;margin-bottom:10px}.process-body p{font-size:12px;line-height:1.6;margin-bottom:13px}.process-body .generated-tile{height:135px}
 .route-main .ardi-directory{gap:14px 10px}.route-main .ardi-showcase img{height:175px}.route-main .ardi-showcase-caption h3{font-size:25px}.ardi-showcase-toggle{min-height:43px;font-size:9px}.route-main .ardi-showcase-details p{font-size:11px;line-height:1.6}.ardi-showcase-details{padding:11px 7px}.xp-check-card{padding:13px 11px;gap:10px;min-height:145px}.xp-check-card strong{font-size:16px}.xp-check-card small{font-size:11px;line-height:1.55;margin-top:7px}.xp-plan-result{padding:17px}.xp-city{gap:16px;margin-top:24px}.xp-city h3{font-size:23px}.xp-map{height:180px}
 .match-features{padding-block:24px;gap:10px}.match-features article{padding:14px 12px}.feature-icon{font-size:29px;margin-bottom:12px}.match-features h2{font-size:12px;margin-bottom:8px}.match-features p{font-size:12px;line-height:1.6}.match-about{gap:20px;padding-block:10px 26px}.match-about-art{height:235px}.match-about h2{font-size:32px;margin-bottom:17px}.about-inset p{font-size:12px;line-height:1.7;margin-bottom:17px}.match-button{min-height:42px;padding:12px 17px;font-size:11px;gap:15px}.match-values{gap:12px;padding-block:8px 27px}.match-values article>span{font-size:34px}.match-values h2{font-size:13px;margin:9px 0 8px}.match-values p{font-size:12px;line-height:1.6}.match-family{gap:20px;padding-bottom:28px}.reference-home .match-family h2{font-size:32px;margin-bottom:16px}.family-intro>p:not(.match-label){font-size:12px;line-height:1.6;margin-bottom:16px}.family-carousel.is-enhanced .family-portraits img{height:205px}.match-impact{padding:28px 0}.match-impact h2{font-size:29px;margin:15px 0 23px}.impact-points strong{font-size:31px}.match-services,.match-training{padding-block:28px}.match-section-heading{gap:16px;margin-bottom:20px}.match-section-heading h2{font-size:30px}.match-section-heading>div>p:not(.match-label){font-size:12px;line-height:1.65;margin-bottom:16px}.match-service summary{min-height:68px;padding:10px;gap:7px}.match-service h3{font-size:20px}.service-thumb{width:40px;height:40px}.service-count{font-size:9px}.service-description{padding:0 14px 16px}.service-description p{font-size:12px;line-height:1.6}.match-purpose{padding:28px 0}.purpose-symbol.generated-purpose{height:195px}.match-purpose h2{font-size:32px}.match-purpose p,.match-purpose li{font-size:12px;line-height:1.65}.training-topics{gap:16px 10px}.topic-art.generated-topic{height:115px}.training-topics h3{font-size:18px;line-height:1.2;margin-top:11px}.match-final{padding:32px 0}.match-final h2{font-size:33px;margin-bottom:16px}.match-final p{font-size:12px;line-height:1.6;margin-bottom:20px}.match-footer{padding:25px 0 22px}.footer-studio-presence{gap:15px;padding-bottom:20px;margin-bottom:20px}.footer-mascot{height:115px;width:85px}.footer-studio-presence .footer-presence-title{font-size:25px}.match-footer nav{margin:18px 0;gap:5px}.match-footer nav a{font-size:11px;min-height:36px}.footer-studio-presence .text-link{font-size:11px}.route-main .route-band{padding:23px 18px;margin-bottom:28px}.route-main .route-band h2{font-size:26px}.route-main .route-band p:not(.eyebrow){font-size:12px;line-height:1.65;margin:13px 0 17px}
}
@media(max-width:359px){.site-header .brand{font-size:15px}.route-main .service-tile h3{font-size:17px}.service-tile>.generated-tile,.xp-finder-card>.generated-tile{height:100px}.glass-object{height:285px}.glass-front h3{font-size:20px}.glass-capability:last-child:nth-child(odd) .glass-object{height:215px}.xp-heading h2{font-size:26px}.match-hero{height:520px;min-height:480px}}

/* === glass-navigation.css === */
/* Keep the header translucent without making it a containing block for the fixed menu. */
.site-header{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid #e1d4ff2b;box-shadow:0 8px 32px #08061516}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#19132155,#11182538);backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%);border-bottom:1px solid #ffffff0d}
.site-nav{background:linear-gradient(135deg,#1c142973,#101c296b)!important;backdrop-filter:blur(12px) saturate(135%);-webkit-backdrop-filter:blur(12px) saturate(135%);border-top:1px solid #e7dcff26}
.site-nav.is-open{display:grid!important;grid-template-columns:minmax(250px,430px) minmax(280px,600px);gap:clamp(30px,5vw,70px);padding:clamp(20px,4vh,40px) max(30px,8vw);align-content:center;align-items:center;justify-content:center}
.nav-brand-scene{min-height:0;height:min(570px,calc(100svh - 170px));align-self:center;background:linear-gradient(145deg,#ffffff12,#af8aff09 55%,#69dce80a);border:1px solid #e5d4ff40;box-shadow:inset 0 1px 0 #ffffff2b,0 18px 50px #08051426;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.nav-brand-scene>img{width:100%;height:100%;max-height:none;object-fit:contain;padding:12px 12px 88px}
.nav-brand-scene>span{padding:16px 22px;background:linear-gradient(120deg,#1b14244f,#14212b3d);border-top:1px solid #e7dcff2e;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}
.nav-links>a{font-size:clamp(23px,min(3.4vw,5.3vh),50px);padding:clamp(7px,1.2vh,15px) 0;min-height:44px;border-bottom-color:#e0d2f02b;text-shadow:0 2px 14px #09061280}
@media(max-width:767px){
 .site-nav.is-open{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;padding:14px 18px 22px}
 .nav-brand-scene{display:grid;grid-template-columns:86px 1fr;align-self:stretch;align-items:center;height:120px;min-height:120px;flex-shrink:0}
 .nav-brand-scene>img{width:86px;height:120px;padding:5px;object-fit:contain}
 .nav-brand-scene>span{position:static;padding:12px;background:linear-gradient(120deg,#ffffff0a,#af8aff08);border:0;border-left:1px solid #e7dcff20;border-radius:0 14px 14px 0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
 .nav-brand-scene small{font-size:23px}
 .nav-links>a{font-size:24px;min-height:46px;padding:9px 0}
}
@media(max-height:600px) and (min-width:768px){.site-nav.is-open{align-content:start;gap:30px;padding-block:20px}.nav-brand-scene{height:calc(100svh - 132px)}.nav-brand-scene>img{padding-bottom:76px}.nav-brand-scene small{font-size:22px}.nav-brand-scene>span{padding:12px 18px}.nav-links{gap:0}.nav-links>a{font-size:23px;padding:7px 0}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header::before{background:#171121b8}.site-nav{background:#141321e8!important}.nav-brand-scene>span{background:#171421c9}}

/* === global-motion.css === */
/* Shared living surfaces: movement is tied to visibility on desktop and phones. */
.live-art{position:relative;isolation:isolate}
.live-card{position:relative;isolation:isolate;transition:translate .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
@media(prefers-reduced-motion:no-preference){
 .generated-hero-art.live-art img,.match-about-art.live-art img,.generated-topic.live-art img{animation:studio-art-drift 12s ease-in-out infinite alternate;animation-delay:var(--motion-phase,0s);animation-play-state:paused;transform-origin:center}
 .global-motion-in-view.generated-hero-art img,.global-motion-in-view.match-about-art img,.global-motion-in-view.generated-topic img{animation-play-state:running}
 .generated-hero-art--mascot.live-art img,.match-about-art.live-art img[src*="mascot-"]{animation-name:studio-identity-light;animation-duration:8s}
 .route-mascot-frame.live-art img,.route-family-art.live-art img{animation:studio-identity-light 8s ease-in-out infinite alternate;animation-play-state:paused}
 .route-mascot-frame.global-motion-in-view img,.route-family-art.global-motion-in-view img{animation-play-state:running}
 .route-family-art.live-art img:nth-child(even){animation-delay:-4s}
 .live-art:not(img):after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 25%,#e8d5ff00 40%,#ffffff20 49%,#69dce81c 52%,transparent 65%);background-size:260% 100%;animation:studio-glass-pass 11s ease-in-out infinite;animation-delay:var(--motion-phase,0s);animation-play-state:paused;opacity:.7}
 .global-motion-in-view.live-art:after{animation-play-state:running}
 .route-hero.ambient-is-visible h1 em{background:linear-gradient(110deg,#dfcaff 10%,#af8aff 35%,#8ce7ed 60%,#efb6cb 80%,#dfcaff);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:studio-type-light 10s ease-in-out infinite alternate}
 .live-card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#af8aff00 15%,#af8aff0c 35%,#69dce812 53%,#efb6cb0b 68%,#af8aff00 85%);background-size:250% 100%;animation:studio-glass-pass 12s ease-in-out infinite;animation-delay:var(--motion-phase,0s);animation-play-state:paused}
 .global-motion-in-view.live-card:after{animation-play-state:running}
 .live-card:focus-within{border-color:#ae8bd1;box-shadow:0 10px 28px #6d46871f}
 .live-card:active{translate:0 1px}
 @media(hover:hover) and (pointer:fine){.live-card:hover{translate:0 -5px;border-color:#ae8bd1;box-shadow:0 16px 36px #6d468724}}
}
@keyframes studio-art-drift{from{scale:1;translate:0 0}to{scale:1.045;translate:0 -3px}}
@keyframes studio-identity-light{from{filter:brightness(1) saturate(1)}to{filter:brightness(1.08) saturate(1.07)}}
@keyframes studio-glass-pass{0%,12%{background-position:150% 0}72%,100%{background-position:-70% 0}}
@keyframes studio-type-light{from{background-position:0 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.live-art,.live-art img,.live-art:after,.live-card,.live-card:after{animation:none!important;transition:none!important;translate:none!important}.live-art:after,.live-card:after{display:none}.route-hero h1 em{animation:none!important}}

/* === brand-typography.css === */
/* Shared italic serif treatment, shared by all visible brand mentions. */
:root{--brand-omnelia:#c7a0ff;--brand-si:#57f1ef;--brand-creative:#ffadd7}
body .brand-token,body .brand-token *{font-family:Zodiak,Georgia,serif!important;font-weight:300!important;font-style:italic!important;color:var(--brand-word-color)!important;-webkit-text-fill-color:var(--brand-word-color)!important}
body .brand-token{display:inline!important}
.brand-token--omnelia{--brand-word-color:var(--brand-omnelia)}
.brand-token--si{--brand-word-color:var(--brand-si)}
.brand-token--creative{--brand-word-color:var(--brand-creative)}
.nav-scene-label{font:inherit;letter-spacing:inherit}

/* === studio.css === */
/* Enquiry workspace and mascot: scoped, shared desktop/mobile components. */
.studio-brief{padding-block:45px 90px}.brief-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:55px;align-items:start}.brief-workspace{min-width:0}.brief-progress{list-style:none;display:flex;gap:20px;padding:0;margin:0 0 42px;border-bottom:1px solid #ad91c93d}.brief-progress li{font:12px Satoshi,sans-serif;color:#82778b;flex:1;padding:0 0 16px}.brief-progress li[aria-current]{color:#624881;border-bottom:2px solid #9068bc}.brief-progress span{margin-left:6px}.studio-kicker{font:10px/1.5 Satoshi,sans-serif;letter-spacing:.15em;color:#876597}.studio-brief h2{font:400 clamp(32px,4vw,54px)/1.1 Satoshi,sans-serif;margin:10px 0 20px;color:#21182c}.studio-brief h2 em,.brief-companion h3 em{font-family:Zodiak,Georgia,serif;font-weight:300;color:#9273ab}.studio-brief p{line-height:1.7}.brief-services{border:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:28px 0 0}.brief-services legend{font:500 13px Satoshi,sans-serif;margin-bottom:12px}.brief-services label{position:relative;cursor:pointer}.brief-services input{position:absolute;opacity:0;width:1px;height:1px}.brief-services label>span{display:flex;align-items:center;min-height:52px;padding:12px;border:1px solid #c7b2d8;border-radius:12px;font:12px/1.4 Satoshi,sans-serif;background:linear-gradient(135deg,#fcfaff,#f0ebf8);transition:background .2s,translate .2s}.brief-services input:checked+span{background:linear-gradient(120deg,#362442,#4a3260);color:#fff;border-color:#8c68b1;box-shadow:0 4px 16px #46305822}.brief-services input:focus-visible+span{outline:2px solid #695088;outline-offset:3px}.brief-field{display:flex;flex-direction:column;gap:9px;font:500 13px Satoshi,sans-serif;margin:22px 0 0}.brief-field small,.field-hint{font:12px/1.5 Satoshi,sans-serif;color:#74677d}.brief-field input,.brief-field textarea,.brief-field select{width:100%;min-width:0;padding:14px;border:1px solid #bcaccb;border-radius:10px;background:#fdfbff;color:#24162e;font:15px/1.6 Satoshi,sans-serif;box-sizing:border-box}.brief-field textarea{resize:vertical}.brief-field [aria-invalid=true]{border-color:#a13052;box-shadow:0 0 0 1px #a13052}.brief-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.brief-error{font:12px/1.5 Satoshi,sans-serif;color:#a13052;margin:5px 0;min-height:0}.brief-error:empty{display:none}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:13px 19px;border:1px solid #6c5187;border-radius:24px;background:linear-gradient(120deg,#33213e,#4a3263);color:#fff;cursor:pointer;text-decoration:none;font:500 13px/1.4 Satoshi,sans-serif;transition:translate .2s,box-shadow .2s}.studio-button:hover:not(:disabled){translate:0 -2px;box-shadow:0 8px 20px #45295d30}.studio-button.secondary{background:linear-gradient(120deg,#f7f0ff,#e9f6f8);color:#493455;border-color:#c1accf}.studio-button:disabled{opacity:.5;cursor:not-allowed}.brief-workspace [data-brief-next]{margin-top:26px}.studio-text-button{border:0;background:transparent;color:#694a84;text-decoration:underline;text-underline-offset:5px;font:13px/1.5 Satoshi,sans-serif;padding:10px 0;cursor:pointer}.brief-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px}.brief-actions [data-brief-next]{margin-top:0}.brief-review{border:1px solid #cab6dd;border-radius:18px;padding:25px;background:linear-gradient(135deg,#f7f1ff,#edf6f7);white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.85 Satoshi,sans-serif}.brief-companion{position:sticky;top:115px;overflow:hidden;border-radius:22px;padding:25px;background:radial-gradient(ellipse at 20% 10%,#8660c647,transparent 65%),linear-gradient(150deg,#171121,#12202b);border:1px solid #bda0d851;color:#e8dff1;box-shadow:0 25px 60px #2111361c}.brief-companion .brief-orbit{height:260px;position:relative;background:radial-gradient(ellipse,#8163a43b,transparent 65%)}.brief-orbit img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px #b28ee329)}.brief-companion h3{font:300 30px/1.25 Satoshi,sans-serif;margin:20px 0}.brief-companion h3 em{color:#d3b8eb}.brief-companion p{font-size:13px;color:#cbbbd8}.brief-companion .studio-kicker{color:#c2a5dc}.brief-companion .studio-text-button{color:#95e3e8}.brief-companion .brief-local-note{font-size:11px;border-top:1px solid #c4a0db35;padding-top:18px}.brief-connection{padding:15px;border-left:3px solid #af8aff;background:#f3edf8;font-size:13px}.brief-privacy{font-size:12px;color:#73637d}.brief-announcement{font:13px/1.6 Satoshi,sans-serif;color:#665176}.brief-reset{margin-top:15px}.brief-discard{max-width:420px;padding:28px;background:#f8f4fc;border:1px solid #cbb2de;border-radius:18px;color:#271a32}.brief-discard::backdrop{background:#0c081ab0;backdrop-filter:blur(8px)}
.studio-assistant{--chat-bottom:22px;position:fixed;z-index:850;right:22px;bottom:var(--chat-bottom);font-family:Satoshi,sans-serif}.assistant-launcher{position:relative;display:flex;flex-direction:column;align-items:flex-end}.assistant-greeting{display:flex;align-items:center;gap:12px;border:1px solid #dab9ef66;border-radius:14px 14px 2px 14px;padding:10px 12px;background:linear-gradient(130deg,#291c39eb,#142b36ed);backdrop-filter:blur(16px);color:#f9f1ff;font:12px/1.4 Satoshi,sans-serif;box-shadow:0 8px 25px #14082030}.assistant-greeting button,.assistant-hide{color:inherit;background:transparent;border:0;font:22px Satoshi,sans-serif;cursor:pointer;min-width:32px;min-height:32px}.assistant-mascot{display:flex;flex-direction:column;align-items:center;border:0;background:transparent;cursor:pointer;padding:4px 8px;color:#fff;filter:drop-shadow(0 7px 15px #08041455)}.assistant-mascot img{width:80px;height:107px;object-fit:contain;animation:mascot-welcome .6s both}.assistant-mascot>span{border:1px solid #c6a8e35c;background:linear-gradient(110deg,#392448,#12313b);border-radius:20px;padding:6px 13px;font:11px/1.4 Satoshi,sans-serif;box-shadow:0 3px 15px #170b2430}.assistant-launcher>.assistant-hide{position:absolute;right:-10px;top:48px;border:1px solid #c4a0e051;border-radius:50%;background:#24182eea;color:#e5d4f3;min-width:30px;min-height:30px;font-size:17px}.assistant-restore{border:1px solid #cdb6dd;border-radius:22px;padding:12px 15px;background:#241a30ed;color:#f5eaff;backdrop-filter:blur(12px);font:12px Satoshi,sans-serif;cursor:pointer}.assistant-panel{position:fixed;inset:auto 22px 22px auto;box-sizing:border-box;width:min(420px,calc(100vw - 32px));height:min(650px,calc(100dvh - 100px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #cfb2eb68;border-radius:22px;color:#f0e7f8;background:radial-gradient(ellipse at 10% 0,#7950a63d,transparent 70%),linear-gradient(145deg,#1b1326f5,#12202bf7);box-shadow:0 22px 80px #08031375;backdrop-filter:blur(22px);overflow:hidden;z-index:851}.assistant-panel[open]{display:flex;flex-direction:column}.assistant-panel::backdrop{background:#09051455;backdrop-filter:blur(3px)}.assistant-panel>header{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid #d0b3e329;flex-shrink:0}.assistant-panel header img{width:40px;height:54px;object-fit:contain}.assistant-panel header div{flex:1;min-width:0}.assistant-panel h2{font:500 17px Satoshi,sans-serif;margin:0;color:#f7efff}.assistant-panel header p{font:10px/1.5 Satoshi,sans-serif;margin:5px 0 0;color:#b8a8ce}.assistant-panel header button{background:#ffffff0c;border:1px solid #c4a0df30;border-radius:8px;color:#f1e2ff;font-size:21px;min-width:36px;min-height:36px;cursor:pointer}.assistant-messages{flex:1;min-height:80px;overflow-y:auto;padding:16px;overscroll-behavior:contain}.assistant-message{width:fit-content;max-width:92%;border:1px solid #d1b4e329;background:#ffffff08;border-radius:14px 14px 14px 3px;padding:12px 14px;margin:0 0 13px;font:13px/1.7 Satoshi,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-message.user{margin-left:auto;background:linear-gradient(130deg,#6e438d57,#25536745);border-radius:14px 14px 3px 14px}.assistant-message a{color:#92e0eb;display:block;margin-top:9px}.assistant-suggestions{display:flex;gap:6px;padding:0 14px 12px;overflow-x:auto;flex-shrink:0}.assistant-suggestions button{white-space:nowrap;border:1px solid #c7abe044;border-radius:20px;background:#af8aff14;color:#ded0ed;padding:8px 10px;font:10px Satoshi,sans-serif;cursor:pointer}.assistant-composer{padding:0 14px}.assistant-composer label{display:block;font-size:10px;color:#c5b4d6;margin:0 0 6px}.assistant-composer>div{display:flex;align-items:center;gap:7px}.assistant-composer textarea{flex:1;width:100%;min-width:0;resize:none;border:1px solid #cfb3e344;border-radius:12px;color:#f6eeff;background:#080c164f;font:13px/1.5 Satoshi,sans-serif;padding:10px;box-sizing:border-box}.assistant-composer .studio-button{min-width:42px;min-height:42px;padding:9px 13px}.assistant-status{font:11px/1.4 Satoshi,sans-serif;color:#bfadd1;margin:7px 15px;min-height:15px}.assistant-panel>footer{display:flex;justify-content:space-between;padding:0 14px;gap:12px}.assistant-panel footer button{border:0;background:none;color:#a3e2ec;font:11px Satoshi,sans-serif;padding:9px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.assistant-panel .assistant-privacy{font:10px/1.5 Satoshi,sans-serif;color:#a99ab9;padding:0 14px 12px;margin:4px 0 0}.studio-assistant [hidden],.studio-brief [hidden]{display:none!important}body:has(.recovery-notice) .studio-assistant{--chat-bottom:200px}body.menu-open .studio-assistant{visibility:hidden}.studio-assistant :focus-visible,.studio-brief :focus-visible{outline:2px solid #69dce8;outline-offset:3px}
@keyframes mascot-welcome{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:767px){.studio-brief{padding:20px 16px 55px}.brief-layout{grid-template-columns:1fr;gap:25px}.brief-progress{gap:9px;margin-bottom:25px}.brief-progress li{font-size:10px;padding-bottom:12px}.brief-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.brief-services label>span{font-size:11px;min-height:46px;padding:10px}.brief-field-pair{gap:10px}.brief-field{font-size:12px}.brief-field input,.brief-field textarea,.brief-field select{font-size:16px;padding:11px}.brief-actions{gap:10px}.brief-actions .studio-button{font-size:12px;flex:1}.brief-review{padding:18px;font-size:13px}.brief-companion{position:static;padding:20px;display:grid;grid-template-columns:82px 1fr;column-gap:15px}.brief-companion .brief-orbit{grid-row:1/5;height:125px}.brief-companion .studio-kicker{margin-top:0;font-size:8px}.brief-companion h3{font-size:23px;margin:6px 0}.brief-companion p{font-size:11px}.brief-companion .brief-local-note{grid-column:1/-1}.studio-assistant{right:12px;--chat-bottom:14px}.assistant-mascot img{width:58px;height:78px}.assistant-greeting{font-size:10px;padding:7px 9px}.assistant-mascot>span{font-size:10px}.assistant-launcher>.assistant-hide{top:38px;right:-4px}.assistant-panel{width:calc(100vw - 20px);right:10px;bottom:10px;height:min(650px,calc(100dvh - 30px));border-radius:18px}.assistant-panel>header{padding:11px}.assistant-message{font-size:13px}.assistant-panel .assistant-privacy{font-size:10px}.assistant-restore{font-size:10px;padding:11px}body:has(.recovery-notice) .studio-assistant{--chat-bottom:200px}}
@media(prefers-reduced-motion:reduce){.assistant-mascot img{animation:none}.studio-button,.brief-services label>span{transition:none}}
.studio-assistant .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Empty space around the floating character must not intercept page controls. */
.studio-assistant,.assistant-launcher{pointer-events:none}
.studio-assistant button,.assistant-greeting,.assistant-panel{pointer-events:auto}
body[data-page="/contact/"] .route-hero{padding-block:35px 25px}body[data-page="/contact/"] .route-hero-art{display:none}body[data-page="/contact/"] .route-hero-details{display:block}body[data-page="/contact/"] .route-hero-intro{max-width:720px}body[data-page="/contact/"] .route-hero h1{font-size:clamp(35px,5vw,66px)}body[data-page="/contact/"] .route-final{display:none}
@media(max-width:767px){body[data-page="/contact/"] .route-hero{padding-block:24px 15px}body[data-page="/contact/"] .route-hero h1{font-size:36px}.brief-workspace h2{font-size:30px}.brief-field-pair{grid-template-columns:1fr}}
@media(min-width:768px){body:has([data-studio-assistant]) .xp-search-launch{left:24px;right:auto}}
.studio-assistant:not([data-ready]){display:none}.assistant-panel{margin:0;max-width:calc(100vw - 32px)}
@media(max-width:767px){.assistant-panel{max-width:calc(100vw - 20px)}}
@media(min-width:768px){body:has([data-studio-assistant]) .xp-search-launch{left:auto;right:88px;top:24px;bottom:auto;z-index:105;width:40px;height:40px;padding:10px;justify-content:center}body:has([data-studio-assistant]) .xp-search-launch>span,body:has([data-studio-assistant]) .xp-search-launch>kbd{display:none}.site-header .header-hello{margin-right:48px}}

/* === visitor-tools.css === */
/* Purposeful visitor tools: the existing lilac, cyan and rose studio palette. */
.workflow-builder{--wf-ink:#30263e;--wf-accent:#af8aff;color:var(--wf-ink);min-width:0}
.workflow-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.workflow-presets button{font:500 13px Satoshi,sans-serif;border:1px solid #bdacd0;background:#fff6;border-radius:40px;padding:12px 19px;cursor:pointer;color:#564563;transition:background .2s,transform .2s}.workflow-presets button[aria-pressed=true]{background:#342243;color:white;border-color:#342243}.workflow-presets button:hover{transform:translateY(-2px)}
.workflow-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border:1px solid #cfbddb;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#ffffff8c,#e8d9f759);box-shadow:0 24px 60px #634c7d12;backdrop-filter:blur(16px)}
.workflow-form{padding:32px;min-width:0}.workflow-form-heading{margin-bottom:24px}.workflow-kicker{font:600 10px Satoshi,sans-serif;letter-spacing:.16em;color:#776082}.workflow-builder h3{font:400 30px/1.2 Satoshi,sans-serif;letter-spacing:-.03em;margin:12px 0}.workflow-form label{display:block;font:500 12px/1.5 Satoshi,sans-serif;min-width:0}.workflow-form label>span{display:flex;align-items:center;gap:8px;margin-bottom:8px}.workflow-form label i{font-style:normal;font-size:10px;color:#85679c}.workflow-form input,.workflow-form select{font:400 14px/1.5 Satoshi,sans-serif;width:100%;min-width:0;border-radius:10px;border:1px solid #c3b2d0;background:#ffffffa8;color:#372d43;padding:12px;margin-top:6px}.workflow-form select{margin-top:0;padding-right:24px;text-overflow:ellipsis}.workflow-goal{margin-bottom:22px}.workflow-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workflow-field-grid label:last-child{grid-column:1/-1}.workflow-local-note{font:400 11px/1.6 Satoshi,sans-serif;color:#796387;margin:20px 0 0}
.workflow-preview{position:relative;isolation:isolate;min-width:0;padding:30px;background:radial-gradient(ellipse at 100% 0%,#69dce824,transparent 65%),radial-gradient(ellipse at 0% 100%,#af8aff38,transparent 70%),#22182f;color:#f3edf7;overflow:hidden}.workflow-preview:before{content:'';position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#e0c4ff26 .7px,transparent .7px);background-size:18px 18px;mask-image:linear-gradient(135deg,#000,transparent)}.workflow-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.workflow-preview .workflow-kicker{color:#c1a4db}.workflow-mode{display:flex;align-items:center;gap:7px;font:400 10px Satoshi,sans-serif;color:#a9dee3}.workflow-mode i{width:6px;height:6px;border-radius:50%;background:#69dce8;box-shadow:0 0 12px #69dce899}.workflow-preview h3{font-size:25px;max-width:440px;min-height:60px;margin:22px 0}.workflow-rail{display:grid;gap:8px;position:relative}.workflow-rail:before{content:'';position:absolute;left:23px;top:20px;bottom:20px;width:1px;background:linear-gradient(#af8aff,#69dce8,#efb6cb);opacity:.45}.workflow-rail button{position:relative;text-align:left;display:grid;grid-template-columns:30px 1fr;gap:2px 12px;align-items:center;border:1px solid #cab4e02e;border-radius:12px;background:#ffffff06;color:#fff;padding:10px 12px;cursor:pointer;transition:transform .25s,border-color .25s,background .25s;min-width:0}.workflow-rail button>span{grid-row:1/3;display:grid;place-items:center;background:#362541;border:1px solid #b58ad271;color:#d7b8f6;border-radius:50%;width:24px;height:24px;font:500 9px Satoshi,sans-serif}.workflow-rail strong{font:500 12px Satoshi,sans-serif;color:#d6b9f1}.workflow-rail small{font:400 12px/1.5 Satoshi,sans-serif;color:#d1c8da;overflow-wrap:anywhere}.workflow-rail .is-current{border-color:#69dce887;background:linear-gradient(105deg,#af8aff26,#69dce812);transform:translateX(3px)}.workflow-rail .is-current>span{border-color:#69dce8;color:#69dce8;box-shadow:0 0 12px #69dce827}.workflow-detail{margin:18px 0;min-height:64px}.workflow-detail>span{font:600 9px Satoshi,sans-serif;letter-spacing:.14em;color:#69dce8;text-transform:uppercase}.workflow-detail p{font:400 12px/1.65 Satoshi,sans-serif;color:#d0c4db;margin:6px 0 0}.workflow-actions{display:flex;gap:16px;align-items:center}.workflow-preview .xp-action{margin:0;border-color:#bca0d485;background:#ffffff0c;color:#ede0f7}.workflow-text-button{font:400 11px Satoshi,sans-serif;color:#c2afd2;border:0;background:transparent;padding:12px 0;cursor:pointer}.workflow-status{font:400 11px/1.5 Satoshi,sans-serif;color:#a994ba;min-height:33px;margin:12px 0 0}.workflow-export{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4px}.workflow-export p{font:400 14px/1.5 Satoshi,sans-serif;margin:8px 0 0;color:#75617f}.workflow-export>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.workflow-export .xp-action{margin:0;font-size:12px;padding:12px 16px}.workflow-primary{background:#342243!important;color:#fff!important;border-color:#342243!important}.workflow-builder button:focus-visible,.workflow-builder input:focus-visible,.workflow-builder select:focus-visible,.workflow-entry:focus-visible{outline:3px solid #538b9d;outline-offset:3px}.workflow-reset-dialog{border:1px solid #bba1cc;border-radius:20px;background:#f3eafa;padding:28px;max-width:min(420px,90vw);color:#372d43}.workflow-reset-dialog::backdrop{background:#19102188;backdrop-filter:blur(6px)}.workflow-reset-dialog p{font:14px/1.6 Satoshi,sans-serif}.workflow-reset-dialog>div{display:flex;gap:10px}.plan-next-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.plan-next-actions .xp-action{margin-top:14px;font-size:11px}.plan-next-actions button:disabled{opacity:.45;cursor:not-allowed}
.workflow-entry{position:relative;display:flex;align-items:center;gap:24px;overflow:hidden;padding:24px 28px;margin-top:18px;border:1px solid #b9a1d0;border-radius:18px;background:radial-gradient(ellipse at 0% 100%,#af8aff33,transparent 65%),linear-gradient(110deg,#f5eaffaa,#e0f3f666);backdrop-filter:blur(12px);text-decoration:none}.workflow-entry>span:nth-child(2){display:grid;gap:7px;min-width:0}.workflow-entry small{font:600 9px Satoshi,sans-serif;letter-spacing:.12em;color:#886a9c}.workflow-entry strong{font:400 25px/1.2 Satoshi,sans-serif;letter-spacing:-.03em;color:#4a355e}.workflow-entry span span{font:13px/1.5 Satoshi,sans-serif;color:#7c658a}.workflow-entry>b{margin-left:auto;font-size:25px;color:#77608d}.workflow-entry-orbit{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border-radius:50%;font:40px Satoshi,sans-serif;color:#9371b7;background:#fff5;box-shadow:inset 0 0 18px #69dce840,0 0 30px #af8aff20;transition:transform .6s}.workflow-entry:hover .workflow-entry-orbit{transform:rotate(90deg)}
@media(max-width:1000px){.workflow-form,.workflow-preview{padding:24px}.workflow-field-grid{grid-template-columns:1fr}.workflow-field-grid label:last-child{grid-column:auto}.workflow-export{align-items:flex-start}.workflow-export>div:last-child{justify-content:flex-end}}
@media(max-width:700px){.workflow-layout{grid-template-columns:1fr;border-radius:18px}.workflow-form,.workflow-preview{padding:20px 16px}.workflow-form-heading{margin-bottom:16px}.workflow-builder h3{font-size:24px}.workflow-field-grid{grid-template-columns:1fr 1fr;gap:12px 10px}.workflow-field-grid label:last-child{grid-column:1/-1}.workflow-form label{font-size:11px}.workflow-form input,.workflow-form select{font-size:16px;padding:10px 8px}.workflow-form select{padding-right:20px}.workflow-form label>span{margin-bottom:6px;gap:6px}.workflow-local-note{margin-top:14px}.workflow-goal{margin-bottom:16px}.workflow-presets{gap:6px;margin-bottom:12px}.workflow-presets button{flex:1 1 auto;padding:10px 12px;font-size:11px}.workflow-preview h3{font-size:23px;min-height:0;margin:18px 0}.workflow-rail{grid-template-columns:1fr 1fr;gap:8px}.workflow-rail:before{display:none}.workflow-rail button{padding:10px;grid-template-columns:22px 1fr;gap:4px 7px;align-items:start;min-height:88px}.workflow-rail button>span{width:20px;height:20px}.workflow-rail small{grid-column:1/-1;font-size:11px}.workflow-rail button:last-child{grid-column:1/-1;min-height:0}.workflow-rail button:last-child>small{grid-column:2}.workflow-rail .is-current{transform:translateY(-2px)}.workflow-detail{min-height:66px;margin:16px 0 10px}.workflow-preview .xp-action{font-size:11px;padding:10px 13px}.workflow-status{min-height:33px}.workflow-export{padding:20px 0 0;display:grid;gap:14px}.workflow-export p{font-size:12px}.workflow-export>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.workflow-export .xp-action{font-size:11px;padding:12px 9px;line-height:1.5;text-align:center}.workflow-entry{padding:18px 16px;gap:12px;margin-top:12px;border-radius:14px}.workflow-entry-orbit{width:42px;height:42px;font-size:30px}.workflow-entry strong{font-size:20px}.workflow-entry span span{font-size:11px}.workflow-entry small{font-size:8px}.workflow-entry>b{font-size:20px}.plan-next-actions .xp-action{padding:11px 12px}.no-js .workflow-form,.no-js .workflow-presets,.no-js .workflow-actions,.no-js .workflow-export{display:none}}
@media(prefers-reduced-motion:reduce){.workflow-builder *,.workflow-entry *{transition:none!important;animation:none!important;transform:none!important}}
@media(max-width:767px){.xp-plan-result .plan-next-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%}.xp-plan-result .plan-next-actions .xp-action{grid-column:auto;justify-self:stretch;margin:5px 0 0;font-size:11px;padding:11px 10px}}

/* === website.css === */
/* Working studies, learning and language journeys share the studio's visual system. */
.site-section{padding-block:clamp(36px,6vw,88px);color:#241d32}.site-section-heading{max-width:750px;margin-bottom:28px}.site-section h2{font-size:clamp(28px,3.5vw,48px);line-height:1.15;letter-spacing:-.035em;margin:0 0 20px}.site-section h3{font-size:23px;line-height:1.25;margin:0 0 14px}.site-section p,.site-section li{line-height:1.65}.site-section p{margin:0 0 20px}.site-section li+li{margin-top:10px}.site-section a{color:inherit}.site-section ul{padding-left:22px}.site-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid #38274d;border-radius:24px;background:#2d203e;color:#fff!important;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.site-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #58398429}.site-button.secondary{background:#fff9;color:#30213f!important}.site-button:disabled{opacity:.45;cursor:default;transform:none}.site-next-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.site-next-links>a:not(.site-button){text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}.site-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.site-filter button{font:inherit;border:1px solid #a89ab9;background:#fff7;border-radius:30px;padding:10px 20px;min-height:44px;cursor:pointer;color:#30243f}.site-filter button[aria-pressed=true]{background:#362244;color:#fff}.site-status{font-size:14px;min-height:24px}.work-grid,.locale-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-card,.locale-card{min-width:0;border:1px solid #ab8cb33d;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#fff9,#e8dcf5a3);box-shadow:inset 0 1px 0 #fff,0 18px 40px #4930590a;transition:transform .25s,box-shadow .25s}.work-card:hover,.locale-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #49305920}.work-card>a{display:block;text-decoration:none;height:100%}.work-card-image{position:relative;overflow:hidden;background:#16101f}.work-card-image img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;display:block;transition:transform .6s}.work-card:hover img{transform:scale(1.035)}.work-card-image>span{position:absolute;bottom:10px;left:12px;border:1px solid #fff5;border-radius:16px;background:#181221b8;backdrop-filter:blur(10px);padding:5px 10px;color:#fff;font-size:11px}.work-card-copy{padding:24px}.site-kicker{display:block;font-size:11px;letter-spacing:.12em;margin-bottom:12px}.work-card h3{font-size:26px}.work-card p{font-size:15px}.work-card-link{font-weight:600}.work-preview{margin:0;width:100%;transform:rotate(-2deg);border:1px solid #fff4;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #0004}.work-preview img{width:100%;height:auto;display:block}.study-grid,.scope-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px)}.study-deliverables,.scope-process,.locale-highlight{padding:30px;border:1px solid #ab8cb34d;border-radius:22px;background:linear-gradient(135deg,#f6f1fc,#dceff04a)}.site-study-label{font-size:12px;letter-spacing:.08em;margin-bottom:24px}.study-result{max-width:850px;margin-top:38px}.study-result h3{margin-top:30px}.scope-process{margin:28px 0}.scope-process p{margin:0}.site-disclosure{border-bottom:1px solid #a090b24a;padding:18px 0}.site-disclosure summary{cursor:pointer;min-height:44px;font-size:20px;align-content:center}.site-disclosure summary span{float:right}.site-disclosure p{margin:18px 0 0}.reading-page{max-width:900px}.reading-page h3,.reading-page h2{margin-top:36px}.reading-page h2{font-size:28px}.privacy-settings{margin:30px 0;padding:24px;border:1px solid #ab8cb377;border-radius:20px;background:#eee4f5}.lesson-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none;margin:30px 0}.lesson-stages>article,.lesson-stages>li{padding:24px;background:linear-gradient(145deg,#f4edfba6,#def0f27a);border:1px solid #a994be44;border-radius:20px}.lesson-stages article>span{font:italic 32px Zodiak,serif;color:#73539a;display:block;margin-bottom:16px}.lesson-stages p{margin:0}.lesson-exercise{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.lesson fieldset,[data-local-brief] fieldset{border:0;padding:0;margin:24px 0}.lesson legend,[data-local-brief] legend{font-size:18px;font-weight:600;margin-bottom:12px}.lesson fieldset label,.locale-service-options label{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:48px;border:1px solid #b4a2c666;border-radius:12px;margin-bottom:8px;cursor:pointer;background:#fff7}.lesson label:has(input:checked),.locale-service-options label:has(input:checked){background:#e0d1f3;border-color:#725294}.lesson input,.locale-service-options input{accent-color:#674391;width:18px;height:18px;flex-shrink:0}.lesson-practice{padding:26px;background:linear-gradient(145deg,#f7f1fc,#e4eff1);border:1px solid #b4a2c666;border-radius:22px;align-self:start}.lesson textarea,[data-local-brief] textarea{font:inherit;line-height:1.5;color:#271a37;width:100%;max-width:100%;display:block;margin:12px 0 18px;padding:14px;background:#fff;border:1px solid #9783ac;border-radius:12px;resize:vertical}.lesson-practice>.site-button{margin:0 4px 10px 0}.lesson-complete{border:1px solid #5b8774;border-radius:14px;background:#e3f0e6;padding:18px;margin-top:20px}.lesson-complete p{margin:8px 0 0}.lesson-reset-dialog{max-width:min(90vw,500px);border:1px solid #c4afd6;border-radius:20px;padding:28px;background:#f2eaf8;color:#271a37}.lesson-reset-dialog::backdrop{background:#130e208c;backdrop-filter:blur(8px)}.locale-card{padding:24px;text-decoration:none}.locale-card>img{width:calc(100% + 48px);max-width:none;margin:-24px -24px 20px;aspect-ratio:1.6;height:auto;object-fit:cover;object-position:top}.locale-card h2{font-size:25px}.locale-highlight{margin-block:32px}.language-links{display:flex;gap:8px;flex-wrap:wrap}.language-links a{font-size:14px!important;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:24px;text-decoration:none}.language-links a[aria-current]{background:#af8aff2e}.footer-extra{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-block:24px}.footer-extra>a{min-height:44px;display:inline-flex;align-items:center}.locale-service-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}[data-local-preview]{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;padding:24px;background:#eee4f5;border-radius:14px}[hidden]{display:none!important}.site-section :focus-visible,.language-links :focus-visible{outline:3px solid #7652ac;outline-offset:4px}.site-header::before{background:linear-gradient(120deg,#191321b5,#111825aa)}
@media(max-width:767px){.site-section{padding-block:30px}.work-grid,.locale-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-card-copy,.locale-card{padding:14px}.work-card h3{font-size:20px}.work-card p{font-size:13px;line-height:1.5}.work-card-link{font-size:13px}.work-card-image>span{font-size:9px;left:6px;bottom:6px;padding:3px 7px}.site-kicker{font-size:9px}.work-card,.locale-card{border-radius:14px}.locale-card>img{width:calc(100% + 28px);margin:-14px -14px 14px}.locale-card h3{font-size:20px}.locale-card p{font-size:14px}.study-grid,.scope-columns,.lesson-exercise{grid-template-columns:1fr;gap:20px}.lesson-stages{gap:10px}.lesson-stages>article,.lesson-stages>li{padding:14px;grid-column:span 3}.lesson-stages h3{font-size:21px}.lesson-stages article>span{float:right;font-size:26px}.lesson-stages p{font-size:15px}.lesson-exercise{margin-top:24px}.lesson-practice,.scope-process,.study-deliverables,.locale-highlight{padding:20px}.lesson fieldset label{font-size:15px}.site-section h2{font-size:30px}.site-section h3{font-size:22px}.locale-service-options{grid-template-columns:1fr}.site-nav{overflow-y:auto;overscroll-behavior:contain}.site-next-links .site-button{max-width:100%;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.site-button,.work-card,.locale-card,.work-card-image img{transition:none}.work-card:hover,.locale-card:hover,.site-button:hover{transform:none}}

.site-section .brand-token{background:#30233f;border-radius:4px;padding:0 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.site-nav .language-links{margin-top:14px}.site-nav .language-links a{color:#fff}.site-header::before{background:linear-gradient(120deg,#191321eb,#111825db)}
@media(max-width:767px){.match-footer .language-links{display:flex;gap:8px;margin:18px 0}.match-footer .language-links a{font-size:14px;min-height:44px}}
.site-nav{overflow-y:auto}.nav-links>a{font-size:clamp(23px,min(3vw,4.2vh),44px);padding:clamp(5px,.8vh,10px) 0}
@media(max-width:767px){.nav-links>a{font-size:24px;padding:9px 0}}

/* Readable supporting copy across the studio, tools and interactive panels. */
:root{--brand-omnelia:#c7a0ff;--brand-si:#57f1ef;--brand-creative:#ffadd7}
.site-section .brand-token{padding:1px 4px;background:#25182f;box-shadow:none}
.work-card-copy p,.locale-card p,.site-status,.tool-note,.tool-status,.tool-image-meta,.workflow-local-note,.workflow-status,.workflow-detail p,.brief-local-note,.field-hint,.brief-privacy,.brief-connection,.assistant-status,.assistant-privacy,.xp-catalog-status,.xp-family-status,.xp-update-status,.xp-search-status{font-size:16px!important;line-height:1.6!important;opacity:1!important}
.site-status,.site-section p,.work-card-copy p,.tool-note,.tool-status,.tool-image-meta,.brief-local-note,.field-hint,.brief-privacy,.brief-connection,.xp-catalog-status,.xp-family-status,.xp-update-status{color:#393047}
.workflow-preview .workflow-status,.workflow-preview .workflow-detail p,.workflow-preview .workflow-mode,.tool-output-side .tool-note{color:#e8e0f2}
.tool-output-side .tool-note{color:#494052}.assistant-status,.assistant-privacy{color:#e6ddf2}.assistant-panel label,.assistant-panel header p{font-size:15px;opacity:1;color:#eee7f5}
.work-card h3{font-size:28px}.work-card-link{font-size:16px}.work-card-copy{padding:24px}.work-card-image img{border-bottom:1px solid #d6c9e1}
.xp-finder-card p,.xp-check-card small,.xp-gallery-card small,.route-service-row p,.service-tile p,.route-feature-grid p,.route-lede{opacity:1!important}.xp-check-card small,.xp-gallery-card small,.service-tile p{font-size:16px!important;line-height:1.55!important}
.language-links a,.match-footer nav a,.footer-extra a,.breadcrumbs,.tools-local,.tool-badge,.workflow-mode,.tool-output-label{font-size:15px!important;opacity:1!important}
.tool-tab-glyph{font-size:24px}.tools-tabs strong{font-size:19px}.tools-tabs button>span>span{font-size:15px;line-height:1.5}
@media(max-width:767px){.work-card h3{font-size:22px}.work-card-copy{padding:16px 14px}.work-card-copy p{font-size:15px!important;line-height:1.55!important}.work-card-link{font-size:15px}.site-section h2{font-size:30px}.site-filter button{font-size:16px}.match-footer nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-footer nav a{min-height:44px}.tools-tabs button>span>span{font-size:14px}.xp-finder-card p{font-size:15px!important;line-height:1.55}.route-main .route-service-row p{font-size:16px!important}.site-section [id]{scroll-margin-top:90px}}
.tool-button,.tool-field,.tool-example-row>span,.tool-upload>span:last-of-type,.tools-bottom-note p,.tools-bottom-note>a,.workflow-field-grid label,.workflow-text-button,.studio-text-button,.brief-progress li,.brief-services label,.assistant-panel footer button,.assistant-suggestions button{font-size:16px!important;line-height:1.5!important;opacity:1!important}.tool-description,.workflow-detail p,.route-section p,.xp-section p,.match-about-copy p,.match-values p{opacity:1!important}.tools-tabs button>span>span{color:#55465f}.match-location{font-size:15px!important}.text-link,.match-button,.button{font-size:16px}.work-card-copy .work-card-link{display:inline-flex;min-height:44px;align-items:center}
@media(max-width:767px){.tools-tabs button>span>span{display:none}.tools-tabs strong{font-size:16px!important;line-height:1.4}.tools-tabs button{min-height:78px}.brief-services{gap:8px}.brief-services label{font-size:15px!important}.workflow-field-grid label{font-size:15px!important}.work-card h3{overflow-wrap:anywhere}}
.workflow-rail button small,.glass-back li,.showcase-controls p,.tool-badge,.workflow-mode{font-size:15px!important;line-height:1.55!important;opacity:1!important}.glass-back p,.process-body p,.xp-panel-copy p,.xp-step-panel p{font-size:16px!important;line-height:1.65!important;opacity:1!important}
/* Supporting copy and editable controls remain readable at every breakpoint. */
main p:not(.match-label):not(.workflow-mode):not(.tool-badge){font-size:max(16px,1em)!important;line-height:1.6!important}
main input:not([type=checkbox]):not([type=radio]):not([type=range]),main select,main textarea{font-size:16px!important;line-height:1.5!important}
.workflow-presets button,.workflow-rail button strong{font-size:16px!important}
@media(min-width:768px) and (max-width:1023px){.match-footer nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%}.match-footer nav a{white-space:normal;min-width:0;min-height:44px;text-align:center;overflow-wrap:anywhere}}

/* Compact spacing and tinted glass surfaces across all three languages. */
:root{--studio-panel:linear-gradient(135deg,#e8ddf7e8 0%,#dceff1de 58%,#f2dcece0 100%);--studio-choice:linear-gradient(120deg,#e1d2f4e8,#d8eef0de);--studio-line:#a690bd88}
.reference-home,.route-main{background-color:#eee9f4}
.xp-section,.site-section,.section-pad,.match-features,.match-values,.match-impact,.match-services,.match-purpose,.match-training,.match-final{padding-block:clamp(32px,4vw,56px)!important}
.match-about{padding-block:32px!important;gap:40px}.match-about-art{height:480px}.match-family{padding-bottom:56px;gap:36px}.match-features,.match-values,.purpose-grid{gap:28px}.match-features article{padding:18px}.match-section-heading{gap:32px;margin-bottom:28px}.xp-heading,.route-section-heading,.site-section-heading{margin-bottom:24px!important}.xp-heading>p:last-child,.site-section-heading>p:last-child{margin-bottom:0}.route-main .route-hero{padding:84px 0 48px}.route-main .breadcrumbs{margin-bottom:28px}.route-hero-copy{margin-bottom:32px}.route-hero-details{padding-top:24px;gap:36px}.match-service summary{min-height:100px;padding:14px 22px}.match-service{margin-bottom:10px}.service-description{padding-bottom:20px}.match-footer{padding:44px 0 28px}
.xp-finder-grid,.work-grid,.locale-grid,.route-feature-grid,.route-steps,.study-grid,.scope-columns{gap:16px}.xp-finder-card{gap:10px!important;padding-bottom:14px!important;min-height:0}.work-card-copy{padding:18px}.work-card-copy p{margin-bottom:12px}.site-section h3{margin-bottom:10px}.study-deliverables,.scope-process,.locale-highlight,.lesson-practice{padding:20px}.lesson-stages{gap:14px;margin-block:22px}.lesson-stages>article,.lesson-stages>li{padding:18px}.lesson-exercise{gap:24px}.workflow-builder,.workflow-preview,.tool-panel,.xp-panel-copy{padding:24px}.tools-section .xp-heading{margin-bottom:22px}.tool-description{margin-bottom:16px}.workflow-presets{margin-bottom:18px}
.service-tile,.xp-finder-card,.work-card,.locale-card,.xp-check-card,.process-card,.route-feature-grid article,.route-steps article,.lesson-stages>article,.lesson-stages>li{background:var(--studio-panel)!important;border-color:var(--studio-line)!important;box-shadow:inset 0 1px 0 #ffffffa8,0 6px 18px #452b6610}
.xp-tabs button,.xp-filter button,.site-filter button,.workflow-presets button,.tools-tabs button,.brief-services label>span{background:var(--studio-choice)!important;border-color:#a18ab9!important;color:#30203f;box-shadow:inset 0 1px 0 #ffffffa8;backdrop-filter:blur(8px) saturate(120%)}
.xp-tabs button:hover,.xp-filter button:hover,.site-filter button:hover,.workflow-presets button:hover,.tools-tabs button:hover,.brief-services label:hover>span{background:linear-gradient(120deg,#d9c2f2,#cce9ee)!important;border-color:#8763aa!important}
.xp-tabs button[aria-selected=true],.xp-filter button[aria-pressed=true],.site-filter button[aria-pressed=true],.workflow-presets button[aria-pressed=true],.tools-tabs button[aria-selected=true],.brief-services input:checked+span{background:linear-gradient(120deg,#392449,#31505e)!important;border-color:#94d9df!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff36,0 3px 12px #36204124}
.tools-tabs button[aria-selected=true]>span>span{color:#e7e0f3}.brief-services label>span{min-height:46px;padding:10px}.tool-panel,.workflow-builder,.study-deliverables,.scope-process,.locale-highlight,.lesson-practice,.privacy-settings{background:var(--studio-panel);border-color:var(--studio-line)}
@media(max-width:767px){
 .xp-section,.site-section,.section-pad,.route-main .section-pad,.match-features,.match-values,.match-impact,.match-services,.match-purpose,.match-training,.match-final{padding-block:22px!important}
 .match-about{padding-block:18px!important;gap:16px}.match-about-art{height:210px}.match-family{padding-bottom:24px;gap:20px}.match-features,.match-values,.purpose-grid{gap:14px}.match-features article{padding:12px}.match-section-heading{gap:16px;margin-bottom:18px}.xp-heading,.route-section-heading,.site-section-heading{margin-bottom:16px!important}.route-main .route-hero{padding:20px 0 22px}.route-main .breadcrumbs{margin-bottom:16px}.route-hero-copy{margin-bottom:18px}.route-hero-details{padding-top:16px;gap:16px}.match-service summary{min-height:78px;padding:12px;gap:8px}.match-footer{padding:28px 0 20px}.xp-finder-grid,.work-grid,.locale-grid,.route-feature-grid,.route-steps{gap:10px}.work-card-copy{padding:14px 12px}.work-card-copy p{margin-bottom:10px}.xp-finder-card{gap:8px!important;padding-bottom:10px!important}.study-grid,.scope-columns,.lesson-exercise{gap:18px}.study-deliverables,.scope-process,.locale-highlight,.lesson-practice{padding:16px}.lesson-stages>article,.lesson-stages>li{padding:14px}.workflow-builder,.workflow-preview,.tool-panel,.xp-panel-copy{padding:16px}.tools-tabs button{padding:12px 10px;min-height:68px}.site-next-links{margin-block:14px}
}
.xp-finder-card>span:not(.xp-spotlight){margin:0 16px!important;padding-top:0!important;min-height:32px;line-height:1.2}.xp-finder-card>h3,.xp-finder-card>p{margin-inline:16px!important}
@media(max-width:767px){.xp-finder-card>span:not(.xp-spotlight){margin-inline:10px!important;min-height:28px}.xp-finder-card>h3,.xp-finder-card>p{margin-inline:10px!important}}
.tools-tabs button[aria-selected=true] .tool-tab-glyph{color:#a9f4f2;background:#ffffff12;border-color:#ffffff40}
@media(max-width:767px){.tools-tabs button{gap:6px;padding:10px}.tools-tabs .tool-tab-glyph{width:24px;height:24px;min-width:24px;font-size:18px}.tools-tabs strong{line-height:1.3!important}}
.match-service,.xp-panel,.xp-flow-panel,.xp-plan-result,.xp-node:not(.is-tracing){background:var(--studio-panel)!important;border-color:var(--studio-line)}
.xp-check-card:has(input:checked),.xp-node.is-tracing{background:linear-gradient(120deg,#d6c0ef,#c1e2e7)!important;border-color:#6c5186!important;box-shadow:inset 0 0 0 1px #8c69ac55}
@media(min-width:768px){.xp-panel-copy,.xp-flow-panel,.xp-plan-result,.xp-step-panel{padding:24px}.xp-panel{min-height:0}.xp-step-panel{min-height:220px;gap:24px}}
.xp-finder-card .brand-token,.service-tile .brand-token,.xp-check-card .brand-token,.route-feature-grid .brand-token,.tool-panel .brand-token{background:#2c203a;border-radius:4px;padding:0 .16em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.brief-availability{padding:14px 16px;margin:16px 0;border:1px solid #a690bd88;border-radius:14px;background:var(--studio-panel)}.brief-availability p{margin:0 0 6px}.brief-availability button{min-height:44px}.studio-brief [aria-busy=true]{cursor:progress}

/* Clear liquid-glass enquiry, with sculpted rims over visible reflective artwork. */
.studio-brief{padding-block:28px 44px}
.brief-layout{position:relative;isolation:isolate;overflow:hidden;gap:24px;padding:28px;border:1px solid #ffffffcc;border-radius:38px;background:radial-gradient(ellipse at 85% 8%,#c9f4f255,transparent 48%),radial-gradient(ellipse at 15% 95%,#efc9e94d,transparent 50%),linear-gradient(135deg,#e4deed,#f2edf5 44%,#dce5ed);box-shadow:inset 0 2px 1px #fff,inset 1px 0 1px #fff9,inset 0 -2px 2px #8a719b66,0 16px 42px #51376124;color:#30213e}
.enquiry-liquid-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.9}
.brief-workspace{position:relative;isolation:isolate;padding:28px;border-radius:30px;border:1px solid #ffffffcc;background:linear-gradient(120deg,#ffffff30,#ffffff0a 50%,#e8ddf01c);backdrop-filter:blur(2px) saturate(135%);box-shadow:inset 0 2px 2px #fff,inset 2px 0 2px #fff8,inset -1px -2px 3px #79678966,0 14px 28px #513b6220}
.brief-workspace::before{content:'';position:absolute;inset:0;border:6px solid transparent;border-radius:inherit;background:linear-gradient(135deg,#fff,#c3a6ee88 18%,#ffffffe6 31%,#99dde155 48%,#c7b1ec88 66%,#fff6 83%,#efafd799) border-box;mask:linear-gradient(#fff 0 0) padding-box exclude,linear-gradient(#fff 0 0);pointer-events:none;opacity:.8}
.brief-workspace::after{content:'';position:absolute;inset:10px 18px auto;height:1px;background:linear-gradient(90deg,transparent,#fff 18%,#fff8 70%,transparent);pointer-events:none}
.studio-brief h2{color:#30203d}.studio-brief h2 em,.brief-companion h3 em{color:#7f4184}.brief-progress{margin-bottom:22px;border-color:#8a729c40;gap:12px}.brief-progress li{color:#665476;padding-bottom:12px}.brief-progress li[aria-current]{color:#543873;border-color:#537f8c}.brief-progress span{margin-left:6px}.brief-field,.brief-services legend{color:#382646;font-size:16px}.brief-field small,.studio-brief .field-hint{color:#604b70}
.brief-services{margin-top:20px;gap:8px}.studio-brief .brief-services label>span{background:linear-gradient(140deg,#ffffff5e,#eee8f31f)!important;border-color:#ffffffdb!important;color:#493253;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #8e74a059,0 3px 8px #3b214510;backdrop-filter:blur(2px);border-radius:14px;font-size:15px!important}.studio-brief .brief-services label:hover>span{background:linear-gradient(135deg,#ddcdf2aa,#cbe9ec77)!important;border-color:#a7b9d8!important}.studio-brief .brief-services input:checked+span{background:linear-gradient(120deg,#634784e8,#407682e8)!important;border-color:#efffff!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffffb3,0 0 0 1px #7fa4b3,0 4px 14px #65477d24}
.brief-field input,.brief-field textarea,.brief-field select{background:linear-gradient(135deg,#ffffff57,#f7f1fc24);border-color:#ffffffe6;color:#30203d;border-radius:16px;box-shadow:inset 0 2px 4px #765f8b1a,inset 0 -1px 1px #fff,0 0 0 1px #a38bb23d;backdrop-filter:blur(2px)}.brief-field input::placeholder,.brief-field textarea::placeholder{color:#74637f;opacity:1}.brief-field select{color-scheme:light}.brief-field :is(input,textarea,select):focus{outline:2px solid #617f99;outline-offset:3px;border-color:#fff}.brief-field [aria-invalid=true]{border-color:#9b365a;box-shadow:0 0 0 1px #9b365a}.studio-brief .brief-error{color:#90274d}
.studio-brief .brief-review,.studio-brief .brief-availability{background:linear-gradient(135deg,#ffffff54,#e2dcec2b);border-color:#fff;border-radius:20px;color:#382646;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 2px #937ca34d,0 5px 14px #4b31550c;backdrop-filter:blur(2px)}.studio-brief .brief-connection,.studio-brief .brief-privacy,.studio-brief .brief-local-note,.studio-brief .brief-announcement{color:#55415f}.studio-brief .brief-announcement:empty{display:none}.studio-brief .brief-announcement:focus{outline:2px solid #617f99;outline-offset:6px;border-radius:4px}
.studio-brief .studio-button{background:linear-gradient(120deg,#d1baee,#bde5e9 62%,#eed1e5);color:#34243f;border-color:#fffffff2;box-shadow:inset 0 2px 1px #ffffffcc,inset 0 -2px 2px #7c699f66,0 5px 12px #4c2e6e20;font-size:16px}.studio-brief .studio-button.secondary{background:linear-gradient(120deg,#ffffff63,#ded4eb33);color:#483354;border-color:#fff;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px #9276a969}.studio-brief .studio-text-button{color:#60437e}.studio-brief .studio-button:disabled{opacity:.5}.studio-brief .studio-text-button:disabled{opacity:.5;cursor:wait}
.brief-companion{position:relative;top:auto;align-self:start;padding:20px 12px;border:0;background:transparent;box-shadow:none;text-align:center;color:#4e395d}.brief-companion .brief-orbit{height:360px;margin:0 auto 16px;position:relative}.brief-companion .brief-orbit:before{content:'';position:absolute;inset:18% -4% 2%;border:2px solid #fff9;border-radius:50%;box-shadow:inset 0 1px 1px #fff,0 6px 12px #7a5b8930;background:linear-gradient(130deg,#ffffff12,#d5d5f126,#a7e7e61a);transform:rotate(-24deg) scaleY(.66);pointer-events:none}.brief-companion .brief-orbit img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 16px #664c7738)}.brief-companion h3{color:#3c294b;font-size:32px}.brief-companion p{color:#5b4669}.brief-companion .brief-local-note{margin-top:18px}.studio-brief .brief-discard{background:linear-gradient(135deg,#eee7f5,#dce9ed);color:#34233f;border-color:#fff;box-shadow:inset 0 2px 1px #fff,0 20px 50px #20132f55}.studio-brief .brief-discard::backdrop{background:#17102166;backdrop-filter:blur(8px)}
body:has([data-brief-builder]) .route-hero{padding-block:35px 25px}body:has([data-brief-builder]) .route-hero-art{display:none}body:has([data-brief-builder]) .route-hero-details{display:block}body:has([data-brief-builder]) .route-hero-intro{max-width:720px}body:has([data-brief-builder]) .route-hero h1{font-size:clamp(35px,5vw,66px)}body:has([data-brief-builder]) .route-final{display:none}
@media(max-width:767px){.studio-brief{padding:16px 0 26px}.brief-layout{padding:10px;gap:14px;border-radius:26px}.brief-workspace{padding:18px 14px;border-radius:22px}.brief-workspace::before{border-width:4px}.brief-progress{gap:8px;margin-bottom:18px}.brief-progress li{font-size:14px!important}.brief-progress span{margin-left:3px}.brief-services label>span{padding:10px 8px}.brief-workspace h2{font-size:29px}.brief-companion{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px 14px;padding:4px 10px 12px;text-align:left}.brief-companion .brief-orbit{grid-row:1/4;height:125px;margin:0}.brief-companion h3{font-size:24px;margin:0}.brief-companion p{margin:0}.brief-companion .brief-local-note{margin-top:8px}.studio-brief .brief-actions{gap:10px}.studio-brief .brief-actions .studio-button{flex:1 1 150px}.studio-brief .brief-review{padding:16px;font-size:16px}.brief-field input,.brief-field textarea,.brief-field select{padding:12px}body:has([data-brief-builder]) .route-hero{padding-block:24px 15px}body:has([data-brief-builder]) .route-hero h1{font-size:36px}}
.studio-brief,.studio-brief h2{scroll-margin-top:110px}.brief-companion .brand-token{background:#2c203a;border-radius:4px;padding:0 .16em}.brief-workspace:focus-within::before{opacity:1}.enquiry-liquid-art>g{transform-origin:center;animation:enquiry-reflection-drift 24s ease-in-out infinite alternate}@keyframes enquiry-reflection-drift{from{transform:translate(-1%,-.5%) rotate(-1deg)}to{transform:translate(1%,.5%) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.enquiry-liquid-art>g{animation:none}}

/* A readable review within the same clear, sculpted enquiry glass. */
.studio-brief .brief-layout{background:radial-gradient(ellipse at 96% 4%,#88e2e55e,transparent 46%),radial-gradient(ellipse at 0 90%,#eaa4d65c,transparent 50%),linear-gradient(135deg,#ddd1ed,#f0eaf6 44%,#d3e3ed)}
.studio-brief .brief-workspace{border-color:#fff;box-shadow:inset 0 2px 2px #fff,inset 2px 0 2px #fff9,inset -2px -3px 4px #81669666,0 14px 28px #513b6220}
.studio-brief .brief-workspace::before{background:linear-gradient(135deg,#fff,#ad8bdfbd 18%,#fffffff2 31%,#67cdd6a3 48%,#b49bd9bd 66%,#fff9 83%,#e399c4bd) border-box;opacity:1}
.studio-brief .brief-workspace{color:#30213e}.studio-brief .brief-workspace>form>[data-brief-step]>p{color:#483454;font-size:16px;line-height:1.65}
.studio-brief .brief-workspace h2{font-size:clamp(30px,3.5vw,46px);line-height:1.2;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:normal}
.studio-brief .brief-progress li{color:#594267;line-height:1.45!important}.studio-brief .brief-progress li[aria-current]{color:#39204e;border-color:#39737e}
.studio-brief .brief-review{white-space:normal;padding:22px;color:#30213e;font:400 16px/1.6 Satoshi,Arial,sans-serif;background:linear-gradient(135deg,#ffffff85,#e6dff03d 62%,#c9e9ed36);border:1px solid #fff;box-shadow:inset 0 2px 1px #fff,inset 0 -2px 3px #9174a14d,0 5px 14px #4b315510}
.studio-brief .brief-review-title{display:inline-block;margin:0 0 22px;padding:10px 14px;border-radius:12px;background:linear-gradient(120deg,#30203f,#193d48);color:#f8f2ff!important;font:500 16px/1.5 Satoshi,Arial,sans-serif;overflow-wrap:anywhere}
.studio-brief .brief-review-details{display:grid;gap:18px;margin:0}.studio-brief .brief-review-row{min-width:0}.studio-brief .brief-review-row dt{color:#5c426c;font:500 15px/1.5 Satoshi,Arial,sans-serif;margin-bottom:6px}.studio-brief .brief-review-row dd{margin:0;color:#30213e;font:400 16px/1.65 Satoshi,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
.studio-brief .brief-review-services{display:flex;flex-wrap:wrap;gap:7px;white-space:normal!important}.studio-brief .brief-review-service{display:inline-block;max-width:100%;padding:7px 11px;border:1px solid #ffffffed;border-radius:11px;background:linear-gradient(125deg,#e7d8f1b3,#d6eceeb3);box-shadow:inset 0 1px #fff;color:#372344;font-size:16px;line-height:1.5}
.studio-brief .brief-workspace .brand-token{background:#2c203a;border-radius:5px;padding:1px .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.studio-brief .brief-review-title .brand-token{background:transparent;padding:0}
.studio-brief .brief-availability{margin-top:16px;padding:14px 16px;background:linear-gradient(135deg,#ffffff8a,#e3e8f15c);border-color:#fff}.studio-brief .brief-availability .brief-connection{padding:0;margin:0;border:0;background:none;color:#4c365b;font-size:16px!important;line-height:1.6!important}.studio-brief .brief-availability .studio-text-button{color:#553470;white-space:normal;text-align:left;margin-top:4px}
.studio-brief .brief-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}.studio-brief .brief-actions .studio-button{flex:1 1 180px;white-space:normal;text-align:center;min-height:50px;padding:12px 16px;line-height:1.5}.studio-brief .brief-actions .studio-text-button{flex-basis:100%;text-align:left;align-self:start;color:#533369}
.studio-brief [data-intake-available=false] [data-download-brief]{background:linear-gradient(120deg,#593d76,#285c69);color:#fff;border-color:#fffffff2;box-shadow:inset 0 1px #ffffff99,inset 0 -2px #1b26364d,0 4px 12px #4c2e6e29}
@media(max-width:767px){.studio-brief .brief-workspace h2{font-size:30px;line-height:1.22}.studio-brief .brief-review{padding:16px;font-size:16px}.studio-brief .brief-review-title{font-size:15px;margin-bottom:18px;padding:10px 12px}.studio-brief .brief-review-details{gap:16px}.studio-brief .brief-progress{gap:6px}.studio-brief .brief-progress li{font-size:14px!important}.studio-brief .brief-progress span{display:block;margin:4px 0 0}.studio-brief .brief-actions .studio-button{flex-basis:100%;min-height:50px}.studio-brief .brief-availability{padding:14px}.studio-brief .brief-field-pair{grid-template-columns:1fr;gap:0}}
.studio-brief .brief-review-title{max-width:100%;box-sizing:border-box}.studio-brief .brief-review-title .brand-token{font-size:18px;line-height:1.5}

/* Cards carry one title and useful copy; the whole surface is the control. */
.service-card-link{color:inherit;text-decoration:none}.service-card-link:focus-visible,.xp-gallery-card:focus-visible,.work-card>a:focus-visible{outline:3px solid #7355a1;outline-offset:4px}
.route-main .service-tile h3,.xp-finder-card h3{line-height:1.25;letter-spacing:-.025em}.route-main .service-tile p,.xp-finder-card p,.work-card-copy p,.locale-card p{font-size:16px!important;line-height:1.6!important;color:#46364f;opacity:1!important}
.xp-gallery-card{display:flex;flex-direction:column;min-width:0;border:1px solid #b5a2c066;border-radius:18px;overflow:hidden;background:var(--studio-panel);padding:0 0 20px;text-align:left;color:#30213e}.xp-gallery-card>strong{display:block;font:500 25px/1.25 Satoshi,Arial,sans-serif;margin:18px 20px 8px}.xp-gallery-card>.card-description{display:block;margin:0 20px;color:#493752;font:400 16px/1.6 Satoshi,Arial,sans-serif}.xp-gallery-card>.xp-art{width:100%;margin:0;border-radius:0}
.showcase-controls{justify-content:flex-end}.process-card summary{grid-template-columns:minmax(0,1fr) auto}.glass-back{overflow-y:auto;overscroll-behavior:contain}.glass-back p,.glass-back ol{font-size:16px!important;line-height:1.6!important}.glass-face button,.glass-back a{font-size:16px!important;line-height:1.5!important;min-height:44px}.work-card-copy{padding-bottom:22px}
@media(max-width:767px){.xp-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xp-gallery-card{padding-bottom:14px;border-radius:14px}.xp-gallery-card>.xp-art{height:170px;min-height:0}.xp-gallery-card>strong{font-size:20px;margin:14px 12px 7px}.xp-gallery-card>.card-description{margin:0 12px;font-size:16px;line-height:1.5}.route-main .service-tile h3,.xp-finder-card h3{font-size:21px}.glass-front h3{line-height:1.25}.showcase-card strong{font-size:22px;line-height:1.3}}
.xp-step-panel{grid-template-columns:1fr}.glass-back p,.glass-back ol{color:#f5effb;opacity:1}.glass-back a{color:#bcebf0}.xp-gallery-card>strong{overflow-wrap:normal;hyphens:auto}
.showcase-controls [data-stack-caption]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.service-tile h3,.xp-finder-card h3,.xp-gallery-card>strong{overflow-wrap:anywhere;word-break:normal}.glass-back{overflow-wrap:anywhere}

/* Fit the complete source artwork; frame dimensions never crop the subject. */
:is(.generated-tile,.generated-ardi-grid,.generated-hero-art,.generated-topic,.generated-purpose,.service-thumb,.work-card-image,.locale-card,.route-family-art,.family-portraits,.ardi-directory-card,.route-mascot-frame) img{object-fit:contain!important;object-position:center!important;transform:none!important;translate:none!important;scale:none!important}
:is(.generated-tile,.generated-ardi-grid,.generated-hero-art,.generated-topic,.generated-purpose,.service-thumb,.work-card-image) picture{display:block;width:100%;height:100%;min-width:0;min-height:0}
.generated-tile::after{display:none}.work-card-image{background:#12101a}.work-card-image img{width:100%;height:100%;display:block}
.showcase-card{display:flex;flex-direction:column}.showcase-card>.generated-tile{height:auto;min-height:0;flex:1;width:100%}.showcase-card>span{position:static;flex-shrink:0;padding:14px 18px;background:#181321;display:block}.showcase-card strong{display:block;line-height:1.3}
.glass-object{height:400px}.glass-front{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;background:linear-gradient(150deg,#251b36e8,#122533ed)}.glass-front>.generated-tile{width:100%;height:auto;min-height:0;flex:1;border-radius:12px;background:transparent}.glass-front>.generated-tile picture{width:100%;height:100%}.glass-front h3{font-size:26px;line-height:1.25;margin:0;flex-shrink:0}.glass-front button{align-self:flex-start;margin:0;flex-shrink:0}
img[src*="mascot-cutout"]{object-fit:contain!important;object-position:center!important;background:transparent!important;border:0!important;border-radius:0!important}.generated-hero-art--cutout{background:transparent!important;border:0;box-shadow:none}.nav-brand-scene{background:transparent;border:0}.footer-mascot{border:0;border-radius:0}.site-header .brand-avatar,.match-footer .brand-avatar{height:56px;width:42px;background:transparent;border:0;border-radius:0;box-shadow:none}.brief-orbit img{background:none}
@media(max-width:767px){.glass-object{height:380px}.glass-front h3{font-size:22px;line-height:1.25}.showcase-card>span{padding:10px 12px}.showcase-card strong{font-size:20px}.site-header .brand-avatar,.match-footer .brand-avatar{width:36px;height:48px}}
/* Standard landscape artwork keeps its own proportions as card widths change. */
.service-tile>.generated-tile,.xp-finder-card>.generated-tile,.xp-gallery-card>.xp-art,.process-body>.generated-tile{aspect-ratio:3/2;height:auto!important;min-height:0;flex-shrink:0}.work-card-image{aspect-ratio:8/5}
/* Explicit page directory: each label names its destination, in the active language. */
.match-footer .footer-directory{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;gap:32px;margin:32px 0 26px;text-align:left}.match-footer .footer-directory nav{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:0}.match-footer .footer-directory h2{font:500 17px/1.4 Satoshi,Arial,sans-serif;letter-spacing:0;color:#cdb2f0;margin:0 0 12px}.match-footer .footer-directory a{display:flex;align-items:center;min-height:44px;font:400 16px/1.45 Satoshi,Arial,sans-serif;color:#f0eafa;letter-spacing:0;text-transform:none;padding:7px 0;white-space:normal}.match-footer .footer-directory a:hover,.match-footer .footer-directory a[aria-current]{color:#73e4e4;text-decoration:underline;text-underline-offset:5px}.match-footer .footer-directory a:focus-visible{outline:2px solid #73e4e4;outline-offset:4px;border-radius:3px}
@media(max-width:1000px){.match-footer .footer-directory{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:767px){.match-footer .footer-directory{gap:22px 16px;margin-block:24px}.match-footer .footer-directory h2{font-size:16px;margin-bottom:8px}.match-footer .footer-directory a{font-size:15px;min-height:44px;line-height:1.5}}
.home-image-entry{padding-block:30px}.home-image-entry h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:0 0 14px}.home-image-entry p{font-size:17px;line-height:1.6;color:#493955;margin:0 0 20px}.home-image-entry .site-button{display:inline-flex;min-height:48px;align-items:center}
/* Brand spans stay in normal text flow so names retain their spaces. */
.match-footer .footer-directory a{display:block;align-content:center;box-sizing:border-box}

.programme-section{margin-block:clamp(1.5rem,4vw,3.5rem)}
.programme-section>p{max-width:68ch;color:var(--ink,#26243d);font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.7}
.programme-details{display:grid;gap:.75rem;margin-top:1.25rem}.programme-details .site-disclosure{margin:0;background:linear-gradient(115deg,#bca2ff20,#5edce620,#f4a3d31a);border:1px solid #9c81ce55;border-radius:1.5rem;padding:1.15rem}
.programme-details summary{font-size:1.05rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer}.programme-details p{font-size:1rem;color:#34304b;line-height:1.7}
.programme-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.programme-links>a{padding:1.4rem;border:1px solid #ae8ee366;border-radius:1.5rem;background:linear-gradient(135deg,#c3a5ff30,#67e7ea25,#f8a8d12a);text-decoration:none;color:#252039;transition:transform .25s,box-shadow .25s}.programme-links>a:hover,.programme-links>a:focus-visible{transform:translateY(-4px);box-shadow:0 12px 32px #7854aa22}.programme-links h3{font-size:clamp(1.15rem,2vw,1.6rem);margin:0 0 .65rem}.programme-links p{font-size:1rem;line-height:1.6;margin:0}
@media(max-width:560px){.programme-links{gap:.65rem}.programme-links>a{padding:1rem}.programme-links h3{font-size:1.1rem}.programme-links p{font-size:.95rem}.programme-details .site-disclosure{padding:1rem}}
@media(prefers-reduced-motion:reduce){.programme-links>a{transition:none}.programme-links>a:hover{transform:none}}
.motion-studio{margin-block:2rem}.motion-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,2rem);border:1px solid #bfa5ef88;border-radius:2rem;background:linear-gradient(125deg,#c6a6ff30,#6de4e926,#f5acd32a);box-shadow:inset 0 1px 1px #fff9,0 20px 60px #7750b41c}.motion-view{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:1.5rem;overflow:hidden;background:#0a1022;align-self:start}.motion-view canvas{display:block;max-width:100%;width:100%;height:auto;max-height:640px;object-fit:contain}.motion-controls{display:grid;align-content:start;gap:1rem}.motion-controls label{display:grid;gap:.35rem;font-size:1rem;font-weight:600;color:#332a48}.motion-controls select{font:inherit;width:100%;padding:.7rem;border-radius:.8rem;border:1px solid #9c80bd88;background:#ece3fa;color:#302340;min-height:44px}.motion-controls input{accent-color:#8c50db;width:100%;min-height:35px}.motion-actions{display:flex;flex-wrap:wrap;gap:.7rem}.motion-status{font-size:1rem!important;line-height:1.6;min-height:1.6em;color:#382c55!important}.motion-note{font-size:.95rem!important;line-height:1.6;color:#4b3e60!important}.motion-controls button:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.motion-workspace{grid-template-columns:1fr;padding:.85rem;border-radius:1.5rem}.motion-view canvas{max-height:460px}.motion-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.motion-actions,.motion-status,.motion-note{grid-column:1/-1}.motion-controls label{font-size:.95rem}.motion-actions .site-button{padding:.7rem .85rem;font-size:.95rem}}
.studio-motion-example video{display:block;width:min(100%,680px);aspect-ratio:1;object-fit:contain;background:#0a1022;border-radius:1.5rem;border:1px solid #bba0e9aa;margin-block:1.25rem}.studio-motion-example>p{max-width:70ch;font-size:1rem;line-height:1.7}
@media(min-width:1200px){.footer-directory{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* === image-studio.css === */
/* A continuous material backdrop ties the dark artwork to the lighter glass UI. */
.reference-home,.route-main{background:radial-gradient(ellipse at 0 15%,#bfa7de80,transparent 48%),radial-gradient(ellipse at 100% 45%,#7acbd15c,transparent 50%),radial-gradient(ellipse at 20% 85%,#df9fc752,transparent 45%),#d6cde4}
.xp-section.omnelia-atmosphere,.xp-section>.ambient-field{background:transparent}
.xp-section>.ambient-field .kinetic-material{width:100%;right:-30%;opacity:.26;filter:none}
.xp-section>.ambient-field .kinetic-grid{background:linear-gradient(90deg,#d6cde4d9 10%,#d6cde440 80%)}
.match-about-art:has(img[src*="mascot-cutout"]),.generated-hero-art--mascot,.route-mascot-frame,.route-family-art,.footer-mascot{background:transparent!important;border:0!important;box-shadow:none!important}
.generated-hero-art--mascot::after,.match-about-art:has(img[src*="mascot-cutout"])::after,.route-mascot-frame::after,.route-family-art::after{display:none!important}
.image-studio{position:relative;isolation:isolate;margin-block:24px;padding:clamp(20px,4vw,48px);border:1px solid #bca1ee66;border-radius:32px;color:#f6f0ff;background:radial-gradient(ellipse at 0 0,#47296480,transparent 65%),radial-gradient(ellipse at 100% 100%,#18525c66,transparent 65%),#12131f;box-shadow:inset 0 1px 0 #ffffff24,0 18px 45px #1e12252b;overflow:hidden}
.image-studio::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 79px,#bca1ee08 79px 80px),repeating-linear-gradient(0deg,transparent 0 79px,#70e5e808 79px 80px)}
.image-studio-heading{max-width:750px;margin-bottom:28px}.image-studio .image-studio-heading h2{font-size:clamp(30px,4vw,52px);line-height:1.12;letter-spacing:-.035em;color:#f6f0ff;margin:0 0 16px}.image-studio p{color:#d5cde7;font-size:16px;line-height:1.65}.image-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.image-studio form{min-width:0}.image-studio label{display:block;font-size:16px;font-weight:500;color:#ede5fc;margin-bottom:10px}
.image-studio textarea,.image-studio select{display:block;width:100%;box-sizing:border-box;border:1px solid #9f83c280;border-radius:16px;padding:14px;background:#ffffff0b;color:#f6f0ff;font:400 16px/1.6 Satoshi,Arial,sans-serif;resize:vertical}.image-studio textarea::placeholder{color:#bfb2d2;opacity:1}.image-studio select{color-scheme:dark;margin-bottom:18px}.image-studio :is(textarea,select,button,a):focus-visible{outline:2px solid #66e9ed;outline-offset:4px}
.image-studio-examples{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 24px}.image-studio-examples button{border:1px solid #a88ec259;border-radius:24px;background:#ffffff0a;color:#ded1f5;padding:10px 14px;min-height:44px;font:400 15px/1.4 Satoshi,Arial,sans-serif;cursor:pointer}.image-studio-examples button:hover{background:#b08ad424;border-color:#8bdbc9}.image-studio-actions{display:flex;flex-wrap:wrap;gap:10px}.image-studio .studio-button{min-height:48px;font-size:16px;background:linear-gradient(120deg,#c89bff,#8ae4e8);color:#21162e;border-color:#d6c4ee;cursor:pointer}.image-studio .studio-button.secondary{background:#ffffff12;color:#f0e6ff}.image-studio .studio-button:disabled{opacity:.5;cursor:default}.image-studio .image-studio-note{font-size:14px;color:#bfb4d1}.image-studio-status{min-height:3.3em;margin-block:16px}.image-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.image-studio-result{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0;min-height:380px;padding:20px;border:1px solid #bda1e04d;border-radius:24px;background:radial-gradient(ellipse at 25% 15%,#69478a44,transparent 70%),linear-gradient(150deg,#1d1c2e,#151d2c);box-shadow:inset 0 1px 0 #ffffff20}.image-studio-result>img{max-width:100%;width:100%;height:auto;max-height:540px;object-fit:contain;border-radius:14px}.image-studio-empty{text-align:center;max-width:260px}.image-studio-empty>span{display:block;font-size:100px;line-height:1.3;color:#b78ce8;text-shadow:10px 8px 0 #78e9dd44,-8px -5px 0 #f297cc44}.image-studio-result[aria-busy=true]::after{content:'';position:absolute;inset:0;border:2px solid #a7e7e9;border-radius:inherit;pointer-events:none}.image-studio [hidden]{display:none!important}
@media(prefers-reduced-motion:no-preference){.image-studio-empty>span{animation:image-studio-orbit 12s ease-in-out infinite alternate}.image-studio-result[aria-busy=true]::after{animation:image-studio-pulse 2s ease-in-out infinite alternate}@keyframes image-studio-orbit{from{transform:rotate(-12deg) translateY(0)}to{transform:rotate(12deg) translateY(-8px)}}@keyframes image-studio-pulse{from{opacity:.25}to{opacity:1}}}
@media(max-width:767px){.image-studio{margin-block:18px;border-radius:22px;padding:20px 16px}.image-studio-heading{margin-bottom:22px}.image-studio-grid{grid-template-columns:1fr;gap:20px}.image-studio-result{min-height:240px;padding:14px;border-radius:18px}.image-studio-examples{gap:7px;margin-bottom:18px}.image-studio-examples button{flex:1 1 120px;font-size:14px}.image-studio-actions>.studio-button{flex:1}.image-studio-status{min-height:0}.image-studio .image-studio-heading h2{font-size:32px}}

.image-studio{scroll-margin-top:110px}
/* Keep the separate pages visible rather than hiding the entire site in a menu. */
@media(min-width:768px){.route-main{padding-top:90px}}

/* === ardi-stack.css === */
.ardi-family-section{display:block!important;min-width:0;padding-block:clamp(30px,5vw,64px)!important;scroll-margin-top:130px}.ardi-family-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:10px}.ardi-family-heading h2{font:500 clamp(32px,4vw,56px)/1.12 Satoshi,Arial,sans-serif!important;letter-spacing:-.04em!important;max-width:650px;margin:0!important}.ardi-family-heading>p{font:400 17px/1.6 Satoshi,Arial,sans-serif;color:#4b3c58;max-width:310px;margin:0}
.ardi-stack{min-width:0;position:relative;padding:22px 12px 28px;margin-top:26px;background:radial-gradient(ellipse at 50% 20%,#64437c55,transparent 65%),radial-gradient(ellipse at 80% 90%,#1c536150,transparent 55%),#13141f;border:1px solid #a18ab966;border-radius:30px;box-shadow:inset 0 1px 0 #ffffff28,0 16px 40px #281a3524;color:#f6efff;overflow:hidden}
.ardi-stack-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;padding:12px;touch-action:pan-y;user-select:none}
.ardi-stack-card{min-width:0;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--ardi-accent) 18%,transparent),transparent 70%),linear-gradient(140deg,#ffffff0c,#ffffff02);border:1px solid color-mix(in srgb,var(--ardi-accent) 45%,#ffffff20);border-radius:24px;box-shadow:inset 0 1px 0 #ffffff30,0 20px 35px #0005;overflow:hidden}
.ardi-stack-card>button{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;width:100%;height:100%;padding:18px 18px 22px;background:none;border:0;color:inherit;cursor:pointer;text-align:center;font:inherit}.ardi-stack-card picture{display:block;width:100%;flex:1;min-height:0}.ardi-stack-card img{display:block;width:100%;height:100%;object-fit:contain!important;transform:none!important;scale:1!important;filter:drop-shadow(0 8px 15px #0004);pointer-events:none}.ardi-stack-card h3{color:#fff!important;font:500 25px/1.2 Satoshi,Arial,sans-serif!important;letter-spacing:-.025em!important;margin:18px 0 7px!important}.ardi-stack-card p{font:400 15px/1.4 Satoshi,Arial,sans-serif!important;color:#e4daef!important;margin:0!important}
.ardi-stack.is-enhanced .ardi-stack-stage{display:block;height:520px;max-width:1180px;margin:auto;padding:0;perspective:1100px;perspective-origin:50% 45%;overflow:visible}.ardi-stack.is-enhanced .ardi-stack-card{position:absolute;width:350px;height:470px;left:50%;top:50%;transform:translate(-50%,-50%) translateX(calc(var(--stack-offset)*255px)) translateZ(calc(var(--stack-distance)*-170px)) rotateY(calc(var(--stack-offset)*-14deg));opacity:calc(1 - var(--stack-distance)*.22);transition:transform .8s cubic-bezier(.22,.75,.2,1),opacity .65s,border-color .65s;will-change:transform}.ardi-stack.is-enhanced .ardi-stack-card:not(.is-active){filter:brightness(.75)}.ardi-stack.is-enhanced .ardi-stack-card.is-active{border-color:color-mix(in srgb,var(--ardi-accent) 75%,#fff);box-shadow:inset 0 1px 0 #ffffff55,0 25px 55px #0007,0 0 45px color-mix(in srgb,var(--ardi-accent) 14%,transparent)}
.ardi-stack-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:6px auto 22px}.ardi-stack-controls>button{min-width:44px;height:44px;border-radius:50%;border:1px solid #b69fc866;background:#ffffff0b;color:#f4ebff;font-size:22px;cursor:pointer}.ardi-stack-controls>button.ardi-stack-play{border-radius:24px;padding:0 18px;font:400 15px/1.4 Satoshi,Arial,sans-serif;min-width:82px}.ardi-stack-controls button:hover{background:#ad8ad22b}.ardi-stack-controls button:disabled{opacity:.55;cursor:default}.ardi-stack-dots{display:flex;align-items:center}.ardi-stack-dots button{display:grid;place-items:center;width:36px;height:44px;background:none;border:0;cursor:pointer}.ardi-stack-dots button>span{display:block;width:7px;height:7px;border-radius:50%;background:#b7a8c4;transition:width .3s,background .3s}.ardi-stack-dots button[aria-pressed=true]>span{width:22px;border-radius:10px;background:#92e2e2}.ardi-stack-detail{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:760px;margin:auto;padding:0 18px}.ardi-stack-detail>p{font:400 17px/1.65 Satoshi,Arial,sans-serif;color:#e3d8ef;margin:0;max-width:490px;min-height:3.3em}.ardi-stack-detail>a{flex-shrink:0;color:#21162e;background:linear-gradient(120deg,#c9a4f0,#a4dddd);border-color:#e4d5f9;min-height:46px}.ardi-stack :is(button,a):focus-visible{outline:2px solid #8cecf0;outline-offset:4px}
body[data-page$="/ardi/"] .route-hero-art{display:none}body[data-page$="/ardi/"] .route-hero-details{display:block}body[data-page$="/ardi/"] .route-hero-intro{max-width:720px}
@media(max-width:767px){.ardi-family-heading{display:block}.ardi-family-heading>p{margin-top:15px;font-size:16px;max-width:none}.ardi-stack{margin-top:20px;padding:12px 4px 22px;border-radius:22px}.ardi-stack.is-enhanced .ardi-stack-stage{height:390px;perspective:900px}.ardi-stack.is-enhanced .ardi-stack-card{width:min(240px,72vw);height:345px;border-radius:20px;transform:translate(-50%,-50%) translateX(calc(var(--stack-offset)*130px)) translateZ(calc(var(--stack-distance)*-160px)) rotateY(calc(var(--stack-offset)*-16deg))}.ardi-stack-card>button{padding:16px 16px 20px}.ardi-stack-card h3{font-size:22px!important;margin-top:12px!important}.ardi-stack-card p{font-size:14px!important}.ardi-stack-controls{gap:6px;margin:0 0 18px}.ardi-stack-dots button{width:30px}.ardi-stack-detail{display:block;padding:0 18px}.ardi-stack-detail>p{font-size:16px;min-height:5em;margin-bottom:16px}.ardi-stack-detail>a{display:inline-flex;justify-content:center;width:100%}.ardi-stack:not(.is-enhanced) .ardi-stack-stage{grid-template-columns:1fr 1fr}.ardi-stack:not(.is-enhanced) .ardi-stack-card{height:310px}.ardi-stack:not(.is-enhanced) .ardi-stack-card h3{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.ardi-stack.is-enhanced .ardi-stack-card,.ardi-stack-dots button>span{transition:none;will-change:auto}}
/* Keep navigation centred; the assistant remains available as a compact launcher. */
.ardi-stack-controls{display:grid;grid-template-columns:44px auto 44px;justify-content:center}.ardi-stack-controls>button.ardi-stack-play{grid-column:1/-1;justify-self:center;margin-top:2px;min-width:100px}
.ardi-stack noscript nav{display:flex;flex-wrap:wrap;gap:16px;padding:20px}.ardi-stack noscript a{color:#a8ecec}
@media(max-width:767px){.ardi-stack-visible .assistant-greeting,.ardi-stack-visible .assistant-mascot>span{display:none}.ardi-stack-visible .assistant-mascot{width:44px!important;height:58px!important;min-height:0;padding:0!important}.ardi-stack-visible .assistant-mascot img{width:40px!important;height:54px!important}.ardi-stack-visible .assistant-hide{width:26px;height:26px;top:-16px;right:-6px;font-size:16px}.ardi-stack-visible .assistant-launcher{width:44px}}

/* === showcase.css === */
.home-showcase,.creative-showcase,.system-example{margin-block:clamp(1.5rem,4vw,4rem);scroll-margin-top:140px}.showcase-section-heading{max-width:800px;margin:0 0 1.5rem}.showcase-section-heading h2{font-size:clamp(1.8rem,4vw,3.6rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 1rem}.showcase-section-heading p{font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.7;color:#423754}.showcase-film{position:relative;overflow:hidden;border-radius:clamp(1.1rem,2vw,2rem);background:#0c1020;border:1px solid #b79ce888;box-shadow:0 22px 65px #5c3a7f26,inset 0 1px 0 #fff5}.showcase-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0c1020}.home-showcase-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.9rem}.home-showcase-links a,.showcase-system-entry{display:block;background:linear-gradient(125deg,#bf9bf42b,#6ce1dc28,#ed99c829);border:1px solid #af8fd166;border-radius:1.2rem;padding:1.15rem;text-decoration:none;color:#30233e;transition:transform .25s,box-shadow .25s}.home-showcase-links a:hover,.showcase-system-entry:hover{transform:translateY(-3px);box-shadow:0 10px 35px #5e388e22}.home-showcase-links strong{display:block;font-size:1.1rem;margin-bottom:.4rem}.home-showcase-links span{font-size:1rem;line-height:1.5;color:#514062}.showcase-filters{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1.5rem}.showcase-filters button,.system-samples button{font:500 1rem/1.4 Satoshi,system-ui,sans-serif;cursor:pointer;min-height:44px;border:1px solid #9876b97a;border-radius:2rem;padding:.65rem 1rem;background:linear-gradient(130deg,#d4b5f53b,#88dfe638);color:#382b4e}.showcase-filters button[aria-pressed=true],.system-samples button[aria-pressed=true]{background:#38204c;color:#e9dfff;border-color:#bf96e9}.showcase-feature,.showcase-campaign-grid{margin-block:1.5rem}.showcase-card-copy h3,.showcase-system-entry h3{font-size:clamp(1.3rem,2.5vw,2rem);margin:0 0 .7rem;line-height:1.25}.showcase-card-copy p,.showcase-system-entry p{font-size:1rem;line-height:1.7;color:#493655;max-width:72ch}.showcase-transcript{font-size:1rem;line-height:1.7;margin-top:1rem}.showcase-transcript summary{cursor:pointer;min-height:44px;align-content:center;color:#4b2e65}.showcase-transcript p{max-width:70ch}.showcase-campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.showcase-design{padding:.65rem;border:1px solid #ac8bd26b;border-radius:1.5rem;background:linear-gradient(150deg,#d6baf740,#77e2df22)}.showcase-design a{display:block;overflow:hidden;border-radius:1rem;background:#0d1021}.showcase-design img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.showcase-design h3{font-size:1.05rem;margin:.9rem .4rem .5rem;line-height:1.4}.showcase-system-entry{margin-top:2rem}.showcase-system-entry span{display:block;font-weight:600;min-height:44px;align-content:center;text-decoration:underline;text-underline-offset:5px}
.system-workbench,.asset-workbench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #9c7fc36b;border-radius:1.8rem;padding:clamp(1rem,3vw,2rem);gap:clamp(1rem,3vw,2rem);background:radial-gradient(at 0 0,#cf9dfa33,transparent 65%),linear-gradient(125deg,#a3dfe52a,#efb2d92a)}.system-workbench h3,.asset-review-form h3{font-size:1.4rem;line-height:1.3;margin:0 0 1.25rem}.system-workbench p{font-size:1rem;line-height:1.7}.system-samples{display:flex;flex-wrap:wrap;gap:.5rem}.system-check{display:flex;align-items:center;gap:.65rem;min-height:44px;font-size:1rem;margin:1rem 0}.system-check input{accent-color:#7843aa;width:20px;height:20px;flex-shrink:0}.system-route-path{display:flex;align-items:center;gap:.5rem;color:#4d3a60;font-size:1rem;margin-block:1.2rem}.system-route-path span{border:1px solid #a583c58a;border-radius:.8rem;padding:.5rem;background:#c9b4e62a}.system-route-path i{height:2px;flex:1;background:linear-gradient(90deg,#ac84d4,#62c7c9);transform-origin:left;transition:transform .5s}.is-routed .system-route-path i{animation:route-signal .65s ease both}.system-result dl{display:grid;gap:1rem;margin-block:1.3rem}.system-result dt{font-size:.95rem;color:#5a466d}.system-result dd{font-size:1.1rem;color:#30233f;margin:0;font-weight:600}.system-review-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1rem}.system-result button:disabled,.asset-review-form button:disabled{opacity:.5;cursor:not-allowed}.asset-workbench{grid-template-columns:140px minmax(0,1fr) minmax(240px,1fr);align-items:start}.asset-selector{display:grid;gap:.65rem}.asset-selector button{border:1px solid #a683cb80;border-radius:1rem;background:#bca5dc22;padding:.5rem;color:#38294e;text-align:left;cursor:pointer;font:inherit;min-height:44px}.asset-selector button[aria-pressed=true]{border:2px solid #8760bc;background:#c9adea35}.asset-selector img{display:block;width:100%;height:105px;object-fit:contain;border-radius:.5rem;background:#101426}.asset-selector span,.asset-selector small{display:block;margin:.5rem 0 0;font-size:.95rem;line-height:1.4}.asset-selector small{color:#5c4671;font-size:.9rem}.asset-review-preview{background:#0e1428;border:1px solid #a287cb66;border-radius:1.2rem;overflow:hidden;min-width:0}.asset-review-preview>img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}.asset-review-form{min-width:0}.asset-review-form label{display:grid;gap:.5rem;font-size:1rem}.asset-review-form textarea{font:inherit;width:100%;resize:vertical;border:1px solid #9976b777;border-radius:1rem;background:#e5d4f146;color:#32243f;padding:.85rem;min-height:130px}.asset-review-form p{font-size:1rem;line-height:1.6;color:#4d3a61}.showcase-text-button{display:block;margin-top:1rem;background:none;border:0;color:#5b3879;padding:.5rem 0;min-height:44px;text-decoration:underline;font:inherit;cursor:pointer}.system-example .site-button,.creative-showcase button,.home-showcase a{white-space:normal}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:4px}.system-example [hidden],.creative-showcase [hidden]{display:none!important}
@keyframes route-signal{from{transform:scaleX(.05);opacity:.2}to{transform:scaleX(1);opacity:1}}
@media(max-width:1000px){.asset-workbench{grid-template-columns:120px minmax(0,1fr)}.asset-review-form{grid-column:1/-1}.system-workbench{gap:1rem}.home-showcase-links strong{font-size:1rem}}
@media(max-width:600px){.home-showcase-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.home-showcase-links>a{padding:.9rem}.home-showcase-links>a:last-child{grid-column:1/-1}.home-showcase-links span{font-size:.95rem}.showcase-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.showcase-filters button{border-radius:1rem;padding:.65rem;font-size:.95rem}.showcase-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.showcase-design{padding:.4rem;border-radius:1rem}.showcase-design:last-child{grid-column:1/-1;width:calc(50% - .325rem);justify-self:center}.showcase-design h3{font-size:1rem;margin:.7rem .25rem .3rem}.system-workbench{grid-template-columns:1fr;border-radius:1.3rem}.system-result{border-top:1px solid #a484bd44;padding-top:1rem}.asset-workbench{grid-template-columns:1fr;padding:.8rem;border-radius:1.3rem}.asset-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.asset-selector img{height:85px}.asset-selector span{font-size:.9rem}.asset-selector small{font-size:.85rem}.asset-review-form{grid-column:auto}.asset-review-preview{max-height:500px;display:grid;place-items:center}.asset-review-preview>img{max-height:500px}.system-samples button{font-size:.95rem;padding:.6rem .8rem}}
@media(prefers-reduced-motion:reduce){.is-routed .system-route-path i{animation:none}.home-showcase-links a,.showcase-system-entry{transition:none}.home-showcase-links a:hover,.showcase-system-entry:hover{transform:none}}
.studio-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.studio-format-grid details{background:linear-gradient(130deg,#c4a3ed29,#6ed6db25,#f2afce25);border:1px solid #aa8ac866;border-radius:1.2rem;padding:1rem}.studio-format-grid summary{font-size:1.05rem;line-height:1.5;min-height:44px;cursor:pointer}.studio-format-grid p{font-size:1rem;line-height:1.7;color:#493951}.studio-format-grid details[open] p{animation:showcase-reveal .25s ease both}@keyframes showcase-reveal{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:600px){.studio-format-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.studio-format-grid details[open] p{animation:none}}
.home-showcase .brand-token,.creative-showcase .brand-token,.system-example .brand-token{background:#25182f;border-radius:4px;padding:1px .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.showcase-film video{max-height:calc(100svh - 150px)}
.showcase-media-playing .assistant-greeting,.showcase-media-playing .assistant-mascot>span{display:none}.showcase-media-playing .assistant-launcher{width:44px;right:8px}.showcase-media-playing .assistant-mascot{width:44px!important;height:58px!important;min-height:0;padding:0!important}.showcase-media-playing .assistant-mascot img{width:40px!important;height:54px!important}.showcase-media-playing .assistant-hide{width:24px;height:24px;top:-14px;right:-3px;font-size:16px}

/* === readability.css === */
/* Light glass panels retain dark copy in both resting and expanded states. */
.process-card,.process-card[open]{color:#30213e!important}
.process-card summary,.process-card summary h3,.process-body h4{color:#30213e!important;opacity:1!important}
.process-card summary>b,.process-body p,.process-body li{color:#493452!important;opacity:1!important}
.site-disclosure,.site-disclosure[open]{color:#30213e}
.site-disclosure summary,.site-disclosure summary span:not(.brand-token),.site-disclosure>p,.site-disclosure li{color:#392443!important;opacity:1!important}
.site-disclosure summary{font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5}.site-disclosure>p,.site-disclosure li{font-size:1rem;line-height:1.7}
.route-main>:not(.route-hero) .brand-token,.reference-home main>:not(.match-hero) .brand-token{background:#25182f;border-radius:4px;padding:1px .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* Dark surfaces have an explicit text palette rather than inheriting page ink. */
.glass-face h3,.glass-face p,.glass-face li,.glass-face button,.glass-back a{color:#f5eefb!important;opacity:1!important}.glass-back a{color:#b8f5ee!important}.workflow-preview .workflow-detail p,.workflow-preview .workflow-mode,.workflow-preview .workflow-status{color:#f0e8f7!important}.tool-output-side .tool-output-label{color:#493452!important}
main textarea::placeholder,main input::placeholder{opacity:1;color:#665270}
.site-nav .nav-links>a{color:#f5effb;opacity:1;text-shadow:0 2px 10px #0c071a}.site-nav .nav-links>a[aria-current]{color:#85f4ee}
.site-nav .nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}.site-nav .nav-links>a{font-size:clamp(20px,2.3vw,32px);line-height:1.3;min-height:48px;padding:12px 0;align-content:center}
.site-nav{background:linear-gradient(135deg,#1c1429d9,#101c29d6)!important}
@media(max-width:767px){.site-header .nav-wrap{min-height:64px;padding-block:0!important;flex-wrap:nowrap}.header-actions{margin-left:auto}.site-nav{inset:64px 0 0!important}.route-main{padding-top:64px}.reference-home .match-hero{padding-top:100px}.site-nav .nav-links{column-gap:1rem}.site-nav .nav-links>a{font-size:20px;padding:10px 0;min-height:48px}.image-studio{scroll-margin-top:84px}}
.explore-gallery{margin-block:clamp(1.5rem,4vw,3.5rem);scroll-margin-top:110px}.explore-heading{max-width:760px}.explore-heading h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.2;margin-bottom:1rem}.explore-heading p,.explore-work-link p{font-size:1rem;line-height:1.7;color:#493452}.explore-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-block:1.2rem}.explore-filters button{min-height:44px;padding:.65rem 1rem;font:inherit;font-size:1rem;border:1px solid #9870b988;border-radius:1rem;background:linear-gradient(125deg,#d0acee44,#87e0de33);color:#382141;cursor:pointer}.explore-filters button[aria-pressed=true]{background:#38204b;color:#f6edff}.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.explore-card{display:block;min-width:0;border:1px solid #ac8bcb80;background:linear-gradient(130deg,#ceaaf037,#85dde136);border-radius:1.4rem;padding:.6rem;text-decoration:none;color:#30213e;transition:transform .25s,box-shadow .25s}.explore-card picture{display:block;aspect-ratio:3/2;border-radius:1rem;overflow:hidden;background:#10101b}.explore-card img{display:block;width:100%;height:100%;object-fit:contain!important}.explore-card h3{font-size:1.2rem;line-height:1.35;margin:.9rem .5rem .5rem;color:#30213e}.explore-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #603b8422}.explore-gallery [hidden]{display:none!important}.explore-work-link{border:1px solid #ac8bcb80;border-radius:1.4rem;background:linear-gradient(130deg,#ceaaf037,#85dde136);padding:1.25rem;margin-top:1.25rem}.explore-work-link h3{font-size:1.5rem;margin:0}.explore-work-link a{margin:.5rem .5rem 0 0}
@media(max-width:767px){.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.explore-card{border-radius:1rem;padding:.4rem}.explore-card picture{border-radius:.7rem}.explore-card h3{font-size:1.05rem;margin:.7rem .3rem .4rem}.explore-filters{gap:.4rem}.explore-filters button{font-size:.95rem;padding:.6rem .7rem}}
@media(prefers-reduced-motion:reduce){.explore-card{transition:none}.explore-card:hover{transform:none}}
.image-studio textarea::placeholder,.image-studio input::placeholder,.assistant-panel textarea::placeholder{color:#d3c3e2!important;opacity:1}
.site-nav .nav-links>.language-links{grid-column:1/-1;display:flex;gap:1rem;align-items:center}.site-nav .language-links a{color:#f5effb;min-height:44px;align-content:center}
/* Supporting copy on the shared light surfaces must not use faint display ink. */
:is(.route-section-heading,.route-feature-grid,.route-steps,.route-band,.xp-heading,.xp-city,.xp-panel-copy,.xp-plan-result,.xp-check-card,.match-about-copy,.match-values,.match-features,.family-intro,.match-section-heading,.match-purpose) p,:is(.route-feature-grid,.route-steps,.route-band,.xp-journey,.xp-panel-copy,.xp-plan-result) li{color:#493452!important;opacity:1!important}
.xp-check-card small,.tool-description,.tool-upload>span,.tool-output-side .tool-note,.tools-bottom-note p{color:#493452!important;opacity:1!important}.xp-journey li{font-size:15px!important;line-height:1.55!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* One header measurement keeps artwork, titles and anchor destinations clear. */
:root{--site-header-height:72px;--site-anchor-gap:24px}
html{scroll-padding-top:0}
.site-header{height:var(--site-header-height);box-sizing:border-box}
.site-header .nav-wrap{height:100%;min-height:0!important;padding-block:0!important;flex-wrap:nowrap}
.site-nav{inset:var(--site-header-height) 0 0!important}
.route-main{padding-top:var(--site-header-height)}
.reference-home .match-hero{height:auto;min-height:max(650px,100svh);max-height:none;padding-block:calc(var(--site-header-height) + 32px) 110px;box-sizing:border-box}
.reference-home .match-hero-image{inset:calc(var(--site-header-height) + 16px) 0 16px;background-size:100% 100%,contain;background-position:center;background-repeat:no-repeat}
.reference-home .match-hero h1,.route-main .route-hero-copy h1{line-height:1.18;padding-block:.12em;overflow:visible}
:is(.route-section-heading,.match-section-heading,.xp-heading,.site-section-heading) :is(h2,h3){line-height:1.2;overflow:visible}
:where(main) [id]{scroll-margin-top:calc(var(--site-header-height) + var(--site-anchor-gap))!important}
@media(max-width:767px){:root{--site-header-height:64px;--site-anchor-gap:20px}.reference-home .match-hero{min-height:520px;padding-block:calc(var(--site-header-height) + 24px) 88px}.reference-home .match-hero-image{inset:calc(var(--site-header-height) + 12px) 8px 12px}}
/* Flow labels must shrink with their grid instead of extending behind its frame. */
.xp-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.xp-node{min-width:0}.xp-node h3{overflow-wrap:anywhere}
@media(min-width:768px) and (max-width:1024px){.xp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.xp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Motion owns the menu fade; a CSS visibility transition can reject initial focus. */
.motion-engine .site-nav{transition:none}