@font-face{font-family:Inter;src:url('/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--xd-color-canvas);color:var(--xd-color-text-primary);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.65;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.48}img,video,svg{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:var(--xd-focus-outline);outline-offset:5px}button{border:0;background:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em;font-weight:480}h2{font-size:clamp(34px,4vw,56px)}h2 span,h1 span{color:var(--xd-landing-highlight)}p{color:var(--xd-color-text-secondary)}.container{width:min(1248px,calc(100% - 96px));margin-inline:auto}.section{padding-block:96px;position:relative}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--xd-color-action);margin-bottom:24px;line-height:1.8}.eyebrow i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--xd-color-action);box-shadow:0 0 14px var(--xd-color-action);margin-right:8px}.micro,.example-note{font-size:11px;line-height:1.65;color:var(--xd-color-text-muted)}.example-note{margin-top:18px;max-width:840px}.skip{position:fixed;left:24px;top:-100px;z-index:1500;background:var(--xd-color-surface);padding:12px 20px;border:1px solid var(--xd-color-action)}.skip:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--xd-color-accent),var(--xd-color-action));transform:scaleX(0);transform-origin:left;z-index:1250}
.nav{position:absolute;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:32px;height:100px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{object-fit:contain}.brand span{font-size:13px;letter-spacing:.24em;font-weight:500;white-space:nowrap}.nav nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:12px}.nav nav a{color:var(--xd-color-text-secondary);padding-block:12px}.nav nav a:hover{color:var(--xd-color-action)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:11px 24px;border-radius:var(--xd-landing-pill);border:1px solid var(--xd-color-border-emphasis);color:var(--xd-color-text-primary);background:color-mix(in srgb,var(--xd-color-surface) 65%,transparent);font-size:13px;font-weight:550;line-height:1.4;transition:transform var(--xd-duration-standard),box-shadow var(--xd-duration-standard),border-color var(--xd-duration-standard);white-space:normal}.button.primary{background:linear-gradient(108deg,var(--xd-landing-blue),color-mix(in srgb,var(--xd-color-accent) 45%,var(--xd-landing-blue)) 70%,var(--xd-color-action));border-color:color-mix(in srgb,var(--xd-color-action) 70%,var(--xd-color-text-primary));box-shadow:0 0 24px color-mix(in srgb,var(--xd-landing-blue) 35%,transparent),inset 0 0 12px color-mix(in srgb,var(--xd-color-text-primary) 14%,transparent);color:var(--xd-color-text-primary)}.button:hover{transform:translateY(-2px);border-color:var(--xd-color-action);box-shadow:0 0 26px color-mix(in srgb,var(--xd-color-action) 18%,transparent)}.button:active{transform:translateY(1px)}.nav .button{min-height:40px;padding:8px 18px;font-size:11px}.mobile-toggle{display:none;min-height:44px;min-width:44px}.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:8px 0;color:var(--xd-color-text-secondary);font-size:13px}.text-link:hover{color:var(--xd-color-action)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:32px}
.hero{position:relative;isolation:isolate;min-height:840px;height:95svh;max-height:1080px;display:flex;align-items:center}.hero-media,.hero-atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-media{background:url('/media/observatory-still.webp') center/cover}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-atmosphere{z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-canvas) 62%,transparent),transparent 78%),linear-gradient(0deg,var(--xd-color-canvas),transparent 28%,transparent 80%,color-mix(in srgb,var(--xd-color-canvas) 30%,transparent))}.hero-copy{padding-top:48px;padding-bottom:100px}.hero h1{font-size:clamp(54px,6vw,88px);max-width:700px;font-weight:460;line-height:1.035;letter-spacing:-.055em}.hero h1 span{background:linear-gradient(100deg,var(--xd-color-action),var(--xd-landing-highlight) 65%,var(--xd-color-accent));background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{margin-top:28px;font-size:18px;line-height:1.8;max-width:500px}.hero-copy .access-note{font-size:10px;color:var(--xd-color-text-muted);margin-top:24px}.hero-bottom{position:absolute;inset:auto 0 30px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.16em;color:var(--xd-color-text-muted)}.hero-bottom a{font-size:11px;letter-spacing:.03em;color:var(--xd-color-text-secondary)}
.world-flow{position:relative;isolation:isolate}.world-backdrop{position:absolute;inset:-80px 0 -180px;z-index:-3;background:url('/media/continuum-world.webp') top right/100% 100% no-repeat;opacity:.72;mask-image:linear-gradient(transparent,black 10%,black 87%,transparent)}.world-flow:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-canvas) 62%,transparent),color-mix(in srgb,var(--xd-color-canvas) 30%,transparent) 65%,transparent)}.journey-thread{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none;opacity:.4}.journey-thread path{fill:none;stroke:var(--xd-color-action);stroke-width:1}.thread-base{opacity:.12}.thread-light{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--journey-progress,0));filter:drop-shadow(0 0 4px var(--xd-color-action))}.story-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:40px}.story-intro>div>p{font-size:18px;max-width:490px}.journey-steps{display:flex;gap:24px;margin-top:36px}.journey-steps a{font-size:11px;color:var(--xd-color-text-secondary)}.journey-steps b{display:block;color:var(--xd-color-action);font-size:10px;font-weight:500;margin-bottom:8px}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:410px;font-size:15px}.trade-demo{scroll-margin-top:40px;overflow:hidden;background:color-mix(in srgb,var(--xd-color-surface) 95%,transparent);box-shadow:var(--xd-shadow-surface);border-color:var(--xd-color-border-emphasis)}.demo-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--xd-color-border);font-size:10px;letter-spacing:.12em}.example-badge{font-size:10px;letter-spacing:0;color:var(--xd-color-text-muted)}.demo-body{display:grid;grid-template-columns:250px minmax(0,1fr)}.plan-panel{padding:28px 24px;background:color-mix(in srgb,var(--xd-color-canvas) 45%,transparent);border-right:1px solid var(--xd-color-border)}.panel-label{font-size:9px;letter-spacing:.14em;color:var(--xd-color-text-muted);display:block;margin-bottom:14px}.plan-panel h3{font-size:26px;line-height:1.2}.plan-fields{margin:28px 0 20px}.plan-fields>div{padding:14px 0;border-bottom:1px solid var(--xd-color-border)}.plan-fields dt{font-size:10px;color:var(--xd-color-text-muted)}.plan-fields dd{font-size:13px;color:var(--xd-color-text-primary);margin:5px 0 0;font-variant-numeric:tabular-nums}.plan-fields em{font-size:10px;font-style:normal;color:var(--xd-color-action);margin-left:10px}.plan-status{border-left:2px solid var(--xd-color-accent);padding-left:16px;margin-top:28px}.plan-status strong{display:block;font-size:13px;font-weight:500}.plan-status p{font-size:11px;line-height:1.7;margin-top:8px}.plan-status[data-phase=target]{border-color:var(--xd-color-action)}.chart-panel{min-width:0;padding:0 0 12px}.chart-toolbar{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:20px;padding:24px}.chart-toolbar strong{font-size:15px;font-weight:500}.chart-toolbar small{display:block;color:var(--xd-color-text-muted);font-size:10px;margin-top:3px}.chart-modes{display:flex;flex-wrap:wrap;gap:4px}.chart-modes button{font-size:10px;min-height:36px;padding:6px 10px;border:1px solid transparent;border-radius:var(--xd-radius-control);color:var(--xd-color-text-muted)}.chart-modes button[aria-selected=true]{border-color:var(--xd-color-border-emphasis);color:var(--xd-color-action);background:var(--xd-color-surface-raised)}.chart-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--xd-color-border-emphasis) transparent}#trade-chart{display:block;width:100%;min-width:600px;height:auto;font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}.chart-summary{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 24px;font-size:11px;min-height:50px;border-bottom:1px solid var(--xd-color-border)}#trade-result{color:var(--xd-color-text-primary);font-weight:500}#trade-result.positive{color:var(--xd-color-action)}#trade-context{color:var(--xd-color-text-muted);font-size:10px}.transport{display:flex;align-items:center;gap:12px;padding:16px 20px 8px}.transport button{min-width:40px;min-height:44px;border:1px solid var(--xd-color-border);border-radius:var(--xd-radius-control);font-size:12px}.transport .transport-main{min-width:74px;color:var(--xd-color-action);border-color:var(--xd-color-border-emphasis);background:var(--xd-color-surface-raised)}.scrubber{display:flex;align-items:center;flex:1;min-width:50px;min-height:44px}.scrubber input{width:100%;height:28px;appearance:none;background:transparent;cursor:ew-resize;margin:0;accent-color:var(--xd-color-action)}.scrubber input::-webkit-slider-runnable-track{height:3px;border-radius:var(--xd-radius-control);background:linear-gradient(90deg,var(--xd-color-accent) var(--position,0%),var(--xd-color-border) var(--position,0%))}.scrubber input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5.5px;border-radius:50%;background:var(--xd-color-action);border:2px solid var(--xd-color-text-primary);box-shadow:0 0 12px color-mix(in srgb,var(--xd-color-action) 40%,transparent)}.scrubber input::-moz-range-track{height:3px;background:var(--xd-color-border)}.scrubber input::-moz-range-progress{height:3px;background:var(--xd-color-accent)}.scrubber input::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--xd-color-text-primary);border-radius:50%;background:var(--xd-color-action)}#replay-clock{font-size:11px;font-variant-numeric:tabular-nums;color:var(--xd-color-text-muted);min-width:38px}.timeline-moments{display:flex;justify-content:space-between;gap:8px;padding:0 24px}.timeline-moments button{font-size:10px;color:var(--xd-color-text-muted);min-height:40px;padding:4px}.timeline-moments button.reached{color:var(--xd-color-action)}.scrub-help{font-size:10px;margin:4px 24px 8px;color:var(--xd-color-text-muted)}
.review-section{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}.review-copy>p{font-size:15px;max-width:440px;margin-top:24px}.review-copy>.text-link{margin-top:20px}.review-notebook{padding:32px;background:color-mix(in srgb,var(--xd-color-surface) 95%,transparent)}.notebook-head{display:flex;align-items:center;gap:12px}.notebook-head strong{font-weight:500;font-size:15px}.notebook-head .micro{margin-left:auto;font-size:9px}.star-icon{font-size:32px;color:var(--xd-color-accent)}.review-observation{margin-top:32px;padding-top:28px;border-top:1px solid var(--xd-color-border);min-height:180px}.review-observation h3{font-size:25px}.review-observation p{font-size:13px;margin-top:16px}.attempt-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-block:24px;border-block:1px solid var(--xd-color-border);padding-block:24px}.attempt-results span{display:block;font-size:10px;color:var(--xd-color-text-muted)}.attempt-results strong{display:block;font-size:18px;font-variant-numeric:tabular-nums;font-weight:450;color:var(--xd-color-action);margin-top:8px}.attempt-results>div:last-child strong{color:var(--xd-color-accent)}.review-notebook>.micro{margin-top:16px;font-size:10px}
.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.category-tabs button{padding:16px 12px;border-bottom:1px solid var(--xd-color-border);font-size:12px;color:var(--xd-color-text-secondary);min-height:52px;text-align:left}.category-tabs button[aria-selected=true]{border-color:var(--xd-color-action);color:var(--xd-color-action);background:linear-gradient(0deg,color-mix(in srgb,var(--xd-color-action) 8%,transparent),transparent)}.overview-shell{display:grid;grid-template-columns:300px 1fr;overflow:hidden;background:color-mix(in srgb,var(--xd-color-surface) 95%,transparent)}#overview-links{padding:16px;border-right:1px solid var(--xd-color-border)}#overview-links a{display:block;padding:16px;min-height:52px;font-size:13px;color:var(--xd-color-text-secondary);border-radius:var(--xd-radius-control);border:1px solid transparent}#overview-links a[aria-current=true]{color:var(--xd-color-action);border-color:var(--xd-color-border-emphasis);background:var(--xd-color-surface-raised)}.overview-detail{padding:40px}.overview-detail h3{font-size:36px;max-width:650px}.overview-detail>p{font-size:14px;max-width:650px;margin-top:20px}.overview-detail ul{padding:0;margin:28px 0;list-style:none;display:grid;gap:16px}.overview-detail li{border-left:1px solid var(--xd-color-accent);padding-left:16px}.overview-detail li strong{font-size:12px;font-weight:500}.overview-detail li p{font-size:11px;line-height:1.6;color:var(--xd-color-text-muted);margin-top:4px}.explore-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:16px;color:var(--xd-color-text-muted);font-size:11px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px}.about-grid p{font-size:16px;max-width:520px}.about-grid p+p{margin-top:24px}.about-grid .text-link{margin-top:20px}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:96px}.faq details{border-bottom:1px solid var(--xd-color-border);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px;min-height:28px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--xd-color-action)}.faq details[open] summary:after{content:'−'}.faq p{margin-top:16px;font-size:13px;line-height:1.85}.faq a{text-decoration:underline;text-underline-offset:3px;color:var(--xd-color-action)}
.closing{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:center}.closing-media{position:absolute;inset:0;z-index:-2;background:url('/media/together-poster.webp') center/cover}.closing-media video{width:100%;height:100%;object-fit:cover}.closing:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-canvas) 92%,transparent),color-mix(in srgb,var(--xd-color-canvas) 35%,transparent) 55%,transparent),linear-gradient(0deg,var(--xd-color-canvas),transparent 20%,transparent 80%,var(--xd-color-canvas))}.closing h2{font-size:clamp(42px,5vw,68px);max-width:700px}.closing-copy>p{font-size:16px;margin-top:24px}.footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:32px;border-top:1px solid var(--xd-color-border);font-size:10px;color:var(--xd-color-text-muted)}.footer nav{display:flex;gap:24px;font-size:12px}.footer .brand span{font-size:11px}.motion-ready [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s var(--xd-ease-out)}.motion-ready [data-reveal].visible{opacity:1;transform:none}
.guide-launch{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;align-items:center;gap:8px;padding:10px 16px;min-height:48px;border-radius:var(--xd-landing-pill);border:1px solid var(--xd-color-border-emphasis);background:var(--xd-color-surface);box-shadow:var(--xd-shadow-surface);font-size:11px;color:var(--xd-color-text-primary)}.guide-launch img{object-fit:contain;width:26px;height:26px}.guide-spark{width:5px;height:5px;background:var(--xd-color-action);border-radius:50%}.xd-guide{position:fixed;inset:auto 24px 88px auto;margin:0;z-index:var(--xd-layer-popover);width:min(410px,calc(100vw - 32px));max-height:calc(100dvh - 120px);padding:0;display:flex;flex-direction:column;border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-surface);background:var(--xd-color-surface);color:var(--xd-color-text-primary);box-shadow:var(--xd-shadow-surface);overflow:hidden}.guide-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;background:var(--xd-color-surface-raised)}.guide-header span{display:block;color:var(--xd-color-action);font-size:8px;letter-spacing:.1em;margin-bottom:8px}.guide-header h2{font-size:21px}.guide-header button{font-size:26px;width:44px;min-height:44px}.guide-messages{padding:20px;overflow:auto;max-height:260px;min-height:120px;overscroll-behavior:contain}.guide-message{padding:14px;background:var(--xd-color-surface-raised);border:1px solid var(--xd-color-border);border-radius:var(--xd-radius-surface);font-size:12px;white-space:pre-line;margin-bottom:12px}.guide-question{margin-left:20px;border-color:var(--xd-color-border-emphasis)}.guide-suggestions{display:flex;gap:6px;flex-wrap:wrap;padding:0 20px 12px}.guide-suggestions button{border:1px solid var(--xd-color-border);border-radius:var(--xd-radius-control);padding:6px 10px;min-height:40px;font-size:10px}.guide-voice{display:flex;align-items:center;gap:12px;padding:0 20px 12px}.guide-voice button{font-size:11px;color:var(--xd-color-action);min-height:40px;padding:0}.guide-voice span{font-size:9px;color:var(--xd-color-text-muted)}#guide-form{display:flex;gap:8px;margin:0 20px;border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-control);padding:4px}#guide-question{min-width:0;width:100%;background:transparent;color:var(--xd-color-text-primary);border:0;padding:8px;font-size:12px}#guide-form button{width:44px;min-width:44px;min-height:44px;background:var(--xd-color-surface-active);font-size:20px}.guide-foot{display:flex;align-items:center;gap:12px;padding:8px 20px;font-size:9px;color:var(--xd-color-text-muted)}.guide-foot span{margin-right:auto}.guide-foot button{font-size:9px;min-height:36px;padding:0}
@media(min-width:1600px){.container{width:min(1400px,calc(100% - 160px))}.hero{min-height:950px}.hero h1{font-size:96px}.demo-body{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.nav{gap:20px}.nav nav{gap:20px}.brand span{font-size:11px;letter-spacing:.16em}.hero{min-height:740px}.story-intro,.review-section,.about-grid,.faq-section{gap:48px}.demo-body{grid-template-columns:210px minmax(0,1fr)}.plan-panel{padding:24px 18px}.chart-toolbar{gap:12px}.chart-modes{gap:0}.overview-shell{grid-template-columns:250px 1fr}.overview-detail{padding:28px}.journey-steps{gap:16px}.section{padding-block:72px}.story-intro{padding-top:32px}}
@media(max-width:800px){.nav{height:80px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;margin:0;padding:20px;background:var(--xd-color-surface);border:1px solid var(--xd-color-border);border-radius:var(--xd-radius-surface)}.nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.nav nav a{padding:12px}.nav .nav-cta{margin-left:auto}.mobile-toggle{display:block}.hero{height:auto;min-height:800px}.hero-copy{padding-top:160px;padding-bottom:180px}.hero-media video,.hero-media{object-position:65% center;background-position:65% center}.hero h1{font-size:60px}.hero-atmosphere{background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-canvas) 65%,transparent),color-mix(in srgb,var(--xd-color-canvas) 15%,transparent)),linear-gradient(0deg,var(--xd-color-canvas),transparent 35%)}.hero-copy>p{font-size:17px}.story-intro,.review-section,.about-grid,.faq-section{grid-template-columns:1fr;gap:32px}.section-heading{align-items:start;gap:24px}.section-heading>p{max-width:280px;font-size:13px}.demo-body{grid-template-columns:1fr}.plan-panel{border-right:0;border-bottom:1px solid var(--xd-color-border);padding:24px}.plan-panel h3{font-size:22px}.plan-panel h3 br{display:none}.plan-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:12px 0}.plan-fields>div{border:0}.plan-panel>.micro{display:none}.plan-status{margin-top:12px;display:grid;grid-template-columns:1fr 2fr;gap:0 16px}.plan-status .panel-label{grid-column:1/-1;margin-bottom:4px}.plan-status p{margin-top:0}.review-copy>p{max-width:620px}.overview-shell{grid-template-columns:220px 1fr}.category-tabs button{font-size:11px}.overview-detail h3{font-size:30px}.closing{min-height:580px}.closing-media video{object-position:65% center}.closing:after{background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-canvas) 90%,transparent),color-mix(in srgb,var(--xd-color-canvas) 35%,transparent)),linear-gradient(0deg,var(--xd-color-canvas),transparent 50%,var(--xd-color-canvas))}.footer{flex-wrap:wrap}.footer>span{width:100%}.world-backdrop{background-size:auto 100%;background-position:60% center;opacity:.6}}
@media(max-width:520px){.container{width:calc(100% - 40px)}.section{padding-block:56px}.nav{gap:8px}.brand{gap:4px}.brand span{font-size:9px;letter-spacing:.1em}.brand img{width:38px;height:30px}.nav .nav-cta{font-size:9px;padding:8px 12px;gap:6px}.nav-cta span{display:none}.hero{min-height:760px}.hero-copy{padding-top:150px;padding-bottom:150px}.hero h1{font-size:clamp(43px,10.8vw,57px)}.hero-copy>p{font-size:15px}.desktop-break{display:none}.hero .eyebrow{font-size:8px;letter-spacing:.15em}.actions{gap:12px;align-items:start;flex-direction:column}.button{font-size:12px;min-height:48px;padding:12px 22px}.hero-bottom{font-size:7px;gap:16px;bottom:20px}.hero-bottom a{font-size:9px;white-space:nowrap}.story-intro{padding-top:24px}.story-intro>div>p{font-size:15px}.journey-steps{gap:20px;justify-content:space-between}.journey-steps a{font-size:10px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:none}.eyebrow{font-size:9px;margin-bottom:16px}.demo-topline{padding:14px 16px;font-size:8px}.example-badge{font-size:8px;letter-spacing:0}.plan-panel{padding:20px}.plan-fields{grid-template-columns:1fr 1fr;gap:4px 20px}.plan-fields dt{font-size:10px}.plan-status{display:block}.plan-status p{margin-top:8px}.chart-toolbar{padding:20px 16px}.chart-modes button{min-height:44px;font-size:9px;padding:8px}.chart-toolbar strong{font-size:14px}.chart-summary{padding-inline:16px;gap:4px}.transport{gap:8px;padding:12px 12px 4px}.transport .transport-main{min-width:64px;font-size:10px}.transport button{min-width:36px;font-size:10px}#replay-clock{display:none}.timeline-moments{padding-inline:12px;gap:0}.timeline-moments button{font-size:9px;min-height:44px}.scrub-help{margin-inline:16px;font-size:9px}.example-note{font-size:10px}.review-notebook{padding:24px}.review-observation h3{font-size:23px}.review-observation{min-height:180px}.notebook-head .micro{max-width:70px;line-height:1.5}.attempt-results strong{font-size:16px}.category-tabs{grid-template-columns:1fr 1fr;gap:8px}.category-tabs button{font-size:11px;min-height:54px;padding:10px}.overview-shell{grid-template-columns:1fr}#overview-links{display:flex;overflow-x:auto;gap:8px;padding:12px;border-right:0;border-bottom:1px solid var(--xd-color-border);scrollbar-width:thin}#overview-links a{white-space:nowrap;min-height:44px;padding:10px 14px;font-size:11px}.overview-detail{padding:24px}.overview-detail h3{font-size:29px}.overview-detail>p{font-size:13px}.overview-detail ul{gap:20px}.overview-detail li p{font-size:11px}.explore-footer{display:block;font-size:10px}.explore-footer .text-link{display:flex;margin-top:8px}.about-grid p{font-size:14px}.faq summary{font-size:14px}.faq p{font-size:12px}.closing{min-height:620px;align-items:end;padding-bottom:64px}.closing-copy>p{font-size:14px}.closing h2{font-size:44px}.closing-media video{object-position:70% center}.closing:after{background:linear-gradient(0deg,var(--xd-color-canvas),color-mix(in srgb,var(--xd-color-canvas) 70%,transparent) 50%,transparent 85%,var(--xd-color-canvas))}.closing .eyebrow{font-size:8px}.footer{gap:24px;padding-bottom:88px}.footer nav{gap:20px;font-size:11px}.guide-launch{right:14px;bottom:14px;min-height:46px;padding:8px 12px;font-size:10px}.xd-guide{right:12px;bottom:76px;max-height:calc(100dvh - 96px)}.guide-header{padding:16px}.guide-header h2{font-size:19px}.guide-messages{max-height:220px;padding:16px}.guide-message{font-size:11px}.guide-suggestions,.guide-voice{padding-inline:16px}.guide-foot{padding-inline:16px}#guide-form{margin-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}.button:hover,.button:active{transform:none}.thread-light{stroke-dashoffset:0}}
/* Keep the entire collaborative group visible beside the closing message. */
@media(min-width:801px){.closing-media{left:38%;display:flex;align-items:center;background:none;mask-image:linear-gradient(90deg,transparent,black 16%)}.closing-media video{height:auto;aspect-ratio:16/9;object-fit:contain}.closing-copy h2{max-width:600px}.closing:after{background:linear-gradient(90deg,var(--xd-color-canvas),transparent 57%),linear-gradient(0deg,var(--xd-color-canvas),transparent 25%,transparent 78%,var(--xd-color-canvas))}}
.natural-scene{background:none;--scene-shift:0px}
.natural-scene .scene-art{position:absolute;inset:0;display:block;transform:translateY(var(--scene-shift));transition:transform var(--xd-duration-standard) linear}
.natural-scene .scene-art img,.natural-scene .scene-motion{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.natural-scene .scene-motion{position:absolute;inset:0;opacity:0;transform:translateY(var(--scene-shift));transition:opacity .6s ease,transform var(--xd-duration-standard) linear;mask-image:linear-gradient(0deg,transparent 5%,black 24%,black 47%,transparent 63%)}
.natural-scene .scene-motion[data-autoplay=playing]{opacity:.48}
.natural-scene .scene-motion[data-autoplay=unavailable],.natural-scene .scene-motion[data-autoplay=blocked]{opacity:0}
.hero-atmosphere{background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-canvas) 46%,transparent),transparent 72%),linear-gradient(0deg,var(--xd-color-canvas),transparent 20%,transparent 84%,color-mix(in srgb,var(--xd-color-canvas) 35%,transparent))}
/* Keep one viewport of native artwork in view. Never stretch a portrait across the entire document. */
.world-backdrop{position:sticky;inset:auto;top:0;height:100svh;max-height:1080px;margin-bottom:max(-1080px,-100svh);background:url('/media/observatory-natural-desktop.webp') center/cover no-repeat;opacity:.36;mask-image:linear-gradient(transparent,black 16%,black 72%,transparent)}
.world-flow:before{background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-canvas) 52%,transparent),color-mix(in srgb,var(--xd-color-canvas) 20%,transparent) 65%,transparent)}
.guided-trip{margin-bottom:24px;scroll-margin-top:24px}
.trip-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.trip-intro .eyebrow{margin:0}.trip-intro p{font-size:12px}
.trip-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0}
.trip-steps button{display:flex;align-items:center;gap:12px;min-height:52px;width:100%;padding:12px 16px;color:var(--xd-color-text-secondary);border-radius:var(--xd-radius-control);font-size:14px;text-align:left;transition:background var(--xd-duration-standard),color var(--xd-duration-standard)}
.trip-steps button>span{font-size:10px;color:var(--xd-color-text-muted);font-variant-numeric:tabular-nums}
.trip-steps button[aria-current=step]{background:color-mix(in srgb,var(--xd-color-surface-active) 90%,transparent);color:var(--xd-color-action)}
.trip-steps button[aria-current=step]>span{color:var(--xd-color-action)}
.trip-steps button:hover{background:var(--xd-color-surface-raised)}
.trip-track{height:2px;margin-block:12px 24px;background:var(--xd-color-border);overflow:hidden}
.trip-track span{height:100%;width:100%;display:block;transform:scaleX(.25);transform-origin:left;background:linear-gradient(90deg,var(--xd-color-accent),var(--xd-color-action));transition:transform .4s var(--xd-ease-out)}
.trip-direction{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px;border-left:2px solid var(--xd-color-action);background:color-mix(in srgb,var(--xd-color-canvas) 93%,transparent)}
.trip-direction h3{font-size:25px}.trip-direction p{font-size:13px;max-width:680px;margin-top:12px}.trip-direction .button{flex-shrink:0;min-width:180px}
.guided-trip+.trade-demo{transition:border-color .4s ease,box-shadow .4s ease}
.guided-trip[data-step=retake]+.trade-demo{border-color:var(--xd-color-accent)}
.guided-trip[data-step=practice]+.trade-demo{border-color:var(--xd-color-action)}
@media(max-width:800px){
 .natural-scene .scene-art img,.natural-scene .scene-motion{object-position:center center}
 .hero{min-height:800px}.hero-copy{padding-top:280px;padding-bottom:80px}
 .hero-atmosphere{background:linear-gradient(0deg,var(--xd-color-canvas),color-mix(in srgb,var(--xd-color-canvas) 62%,transparent) 24%,color-mix(in srgb,var(--xd-color-canvas) 45%,transparent) 56%,transparent 80%)}
 .natural-scene .scene-motion{mask-image:linear-gradient(0deg,transparent 5%,black 24%,black 48%,transparent 58%)}
 .world-backdrop{background-image:url('/media/observatory-natural-mobile.webp');background-position:center;opacity:.3}
 .trip-intro{align-items:start;flex-direction:column;gap:8px}.trip-direction{gap:24px}.trip-direction .button{min-width:144px}
}
@media(max-width:520px){
 .hero{min-height:800px}.hero-copy{padding-top:270px;padding-bottom:88px}.hero h1{font-size:clamp(40px,10.6vw,52px)}
 .hero-copy>p{font-size:15px;line-height:1.7}.hero .actions{margin-top:24px;gap:8px}.hero .access-note{font-size:10px;max-width:300px}
 .trip-steps button{gap:6px;padding:10px 4px;justify-content:center;font-size:12px;min-height:48px}.trip-steps button>span{font-size:9px}
 .trip-direction{display:block;padding:20px}.trip-direction h3{font-size:23px}.trip-direction p{font-size:12px;line-height:1.7;min-height:62px}.trip-direction .button{margin-top:16px;width:100%}
 .trip-intro .eyebrow{font-size:9px}.trip-intro p{font-size:11px}.journey-steps{gap:16px}
}
@media(prefers-reduced-motion:reduce){.natural-scene .scene-motion{display:none}.natural-scene .scene-art{transform:none;transition:none}.trip-track span{transition:none}}