@import url('./landing-guide.css?v=20261012-smooth');
@import url('./entrance.css?v=20261011-neon');
/* XDimension's existing surfaces, with light from the shared landscape beneath. */
body[data-xd-landing] :is(.trade-demo,.review-notebook,.overview-shell,.dimension-summary,.chapter-interactive,.world-card,.dimension-document,.atlas-sidebar,.hub-guide,.workspace-essential){background:color-mix(in srgb,var(--xd-color-surface) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:var(--xd-color-border-emphasis)}
body[data-xd-landing] :is(.plan-panel,.overview-detail,.order-ticket){background:color-mix(in srgb,var(--xd-color-surface) 38%,transparent)}
body[data-xd-landing] :is(.dimension-summary,.world-card,.chapter-portal,.workspace-essential){transition:background var(--xd-duration-standard),border-color var(--xd-duration-standard),box-shadow var(--xd-duration-standard),transform var(--xd-duration-standard) var(--xd-ease-out)}
body[data-xd-landing] :is(.dimension-summary,.world-card,.chapter-portal,.workspace-essential):hover{border-color:var(--xd-color-action);background:color-mix(in srgb,var(--xd-color-surface-active) 76%,transparent)}
body[data-xd-landing] :is(.dimension-summary,.world-card,.chapter-portal):active{transform:translateY(1px)}
.dimension-summary>span,.chapter-portal .text-link{transition:transform var(--xd-duration-standard) var(--xd-ease-out)}
.dimension-summary:hover>span,.chapter-portal:hover .text-link{transform:translateX(4px)}
body[data-xd-landing] .nav nav a{position:relative;transition:color var(--xd-duration-standard)}
body[data-xd-landing] .nav nav a:after{content:'';position:absolute;inset:auto 0 3px;height:1px;transform:scaleX(0);transform-origin:left;background:var(--xd-color-action);transition:transform var(--xd-duration-standard) var(--xd-ease-out)}
body[data-xd-landing] .nav nav a:is(:hover,:focus-visible,[aria-current]):after{transform:scaleX(1)}
body[data-xd-landing] #landing-content[aria-busy=true] .reading-progress{transform:scaleX(.7)!important;opacity:.6}
body[data-xd-landing] :is(button,input,select){accent-color:var(--xd-color-action)}
body[data-xd-landing] select:focus-visible{outline:var(--xd-focus-outline);outline-offset:3px}
body[data-xd-landing] .hero{min-height:850px;height:min(95svh,1080px)}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:calc(var(--xd-space-6)*2);align-items:center;padding-top:100px;padding-bottom:80px}
.hero-layout .hero-copy{width:100%;padding:0}
.hero-layout .hero-copy>p{max-width:520px}
.hero-layout h1{font-size:clamp(50px,5.4vw,82px)}
.hero-layout .desktop-break{display:none}
.hero-order-preview{min-width:0;max-width:520px;justify-self:end;width:100%}
.hero-order-caption{font-size:11px;color:var(--xd-color-text-secondary);margin-top:var(--xd-space-4);display:flex;gap:var(--xd-space-2);align-items:center}
.hero-order-caption:before{content:'';height:1px;width:32px;background:var(--xd-color-action)}
.order-studio-section{padding-block:calc(var(--xd-space-6)*4)}
.order-studio-section>.section-heading{margin-bottom:calc(var(--xd-space-6)*2)}
.order-studio-section .section-heading>p{max-width:390px}
.order-lab{overflow:hidden;background:color-mix(in srgb,var(--xd-color-surface) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:var(--xd-color-border-emphasis);position:relative}
.order-lab-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--xd-space-3);padding:var(--xd-space-4) var(--xd-space-6);border-bottom:1px solid var(--xd-color-border)}
.order-lab-heading .panel-label{margin:0;font-size:10px;letter-spacing:.15em}
.order-example-tag{color:var(--xd-color-text-muted);font-size:11px;white-space:nowrap}
.order-lab-body{display:grid;grid-template-columns:minmax(0,1fr) 320px}
.order-market{min-width:0}
.order-market-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--xd-space-4);padding:var(--xd-space-6)}
.order-market-label{font-size:var(--xd-font-size-title);color:var(--xd-color-text-primary)}
.order-market-heading p{font-size:var(--xd-font-size-caption);margin-top:var(--xd-space-1)}
.order-return{text-align:right;flex-shrink:0}
.order-return>span{display:block;font-size:9px;letter-spacing:.14em;color:var(--xd-color-text-muted)}
.order-return strong{display:block;font-size:28px;font-weight:500;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.35;color:var(--xd-color-text-primary)}
.order-return strong[data-tone=positive]{color:var(--xd-color-positive)}
.order-return strong[data-tone=negative]{color:var(--xd-color-negative)}
.order-chart-wrap{padding:0 var(--xd-space-3);overflow:hidden}
.order-chart{display:block;width:100%;height:auto;overflow:visible;font-variant-numeric:tabular-nums}
.order-chart text{font-family:Inter,system-ui,sans-serif;font-size:12px;fill:var(--xd-color-text-muted)}
.order-chart [data-order-grid] line{stroke:var(--xd-color-border);stroke-width:1}
.order-chart [data-order-grid] text{opacity:.78;font-size:11px}
.order-zone-reward{fill:var(--xd-color-positive);opacity:.055}
.order-zone-risk{fill:var(--xd-color-negative);opacity:.07}
.order-level line{stroke-width:1;stroke-dasharray:5 6}
.order-level text{font-weight:550;letter-spacing:.035em}
.order-level-target line{stroke:var(--xd-color-positive)}.order-level-target text{fill:var(--xd-color-positive)}
.order-level-stop line{stroke:var(--xd-color-negative)}.order-level-stop text{fill:var(--xd-color-negative)}
.order-level-entry line{stroke:var(--xd-color-text-muted)}
.order-price-trail{stroke:var(--xd-color-action);stroke-width:1;opacity:.4;stroke-linejoin:round}
.order-cursor-line{stroke:var(--xd-color-action);stroke-width:1;opacity:.22;stroke-dasharray:2 5}
.order-price-point{fill:var(--xd-color-action);stroke:var(--xd-color-surface);stroke-width:2}
[data-order-price] rect{fill:var(--xd-color-surface-active);stroke:var(--xd-color-border-emphasis)}
[data-order-price] text{fill:var(--xd-color-text-primary);font-size:13px}
.order-level-key{display:flex;justify-content:space-between;gap:var(--xd-space-3);padding:var(--xd-space-3) var(--xd-space-6);border-bottom:1px solid var(--xd-color-border);font-size:11px;color:var(--xd-color-text-muted);font-variant-numeric:tabular-nums}
.order-level-key b{font-weight:500;color:var(--xd-color-text-primary);margin-left:var(--xd-space-2)}
.order-level-key>span:nth-child(2) b{color:var(--xd-color-negative)}.order-level-key>span:nth-child(3) b{color:var(--xd-color-positive)}
.order-event-track{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--xd-space-2);padding:var(--xd-space-6);margin:0;font-size:11px}
.order-event-track li{position:relative;color:var(--xd-color-text-muted);padding-top:var(--xd-space-3);transition:color var(--xd-duration-standard)}
.order-event-track li:before,.order-event-track li:after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--xd-color-border)}
.order-event-track li:after{background:var(--xd-color-action);transform:scaleX(0);transform-origin:left;transition:transform var(--xd-duration-standard) var(--xd-ease-out)}
.order-event-track li[data-reached=true]:after{transform:scaleX(1)}
.order-event-track li[aria-current]{color:var(--xd-color-action)}
.order-event-track li span{font-size:10px;opacity:.7;margin-right:var(--xd-space-2);font-variant-numeric:tabular-nums}
.order-ticket{padding:var(--xd-space-6);border-left:1px solid var(--xd-color-border)}
.order-ticket-title h3{font-size:22px;font-weight:500}
.order-ticket-title>span{display:block;font-size:9px;letter-spacing:.15em;color:var(--xd-color-text-muted);margin-top:var(--xd-space-2)}
.order-type-switch{display:flex;padding:var(--xd-space-1);margin-top:var(--xd-space-5);border:1px solid var(--xd-color-border);border-radius:var(--xd-radius-control);gap:var(--xd-space-1)}
.order-type-switch button{flex:1;min-height:40px;border-radius:var(--xd-radius-control);font-size:12px;transition:background var(--xd-duration-standard),color var(--xd-duration-standard)}
.order-type-switch button[aria-pressed=true]{background:var(--xd-color-surface-active);color:var(--xd-color-action)}
.order-type-switch button:hover{color:var(--xd-color-action)}
.order-kind-description{font-size:11px;min-height:38px;margin-top:var(--xd-space-3);line-height:1.65}
.order-ticket-selects{display:grid;grid-template-columns:1fr 1fr;gap:var(--xd-space-3);margin-block:var(--xd-space-4)}
.order-ticket label{font-size:11px;color:var(--xd-color-text-muted)}
.order-ticket select{display:block;width:100%;min-width:0;min-height:44px;font-size:12px;color:var(--xd-color-text-primary);background:var(--xd-color-surface-raised);border:1px solid var(--xd-color-border);border-radius:var(--xd-radius-control);padding:var(--xd-space-2);margin-top:var(--xd-space-2)}
.order-reward-label{display:flex;justify-content:space-between;align-items:center;gap:var(--xd-space-3)}
.order-reward-label output{color:var(--xd-color-action);font-variant-numeric:tabular-nums;font-size:15px}
.order-ticket input[type=range]{width:100%;height:32px;margin:var(--xd-space-2) 0;cursor:ew-resize}
.order-receipt{margin-top:var(--xd-space-5);padding-top:var(--xd-space-4);border-top:1px solid var(--xd-color-border);min-height:190px}
.order-receipt .panel-label{font-size:9px;margin-bottom:var(--xd-space-3)}
.order-receipt ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--xd-space-3)}
.order-receipt li{display:grid;grid-template-columns:36px 1fr;gap:0 var(--xd-space-2);font-size:11px;line-height:1.5}
.order-receipt time{grid-row:span 2;color:var(--xd-color-text-muted);font-variant-numeric:tabular-nums}
.order-receipt strong{font-weight:500;color:var(--xd-color-text-primary)}
.order-receipt li>span{grid-column:2;color:var(--xd-color-text-muted);font-size:10px}
.order-receipt li:last-child{animation:xd-evidence-arrive var(--xd-duration-standard) var(--xd-ease-out) both}
.order-playback{display:flex;align-items:center;gap:var(--xd-space-4);border-top:1px solid var(--xd-color-border);padding:var(--xd-space-4) var(--xd-space-6)}
.order-playback button{min-height:44px;white-space:nowrap;font-size:11px}
.order-playback [data-order-play-icon]{display:inline-block;min-width:13px;color:var(--xd-color-action);font-size:12px}
.order-playback input{flex:1;min-width:0;cursor:ew-resize;height:32px}
.order-playback output{font-size:11px;font-variant-numeric:tabular-nums;color:var(--xd-color-text-muted)}
.order-context{font-size:12px;min-height:20px;padding:0 var(--xd-space-6);color:var(--xd-color-text-secondary)}
.order-disclaimer{font-size:10px;padding:var(--xd-space-3) var(--xd-space-6) var(--xd-space-5);color:var(--xd-color-text-muted)}
.order-lab[data-order-lab=preview] .order-lab-body{display:block}
.order-lab[data-order-lab=preview] .order-lab-heading{padding:var(--xd-space-4) var(--xd-space-5)}
.order-lab[data-order-lab=preview] .order-lab-heading .panel-label{font-size:8px}
.order-lab[data-order-lab=preview] .order-example-tag{font-size:9px}
.order-lab[data-order-lab=preview] .order-market-heading{padding:var(--xd-space-5)}
.order-lab[data-order-lab=preview] .order-return strong{font-size:26px}
.order-lab[data-order-lab=preview] .order-market-label{font-size:13px}
.order-lab[data-order-lab=preview] .order-chart text{font-size:18px}
.order-lab[data-order-lab=preview] [data-order-grid] text{display:none}
.order-lab[data-order-lab=preview] .order-level-key{padding-inline:var(--xd-space-5)}
.order-lab[data-order-lab=preview] .order-event-track{padding:var(--xd-space-5)}
.order-lab[data-order-lab=preview] .order-playback{padding:var(--xd-space-3) var(--xd-space-5);justify-content:space-between;gap:var(--xd-space-2)}
.order-lab[data-order-lab=preview] .order-playback .text-link{font-size:11px;gap:var(--xd-space-2)}
.order-lab[data-order-lab=preview] .order-playback .xd-ui-button{background:transparent;border-color:transparent;padding-inline:0;font-weight:400;color:var(--xd-color-text-muted)}
.chapter-order-studio{margin-top:calc(var(--xd-space-6)*3)}
.chapter-order-studio>h3{font-size:32px;margin-bottom:var(--xd-space-4)}
.chapter-order-studio>p{max-width:620px;font-size:14px;margin-bottom:var(--xd-space-6)}
.risk-zone,.risk-entry{transition:height var(--xd-duration-standard) var(--xd-ease-out),background var(--xd-duration-standard)}
.risk-diagram{position:relative}
.risk-diagram:before{content:'';position:absolute;left:-12px;top:0;bottom:38px;width:1px;background:linear-gradient(var(--xd-color-positive),var(--xd-color-border),var(--xd-color-negative))}
.review-comparison-chart{width:100%;height:auto;display:block;margin-bottom:var(--xd-space-5);font-variant-numeric:tabular-nums}
.review-comparison-chart text{font-family:Inter,system-ui,sans-serif;font-size:12px;fill:var(--xd-color-text-muted)}
.review-comparison-chart [data-comparison-line]{stroke:var(--xd-color-text-muted);stroke-width:1.5;fill:none;opacity:.65}
.review-comparison-chart .comparison-original{stroke:var(--xd-color-action);fill:var(--xd-color-action)}
.review-comparison-chart .comparison-retake{stroke:var(--xd-color-accent);fill:var(--xd-color-accent);opacity:.18;transition:opacity var(--xd-duration-standard)}
.review-steps-art[data-review-selection=retake] .comparison-retake,.review-steps-art[data-review-selection=review] .comparison-retake{opacity:1}
.review-steps-art>div{transition:background var(--xd-duration-standard),border-color var(--xd-duration-standard)}
.review-steps-art[data-review-selection=original]>div:first-of-type{border-color:var(--xd-color-action)}
.review-steps-art[data-review-selection=retake]>div:last-of-type{border-color:var(--xd-color-accent)}
.editorial-path article{position:relative;padding-top:var(--xd-space-6);border-top:1px solid var(--xd-color-border-emphasis)}
.editorial-path article:before{content:'';position:absolute;top:-1px;left:0;height:1px;width:32px;background:var(--xd-color-action);transition:width var(--xd-duration-standard) var(--xd-ease-out)}
.editorial-path article:hover:before{width:80px}
.chapter-switches button,.chart-modes button,.category-tabs button,.trip-steps button{transition:background var(--xd-duration-standard),color var(--xd-duration-standard),border-color var(--xd-duration-standard)}
.dimension-document:not([hidden]){animation:xd-evidence-arrive var(--xd-duration-standard) var(--xd-ease-out) both}
@keyframes xd-evidence-arrive{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-layout h1{font-size:88px}.hero-layout{gap:calc(var(--xd-space-6)*3)}.hero-order-preview{max-width:540px}}
@media(max-width:1100px){.hero-layout{gap:var(--xd-space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-layout h1{font-size:54px}.hero-layout .hero-copy>p{font-size:16px}.hero-layout .actions{gap:var(--xd-space-3)}.order-lab-body{grid-template-columns:minmax(0,1fr) 280px}.order-ticket{padding:var(--xd-space-5)}.order-event-track{padding:var(--xd-space-5)}.order-studio-section{padding-block:calc(var(--xd-space-6)*3)}}
@media(max-width:800px){body[data-xd-landing] .hero{height:auto;min-height:0;max-height:none}.hero-layout{grid-template-columns:1fr;gap:calc(var(--xd-space-6)*2);padding-top:160px;padding-bottom:100px}.hero-layout h1{font-size:clamp(46px,8.5vw,64px)}.hero-order-preview{max-width:620px;justify-self:start}.hero-bottom>span{display:none}.hero-bottom{justify-content:flex-end}.hero-layout .hero-copy>p{font-size:17px}.order-lab-body{grid-template-columns:1fr}.order-ticket{border-left:0;border-top:1px solid var(--xd-color-border);display:grid;grid-template-columns:1fr 1fr;gap:0 var(--xd-space-6)}.order-ticket-title,.order-type-switch,.order-kind-description,.order-ticket-selects,.order-reward-label,.order-ticket>input,.order-ticket>.micro{grid-column:1}.order-receipt{grid-column:2;grid-row:1/8;border-top:0;border-left:1px solid var(--xd-color-border);margin:0;padding:0 0 0 var(--xd-space-5)}.order-return strong{font-size:26px}.order-event-track{padding:var(--xd-space-5) var(--xd-space-6)}.order-studio-section>.section-heading{margin-bottom:var(--xd-space-6)}}
@media(max-width:520px){.hero-layout{padding-top:140px;gap:calc(var(--xd-space-6)*1.5);padding-bottom:84px}.hero-layout .hero-copy>p{font-size:15px}.hero-layout .actions{margin-top:var(--xd-space-6)}.hero-layout .access-note{max-width:280px}.hero-order-caption{font-size:10px}.order-lab-heading{padding:var(--xd-space-4);gap:var(--xd-space-2)}.order-lab-heading .panel-label{font-size:9px}.order-example-tag{font-size:9px}.order-market-heading{padding:var(--xd-space-4)}.order-market-label{font-size:13px}.order-market-heading p{font-size:10px}.order-return strong{font-size:23px}.order-return>span{font-size:8px}.order-chart text{font-size:22px}.order-chart [data-order-grid] text{display:none}.order-chart [data-order-price] text{font-size:18px}.order-chart-wrap{padding-inline:var(--xd-space-1)}.order-level-key{padding:var(--xd-space-3) var(--xd-space-4);gap:var(--xd-space-2)}.order-level-key b{margin-left:var(--xd-space-1)}.order-event-track{padding:var(--xd-space-5) var(--xd-space-4);gap:var(--xd-space-2);font-size:10px}.order-event-track li span{margin-right:var(--xd-space-1);font-size:9px}.order-ticket{display:block;padding:var(--xd-space-5)}.order-ticket select{font-size:16px}.order-receipt{margin-top:var(--xd-space-5);border-top:1px solid var(--xd-color-border);border-left:0;padding:var(--xd-space-4) 0 0;min-height:178px}.order-playback{padding:var(--xd-space-3) var(--xd-space-4);gap:var(--xd-space-2)}.order-playback>output{display:none}.order-playback button{padding-inline:var(--xd-space-2);font-size:10px}.order-context{padding-inline:var(--xd-space-4);min-height:40px}.order-disclaimer{padding-inline:var(--xd-space-4);font-size:9px}.order-studio-section{padding-block:calc(var(--xd-space-6)*2)}.order-lab[data-order-lab=preview] .order-chart text{font-size:22px}.order-lab[data-order-lab=preview] .order-chart [data-order-price] text{font-size:18px}.chapter-order-studio{margin-top:calc(var(--xd-space-6)*2)}.chapter-order-studio>h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){body[data-xd-landing] :is(.order-lab *, .dimension-summary,.world-card,.chapter-portal,.dimension-document){animation:none!important;transition:none!important}.dimension-summary:hover>span,.chapter-portal:hover .text-link{transform:none}}
@supports not (backdrop-filter:blur(1px)){body[data-xd-landing] :is(.order-lab,.trade-demo,.review-notebook,.overview-shell,.dimension-summary,.chapter-interactive,.dimension-document,.atlas-sidebar){background:color-mix(in srgb,var(--xd-color-surface) 92%,transparent)}}

/* Coordinated public-page entrances and feedback. Text stays readable without JS. */
body[data-xd-landing] .xd-motion-word{display:inline-block;white-space:nowrap;color:inherit}
body[data-xd-landing] .xd-motion-letter{display:inline-block;color:inherit}
body[data-xd-landing] .xd-motion-surface{position:relative;isolation:isolate;transition:translate var(--xd-duration-standard) var(--xd-ease-out),border-color var(--xd-duration-standard),background var(--xd-duration-standard)}
body[data-xd-landing] .xd-motion-surface:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--xd-light-x,50%) var(--xd-light-y,50%),color-mix(in srgb,var(--xd-color-action) 12%,transparent),transparent 65%);transition:opacity var(--xd-duration-standard)}
body[data-xd-landing] .xd-motion-surface:focus-within{border-color:var(--xd-color-action)}
@media(hover:hover) and (pointer:fine){
 body[data-xd-landing] .xd-motion-surface:hover{translate:0 -4px}
 body[data-xd-landing] .xd-motion-surface:hover:after{opacity:1}
 body[data-xd-landing] :is(.world-card-link b,.button>span[aria-hidden],.text-link>span[aria-hidden]){display:inline-block;transition:translate var(--xd-duration-standard) var(--xd-ease-out)}
 body[data-xd-landing] :is(.world-card:hover .world-card-link b,.button:hover>span[aria-hidden],.text-link:hover>span[aria-hidden]){translate:3px -1px}
}
body[data-xd-landing] .xd-motion-tabs{position:relative;isolation:isolate}
body[data-xd-landing] .xd-selection-marker{position:absolute;left:0;top:0;height:2px;background:var(--xd-color-action);pointer-events:none;transition:transform var(--xd-duration-standard) var(--xd-ease-out),width var(--xd-duration-standard) var(--xd-ease-out)}
body[data-xd-landing] .xd-selection-marker[hidden]{display:none}
body[data-xd-landing] .faq details.xd-faq-folding{overflow:hidden}
body[data-xd-landing] .faq summary{transition:color var(--xd-duration-standard)}
body[data-xd-landing] .faq details[open]>summary{color:var(--xd-color-action)}
body[data-xd-landing] .faq summary:after{transition:transform var(--xd-duration-standard) var(--xd-ease-out)}
body[data-xd-landing] .dimension-document:not([hidden]){animation:xd-dimension-enter calc(var(--xd-duration-standard)*2) var(--xd-ease-out) both}
body[data-xd-landing] .guide-message{animation:xd-dimension-enter var(--xd-duration-standard) var(--xd-ease-out) both}
body[data-xd-landing] .xd-guide:not([hidden]){transform-origin:bottom right;animation:xd-guide-enter calc(var(--xd-duration-standard)*2) var(--xd-ease-out) both}
body[data-xd-landing] #navigation.open{animation:xd-dimension-enter var(--xd-duration-standard) var(--xd-ease-out) both}
@keyframes xd-dimension-enter{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes xd-guide-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
 body[data-xd-landing] :is(.xd-motion-surface,.xd-motion-surface:after,.xd-motion-tabs *,.xd-guide,.guide-message,.dimension-document,#navigation,.faq summary,.faq summary:after){animation:none!important;transition:none!important;translate:none!important}
 body[data-xd-landing] .xd-motion-surface:after{display:none}
 body[data-xd-landing] :is(.world-card-link b,.button>span[aria-hidden],.text-link>span[aria-hidden]){transition:none!important;translate:none!important}
}

/* The visitor's entrance shares XD's palette, with a softer, spatial silhouette. */
body[data-xd-landing] .nav{top:var(--xd-space-4);height:76px;padding-inline:var(--xd-space-5);border:1px solid color-mix(in srgb,var(--xd-color-border-emphasis) 52%,transparent);border-radius:var(--xd-radius-pill);background:color-mix(in srgb,var(--xd-color-canvas) 48%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body[data-xd-landing] .nav .button{min-height:44px}
body[data-xd-landing] .button{border-radius:var(--xd-radius-pill);min-height:52px;padding:var(--xd-space-3) var(--xd-space-6);gap:var(--xd-space-5)}
body[data-xd-landing] .button.primary{background:linear-gradient(115deg,var(--xd-landing-blue),color-mix(in srgb,var(--xd-color-accent) 44%,var(--xd-color-surface-active)) 80%,color-mix(in srgb,var(--xd-color-action) 45%,var(--xd-color-surface-active)));border-color:color-mix(in srgb,var(--xd-color-action) 65%,var(--xd-color-border-emphasis))}
body[data-xd-landing] .button>span[aria-hidden]{display:inline-grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--xd-color-text-primary) 26%,transparent);border-radius:50%;font-size:14px;line-height:1}
body[data-xd-landing] :is(.transport button,.chapter-switches button,.chart-modes button,.trip-steps button,.order-type-switch button,.atlas-filters button,.guide-suggestions button,.timeline-moments button){border-radius:var(--xd-radius-pill)}
body[data-xd-landing] :is(.category-tabs button,.order-type-switch,.order-ticket select,#overview-links a){border-radius:var(--xd-radius-control)}
body[data-xd-landing] :is(.category-tabs button,.chart-modes button,.chapter-switches button){border:1px solid var(--xd-color-border);background:color-mix(in srgb,var(--xd-color-surface) 38%,transparent)}
body[data-xd-landing] :is(.category-tabs button,.chart-modes button,.chapter-switches button):is([aria-selected=true],[aria-pressed=true]){border-color:var(--xd-color-border-emphasis);background:color-mix(in srgb,var(--xd-color-surface-active) 75%,transparent);color:var(--xd-color-action)}
body[data-xd-landing] .xd-selection-marker{height:2px;border-radius:var(--xd-radius-pill);opacity:.7}
body[data-xd-landing] :is(.trade-demo,.review-notebook,.overview-shell,.dimension-summary,.chapter-interactive,.world-card,.dimension-document,.atlas-sidebar,.hub-guide,.workspace-essential,.order-lab){border-radius:var(--xd-radius-surface);background:linear-gradient(145deg,color-mix(in srgb,var(--xd-color-surface-raised) 62%,transparent),color-mix(in srgb,var(--xd-color-surface) 64%,transparent));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
body[data-xd-landing] .hero-order-preview{position:relative;isolation:isolate}
body[data-xd-landing] .hero-order-preview>.order-lab{border-color:color-mix(in srgb,var(--xd-color-action) 65%,var(--xd-color-border));box-shadow:var(--xd-shadow-surface)}
body[data-xd-landing] .order-lab:before{content:'';position:absolute;inset:0 15% auto;height:1px;background:linear-gradient(90deg,transparent,var(--xd-color-action),var(--xd-color-accent),transparent);pointer-events:none}
body[data-xd-landing] .order-lab[data-order-phase=target] .order-event-track li:last-child{color:var(--xd-color-positive)}
body[data-xd-landing] .order-lab[data-order-phase=stop] .order-event-track li:last-child{color:var(--xd-color-negative)}
body[data-xd-landing] .order-event-track li[aria-current]:after{box-shadow:0 0 10px color-mix(in srgb,var(--xd-color-action) 32%,transparent)}
body[data-xd-landing] .order-return strong{transition:color calc(var(--xd-duration-standard)*2)}
body[data-xd-landing] .dimension-summary{padding:var(--xd-space-6);min-height:288px;gap:var(--xd-space-4)}
.xd-dimension-sign{display:flex;align-items:center;justify-content:space-between;gap:var(--xd-space-4);margin-bottom:var(--xd-space-1);color:var(--xd-color-action)}
.xd-dimension-sign svg{display:block;width:38px;height:38px;padding:var(--xd-space-2);border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-control);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;background:color-mix(in srgb,var(--xd-color-action) 6%,transparent);transition:background var(--xd-duration-standard),rotate calc(var(--xd-duration-standard)*2) var(--xd-ease-out)}
.xd-dimension-sign>span{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.14em;color:var(--xd-color-text-muted)}
body[data-xd-landing] .dimension-summary h4{font-size:17px;letter-spacing:-.025em}
body[data-xd-landing] .dimension-summary>span{display:flex;align-items:center;min-height:32px;border-top:1px solid var(--xd-color-border);padding-top:var(--xd-space-3);font-size:11px}
body[data-xd-landing] .xd-motion-surface{transition:translate calc(var(--xd-duration-standard)*2) var(--xd-ease-out),transform calc(var(--xd-duration-standard)*2) var(--xd-ease-out),border-color var(--xd-duration-standard),background var(--xd-duration-standard)}
body[data-xd-landing] .text-link{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;transition:text-decoration-color var(--xd-duration-standard),color var(--xd-duration-standard)}
body[data-xd-landing] .text-link:is(:hover,:focus-visible){text-decoration-color:var(--xd-color-action)}
body[data-xd-landing] .faq{display:grid;gap:var(--xd-space-3);align-content:start}
body[data-xd-landing] .faq details{border:1px solid var(--xd-color-border);padding:var(--xd-space-5);border-radius:var(--xd-radius-control);background:color-mix(in srgb,var(--xd-color-surface) 54%,transparent);transition:border-color var(--xd-duration-standard),background var(--xd-duration-standard)}
body[data-xd-landing] .faq details[open]{border-color:var(--xd-color-border-emphasis);background:color-mix(in srgb,var(--xd-color-surface-active) 68%,transparent)}
body[data-xd-landing] .faq summary{align-items:center;min-height:32px}
body[data-xd-landing] .faq summary:after{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid var(--xd-color-border-emphasis);border-radius:50%;font-weight:400}
body[data-xd-landing] .xd-guide{background:color-mix(in srgb,var(--xd-color-surface) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
body[data-xd-landing] .guide-launch{border-radius:var(--xd-radius-pill);background:color-mix(in srgb,var(--xd-color-surface-active) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body[data-xd-landing] .guide-header{background:color-mix(in srgb,var(--xd-color-surface-raised) 68%,transparent)}
body[data-xd-landing] .guide-header button{border-radius:50%}
body[data-xd-landing] #guide-form{border-radius:var(--xd-radius-pill);padding-left:var(--xd-space-3)}
/* Films sit in their own rounded frame; the caption belongs to the landscape. */
body[data-xd-landing] .featured-film{overflow:visible;background:transparent;border:0;box-shadow:none;border-radius:0}
body[data-xd-landing] .featured-film video{border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-surface);box-shadow:var(--xd-shadow-surface)}
body[data-xd-landing] .featured-film figcaption{position:relative;background:transparent;padding:var(--xd-space-6) var(--xd-space-1) 0;color:var(--xd-color-text-secondary);font-size:14px;line-height:1.75;text-shadow:0 2px 12px var(--xd-color-canvas)}
body[data-xd-landing] .featured-film figcaption:before{content:'';display:block;width:72px;height:2px;margin-bottom:var(--xd-space-4);border-radius:var(--xd-radius-pill);background:linear-gradient(90deg,var(--xd-color-action),var(--xd-color-accent));transform-origin:left}
body[data-xd-landing] .featured-film figcaption.xd-in-view:before{animation:xd-caption-line var(--xd-duration-scene) var(--xd-ease-out) both}
body[data-xd-landing] .featured-film figcaption strong{font-size:clamp(23px,2.2vw,30px);font-weight:500;line-height:1.25;letter-spacing:-.035em;margin-bottom:var(--xd-space-3)}
body[data-xd-landing] .featured-film .film-caption-body{display:block;max-width:440px}
body[data-xd-landing] .featured-film .film-caption-link{display:inline-flex;align-items:center;gap:var(--xd-space-4);min-height:44px;margin-top:var(--xd-space-3);font-size:12px;color:var(--xd-color-action)}
body[data-xd-landing] .film-caption-link>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--xd-color-border-emphasis);border-radius:50%;transition:transform var(--xd-duration-standard) var(--xd-ease-out),background var(--xd-duration-standard)}
body[data-xd-landing] .film-caption-link:is(:hover,:focus-visible)>span{transform:translate(3px,-3px);background:color-mix(in srgb,var(--xd-color-action) 12%,transparent)}

/* An open path through the guided session, instead of a dark rectangular card. */
body[data-xd-landing] .guided-trip{margin-bottom:var(--xd-space-6)}
body[data-xd-landing] .trip-direction{position:relative;gap:calc(var(--xd-space-6)*2);padding:var(--xd-space-5) 0 var(--xd-space-6);border:0;border-radius:0;background:transparent;box-shadow:none;text-shadow:0 2px 12px var(--xd-color-canvas)}
body[data-xd-landing] #trip-copy{min-height:150px;max-width:720px}
body[data-xd-landing] .trip-direction h3{font-size:clamp(28px,3.2vw,40px);line-height:1.2;letter-spacing:-.045em;font-weight:500;text-wrap:balance}
body[data-xd-landing] .trip-direction p{font-size:14px;line-height:1.8;max-width:620px;margin-top:var(--xd-space-4);color:var(--xd-color-text-secondary)}
body[data-xd-landing] .xd-trip-chapter{display:flex;align-items:center;gap:var(--xd-space-3);font-size:9px;line-height:1;letter-spacing:.2em;color:var(--xd-color-action);margin-bottom:var(--xd-space-4);font-variant-numeric:tabular-nums}
body[data-xd-landing] .xd-trip-chapter:before{content:'';width:24px;height:1px;background:currentColor}
body[data-xd-landing] .trip-direction .button{background:linear-gradient(120deg,color-mix(in srgb,var(--xd-color-action) 10%,transparent),color-mix(in srgb,var(--xd-color-accent) 10%,transparent));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:var(--xd-color-border-emphasis);min-width:224px}
body[data-xd-landing] .trip-steps{gap:var(--xd-space-3)}
body[data-xd-landing] .trip-steps button{gap:var(--xd-space-3);min-height:64px;padding:var(--xd-space-2) var(--xd-space-4);border:1px solid transparent;background:transparent;transition:color var(--xd-duration-standard),border-color var(--xd-duration-standard),background var(--xd-duration-standard)}
body[data-xd-landing] .trip-steps button>span:first-child{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--xd-color-border-emphasis);border-radius:50%;font-size:10px;transition:background var(--xd-duration-standard),border-color var(--xd-duration-standard),color var(--xd-duration-standard)}
body[data-xd-landing] .trip-steps button[data-reached=true]>span:first-child{border-color:color-mix(in srgb,var(--xd-color-action) 64%,transparent);color:var(--xd-color-action)}
body[data-xd-landing] .trip-steps button[aria-current=step]{background:linear-gradient(130deg,color-mix(in srgb,var(--xd-color-action) 10%,transparent),color-mix(in srgb,var(--xd-color-accent) 8%,transparent));border-color:var(--xd-color-border-emphasis);color:var(--xd-color-text-primary)}
body[data-xd-landing] .trip-steps button[aria-current=step]>span:first-child{background:color-mix(in srgb,var(--xd-color-action) 14%,transparent)}
body[data-xd-landing] .trip-steps button:is(:hover,:focus-visible){border-color:var(--xd-color-action);background:color-mix(in srgb,var(--xd-color-action) 8%,transparent)}
body[data-xd-landing] .trip-steps .xd-selection-marker{display:none}
body[data-xd-landing] .trip-track{height:1px;margin:var(--xd-space-5) 0 var(--xd-space-3);overflow:visible;border-radius:var(--xd-radius-pill)}
body[data-xd-landing] .trip-track span{position:relative;transition:transform var(--xd-duration-enter) var(--xd-ease-out);border-radius:inherit}
body[data-xd-landing] .trip-track span:after{content:'';position:absolute;right:-3px;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--xd-color-action);box-shadow:0 0 10px color-mix(in srgb,var(--xd-color-action) 60%,transparent)}
body[data-xd-landing] .guided-trip.xd-in-view .trip-track span:after{animation:xd-waypoint-light 3s ease-in-out infinite}
body[data-xd-landing] .plan-status{border-radius:var(--xd-radius-control);background:color-mix(in srgb,var(--xd-color-surface-raised) 25%,transparent)}
body[data-xd-landing] .dimension-summary.xd-in-view .xd-dimension-sign svg path{animation:xd-sign-draw 1.2s var(--xd-ease-out) both}
body[data-xd-landing] .dimension-summary:focus-visible .xd-dimension-sign svg{rotate:-6deg;background:color-mix(in srgb,var(--xd-color-action) 13%,transparent)}
@keyframes xd-caption-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes xd-sign-draw{from{stroke-dasharray:100;stroke-dashoffset:100;opacity:.2}to{stroke-dasharray:100;stroke-dashoffset:0;opacity:1}}
@keyframes xd-waypoint-light{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:800px){
 body[data-xd-landing] .trip-direction{gap:var(--xd-space-6)}
 body[data-xd-landing] .trip-steps button{gap:var(--xd-space-2);padding-inline:var(--xd-space-2);font-size:12px}
 body[data-xd-landing] .trip-direction .button{min-width:184px}
}
@media(max-width:520px){
 body[data-xd-landing] .trip-direction{display:flex;flex-direction:column;align-items:stretch;gap:var(--xd-space-4);padding:var(--xd-space-4) 0 var(--xd-space-5)}
 body[data-xd-landing] #trip-copy{min-height:176px}
 body[data-xd-landing] .trip-direction p{font-size:13px;line-height:1.8;margin-top:var(--xd-space-3);min-height:0}
 body[data-xd-landing] .trip-direction .button{margin-top:0;min-width:0;width:100%;justify-content:space-between;text-align:left}
 body[data-xd-landing] .trip-steps{gap:var(--xd-space-1)}
 body[data-xd-landing] .trip-steps button{flex-direction:column;gap:var(--xd-space-2);min-height:84px;padding:var(--xd-space-3) var(--xd-space-1);font-size:11px}
 body[data-xd-landing] .trip-steps button>span:first-child{width:30px;height:30px;font-size:9px}
 body[data-xd-landing] .featured-film figcaption{padding-top:var(--xd-space-5);font-size:13px}
 body[data-xd-landing] .featured-film figcaption strong{font-size:25px}
 body[data-xd-landing] .closing:has(.closing-film){gap:calc(var(--xd-space-6)*2);margin-bottom:64px}
}
@media(prefers-reduced-motion:reduce){
 body[data-xd-landing] .featured-film figcaption:before,body[data-xd-landing] .dimension-summary.xd-in-view .xd-dimension-sign svg path,body[data-xd-landing] .guided-trip.xd-in-view .trip-track span:after{animation:none!important}
 body[data-xd-landing] .trip-track span,body[data-xd-landing] .trip-steps button,body[data-xd-landing] .trip-steps button>span:first-child,body[data-xd-landing] .film-caption-link>span{transition:none!important}
}
body[data-xd-landing] .hero-bottom>a{display:flex;align-items:center;gap:var(--xd-space-3)}
body[data-xd-landing] .hero-bottom>a>span[aria-hidden]{display:grid;place-items:center;order:-1;width:32px;height:40px;border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-pill);font-size:14px;letter-spacing:0;transition:translate var(--xd-duration-standard)}
body[data-xd-landing] .hero-bottom>a:hover>span[aria-hidden]{translate:0 3px}
body[data-xd-landing] .hero-layout .hero-copy>.access-note{font-size:10px;line-height:1.7;max-width:340px;color:var(--xd-color-text-muted)}
@media(hover:hover) and (pointer:fine){
 body[data-xd-landing] .xd-motion-surface:hover{transform:perspective(900px) rotateX(var(--xd-tilt-x,0deg)) rotateY(var(--xd-tilt-y,0deg));translate:0 -5px}
 body[data-xd-landing] .dimension-summary:hover .xd-dimension-sign svg{rotate:-6deg;background:color-mix(in srgb,var(--xd-color-action) 13%,transparent)}
 body[data-xd-landing] .button:hover>span[aria-hidden]{translate:2px -2px}
}
@media(max-width:1100px){body[data-xd-landing] .nav{gap:var(--xd-space-4);padding-inline:var(--xd-space-4)}body[data-xd-landing] .nav nav{gap:var(--xd-space-4)}body[data-xd-landing] .nav .button{padding-inline:var(--xd-space-4);gap:var(--xd-space-2)}}
@media(max-width:800px){
 body[data-xd-landing] .nav{top:var(--xd-space-3);height:64px;width:calc(100% - 24px);padding-inline:var(--xd-space-3);gap:var(--xd-space-2)}
 body[data-xd-landing] .nav nav{top:72px;border-radius:var(--xd-radius-surface)}
 body[data-xd-landing] .mobile-toggle{border:1px solid var(--xd-color-border);border-radius:50%;padding:var(--xd-space-2)}
 body[data-xd-landing] :is(.trade-demo,.review-notebook,.overview-shell,.dimension-summary,.chapter-interactive,.world-card,.dimension-document,.atlas-sidebar,.hub-guide,.workspace-essential,.order-lab){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
}
@media(max-width:520px){
 body[data-xd-landing] .nav .nav-cta{padding-inline:var(--xd-space-3);font-size:9px}
 body[data-xd-landing] .nav-cta>span[aria-hidden]{display:none}
 body[data-xd-landing] .dimension-summary{min-height:0;padding:var(--xd-space-5);gap:var(--xd-space-3)}
 body[data-xd-landing] .faq details{padding:var(--xd-space-4)}
 body[data-xd-landing] .hero-layout .actions{align-items:stretch}
 body[data-xd-landing] .hero-layout .actions>.text-link{justify-content:center}
 body[data-xd-landing] .button{gap:var(--xd-space-4)}
}
@media(prefers-reduced-motion:reduce){
 body[data-xd-landing] .xd-motion-surface,body[data-xd-landing] .dimension-summary:hover .xd-dimension-sign svg{transform:none!important;translate:none!important;rotate:none!important;transition:none!important}
 body[data-xd-landing] .hero-bottom>a>span[aria-hidden]{translate:none!important}
}
@supports not (backdrop-filter:blur(1px)){body[data-xd-landing] :is(.trade-demo,.review-notebook,.overview-shell,.dimension-summary,.chapter-interactive,.world-card,.dimension-document,.atlas-sidebar,.hub-guide,.workspace-essential,.order-lab,.xd-guide){background:var(--xd-color-surface)}}

/* Shared chapter details: light follows arrival, focus and the next action. */
body[data-xd-landing] .story-wayfinder{padding-block:var(--xd-space-6);margin-bottom:var(--xd-space-6);border-bottom:1px solid var(--xd-color-border-emphasis)}
body[data-xd-landing] .story-wayfinder-label{display:block;font-size:9px;letter-spacing:.18em;color:var(--xd-color-text-muted);margin-bottom:var(--xd-space-4)}
body[data-xd-landing] .story-wayfinder ol{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--xd-space-2);padding:0;margin:0;list-style:none}
body[data-xd-landing] .story-wayfinder li{min-width:0}
body[data-xd-landing] .story-wayfinder a{display:flex;flex-direction:column;gap:var(--xd-space-2);min-height:64px;padding:var(--xd-space-3) var(--xd-space-2);border-radius:var(--xd-radius-control);border:1px solid transparent;transition:background var(--xd-duration-standard),border-color var(--xd-duration-standard),color var(--xd-duration-standard)}
body[data-xd-landing] .story-wayfinder a>span{font-size:10px;letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--xd-color-action)}
body[data-xd-landing] .story-wayfinder strong{font-size:11px;line-height:1.4;font-weight:500;overflow-wrap:break-word;color:var(--xd-color-text-secondary)}
body[data-xd-landing] .story-wayfinder a:is([aria-current],:hover,:focus-visible){border-color:var(--xd-color-border-emphasis);background:color-mix(in srgb,var(--xd-color-action) 7%,transparent)}
body[data-xd-landing] .story-wayfinder a[aria-current] strong{color:var(--xd-color-text-primary);font-weight:650}
body[data-xd-landing] .story-wayfinder a:focus-visible{outline:var(--xd-focus-outline);outline-offset:2px}
body[data-xd-landing] .story-bridge{max-width:660px;font-size:15px;line-height:1.8;color:var(--xd-color-text-secondary);margin-block:var(--xd-space-4) var(--xd-space-6)}
body[data-xd-landing] .community-bridge-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--xd-space-6)*3);align-items:center}
body[data-xd-landing] .community-bridge-layout h2{font-size:clamp(34px,4vw,56px);line-height:1.15;text-wrap:balance}
body[data-xd-landing] .community-bridge-layout h2>span{color:var(--xd-color-accent)}
body[data-xd-landing] .community-bridge-layout p{font-size:15px;line-height:1.85;margin-top:var(--xd-space-5);max-width:560px}
body[data-xd-landing] .community-bridge-layout .button{margin-top:var(--xd-space-6)}
body[data-xd-landing] .community-bridge-art{display:block;min-width:0;border-radius:var(--xd-radius-surface)}
body[data-xd-landing] .community-bridge-art>img{display:block;width:100%;height:auto;border-radius:var(--xd-radius-surface);border:1px solid var(--xd-color-border-emphasis)}
body[data-xd-landing] .community-bridge-art>span{display:flex;align-items:center;justify-content:space-between;gap:var(--xd-space-3);min-height:44px;margin-top:var(--xd-space-3);font-size:12px;color:var(--xd-color-text-secondary)}
body[data-xd-landing] .community-bridge-art>span>span{color:var(--xd-color-action);transition:translate var(--xd-duration-standard)}
body[data-xd-landing] .community-bridge-art:is(:hover,:focus-visible)>span>span{translate:3px -3px}
body[data-xd-landing] .community-bridge-art:focus-visible{outline:var(--xd-focus-outline);outline-offset:4px}
@media(max-width:800px){body[data-xd-landing] .community-bridge-layout{grid-template-columns:minmax(0,1fr);gap:var(--xd-space-6)}body[data-xd-landing] .community-bridge-layout p{font-size:14px}}
@media(max-width:800px){body[data-xd-landing] .story-wayfinder ol{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body[data-xd-landing] .story-wayfinder a{transition:none!important}}
@media(prefers-reduced-motion:reduce){body[data-xd-landing] .community-bridge-art>span>span{transition:none!important;translate:none!important}}
body[data-xd-landing] .star-artwork{display:inline-block;object-fit:contain;flex-shrink:0;background:none;border:0;border-radius:0}
body[data-xd-landing] .notebook-head .star-artwork{width:48px;height:48px}
body[data-xd-landing] .xd-dimension-sign .star-artwork{width:48px;height:48px}
body[data-xd-landing] .star-document-brand{display:inline-flex;align-items:center;gap:var(--xd-space-3)}
body[data-xd-landing] .chapter-switches button:has(.star-artwork){display:inline-flex;align-items:center;justify-content:center;gap:var(--xd-space-2)}
body[data-xd-landing] .dimension-directory-disclosure{margin-block:var(--xd-space-6);border-block:1px solid var(--xd-color-border-emphasis)}
body[data-xd-landing] .dimension-directory-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--xd-space-4);padding-block:var(--xd-space-5);min-height:64px;list-style:none;cursor:pointer;font-size:15px;color:var(--xd-color-text-primary)}
body[data-xd-landing] .dimension-directory-disclosure>summary::-webkit-details-marker{display:none}
body[data-xd-landing] .dimension-directory-disclosure>summary>span{font-size:24px;font-weight:400;color:var(--xd-color-action);transition:rotate var(--xd-duration-standard)}
body[data-xd-landing] .dimension-directory-disclosure[open]>summary>span{rotate:45deg}
body[data-xd-landing] .dimension-directory-disclosure>summary:focus-visible{outline:var(--xd-focus-outline);outline-offset:4px}
body[data-xd-landing] .dimension-directory-disclosure .dimension-directory-grid{margin-top:var(--xd-space-3);padding-bottom:var(--xd-space-6)}
body[data-xd-landing] .about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:calc(var(--xd-space-6)*3)}
body[data-xd-landing] .about-grid h2{font-size:clamp(36px,4.2vw,60px);max-width:600px;text-wrap:balance}
body[data-xd-landing] .story-copy{min-width:0}
body[data-xd-landing] .story-copy p{max-width:620px;line-height:1.85}
body[data-xd-landing] .story-copy .story-lead{font-size:clamp(18px,1.5vw,21px);line-height:1.65;color:var(--xd-color-text-primary)}
body[data-xd-landing] .story-copy .story-purpose{padding-left:var(--xd-space-5);border-left:1px solid var(--xd-color-action);color:var(--xd-color-text-primary)}
body[data-xd-landing] .story-principles{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--xd-space-6)*2);padding:calc(var(--xd-space-6)*2) 0 0;margin:calc(var(--xd-space-6)*2) 0 0;border-top:1px solid var(--xd-color-border-emphasis)}
body[data-xd-landing] .story-principles li{min-width:0}
body[data-xd-landing] .story-principles li>span{font-size:9px;letter-spacing:.14em;color:var(--xd-color-action)}
body[data-xd-landing] .story-principles h3{font-size:21px;line-height:1.35;font-weight:500;margin-top:var(--xd-space-3)}
body[data-xd-landing] .story-principles p{font-size:13px;line-height:1.75;margin-top:var(--xd-space-3);max-width:300px}
body[data-xd-landing] :is(.chapter-lead,.chapter-hero-copy,.overview-detail,.dimension-document,.editorial-path article){min-width:0;overflow-wrap:break-word}
@media(max-width:800px){
 body[data-xd-landing] .about-grid{grid-template-columns:minmax(0,1fr);gap:var(--xd-space-6)}
 body[data-xd-landing] .story-principles{grid-template-columns:minmax(0,1fr);gap:var(--xd-space-6);padding-top:var(--xd-space-6);margin-top:calc(var(--xd-space-6)*2)}
 body[data-xd-landing] .story-principles p{max-width:540px}
 body[data-xd-landing] .notebook-head{flex-wrap:wrap;gap:var(--xd-space-2)}
 body[data-xd-landing] .notebook-head .micro{margin-left:56px;flex-basis:100%}
}
body[data-xd-landing] .xd-section-cue{display:flex;align-items:center;gap:var(--xd-space-4)}
body[data-xd-landing] .xd-section-cue:after{content:'';height:1px;width:48px;flex-shrink:0;background:linear-gradient(90deg,var(--xd-color-action),var(--xd-color-accent),transparent);transform:scaleX(.2);transform-origin:left;opacity:.35;transition:transform var(--xd-duration-enter) var(--xd-ease-out),opacity var(--xd-duration-enter)}
body[data-xd-landing] .xd-section-cue.xd-in-view:after{transform:scaleX(1);opacity:1}
body[data-xd-landing] .editorial-path article:before{content:'';position:absolute;inset:-1px 0 auto;height:1px;background:linear-gradient(90deg,var(--xd-color-action),var(--xd-color-accent),transparent);transform:scaleX(.18);transform-origin:left;opacity:.35;transition:transform var(--xd-duration-enter) var(--xd-ease-out),opacity var(--xd-duration-enter)}
body[data-xd-landing] .editorial-path article:is(.xd-in-view,:focus-within):before{transform:scaleX(1);opacity:.85}
body[data-xd-landing] .editorial-path article a{width:fit-content;text-underline-offset:6px;text-decoration:underline;text-decoration-color:transparent;transition:color var(--xd-duration-standard),text-decoration-color var(--xd-duration-standard)}
body[data-xd-landing] .editorial-path article a:is(:hover,:focus-visible){text-decoration-color:var(--xd-color-action);color:var(--xd-color-text-primary)}
body[data-xd-landing] .world-card>img{transition:transform var(--xd-duration-scene) var(--xd-ease-out)}
body[data-xd-landing] .world-card-link b{transition:translate var(--xd-duration-standard) var(--xd-ease-out)}
body[data-xd-landing] .world-card:is(:hover,:focus-visible) .world-card-link b{translate:4px -2px}
body[data-xd-landing] .breadcrumb{width:fit-content;max-width:100%;flex-wrap:wrap;transition:color var(--xd-duration-standard)}
body[data-xd-landing] .breadcrumb:is(:hover,:focus-visible){color:var(--xd-color-action)}
body[data-xd-landing] .footer nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;transition:color var(--xd-duration-standard)}
body[data-xd-landing] .footer nav a:after{content:'';position:absolute;inset:auto 0 5px;height:1px;background:linear-gradient(90deg,var(--xd-color-action),var(--xd-color-accent));transform:scaleX(0);transform-origin:left;transition:transform var(--xd-duration-standard) var(--xd-ease-out)}
body[data-xd-landing] .footer nav a:is(:hover,:focus-visible){color:var(--xd-color-action)}
body[data-xd-landing] .footer nav a:is(:hover,:focus-visible):after{transform:scaleX(1)}
body[data-xd-landing] .atlas-links a{transition:background var(--xd-duration-standard),border-color var(--xd-duration-standard),color var(--xd-duration-standard)}
body[data-xd-landing] .atlas-links a:focus-visible{outline:var(--xd-focus-outline);outline-offset:-2px}
body.privacy-page .privacy-scope{border-radius:var(--xd-radius-surface);background:color-mix(in srgb,var(--xd-color-surface) 64%,transparent)}
body.privacy-page .brand small{display:block;font-size:8px;font-weight:450;letter-spacing:.16em;margin-top:var(--xd-space-1)}
@media(hover:hover) and (pointer:fine){body[data-xd-landing] .world-card:hover>img{transform:scale(1.035)}}
@media(max-width:520px){
 body[data-xd-landing] .nav .nav-cta{min-width:44px;width:44px;min-height:44px;padding:0;font-size:0;gap:0;flex-shrink:0}
 body[data-xd-landing] .nav .nav-cta>span[aria-hidden]{display:inline-grid;width:28px;height:28px;font-size:15px;border:0}
 body[data-xd-landing] .nav .mobile-toggle{flex-shrink:0}
 body.privacy-page .nav{height:auto;min-height:76px;flex-wrap:wrap;padding-block:var(--xd-space-3)}
 body.privacy-page .nav>.text-link{margin-left:auto}
 body[data-xd-landing] .xd-section-cue:after{width:32px}
}
@media(max-width:380px){body[data-xd-landing] .nav{gap:var(--xd-space-1);padding-inline:var(--xd-space-2)}}
@media(prefers-reduced-motion:reduce){
 body[data-xd-landing] .dimension-directory-disclosure>summary>span{transition:none!important}
 body[data-xd-landing] :is(.xd-section-cue:after,.editorial-path article:before,.editorial-path article a,.world-card>img,.world-card-link b,.breadcrumb,.footer nav a,.footer nav a:after,.atlas-links a){transition:none!important;transform:none!important;translate:none!important}
}

