/* Font license: /story-font-OFL.txt */ @font-face{font-family:Story Inter;src:url('/assets/a7aac157f958ee298150222acd304f84401672cccf7b603499336634bb07a56d/story-font.woff2') format('woff2');font-weight:100 900;font-display:swap} :root{color-scheme:dark;--story-bg:#090d10;--story-surface:#12171b;--story-raised:#1b2024;--story-line:#2b3339;--story-text:#f5f3ef;--story-muted:#a9b1b7;--story-coral:#ff826b;--story-cyan:#85d5df;--story-amber:#d5a45c;--story-green:#85d78b} html{scroll-behavior:smooth;scroll-padding-top:28px}body:has(.bs-story){background:var(--story-bg);color:var(--story-text);margin:0;font-family:Story Inter,Arial,sans-serif}body:has(.bs-story) main{width:auto;margin:0;padding:0}.bs-story{overflow:clip;font:15px/1.6 Story Inter,Arial,sans-serif;background:var(--story-bg);color:var(--story-text)}.bs-story *{box-sizing:border-box}.bs-story [hidden]{display:none!important}.bs-story ::selection{background:#ff826b;color:#090d10}.bs-story :focus-visible{outline:2px solid var(--story-cyan);outline-offset:5px}.bs-story a{color:inherit;text-decoration:none;text-underline-offset:5px}.bs-story button,.bs-story select{font:inherit;color:inherit}.bs-story button{cursor:pointer}.bs-story button:disabled{cursor:default;opacity:.45}.bs-story p{margin:0}.bs-story h1,.bs-story h2,.bs-story h3{color:var(--story-text);text-wrap:balance}.story-shell{width:min(1456px,calc(100% - 96px));margin-inline:auto}.story-header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.story-brand{display:inline-flex;align-items:center;gap:12px;font-size:19px;font-weight:750;letter-spacing:-.035em;white-space:nowrap}.story-brand img{object-fit:contain}.story-header nav,.story-footer nav{display:flex;gap:30px;align-items:center;font-size:13px}.story-header nav>a:not(.story-button):hover,.story-footer a:hover{color:var(--story-coral)}.bs-story .story-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 22px;background:var(--story-coral);color:#15100d;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:650;line-height:1.35;transition:background .18s ease}.bs-story .story-button:hover{background:#ff9d8c}.story-header .story-button{min-height:42px;padding:10px 17px}.story-skip{position:absolute;top:-100px;left:16px;z-index:50;background:var(--story-text);color:var(--story-bg)!important;padding:10px 20px}.story-skip:focus{top:12px}.story-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);gap:56px;align-items:center;padding:44px 0 55px;min-height:690px}.story-hero-copy{padding-bottom:34px}.story-beta{display:block;font-size:11px;color:var(--story-coral);margin-bottom:25px;font-weight:600;letter-spacing:.02em}.bs-story h1{font-size:clamp(44px,4.25vw,67px);line-height:1.06;letter-spacing:-.04em;font-weight:760;margin:0 0 30px}.bs-story h1 em,.bs-story h2 em{font-style:normal;color:var(--story-coral)}.story-lede{color:#bec3c7;max-width:37ch;font-size:16px;line-height:1.8}.story-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:39px}.story-text-link{font-size:13px;font-weight:550;white-space:nowrap}.story-text-link span{display:inline-block;color:var(--story-coral);font-size:20px;margin-left:8px;transition:transform .18s}.story-text-link:hover span{transform:translate(2px,-2px)}.story-demo{border:1px solid var(--story-line);border-radius:16px;background:#0d1216;padding:12px;position:relative}.story-view{height:468px;position:relative;min-width:0}.story-caption{font-size:10px;color:#bbc2c7;display:flex;align-items:center;gap:7px;justify-content:flex-end;padding-top:14px;flex-wrap:wrap}.story-caption>span:last-child{margin-left:8px;color:var(--story-muted)}.story-demo-dot{width:5px;height:5px;background:var(--story-cyan);border-radius:50%}.story-demo-nav{display:flex;align-items:center;margin-top:10px;border:1px solid var(--story-line);border-radius:7px;min-height:43px;background:#10161a}.story-demo-nav [role=tablist]{display:flex;flex:1;min-width:0}.bs-story .story-tab{border:0;border-radius:0;background:transparent;padding:13px 10px;font-size:10px;color:#bdc3c8;flex:1;position:relative;white-space:nowrap;font-weight:500}.bs-story .story-tab[aria-selected=true]{color:var(--story-text);background:#172127}.story-tab[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--story-cyan)}.bs-story .story-tab:hover{background:#1d262c;color:#fff}.bs-story .story-more{border:0;border-left:1px solid var(--story-line);border-radius:0;background:transparent;padding:10px;font-size:10px;font-weight:500;white-space:nowrap;color:var(--story-muted)}.story-more span{margin-left:4px;color:var(--story-cyan)}.story-extra-tabs{display:flex;border-top:1px solid var(--story-line);margin-top:8px}.story-fallback{padding:60px 24px;color:var(--story-muted)}.story-fallback a{text-decoration:underline}.story-graph-workspace{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:13px;height:100%}.story-graph-canvas{position:relative;background-image:linear-gradient(#26313930 1px,transparent 1px),linear-gradient(90deg,#26313930 1px,transparent 1px);background-size:23px 23px;border-radius:8px;min-width:0}.story-graph-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.story-wire{fill:none;stroke:#78818a;stroke-width:1;opacity:.55;transition:opacity .2s,stroke .2s}.story-wire.is-linked{stroke:var(--story-cyan);opacity:1;stroke-width:1.5}.bs-story .story-node{position:absolute;width:128px;transform:translate(-50%,-50%);text-align:left;padding:0;border:1px solid #5b4a37;border-radius:7px;background:#202126;box-shadow:0 8px 16px #0003;color:#f1e9df;font-weight:450;line-height:1.4;z-index:1}.story-node:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--story-amber);border-radius:7px 0 0 7px}.bs-story .story-node:hover{background:#27272d;border-color:#cba269}.bs-story .story-node.is-selected{outline:2px solid #dc9254;outline-offset:3px}.story-node-head{display:flex;gap:5px;align-items:center;background:#49342c;padding:6px 7px 6px 9px;border-radius:6px 6px 0 0;font-size:9px;font-weight:650;white-space:nowrap}.story-node-icon{display:inline-grid;place-items:center;width:13px;height:13px;border:1px solid #aa854f;border-radius:3px;flex:0 0 auto}.story-node-icon svg{position:static;width:9px;height:9px}.story-node-body{display:grid;gap:4px;padding:6px 8px 7px 10px;font-size:8px}.story-node-subtitle{color:#c2babb;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-node-child{background:#2b2b33;padding:2px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-node-child small{color:#d7ba78;font-size:6px;margin-right:5px}.story-node-tags{display:flex;justify-content:space-between;padding-top:2px;font-size:6px;color:#d3c9c2}.story-node-tags span{background:#38343a;border-radius:3px;padding:1px 4px}.story-port{position:absolute;width:5px;height:5px;border:1px solid #b1aaa0;border-radius:50%;background:#313032;bottom:-3px;left:50%}.story-port.top{top:-3px;bottom:auto}.story-inspector{border:1px solid var(--story-line);border-radius:8px;padding:16px 13px;align-self:start;min-height:303px;background:#0c1115}.story-inspector-label{display:block;font-size:10px;font-weight:650;padding-bottom:15px;margin-bottom:15px;position:relative}.story-inspector-label:after{content:'';position:absolute;width:28px;height:2px;background:var(--story-coral);bottom:0;left:0}.bs-story .story-inspector h3{font-size:13px;font-weight:650;margin:0 0 8px;line-height:1.4}.story-inspector p{color:var(--story-muted);font-size:10px;line-height:1.7}.story-inspector .story-state{display:inline-block;font-size:8px;margin:9px 0 18px;padding:1px 7px;border-radius:4px;background:#23282c;color:#c5cbce}.story-inspector .story-button{width:100%;margin-top:16px;min-height:31px;padding:7px 5px;font-size:9px;border-radius:4px}.bs-story .story-outline{background:transparent;border:1px solid var(--story-line);color:var(--story-text)}.bs-story .story-outline:hover{background:#232b30}.story-inspector .story-outline{margin-top:7px}.story-inspector .story-explanation{margin-top:12px;color:#d8cdbd}.bs-story .story-back{position:absolute;left:8px;top:6px;z-index:3;background:#182127;border:1px solid #39454c;padding:5px 9px;border-radius:4px;font-size:9px}.story-panel{height:100%;padding:25px 22px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4c5a64 transparent}.story-panel h2{font-size:23px;letter-spacing:-.03em;line-height:1.2;margin:0 0 9px}.story-panel>p{font-size:11px;line-height:1.7;color:var(--story-muted);max-width:60ch}.story-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.story-panel-top>div>p{font-size:11px;color:var(--story-muted)}.story-estimate{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0}.story-estimate strong{font-size:44px;line-height:1;letter-spacing:-.035em}.story-estimate div{display:grid;gap:7px;font-size:11px;color:var(--story-muted)}.story-estimate em{font-size:10px;font-style:normal;color:var(--story-cyan)}.story-meter{height:7px;background:#2b3236;border-radius:4px;overflow:hidden}.story-meter>i{display:block;height:100%;width:var(--progress,19%);background:var(--story-green);border-radius:4px}.bs-story .story-capability{width:100%;display:block;padding:15px 0;margin:10px 0 0;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--story-line);border-radius:0;font-weight:500}.story-capability>span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px}.story-capability b{color:var(--story-green);font-size:13px}.story-capability small{display:block;font-size:9px;color:var(--story-muted);margin-top:8px}.story-panel .story-detail-note{padding:12px 0;font-size:11px;color:var(--story-cyan)}.story-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--story-line);border-radius:6px;flex-shrink:0}.bs-story .story-switch button{font-size:10px;font-weight:500;background:transparent;border:0;padding:6px 9px;border-radius:3px;color:var(--story-muted)}.bs-story .story-switch button[aria-pressed=true]{background:#28333b;color:var(--story-text)}.story-session-row{display:grid;gap:6px;padding:15px 0;border-bottom:1px solid var(--story-line);font-size:11px}.story-session-row span{font-size:10px;color:var(--story-muted)}.story-context-scene{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px 12px}.story-context-node{border:1px solid #3a6670;border-radius:7px;background:#19252a;overflow:hidden}.story-context-node strong{display:block;background:#163e48;padding:10px;font-size:11px;font-weight:600}.story-context-node p{font-size:10px;padding:12px;color:#c2d1d5;min-height:74px}.story-context-node small{display:block;color:#b4c6c9;font-size:8px;padding:0 12px 12px}.story-context-node+ .story-context-node:before{content:none}.story-queue-row{border-top:1px solid var(--story-line);padding:18px 0;display:grid;gap:8px}.story-queue-row strong{font-size:12px;font-weight:550}.story-queue-row p{font-size:10px;color:var(--story-muted)}.story-tag{display:inline-block;padding:2px 6px;border:1px solid #4f605c;color:#b9d9c8;font-size:8px;border-radius:3px;align-self:start;width:max-content}.story-empty{padding:52px 18px;text-align:center;color:var(--story-muted)}.story-empty strong{font-size:13px;color:var(--story-text);display:block;margin-bottom:8px}.story-empty p{font-size:11px}.story-panel .story-button{font-size:11px;min-height:35px;margin-top:15px;padding:8px 12px}.story-file-row{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:6px;border-bottom:1px solid var(--story-line);padding:12px 0;font-size:11px}.story-file-row span{font-size:8px;color:var(--story-amber)}.story-resource{display:flex;gap:28px;align-items:center;margin-top:34px}.story-donut{height:145px;width:145px;flex-shrink:0;border-radius:50%;background:conic-gradient(#64bed1 0 42%,#9a83de 42% 70%,#d8aa63 70% 100%);position:relative}.story-donut:after{content:'Example';position:absolute;inset:24px;border-radius:50%;background:#0d1216;display:grid;place-items:center;color:var(--story-muted);font-size:11px}.story-resource dl{margin:0;font-size:11px}.story-resource dt{margin-top:14px}.story-resource dd{margin:3px 0;color:var(--story-muted);font-size:10px}.story-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--story-line);padding:32px 0;margin-top:35px;color:var(--story-muted);font-size:11px}.story-footer .story-brand{font-size:15px;color:var(--story-text)}.story-footer nav{font-size:11px;gap:22px}.story-main .notice{margin-top:20px;background:#172a27;border-color:#31594b;color:#d8f1e7;font-size:13px} @media(min-width:1550px){.story-view{height:550px}.story-graph-workspace{grid-template-columns:minmax(0,1fr) 175px}.bs-story .story-node{width:148px}.story-node-head{font-size:10px;padding:8px 9px}.story-node-body{font-size:9px;padding:8px 10px}.story-node-subtitle{font-size:8px}.story-node-child small{font-size:7px}.story-node-tags{font-size:7px}.story-inspector h3{font-size:15px}.story-inspector p{font-size:11px}} @media(max-width:1150px){.story-shell{width:calc(100% - 64px)}.story-hero{gap:28px;grid-template-columns:.72fr 1.3fr}.story-header nav{gap:20px}.story-graph-workspace{grid-template-columns:1fr}.story-inspector{position:absolute;bottom:12px;left:12px;right:12px;min-height:0;display:flex;align-items:center;gap:12px;padding:10px 12px;z-index:4;background:#10171cf5}.story-inspector-label,.story-inspector .story-state,.story-inspector>p{display:none}.bs-story .story-inspector h3{margin:0;flex:1;white-space:nowrap}.story-inspector .story-button{margin:0;width:auto;white-space:nowrap;padding:7px 10px}.story-inspector .story-explanation{position:absolute;bottom:50px;left:0;right:0;padding:12px;background:#172127}.story-view{height:465px}.story-graph-canvas{margin-bottom:60px}.bs-story h1{font-size:43px}.story-lede{font-size:14px}.story-actions{gap:16px}.story-actions .story-button{padding:12px 16px}.story-caption{justify-content:flex-start}.story-tab{padding-inline:8px!important}} @media(max-width:850px){.story-header{height:86px}.story-header nav>a:not(.story-button):not([href="/login"]){display:none}.story-hero{grid-template-columns:1fr;gap:38px;padding-top:34px}.story-hero-copy{padding:0;max-width:610px}.bs-story h1{font-size:clamp(44px,7.8vw,65px);max-width:12ch;margin-bottom:23px}.desktop-break{display:none}.story-beta{margin-bottom:18px}.story-lede{max-width:43ch;font-size:16px}.story-actions{margin-top:25px}.story-view{height:480px}.story-graph-workspace{grid-template-columns:minmax(0,1fr) 165px}.story-graph-canvas{margin-bottom:0}.story-inspector{position:static;display:block;min-height:290px;padding:16px 13px}.story-inspector-label,.story-inspector .story-state,.story-inspector>p{display:block}.story-inspector .story-state{display:inline-block}.bs-story .story-inspector h3{margin-bottom:8px}.story-inspector .story-button{width:100%;margin-top:10px}.story-inspector .story-explanation{position:static;padding:0;background:none}.story-caption{justify-content:flex-end}.story-footer{flex-wrap:wrap}.story-footer nav{order:3;width:100%}} @media(max-width:580px){.story-shell{width:calc(100% - 36px)}.story-header{gap:12px}.story-brand{font-size:16px;gap:7px}.story-header .story-button{font-size:11px;max-width:126px;padding:9px 12px}.story-brand img{width:30px;height:30px}.story-hero{padding-top:24px;padding-bottom:34px;gap:32px}.bs-story h1{font-size:46px}.story-lede{font-size:14px}.story-actions{gap:20px}.story-demo{padding:7px;border-radius:11px}.story-view{height:455px}.story-graph-workspace{grid-template-columns:1fr}.story-graph-canvas{margin-bottom:62px}.story-inspector{position:absolute;bottom:7px;left:7px;right:7px;min-height:0;display:flex;align-items:center;gap:7px;padding:10px;z-index:4;background:#111a20}.story-inspector-label,.story-inspector .story-state,.story-inspector>p{display:none}.bs-story .story-inspector h3{font-size:11px;flex:1;margin:0;white-space:normal}.story-inspector .story-button{margin:0;width:auto;font-size:9px;min-height:31px;white-space:nowrap;padding:7px}.story-inspector .story-explanation{position:absolute;bottom:53px;left:0;right:0;padding:12px;background:#18252c}.bs-story .story-node{width:96px}.story-node-head{font-size:7px;padding:6px;gap:3px}.story-node-body{font-size:7px;padding:5px 6px}.story-node-subtitle{font-size:6px}.story-node-tags{font-size:5px}.story-node-icon{width:10px;height:10px}.story-node-icon svg{width:7px;height:7px}.story-demo-nav{flex-wrap:wrap}.story-demo-nav [role=tablist]{width:100%;flex:auto}.bs-story .story-tab{font-size:9px;padding:11px 7px}.bs-story .story-more{width:100%;border-left:0;border-top:1px solid var(--story-line);padding:6px}.story-caption{font-size:9px;justify-content:flex-start;gap:5px}.story-caption>span:last-child{margin-left:2px}.story-panel{padding:22px 14px}.story-panel h2{font-size:20px}.story-panel-top{flex-direction:column;gap:14px;margin-bottom:20px}.story-context-scene{gap:12px;padding-inline:0}.story-resource{gap:20px}.story-donut{width:115px;height:115px}.story-footer{padding:27px 0;gap:18px}.story-footer nav{gap:16px;flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bs-story *{transition:none!important;animation:none!important}} /* The rest of the product story stays quieter than the live demonstration. */ .story-workflow{display:flex;justify-content:space-between;border-block:1px solid var(--story-line);padding:23px 5%;gap:24px} .bs-story .story-workflow button{display:flex;gap:15px;align-items:center;background:none;border:0;padding:10px 0;color:#c7ccd0;font-size:13px;font-weight:500;text-align:left} .story-workflow button span{font-size:10px;color:#88949c}.story-workflow button i{font-style:normal;color:var(--story-coral)}.bs-story .story-workflow button:hover{color:var(--story-coral)} .story-evidence{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:10%;padding-block:76px} .story-evidence-card{background:#0e1418;border:1px solid var(--story-line);border-radius:14px;padding:30px;min-width:0} .story-section-label{display:block;color:#aeb8be;letter-spacing:.065em;font-size:10px;font-weight:550;margin-bottom:20px} .story-evidence-card>.story-section-label{color:var(--story-coral)}.story-evidence-card .story-estimate{margin-top:8px}.story-evidence-card .story-capability{padding:16px;margin-top:13px}.story-evidence-card .story-detail-note{min-height:34px;font-size:11px} .bs-story .story-section-copy h2{font-size:clamp(35px,3.6vw,56px);line-height:1.14;letter-spacing:-.04em;margin:0 0 25px;font-weight:740} .story-section-copy>p{font-size:15px;color:var(--story-muted);line-height:1.85;max-width:41ch} .bs-story .story-inline-button{background:none;border:0;border-radius:0;color:var(--story-coral);padding:18px 0 6px;font-size:13px;font-weight:550;text-align:left}.story-inline-button span{margin-left:8px}.bs-story .story-inline-button:hover{color:#ffb09e} .story-continuity{display:grid;grid-template-columns:1fr 2.25fr;gap:6%;padding-block:50px;border-top:1px solid var(--story-line);align-items:center} .bs-story .story-continuity h2{font-size:clamp(28px,2.3vw,36px);margin-bottom:18px}.story-continuity .story-section-copy>p{font-size:13px} .story-connected-example{display:grid;grid-template-columns:1.7fr 1fr;gap:26px;align-items:start;min-width:0}.story-context-pair{display:flex;align-items:center}.story-context-example{min-width:0} .bs-story .story-context-pair .story-context-node{position:relative;min-width:0;flex:1;text-align:left;border-radius:7px;padding:15px 12px;background:#152125;border:1px solid #365b64;border-left:3px solid var(--story-cyan);color:var(--story-text);line-height:1.5;min-height:154px}.story-context-pair .story-context-node:hover{background:#1c2c32;border-color:var(--story-cyan)} .story-context-pair .story-context-node strong{font-size:11px;display:block}.story-context-pair .story-context-node strong>span{border:1px solid var(--story-cyan);padding:2px;margin-right:4px;border-radius:2px;font-size:9px}.story-context-pair .story-context-node p{font-size:10px;margin:15px 0;color:#b9c5ca}.story-context-pair .story-context-node small{font-size:8px;color:#aabcc3} .story-context-connector{position:relative;height:1px;width:22px;background:#85a2ab;flex:0 0 22px}.story-context-connector:before,.story-context-connector:after{content:'';position:absolute;top:-3px;width:7px;height:7px;border:1px solid #85a2ab;border-radius:50%;background:#111b20}.story-context-connector:before{left:-3px}.story-context-connector:after{right:-3px} .bs-story .story-queue-preview{width:100%;border:1px solid var(--story-line);border-radius:7px;background:#11171b;padding:14px;text-align:left;display:grid;gap:13px;color:#bbc4ca;line-height:1.6;font-size:10px;font-weight:400}.story-queue-preview:hover{border-color:#85a2ab;background:#172127}.story-queue-preview strong{font-size:12px;color:var(--story-text);font-weight:550}.story-queue-preview-tabs{display:flex;gap:5px;padding-bottom:12px;border-bottom:1px solid var(--story-line);font-size:11px}.story-queue-preview-tabs b{font-weight:400}.story-queue-preview-tabs em{font-style:normal;color:var(--story-text);margin-left:10px;text-decoration:underline;text-underline-offset:12px;text-decoration-color:var(--story-cyan)}.story-queue-preview small{color:var(--story-cyan)}.story-queue-preview small i{font-style:normal} .story-close{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 30px;border:1px solid var(--story-line);border-radius:12px;background:#10161a;margin-bottom:45px}.story-close p{font-size:23px;line-height:1.45;letter-spacing:-.025em}.story-close .story-button{min-width:240px;gap:26px}.story-footer{flex-wrap:wrap} @media(max-width:1150px){.story-connected-example{grid-template-columns:1fr;gap:24px}.story-continuity{grid-template-columns:.8fr 1.25fr}.story-queue-preview{max-width:none}.story-section-label{margin-bottom:13px}.story-evidence{gap:7%}.story-evidence-card{padding:22px}} @media(max-width:850px){.story-evidence{padding-block:50px;gap:30px;grid-template-columns:1fr 1fr}.bs-story .story-section-copy h2{font-size:35px}.story-workflow{padding:15px 0;gap:14px}.bs-story .story-workflow button{font-size:11px;gap:8px}.story-continuity{gap:30px}.story-close .story-button{min-width:0}.story-close p{font-size:20px}} @media(max-width:580px){.story-workflow{flex-direction:column;gap:0;padding:13px 0}.bs-story .story-workflow button{font-size:13px;justify-content:space-between;min-height:48px}.story-workflow button span{margin-right:auto}.story-workflow button i{margin-left:auto}.story-evidence{grid-template-columns:1fr;gap:28px;padding-block:38px}.story-evidence .story-section-copy{grid-row:1}.bs-story .story-section-copy h2{font-size:36px}.story-section-copy>p{font-size:14px}.story-evidence-card{padding:20px 16px}.story-continuity{grid-template-columns:1fr;padding-block:35px}.story-connected-example{gap:25px}.story-close{flex-direction:column;align-items:stretch;padding:24px;margin-bottom:20px}.story-close .story-button{width:100%}.story-close p{font-size:20px}.story-footer{gap:22px}.story-footer nav{flex-wrap:wrap;gap:18px}.story-footer>span{font-size:10px}} .story-inspector .story-explanation:not([hidden]){display:block} /* Product-led composition: one working canvas, followed by an editorial proof band. */ .bs-story{--story-display:Story Inter,Arial,sans-serif} .bs-story ::-webkit-scrollbar{width:9px;height:9px} .bs-story ::-webkit-scrollbar-thumb{background:#465159;border:2px solid var(--story-bg);border-radius:6px} .bs-story ::-webkit-scrollbar-track{background:var(--story-bg)} .story-header{height:100px;border-bottom:1px solid var(--story-line)} .story-header .story-brand{font-size:20px;font-weight:650;letter-spacing:-.025em} .story-header nav{font-size:13px} .story-hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.34fr);gap:42px;padding:65px 0 62px;min-height:710px} .story-hero-copy{padding-bottom:0} .bs-story h1{font-family:var(--story-display);font-size:clamp(54px,5.9vw,88px);font-weight:620;letter-spacing:-.04em;line-height:1.02;margin-bottom:28px} .bs-story h1>span{display:block} .bs-story h1 em{display:block;font-size:.49em;font-weight:430;letter-spacing:-.035em;line-height:1.25;margin-top:23px;max-width:13ch} .story-lede{max-width:32ch;font-size:15px;line-height:1.85} .story-actions{margin-top:28px;gap:22px} .story-beta{font-size:11px;letter-spacing:0;font-weight:450;color:var(--story-muted);margin:22px 0 0;display:flex;align-items:center;gap:8px} .story-beta:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--story-coral)} .bs-story .story-button{border-radius:5px;min-height:48px;font-size:13px;padding-inline:21px} .story-product{min-width:0;position:relative} .story-demo{padding:0;border-radius:12px;background:#10161a;box-shadow:0 28px 60px #0004;overflow:hidden} .story-workspace-bar{height:58px;padding:0 18px;border-bottom:1px solid #354049;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#182025} .story-workspace-bar>div{display:flex;align-items:center;gap:10px;min-width:0} .story-workspace-bar strong{font-size:12px;font-weight:600;white-space:nowrap} .story-workspace-context{font-size:10px;color:#a9b1b7;padding-left:10px;border-left:1px solid #45515a;white-space:nowrap} .story-workspace-mark{display:grid;place-items:center;width:22px;height:22px;color:var(--story-coral)} .story-workspace-mark svg,.story-trace svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round} .bs-story .story-trace{display:inline-flex;align-items:center;gap:7px;border:1px solid #465159;background:transparent;padding:7px 9px;border-radius:5px;color:#c1cbd1;font-size:10px;font-weight:450;white-space:nowrap} .bs-story .story-trace:hover,.bs-story .story-trace[aria-pressed=true]{background:#233b43;border-color:#85d5df;color:#b3eaf1} .story-view{height:476px;padding:17px 15px 8px} .story-graph-workspace{grid-template-columns:minmax(0,1fr) 147px;gap:15px} .story-graph-canvas{background-size:28px 28px;background-image:radial-gradient(#74828b30 .7px,transparent .7px);border-radius:0} .story-inspector{padding:14px 11px;background:#10161a;border:0;border-left:1px solid #354049;border-radius:0;min-height:100%;align-self:stretch} .story-inspector-label{color:#a9b1b7;font-size:10px;font-weight:450;margin-bottom:20px;padding-bottom:11px} .story-inspector-label:after{width:20px;height:1px;background:#85d5df} .bs-story .story-inspector h3{font-size:14px;font-weight:550} .story-inspector p{font-size:10px;line-height:1.8} .bs-story .story-inspector .story-button{font-size:10px;min-height:34px;padding:8px 7px;border-radius:4px} .bs-story .story-node{width:132px;border-color:#6a5140;border-radius:6px;box-shadow:0 10px 18px #0004;transition:opacity .25s ease,border-color .2s ease,box-shadow .2s ease} .bs-story .story-node:hover{box-shadow:0 15px 24px #0006} .story-node-head{font-size:10px;font-weight:550;padding:8px 7px 8px 10px;background:#49342c} .story-node-body{padding:8px 8px 8px 10px;gap:5px;font-size:8px} .story-node-subtitle{font-size:7px} .story-node-tags{font-size:7px} .story-node-tags span{padding:2px 4px} .story-wire{stroke:#87969f;opacity:.55;stroke-width:1.15} .story-wire.is-linked{stroke:#b3eaf1;stroke-width:1.6;opacity:1} .story-node.is-dimmed{opacity:.24} .is-tracing .story-wire:not(.is-linked){opacity:.12} .is-tracing .story-wire.is-linked{stroke-dasharray:5 4;animation:story-flow 1.1s linear 3} @keyframes story-flow{to{stroke-dashoffset:-18}} .story-demo-nav{margin:0;border:0;border-top:1px solid #354049;border-radius:0;min-height:49px;background:#182025} .bs-story .story-tab{padding:16px 9px;font-size:11px} .bs-story .story-tab[aria-selected=true]{background:#223139;color:#d6f7fb} .bs-story .story-more{font-size:10px;min-height:48px;padding-inline:12px} .story-caption{justify-content:space-between;font-size:10px;padding-top:13px} .story-caption>span:last-child{margin-left:auto} .story-demo-dot{display:none} .story-workflow{padding:25px 0;border-bottom:0;justify-content:space-between;gap:24px} .bs-story .story-workflow button{font-size:14px;font-weight:450;min-height:48px;gap:15px} .story-workflow button>svg{width:25px;height:25px;flex:0 0 25px;stroke:#a9b1b7;stroke-width:1.1;fill:none;stroke-linecap:round;stroke-linejoin:round} .story-workflow button:hover>svg{stroke:var(--story-coral)} .story-workflow button i{font-size:17px;margin-left:8px} .story-proof-band{background:var(--story-text);color:var(--story-bg);margin-top:24px} .story-evidence{padding-block:78px;grid-template-columns:1fr 1fr;gap:9%} .story-evidence-card{background:none;border:0;border-radius:0;padding:0;order:2} .story-evidence .story-section-copy{order:1} .bs-story .story-evidence .story-section-copy h2{font-size:clamp(34px,3.8vw,57px);font-weight:560;line-height:1.09;color:var(--story-bg);max-width:14ch;margin-bottom:28px} .bs-story .story-evidence h2 em{color:var(--story-bg);text-decoration:underline;text-decoration-color:var(--story-coral);text-decoration-thickness:3px;text-underline-offset:8px} .story-evidence .story-section-copy>p{color:#4b5257;font-size:15px} .bs-story .story-evidence .story-inline-button{color:#49342c;border-bottom:1px solid #b5a398;margin-top:10px;padding-bottom:6px} .story-evidence-card>.story-section-label{font-size:10px;color:#4b5257;margin-bottom:18px;letter-spacing:0} .story-evidence-card .story-estimate{display:flex;align-items:flex-end;margin-bottom:18px} .story-evidence-card .story-estimate strong{font-size:66px;font-weight:520;letter-spacing:-.04em;line-height:1;color:#10161a} .story-evidence-card .story-estimate>div{text-align:right} .story-evidence-card .story-estimate span{color:#3d484e;font-size:11px} .story-evidence-card .story-estimate em{color:#465959;font-size:10px} .story-evidence-card .story-meter{background:#d8ddd7;height:5px;border-radius:0} .story-evidence-card .story-meter i{background:#52764a;border-radius:0} .bs-story .story-evidence-card .story-capability{padding:18px 0;margin:0;border:0;border-bottom:1px solid #c8ceca;color:#10161a;border-radius:0;background:transparent} .story-evidence-card .story-capability:hover{background:#e7e9e3} .story-evidence-card .story-capability>span{font-size:12px;color:#10161a} .story-evidence-card .story-capability b{color:#3e6337} .story-evidence-card .story-capability small{color:#4b5257} .story-evidence-card .story-capability .story-meter{height:3px} .story-evidence-card .story-detail-note{color:#4b5257;font-size:11px;min-height:38px;margin-top:18px} .story-evidence :focus-visible{outline-color:#49342c} .story-continuity{border-top:0;padding-block:78px;gap:7%;grid-template-columns:.9fr 2.1fr} .bs-story .story-continuity h2{font-size:39px;line-height:1.15;font-weight:550;letter-spacing:-.035em;margin-bottom:23px} .story-continuity .story-section-copy>p{font-size:14px;line-height:1.8} .story-connected-example{gap:24px} .story-context-example>.story-section-label,.story-queue-example>.story-section-label{font-size:10px;font-weight:400;letter-spacing:0;color:#b2bbc2} .story-context-pair .story-context-node{box-shadow:none} .story-close{background:var(--story-coral);color:var(--story-bg);border:0;border-radius:0;padding:36px 40px;margin-bottom:0} .story-close p{font-size:25px;font-weight:450;line-height:1.4} #product-story .story-close .story-button{background:var(--story-bg);color:var(--story-text);min-width:225px;min-height:54px;border-radius:5px} #product-story .story-close .story-button:hover{background:#28333b} .story-close :focus-visible{outline-color:var(--story-bg)} .story-footer{padding-block:38px;border:0} .story-footer .story-brand{font-weight:550} @media(min-width:1550px){.story-hero{gap:65px;padding-block:70px}.story-view{height:520px}.story-graph-workspace{grid-template-columns:minmax(0,1fr) 170px}.bs-story .story-node{width:150px}.story-node-head{font-size:11px}.story-node-body{font-size:9px}.story-node-subtitle{font-size:8px}.story-inspector p{font-size:11px}} @media(max-width:1150px){.story-hero{gap:32px;grid-template-columns:.78fr 1.22fr;padding-block:50px}.bs-story h1{font-size:61px}.story-workspace-context{display:none}.story-view{height:440px;padding:13px}.story-graph-workspace{grid-template-columns:1fr}.story-graph-canvas{margin-bottom:59px}.story-inspector{min-height:0;border:1px solid #354049;border-radius:5px;left:13px;right:13px;bottom:13px;padding:9px 11px}.bs-story .story-node{width:130px}.bs-story .story-inspector h3{font-size:12px}.story-evidence{gap:7%}.story-continuity{grid-template-columns:.85fr 1.3fr}.story-connected-example{grid-template-columns:1fr}.story-context-pair .story-context-node{min-height:145px}} @media(max-width:850px){.story-header{height:82px}.story-hero{grid-template-columns:1fr;padding-block:44px;gap:36px}.story-hero-copy{display:grid;grid-template-columns:1.1fr 1fr;column-gap:30px;align-items:center;max-width:none}.bs-story h1{font-size:64px;grid-row:1/4;max-width:none;margin:0}.bs-story h1 em{font-size:31px;margin-top:18px}.story-lede{font-size:14px}.story-actions{margin-top:15px;gap:18px}.story-beta{margin-top:17px}.story-view{height:490px;padding:18px}.story-graph-workspace{grid-template-columns:minmax(0,1fr) 145px}.story-graph-canvas{margin-bottom:0}.story-inspector{position:static;border:0;border-left:1px solid #354049;min-height:100%;border-radius:0;display:block;padding:14px 11px}.bs-story .story-inspector .story-button{width:100%;margin-top:12px}.story-workspace-context{display:inline}.story-evidence{padding-block:54px;gap:35px}.bs-story .story-evidence .story-section-copy h2{font-size:36px}.story-evidence-card .story-estimate strong{font-size:55px}.story-evidence .story-section-copy>p{font-size:14px}.story-workflow{gap:16px}.bs-story .story-workflow button{font-size:11px;gap:8px}.story-workflow button>svg{width:20px;flex-basis:20px}.story-continuity{padding-block:52px}.bs-story .story-continuity h2{font-size:34px}.story-close p{font-size:21px}.story-close{padding:28px}.story-close .story-button{min-width:190px!important}} @media(max-width:580px){.story-shell{width:calc(100% - 36px)}.story-header .story-brand{font-size:16px}.story-header .story-button{font-size:10px;min-height:38px;padding:8px 10px;max-width:116px}.story-hero{padding-top:36px;padding-bottom:27px;gap:29px}.story-hero-copy{display:block}.bs-story h1{font-size:60px;font-weight:600;margin:0 0 24px}.bs-story h1 em{font-size:30px;max-width:13ch;font-weight:420;margin-top:17px}.story-lede{font-size:14px;max-width:33ch}.story-actions{margin-top:24px;gap:18px}.story-beta{font-size:10px;margin-top:18px}.story-workspace-bar{height:48px;padding:0 10px;gap:8px}.story-workspace-bar strong{font-size:10px}.story-workspace-mark{display:none}.story-workspace-context{display:none}.bs-story .story-trace{font-size:9px;padding:6px;gap:5px;min-height:32px}.story-trace svg{width:15px;height:15px}.story-view{height:467px;padding:8px}.story-graph-workspace{grid-template-columns:1fr}.story-graph-canvas{margin-bottom:57px}.story-inspector{position:absolute;min-height:0;display:flex;border:1px solid #354049;left:8px;right:8px;bottom:8px;padding:8px;gap:7px;border-radius:5px}.bs-story .story-inspector h3{font-size:10px}.bs-story .story-inspector .story-button{width:auto;margin:0;font-size:9px;min-height:32px;padding:6px}.bs-story .story-node{width:96px}.story-node-head{font-size:7px;padding:6px;gap:3px}.story-node-body{font-size:7px;padding:6px;gap:4px}.story-node-tags{font-size:5px}.story-node-subtitle{font-size:6px}.bs-story .story-tab{font-size:10px;padding:13px 7px!important}.bs-story .story-more{min-height:37px;font-size:10px}.story-caption{font-size:9px;justify-content:flex-start;gap:3px}.story-caption>span:last-child{margin-left:0;width:100%}.story-workflow{padding:15px 0;gap:3px;flex-direction:column}.bs-story .story-workflow button{font-size:13px;justify-content:flex-start;gap:13px}.story-workflow button i{margin-left:auto}.story-proof-band{margin-top:12px}.story-evidence{grid-template-columns:1fr;padding-block:42px;gap:34px}.story-evidence-card{order:2}.bs-story .story-evidence .story-section-copy h2{font-size:39px;max-width:14ch;margin-bottom:23px}.story-evidence-card .story-estimate strong{font-size:65px}.story-evidence-card .story-detail-note{margin-bottom:0;min-height:35px}.story-continuity{grid-template-columns:1fr;gap:33px;padding-block:44px}.bs-story .story-continuity h2{font-size:37px}.story-connected-example{grid-template-columns:1fr;gap:24px}.story-close{padding:25px;gap:23px}.story-close p{font-size:22px}.bs-story .story-close .story-button{width:100%;min-width:0}.story-footer{padding-block:30px}.story-footer nav{font-size:12px}.story-header nav{gap:0}} @media(max-width:360px){.bs-story h1{font-size:53px}.story-actions{gap:12px}.story-actions .story-text-link{font-size:11px}.story-actions .story-button{font-size:11px;padding-inline:13px}.bs-story .story-node{width:85px}.story-node-head{font-size:6px}.story-node-tags{font-size:5px}.bs-story .story-inspector h3{font-size:9px}.bs-story .story-inspector .story-button{font-size:8px;padding:5px}} @media(prefers-reduced-motion:reduce){.is-tracing .story-wire.is-linked{animation:none;stroke-dasharray:none}} /* Fit the two-line headline to its actual column, including narrow split layouts. */ .story-access{padding-block:65px 75px;border-top:1px solid var(--story-line)} .story-access-intro{display:grid;grid-template-columns:1fr 1fr;gap:16px 64px;align-items:end;margin-bottom:34px} .story-access-intro>.story-section-label{grid-column:1/-1;color:var(--story-cyan)} .bs-story .story-access h2{font-size:clamp(32px,3.4vw,48px);line-height:1.15;letter-spacing:-.04em;margin:0} .story-access-intro>p{max-width:40ch;color:var(--story-muted);font-size:16px} .story-access-rows article{display:grid;grid-template-columns:36px minmax(0,1fr) 165px;gap:24px;padding:27px 0;border-top:1px solid var(--story-line);align-items:start} .story-access-number{font-size:12px;color:var(--story-cyan);padding-top:5px;font-variant-numeric:tabular-nums} .bs-story .story-access h3{font-size:18px;margin:0 0 9px;letter-spacing:-.02em} .story-access-rows p{max-width:80ch;color:var(--story-muted);font-size:14px;line-height:1.8} .story-access-tag{justify-self:end;white-space:nowrap;border:1px solid var(--story-line);border-radius:4px;padding:5px 9px;color:var(--story-cyan);font-size:10px} .story-access-note{border-top:1px solid var(--story-line);padding-top:22px;color:var(--story-muted);font-size:12px;max-width:100ch} .bs-story .story-access-note a{color:var(--story-text);text-decoration:underline} @media(max-width:850px){.story-access-rows article{grid-template-columns:28px minmax(0,1fr);gap:14px}.story-access-tag{grid-column:2;justify-self:start}.story-access-intro{gap:16px 30px}} @media(max-width:580px){.story-access{padding-block:40px}.story-access-intro{grid-template-columns:1fr;margin-bottom:27px}.story-access-intro>p{font-size:14px}.story-access-rows article{padding-block:23px}.story-access-rows p{font-size:13px}} .story-hero-copy{container-type:inline-size} .bs-story .story-hero h1{font-size:clamp(44px,16cqw,88px)} @media(min-width:581px) and (max-width:850px){.bs-story .story-hero h1{font-size:clamp(44px,8cqw,60px)}} /* Header, hero and closing sections. */ body:has(#product-story),.bs-story#product-story{background:#101112;--story-bg:#101112;--story-coral:#eb7563;--story-text:#f0efec;--story-line:#303234;overflow:visible} #product-story .story-header{height:96px;border-bottom:1px solid #303234}#product-story .story-brand{font-size:18px;letter-spacing:-.025em}#product-story .story-button{border-radius:5px;background:#ed7c68}#product-story .story-header .story-button{background:transparent;color:#f0efec;border:1px solid #595652} .tour-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end;padding-block:78px 70px}.tour-eyebrow{color:#b3aaa2;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:550;margin-bottom:25px!important}#product-story .tour-intro h1{font-size:clamp(48px,5.8vw,90px);font-weight:570;line-height:1.01;letter-spacing:-.065em;margin:0;text-wrap:initial}#product-story .tour-intro h1 em{display:inline;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:#e7a28e}.tour-intro-aside>p:first-child{font-size:clamp(19px,1.8vw,25px);line-height:1.45;color:#e7e5e1;letter-spacing:-.025em;max-width:31ch}.tour-intro-detail{font-size:14px;color:#a5a5a3;line-height:1.8;margin-top:17px!important;max-width:43ch}.tour-intro .story-actions{margin-top:25px;gap:22px}.tour-intro .story-beta{margin:17px 0 0;color:#a5a5a3;font-weight:450}.tour-introduction{border-top:1px solid #45423e;padding:19px 0 28px;display:flex;align-items:center;gap:30px;font-size:12px}.tour-introduction>span:first-child{color:#ece8e1;font-weight:650}.tour-introduction p{color:#a5a5a3}.tour-scroll-hint{margin-left:auto;color:#e7a28e;font-size:22px} #product-story .tour-intro h1{font-size:clamp(36px,4.2vw,66px);line-height:1.12;letter-spacing:-.045em} .tour-connect{padding-block:84px 75px;margin-top:38px;border-top:1px solid #45423e}#product-story .tour-connect h2{font-size:clamp(30px,3.5vw,50px);font-weight:480;line-height:1.13;letter-spacing:-.045em;margin:0 0 42px}.tour-connect h2 em{color:#bcb5a9!important}.tour-connect>div{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-bottom:34px}.tour-connect>div p{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:13px}.tour-connect b{font-size:10px;color:#b89177}.tour-connect strong{font-weight:550;color:#e5e1d9}.tour-connect p span{grid-column:2;color:#a8a49b;font-size:12px;line-height:1.8}#product-story .story-access{border-color:#45423e}#product-story .story-access h2{font-weight:480;letter-spacing:-.04em}#product-story .story-access-rows h3{font-weight:550}#product-story .story-close{background:#d9937b;border-radius:5px}#product-story .story-footer{border-top:0} /* Interactive tour. One legible system: the page follows the theme; the product window stays dark, as in the product. */ #product-story{--tour-ink:#f1eee9;--tour-soft:#cdc8c0;--tour-muted:#a7a49e;--tour-line:#34312e;--tour-panel:#151618;--tour-coral:#ff8a72;--tour-teal:#7fd3dd;--tour-glow:#eb6d5626;--mono:ui-monospace,"Cascadia Code","SF Mono",Menlo,Consolas,monospace;--ease:cubic-bezier(.2,.75,.2,1)} :root[data-theme="light"] #product-story{--tour-ink:#18212b;--tour-soft:#374350;--tour-muted:#4b5563;--tour-line:#d4d8dd;--tour-panel:#fff;--tour-coral:#a83e2b;--tour-teal:#125a70;--tour-glow:#eb6d561f} @media(prefers-reduced-motion:no-preference){html:has(#product-story){scroll-behavior:smooth}} html:has(#product-story){scroll-padding-top:76px} #product-story{overflow-anchor:none} :root[data-theme="light"] body:has(#product-story){background:#f5f6f7} :root[data-theme="light"] #product-story .tour-intro h1 em{color:#a83e2b} :root[data-theme="light"] #product-story .tour-eyebrow{color:#4b5563} /* Tour header and chapter navigation */ #product-story .tour-introduction{display:flex;align-items:center;gap:24px;padding:22px 0 18px;border-top:1px solid var(--tour-line);font-size:14px} #product-story .tour-introduction>span:first-child{color:var(--tour-ink);font-weight:650} #product-story .tour-introduction p{color:var(--tour-muted)} #product-story .tour-scroll-hint{margin-left:auto;color:var(--tour-coral);font-size:22px} #product-story .tour-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;margin-bottom:8px;padding:10px 0;border-bottom:1px solid var(--tour-line);background:color-mix(in srgb,var(--story-bg) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)} #product-story .tour-nav ol{display:flex;flex:1;gap:4px;min-width:0;margin:0;padding:0;overflow-x:auto;list-style:none;scrollbar-width:none} #product-story .tour-nav ol::-webkit-scrollbar{display:none} #product-story .tour-nav li{flex:none} #product-story .tour-nav a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 13px;border:1px solid transparent;border-radius:999px;color:var(--tour-muted);font-size:13.5px;font-weight:550;white-space:nowrap;transition:color .2s,background-color .2s,border-color .2s} #product-story .tour-nav a b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;font:600 10.5px/1 var(--mono);color:var(--tour-muted)} #product-story .tour-nav a:hover{color:var(--tour-ink)} #product-story .tour-nav a[aria-current="true"]{border-color:var(--tour-line);background:var(--tour-panel);color:var(--tour-ink)} #product-story .tour-nav a[aria-current="true"] b{background:var(--tour-coral);color:#1b0f0b} :root[data-theme="light"] #product-story .tour-nav a[aria-current="true"] b{color:#fff} #product-story .tour-nav a:focus-visible{outline:2px solid var(--tour-teal);outline-offset:2px} /* Chapters: a large live window beside its story, then a quiet status line. */ #product-story .tour-layout{position:relative} #product-story .tour-layout:not(.tour-flow){display:grid;gap:40px} #product-story .tour-layout:not(.tour-flow) .tour-chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px} #product-story .tour-layout:not(.tour-flow) .tour-chapter{display:grid;gap:10px} #product-story .tour-flow .tour-chapter{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:clamp(40px,4.5vw,64px) 0 clamp(20px,2.5vw,32px);scroll-margin-top:-24px} #product-story .tour-preview{position:relative;min-width:0;transition:opacity .5s ease,transform .65s var(--ease),filter .5s ease} #product-story .tour-preview::before{content:"";position:absolute;inset:-40px -14px;z-index:-1;background:radial-gradient(55% 50% at 30% 35%,var(--tour-glow),transparent 72%),radial-gradient(45% 45% at 78% 72%,#7fd3dd14,transparent 72%);opacity:0;transition:opacity .6s ease;pointer-events:none} #product-story .tour-flow .tour-chapter:not(.is-current) .tour-preview{filter:saturate(.8) brightness(.86);transform:scale(.985)} #product-story .tour-flow .is-current .tour-preview,#product-story .tour-preview:focus-within{filter:none;transform:none} #product-story .tour-flow .is-current .tour-preview::before,#product-story .tour-preview:focus-within::before{opacity:1} #product-story .tour-chapter-copy,#product-story .tour-layout:not(.tour-flow) .tour-chapter{color:var(--tour-soft)} #product-story .tour-chapter-copy{display:flex;flex-direction:column;gap:16px;min-width:0} #product-story .tour-flow .tour-chapter-copy{order:-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;align-items:end;gap:14px clamp(32px,5vw,80px)} #product-story .tour-flow .tour-chapter-copy>span{grid-column:1;grid-row:1} #product-story .tour-flow .tour-chapter-copy>h2{grid-column:1;grid-row:2/4;align-self:start} #product-story .tour-flow .tour-chapter-copy>p{grid-column:2;grid-row:1/3} #product-story .tour-flow .tour-chapter-copy>small{grid-column:2;grid-row:3} #product-story .tour-flow .tour-chapter-copy>p{max-width:56ch} #product-story :is(.tour-chapter-copy,.tour-chapter)>span{color:var(--tour-coral);font:600 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase} #product-story .tour-chapter h2{margin:0;color:var(--tour-ink);font-size:clamp(28px,2.6vw,40px)!important;font-weight:700;line-height:1.08;letter-spacing:-.035em;text-wrap:balance} #product-story .tour-chapter p{color:var(--tour-soft);font-size:16px;line-height:1.65;text-wrap:pretty} #product-story .tour-chapter small{padding-top:14px;border-top:1px solid var(--tour-line);color:var(--tour-muted);font-size:13px;line-height:1.6} #product-story .tour-status{display:flex;justify-content:space-between;gap:16px;padding-top:14px;color:var(--tour-muted);font:500 12px/1.4 var(--mono)} #product-story .tour-status i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--tour-coral);vertical-align:1px} /* Product window */ #product-story .product-window{--pw-bg:#0f1214;--pw-panel:#13171a;--pw-raised:#1a1f23;--pw-line:#252b30;--pw-line2:#363d44;--pw-ink:#f1eee9;--pw-soft:#cec9c1;--pw-muted:#9ca3aa;--pw-coral:#ff7d63;--pw-teal:#7fd3dd;--pw-amber:#f0b35b;--pw-green:#86cf8f;position:relative;display:grid;grid-template-columns:60px minmax(0,1fr);height:clamp(540px,calc(100vh - 230px),660px);min-height:0;overflow:hidden;border:1px solid var(--pw-line2);border-radius:18px;background:var(--pw-bg);color:var(--pw-soft);font:13px/1.5 Story Inter,Arial,sans-serif;color-scheme:dark;box-shadow:inset 0 1px 0 #ffffff12,0 2px 0 #0000004d,0 60px 120px -60px #000000f2} :root[data-theme="light"] #product-story .product-window{border-color:#0f1214;box-shadow:0 2px 4px #18212b1f,0 50px 100px -50px #18212bb3} #product-story .product-window *{box-sizing:border-box} #product-story .product-window :is(h2,h3,h4,strong){color:var(--pw-ink)} #product-story .product-window :is(button,select,summary):focus-visible{outline:2px solid var(--pw-teal);outline-offset:2px} #product-story .product-sidebar{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0;padding:12px 8px;border-right:1px solid var(--pw-line);background:#0b0d0f} #product-story .product-logo{display:grid;place-items:center;width:40px;height:40px;margin-bottom:6px;padding:0;border-bottom:0} #product-story .product-logo img{width:28px;height:28px} #product-story .product-logo strong,#product-story .product-project,#product-story .product-readiness{display:none} #product-story .product-nav{display:grid;gap:4px;margin:0;padding:6px 0 0;border-top:1px solid var(--pw-line);list-style:none} #product-story .product-nav li{display:grid;place-items:center;width:40px;height:38px;border-radius:10px;color:var(--pw-muted);font-size:0;transition:background-color .2s,color .2s} #product-story .product-nav li>span{width:auto;color:inherit;font-size:15px;line-height:1} #product-story .product-nav li.is-current{background:#2a1d1a;color:var(--pw-coral);box-shadow:inset 0 0 0 1px #ff7d6347} #product-story .product-main{display:flex;flex-direction:column;min-width:0;min-height:0} #product-story .product-topbar{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 16px;border-bottom:1px solid var(--pw-line);background:linear-gradient(180deg,#15191c,#111416);color:var(--pw-muted);font-size:13px} #product-story .product-topbar strong{font-weight:650} #product-story .product-topbar i{margin:0 8px;font-style:normal} #product-story .product-example-label{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--pw-line2);border-radius:999px;color:var(--pw-soft);font:600 10.5px/1.3 var(--mono);letter-spacing:.08em;white-space:nowrap} #product-story .product-example-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pw-amber)} #product-story .product-view{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;background:var(--pw-bg)} #product-story .story-fallback{padding:24px;color:var(--pw-soft)} #product-story .story-fallback a{color:var(--pw-teal);text-decoration:underline} #product-story .p-graph-layout,#product-story .p-content-layout{display:grid;flex:1;grid-template-columns:minmax(0,1fr) 240px;min-height:0} #product-story .p-graph-main{display:flex;flex-direction:column;min-width:0;min-height:0} /* Controls */ #product-story .product-window .p-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 12px;border:1px solid var(--pw-line2);border-radius:9px;background:linear-gradient(180deg,#20262b,#191e22);color:var(--pw-ink);font:600 12.5px/1.2 Story Inter,Arial,sans-serif;cursor:pointer;transition:background-color .15s,border-color .15s,transform .15s} #product-story .product-window .p-button:hover{border-color:#5c656e;background:#262d33} #product-story .product-window .p-button:active{transform:scale(.97)} #product-story .product-window .p-primary{border-color:#ff7d63;background:#ff7d63;color:#1b0f0b} #product-story .product-window .p-primary:hover{border-color:#ff9883;background:#ff9883} #product-story .product-window .p-button[aria-pressed="true"]{border-color:#8a4f42;background:#2b1f1c;color:#ffc6b8} #product-story .product-window .p-button:disabled{opacity:.35;cursor:default;transform:none} #product-story .p-graph-toolbar{display:flex;flex-shrink:0;align-items:center;gap:8px;height:48px;padding:7px 12px;border-bottom:1px solid var(--pw-line);background:#121518} #product-story .p-tool-active{padding:6px 11px;border:1px solid #7a4a3f;border-radius:9px;background:#2b1f1c;color:#ffc6b8;font-size:12.5px;font-weight:600} #product-story .p-tool-hint{color:var(--pw-muted);font-size:12px} #product-story .p-zoom{display:flex;align-items:center;gap:2px;margin-left:auto;padding:2px;border:1px solid var(--pw-line);border-radius:10px} #product-story .product-window .p-zoom .p-button{min-width:30px;min-height:30px;padding:4px;border:0;background:transparent;font-size:15px} #product-story .p-zoom output{min-width:44px;color:var(--pw-soft);font:600 12px/1 var(--mono);text-align:center} #product-story .p-context-switch{display:flex;flex-shrink:0;justify-content:flex-end;gap:6px;padding:8px 12px;border-bottom:1px solid var(--pw-line);background:#111417} #product-story .p-kicker{display:block;margin:0 0 8px;color:var(--pw-coral);font:700 10.5px/1.35 var(--mono);letter-spacing:.09em;text-transform:uppercase} #product-story .p-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0} #product-story .p-chip{padding:3px 9px;border:1px solid var(--pw-line2);border-radius:999px;color:var(--pw-soft);font-size:11px;white-space:nowrap} /* Graph canvas and dashboard-faithful node cards */ #product-story .p-canvas{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(circle,#ffffff13 1px,transparent 1.35px) 0 0/22px 22px,radial-gradient(90% 80% at 50% 35%,#151d24,#0c0f12);cursor:grab} #product-story .p-canvas:active{cursor:grabbing} #product-story .p-world{position:absolute;inset:0;transform-origin:center;will-change:transform} #product-story .p-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none} #product-story .p-wires path{fill:none;stroke:#8c8f88;stroke-width:1.3;opacity:.5} #product-story .p-wires path.is-linked{stroke:#f0b35b;stroke-width:1.8;opacity:.95;stroke-dasharray:6 7;animation:tour-flow 1.4s linear 3} #product-story .p-world .is-dimmed{opacity:.14!important} #product-story .product-window .p-node{position:absolute;width:174px;padding:0 0 9px;transform:translate(-50%,-50%);border:1px solid #3d444c;border-left:3px solid #e0a64f;border-radius:10px;background:linear-gradient(180deg,#1a1e23,#14171b);color:var(--pw-ink);font:inherit;text-align:left;cursor:grab;touch-action:pan-x pan-y;box-shadow:inset 0 1px 0 #ffffff0d,0 16px 32px -18px #000000f2;transition:opacity .25s,box-shadow .25s,border-color .2s} #product-story .product-window .p-node:hover{border-color:#68717a;border-left-color:#e0a64f} #product-story .product-window .p-node.is-selected{box-shadow:0 0 0 1.5px #f0b35b,0 0 0 7px #f0b35b1f,0 0 40px -8px #f0b35b5c,0 22px 44px -22px #000} #product-story .p-node-heading{position:relative;display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 9px;border-radius:7px 9px 0 0;background:linear-gradient(180deg,#4b2f23,#3b261d);color:#fbeee5;font-size:12px;font-weight:700;line-height:1.25} #product-story .p-node-heading>b{display:grid;flex:none;place-items:center;width:19px;height:19px;border-radius:6px;background:linear-gradient(160deg,#f6c46d,#e09a3c);color:#2b1a0e;font-size:9.5px;box-shadow:inset 0 1px 0 #ffffff66} #product-story .p-input{position:absolute;top:13px;left:-7px;width:9px;height:9px;border:1.5px solid #d4cfbd;border-radius:50%;background:#2a2c2e} #product-story .p-node-meta{display:block;padding:7px 10px 1px;color:var(--pw-muted);font:500 10px/1.4 var(--mono)} #product-story .p-node-fields{display:grid;gap:3px;padding:6px 8px 4px} #product-story .p-node-field{position:relative;display:flex;align-items:center;gap:6px;min-height:22px;padding:2px 7px;border:1px solid #ffffff0e;border-radius:6px;background:#0d1013;color:#e7e3dc;font-size:10.5px;line-height:1.3} #product-story .p-node-field>small{padding:1px 4px;border-radius:3px;background:#3b2d1c;color:#f3c57c;font:700 8.5px/1.3 var(--mono)} #product-story .p-port{position:absolute;top:50%;right:-13px;width:8px;height:8px;margin-top:-4px;border:1.5px solid #bdbfb5;border-radius:50%;background:#2a2c2e} #product-story .p-node-footer{display:flex;align-items:center;gap:4px;padding:3px 8px 0;font:600 9px/1.4 var(--mono)} #product-story .p-node-footer span{padding:1px 6px;border:1px solid #ffffff14;border-radius:5px;background:#ffffff08;color:var(--pw-soft)} #product-story .p-node-footer span:last-child{min-width:20px;margin-left:auto;border-color:#ff7d634d;background:#ff7d6312;color:#ffb4a4;text-align:center} #product-story .product-window .p-context-node{width:168px;border-left-color:#7fd3dd} #product-story .product-window .p-context-node:hover{border-left-color:#7fd3dd} #product-story .p-context-node .p-node-heading{background:linear-gradient(180deg,#1f4a50,#173a3f);color:#e6f7f9} #product-story .p-context-node .p-node-heading>b{background:linear-gradient(160deg,#9fe3eb,#5fbcc8);color:#0d2a2e} #product-story .p-context-node .p-node-field{background:transparent} #product-story .p-minimap{position:absolute;bottom:50px;left:12px;width:104px;height:62px;border:1px solid var(--pw-line2);border-radius:8px;background:#0f1316d9;pointer-events:none} #product-story .p-minimap i{position:absolute;width:20%;height:18%;border-radius:2px;background:#6c706b80} #product-story .p-minimap>span{position:absolute;inset:5px 8px 9px 6px;border:1px solid #a7aca286;border-radius:3px} #product-story .p-legend{position:absolute;bottom:12px;left:12px;display:flex;gap:12px;padding:6px 10px;border:1px solid var(--pw-line);border-radius:8px;background:#0f1316e6;font-size:11px;pointer-events:none} #product-story .p-legend span:nth-child(1){color:#e8c35a} #product-story .p-legend span:nth-child(2){color:#ff7d63} #product-story .p-legend span:nth-child(3){color:#c99382} #product-story .p-legend span:nth-child(4){color:#86cf8f} #product-story .p-activity{display:none;flex-shrink:0;align-items:center;gap:12px;height:44px;padding:0 14px;border-top:1px solid #4b3630;background:linear-gradient(180deg,#261b17,#1a1716);font-size:12px} #product-story .p-activity strong{color:#e6cdb0;font:700 10.5px/1 var(--mono);letter-spacing:.08em} #product-story .p-activity>span{order:3;margin-left:auto;color:#a8897b;font-size:11px} #product-story .p-activity p{overflow:hidden;color:#b0a597;text-overflow:ellipsis;white-space:nowrap} /* Inspector */ #product-story .p-inspector{display:flex;flex-direction:column;min-width:0;overflow:auto;border-left:1px solid var(--pw-line);background:var(--pw-panel);scrollbar-color:#5a3f38 #15181b;scrollbar-width:thin} #product-story .p-inspector-top{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;height:48px;margin:0 16px;border-bottom:1px solid var(--pw-line);color:var(--pw-ink);font-size:12.5px;font-weight:700} #product-story .p-inspector-top::after{content:"";position:absolute;bottom:-1px;left:0;width:28px;height:2px;background:var(--pw-coral)} #product-story .p-inspector-top>span{color:var(--pw-muted)} #product-story .p-inspector-content{padding:16px;overflow-wrap:anywhere;color:var(--pw-muted);font-size:12.5px} #product-story .product-window .p-inspector h3{margin:0 0 6px;font-size:17px;line-height:1.25;letter-spacing:-.02em} #product-story .p-inspector p{margin:0 0 10px;color:var(--pw-muted);font-size:12.5px;line-height:1.6} #product-story .p-inspector hr{margin:16px 0;border:0;border-top:1px solid var(--pw-line)} #product-story .product-window .p-inspector .p-button{display:flex;width:100%;margin:8px 0 0} #product-story .p-inspector .p-record-detail{margin-top:18px} #product-story .p-inspector .p-record-detail p{margin-top:6px;color:var(--pw-soft)} #product-story .p-inspector .p-explanation{padding:10px 12px;border-radius:10px;background:#7fd3dd12;color:var(--pw-soft)} #product-story .product-window .p-inspector h4{margin:10px 0 6px;font-size:14px} #product-story .p-selection-detail p{color:var(--pw-soft)} #product-story .p-inspector .p-context-evidence{padding:10px 0;border-top:1px solid var(--pw-line);color:var(--pw-soft);font-size:12.5px} #product-story .p-context-evidence summary{color:var(--pw-ink);font-weight:600;cursor:pointer} #product-story .p-context-evidence p{padding-top:8px} #product-story .p-context-evidence+.p-kicker{margin-top:14px} /* Pages */ #product-story .p-page{flex:1;min-width:0;padding:24px 26px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#5a3f38 #15181b;scrollbar-width:thin} #product-story .product-window .p-page h2{margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.15;letter-spacing:-.03em} #product-story .p-page p{margin:0 0 16px;color:var(--pw-muted);font-size:13px;line-height:1.6} #product-story .p-page .p-muted{margin:16px 0 0;color:var(--pw-muted);font:500 11px/1.5 var(--mono)} #product-story .p-page-heading{margin-bottom:18px} #product-story .p-estimate{padding:20px;border:1px solid var(--pw-line);border-radius:14px;background:linear-gradient(180deg,#161c20,#111518)} #product-story .p-estimate-heading{margin-bottom:8px} #product-story .product-window .p-estimate-heading h2{font-size:19px} #product-story .product-window .p-capability{display:block;width:100%;margin-top:10px;padding:14px 16px;border:1px solid var(--pw-line);border-left:3px solid var(--pw-green);border-radius:12px;background:#161a1d;color:var(--pw-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s} #product-story .product-window .p-capability:hover{border-color:#4c555c;border-left-color:var(--pw-green);background:#1b2024} #product-story .product-window .p-capability[aria-pressed="true"]{border-color:#86cf8f80;background:#18221c;box-shadow:0 0 0 4px #86cf8f14} #product-story .p-capability>span{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;font-weight:650} #product-story .p-capability b{color:var(--pw-green);font-size:16px;font-variant-numeric:tabular-nums} #product-story .p-capability>i{display:block;height:8px;margin:12px 0 10px;overflow:hidden;border-radius:999px;background:#262c30} #product-story .p-capability em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d8f65,#86cf8f);transform-origin:left;animation:tour-grow 1s var(--ease) both} #product-story .p-capability>small{display:flex;justify-content:space-between;gap:10px;color:var(--pw-muted);font-size:11.5px} #product-story .p-capability>small span{color:var(--pw-soft)} /* Change Review */ #product-story .p-published-header{margin-bottom:16px} #product-story .p-review-selector{display:grid;gap:6px;width:max-content;max-width:100%;margin-top:12px;color:var(--pw-muted);font:600 10.5px/1.3 var(--mono);letter-spacing:.08em} #product-story .product-window .p-review-selector select{max-width:100%;padding:9px 30px 9px 12px;border:1px solid var(--pw-line2);border-radius:9px;background:#14181b;color:var(--pw-ink);font:600 13px/1.2 Story Inter,Arial,sans-serif;color-scheme:dark} #product-story .p-published-panel{min-width:0;padding:16px;border:1px solid var(--pw-line);border-radius:12px;background:#14191c} #product-story .p-published-digest{margin-bottom:10px} #product-story .product-window .p-published-panel h3{margin:0 0 10px;color:var(--pw-muted);font:700 10.5px/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase} #product-story .product-window .p-published-panel h4{margin:0 0 8px;font-size:16px;line-height:1.35} #product-story .p-published-panel p{margin:0 0 6px;color:var(--pw-muted);font-size:12.5px;line-height:1.55} #product-story .p-published-panel p strong{color:var(--pw-soft)} #product-story .p-published-panel details{margin-top:10px;color:var(--pw-soft);font-size:12.5px} #product-story .p-published-panel summary{color:var(--pw-teal);font-weight:600;cursor:pointer} #product-story .p-published-panel details p{margin-top:8px} #product-story .p-published-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px} #product-story .p-published-metrics>div{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid var(--pw-line);border-radius:10px;background:#13171a} #product-story .p-published-metrics small{color:var(--pw-muted);font:600 10px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase} #product-story .p-published-metrics strong{margin-top:auto;padding-top:8px;font-size:26px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums} #product-story .p-published-metrics>div:nth-child(2) strong{color:var(--pw-green)} #product-story .p-published-metrics>div:nth-child(3) strong{color:var(--pw-amber)} #product-story .p-published-metrics>div:nth-child(4) strong{color:var(--pw-coral)} #product-story .p-published-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #product-story .product-window .p-published-row{display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid var(--pw-line);border-radius:8px;background:#0f1215;color:var(--pw-soft);font:500 12px/1.45 Story Inter,Arial,sans-serif;text-align:left;overflow-wrap:anywhere} #product-story .product-window button.p-published-row{cursor:pointer;transition:border-color .15s,background-color .15s} #product-story .product-window button.p-published-row:hover{border-color:#5c656e;color:var(--pw-ink)} #product-story .product-window button.p-published-row[aria-pressed="true"]{border-color:#c98c60;background:#2a1f1b;color:var(--pw-ink)} #product-story .p-published-review>.p-muted{margin-top:12px} /* Files */ #product-story .p-explorer{overflow:hidden;border:1px solid var(--pw-line);border-radius:12px;background:#121619} #product-story .p-explorer-path{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:8px 10px;border-bottom:1px solid var(--pw-line);color:var(--pw-muted);font-size:12px} #product-story .product-window .p-explorer-path button,#product-story .product-window .p-explorer-folders button{padding:6px 9px;border:0;border-radius:7px;background:transparent;color:var(--pw-soft);font:500 12.5px/1.2 Story Inter,Arial,sans-serif;text-align:left;cursor:pointer} #product-story .product-window .p-explorer-path button:hover:not(:disabled),#product-story .product-window .p-explorer-folders button:hover{background:#ffffff0a;color:var(--pw-ink)} #product-story .product-window .p-explorer-path button[aria-current="location"],#product-story .product-window .p-explorer-folders button[aria-current="location"]{background:#2a1f1b;color:var(--pw-ink)} #product-story .p-explorer-path button:disabled{opacity:.35} #product-story .p-explorer-layout{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:250px} #product-story .p-explorer-folders{display:flex;flex-direction:column;gap:2px;padding:8px 6px;border-right:1px solid var(--pw-line)} #product-story .p-explorer-list{min-width:0;padding:4px 12px} #product-story .p-explorer-columns,#product-story .product-window .p-explorer-row{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:10px;width:100%;padding:10px 6px;border:0;border-bottom:1px solid var(--pw-line);border-radius:0;background:transparent;color:var(--pw-ink);font:500 12.5px/1.35 Story Inter,Arial,sans-serif;text-align:left} #product-story .product-window .p-explorer-row{cursor:pointer;transition:background-color .15s} #product-story .p-explorer-columns{color:var(--pw-muted);font:600 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase} #product-story .p-explorer-row>span{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere} #product-story .p-explorer-row small{color:var(--pw-muted);font-size:11.5px} #product-story .product-window .p-explorer-row:hover{background:#ffffff07} #product-story .product-window .p-explorer-row[aria-pressed="true"]{background:#2a1f1b;box-shadow:inset 3px 0 var(--pw-coral)} #product-story .p-explorer-icon{display:inline-block;flex:0 0 12px;height:15px;border:1.5px solid #9aa1a4;border-radius:3px} #product-story .p-explorer-icon.folder{position:relative;flex-basis:15px;height:11px;border-color:#d9a85f;background:#d9a85f33} #product-story .p-explorer-icon.folder::before{content:"";position:absolute;top:-4px;left:-1.5px;width:6px;height:3px;border:1.5px solid #d9a85f;border-bottom:0;border-radius:2px 2px 0 0} #product-story .p-explorer .p-explorer-count{margin:10px 0;color:var(--pw-muted);font:500 11px/1.4 var(--mono)} /* Reports */ #product-story .p-reports-page{width:100%;min-width:0;overflow-wrap:anywhere} #product-story .p-report-workspace{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr);gap:12px;margin:14px 0} #product-story .p-report-list,#product-story .p-report-detail,#product-story .p-report-bug-row>div{min-width:0} #product-story .p-report-list{display:grid;align-content:start;gap:6px} #product-story .product-window .p-report-row{display:block;width:100%;padding:11px 12px;border:1px solid var(--pw-line);border-radius:10px;background:#13171a;color:var(--pw-ink);font:600 13px/1.35 Story Inter,Arial,sans-serif;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s} #product-story .p-report-row strong{display:block} #product-story .p-report-row span{display:block;margin-top:3px;color:var(--pw-muted);font-size:11.5px;font-weight:500} #product-story .product-window .p-report-row:hover{border-color:#5c656e} #product-story .product-window .p-report-row[aria-pressed="true"]{border-color:#8a4f42;background:#2a1f1b;box-shadow:inset 3px 0 var(--pw-coral)} #product-story .p-report-detail{padding:14px 16px;border:1px solid var(--pw-line);border-radius:12px;background:#14191c} #product-story .product-window .p-report-detail h3,#product-story .product-window .p-report-bugs h3{margin:0 0 6px;font-size:15px;line-height:1.35} #product-story .p-report-detail p{margin:0 0 8px;color:var(--pw-soft)} #product-story .p-report-detail .p-muted{margin:0;font:500 12px/1.5 Story Inter,Arial,sans-serif} #product-story .p-report-bugs{padding:14px 16px;border:1px solid #ff7d6347;border-radius:12px;background:linear-gradient(180deg,#ff7d6310,#13171a 80%)} #product-story .p-report-bugs h3 small{margin-left:6px;padding:1px 8px;border-radius:999px;background:#ff7d632b;color:var(--pw-coral);font-size:11px} #product-story .p-report-bug-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:6px} #product-story .p-report-bug-row strong{display:block;font-size:13.5px} #product-story .p-report-bug-row span{display:block;margin:2px 0;color:var(--pw-amber);font-size:11.5px} #product-story .p-report-bug-row p{margin:4px 0 0;font-size:12.5px} #product-story .p-report-bug-action{display:flex;flex-wrap:wrap;align-items:center;gap:10px} #product-story .p-report-bug-action [role="status"]{color:var(--pw-green);font-size:12.5px;font-weight:650} #product-story .p-report-bug-action [role="status"]::before{content:"✓ "} #product-story .p-reports-page .p-report-process{margin:14px 0 4px;color:var(--pw-soft);font:600 11.5px/1.5 var(--mono)} #product-story .p-report-queue-record:focus-visible{outline:2px solid var(--pw-teal);outline-offset:3px} /* Effort chart */ #product-story .p-resource-header{margin-bottom:12px;padding:18px;border:1px solid #23404a;border-radius:14px;background:linear-gradient(120deg,#18202f,#122a2e)} #product-story .p-resource-header p{margin:0} #product-story .p-effort-layout{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);align-items:center;gap:24px;margin-top:16px} #product-story .p-donut{position:relative;width:100%;max-width:210px;aspect-ratio:1;margin:auto;padding:17%;border-radius:50%;background:conic-gradient(#00a57c 0% 37.5%,#7648e8 37.5% 62.5%,#ea940b 62.5% 81.25%,#088ea8 81.25% 93.75%,#3065d9 93.75%);animation:tour-spin 1.1s var(--ease) both} #product-story .p-donut>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#12161a;box-shadow:inset 0 0 0 1px #ffffff10} #product-story .p-donut strong{font-size:30px;line-height:1;letter-spacing:-.03em} #product-story .p-donut span{margin-top:4px;color:var(--pw-muted);font-size:11px;white-space:nowrap} #product-story .p-resource-table{overflow:hidden;border:1px solid var(--pw-line);border-radius:12px} #product-story .product-window .p-resource-table h3{margin:0;padding:12px 14px;font-size:13px} #product-story .p-table-head,#product-story .product-window .p-resource-table button{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 92px;align-items:center;gap:8px} #product-story .p-table-head{padding:9px 14px;background:#181e22;color:var(--pw-muted);font:600 10px/1.3 var(--mono);letter-spacing:.08em} #product-story .product-window .p-resource-table button{width:100%;padding:11px 14px;border:0;border-top:1px solid var(--pw-line);border-radius:0;background:#13171a;color:var(--pw-ink);font:500 13px/1.3 Story Inter,Arial,sans-serif;text-align:left;cursor:pointer;transition:background-color .15s} #product-story .p-resource-table button i{display:inline-block;width:10px;height:10px;margin-right:9px;border-radius:3px;vertical-align:-1px} #product-story .p-resource-table button b{font-variant-numeric:tabular-nums} #product-story .p-resource-table button small{padding:3px 8px;border:1px solid #2f8f84;border-radius:999px;color:#93dbce;font:600 9.5px/1.3 var(--mono);text-align:center} #product-story .product-window .p-resource-table button:hover{background:#1a2124} #product-story .product-window .p-resource-table button[aria-pressed="true"]{background:#1d2a2c;box-shadow:inset 3px 0 var(--pw-teal)} /* Queues and context history */ #product-story .p-queue-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px} #product-story .p-queue-heading .p-context-switch{padding:3px;border:1px solid var(--pw-line);border-radius:11px;background:#111417} #product-story .product-window .p-queue-heading .p-button{white-space:nowrap} #product-story .p-queue-filters{margin:0 0 16px;overflow:hidden;border:1px solid var(--pw-line);border-radius:12px} #product-story .p-queue-filters p{display:flex;flex-wrap:wrap;align-items:center;margin:0;color:var(--pw-soft)} #product-story .p-queue-filters p+p{border-top:1px solid var(--pw-line)} #product-story .p-queue-filters small,#product-story .p-queue-filters span{padding:9px 12px;font-size:12px;white-space:nowrap} #product-story .p-queue-filters small{color:var(--pw-muted);font:600 10px/1.3 var(--mono);letter-spacing:.08em} #product-story .p-queue-filters span:first-of-type{color:var(--pw-ink);box-shadow:inset 0 -2px var(--pw-coral)} #product-story .p-queue-record{position:relative;margin-bottom:10px;padding:16px 16px 16px 20px;overflow:hidden;border:1px solid var(--pw-line2);border-radius:12px;background:#151a1d;animation:tour-rise .45s var(--ease) both} #product-story .p-queue-record::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--pw-coral)} #product-story .product-window .p-queue-record h3{margin:8px 0 6px;font-size:15px} #product-story .p-queue-record p{margin-bottom:10px;font-size:12.5px} #product-story .p-queue-record dl{display:grid;grid-template-columns:70px minmax(0,1fr);gap:6px 10px;margin:10px 0 0;font-size:12px} #product-story .p-queue-record dt{color:var(--pw-muted);font:600 10px/1.8 var(--mono);letter-spacing:.06em} #product-story .p-queue-record dd{margin:0;color:var(--pw-ink)} #product-story .p-empty-line{margin:0 0 12px;padding:18px;border:1px dashed var(--pw-line2);border-radius:12px;color:var(--pw-muted);font-size:12.5px;text-align:center} #product-story .p-history-heading{margin-bottom:16px} #product-story .p-history-list{display:grid;gap:6px} #product-story .product-window .p-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border:1px solid var(--pw-line);border-radius:10px;background:#13171a;color:var(--pw-ink);font:600 12.5px/1.4 var(--mono);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s} #product-story .p-history-row>span{min-width:0;overflow-wrap:anywhere} #product-story .p-history-row>small{flex:none;color:var(--pw-muted);font:500 11.5px/1.3 Story Inter,Arial,sans-serif} #product-story .product-window .p-history-row:hover{border-color:#5c656e} #product-story .product-window .p-history-row[aria-pressed="true"]{border-color:#8a4f42;background:#2a1f1b;box-shadow:inset 3px 0 var(--pw-coral)} #product-story .p-history-group{display:grid;gap:6px} #product-story .p-session-records{display:grid;gap:6px;margin:0 0 4px 14px;padding-left:12px;border-left:2px solid #2f5b61} #product-story .product-window .p-session-child{display:block;border-color:#2c474c;background:#10181b;font:600 12px/1.4 Story Inter,Arial,sans-serif;animation:tour-rise .35s var(--ease) both} #product-story .p-session-child small{display:block;margin-top:4px;color:var(--pw-soft);font-size:12px;font-weight:500;line-height:1.5;white-space:normal} #product-story .product-window .p-timeline-row{display:block} #product-story .p-timeline-row>small{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:6px;font-size:11.5px} #product-story .p-timeline-row small>b{color:var(--pw-soft);font-weight:600;overflow-wrap:anywhere} #product-story .p-timeline-row small>*+*::before{content:"·";margin-right:8px;color:#69727a} /* Lower page sections follow the theme tokens too. */ #product-story .tour-connect{border-color:var(--tour-line)} #product-story .tour-connect h2 em{color:var(--tour-muted)!important} #product-story .tour-connect b{color:var(--tour-coral)} #product-story .tour-connect strong{color:var(--tour-ink)} #product-story .tour-connect p span{color:var(--tour-soft)} #product-story .tour-introduction~* a,#product-story .tour-connect a{text-underline-offset:4px} @keyframes tour-flow{to{stroke-dashoffset:-26}} @keyframes tour-grow{from{transform:scaleX(0)}} @keyframes tour-spin{from{transform:rotate(-40deg) scale(.92);opacity:.4}} @keyframes tour-rise{from{opacity:0;transform:translateY(8px)}} /* Wide screens show the full product sidebar. */ @media(min-width:1500px){ #product-story .product-window{grid-template-columns:184px minmax(0,1fr);height:clamp(560px,calc(100vh - 230px),700px)} #product-story .product-sidebar{align-items:stretch;padding:14px 10px} #product-story .product-logo{display:flex;justify-content:flex-start;gap:10px;width:auto;padding:0 6px} #product-story .product-logo strong{display:block;color:var(--pw-coral);font-size:12px;line-height:1.1;letter-spacing:.02em} #product-story .product-nav li{display:flex;justify-content:flex-start;gap:10px;width:auto;height:36px;padding:0 10px;font-size:13px} #product-story .product-nav li>span{width:16px;font-size:14px;text-align:center} #product-story .product-readiness{display:block;margin-top:auto;padding:10px;border:1px solid var(--pw-line);border-radius:10px;font-size:11.5px} #product-story .product-readiness>strong{display:block;margin-bottom:8px;font:700 10px/1.3 var(--mono);letter-spacing:.08em} #product-story .product-readiness dl{display:grid;grid-template-columns:1fr auto;gap:5px;margin:0} #product-story .product-readiness dt{color:var(--pw-muted)} #product-story .product-readiness dd{margin:0;color:var(--pw-ink);font-weight:650} #product-story .product-readiness>span{display:block;margin-top:8px;color:var(--pw-muted);font-size:10.5px} } /* Narrow desktops and tablets: a slimmer inspector; the canvas scrolls sideways before cards would collide. */ @media(max-width:1000px){ #product-story .p-graph-layout,#product-story .p-content-layout{grid-template-columns:minmax(0,1fr) 212px} #product-story .product-window .p-node{width:144px} #product-story .p-canvas{overflow-x:auto;overflow-y:hidden} #product-story .p-world{right:auto;width:max(100%,620px)} } @media(max-width:900px){ #product-story .product-window{grid-template-columns:minmax(0,1fr)} #product-story .product-sidebar{display:none} #product-story .tour-flow .tour-chapter-copy{grid-template-columns:minmax(0,1fr) minmax(260px,1fr)} } /* Phones: no shrunken desktop UI. The canvas scrolls sideways; pages scroll inside the window. */ @media(max-width:760px){ #product-story .story-shell{width:calc(100% - 32px)} #product-story .story-header{height:75px} #product-story .tour-intro{grid-template-columns:1fr;gap:26px;padding-block:45px 36px} #product-story .tour-intro h1{font-size:clamp(29px,7.5vw,48px)} #product-story .tour-eyebrow{margin-bottom:18px!important;font-size:10px} #product-story .tour-intro-aside>p:first-child{max-width:29ch;font-size:20px} #product-story .tour-intro-detail{font-size:14px} #product-story .tour-intro .story-actions{gap:18px;margin-top:22px} #product-story .tour-introduction{flex-wrap:wrap;gap:6px 14px;padding:18px 0 12px;font-size:13px} #product-story .tour-nav{margin-inline:-16px;padding:8px 16px} #product-story .tour-nav a{min-height:38px;padding:6px 11px;font-size:13px} #product-story .tour-flow .tour-chapter{gap:22px;padding:36px 0 44px} #product-story .tour-preview::before{inset:-24px -8px} #product-story .tour-flow .tour-chapter-copy{display:flex;align-items:stretch;gap:14px} #product-story .tour-chapter h2{font-size:30px!important} #product-story .tour-chapter h2 br{display:none} #product-story .tour-chapter p{font-size:15px} #product-story .tour-flow .tour-chapter:not(.is-current) .tour-preview{filter:none;transform:none} #product-story .product-window{display:flex;flex-direction:column;height:auto;border-radius:16px} #product-story .product-sidebar{display:none} #product-story .product-topbar{height:44px;padding:0 12px;font-size:12px} #product-story .product-topbar>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #product-story .product-example-label{padding:3px 8px;font-size:10px;letter-spacing:.04em} #product-story .p-graph-layout,#product-story .p-content-layout{display:flex;flex-direction:column} #product-story .p-graph-main{height:568px;flex:none} #product-story .p-canvas{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} #product-story .p-world{right:auto;width:700px} #product-story .product-window .p-node{width:168px} #product-story .product-window .p-context-node{width:176px} #product-story .p-tool-hint,#product-story .p-minimap,#product-story .p-legend,#product-story .p-activity{display:none} #product-story .p-graph-toolbar{gap:6px;padding:6px 10px} #product-story .p-page{flex:none;max-height:520px;padding:18px 16px} #product-story .product-window .p-page h2{font-size:21px} #product-story .p-inspector{border-top:1px solid var(--pw-line);border-left:0;overflow:visible} #product-story .p-inspector-top{display:none} #product-story .p-inspector-content{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px} #product-story .p-inspector-content>*{flex:1 1 100%;margin:0} #product-story .p-inspector-content>hr,#product-story .p-inspector-content>.p-chips{display:none} #product-story .product-window .p-inspector .p-button{flex:1 1 auto;width:auto;margin:0} #product-story .p-inspector .p-record-detail{margin:4px 0 0} #product-story .p-inspector .p-record-detail>.p-kicker{display:none} #product-story .p-content-layout>.p-inspector .p-inspector-content>p{display:none} #product-story .p-content-layout>.p-inspector .p-selection-detail p{display:block} #product-story .p-published-metrics{grid-template-columns:repeat(3,minmax(0,1fr))} #product-story .p-published-metrics strong{font-size:22px} #product-story .p-published-columns,#product-story .p-report-workspace,#product-story .p-effort-layout{grid-template-columns:minmax(0,1fr)} #product-story .p-explorer-layout{grid-template-columns:minmax(0,1fr)} #product-story .p-explorer-folders{display:none} #product-story .p-donut{max-width:160px} #product-story .p-queue-heading{flex-direction:column} #product-story .tour-status{flex-direction:column;gap:4px;font-size:11px} #product-story .tour-connect{margin-top:15px;padding-block:45px} #product-story .tour-connect>div{grid-template-columns:1fr;gap:26px} #product-story .tour-connect>div p{font-size:14px} #product-story .tour-connect p span{font-size:13px} #product-story .story-access{padding-top:42px} #product-story .story-close p{font-size:23px} #product-story .story-close{padding:28px} } @media(min-width:761px) and (max-width:900px){#product-story .story-shell{width:calc(100% - 40px)}} @media(prefers-reduced-motion:reduce){ #product-story .tour-preview,#product-story .tour-preview::before,#product-story .tour-nav a,#product-story .product-window *{transition:none!important} #product-story .tour-flow .tour-chapter:not(.is-current) .tour-preview{transform:none} #product-story .product-window *,#product-story .product-window *::before{animation:none!important} } /* Recovery flow: the promise, proven with one failed session. The review card stays dark, like the product. */ #product-story .tour-intro h1{text-wrap:balance} #product-story .recover{padding:clamp(16px,3vw,40px) 0 clamp(56px,7vw,96px)} #product-story .recover-head{max-width:780px;margin-bottom:clamp(24px,3vw,40px)} #product-story .recover-eyebrow{margin:0 0 14px;color:var(--tour-coral);font:600 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase} #product-story .recover-head h2{margin:0;color:var(--tour-ink);font-size:clamp(32px,3.6vw,54px);font-weight:700;line-height:1.05;letter-spacing:-.04em} #product-story .recover-head h2 em{color:var(--tour-coral)} #product-story .recover-head>p:last-child{max-width:60ch;margin-top:16px;color:var(--tour-soft);font-size:17px;line-height:1.65} #product-story .recover-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr);align-items:start;gap:clamp(20px,3vw,40px)} #product-story .recover-before{margin:0;padding:20px;border:1px dashed var(--tour-line);border-radius:18px;background:color-mix(in srgb,var(--tour-panel) 55%,transparent)} #product-story .recover-before figcaption{display:grid;gap:4px;margin-bottom:16px;color:var(--tour-ink);font-size:15px;font-weight:650} #product-story .recover-before figcaption span{color:var(--tour-muted);font:600 11.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase} #product-story .recover-chat{display:grid;gap:10px;margin:0;padding:0;list-style:none} #product-story .recover-chat li{max-width:92%;padding:10px 12px;border-radius:14px;font-size:14px;line-height:1.5} #product-story .recover-chat b{display:block;margin-bottom:2px;color:var(--tour-muted);font:600 10.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase} #product-story .recover-chat p{color:var(--tour-soft)} #product-story .recover-chat .is-you{justify-self:end;border-bottom-right-radius:4px;background:color-mix(in srgb,var(--tour-coral) 13%,transparent)} #product-story .recover-chat .is-agent{border-bottom-left-radius:4px;background:color-mix(in srgb,var(--tour-ink) 7%,transparent)} #product-story .recover-note{margin-top:14px;color:var(--tour-muted);font-size:13px;line-height:1.55} #product-story .recover-after{overflow:hidden;border:1px solid #363d44;border-radius:18px;background:#0f1214;color:#cec9c1;font:13.5px/1.55 Story Inter,Arial,sans-serif;color-scheme:dark;box-shadow:inset 0 1px 0 #ffffff12,0 2px 0 #0000004d,0 50px 110px -55px #000000f2} :root[data-theme="light"] #product-story .recover-after{border-color:#0f1214;box-shadow:0 2px 4px #18212b1f,0 40px 90px -45px #18212bb3} #product-story .recover-after :is(h3,h4,strong){color:#f1eee9} #product-story .recover-after code{color:#7fd3dd;font:600 .92em/1.4 var(--mono)} #product-story .recover-after :is(button,summary,textarea):focus-visible{outline:2px solid #7fd3dd;outline-offset:2px} #product-story .recover-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-height:48px;padding:8px 16px;border-bottom:1px solid #252b30;background:linear-gradient(180deg,#15191c,#111416);color:#f1eee9;font-size:13px;font-weight:650} #product-story .recover-bar i{display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#ff7d63;box-shadow:0 0 0 4px #ff7d6326} #product-story .recover-tag{padding:4px 10px;border:1px solid #363d44;border-radius:999px;color:#cec9c1;font:600 10.5px/1.3 var(--mono);letter-spacing:.03em} #product-story .recover-body{display:grid;gap:14px;padding:20px} #product-story .recover-kicker{margin:0 0 8px;color:#7fd3dd;font:700 10.5px/1.35 var(--mono);letter-spacing:.09em;text-transform:uppercase} #product-story .recover-session h3{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.02em} #product-story .recover-status{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:4px 10px;border-radius:999px;background:#ff7d6324;color:#ff9c87;font:600 11.5px/1.3 var(--mono);transition:background-color .3s,color .3s} #product-story .recover-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor} #product-story .recover-summary{margin-top:12px;color:#cec9c1;font-size:14px} #product-story .recover-summary b{display:block;margin-bottom:2px;color:#9ca3aa;font:600 10.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase} #product-story .recover-top,#product-story .recover-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:14px} #product-story .recover-top{align-items:stretch} #product-story .recover-side{display:grid;gap:14px;min-width:0} #product-story .recover-block{min-width:0;padding:14px;border:1px solid #252b30;border-radius:14px;background:#13171a} #product-story :is(.recover-block,.recover-next) h4{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;font-size:14px} #product-story :is(.recover-block,.recover-next) h4 small{color:#9ca3aa;font:500 10.5px/1.3 var(--mono);letter-spacing:.03em} #product-story .recover-file{overflow:hidden;border:1px solid #252b30;border-radius:10px;background:#0f1215} #product-story .recover-file+.recover-file{margin-top:6px} #product-story .recover-file summary{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;cursor:pointer;list-style:none} #product-story .recover-file summary::-webkit-details-marker{display:none} #product-story .recover-file summary::before{content:"›";color:#9ca3aa;font-size:16px;line-height:1;transition:transform .2s} #product-story .recover-file[open] summary::before{transform:rotate(90deg)} #product-story .recover-file summary code{flex:1;min-width:0;color:#f1eee9;overflow-wrap:anywhere} #product-story .recover-file summary:hover code{color:#fff} #product-story .recover-delta{font:600 11px/1 var(--mono);white-space:nowrap} #product-story .recover-delta ins{color:#86cf8f;text-decoration:none} #product-story .recover-delta del{color:#ff9c87;text-decoration:none} #product-story .recover-diff{margin:0;padding:8px 0;overflow-x:auto;border-top:1px solid #252b30;background:#0b0d10;font:500 11.5px/1.7 var(--mono);scrollbar-width:thin} #product-story .recover-diff code{display:block;min-width:max-content;color:#cec9c1;font:inherit;white-space:normal} #product-story .recover-diff span{display:block;padding:0 12px;white-space:pre} #product-story .recover-diff .is-add{background:#86cf8f14;color:#bdeac3} #product-story .recover-diff .is-del{background:#ff7d6316;color:#ffb8a8} #product-story .recover-diff .is-hunk{color:#7fd3dd} #product-story :is(.recover-checks,.recover-decisions){display:grid;gap:6px;margin:0;padding:0;list-style:none} #product-story .recover-checks li{position:relative;padding:8px 10px 8px 32px;border-radius:9px;background:#0f1215;color:#e8e4dd;font-size:13px;line-height:1.45} #product-story .recover-checks li::before{position:absolute;top:8px;left:11px;font-weight:700} #product-story .recover-checks .is-fail{box-shadow:inset 2px 0 #ff7d63} #product-story .recover-checks .is-fail::before{content:"✕";color:#ff7d63} #product-story .recover-checks .is-pass::before{content:"✓";color:#86cf8f} #product-story .recover-decisions li{padding:8px 10px;border-left:2px solid #f0b35b;border-radius:0 9px 9px 0;background:#f0b35b0d;color:#e8e4dd;font-size:13px;line-height:1.45} #product-story .recover-next{padding:16px;border:1px solid #ff7d6359;border-radius:14px;background:linear-gradient(180deg,#ff7d630f,#13171a 70%);transition:border-color .3s} #product-story .recover-task{padding:12px 14px;border-radius:10px;background:#0f1215;color:#f1eee9;font-size:14.5px;line-height:1.55} #product-story .recover-label{display:block;margin:14px 0 6px;color:#9ca3aa;font:600 10.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase} #product-story .recover-next textarea{display:block;width:100%;min-height:84px;padding:10px 12px;border:1px solid #363d44;border-radius:10px;background:#0f1215;color:#f1eee9;font:500 13.5px/1.5 Story Inter,Arial,sans-serif;resize:vertical} #product-story .recover-next textarea:focus{border-color:#7fd3dd} #product-story .recover-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} #product-story .recover button{min-height:42px;padding:9px 13px;border:1px solid #363d44;border-radius:10px;background:linear-gradient(180deg,#20262b,#191e22);color:#f1eee9;font:600 13.5px/1.2 Story Inter,Arial,sans-serif;cursor:pointer;transition:background-color .15s,border-color .15s,transform .15s} #product-story .recover button:hover{border-color:#5c656e;background:#262d33} #product-story .recover button:active{transform:scale(.97)} #product-story .recover button.recover-primary{border-color:#ff7d63;background:#ff7d63;color:#1b0f0b} #product-story .recover button.recover-primary:hover{border-color:#ff9883;background:#ff9883} #product-story .recover-result{margin-top:10px;color:#86cf8f;font-size:13px;font-weight:600} #product-story .recover-result:empty{margin:0} #product-story .recover.is-rejected .recover-result{color:#f0b35b} #product-story .recover.is-queued .recover-next{border-color:#f0b35b80} #product-story .recover.is-queued .recover-status{background:#f0b35b24;color:#f6c77a} #product-story .recover-ticket{margin-top:12px;padding:14px 16px;border:1px solid #f0b35b66;border-radius:12px;background:#f0b35b0d;animation:tour-rise .45s var(--ease) both} #product-story .recover-ticket:focus{outline:none} #product-story .recover-ticket:focus-visible{outline:2px solid #7fd3dd;outline-offset:2px} #product-story .recover-ticket .recover-kicker{color:#f0b35b} #product-story .recover-ticket-task{color:#f1eee9;font-size:14.5px;line-height:1.5} #product-story .recover-ticket-note{margin-top:8px;color:#cec9c1;font-size:13px} #product-story .recover-attached{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none} #product-story .recover-attached li{padding:3px 9px;border:1px solid #363d44;border-radius:999px;color:#cec9c1;font-size:11.5px} #product-story .recover-ticket-foot{margin-top:12px;color:#9ca3aa;font-size:12.5px;line-height:1.5} #product-story .recover button.recover-replay{margin-top:12px} #product-story .recover-truth{max-width:84ch;margin-top:20px;color:var(--tour-muted);font-size:13.5px;line-height:1.6} #product-story .recover-truth b{color:var(--tour-ink)} @media(max-width:1180px){ #product-story .recover-grid{grid-template-columns:minmax(0,1fr)} #product-story .recover-before{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 24px} #product-story .recover-before figcaption{grid-column:1} #product-story .recover-chat{grid-column:2;grid-row:1/3} #product-story .recover-note{grid-column:1;grid-row:2} } @media(max-width:760px){ #product-story .recover-head>p:last-child{font-size:15.5px} #product-story .recover-before{display:block;padding:16px} #product-story .recover-chat li:nth-child(4){display:none} #product-story .recover-body{padding:16px} #product-story :is(.recover-top,.recover-main){grid-template-columns:minmax(0,1fr)} #product-story .recover-session h3{font-size:19px} #product-story .recover-actions button{flex:1 1 auto} } @media(prefers-reduced-motion:reduce){#product-story .recover *{animation:none!important;transition:none!important}} /* Account access remains available when section navigation collapses. */ @media(max-width:850px){ #product-story .story-header nav{gap:16px} #product-story .story-header nav>a[href="/login"]{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap} #product-story .story-header .story-button{min-height:44px} } @media(max-width:480px){ #product-story .story-header{height:auto;min-height:75px;flex-wrap:wrap;gap:12px;padding-block:16px} #product-story .story-header nav{width:100%;justify-content:space-between} #product-story .story-header .story-button{max-width:none} } .story-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} /* Public action finish; tour controls retain their compact layout. */ #product-story .story-button{border-radius:8px;font-weight:600;letter-spacing:0;box-shadow:inset 0 1px 0 #ffffff0d,0 1px 2px #0003;transition:background-color 140ms,border-color 140ms,box-shadow 140ms} #product-story .story-button:hover{transform:none;background:#f38b77;color:#151618} #product-story .story-button:active{transform:none;box-shadow:inset 0 1px 2px #0005} #product-story .story-button:focus-visible{outline:3px solid #72b8ca;outline-offset:3px} #product-story .story-outline{background:#202123;color:#f1eee9;border-color:#777b80} #product-story .story-outline:hover{background:#303236;color:#f1eee9;border-color:#a8acb0} @media(prefers-reduced-motion:reduce){#product-story .story-button{transition:none}}