[data-journey]{--paper:#eee8f4;--secondary:#b6aac8;--line:#d3c3e33d;--ink:#12101e;scrollbar-width:none}
[data-journey]::-webkit-scrollbar{display:none}
[data-journey] button{font-family:inherit}
[data-journey] header{left:4vw;right:4vw;top:28px;gap:26px}
[data-journey] .brand{padding:0;font-size:16px;font-weight:500;letter-spacing:.22em}
[data-journey] .brand small{font-size:9px;letter-spacing:.18em;line-height:2.1}
[data-journey] .mark{font-size:30px;font-weight:300}
[data-journey] .edition{font-family:inherit;font-size:11px;letter-spacing:.13em}
[data-journey] .header-actions{display:flex;align-items:center;gap:18px}
[data-journey] .header-actions button{font-size:12px;padding:12px 0;color:#c3b7d4}
[data-journey] .header-actions button span{margin-left:7px}
[data-journey] #optics[aria-pressed=true]{color:#d6c2ee}
.optical-cursor{position:absolute;left:0;top:0;width:48px;height:48px;pointer-events:none;z-index:4;opacity:0;will-change:transform;contain:layout style}
.optical-cursor svg{display:block;width:100%;height:100%;overflow:visible}
.crystal-face{fill:url(#phase-cursor-mineral);stroke:#c4cbf0;stroke-width:.8;stroke-linejoin:round}
.crystal-ridge{stroke:#a8c5fa;stroke-width:.6;opacity:.65}
.crystal-core{fill:#ffe0b2;stroke:#fff0d4;stroke-width:.4;filter:drop-shadow(0 0 3px #ec9f66)}
@media(hover:hover) and (pointer:fine){[data-journey][data-crystal-cursor=true]:not(.info-open) #experience :is(canvas,button,input[type=range]){cursor:none}}
[data-journey].info-open .optical-cursor{visibility:hidden}
@media(hover:none),(pointer:coarse){.optical-cursor{display:none}}
[data-journey] .chapter-nav{position:absolute;top:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;margin:0;z-index:3}
[data-journey] .chapter-nav button{display:grid;place-items:center;width:44px;height:44px;padding:0;flex:none;border:0;background:none;outline-offset:-5px}
[data-journey] .chapter-point{position:relative;display:block;width:8px;height:8px;pointer-events:none}
[data-journey] .chapter-point::before,[data-journey] .chapter-point::after{content:"";position:absolute;inset:0;margin:auto;transition:transform .48s cubic-bezier(.16,1,.3,1),opacity .32s ease}
[data-journey] .chapter-point::before{width:3px;height:3px;background:#e9e4f2;border-radius:50%;opacity:.82;box-shadow:0 1px 3px #080711}
[data-journey] .chapter-point::after{width:6px;height:6px;background:#e6ac80;border:1px solid #f6d4af;transform:rotate(45deg) scale(.35);opacity:0;box-shadow:0 0 7px #e6ac808c,0 0 16px #e6ac8038}
[data-journey] .chapter-nav button[aria-current=true] .chapter-point::before{opacity:0;transform:scale(.3)}
[data-journey] .chapter-nav button[aria-current=true] .chapter-point::after{opacity:1;transform:rotate(45deg) scale(1)}
[data-journey] .chapter-nav button:focus-visible{outline:1px solid #e6ac80}
@media(hover:hover){[data-journey] .chapter-nav button:hover .chapter-point::before{opacity:1;transform:scale(1.5)}}
@media(max-width:1200px){[data-journey] .chapter-nav{top:74px;gap:14px}}
@media(max-width:700px){[data-journey] .chapter-nav{top:64px;gap:10px}}
@media(prefers-reduced-motion:reduce){[data-journey] .chapter-point::before,[data-journey] .chapter-point::after{transition:none}}
[data-journey] .caption{max-width:510px;top:auto;bottom:150px;transform:none}
[data-journey] .caption>span{font:10px/1.7 monospace;letter-spacing:.18em}
[data-journey] h1{font-size:clamp(28px,3.1vw,46px);line-height:1.38;font-weight:350;white-space:pre-line;letter-spacing:.035em;margin:16px 0 12px}
[data-journey] .caption p{font-size:11px;line-height:1.6;letter-spacing:.1em;color:#c4b7d3;max-width:430px;margin:0}
[data-journey] .chapter-actions{min-height:42px;margin-top:15px;pointer-events:auto}
[data-journey] .chapter-actions button{border-top:1px solid var(--line);padding:12px 0 9px;font-size:12px;letter-spacing:.04em;min-width:158px;text-align:left}
[data-journey] .chapter-actions button span{float:right;margin-left:24px}
[data-journey] #ending-actions{display:flex;gap:28px;flex-wrap:wrap}
[data-journey] #ending-actions[hidden],[data-journey] #chapter-info[hidden]{display:none}
[data-journey] .playback{bottom:39px;right:5vw}
[data-journey] #play{font-size:12px;min-width:160px}
[data-journey] #restart{font-size:22px}
[data-journey] canvas{touch-action:pinch-zoom}
[data-journey] #pace{font-size:10px;color:var(--secondary);padding:12px 0;white-space:nowrap}
[data-journey] #pace[hidden]{display:none}
[data-journey] #load-detail{max-width:85vw;text-align:center;line-height:1.8}
[data-journey] button:disabled{cursor:wait;opacity:.55}
[data-journey].info-open{overflow:hidden}
#product-dialog{color:var(--paper);background:#151320;border:0;border-left:1px solid #c4b4d52b;margin:0 0 0 auto;inset:0 0 0 auto;width:min(790px,80vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#71637f transparent;scrollbar-width:thin}
#product-dialog::backdrop{background:#090712b8;backdrop-filter:blur(8px)}
#product-dialog .info-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 44px;border-bottom:1px solid var(--line);background:#151320;position:sticky;top:0;z-index:2}
#product-dialog .info-top>span{font-size:11px;letter-spacing:.1em;color:var(--secondary)}
#product-dialog .info-top button{font-size:12px;padding:10px 0;color:var(--paper);white-space:nowrap}
#product-dialog .info-top button span{font-size:20px;vertical-align:-1px;margin-left:13px}
#product-dialog .info-document{padding:45px 56px 38px}
#product-dialog #info-kicker{font:10px/1.7 monospace;letter-spacing:.14em;color:#baa7d1;margin:0 0 15px}
#product-dialog h2{font-size:clamp(26px,2.5vw,37px);font-weight:350;line-height:1.45;letter-spacing:.035em;margin:0 0 20px;max-width:560px}
#product-dialog #info-summary{font-size:15px;line-height:1.95;color:#c9bed6;letter-spacing:.025em;max-width:600px;margin:0 0 25px}
#product-dialog section{margin:35px 0}
#product-dialog h3{font-size:17px;font-weight:500;letter-spacing:.04em;margin:0 0 16px;color:var(--paper)}
#product-dialog p,#product-dialog dd,#product-dialog li{font-size:14px;line-height:1.95;letter-spacing:.02em;color:#c4b8d1}
#product-dialog p{margin:11px 0}
#product-dialog .product-figure{margin:27px 0 31px;color:#b8a2d1}
#product-dialog .product-figure svg{display:block;width:100%;height:auto;max-height:240px}
#product-dialog .product-figure figcaption{font-size:11px;line-height:1.8;color:#a497b2;letter-spacing:.03em;margin-top:15px}
#product-dialog .structure-list{margin:0}
#product-dialog .structure-list>div{display:grid;grid-template-columns:98px 1fr;gap:20px;border-top:1px solid var(--line);padding:15px 0}
#product-dialog dt{font-size:14px;line-height:1.9;color:var(--paper)}
#product-dialog dd{margin:0}
#product-dialog .deployment-sequence{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:39px 0}
#product-dialog .deployment-sequence li{border-top:1px solid var(--line);padding-top:13px;color:var(--paper)}
#product-dialog .deployment-sequence span{display:block;font:10px/1.5 monospace;color:#a48eb9;margin-bottom:7px}
#product-dialog .record-list{padding-left:21px}
#product-dialog .record-list li{padding-left:5px;margin:9px 0}
#product-dialog .document-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:23px}
#product-dialog .document-links button,#product-dialog .inline-link{font-size:13px;padding:12px 0;text-align:left;color:var(--paper);border-bottom:1px solid #a693ba66;min-width:135px}
#product-dialog .document-links button span{margin-left:25px}
#product-dialog .product-index{margin-top:10px}
#product-dialog .product-index button{display:block;width:100%;text-align:left;border-top:1px solid var(--line);padding:24px 34px 23px 0;position:relative}
#product-dialog .product-index button>span{font-size:10px;letter-spacing:.12em;color:#a48eb9;display:block;margin-bottom:10px}
#product-dialog .product-index strong{font-size:22px;font-weight:400;color:var(--paper);letter-spacing:.04em}
#product-dialog .product-index p{margin-bottom:0}
#product-dialog .product-index em{position:absolute;right:0;top:43px;font-size:21px;font-style:normal;color:#bba7d0}
#product-dialog .info-foot{border-top:1px solid var(--line);padding-top:24px;margin-top:44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px}
#product-dialog .info-foot>span{font-size:10px;letter-spacing:.08em;color:#a497b2}
#product-dialog .info-foot button{font-size:12px;line-height:1.8;padding:8px 0;color:var(--paper)}
#product-dialog .info-foot button span{margin-left:15px}
@media(hover:hover){[data-journey] button:hover,#product-dialog button:hover{color:#fff}#product-dialog .product-index button:hover strong{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}}
@media(max-width:1000px) and (min-width:701px){[data-journey] .caption{bottom:150px;max-width:430px}[data-journey] .edition{display:none}[data-journey] .header-actions{margin-left:auto}[data-journey] .playback{right:4vw;gap:12px}[data-journey] #play{min-width:145px}}
@media(max-width:700px){
 [data-journey] header{top:18px;left:22px;right:22px;gap:15px}[data-journey] .edition{display:none}[data-journey] .header-actions{margin-left:auto;gap:14px}[data-journey] .header-actions button{font-size:10px;padding:10px 0}[data-journey] .header-actions button span{display:none}[data-journey] .brand{font-size:14px;gap:10px}[data-journey] .brand small{font-size:8px}[data-journey] .mark{font-size:25px}
 [data-journey] .caption{left:25px;bottom:205px;max-width:calc(100vw - 50px)}[data-journey] h1{font-size:clamp(25px,7vw,32px);line-height:1.45;margin-top:12px}[data-journey] .caption p{font-size:10px;max-width:290px}[data-journey] .chapter-actions{margin-top:12px;min-height:40px}[data-journey] .chapter-actions button{font-size:12px;min-width:145px;padding:11px 0 8px}[data-journey] #ending-actions{gap:17px}
 [data-journey] .playback{bottom:115px;right:25px;gap:14px}[data-journey] #play{min-width:125px;padding:12px 0}
 #product-dialog{width:100vw;border-left:0}#product-dialog::backdrop{backdrop-filter:none}#product-dialog .info-top{padding:16px 24px;gap:14px}#product-dialog .info-top>span{font-size:10px}#product-dialog .info-document{padding:30px 25px 32px}#product-dialog h2{font-size:29px}#product-dialog #info-summary{font-size:14px}#product-dialog .structure-list>div{grid-template-columns:77px 1fr;gap:14px}#product-dialog .product-figure{margin:22px 0 27px}#product-dialog .product-figure figcaption{font-size:11px}#product-dialog .deployment-sequence{gap:8px}#product-dialog .deployment-sequence li{font-size:13px}#product-dialog .document-links{gap:9px 24px}#product-dialog .info-foot{display:block}#product-dialog .info-foot button{display:block;margin-top:18px}#product-dialog .product-index strong{font-size:21px}
}
@media(max-height:650px) and (min-width:701px){[data-journey] .caption{bottom:120px}[data-journey] h1{font-size:28px;margin-top:10px}[data-journey] .chapter-actions{margin-top:8px}[data-journey] header{top:17px}}
@media(max-width:360px){[data-journey] header{left:18px;right:18px}[data-journey] .header-actions{gap:10px}[data-journey] .header-actions button{font-size:9px}[data-journey] .caption{bottom:202px}[data-journey] #ending-actions{gap:14px}[data-journey] #ending-actions button{min-width:126px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#product-dialog::backdrop{backdrop-filter:none}}
@media(min-width:701px) and (max-width:1000px){[data-journey] .playback{bottom:115px}[data-journey] .caption{bottom:185px}}
@media(max-width:700px){[data-journey] header{gap:10px}[data-journey] .header-actions{gap:10px}[data-journey] .header-actions button{white-space:nowrap}[data-journey] .brand{flex-shrink:0}}
@media(max-width:380px){[data-journey] .header-actions{gap:8px}[data-journey] .brand small{font-size:7px;letter-spacing:.08em}[data-journey] .brand{gap:7px}[data-journey] .mark{font-size:23px}}