.tour-page{--tour-bg:#101513;--tour-panel:#151b18;--tour-line:#303c36;--tour-text:#edf1e8;--tour-muted:#a0ada3;--tour-green:#c5f36b;--tour-mint:#89d7b5;background:radial-gradient(ellipse at 72% 12%,#20332a 0,transparent 37%),var(--tour-bg);min-height:100vh;color:var(--tour-text);margin:-1.5rem calc(50% - 50vw) 0;padding:0 max(5.5vw,50vw - 620px) 48px;font-family:Inter,system-ui,sans-serif}.tour-page a{color:inherit;text-decoration:none}.tour-header{border-bottom:1px solid var(--tour-line);max-width:1240px;color:var(--tour-muted);justify-content:space-between;align-items:center;margin:auto;padding:24px 0 18px;font:11px Fira Code,monospace;display:flex}.tour-brand{letter-spacing:.08em;align-items:center;gap:10px;font-weight:700;display:flex}.tour-brand span{border:1px solid var(--tour-green);width:27px;height:27px;color:var(--tour-green);border-radius:50%;place-items:center;display:grid}.tour-intro{grid-template-columns:1.1fr .9fr;align-items:end;gap:28px;max-width:1240px;margin:auto;padding:52px 0 28px;display:grid}.tour-eyebrow{color:var(--tour-green);letter-spacing:.15em;text-transform:uppercase;grid-column:1/-1;margin:0 0 -14px;font:11px Fira Code,monospace}.tour-intro h1{letter-spacing:-.05em;margin:0;font-size:clamp(38px,5.2vw,66px);font-weight:600;line-height:.98}.tour-intro h1 em{color:var(--tour-green);font-style:normal}.tour-intro>p:last-child{color:#b5c0b8;max-width:410px;margin:0 0 2px;font-size:15px;line-height:1.65}.tour-card{border:1px solid var(--tour-line);background:#131916;border-radius:12px;grid-template-columns:255px 1fr;max-width:1240px;min-height:460px;margin:auto;display:grid;overflow:hidden;box-shadow:0 28px 100px #0005}.tour-rail{border-right:1px solid var(--tour-line);flex-direction:column;padding:20px 14px 16px;display:flex}.tour-rail>p,.tour-rail small,.tour-status,.tour-window-head,.tour-task small,.tour-task em,.tour-hint{font-family:Fira Code,monospace}.tour-rail>p{color:#78887d;letter-spacing:.12em;margin:0 0 18px;padding:0 9px;font-size:10px}.tour-rail button{color:#89968d;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;margin:1px 0;padding:11px 10px;font:12px Inter,system-ui,sans-serif;display:flex}.tour-rail button:hover{color:var(--tour-text);background:#1b241f}.tour-rail button.active{border-color:var(--tour-line);color:var(--tour-text);background:#222e27}.tour-rail button span{color:#64756a;font:11px Fira Code,monospace}.tour-rail button.active span{color:var(--tour-green)}.tour-rail small{color:#748179;margin:auto 0 0;padding:14px 8px 0;font-size:9px;line-height:1.7}.tour-stage{flex-direction:column;min-width:0;padding:19px 21px 16px;display:flex}.tour-status{color:#85938a;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.tour-status span:last-child{align-items:center;gap:7px;display:flex}.tour-status i{background:var(--tour-green);width:6px;height:6px;box-shadow:0 0 12px var(--tour-green);border-radius:50%}.tour-panels{flex:1;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0 16px;display:grid}.tour-window{border:1px solid var(--tour-line);background:#111714;border-radius:8px;min-height:265px;overflow:hidden}.tour-window-head{color:#8a988e;border-bottom:1px solid #28332d;justify-content:space-between;gap:8px;padding:11px 13px;font-size:10px;display:flex}.tour-window-head span:first-child{color:#506057;letter-spacing:3px}.tour-terminal{color:#b8c5ba;padding:17px 16px;font:12px/1.85 Fira Code,monospace}.tour-muted{color:#718177}.tour-accent{color:var(--tour-green)}.tour-answer{color:#e5eee5}.tour-caret{background:var(--tour-green);vertical-align:middle;width:7px;height:14px;margin-left:3px;animation:1s steps(2,end) infinite tour-blink;display:inline-block}@keyframes tour-blink{50%{opacity:0}}.tour-tasks{flex-direction:column;gap:9px;padding:14px;display:flex}.tour-task{opacity:0;background:#151d19;border:1px solid #29342e;border-radius:6px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 9px;animation:.35s forwards tour-rise;display:grid;transform:translateY(5px)}@keyframes tour-rise{to{opacity:1;transform:none}}.tour-task-icon{width:21px;height:21px;color:var(--tour-mint);background:#22352b;border-radius:5px;place-items:center;font:11px Fira Code,monospace;display:grid}.tour-task b{color:#dce6dc;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;display:block;overflow:hidden}.tour-task small{color:#829187;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;display:block;overflow:hidden}.tour-task em{color:var(--tour-muted);font-size:9px;font-style:normal}.tour-task em.done{color:var(--tour-green)}.tour-task em.active{color:#f3ba70}.tour-footer{border-top:1px solid var(--tour-line);justify-content:space-between;align-items:center;gap:15px;padding:13px 1px;display:flex}.tour-footer p{color:#9eaba2;margin:0;font-size:12px;line-height:1.55}.tour-footer strong{color:var(--tour-text)}.tour-controls{flex-shrink:0;gap:8px;display:flex}.tour-controls button{min-width:35px;min-height:34px;color:var(--tour-text);cursor:pointer;background:#1b241f;border:1px solid #3a493f;border-radius:6px;font-size:12px}.tour-controls button:hover{border-color:var(--tour-green);color:var(--tour-green)}.tour-controls .tour-play{border-color:var(--tour-green);background:var(--tour-green);color:#131912;min-width:78px;font-weight:700}.tour-controls .tour-play:hover{background:#d3fa89}.tour-controls button:focus-visible,.tour-rail button:focus-visible{outline:2px solid var(--tour-green);outline-offset:2px}.tour-progress{background:#29342e;height:2px}.tour-progress span{background:var(--tour-green);height:100%;transition:width .45s;display:block}.tour-capabilities{flex-wrap:wrap;gap:8px;max-width:1240px;margin:24px auto 0;display:flex}.tour-capabilities span{color:#aab8ad;border:1px solid #354139;border-radius:999px;padding:7px 11px;font-size:11px}.tour-hint{color:#78867c;text-align:right;max-width:1240px;margin:17px auto 0;font-size:10px}@media (max-width:760px){.tour-page{margin:-1rem calc(50% - 50vw) 0;padding:0 18px 40px}.tour-intro{grid-template-columns:1fr;gap:15px;padding:39px 0 24px}.tour-eyebrow{margin-bottom:-10px}.tour-card{grid-template-columns:1fr;min-height:0}.tour-rail{border-right:0;border-bottom:1px solid var(--tour-line);white-space:nowrap;flex-direction:row;gap:3px;padding:10px;display:flex;overflow:auto}.tour-rail>p,.tour-rail small{display:none}.tour-rail button{flex-shrink:0;padding:9px;font-size:11px}.tour-stage{padding:15px}.tour-panels{grid-template-columns:1fr;margin-top:14px}.tour-window{min-height:215px}.tour-footer{flex-direction:column;align-items:flex-start}.tour-controls{justify-content:flex-end;width:100%}.tour-hint{text-align:left}}@media (prefers-reduced-motion:reduce){.tour-page *,.tour-page :before,.tour-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tour-illustration{border:1px solid var(--tour-line);background:linear-gradient(125deg,#17201a,#121815 70%);border-radius:8px;margin:0 0 16px;padding:13px 14px 11px;overflow:hidden}.illustration-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px;display:flex}.illustration-heading span{color:#849288;letter-spacing:.12em;flex:none;font:9px Fira Code,monospace}.illustration-heading b{color:#dce6dc;text-align:right;font-size:11px;font-weight:500}.loop-diagram{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:5px;display:grid}.loop-node{background:#151d19;border:1px solid #334039;border-radius:6px;min-width:0;min-height:65px;padding:9px;transition:border-color .25s,background .25s,transform .25s}.loop-node>span{color:#809087;letter-spacing:.08em;margin-bottom:5px;font:8px Fira Code,monospace;display:block}.loop-node>b{color:#dce6dc;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;display:block;overflow:hidden}.loop-node>small{color:#829187;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;display:block;overflow:hidden}.stage-0 .loop-prompt,.stage-1 .loop-model{background:#202b20;border-color:#93bd54;transform:translateY(-2px)}.loop-connector{background:#38463c;height:2px;position:relative}.loop-connector:after{color:#88968b;content:"›";font:12px var(--mono);position:absolute;top:-5px;right:-1px}.loop-connector i{background:var(--tour-green);border-radius:50%;width:7px;height:7px;animation:2.3s linear infinite flow-dot;position:absolute;top:-3px;left:0;box-shadow:0 0 9px #c5f36b99}.loop-connector:nth-of-type(4) i{animation-delay:.65s}.loop-connector:nth-of-type(6) i{animation-delay:1.3s}@keyframes flow-dot{0%{opacity:0;left:0}12%{opacity:1}88%{opacity:1}to{opacity:0;left:calc(100% - 7px)}}.illustration-note{color:#89978d;align-items:center;gap:7px;margin:9px 0 0;font-size:9px;display:flex}.illustration-note span{color:var(--tour-green);font-size:14px}.parallel-diagram{grid-template-columns:125px minmax(180px,1fr) 135px;align-items:center;gap:16px;display:grid}.parallel-node{background:#1d291e;border:1px solid #516447;border-radius:6px;flex-direction:column;justify-content:center;min-height:55px;padding:8px 10px;display:flex;position:relative}.parallel-node>span{color:var(--tour-green);letter-spacing:.1em;font:8px Fira Code,monospace}.parallel-node>b{color:#e4eee0;margin-top:4px;font-size:10px}.parallel-model:after,.parallel-return:before{content:"";background:#657d52;width:16px;height:1px;position:absolute;top:50%}.parallel-model:after{right:-17px}.parallel-return:before{left:-17px}.parallel-branches{gap:8px;display:grid}.parallel-branch{background:#151d19;border:1px solid #324138;border-radius:6px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:8px;animation:2.6s ease-in-out infinite branch-glow;display:grid;position:relative}.parallel-branch.delay{animation-delay:1.3s}.branch-pulse{background:#657d52;width:20px;height:1px;position:absolute;top:50%;left:-20px}.branch-pulse:after{background:var(--tour-green);content:"";border-radius:50%;width:5px;height:5px;animation:1.8s ease-in-out infinite branch-dot;position:absolute;top:-2px;left:0}.parallel-branch.delay .branch-pulse:after{animation-delay:.8s}@keyframes branch-dot{0%{opacity:0;left:0}20%{opacity:1}to{opacity:0;left:calc(100% - 5px)}}@keyframes branch-glow{50%{background:#1b271d;border-color:#607b50}}.branch-icon{width:20px;height:20px;color:var(--tour-mint);font:12px var(--mono);background:#22352b;border-radius:5px;place-items:center;display:grid}.parallel-branch b,.parallel-branch small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.parallel-branch b{color:#dce6dc;font-size:9px;font-weight:500}.parallel-branch small{color:#829187;margin-top:3px;font-size:8px}.parallel-branch em{color:var(--tour-green);font:8px Fira Code,monospace}.parallel-return{background:#151d19;border-color:#334039}.deliverable-diagram{grid-template-columns:1fr 30px 1.1fr 30px 1fr;align-items:center;gap:8px;max-width:670px;margin:auto;display:grid}.source-stack{flex-direction:column;gap:5px;display:flex}.mini-source{color:#aab8ad;background:#151d19;border:1px solid #344239;border-radius:4px;padding:5px 8px;font:8px Fira Code,monospace;animation:.45s both source-in}.mini-source:nth-child(2){animation-delay:.12s}.mini-source:nth-child(3){animation-delay:.24s}@keyframes source-in{0%{opacity:.25;transform:translate(-5px)}to{opacity:1;transform:none}}.source-stack small,.file-card small,.summary-card small{color:#829187;margin-top:3px;font-size:8px;display:block}.deliverable-arrow{color:var(--tour-green);text-align:center;font-size:18px;animation:1.5s ease-in-out infinite arrow-breathe}@keyframes arrow-breathe{50%{opacity:.35;transform:translate(3px)}}.file-card{background:#192219;border:1px solid #58724b;border-radius:6px;padding:8px 10px;animation:.6s both file-in;box-shadow:0 5px 18px #0002}@keyframes file-in{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}.file-top{color:#90b871;justify-content:space-between;margin-bottom:7px;font:8px Fira Code,monospace;display:flex}.file-top>span{border:1px solid #46603b;border-radius:3px;padding:2px 4px}.file-card>b,.summary-card>b{color:#e4eee0;font-size:10px;display:block}.file-lines{gap:4px;margin-top:9px;display:grid}.file-lines i{background:#3b5140;border-radius:2px;width:100%;height:3px}.file-lines i:nth-child(2){width:76%}.file-lines i:nth-child(3){width:88%}.file-lines i:nth-child(4){width:56%}.summary-card{background:#151d19;border:1px solid #354139;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:60px;padding:8px 9px;display:flex}.summary-check{width:17px;height:17px;color:var(--tour-green);background:#293b27;border-radius:50%;place-items:center;margin-bottom:5px;font-size:10px;display:grid}.capability-map{place-items:center;max-width:560px;height:130px;margin:auto;display:grid;position:relative}.capability-center{z-index:1;background:#1c291e;border:1px solid #668345;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:96px;height:72px;display:flex;box-shadow:0 0 23px #c5f36b14}.capability-center>span{border:1px solid var(--tour-green);width:24px;height:24px;color:var(--tour-green);border-radius:50%;place-items:center;font:11px Fira Code,monospace;display:grid}.capability-center>b{color:#e4eee0;margin-top:3px;font-size:10px}.capability-center>small{color:#829187;font-size:8px}.capability-lines{display:block;position:absolute;inset:0}.capability-lines i{transform-origin:0;background:linear-gradient(90deg,#69844e,#354239 78%,#0000);width:38%;height:1px;position:absolute;top:50%;left:50%}.capability-lines i:first-child{transform:rotate(0)}.capability-lines i:nth-child(2){transform:rotate(72deg)}.capability-lines i:nth-child(3){transform:rotate(144deg)}.capability-lines i:nth-child(4){transform:rotate(216deg)}.capability-lines i:nth-child(5){transform:rotate(288deg)}.capability-lines i:nth-child(6){background:repeating-linear-gradient(90deg,#66804c 0 4px,#0000 4px 8px);width:48%;animation:5s linear infinite orbit-dash;transform:rotate(35deg)}@keyframes orbit-dash{to{background-position:24px 0}}.capability-node{z-index:1;color:#c8d3c9;background:#151d19;border:1px solid #344239;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;animation:3.4s ease-in-out infinite node-float;display:flex;position:absolute;box-shadow:0 4px 12px #0003}.capability-node>span{color:var(--tour-green);font-size:11px}.cap-voice{top:2px;left:22%}.cap-memory{animation-delay:.4s;top:2px;right:22%}.cap-media{animation-delay:.8s;top:47%;right:1%}.cap-schedule{animation-delay:1.2s;bottom:2px;right:22%}.cap-agents{animation-delay:1.6s;bottom:2px;left:22%}@keyframes node-float{50%{border-color:#5b714c;transform:translateY(-3px)}}@media (max-width:760px){.loop-diagram{grid-template-columns:1fr;gap:6px}.loop-node{min-height:56px;padding:8px 10px}.loop-connector{background:#38463c;width:2px;height:15px;margin:auto}.loop-connector:before{content:"";background:#657d52;width:2px;height:12px;position:absolute;top:0;left:0}.loop-connector:after{content:"⌄";font-size:10px;top:6px;left:-4px;right:auto}.loop-connector i{display:none}.parallel-diagram{grid-template-columns:1fr;gap:8px}.parallel-node{min-height:43px}.parallel-model:after,.parallel-return:before{width:1px;height:9px;inset:auto auto -9px 50%}.parallel-branches{padding-left:0}.parallel-branch{grid-template-columns:22px minmax(0,1fr) auto}.branch-pulse{width:1px;height:5px;top:-5px;left:50%}.branch-pulse:after{display:none}.deliverable-diagram{grid-template-columns:1fr;gap:5px}.source-stack,.file-card,.summary-card{width:100%;max-width:none}.source-stack{grid-template-columns:repeat(3,1fr);display:grid}.source-stack small{grid-column:1/-1}.deliverable-arrow{line-height:1;transform:rotate(90deg)}.deliverable-arrow:hover{transform:rotate(90deg)}.capability-map{grid-template-columns:1fr 1fr;gap:8px;height:auto;min-height:0;display:grid}.capability-lines{display:none}.capability-center{grid-area:2/1/auto/-1;justify-self:center;position:relative}.capability-node{justify-self:center;position:relative;inset:auto}.cap-voice{grid-area:1/1}.cap-memory{grid-area:1/2}.cap-media{grid-area:3/1}.cap-schedule{grid-area:3/2}.cap-agents{grid-area:4/1/auto/-1}}@media (prefers-reduced-motion:reduce){.tour-illustration *,.tour-illustration :before,.tour-illustration :after{transition:none!important;animation:none!important}.loop-connector i{display:none}}
