:root{--paper:#F4EFE6;--ink:#13293D;--muted:#3a4a5c;--amber:#D99A2B;--amber-dark:#795617;--line:#EDE6D8;--white:#FBF8F2;--stage:#13293D;--stage-soft:#b8c9d4;--green:#31694f;--danger:#984b2d;--ease:cubic-bezier(.16,1,.3,1);--depth-shadow:0 30px 55px -22px #071421aa;color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:var(--amber);color:var(--ink)}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit}
button:disabled{cursor:default;opacity:.55}
button:focus-visible,a:focus-visible{outline:3px solid #be8123;outline-offset:5px}
a{color:inherit;text-underline-offset:5px}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[hidden]{display:none!important}
.skip{position:fixed;top:-100px;left:16px;padding:12px 20px;background:var(--white);z-index:100}.skip:focus{top:12px}
main,.cta-end{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.demo-disclosure{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}
.outline-dot{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;display:inline-block;flex-shrink:0}
.intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:47px 0 38px;gap:50px}
h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}
h1{font:400 clamp(48px,5.4vw,78px)/.99 Fraunces,Georgia,serif;letter-spacing:-.035em}
h1 em{font-weight:400;color:var(--amber)}
.intro-copy{justify-self:end;max-width:375px;padding-bottom:5px}.intro-copy>p:first-child{font-size:20px;line-height:1.4}.intro-secondary{font-size:15px;line-height:1.55;color:var(--muted);margin-top:15px;max-width:38ch}
.experience{background:var(--stage);color:var(--paper);border-radius:6px;overflow:hidden;isolation:isolate}
.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 30px;padding:20px 0;border-bottom:1px solid #ffffff20}
.stage-name{display:flex;align-items:center;gap:10px;font-size:14px}.stage-type{font-size:12px;color:var(--stage-soft)}
.live-mark{width:8px;height:8px;background:var(--amber);border-radius:50%}
.stage-actions{display:flex;align-items:center;gap:18px}.stage-actions button{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}
.depth-button{background:none;border:0;color:var(--stage-soft);padding:9px 2px}.depth-button[aria-pressed=false]{opacity:.65}.depth-button:hover{color:white}
.play-button{border:0;border-radius:3px;background:var(--amber);color:#192d3e;padding:10px 15px;min-height:40px;transition:background .2s}.play-button:hover{background:#e5b766}.play-button svg{width:15px;height:15px;fill:currentColor;stroke-width:1.4}
.scene{min-height:440px;position:relative;padding:34px 46px 38px 112px;display:flex;align-items:center;justify-content:center;perspective:1600px}
.scene-caption{position:absolute;top:40px;left:30px;display:flex;gap:13px;flex-direction:column;font:400 15px/1.35 Fraunces,Georgia,serif;color:#d0dce4;max-width:120px}
.scene-caption>span:first-child{color:var(--amber);font:400 28px Fraunces,Georgia,serif}.scene-caption>span:last-child{max-width:105px}
.desk{position:relative;width:min(930px,100%);display:flex;align-items:stretch;gap:20px;transform-style:preserve-3d;transform:rotateX(7deg) rotateY(-8deg) rotateZ(-1deg);transition:transform 1s var(--ease);margin-left:15px}
.desk::before{content:"";position:absolute;inset:12px -4px -8px 6px;background:#697c86;border-radius:7px;transform:translateZ(-8px);z-index:-1}
.scene[data-step="1"] .desk,.scene[data-step="2"] .desk,.scene[data-step="3"] .desk{transform:rotateX(2deg) rotateY(-3deg);width:1020px}
.dashboard{background:var(--white);border-radius:6px;color:var(--ink);width:100%;min-width:0;box-shadow:var(--depth-shadow);overflow:hidden;transition:transform .75s var(--ease)}
.desk.has-detail .dashboard{width:60%;flex-shrink:1}.desk.has-detail::before{display:none}
.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:17px 23px;background:#f8f7f2;font-size:13px}
.dashboard-header>div{display:flex;align-items:center;gap:9px}.dashboard-header strong{font-weight:700}.snapshot{color:var(--muted);font-size:10px}
.app-symbol{display:flex;align-items:flex-end;gap:2px;height:16px}.app-symbol i{display:block;width:4px;background:var(--amber-dark);height:10px}.app-symbol i:nth-child(2){height:16px}.app-symbol i:nth-child(3){height:13px}
.overview{padding:22px 25px 0}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.board-heading h2{font:400 24px/1.2 Fraunces,Georgia,serif}.board-heading p{font-size:12px;color:var(--muted);margin-top:4px}.board-date{font-size:10px;color:var(--muted);white-space:nowrap}
.summary-bar{display:flex;align-items:center;gap:26px;padding:18px 0 17px;font-size:11px}.summary-bar>span{display:flex;align-items:center;gap:5px}.summary-bar b{font-weight:700}.summary-bar>span:first-child b{font-size:18px;line-height:1}
.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.attention{background:var(--danger)}.regular{background:var(--green)}
.column-labels,.job{display:grid;grid-template-columns:1.5fr 1fr .9fr 18px;gap:18px;align-items:center}.column-labels{font-size:10px;color:var(--muted);padding:8px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.job{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;width:100%;text-align:left;padding:17px 12px;transition:background .2s,transform .3s var(--ease)}
.job:hover{background:#f4eddf;transform:translateX(3px)}.job:focus-visible{outline-offset:-3px}.job-name{font-size:14px;line-height:1.2}.job-name small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.job-progress{display:flex;align-items:center;gap:12px;font-size:12px;font-variant-numeric:tabular-nums}.progress-track{height:4px;flex:1;background:#e5e9e4;display:block;border-radius:2px;overflow:hidden}.progress-track i{display:block;background:#6b8878;height:100%;width:var(--progress)}.job:first-child .progress-track i{background:#b28033}.job-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--green);white-space:nowrap}.job-status.needs-attention{color:var(--danger)}.job>svg{width:16px;height:16px;color:#697d89}.board-foot{padding:16px 0;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.context-icon{width:12px;height:10px;border:1px solid currentColor;border-radius:3px;position:relative}.context-icon:after{content:"";position:absolute;bottom:-3px;left:2px;width:3px;height:3px;border-left:1px solid currentColor;transform:skewY(-30deg)}
.detail{padding:17px 22px 20px;min-height:374px;animation:detail-in .65s var(--ease)}
.back-to-board{font-size:11px;color:var(--muted);border:0;background:none;display:flex;align-items:center;gap:6px;padding:0 0 14px}.back-to-board svg{width:13px;height:13px}
.detail-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.detail-top h2{font:400 25px/1.15 Fraunces,Georgia,serif}.detail-id{font-size:10px;color:var(--muted);margin:5px 0 15px}.detail-status{font-size:10px;display:flex;align-items:center;gap:5px;white-space:nowrap;padding-top:5px}
.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:14px 0;border-block:1px solid var(--line)}.detail-metrics span{display:block;font-size:10px;color:var(--muted)}.detail-metrics b{font-size:25px;font-weight:500;line-height:1.35;font-variant-numeric:tabular-nums}.detail-metrics small{font-size:10px;color:var(--muted);display:block}.detail-metrics .progress-track{margin-top:6px;height:3px}
.finding{margin-top:17px;display:flex;gap:9px;align-items:flex-start;padding:11px 12px;background:#f5eddd;color:#6d4b12;border-radius:3px;font-size:11px;line-height:1.45}.finding svg{width:15px;height:15px;margin-top:1px;flex-shrink:0}.finding.regular-finding{background:#edf3ed;color:#316047}
.documents{margin-top:18px}.documents h3{font-size:10px;letter-spacing:.02em;font-weight:500;color:var(--muted);margin-bottom:7px}.document-list{display:flex;flex-wrap:wrap;gap:7px 13px}.document-list span{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.document-list svg{width:12px;height:12px}.open-assistant{background:#213c50;color:var(--white);border:0;padding:8px 12px;font-size:11px;border-radius:3px;margin-top:16px;display:flex;align-items:center;gap:8px}.open-assistant svg{width:14px;height:14px}
.assistant{width:40%;min-width:0;display:flex;flex-direction:column;background:#fcfaf5;color:var(--ink);border-radius:6px;box-shadow:var(--depth-shadow);transform:translateZ(55px) translateY(-9px);animation:assistant-in .9s var(--ease);height:438px}
.assistant-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 15px 12px;background:#eaece5;border-radius:6px 6px 0 0}.assistant-heading>div{display:flex;align-items:center;gap:9px}.assistant-heading h3{font-size:13px;font-weight:700}.assistant-heading p{font-size:10px;color:var(--muted);margin-top:2px}.assistant-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--stage);color:var(--amber);border-radius:5px}.assistant-mark svg{width:21px;height:21px}
.icon-button{display:flex;align-items:center;justify-content:center;background:none;border:0;padding:6px;color:var(--muted)}.icon-button svg{width:16px;height:16px}.icon-button:hover{background:#d9dfd6;border-radius:3px}
.simulation-label{font-size:9px;color:var(--muted);padding:7px 15px;border-bottom:1px solid #e3e6df}
.messages{flex:1;min-height:0;overflow-y:auto;padding:15px;scrollbar-width:thin;scrollbar-color:#a7b8b2 #efeee8;font-size:12px;line-height:1.5;overscroll-behavior:contain}
.message{animation:message-in .4s var(--ease);margin-bottom:13px;max-width:100%;overflow-wrap:anywhere}.message:last-child{margin-bottom:0}.message.user{background:#e9ece4;padding:9px 12px;border-radius:9px 9px 0 9px;margin-left:24px;font-size:11px}.message.bot h4{font-size:13px;line-height:1.4;margin:0 0 6px;font-weight:700}.message.bot p{color:#415762}.message.bot .evidence{font-size:10px;background:#edf0e9;padding:8px 9px;margin-top:10px;color:#385644;border-radius:3px}.message.bot .action{color:var(--ink);margin-top:10px}.message.bot .action strong{display:block;font-size:10px;color:#795617;margin-bottom:4px}.thinking{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.thinking i{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:thinking 1s infinite alternate}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}
.suggestions{padding:10px 15px 12px;border-top:1px solid #e2e5dc}.suggestions>span{font-size:9px;color:var(--muted);display:block;margin-bottom:7px}.suggestions>div{display:flex;flex-wrap:wrap;gap:5px}.suggestions button{background:#f4f3eb;border:1px solid #d5dacf;border-radius:4px;padding:6px 8px;font-size:10px;text-align:left;transition:background .2s}.suggestions button:hover{background:#e9e5d6}.assistant-footer{font-size:8px;display:flex;align-items:center;gap:5px;color:var(--muted);padding:0 15px 10px}.assistant-footer .outline-dot{width:5px;height:5px}
.story-controls{display:flex;align-items:center;justify-content:space-between;margin:0 30px;border-top:1px solid #ffffff24;gap:16px;padding-top:2px}.chapters{display:flex;gap:27px}.chapters button{border:0;border-top:2px solid transparent;margin-top:-3px;background:none;color:var(--stage-soft);padding:18px 0 12px;font-size:12px;display:flex;align-items:center;gap:9px;white-space:nowrap}.chapters button>span{font-size:10px;color:#a7becd}.chapters button[aria-current=step]{border-color:var(--amber);color:#f7f1e4}.chapters button[aria-current=step]>span{color:var(--amber)}.chapters button:hover{color:white}
.reset-button{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--stage-soft);padding:10px 0;font-size:11px}.reset-button svg{width:14px;height:14px}.reset-button:hover{color:white}
.narration{font-size:12px;color:#c4d4df;min-height:45px;padding:0 30px 20px;line-height:1.6}
.closing{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:80px;padding:43px 0 47px}.closing h2{font:400 clamp(23px,2.25vw,32px)/1.3 Fraunces,Georgia,serif;letter-spacing:-.02em}.closing h2 em{font-weight:400;color:var(--amber)}.closing p{max-width:39ch;font-size:14px;color:var(--muted);justify-self:end}
.no-script{padding:20px;text-align:center;background:#e8d7ad}
.flat .desk,.flat .scene[data-step] .desk{transform:none}.flat .assistant{transform:none}.flat .desk::before{display:none}
.scene[data-step="3"] .finding{background:#e8eee4;color:#365342}.scene[data-step="3"] .assistant{box-shadow:0 25px 60px -20px #000a;transform:translateZ(65px) translateY(-9px)}
@keyframes detail-in{from{opacity:.5;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes assistant-in{from{opacity:.1;transform:translateZ(0) translateX(20px)}to{opacity:1;transform:translateZ(55px) translateY(-9px)}}
@keyframes message-in{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes thinking{from{opacity:.25}to{opacity:1}}
@media(min-width:1500px){.scene{min-height:480px;padding-left:150px}.desk{width:980px}.scene-caption{left:42px;top:50px}}
@media(max-width:1150px){main,.cta-end{width:calc(100% - 56px)}.scene{padding:30px 25px 32px 55px;min-height:450px}.scene-caption{left:20px;top:28px}.scene-caption>span:last-child{display:none}.scene-caption>span:first-child{font-size:20px}.desk{margin-left:0}.stage-toolbar{margin-inline:24px}.detail{padding:17px}.detail-top h2{font-size:23px}.detail-top{display:block}.detail-status{padding:0;margin-bottom:10px}.detail-id{margin-bottom:5px}.dashboard-header{padding:15px 18px}.desk.has-detail .dashboard{width:57%}.assistant{width:43%;height:455px}.chapters{gap:20px}.detail-metrics{gap:9px}.detail-metrics b{font-size:22px}.overview{padding-inline:20px}.scene:has(.has-detail){min-height:518px}}
@media(max-width:850px){.intro{gap:35px}.intro-copy>p:first-child{font-size:17px}.intro-secondary{font-size:13px}.scene{padding:26px 24px 30px}.scene-caption{display:none}.desk{transform:rotateX(4deg) rotateY(-4deg)}.column-labels,.job{gap:12px}.board-date{display:none}.stage-type{display:none}.desk.has-detail{gap:14px}.dashboard-header{padding:14px}.snapshot{font-size:9px}.detail{padding:15px}.detail-top h2{font-size:21px}.detail-metrics{grid-template-columns:1fr 1fr}.detail-metrics>div:last-child{display:none}.assistant-heading{padding:12px 10px}.assistant-mark{display:none}.messages{padding:12px}.simulation-label{padding-inline:10px;font-size:8px}.suggestions{padding:10px}.assistant-footer{padding-inline:10px;font-size:8px}.story-controls{margin-inline:24px}.chapters{gap:17px}.chapters button{font-size:11px;gap:6px}.reset-button span{display:none}.narration{padding-inline:24px}.closing{gap:40px}}
@media(max-width:640px){main,.cta-end{width:calc(100% - 32px)}.demo-disclosure{font-size:10px;gap:6px}.intro{display:block;padding:32px 0 27px}.intro h1{font-size:57px}.intro-copy{padding-top:22px;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.intro-copy>p:first-child{font-size:15px}.intro-secondary{margin-top:0;font-size:12px;line-height:1.5}.stage-toolbar{margin-inline:16px;align-items:flex-start;padding:17px 0 15px;gap:12px}.stage-name{font-size:12px;gap:7px;min-height:34px}.stage-actions{gap:0}.depth-button{display:none!important}.play-button{padding:8px 10px;min-height:34px;font-size:10px!important;gap:5px!important}.play-button svg{width:12px;height:12px}.scene{padding:22px 13px 24px;min-height:0;perspective:none}.desk,.scene[data-step] .desk{transform:none;width:100%;display:block;margin:0}.desk::before{display:none}.dashboard,.desk.has-detail .dashboard{width:100%;box-shadow:0 12px 25px -14px #050f1cb0}.overview{padding:19px 15px 0}.dashboard-header{padding:13px 15px}.board-heading h2{font-size:21px}.board-heading p{font-size:11px}.summary-bar{gap:14px;font-size:9px;padding:15px 0}.summary-bar>span{gap:4px}.summary-bar>span:first-child b{font-size:15px}.column-labels{display:none}.job{grid-template-columns:1fr 76px 15px;gap:8px;padding:15px 0;position:relative}.job-name{font-size:13px}.job-name small{font-size:9px}.job-progress{gap:7px;font-size:11px}.job-status{grid-column:1;grid-row:auto;font-size:9px;gap:5px;margin-top:-2px}.job>svg{grid-column:3;grid-row:1;width:14px;height:14px}.job-progress{grid-column:2;grid-row:1}.board-foot{font-size:9px;padding:13px 0;gap:6px;align-items:start}.context-icon{flex-shrink:0;margin-top:2px}.assistant,.scene[data-step="3"] .assistant{width:100%;height:430px;margin-top:16px;transform:none;animation:none;box-shadow:0 12px 25px -14px #050f1cb0}.assistant-heading{padding:14px 16px}.assistant-heading h3{font-size:14px}.assistant-heading p{font-size:11px}.assistant-mark{display:grid}.simulation-label{font-size:10px;padding:8px 16px}.messages{padding:16px;font-size:13px}.message.user{font-size:12px}.message.bot h4{font-size:14px}.message.bot .evidence{font-size:11px}.message.bot .action strong{font-size:11px}.suggestions{padding:12px 16px}.suggestions>span{font-size:10px}.suggestions button{font-size:11px;padding:8px 9px}.assistant-footer{padding:0 16px 12px;font-size:9px}.story-controls{margin-inline:16px;gap:10px;align-items:flex-start}.chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px;flex:1}.chapters button{padding:11px 0 8px;margin-top:0;border-top:0;border-bottom:1px solid transparent;justify-content:flex-start;font-size:11px}.chapters button[aria-current=step]{border-color:var(--amber)}.reset-button{padding-top:14px;min-width:24px;justify-content:center}.narration{padding:14px 16px 18px;font-size:11px;min-height:0}.scene:has(.has-detail){min-height:0}.detail{min-height:0;padding:16px}.detail-top{display:flex}.detail-top h2{font-size:23px}.detail-status{padding-top:5px;font-size:9px;white-space:normal;max-width:78px}.detail-id{margin-bottom:13px}.detail-metrics{grid-template-columns:repeat(3,1fr);gap:9px}.detail-metrics>div:last-child{display:block}.detail-metrics b{font-size:23px}.finding{font-size:12px;margin-top:14px}.documents{margin-top:15px}.documents h3{font-size:11px}.document-list{gap:7px 10px}.document-list span{font-size:10px}.closing{display:block;padding:31px 0}.closing h2{font-size:25px;line-height:1.3}.closing p{font-size:13px;margin-top:18px;max-width:40ch}.open-assistant{font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.desk,.scene[data-step] .desk,.assistant,.scene[data-step="3"] .assistant{transform:none}.desk::before{display:none}.depth-button{display:none}.thinking i{opacity:.6}}