/* Existing DayX blocks and brand assets retained. Design values from installed skill. */
@font-face{font-family:'DayX Manrope';src:url('design-assets/Manrope-variable.woff') format('woff');font-style:normal;font-weight:400 700;font-display:swap}
body{font-family:'DayX Manrope',system-ui,sans-serif}
.dx-designed :is(button,input,select,textarea,output,pre){font-family:inherit;font-style:normal}
.dx-designed :is(h1,h2,h3,h4,b,strong,.brand){font-weight:700;font-style:normal}
.dx-designed :is(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}
.dx-designed p{text-wrap:pretty}
.dx-designed main p{max-width:65ch}
.dx-modern.dx-designed{background:#fafafa}
.dx-modern.dx-designed header{width:calc(100% - 32px);max-width:1280px;margin:16px auto;top:16px;padding:8px 16px;gap:16px;border-radius:16px;isolation:isolate}
.dx-modern.dx-designed header> :not(#navigation){position:relative;z-index:52}
.dx-modern.dx-designed header .original-brand{width:128px}
.dx-modern.dx-designed header nav{gap:16px}
.dx-modern.dx-designed header nav a{font-size:14px;line-height:20px;font-weight:500}
.dx-designed .button{font-size:16px;line-height:24px;font-weight:600;padding:8px 12px;min-height:44px;border-radius:8px}
.dx-modern.dx-designed header .button{font-size:14px;line-height:20px}
.dx-modern.dx-designed .hero{max-width:1280px;padding:64px 32px 80px;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:#fafafa;background-image:none}
.dx-modern.dx-designed .hero h1{font-size:60px;line-height:1;letter-spacing:-.04em;max-width:680px;margin:24px 0}
.dx-modern.dx-designed :is(.hero h1,.page-intro h1){background:linear-gradient(90deg,#000000,#666666);background-clip:text;-webkit-background-clip:text;color:transparent}
.dx-modern.dx-designed .hero .lead{font-size:18px;line-height:28px;max-width:680px}
.dx-modern.dx-designed .page-intro{background:#fafafa;background-image:none}
.dx-modern.dx-designed .page-intro h1{font-size:48px;line-height:1;max-width:680px;letter-spacing:-.03em}
.dx-modern.dx-designed main>.editorial{max-width:1280px;margin-inline:auto;padding:48px 32px 64px}
.dx-modern.dx-designed .section-heading h2{font-size:36px;line-height:40px;max-width:680px}
.dx-modern.dx-designed .eyebrow{font-size:12px;line-height:16px;font-weight:600}
.dx-designed .platform-screen{border-radius:16px}
.dx-designed .dx-carousel-controls output{font-family:inherit;font-size:12px;line-height:16px}
.dx-designed .dx-word-title{font-size:48px;line-height:1;max-width:680px;letter-spacing:-.03em}
.dx-word{opacity:.32;transition:opacity 300ms cubic-bezier(.22,1,.36,1)}
.dx-word.dx-word-lit{opacity:1}.dx-word.dx-sentence-end::after{content:'';display:block}
.dx-menu-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-inline-end:8px;overflow:visible}
.dx-menu-icon path{transform-box:fill-box;transform-origin:center;transition:transform 300ms cubic-bezier(.22,1,.36,1)}
.menu-toggle[aria-expanded=true] .dx-menu-icon path:first-child{transform:translateY(3px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .dx-menu-icon path:last-child{transform:translateY(-3px) rotate(-45deg)}
.dx-menu-shade{position:fixed;inset:0;z-index:39;background:#00000018}.dx-menu-shade[hidden]{display:none}
@media(max-width:1050px){
 .dx-designed.dx-nav-open{overflow:hidden}
 .dx-modern.dx-designed .hero{grid-template-columns:1fr;padding:48px 24px 64px;gap:32px}
 .dx-modern.dx-designed #navigation.open{position:fixed;inset:16px;width:auto;height:calc(100dvh - 32px);max-height:none;margin:0;padding:96px 32px 32px;padding-top:max(96px,var(--dx-header-clearance,96px));z-index:50;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;border-radius:16px;background:#111b40f7;backdrop-filter:blur(12px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 8px 32px #111b4020}
 .dx-modern.dx-designed #navigation.open a{font-size:20px;line-height:28px;padding:8px 12px;min-height:48px;border-radius:8px}
 .dx-modern.dx-designed #navigation.open a[aria-current=page]{background:#ffffff14}
 .dx-modern.dx-designed .menu-toggle{min-height:44px;border-radius:8px}
}
@media(max-width:620px){
 .dx-modern.dx-designed header{width:calc(100% - 16px);top:8px;margin:8px auto;padding:8px;gap:8px;border-radius:16px}
 .dx-modern.dx-designed header .original-brand{width:92px;height:44px}
 .dx-modern.dx-designed header .original-brand img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%}
 .dx-modern.dx-designed header .site-language select{font-size:14px;line-height:20px;min-width:52px;padding:8px 4px}
 .dx-modern.dx-designed header .actions{min-width:0;margin-left:auto}
 .dx-modern.dx-designed header .actions .button{max-width:112px;min-width:0;white-space:normal}
 .dx-modern.dx-designed .menu-toggle{width:44px;min-width:44px;height:44px;padding:8px;display:grid;place-items:center}
 .dx-modern.dx-designed .dx-menu-icon{margin:0}
 .dx-menu-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .dx-modern.dx-designed .hero{padding:32px 16px 48px;gap:32px}
 .dx-modern.dx-designed :is(.hero h1,.page-intro h1){font-size:36px;line-height:40px;letter-spacing:-.03em}
 .dx-modern.dx-designed main>.editorial{padding:32px 16px 48px}
 .dx-modern.dx-designed .dx-word-title{font-size:36px;line-height:40px}
 .dx-modern.dx-designed #navigation.open{padding:96px 16px 24px;padding-top:max(96px,var(--dx-header-clearance,96px))}
}
@media(max-width:359px){.dx-modern.dx-designed header .original-brand{width:64px;height:40px}.dx-modern.dx-designed header .actions{width:104px;flex:0 0 104px}.dx-modern.dx-designed header .actions .button{width:104px;max-width:104px}.dx-modern.dx-designed header .site-language{width:52px}.dx-modern.dx-designed header .site-language select{width:52px}}
@media(prefers-reduced-motion:reduce){.dx-designed .dx-word{opacity:1;transition:none}.dx-menu-icon path{transition:none}}
@media(forced-colors:active){.dx-modern.dx-designed :is(.hero h1,.page-intro h1){background:none;color:CanvasText}.dx-designed .dx-word{opacity:1}}
/* Keep the existing secondary actions, with a clear visual hierarchy. */
.dx-modern.dx-designed header .actions .button{background:#ffffff12;border-color:#ffffff44}
.dx-modern.dx-designed .hero .buttons .button{background:transparent;border-color:transparent;color:var(--ink);padding:8px 0;text-decoration:underline;text-underline-offset:4px;justify-content:flex-start}
.dx-modern.dx-designed .page-intro{padding:32px 24px!important;max-width:1280px;margin-inline:auto}
.dx-modern.dx-designed .site-footer div>a:not(.brand),.dx-modern.dx-designed .site-footer p{font-size:14px;line-height:20px}
@media(max-width:620px){.dx-modern.dx-designed .page-intro{padding:24px 16px!important}}
@media(max-width:620px){.dx-modern.dx-designed header .actions{width:auto;flex:0 0 auto;gap:8px}.dx-modern.dx-designed header .actions .button{flex:0 0 112px;width:112px}}
@media(max-width:359px){.dx-modern.dx-designed header .actions{width:auto;flex:0 0 auto}.dx-modern.dx-designed header .actions .button{flex:0 0 104px;width:104px}}
@media(max-width:1050px){.dx-modern.dx-designed.dx-nav-open header::before{content:'';position:absolute;inset:0;z-index:51;background:#111b40;border-radius:16px;pointer-events:none}}

/* v25 local: readable archive links, keyboard focus and touch-safe feedback. */
.dx-designed :is(a,button,select,input,textarea):focus-visible{outline:2px solid #7054bc;outline-offset:4px}
.dx-designed header :is(a,button,select):focus-visible{outline-color:#c6dcff}
.dx-designed :is(main,footer){scroll-margin-top:128px}
@media(hover:hover) and (pointer:fine){.dx-designed main a:not(.button):hover{text-decoration-thickness:2px;text-underline-offset:4px}}
@media(prefers-reduced-motion:reduce){.dx-designed *,.dx-designed *::before,.dx-designed *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.dx-designed [data-dx-reveal]{opacity:1!important;transform:none!important}.dx-designed .dx-word{opacity:1!important}}