/* Repeat entrances when a visitor returns, without fragmenting glyphs. */
body[data-xd-landing] .xd-reveal{opacity:1;translate:0 0;transition:opacity 680ms var(--xd-ease-out),translate 680ms var(--xd-ease-out)}
body[data-xd-landing] .xd-reveal:not(.xd-in-view):not(:focus-within){opacity:0;translate:0 18px}
body[data-xd-landing] :is(.hero-order-preview,.featured-film,.chapter-interactive).xd-reveal{translate:none}
body[data-xd-landing] .hero-layout .hero-copy{min-width:0;overflow:visible}
body[data-xd-landing] .hero-layout h1{line-height:1.13;letter-spacing:-.045em;padding-block:.08em .16em;margin-block:-.08em -.16em;overflow:visible;text-wrap:balance}
body[data-xd-landing] .hero-layout h1>span{padding-bottom:.12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.order-flow{display:flex;align-items:center;gap:10px;padding:14px 24px;color:var(--xd-color-text-muted);font-size:10px;letter-spacing:.08em}
.order-flow i{position:relative;flex:1;height:1px;background:var(--xd-color-border);overflow:hidden}
.order-flow i:after{content:'';position:absolute;inset:-1px auto -1px 0;width:18px;background:linear-gradient(90deg,transparent,var(--xd-color-action),transparent);transform:translateX(-20px);animation:xd-order-flow 7s linear infinite;animation-play-state:paused}
.order-flow i:nth-of-type(2):after{animation-delay:2.3s}.order-flow i:nth-of-type(3):after{animation-delay:4.6s}
.order-lab[data-order-playing=true] .order-flow i:after{animation-play-state:running}
.order-lab[data-order-phase=pending] .order-flow span:first-child,.order-lab[data-order-phase=open] .order-flow span:nth-of-type(2),.order-lab[data-order-phase=protected] .order-flow span:nth-of-type(3),.order-lab:is([data-order-phase=target],[data-order-phase=stop],[data-order-phase=breakeven]) .order-flow span:last-child{color:var(--xd-color-action)}
@keyframes xd-order-flow{to{transform:translateX(180px)}}
@media(prefers-reduced-motion:reduce){body[data-xd-landing] .xd-reveal,body[data-xd-landing] .xd-reveal:not(.xd-in-view){opacity:1;translate:none;transition:none}.order-flow i:after{animation:none;display:none}}