/* XD visitor composition. Palette and control roles are scoped in xd-foundations.css. */
:root{color-scheme:dark;--xd-font-ui:Inter,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--xd-color-text-primary);font-family:var(--xd-font-ui);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 0 28%,color-mix(in srgb,var(--xd-color-accent) 23%,transparent),transparent 36%),radial-gradient(ellipse at 100% 55%,color-mix(in srgb,var(--xd-color-action) 18%,transparent),transparent 38%),var(--xd-color-canvas)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:var(--xd-focus-outline);outline-offset:5px}button:disabled{opacity:.48;cursor:not-allowed}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500}p{font-size:16px;color:var(--xd-color-text-muted);line-height:1.85}h2{font-size:clamp(36px,4.6vw,64px);line-height:1.12;letter-spacing:-.05em}h2 span{color:color-mix(in srgb,var(--xd-color-accent) 40%,var(--xd-color-text-primary))}h3{font-size:24px;line-height:1.3;letter-spacing:-.025em}svg{display:block}button,input{min-height:44px}[hidden]{display:none!important}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:calc(var(--xd-space-6)*5)}.section-kicker,.eyebrow{font-size:12px;font-weight:550;letter-spacing:.16em;color:var(--xd-color-action)}.section-kicker{display:block;margin-bottom:var(--xd-space-6)}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--xd-color-action);z-index:1300}.skip{position:fixed;top:-80px;left:16px;padding:12px;background:var(--xd-color-action);color:var(--xd-color-canvas);z-index:1400}.skip:focus{top:16px}
.nav{position:absolute;inset:0 0 auto;height:104px;display:flex;align-items:center;gap:32px;z-index:10;border-bottom:1px solid color-mix(in srgb,var(--xd-color-text-primary) 18%,transparent)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:20px;font-weight:550;letter-spacing:-.6px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;color:var(--xd-color-text-secondary);margin-top:3px}.mark{width:52px;height:34px;object-fit:contain}.navlinks{display:flex;gap:32px;font-size:14px;margin-left:auto;color:var(--xd-color-text-secondary)}.navlinks a,.footer-links a{transition:color var(--xd-duration-standard)}.navlinks a:hover,.footer-links a:hover{color:var(--xd-color-action)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--xd-color-border-emphasis);background:color-mix(in srgb,var(--xd-color-surface) 62%,transparent);border-radius:var(--xd-radius-control);min-height:52px;padding:14px 24px;font-size:14px;font-weight:600;transition:background var(--xd-duration-standard),transform var(--xd-duration-standard),box-shadow var(--xd-duration-standard)}.button span{font-size:18px;font-weight:400}.button:hover{background:var(--xd-color-surface-active);transform:translateY(-2px)}.button.primary,.xd-ui-button[data-tone=primary]{color:var(--xd-color-canvas);background:linear-gradient(115deg,color-mix(in srgb,var(--xd-color-action) 55%,var(--xd-color-text-primary)),var(--xd-color-action));border-color:var(--xd-color-action);box-shadow:0 8px 36px color-mix(in srgb,var(--xd-color-action) 20%,transparent)}.button.primary:hover{box-shadow:0 10px 40px color-mix(in srgb,var(--xd-color-action) 35%,transparent)}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;color:var(--xd-color-text-primary);padding-block:12px;border-bottom:1px solid var(--xd-color-border-emphasis)}.text-link:hover{color:var(--xd-color-action)}.mobile-toggle{display:none;border:1px solid var(--xd-color-border);background:var(--xd-color-surface);border-radius:var(--xd-radius-control);width:44px;min-width:44px;font-size:20px}
.hero{position:relative;isolation:isolate;min-height:880px;height:min(1050px,100svh);display:flex;align-items:center;overflow:hidden;background:var(--xd-color-surface)}.hero-media{position:absolute;inset:0;z-index:-3}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-canvas) 81%,transparent),color-mix(in srgb,var(--xd-color-canvas) 54%,transparent) 41%,transparent 80%),linear-gradient(0deg,var(--xd-color-canvas),transparent 25%,transparent 78%,color-mix(in srgb,var(--xd-color-canvas) 45%,transparent))}.hero-light{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 2% 45%,color-mix(in srgb,var(--xd-color-accent) 22%,transparent),transparent 53%);animation:light-breath 12s ease-in-out infinite alternate}.hero-content{padding-top:64px}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow>span{width:24px;height:1px;background:var(--xd-color-action)}h1{font-size:clamp(60px,6.3vw,92px);line-height:1.02;letter-spacing:-.065em;max-width:860px;margin:32px 0}h1 span{background:linear-gradient(105deg,var(--xd-color-text-primary),color-mix(in srgb,var(--xd-color-accent) 53%,var(--xd-color-text-primary)) 65%,var(--xd-color-action));background-clip:text;-webkit-background-clip:text;color:transparent}.hero-sub{max-width:490px;color:var(--xd-color-text-secondary);font-size:18px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:36px}.landing-private{font-size:11px;color:var(--xd-color-text-secondary);margin-top:20px}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.13em;color:var(--xd-color-text-secondary)}.hero-bottom a{display:flex;align-items:center;gap:16px;letter-spacing:.05em}.hero-bottom i{width:1px;height:32px;background:linear-gradient(var(--xd-color-action),transparent)}.capability-ribbon{border-block:1px solid var(--xd-color-border);background:linear-gradient(105deg,color-mix(in srgb,var(--xd-color-accent) 25%,var(--xd-color-surface)),color-mix(in srgb,var(--xd-color-action) 12%,var(--xd-color-surface)))}.capability-ribbon .container{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;font-size:14px;color:var(--xd-color-text-secondary)}.capability-ribbon i{width:5px;height:5px;border:1px solid var(--xd-color-action);transform:rotate(45deg)}
.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:64px;margin-bottom:48px}.intro>p{max-width:355px;margin-bottom:4px}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:64px 0 96px}.value-grid article{border-top:1px solid var(--xd-color-border);padding-top:24px;position:relative}.value-grid article:before{content:"";position:absolute;left:0;top:-1px;width:56px;height:1px;background:var(--xd-color-action)}.value-grid article:nth-child(2):before{background:var(--xd-color-accent)}.value-number{font-size:12px;font-family:monospace;color:var(--xd-color-action)}.value-grid h3{font-size:22px;margin:24px 0 16px}.value-grid p{font-size:15px}.demo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:28px}.demo-heading h3{font-size:34px;letter-spacing:-.04em}.demo-heading .section-kicker{font-size:11px;margin-bottom:12px}.demo-heading p{font-size:14px}.preview-wrap{scroll-margin-top:32px;position:relative}.preview-wrap:before{content:"";position:absolute;inset:-32px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 35%,color-mix(in srgb,var(--xd-color-action) 14%,transparent),transparent 60%),radial-gradient(ellipse at 85% 65%,color-mix(in srgb,var(--xd-color-accent) 25%,transparent),transparent 60%)}.preview{border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-surface);overflow:hidden;background:var(--xd-color-surface);box-shadow:var(--xd-shadow-surface)}.appbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 24px;border-bottom:1px solid var(--xd-color-border);background:linear-gradient(90deg,var(--xd-color-surface-raised),var(--xd-color-surface))}.appbrand{display:flex;align-items:center;gap:12px;font-size:15px}.appbrand .mark{width:34px;height:24px}.app-status{display:flex;gap:16px;align-items:center;font-size:11px;color:var(--xd-color-text-muted)}.badge{border:1px solid var(--xd-color-border);border-radius:var(--xd-radius-control);padding:6px 10px;font-size:11px;white-space:nowrap;color:var(--xd-color-text-secondary)}.workspace{display:grid;grid-template-columns:56px minmax(0,1fr) 280px}.rail{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 0;border-right:1px solid var(--xd-color-border);color:var(--xd-color-text-muted)}.rail svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}.rail .active{color:var(--xd-color-action)}.chart-area{min-width:0;background:linear-gradient(140deg,color-mix(in srgb,var(--xd-color-canvas) 70%,var(--xd-color-surface)),var(--xd-color-surface))}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px}.symbol{font-size:14px;font-weight:550}.symbol small{display:block;font-size:11px;font-weight:400;color:var(--xd-color-text-muted);margin-top:4px}.lens-controls{display:flex;gap:4px;flex-wrap:wrap}.lens-controls button,.speed{border:1px solid var(--xd-color-border);background:color-mix(in srgb,var(--xd-color-canvas) 60%,transparent);border-radius:var(--xd-radius-control);padding:8px;font-size:11px}.lens-controls button[aria-pressed=true]{border-color:var(--xd-color-action);color:var(--xd-color-action);background:color-mix(in srgb,var(--xd-color-action) 10%,var(--xd-color-canvas))}.chart-container{height:320px;position:relative;padding:8px;overflow:hidden}.chart-container svg{height:100%;width:100%}.chart-label{position:absolute;top:12px;left:24px;z-index:1;font-size:11px;letter-spacing:.08em;color:var(--xd-color-text-muted)}.chart-watermark{position:absolute;bottom:24px;left:24px;opacity:.08;font-size:32px;pointer-events:none}.playbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--xd-color-border)}.play-controls{display:flex;align-items:center;gap:12px;font-size:12px;font-variant-numeric:tabular-nums}.play-button{min-width:44px;border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-control);background:var(--xd-color-surface-active);color:var(--xd-color-action)}.timeline{flex:1;min-width:40px;height:44px;display:flex;align-items:center}.timeline input{width:100%;accent-color:var(--xd-color-action);cursor:pointer}.timeline #progress{display:none}.micro{font-size:11px;white-space:nowrap;color:var(--xd-color-text-muted)}.insight{padding:24px;border-left:1px solid var(--xd-color-border);background:linear-gradient(155deg,color-mix(in srgb,var(--xd-color-accent) 14%,var(--xd-color-surface)),var(--xd-color-surface))}.label{font-size:11px;letter-spacing:.1em;color:var(--xd-color-text-muted)}.insight h4{font-size:22px;line-height:1.25;letter-spacing:-.03em;margin:24px 0 16px}.insight p{font-size:13px;line-height:1.75}.insight-rule{height:1px;background:var(--xd-color-border);margin:24px 0}.insight-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:12px 0;color:var(--xd-color-text-muted)}.insight-row strong{font-weight:450;color:var(--xd-color-text-primary)}.insight-tag{display:inline-block;margin-top:16px;font-size:11px;color:var(--xd-color-action);padding:8px;border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-control)}.preview-caption{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--xd-color-text-muted);padding-top:16px}
.dimension-section{border-block:1px solid var(--xd-color-border);background:radial-gradient(ellipse at 90% 0,color-mix(in srgb,var(--xd-color-accent) 22%,transparent),transparent 65%)}.dimension-explorer{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px}.dimension-tabs{display:flex;flex-direction:column}.dimension-tabs button{display:grid;grid-template-columns:28px 1fr 20px;gap:16px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--xd-color-border);background:transparent;padding:22px 20px;min-height:88px;font-size:16px;transition:background var(--xd-duration-standard)}.dimension-tabs button small{display:block;margin-top:8px;font-size:13px;color:var(--xd-color-text-muted)}.tab-number{font-size:11px;font-family:monospace;color:var(--xd-color-text-muted)}.dimension-tabs button>span:last-child{color:var(--xd-color-action)}.dimension-tabs button[aria-selected=true]{background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-accent) 28%,transparent),transparent);box-shadow:inset 2px 0 var(--xd-color-action)}.dimension-tabs button[aria-selected=true] .tab-number{color:var(--xd-color-action)}.dimension-tabs button:hover{background-color:color-mix(in srgb,var(--xd-color-surface-raised) 50%,transparent)}.dimension-panel{min-width:0;border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-surface);padding:28px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--xd-color-accent) 28%,transparent),transparent 75%),var(--xd-color-surface);box-shadow:var(--xd-shadow-surface)}.explorer-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.06em;color:var(--xd-color-text-muted)}.dimension-art{height:224px;display:grid;place-items:center;margin:28px 0;overflow:hidden;background:color-mix(in srgb,var(--xd-color-canvas) 50%,transparent);border-radius:var(--xd-radius-surface);border:1px solid var(--xd-color-border)}.dimension-art svg{width:100%;height:100%}.dimension-detail h3{font-size:36px;letter-spacing:-.045em;line-height:1.15;margin-bottom:20px}.dimension-detail p{font-size:15px;line-height:1.8}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pill{font-size:11px;border:1px solid var(--xd-color-border);border-radius:var(--xd-radius-control);padding:8px 12px;color:var(--xd-color-text-secondary)}.dimension-link{display:flex;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid var(--xd-color-border);color:var(--xd-color-action);font-size:14px}
.cinematic-story{position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;min-height:560px}.cinematic-story video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%;z-index:-3}.cinematic-story:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-canvas) 76%,transparent),color-mix(in srgb,var(--xd-color-canvas) 35%,transparent) 60%,transparent),linear-gradient(0deg,var(--xd-color-canvas),transparent 30%,transparent 85%,var(--xd-color-canvas))}.cinematic-story .container{padding-block:72px}.cinematic-story h2{font-size:clamp(40px,5.3vw,76px);max-width:860px}.cinematic-story p{margin-top:28px;font-size:18px;color:var(--xd-color-text-secondary)}.method{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}.method-copy p{max-width:420px;margin:28px 0}.step{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--xd-color-border)}.step:first-child{padding-top:0}.step:last-child{border-bottom:0}.step-number{font-family:monospace;font-size:12px;color:var(--xd-color-action);padding-top:4px}.step-label{font-size:10px;letter-spacing:.14em;color:var(--xd-color-accent)}.step h3{font-size:25px;margin:12px 0}.step p{font-size:15px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:0}.showcase-copy .section-kicker{display:none}.star-mark{width:120px;height:96px;object-fit:contain;object-position:left;margin-bottom:24px}.showcase-copy p{font-size:16px;margin:28px 0;max-width:450px}.review-panel{border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-surface);padding:36px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--xd-color-accent) 30%,transparent),transparent 70%),var(--xd-color-surface);box-shadow:var(--xd-shadow-surface)}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:var(--xd-color-text-secondary);margin-bottom:44px}.review-panel .section-kicker{font-size:11px}.review-panel h3{font-size:32px;line-height:1.18;letter-spacing:-.035em}.review-evidence{display:grid;grid-template-columns:1fr auto;gap:12px;padding:20px 0;margin:24px 0;border-block:1px solid var(--xd-color-border);font-size:13px}.review-evidence span{color:var(--xd-color-text-muted)}.review-evidence strong{font-weight:450}.review-panel p{font-size:15px}.review-details{display:grid;gap:20px;margin-top:28px}.review-detail{border-left:2px solid var(--xd-color-accent);padding-left:16px}.review-detail:last-child{border-color:var(--xd-color-action)}.review-detail strong{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.review-detail span{font-size:13px;line-height:1.7;color:var(--xd-color-text-muted)}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-top:0}.faq details{padding:24px 0;border-bottom:1px solid var(--xd-color-border)}.faq details:first-child{padding-top:0}.faq summary{display:flex;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:17px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--xd-color-action)}.faq details[open] summary:after{content:"−"}.faq details p{margin-top:20px;font-size:15px}.closing{position:relative;overflow:hidden;text-align:center;isolation:isolate;padding:120px 0 104px;border-block:1px solid var(--xd-color-border);background:radial-gradient(ellipse at 25% 100%,color-mix(in srgb,var(--xd-color-action) 30%,transparent),transparent 65%),radial-gradient(ellipse at 75% 20%,color-mix(in srgb,var(--xd-color-accent) 54%,transparent),transparent 75%),var(--xd-color-surface)}.closing-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 80%,color-mix(in srgb,var(--xd-color-action) 20%,transparent),transparent 60%);animation:light-breath 10s ease-in-out infinite alternate}.closing h2{font-size:clamp(44px,6vw,84px)}.closing p{font-size:18px;color:var(--xd-color-text-secondary);margin:28px auto 32px}.closing .closing-note{font-size:11px;margin:20px 0 0}.footer{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:48px 0;color:var(--xd-color-text-secondary);font-size:12px}.footer-links{display:flex;gap:32px;font-size:14px}.legal{display:flex;justify-content:space-between;gap:24px;padding:24px 0;border-top:1px solid var(--xd-color-border);font-size:11px;color:var(--xd-color-text-muted)}
.motion-ready [data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s var(--xd-ease-out)}.motion-ready [data-reveal].visible{opacity:1;transform:none}.dimension-panel.changing .dimension-art,.dimension-panel.changing .dimension-detail{animation:panel-change var(--xd-duration-standard) var(--xd-ease-out)}@keyframes panel-change{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes light-breath{from{opacity:.45;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.nav{gap:24px}.navlinks{gap:24px}.hero{min-height:820px}.hero-content{padding-top:80px}h1{font-size:72px}.workspace{grid-template-columns:48px minmax(0,1fr) 240px}.insight{padding:20px}.intro{gap:40px}.dimension-explorer{gap:28px}.dimension-tabs button{font-size:14px;padding:20px 12px}.dimension-panel{padding:24px}.method,.showcase,.faq-section{gap:48px}.value-grid{gap:32px}.review-panel{padding:28px}.brand{font-size:18px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.nav{height:84px;gap:12px}.brand small{display:none}.navlinks{display:none;position:absolute;top:84px;left:0;right:0;margin:0;padding:20px;flex-direction:column;border:1px solid var(--xd-color-border);background:var(--xd-color-surface)}.navlinks.open{display:flex}.mobile-toggle{display:block}.nav-cta{margin-left:auto;min-height:44px;font-size:12px;padding:10px 16px;gap:12px}.hero{min-height:820px;height:100svh}.hero-content{padding-top:72px}.hero h1{font-size:clamp(52px,8vw,68px);max-width:680px}.hero-sub{font-size:17px}.hero-media video{object-position:65% center}.hero-media:after{background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-canvas) 68%,transparent),color-mix(in srgb,var(--xd-color-canvas) 25%,transparent)),linear-gradient(0deg,var(--xd-color-canvas),transparent 35%,color-mix(in srgb,var(--xd-color-canvas) 15%,transparent))}.capability-ribbon .container{font-size:12px;gap:16px}.section{padding-block:80px}.intro{display:block}.intro>p{max-width:560px;margin-top:28px}.value-grid{gap:24px;margin:48px 0 64px}.value-grid h3{font-size:20px}.value-grid p{font-size:14px}.demo-heading{display:block}.demo-heading p{margin-top:20px}.workspace{grid-template-columns:1fr}.rail{display:none}.insight{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-left:0;border-top:1px solid var(--xd-color-border)}.insight .label{grid-column:1/-1}.insight h4{margin:0}.insight p{grid-column:2;grid-row:2}.insight-rule,.insight-row{display:none}.insight-tag{grid-column:1/-1;justify-self:start;margin:0}.chart-container{height:300px}.app-status>span:first-child{display:none}.dimension-explorer{grid-template-columns:1fr;gap:24px}.dimension-tabs{flex-direction:row;overflow-x:auto;gap:8px;padding:0 0 12px;scroll-snap-type:x proximity}.dimension-tabs button{min-width:215px;flex:0 0 auto;scroll-snap-align:start;border:1px solid var(--xd-color-border);border-radius:var(--xd-radius-control);grid-template-columns:24px 1fr 16px}.dimension-tabs button[aria-selected=true]{box-shadow:inset 0 -2px var(--xd-color-action)}.dimension-art{height:250px}.method,.showcase,.faq-section{grid-template-columns:1fr;gap:48px}.method-copy p,.showcase-copy p{max-width:550px}.method-copy h2 br{display:none}.showcase-copy{grid-row:1}.showcase,.faq-section{padding-top:0}.cinematic-story{min-height:500px}.review-panel{max-width:650px;width:100%}.closing{padding:88px 0}.footer{flex-wrap:wrap}.legal{flex-direction:column;gap:12px}}
@media(max-width:520px){.container{width:calc(100% - 40px)}.brand{font-size:15px;gap:8px}.mark{width:38px;height:28px}.nav{gap:8px}.nav-cta{font-size:11px;padding:10px;gap:8px}.nav-cta span{display:none}.hero{min-height:860px;align-items:flex-start}.hero-content{padding-top:176px}.hero h1{font-size:clamp(44px,10.6vw,60px);letter-spacing:-.06em;line-height:1.08;margin:28px 0}.hero-sub{font-size:16px;max-width:360px}.eyebrow{font-size:9px;letter-spacing:.12em;gap:8px}.eyebrow>span{width:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px}.hero-actions .button{width:100%;justify-content:space-between;padding-inline:20px}.hero-actions .text-link{font-size:13px;padding:8px 0}.landing-private{font-size:10px;line-height:1.6;max-width:280px}.hero-bottom{bottom:24px;font-size:9px;gap:20px}.hero-bottom>span{max-width:135px;line-height:1.6}.hero-bottom a{gap:12px;white-space:nowrap}.capability-ribbon .container{font-size:10px;gap:12px;text-align:center;padding-block:20px}.capability-ribbon span{flex:1}.capability-ribbon i{flex-shrink:0;width:4px;height:4px}.section{padding-block:64px}h2{font-size:38px;letter-spacing:-.045em}.intro>p{font-size:15px;margin-top:24px}.section-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:20px}.value-grid{grid-template-columns:1fr;gap:32px;margin:40px 0 64px}.value-grid h3{font-size:23px;margin:16px 0 12px}.value-grid p{font-size:15px}.demo-heading h3{font-size:30px}.demo-heading .section-kicker{font-size:9px}.demo-heading p{font-size:14px}.appbar{padding:0 12px;height:60px}.appbrand{font-size:12px;gap:8px}.appbrand .mark{width:28px}.badge{font-size:9px;padding:5px 8px}.chart-toolbar{padding:16px 12px}.symbol{font-size:13px}.lens-controls{width:100%;flex-wrap:nowrap}.lens-controls button{flex:1;font-size:10px;padding:6px}.chart-container{height:245px}.chart-label{left:16px;font-size:9px}.playbar{gap:8px;padding:8px}.play-controls{gap:8px;font-size:11px}.micro{display:none}.insight{display:block;padding:20px}.insight h4{margin:20px 0 12px}.insight-tag{margin-top:16px}.preview-caption{flex-direction:column;font-size:11px;gap:8px}.dimension-panel{padding:20px}.explorer-topline{font-size:9px;letter-spacing:0}.dimension-art{height:200px;margin:24px 0}.dimension-detail h3{font-size:30px}.dimension-detail p{font-size:14px}.dimension-link{font-size:13px}.pill{font-size:10px;padding:7px 9px}.cinematic-story{min-height:480px}.cinematic-story h2{font-size:44px}.cinematic-story p{font-size:16px}.method,.showcase,.faq-section{gap:40px}.method-copy p{font-size:15px}.step{grid-template-columns:28px 1fr;gap:16px}.step h3{font-size:23px}.step p{font-size:14px}.step-label{font-size:9px}.showcase,.faq-section{padding-top:0}.star-mark{width:100px;height:80px}.showcase-copy p{font-size:15px}.review-panel{padding:24px}.panel-head{font-size:10px;flex-wrap:wrap;margin-bottom:32px}.review-panel h3{font-size:29px}.review-evidence{font-size:11px;gap:12px}.review-evidence strong{text-align:right}.review-panel p{font-size:14px}.faq summary{font-size:16px;gap:20px}.faq details p{font-size:14px}.closing h2{font-size:48px}.closing p{font-size:16px}.closing .button{gap:36px}.footer{gap:28px;padding:36px 0}.footer .brand{font-size:18px}.footer-links{gap:24px;font-size:13px}.footer>span{font-size:11px}.legal{font-size:10px;line-height:1.7}}
@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{transform:none}}

/* Luminous visitor direction: brighter light, a full-width replay, and a calm pearl interlude. */
::selection{background:var(--xd-color-action);color:#123267}
body{background:radial-gradient(ellipse at 0 18%,var(--xd-landing-nebula),transparent 28%),radial-gradient(ellipse at 100% 44%,var(--xd-landing-bloom),transparent 30%),var(--xd-color-canvas)}
.hero-media video{filter:saturate(1.16) brightness(1.18)}
.hero-media:after{background:linear-gradient(90deg,var(--xd-landing-hero-wash),var(--xd-landing-hero-clear) 46%,transparent 84%),linear-gradient(0deg,var(--xd-color-canvas),transparent 30%,transparent 80%,var(--xd-landing-hero-clear))}
.hero-light{background:radial-gradient(ellipse at 14% 32%,var(--xd-landing-nebula),transparent 55%),radial-gradient(ellipse at 90% 72%,var(--xd-landing-sunlight),transparent 55%)}
h1{letter-spacing:-.058em;text-shadow:0 4px 36px var(--xd-landing-hero-clear)}
h1 span{background-image:linear-gradient(115deg,#fff 10%,var(--xd-color-text-secondary) 45%,var(--xd-color-accent) 94%)}
.hero-sub{max-width:515px;color:var(--xd-color-text-secondary)}
.hero-bottom i{animation:scroll-cue 2.8s var(--xd-ease-out) infinite}
.capability-ribbon{background:linear-gradient(105deg,var(--xd-color-surface-active),var(--xd-color-surface-raised) 45%,var(--xd-color-surface))}
.value-grid article:before{height:2px;width:80px;box-shadow:0 0 18px var(--xd-landing-positive-glow)}
.preview-wrap:before{inset:-36px -12px;background:radial-gradient(ellipse at 20% 35%,var(--xd-landing-nebula),transparent 62%),radial-gradient(ellipse at 85% 65%,var(--xd-landing-bloom),transparent 65%)}
.preview{box-shadow:0 20px 80px #07225233,0 0 0 1px #b8f9ff17,inset 0 1px #ffffff38}
.workspace{grid-template-columns:52px minmax(0,1fr)}
.chart-area{background:radial-gradient(ellipse at 78% 5%,var(--xd-landing-nebula),transparent 68%),linear-gradient(135deg,var(--xd-color-canvas),var(--xd-color-surface) 60%,var(--xd-color-surface-raised))}
.chart-container{height:385px;padding:12px 12px 0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#80dbef55 transparent}
.chart-container svg{min-width:780px}
.chart-label{top:12px;left:28px;font-size:10px;color:var(--xd-color-text-secondary)}
.comparison-key{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:16px 24px;color:var(--xd-color-text-secondary);font-size:11px}
.comparison-key span{display:flex;align-items:center;gap:8px}.comparison-key span:last-child{margin-left:auto;color:var(--xd-color-text-muted)}
.comparison-key i{height:8px;width:8px;background:var(--xd-color-action)}.comparison-key .original-key{background:var(--xd-color-accent)}
.insight{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.45fr .85fr;gap:36px;align-items:center;border-left:0;border-top:1px solid var(--xd-color-border);padding:28px 32px;background:linear-gradient(115deg,var(--xd-color-surface-raised),var(--xd-color-surface))}
.insight h4{margin:16px 0;font-size:24px}.insight p{font-size:14px;line-height:1.8;grid-column:auto;grid-row:auto}.insight-tag{margin:0;font-size:10px;display:inline-block;line-height:1.6;padding:6px 10px}
.insight-context{display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--xd-color-border);padding-left:26px}.insight-context strong{font-size:14px;font-weight:550;line-height:1.65}.insight-context>span:last-child{font-size:11px;line-height:1.7;color:var(--xd-color-text-muted)}
.retake-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:56px;position:relative}.retake-story article{position:relative;padding:26px 0 0;border-top:1px solid var(--xd-color-border-emphasis)}.retake-story article:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--xd-color-action);box-shadow:0 0 20px var(--xd-landing-positive-glow)}
.attempt-label{font-size:10px;letter-spacing:.09em;color:var(--xd-color-action)}.retake-story article:first-child .attempt-label{color:var(--xd-color-accent)}.retake-story h3{font-size:23px;margin:18px 0 14px}.retake-story p{font-size:14px}.example-note{font-size:11px;margin-top:26px;color:var(--xd-color-text-muted)}
.dimension-section{background:linear-gradient(150deg,var(--xd-landing-nebula),var(--xd-landing-sunlight) 75%,transparent)}
.dimension-panel{background:radial-gradient(ellipse at top right,var(--xd-landing-bloom),transparent 76%),linear-gradient(135deg,var(--xd-color-surface-raised),var(--xd-color-surface))}
.dimension-art{background:linear-gradient(135deg,var(--xd-color-canvas),var(--xd-color-surface))}
.cinematic-story:after{background:linear-gradient(90deg,var(--xd-landing-hero-wash),var(--xd-landing-hero-clear) 64%,transparent),linear-gradient(0deg,var(--xd-color-canvas),transparent 35%,transparent 85%,var(--xd-color-canvas))}
.cinematic-story video{filter:saturate(1.12) brightness(1.2)}
.review-panel{background:radial-gradient(ellipse at top right,var(--xd-landing-bloom),transparent 70%),linear-gradient(135deg,var(--xd-color-surface-raised),var(--xd-color-surface))}
.about-section{--xd-color-text-primary:#112e65;--xd-color-text-secondary:#284877;--xd-color-text-muted:#35557f;--xd-color-action:#00677c;--xd-color-accent:#6e4aaf;--xd-color-border-emphasis:#52759c;--xd-focus-outline:2px solid #136888;position:relative;padding:112px 0;margin:0 0 112px;background:radial-gradient(ellipse at 5% 100%,#ebc8ff,transparent 60%),radial-gradient(ellipse at 95% 0,#ffdec2,transparent 65%),var(--xd-landing-pearl);color:var(--xd-color-text-primary);overflow:hidden}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}.about-section h2{font-size:clamp(42px,5.3vw,76px);letter-spacing:-.05em}.about-section h2 span{color:#6553b7}.about-copy>p{margin-bottom:24px;font-size:16px;line-height:1.8}.about-copy .about-lead{font-size:28px;line-height:1.3;letter-spacing:-.025em;font-weight:500;color:#15376d}.about-promise{padding:24px 0;border-top:1px solid #547cab40}.about-promise>span{font-size:10px;letter-spacing:.15em;color:#026378}.about-promise p{font-size:17px;color:#173b70;margin-top:16px}.about-copy .text-link{color:#0c526d}.about-section .section-kicker{color:#08667d}
.faq details p a{color:var(--xd-color-action);text-decoration:underline;text-underline-offset:4px}
.closing{background:radial-gradient(ellipse at 5% 100%,var(--xd-landing-bloom),transparent 67%),radial-gradient(ellipse at 95% 10%,var(--xd-landing-nebula),transparent 70%),linear-gradient(135deg,var(--xd-color-surface-raised),var(--xd-color-surface))}
.footer-links{flex-wrap:wrap;gap:20px 28px}.footer>span{max-width:180px;line-height:1.7}.legal{padding-bottom:96px}
.button{position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff29;transition:transform .2s var(--xd-ease-out),box-shadow .2s ease,background .2s ease}
.button.primary,.xd-ui-button[data-tone=primary]{background:linear-gradient(125deg,var(--xd-color-text-primary),var(--xd-color-action) 38%,var(--xd-color-accent));color:var(--xd-landing-ink);border:1px solid var(--xd-color-action);box-shadow:inset 0 1px 0 #fff,0 6px 26px var(--xd-landing-positive-glow)}
.button:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,#fff6 47%,transparent 68%);transform:translateX(-130%);transition:transform .65s var(--xd-ease-out);pointer-events:none}
.button:active{transform:translateY(1px) scale(.98)}
.button span,.text-link span,.dimension-link span{transition:transform .2s var(--xd-ease-out)}
.motion-ready [data-reveal]{transform:translateY(22px);transition-duration:.7s;transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal].visible{transform:none}
.step-number{position:relative}.step-number:after{content:"";display:block;width:16px;height:2px;background:var(--xd-color-action);margin-top:12px;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--xd-ease-out) .2s}.step.visible .step-number:after{transform:scaleX(1)}
.guide-launch{position:fixed;right:28px;bottom:24px;z-index:100;display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 18px;background:linear-gradient(115deg,var(--xd-landing-pearl),var(--xd-color-action));color:#153769;border:1px solid #fff;border-radius:12px;box-shadow:0 10px 40px #0821514d,0 0 25px #70eaff38;font-size:13px;font-weight:600;transition:transform .2s var(--xd-ease-out),box-shadow .2s}
.guide-launch img{object-fit:contain;background:#1c4386;border-radius:3px;padding:2px}.guide-spark{width:6px;height:6px;border-radius:50%;background:#17737f;box-shadow:0 0 0 4px #20849718}
.xd-guide{position:fixed;inset:auto 28px 94px auto;margin:0;z-index:110;width:min(410px,calc(100vw - 32px));max-height:calc(100dvh - 128px);display:flex;flex-direction:column;padding:0;border:1px solid #c4eaffaa;border-radius:16px;overflow:hidden;color:#163467;background:#f5f9ff;box-shadow:0 24px 100px #091d5466;animation:guide-enter .22s var(--xd-ease-out);--xd-focus-outline:2px solid #166c8c;--xd-color-action:#156584;--xd-color-canvas:#eff7ff}
.xd-guide:popover-open{display:flex}.xd-guide::backdrop{background:transparent;pointer-events:none}
.guide-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px;background:linear-gradient(115deg,#e0faff,#e7e4ff);border-bottom:1px solid #c6d8ed}.guide-header span{display:block;font-size:9px;letter-spacing:.1em;color:#31687b;margin-bottom:10px}.guide-header h2{font-size:20px;letter-spacing:-.025em;line-height:1.25}.guide-header button{font-size:24px;border:0;background:transparent;color:#234674;width:44px;flex-shrink:0}
.guide-messages{min-height:100px;max-height:270px;overflow:auto;overscroll-behavior:contain;padding:20px;scrollbar-width:thin;scrollbar-color:#b5cddd transparent}.guide-message{font-size:13px;line-height:1.75;color:#284572;padding:14px 16px;border-radius:10px;background:white;border:1px solid #d8e5f3;margin:0 20px 14px 0;white-space:pre-line}.guide-question{background:#e1eafe;border-color:#c6d9f9;margin:0 0 14px 20px;color:#17386a}.guide-message:last-child{margin-bottom:0}
.guide-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 12px}.guide-suggestions button{border:1px solid #c5d7ed;border-radius:5px;background:#fff;color:#2a537d;min-height:44px;font-size:11px;padding:8px 10px}
.guide-voice{display:flex;align-items:center;gap:12px;padding:0 20px 8px}.guide-voice button{background:transparent;border:0;padding:0;color:#125d7b;font-size:11px;white-space:nowrap}.guide-voice span[role=status]{font-size:10px;line-height:1.4;color:#486587}
#guide-form{display:flex;margin:0 20px;gap:8px;border:1px solid #abc5e2;border-radius:7px;background:#fff;padding:4px;flex-shrink:0}#guide-question{min-width:0;width:100%;padding:8px;border:0;outline-offset:0;background:transparent;color:#163467;font-size:13px;caret-color:#116882}#guide-question::placeholder{color:#5c7392}#guide-form button{width:44px;min-width:44px;min-height:44px;background:var(--xd-color-surface-raised);border:1px solid var(--xd-color-accent);border-radius:4px;font-size:22px;color:#fff}
.guide-foot{display:flex;align-items:center;gap:12px;padding:8px 20px;font-size:10px;color:#4e6687}.guide-foot>span{margin-right:auto}.guide-foot button{padding:0;background:transparent;border:0;font-size:10px;color:#345982}.guide-foot a{text-decoration:underline;text-underline-offset:3px}
@media(hover:hover) and (pointer:fine){.button:hover:before{transform:translateX(130%)}.button:hover span,.text-link:hover span,.dimension-link:hover span{transform:translate(3px,-2px)}.guide-launch:hover{transform:translateY(-3px);box-shadow:0 14px 40px #09285a55,0 0 32px #70eaff66}.value-grid article:hover:before{width:100%;transition:width .6s var(--xd-ease-out)}.dimension-tabs button:hover{transform:translateX(3px)}.guide-suggestions button:hover{background:#e7f6ff}}
@media(hover:none){.button:hover{transform:none}}
@keyframes scroll-cue{0%,100%{transform:scaleY(.65);opacity:.6}50%{transform:scaleY(1);opacity:1}}
@keyframes guide-enter{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1100px){.navlinks{gap:20px;font-size:13px}.nav{gap:22px}.workspace{grid-template-columns:48px minmax(0,1fr)}.insight{gap:24px;padding:26px}.about-layout{gap:56px}}
@media(max-width:800px){.workspace{grid-template-columns:1fr}.chart-container{height:350px}.insight{grid-template-columns:1fr 1.2fr}.insight-context{display:none}.insight h4{margin:14px 0}.comparison-key{gap:14px}.comparison-key span:last-child{width:100%;margin:0}.retake-story{gap:22px}.retake-story h3{font-size:21px}.about-section{padding:80px 0;margin-bottom:80px}.about-layout{gap:40px;grid-template-columns:1fr}.about-statement h2 br:nth-child(2){display:none}.about-copy{max-width:590px}.guide-launch{bottom:18px;right:18px}.xd-guide{right:18px;bottom:88px;max-height:calc(100dvh - 110px)}}
@media(max-width:520px){.hero{min-height:860px}.hero-content{padding-top:150px}.hero h1{font-size:clamp(44px,11.7vw,61px);max-width:380px}.hero-sub{font-size:16px;max-width:350px}.hero-actions{margin-top:26px}.navlinks{gap:10px}.navlinks a{padding:10px 0}.chart-container{height:320px}.chart-container svg{min-width:820px}.chart-label{left:18px;font-size:9px}.comparison-key{padding:14px;font-size:10px;gap:12px}.insight{display:block;padding:22px}.insight-heading{margin-bottom:20px}.insight h4{font-size:25px}.insight p{font-size:13px}.retake-story{grid-template-columns:1fr;gap:30px;margin-top:40px}.retake-story h3{font-size:25px;margin:16px 0 12px}.retake-story p{font-size:15px}.about-section{padding:64px 0;margin-bottom:64px}.about-section h2{font-size:48px}.about-copy .about-lead{font-size:26px}.about-copy>p{font-size:15px}.about-promise p{font-size:16px}.footer-links{gap:16px 22px}.guide-launch{min-height:50px;padding:10px 14px;font-size:12px;right:14px;bottom:14px}.xd-guide{right:12px;bottom:76px;max-height:calc(100dvh - 90px);width:calc(100vw - 24px)}.guide-header{padding:18px}.guide-header h2{font-size:18px}.guide-messages{max-height:220px;padding:16px}.guide-message{font-size:12px;padding:12px}.guide-suggestions{padding-inline:16px}.guide-voice{padding-inline:16px}.guide-foot{padding-inline:16px}#guide-form{margin-inline:16px}.guide-foot>span{font-size:8px}.example-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-light,.closing-light,.hero-bottom i{animation:none}.motion-ready [data-reveal]{opacity:1;transform:none}.step-number:after{transform:scaleX(1)}.button:hover,.button:active,.guide-launch:hover{transform:none}.button:before{display:none}}
.privacy-page .nav{position:relative;justify-content:space-between}.privacy-content{max-width:920px;padding-block:80px 96px}.privacy-content h1{font-size:clamp(46px,6vw,76px);margin:24px 0}.privacy-lead{font-size:22px;color:var(--xd-color-text-secondary);max-width:600px}.privacy-scope{margin:40px 0;padding:28px;border:1px solid var(--xd-color-border-emphasis);background:var(--xd-color-surface);border-radius:7px}.privacy-scope strong{display:block;font-size:18px;margin-bottom:12px}.privacy-content section{padding:28px 0;border-bottom:1px solid var(--xd-color-border)}.privacy-content section h2{font-size:26px;letter-spacing:-.025em;margin-bottom:20px}.privacy-content section p+p{margin-top:16px}.privacy-content>.button{margin-top:40px}.privacy-page .legal{padding-bottom:40px}@media(max-width:520px){.privacy-page .nav>.text-link{font-size:11px;gap:8px}.privacy-content{padding-block:56px}.privacy-lead{font-size:18px}.privacy-content section p{font-size:14px}.privacy-scope{padding:22px}.privacy-content section h2{font-size:24px}}
.retake-story article:nth-child(2){--reveal-delay:80ms}.retake-story article:nth-child(3){--reveal-delay:160ms}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.cinematic-story video{animation:cinema-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes cinema-drift{from{transform:scale(1.12) translateY(-3%)}to{transform:scale(1.12) translateY(3%)}}}}

/* Galaxy refinements: restrained halos preserve the candle edges. */
.hero-media video{filter:saturate(1.12) brightness(1.1)}
.hero-light{background:radial-gradient(ellipse at 4% 24%,var(--xd-landing-nebula),transparent 62%),radial-gradient(ellipse at 83% 67%,var(--xd-landing-sunlight),transparent 58%)}
.hero h1 span{background-image:linear-gradient(110deg,var(--xd-color-text-primary),var(--xd-color-action) 65%,var(--xd-color-caution))}
#chart [data-candle] rect{filter:drop-shadow(0 0 3px var(--xd-landing-positive-glow));stroke:color-mix(in srgb,var(--xd-color-text-primary) 22%,transparent);stroke-width:.5}
.guide-launch{background:linear-gradient(115deg,var(--xd-landing-pearl),var(--xd-color-action));color:var(--xd-landing-ink);box-shadow:0 8px 36px var(--xd-landing-hero-wash),0 0 24px var(--xd-landing-bloom)}
.guide-header{background:linear-gradient(110deg,#f0e1ff,#ffeadb)}
.dimension-link{transition:color var(--xd-duration-standard)}
.explore-callout{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0;border-top:1px solid var(--xd-color-border)}
.explore-callout p{max-width:520px;font-size:15px}.explore-callout .button{flex-shrink:0}
.cinema-caption{position:absolute;right:24px;bottom:24px;color:var(--xd-color-text-secondary);font-size:10px;letter-spacing:.05em}
@media(max-width:800px){.explore-callout{align-items:flex-start;flex-direction:column}.explore-callout .button{width:100%;justify-content:space-between}}
.ghost-lab{padding-top:0}.ghost-lab-shell{border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-surface);background:radial-gradient(ellipse at 95% 10%,var(--xd-landing-nebula),transparent 70%),var(--xd-color-surface);overflow:hidden;box-shadow:0 16px 64px color-mix(in srgb,var(--xd-color-canvas) 55%,transparent)}
.ghost-lab-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;border-bottom:1px solid var(--xd-color-border);font-size:12px}.ghost-lab-top a{color:var(--xd-color-action)}
.ghost-stages{display:grid;grid-template-columns:repeat(4,1fr);padding:0 28px;border-bottom:1px solid var(--xd-color-border)}.ghost-stages button{display:flex;align-items:center;gap:12px;text-align:left;padding:22px 12px;background:transparent;border:0;border-bottom:2px solid transparent;font-size:13px;color:var(--xd-color-text-muted)}.ghost-stages button>span{font-size:10px;color:var(--xd-color-action)}.ghost-stages button[aria-pressed=true]{color:var(--xd-color-text-primary);border-bottom-color:var(--xd-color-action);background:linear-gradient(0deg,var(--xd-landing-nebula),transparent)}
.ghost-stage-copy{padding:28px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.ghost-stage-copy h3{font-size:23px}.ghost-stage-copy p{font-size:14px;line-height:1.7}.ghost-inspection{display:grid;grid-template-columns:.9fr 1.3fr;border-block:1px solid var(--xd-color-border)}.ghost-result{padding:28px;border-right:1px solid var(--xd-color-border)}.ghost-result .section-kicker{font-size:10px;margin-bottom:16px}.ghost-trades{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:28px}.ghost-trades button,.ghost-metrics button{border:1px solid var(--xd-color-border);background:var(--xd-color-canvas);font-size:12px;border-radius:var(--xd-radius-control);padding:8px}.ghost-trades button[aria-pressed=true],.ghost-metrics button[aria-pressed=true]{background:var(--xd-color-surface-active);border-color:var(--xd-color-action);color:var(--xd-color-text-primary);box-shadow:inset 0 1px color-mix(in srgb,var(--xd-color-text-primary) 24%,transparent)}.ghost-result h3{font-size:21px}.ghost-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.ghost-numbers dt{font-size:10px;line-height:1.6;color:var(--xd-color-text-muted)}.ghost-numbers dd{margin:10px 0 0;font-size:28px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--xd-color-action)}.ghost-numbers>div:first-child dd{color:var(--xd-color-text-secondary)}#ghost-observation{font-size:14px;min-height:52px}.ghost-result .example-note{font-size:11px}
.ghost-chart-panel{padding:24px 28px;min-width:0;background:color-mix(in srgb,var(--xd-color-canvas) 32%,transparent)}.ghost-metrics{display:flex;gap:8px;margin-bottom:24px}.ghost-metrics button{padding:8px 14px;font-size:11px}.ghost-chart-panel h3{font-size:20px;margin:0 0 20px}#ghost-progress{width:100%;height:auto;overflow:visible}.ghost-curve-key{display:flex;justify-content:center;gap:28px;font-size:11px;color:var(--xd-color-text-muted);margin:16px 0}.ghost-curve-key span:last-child{color:var(--xd-color-action)}#ghost-chart-note{font-size:11px;line-height:1.8;margin-top:16px}.ghost-lab-bottom{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.ghost-lab-bottom p{font-size:12px;max-width:440px}.ghost-lab-bottom .text-link{font-size:12px;white-space:nowrap}
@media(max-width:900px){.ghost-inspection{grid-template-columns:1fr}.ghost-result{border-right:0;border-bottom:1px solid var(--xd-color-border)}.ghost-trades{grid-template-columns:repeat(10,1fr)}.ghost-stage-copy{gap:24px}.ghost-stages button{font-size:12px;padding:18px 8px;gap:8px}.ghost-lab-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.ghost-lab-top{padding:18px;align-items:flex-start;flex-direction:column}.ghost-stages{grid-template-columns:1fr 1fr;padding:0 12px}.ghost-stage-copy{display:block;padding:22px 18px}.ghost-stage-copy h3{font-size:21px;margin-bottom:14px}.ghost-result,.ghost-chart-panel{padding:22px 18px}.ghost-trades{grid-template-columns:repeat(5,1fr)}.ghost-numbers{gap:12px}.ghost-numbers dd{font-size:26px}.ghost-numbers dt{font-size:10px}.ghost-chart-panel h3{font-size:21px}.ghost-metrics{gap:6px}.ghost-metrics button{font-size:10px;padding:8px 9px}.ghost-lab-bottom{padding:20px 18px}.ghost-curve-key{font-size:10px;gap:18px}#ghost-progress{min-height:150px}}