.workshop-support{--support-muted: #595f69;padding:30px 0 20px;color:var(--ink, #17191d)}.workshop-support h2,.workshop-support h3,.workshop-support p,.workshop-support figure{margin:0}.workshop-support h2{font-size:25px;font-weight:600;letter-spacing:-.04em}.workshop-support .support-note{margin-top:28px;max-width:1000px;font-size:14px;line-height:1.55;color:var(--support-muted)}.support-kicker{color:var(--support-muted);font-size:18px}.support-line{font-size:24px;line-height:1.5}.support-choice{display:flex;gap:4px;padding:4px;border:1px solid #d8dadf;border-radius:9px;width:fit-content}.support-choice button,.support-action{cursor:pointer;color:inherit;background:transparent;border:0;font:inherit;min-height:44px;padding:8px 15px;border-radius:6px}.support-choice button[aria-pressed=true]{background:#e3e8f5;color:#304b88}.support-choice button:hover,.support-action:hover{background:#e9e9e6}.support-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #c9cdd5;font-size:15px;white-space:nowrap}.support-action svg{width:17px;height:17px}.sentence-example{font-size:clamp(32px,4.1vw,62px);letter-spacing:-.045em;line-height:1.35;padding:10px 0 24px}.sentence-example strong{color:var(--accent);font-weight:550;border-bottom:3px solid #b0bfdc}.plain-flow{display:flex;flex-wrap:wrap;list-style:none;gap:10px 0;padding:32px 0;margin:28px 0;border-block:1px solid #d8dadf}.plain-flow li{display:flex;align-items:center;font-size:20px}.plain-flow li:not(:last-child):after{content:"→";margin:0 14px;color:#939ba9}.flow-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.plain-flow li{border-radius:6px;transition:color .25s,background .25s}.plain-flow li.current-step{color:#304b88;font-weight:750}.flow-explanation{min-height:32px;margin:-10px 0 26px!important;color:#304b88;font-size:19px}.inference-sequence{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,.85fr) 28px minmax(0,1fr);align-items:center;gap:12px;margin-top:27px}.inference-stage{min-height:214px;padding:19px 20px;border:1px solid #d8dde1;border-radius:11px;background:#fbfbfa;transition:border-color .3s,box-shadow .3s,transform .3s}.inference-stage.is-current{border-color:#5468b6;box-shadow:0 8px 30px #3e57ab1a;transform:translateY(-3px)}.inference-stage-label{display:block;margin-bottom:20px;color:#5a6682;font-size:13px;font-weight:730;letter-spacing:.06em;text-transform:uppercase}.inference-stage p{margin-top:16px!important;color:var(--support-muted);font-size:15px}.inference-arrow{color:#8a98b2;font-size:30px;text-align:center}.token-pieces{min-height:72px;display:flex;flex-wrap:wrap;align-content:center;gap:6px}.token-pieces span{display:inline-flex;align-items:center;padding:7px 8px;border:1px solid #cbd5ee;border-radius:5px;background:#edf1fa;color:#304b88;font-size:17px;white-space:pre}.inference-model{background:#25344b;border-color:#25344b;color:#fff}.inference-model .inference-stage-label,.inference-model p{color:#d4def0}.model-stack{height:72px;display:grid;align-content:center;gap:6px}.model-stack i{display:block;height:8px;border:1px solid #9bb0dc;border-radius:3px;background:linear-gradient(90deg,#5874b6,#97acd6)}.model-stack i:nth-child(2){margin-inline:12px}.model-stack i:nth-child(3){margin-inline:24px}.model-stack i:nth-child(4){margin-inline:36px}.candidate-tokens{display:grid;gap:8px}.candidate-tokens span{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px;font-size:14px}.candidate-tokens b{font-weight:600}.candidate-tokens i{display:block;height:8px;width:48%;border-radius:8px;background:#bcc8de}.candidate-tokens span:first-child i{width:88%;background:#526bb8}.candidate-tokens span:last-child i{width:24%}.inference-answer{display:flex;align-items:baseline;gap:20px;padding:22px 0;margin-top:24px;border-block:1px solid #d8dadf}.inference-answer>span{flex:0 0 155px;color:#5a6682;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.inference-answer strong{font-size:clamp(24px,2.9vw,42px);letter-spacing:-.045em;font-weight:570}.inference-answer em{color:#3f5ab1;font-style:normal;transition:opacity .25s}.inference-answer:not(.is-current) em{opacity:.2}.inference-answer small{max-width:165px;margin-left:auto;font-size:13px;line-height:1.35;color:var(--support-muted)}.flow-foot{display:flex;justify-content:space-between;gap:35px;padding-top:18px}.flow-foot>p{font-size:17px;line-height:1.45;color:#304b88;max-width:540px}.flow-foot>div{display:flex;gap:24px;color:var(--support-muted);font-size:14px}.responsibilities,.metric-comparison{display:grid;grid-template-columns:1fr 1fr;gap:50px}.responsibilities p,.metric-comparison p{font-size:21px;line-height:1.5}.responsibilities strong,.metric-comparison strong{display:block;margin-bottom:8px;font-size:25px;font-weight:600}.parameter-line{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d8dadf;margin-bottom:23px;padding-bottom:17px}.parameter-line>strong{color:#5c6672;font-size:16px;font-weight:560}.parameter-line>div{display:flex;flex-wrap:wrap;gap:5px}.parameter-line span{min-width:48px;padding:6px 7px;border-radius:5px;background:#f0f2f4;text-align:center;font-size:15px;font-weight:630}.parameter-line span.is-example{color:#fff;background:#4d65ad}.architecture-pair{display:grid;grid-template-columns:1fr 1fr;gap:60px;text-align:center}.architecture-pair h2{font-size:34px;margin-bottom:22px}.architecture-pair p{font-size:20px;margin-top:15px}.decoder-simple{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:190px}.decoder-simple>span{padding:12px;width:min(100%,300px);background:#edf1f8;border-radius:4px;font-size:22px}.decoder-simple>b{color:#8b96aa}.simple-experts{display:flex;gap:10px}.simple-experts>*{padding:10px 20px;background:#f0f0ed;font-size:18px;border-radius:4px;font-weight:500}.simple-experts b{color:#fff;background:#3d527e}.architecture-conclusion{font-size:22px;line-height:1.6;padding:22px 0}.context-strip{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #d8dadf;font-size:20px}.context-strip span{color:var(--support-muted)}.precision-figures{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:35px 0 45px}.precision-figures h2{font-size:20px;white-space:nowrap}.precision-figures strong{display:block;font-size:clamp(45px,5.5vw,80px);letter-spacing:-.07em;font-weight:500;margin:15px 0}.precision-figures small,.sizing-estimates small{font-size:.36em;letter-spacing:-.025em;color:var(--support-muted)}.precision-figures p{font-size:17px;color:var(--support-muted)}.precision-bar{height:12px;max-width:180px;margin:0 0 15px;border-radius:6px;background:#e7eaf0;overflow:hidden}.precision-bar span{display:block;height:100%;border-radius:6px;background:#5067bb}.precision-bitstrip{display:grid;grid-template-columns:repeat(8,8px);grid-template-rows:repeat(4,8px);gap:3px;align-content:start;height:42px;margin:0 0 18px}.precision-bitstrip i{display:block;width:8px;height:8px;border-radius:2px;background:#5c72bd;animation:bit-appear .35s both}.precision-figures>div:nth-child(2) .precision-bitstrip i{background:#7185c7}.precision-figures>div:nth-child(3) .precision-bitstrip i{background:#8799ca}.precision-figures>div:nth-child(4) .precision-bitstrip i{background:#9ba9c7}@keyframes bit-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.precision-figures>div:nth-child(2) .precision-bitstrip i{animation-delay:.18s}.precision-figures>div:nth-child(3) .precision-bitstrip i{animation-delay:.36s}.precision-figures>div:nth-child(4) .precision-bitstrip i{animation-delay:.54s}.format-definitions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8dadf;padding-top:25px;gap:30px}.format-definitions p{font-size:19px;line-height:1.6}.format-definitions strong{display:block;font-weight:600}.hardware-budget{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:55px}.gpu-photo img{width:100%;display:block;border-radius:4px}.gpu-photo figcaption{display:flex;justify-content:space-between;gap:15px;font-size:14px;color:var(--support-muted);padding-top:10px}.gpu-photo a{color:inherit}.memory-sum>div{margin-top:14px;position:relative}.memory-sum strong{font-size:48px;font-weight:500;letter-spacing:-.05em}.memory-sum small{font-size:26px}.memory-sum span{display:block;color:var(--support-muted);font-size:17px}.memory-sum .kv-sum>b{position:absolute;left:-27px;top:15px;font-size:24px;font-weight:400}.memory-sum>p:last-child{margin-top:16px;font-size:22px}.memory-example-controls{margin:30px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.memory-example-controls>span{font-size:16px;color:var(--support-muted)}.kv-sequences{display:flex;align-items:center;gap:4px;margin-left:auto}.kv-sequences span{width:14px;height:27px;border:1px solid #bdc7d9;border-radius:3px;background:#eef0f2;transition:background .3s,transform .3s}.kv-sequences span.is-active{background:#8398c8;transform:translateY(-3px)}.memory-ruler{display:flex;height:42px;background:#e6e7e7;overflow:hidden;border-radius:3px;font-size:15px}.memory-ruler>span{display:flex;align-items:center;justify-content:center}.memory-weight-part{width:66.6667%;flex-shrink:0;background:#3d527e;color:#fff}.memory-kv-part{background:#9dacd0;flex-shrink:0}.memory-unmeasured{flex:1;white-space:nowrap;font-size:12px}.memory-ruler-labels{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--support-muted);margin-top:9px}.editorial-lines p{font-size:clamp(30px,3.6vw,52px);line-height:1.3;padding:20px 0;letter-spacing:-.04em}.editorial-lines strong{font-weight:550;color:var(--accent)}.decision-brief{display:grid;grid-template-columns:165px 1fr;gap:24px;align-items:baseline;padding:14px 0 30px;border-bottom:1px solid #d8dadf}.decision-brief span{font-size:14px;font-weight:680;color:#586989;text-transform:uppercase;letter-spacing:.06em}.decision-brief strong{font-size:clamp(26px,3vw,40px);line-height:1.18;font-weight:570;letter-spacing:-.04em}.decision-path{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:0;padding:34px 0 24px}.decision-path li{border-top:3px solid #5167ae;padding-top:15px}.decision-path li>span{display:block;margin-bottom:17px;font-size:14px;color:#6d7da4}.decision-path strong{font-size:25px;font-weight:590}.decision-path p{font-size:17px;line-height:1.42;color:var(--support-muted);margin-top:11px!important}.model-card-reference{border-top:1px solid #d8dadf;margin-top:25px;padding-top:28px;display:flex;gap:22px;align-items:center}.model-card-reference img{width:45px;height:45px}.model-card-reference p{font-size:21px;line-height:1.6}.tool-comparison{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:30px;border-bottom:1px solid #d8dadf}.tool-name{display:flex;align-items:center;gap:15px;height:52px;margin-bottom:15px}.tool-name h2{font-size:30px}.tool-name img{width:44px;height:44px;object-fit:contain}.tool-name img.vllm-logo{width:44px;height:44px}.tool-comparison p{font-size:21px;line-height:1.4;max-width:420px}.batch-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 14px}.batch-heading h3{font-size:23px;font-weight:550}.batch-row{display:grid;grid-template-columns:110px repeat(5,1fr);gap:7px;align-items:center;margin-bottom:7px}.batch-row>strong{font-size:20px;font-weight:550}.batch-labels{color:var(--support-muted);font-size:15px;text-align:center}.batch-labels>span:first-child{text-align:left}.batch-cell{height:31px;background:#eeefed;display:flex;align-items:center;justify-content:center;border-radius:3px;color:#939ba9;transition:background .25s}.batch-cell.occupied{background:#dce3f1}.batch-cell i{height:4px;width:45%;background:#8699be;border-radius:2px}.batch-cell.current-iteration.occupied{background:#3d527e}.batch-cell.current-iteration i{background:#fff}.batch-labels .current-iteration{color:#304b88;font-weight:700}.workshop-support .batch-explanation{margin-top:17px;font-size:19px}.latency-illustration{padding:40px 0}.latency-events{display:grid;grid-template-columns:40% 30% 30%;font-size:21px;margin-bottom:18px}.latency-events span:last-child{text-align:right}.latency-track{display:flex;height:45px;align-items:center;position:relative}.latency-track:before{content:"";position:absolute;width:100%;height:1px;background:#9aa7c0}.latency-wait{width:40%;height:5px;border-radius:5px;background:transparent;z-index:1;transition:background .22s}.latency-wait.is-active{background:#5067bb}.latency-token{background:#3d527e;width:14px;height:38px;z-index:1;border-radius:3px}.latency-generation{flex:1;display:flex;justify-content:space-between;padding-left:13%;z-index:1}.latency-generation i{width:14px;height:38px;border-radius:3px;background:#9dacd0}.latency-token,.latency-generation i{transition:transform .25s,background .25s}.latency-token.is-active,.latency-generation i.is-active{transform:scaleY(1.23);background:#304b88}.latency-labels{display:grid;grid-template-columns:40% 60%;margin-top:18px}.latency-labels strong{font-size:30px;font-weight:550}.latency-labels strong.is-active{color:#304b88}.latency-labels small{display:block;font-size:18px;font-weight:400;margin-top:8px;color:var(--support-muted)}.total-latency{text-align:center;margin-top:25px;border-bottom:1px solid #9aa7c0;padding-bottom:14px;font-size:20px}.total-latency.is-active{border-color:#304b88;color:#304b88}.metric-comparison{margin:12px 0 30px}.tuning-notes>div{display:grid;grid-template-columns:minmax(155px,.95fr) minmax(175px,1fr) minmax(170px,1.15fr);align-items:center;column-gap:20px;min-height:119px;padding:17px 0;border-bottom:1px solid #d8dadf}.tuning-notes h2{font-size:29px;margin-bottom:10px}.tuning-notes p{font-size:19px;line-height:1.4}.tuning-notes code{display:block;font-size:13px;line-height:1.4;color:#5f6c8b;overflow-wrap:anywhere}.tuning-sketch{min-height:58px}.tuning-context{display:flex;align-items:stretch;gap:3px}.tuning-context span,.tuning-context i{display:grid;place-items:center;font-size:12px;font-style:normal}.tuning-context span:first-child{width:52%;background:#8da1cf;color:#fff;border-radius:5px 0 0 5px}.tuning-context span:nth-child(2){width:24%;background:#4c64aa;color:#fff}.tuning-context i{flex:1;border:1px dashed #aeb8be;border-radius:0 5px 5px 0;color:#69727a}.tuning-queue{display:flex;align-items:center;gap:7px}.tuning-queue span{width:25%;display:grid;place-items:center;height:45px;border-radius:5px;background:#dbe3f4;color:#3d527e;font-size:12px;font-weight:650}.tuning-queue span:nth-child(n+3){background:#f0f0ed;color:#767f85;border:1px dashed #bbc2c7}.tuning-prefix{display:grid;gap:6px}.tuning-prefix span{display:flex;gap:4px;height:26px;font-size:11px}.tuning-prefix b,.tuning-prefix i{display:grid;align-items:center;padding-left:11px;font-style:normal;font-weight:500}.tuning-prefix b{width:63%;color:#fff;background:#647bb5;border-radius:4px}.tuning-prefix i{flex:1;background:#e4e9f4;color:#465982;border-radius:4px}.workshop-support .tuning-reminder{font-size:18px;line-height:1.45;margin-top:24px}.service-chain{display:flex;justify-content:space-between;list-style:none;padding:10px 0 30px;margin:0;border-bottom:1px solid #d8dadf;gap:25px}.service-chain li{display:flex;align-items:center;gap:25px;font-size:24px}.service-chain li:last-child svg{display:none}.service-chain svg{width:21px;color:#8b96aa;flex-shrink:0}.replica-layout{display:grid;grid-template-columns:1fr 120px 1.5fr;align-items:center;margin:32px auto;max-width:850px}.routing-caption{font-size:21px;line-height:1.7}.replica-connectors{display:flex;height:130px;flex-direction:column;justify-content:space-between;border-left:1px solid #8b96aa}.replica-connectors i{height:1px;width:100%;background:#8b96aa;transition:opacity .25s}.replica-connectors .unavailable{opacity:.15}.simple-replicas{display:grid;gap:20px}.simple-replicas>div{display:grid;grid-template-columns:35px 1fr;column-gap:15px;padding:18px 23px;border:1px solid #bdc6d7;border-radius:5px;transition:opacity .25s}.simple-replicas svg{grid-row:span 2;align-self:center;color:#3d527e}.simple-replicas strong{font-size:24px;font-weight:550}.simple-replicas span{font-size:16px;margin-top:6px;color:var(--support-muted)}.simple-replicas .replica-unavailable{opacity:.5;border-style:dashed}.failure-example{display:flex;align-items:center;gap:25px;min-height:65px}.failure-example p{font-size:19px;line-height:1.5}.operations-summary{display:flex;justify-content:space-between;border-top:1px solid #d8dadf;padding-top:24px;margin-top:22px;gap:20px;font-size:20px}.parallel-comparison-row{display:grid;grid-template-columns:135px 1fr 235px;align-items:center;gap:22px;padding:11px 0;border-bottom:1px solid #d8dadf}.parallel-comparison-row h2 strong{display:block;font-size:29px;font-weight:550}.parallel-comparison-row h2 span{font-size:16px;font-weight:400;letter-spacing:0}.gpu-partition{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:9px}.gpu-partition>span{display:grid;grid-template-columns:25px 1fr;align-items:center;column-gap:8px;padding:8px 11px;border:1px solid #cbd4e0;border-radius:6px;background:#f7f9fc;line-height:1.2}.gpu-partition svg{width:23px;height:23px;grid-row:1 / 3;color:#4d65a4}.gpu-partition small{font-size:10px;color:#52617d}.gpu-partition span>b{font-size:13px;font-weight:590}.gpu-partition>strong{color:#78849c;text-align:center;font-size:19px;font-weight:450}.gpu-partition span>i{display:flex;gap:3px;grid-column:1 / -1;margin-top:7px;height:5px}.gpu-partition em{flex:1;background:#cdd6e9;border-radius:2px}.partition-tp span:first-child em:nth-child(-n+2),.partition-tp span:last-child em:nth-child(n+3),.partition-pp span:first-child em:nth-child(-n+2),.partition-pp span:last-child em:nth-child(n+3),.partition-dp em,.partition-ep span:first-child em:nth-child(odd),.partition-ep span:last-child em:nth-child(2n),.partition-cp span:first-child em:nth-child(-n+2),.partition-cp span:last-child em:nth-child(n+3){background:#5068b4}.partition-dp em{background:#8297c8}.partition-ep em{border-radius:50%}.partition-cp em{height:7px}.parallel-comparison-row p{font-size:17px;line-height:1.5;color:var(--support-muted)}.sizing-case{display:flex;gap:80px;margin-bottom:28px}.sizing-case>strong{font-size:44px;letter-spacing:-.05em;font-weight:550}.sizing-case span{font-size:19px;letter-spacing:0;font-weight:400;color:var(--support-muted)}.sizing-estimates{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:24px 0;border-block:1px solid #d8dadf}.sizing-estimates>div>span{font-size:17px}.sizing-estimates strong{display:block;font-size:58px;font-weight:500;letter-spacing:-.05em;margin:8px 0}.sizing-estimates p{font-size:17px;line-height:1.4;color:var(--support-muted)}.sizing-assumptions{display:flex;flex-direction:column;gap:9px;margin-top:24px;font-size:18px}.sizing-assumptions strong{font-weight:550}.starting-hypothesis{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:24px}.starting-hypothesis p{font-size:18px;line-height:1.5}.starting-hypothesis strong{display:block;font-weight:550}.starting-hypothesis code{font-size:15px;line-height:1.6;color:#304b88}@media(max-width:1000px){.parallel-comparison-row{grid-template-columns:120px 1fr 180px;gap:15px}.service-chain li{font-size:20px;gap:12px}.service-chain{gap:12px}.precision-figures{gap:18px}.hardware-budget{gap:40px}}@media(max-width:760px){.workshop-support{padding-top:20px}.support-line{font-size:20px}.inference-sequence{grid-template-columns:1fr;gap:8px}.inference-stage{min-height:0;padding:16px}.inference-stage-label{margin-bottom:11px}.inference-stage p{margin-top:11px!important}.inference-arrow{transform:rotate(90deg);font-size:22px;line-height:1}.token-pieces,.model-stack{min-height:0;height:auto}.model-stack{height:60px}.inference-answer{display:block;padding:18px 0}.inference-answer>span,.inference-answer small{display:block;margin:0 0 8px}.inference-answer strong{font-size:28px}.flow-foot{display:block}.flow-foot>div{display:grid;gap:6px;margin-top:15px}.sentence-example{font-size:34px}.plain-flow{padding:22px 0}.plain-flow li{font-size:16px}.plain-flow li:not(:last-child):after{margin-inline:9px}.flow-heading{align-items:flex-start;flex-direction:column}.flow-explanation{font-size:16px;min-height:45px}.responsibilities,.metric-comparison,.tool-comparison{grid-template-columns:1fr;gap:25px}.responsibilities p,.metric-comparison p,.tool-comparison p{font-size:18px}.architecture-pair{gap:20px}.parameter-line{display:block}.parameter-line>div{margin-top:11px}.parameter-line span{min-width:43px;font-size:13px}.architecture-pair h2{font-size:28px}.decoder-simple{min-height:180px}.decoder-simple>span{font-size:16px;padding:10px 5px}.simple-experts{gap:4px}.simple-experts>*{font-size:12px;padding:8px 6px}.architecture-pair p,.architecture-conclusion{font-size:17px}.context-strip{flex-direction:column;gap:8px;font-size:17px}.precision-figures{grid-template-columns:1fr 1fr;gap:30px 18px}.precision-figures h2{font-size:16px}.precision-figures strong{font-size:56px}.precision-figures p{font-size:14px}.format-definitions{grid-template-columns:1fr;gap:15px}.format-definitions p{font-size:17px}.hardware-budget{grid-template-columns:1fr;gap:28px}.memory-sum{padding-left:25px}.memory-sum strong{font-size:42px}.memory-example-controls{flex-direction:column;align-items:flex-start}.kv-sequences{margin-left:0}.memory-ruler-labels{font-size:10px}.memory-ruler-labels span:last-child{text-align:right}.memory-unmeasured{font-size:9px}.editorial-lines p{font-size:32px;padding:15px 0}.decision-brief{display:block}.decision-brief strong{display:block;margin-top:12px;font-size:28px}.decision-path{grid-template-columns:1fr 1fr;gap:22px}.decision-path strong{font-size:22px}.decision-path p{font-size:15px}.model-card-reference{align-items:flex-start;gap:15px}.model-card-reference img{width:32px;height:32px}.model-card-reference p{font-size:17px}.batch-heading h3{font-size:20px}.batch-heading{gap:10px}.support-action{font-size:13px;padding:8px 10px}.batch-row{grid-template-columns:62px repeat(5,1fr);gap:5px}.batch-labels{font-size:12px}.batch-cell{height:28px}.latency-events{font-size:13px}.latency-labels strong{font-size:26px}.latency-labels small{font-size:14px}.latency-token,.latency-generation i{width:9px}.tuning-notes>div{display:grid;grid-template-columns:1fr;gap:15px;padding:22px 0}.tuning-notes h2{font-size:25px;margin-bottom:6px}.tuning-notes p{font-size:18px}.tuning-notes code{font-size:13px;overflow-wrap:anywhere}.tuning-reminder{font-size:17px!important}.service-chain{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-chain li{font-size:17px;justify-content:space-between}.replica-layout{grid-template-columns:1fr;gap:20px}.replica-connectors{display:none}.routing-caption{font-size:18px}.simple-replicas{grid-template-columns:1fr 1fr;gap:10px}.simple-replicas>div{display:block;padding:14px}.simple-replicas strong{display:block;font-size:20px;margin-top:10px}.simple-replicas span{font-size:13px;display:block}.failure-example{flex-direction:column;align-items:flex-start;gap:15px}.failure-example p{font-size:17px}.operations-summary{flex-direction:column;gap:10px;font-size:18px}.parallel-comparison-row{grid-template-columns:1fr;padding:22px 0;gap:15px}.parallel-comparison-row h2{display:flex;align-items:center;gap:15px}.gpu-partition span>b{font-size:12px}.sizing-case{gap:25px}.sizing-case>strong{font-size:32px}.sizing-case span{display:block;font-size:15px;margin-top:5px}.sizing-estimates{gap:15px}.sizing-estimates>div>span{font-size:12px}.sizing-estimates strong{font-size:34px}.sizing-estimates p{font-size:12px}.sizing-assumptions{font-size:17px;line-height:1.5}.starting-hypothesis{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.workshop-support *,.workshop-support *:before{transition:none!important;animation:none!important}}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1b2224;background:#f6f4ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f6f4ee;--ink: #1b2224;--muted: #656e70;--line: #d9dcd7;--accent: #4258bf;--accent-soft: #e8ebfb;--dark: #1b2339}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,.map-viewport:focus-visible{outline:3px solid #788bff;outline-offset:3px}::selection{background:#cbd3ff}h1,h2,h3,p{margin-top:0}a{color:inherit}.app{height:100dvh;min-height:600px;display:flex;flex-direction:column;overflow:hidden}.site-header{height:66px;min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 32px;border-bottom:1px solid var(--line);background:#f6f4eef5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;z-index:20}.brand{border:0;background:none;padding:0;display:flex;align-items:center;gap:13px;text-align:left;font-size:13px;font-weight:700;letter-spacing:-.02em}.brand-mobile{display:none}.brand b{font-weight:400;color:#9a9fa0;margin:0 5px}.brand-mark{display:block;width:42px;height:auto;flex:none}.header-actions{display:flex;align-items:center;gap:8px}.header-actions button{border:1px solid transparent;border-radius:8px;background:transparent;display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:650}.header-actions button:hover{background:#e9e9e3}.header-actions .presentation-trigger{background:var(--ink);color:#fff;padding:9px 15px}.header-actions .presentation-trigger:hover{background:#394449}.workspace{flex:1;display:flex;min-height:0;position:relative}.eyebrow,.block-label,.section-kicker{font-size:11px;font-weight:760;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.map-page{min-width:0;flex:1;display:flex;flex-direction:column;position:relative}.map-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:25px 5.2% 21px;position:relative;z-index:2}.map-intro .eyebrow{margin:0}.map-intro .eyebrow span{color:#969d9d;margin:0 5px}.map-intro h1{margin:11px 0 13px;font-size:clamp(46px,5vw,78px);letter-spacing:-.068em;line-height:.99;font-weight:720}.map-intro h1 span{display:block}.map-intro h1 em{font-style:normal;color:var(--accent)}.map-intro-actions{display:flex;align-items:center;gap:18px;margin:23px 0 0}.hero-start{border:0;border-radius:9px;background:var(--ink);color:#fff;padding:13px 17px;display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:700;box-shadow:0 7px 20px #1b222421;transition:transform .18s,background .18s,box-shadow .18s}.hero-start-short{display:none}.hero-start:hover{background:#344356;transform:translateY(-2px);box-shadow:0 12px 25px #1b22242b}.event-link{font-size:12px;color:#4c58a2;text-decoration-color:#a7b1e8;text-underline-offset:4px;line-height:1.6}.event-link:hover{color:#263fad}.event-link span[aria-hidden]{margin-left:4px}.event-mobile{display:none}.map-intro-side{min-width:230px;padding-bottom:5px;text-align:right}.map-intro-side strong{font-size:14px;line-height:1.6;letter-spacing:-.015em}.map-intro-side small{color:#6c7681;font-weight:500}.map-area{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid #d9dcd8;border-radius:18px;margin:0 22px;background:radial-gradient(ellipse at 50% 36%,#fff,#f3f4f0 68%,#eef0ee)}.map-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none}.map-viewport:active{cursor:grabbing}.map-world{position:absolute;left:0;top:0;transform-origin:0 0}.stage-band{position:absolute;left:70px;width:1460px;border-radius:28px;border:1px solid rgba(69,84,168,.16);background:#4258bf09;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px;pointer-events:none}.stage-band:before{content:"";position:absolute;left:-1px;top:36px;bottom:36px;width:5px;border-radius:5px;background:#aebbf1}.stage-band span{font-size:16px;font-weight:780;letter-spacing:.18em;color:#727ea9}.stage-band small{font-size:17px;color:#a0a8b7}.stage-band.fundamentals{top:16px;height:172px}.stage-band.serving{top:192px;height:115px;background:#202e4806;border-color:#202e481f}.stage-band.serving:before{background:#8494b3}.stage-band.production{top:312px;height:135px;background:#354b4f06;border-color:#354b4f1f}.stage-band.production:before{background:#7a9290}.map-links{position:absolute;inset:0;overflow:visible;pointer-events:none}.map-links path{fill:none;stroke:#a2afd1;stroke-width:3;stroke-linecap:round}.map-node{position:absolute;transform:translate(-50%,-50%);width:218px;min-height:94px;border:1px solid #c7ccd3;border-radius:15px;background:#fff;box-shadow:0 12px 30px #1d263b14,0 1px 1px #1d263b0d;display:grid;grid-template-columns:40px 1fr 18px;gap:7px;align-items:center;padding:18px;text-align:left;transition:transform .18s,box-shadow .18s,border-color .18s}.map-node:hover,.map-node:focus-visible,.map-node.selected{transform:translate(-50%,-50%) translateY(-5px);border-color:var(--accent);box-shadow:0 20px 40px #1d263b2b}.map-node.current{background:#edf0ff}.map-node.done .node-number{color:#fff;background:var(--accent)}.node-number{width:37px;height:37px;border-radius:50%;background:#e8ecf8;color:#5365a4;display:grid;place-items:center;font-size:14px;font-weight:730}.node-label{font-size:22px;line-height:1.08;letter-spacing:-.044em;font-weight:700}.node-status{align-self:end;color:var(--accent)}.map-tools{position:absolute;right:22px;bottom:22px;display:flex;flex-direction:column;gap:3px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 5px 18px #1b1b1b12}.map-tools button{width:34px;height:34px;border:0;background:none;border-radius:7px;display:grid;place-items:center}.map-tools button:hover{background:var(--accent-soft);color:var(--accent)}.map-hint{position:absolute;bottom:22px;left:24px;font-size:11px;color:#848b88;background:#f6f4eedb;padding:7px 10px;border-radius:7px}.pixel-cameo{position:absolute;inset:0;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.chase-pets,.chase-presenters{position:absolute;left:0;bottom:15px;width:260px;height:140px;will-change:transform}.chase-sprite-pair{display:flex;align-items:end;justify-content:center;width:100%;height:100%}.chase-sprite{display:block;flex:none;background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 4px 1px #1b22242a)}.chase-sprite.is-mirrored{transform:scaleX(-1)}.pixel-cameo.is-presenter-idle .chase-presenters .chase-sprite{animation:presenter-idle-bob .82s steps(2,end) infinite alternate}.pixel-cameo.is-presenter-idle .chase-presenters .chase-sprite+.chase-sprite{animation-delay:-.41s}.chase-sprite-dario,.chase-sprite-mini-sama{width:126px;height:136px}.chase-sprite-eduardo,.chase-sprite-alvaro{width:130px;height:130px}.chase-pets .chase-sprite+.chase-sprite{margin-left:-13px}.chase-presenters .chase-sprite+.chase-sprite{margin-left:-18px}.pixel-cameo.is-entrance .chase-pets .chase-sprite{animation:pet-idle-bob .8s steps(2,end) infinite alternate}.pixel-cameo.is-entrance .chase-pets .chase-sprite+.chase-sprite{animation-delay:-.4s}.chase-speech{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%);width:max-content;max-width:230px;padding:8px 10px;border:3px solid #1b2339;border-radius:5px;background:#fffef8;box-shadow:4px 4px #1b23392b;color:#1b2339;font-size:13px;font-weight:800;line-height:1.25;text-align:center}.chase-speech:after{content:"";position:absolute;left:50%;bottom:-9px;width:12px;height:12px;border-right:3px solid #1b2339;border-bottom:3px solid #1b2339;background:#fffef8;transform:translate(-50%) rotate(45deg)}@keyframes pet-idle-bob{to{transform:translateY(-6px)}}@keyframes presenter-idle-bob{to{transform:translateY(-5px)}}.map-index{position:absolute;top:22px;right:32px;z-index:3;max-width:min(620px,calc(100% - 64px))}.map-index summary{list-style:none;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-size:12px;font-weight:660;box-shadow:0 3px 12px #1414140c}.map-index summary::-webkit-details-marker{display:none}.map-index summary span{color:var(--accent);margin-left:9px}.map-index[open] .section-list{margin-top:8px;max-height:min(62vh,580px,calc(100dvh - 350px));overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 20px 50px #20264024}.section-list,.section-list ol{list-style:none;margin:0;padding:0}.section-list>li+li{margin-top:19px}.section-list h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:var(--accent)}.section-list h3 small{display:block;font-size:11px;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:450;margin-top:4px}.section-list ol button{width:100%;border:0;border-top:1px solid #eceee9;background:none;display:flex;align-items:center;gap:11px;padding:10px 2px;text-align:left;font-size:13px}.section-list ol button:hover{color:var(--accent)}.section-list ol button span{font-size:11px;color:#7c8284;font-variant-numeric:tabular-nums}.section-list ol button svg{margin-left:auto;color:var(--accent)}.mobile-map-list,.mobile-map-toggle{display:none}.overview-footer,.presentation-nav{height:64px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:0 36px;background:var(--paper);z-index:10}.overview-footer .event-link{font-size:12px;font-weight:610}.overview-footer>button,.presentation-nav button{border:0;background:none;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:670}.overview-footer>button{color:var(--accent)}.overview-footer>button:hover,.presentation-nav button:hover:not(:disabled){color:#263ba3}.presentation-nav button{min-width:110px}.presentation-nav button:last-child{justify-content:flex-end}.progress{display:flex;align-items:center;gap:11px;color:#747e7a;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.progress-track{width:130px;height:4px;background:#e0e2dd;border-radius:5px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--accent);border-radius:5px;transition:width .25s}.section-page{flex:1;min-width:0;overflow:auto;scroll-behavior:smooth}.section-inner{max-width:1350px;margin:auto;padding:25px clamp(28px,5vw,78px) 75px}.section-overline{border-bottom:1px solid var(--line);padding-bottom:17px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;font-weight:760;text-transform:uppercase;color:#727c84}.section-hero{display:flex;justify-content:space-between;gap:30px;padding:28px 0 22px}.section-kicker{margin-bottom:18px}.section-hero h1{font-size:clamp(42px,4.4vw,68px);line-height:1.02;letter-spacing:-.063em;font-weight:720;max-width:1000px;margin-bottom:12px}.section-lead{font-size:clamp(18px,1.55vw,23px);line-height:1.36;letter-spacing:-.027em;color:#566061;max-width:980px;margin:0}.hero-index{font-size:clamp(86px,12vw,180px);line-height:.8;letter-spacing:-.09em;font-weight:680;color:#e2e6e0}.hero-idea{border-top:1px solid var(--line);padding:16px 0 22px}.hero-idea span{font-size:10px;letter-spacing:.13em;font-weight:780;color:var(--accent);padding-top:8px}.hero-idea strong{font-size:clamp(21px,2vw,28px);line-height:1.18;letter-spacing:-.035em;font-weight:580;max-width:1000px}.story-section{display:grid;grid-template-columns:29% 1fr;gap:55px;padding:65px 0 55px}.story-heading h2{font-size:clamp(30px,3vw,43px);letter-spacing:-.055em;line-height:1.1;margin:0}.story-list{border-top:1px solid var(--line)}.story-block{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:24px 0 27px;border-bottom:1px solid var(--line)}.story-block>span{font-size:11px;color:var(--accent);font-weight:780;padding-top:7px}.story-block h3{margin:0 0 8px;font-size:clamp(19px,1.85vw,25px);letter-spacing:-.04em;line-height:1.2}.story-block p{font-size:15px;line-height:1.65;color:#566161;max-width:710px;margin:0}.final-decisions{display:grid;grid-template-columns:29% 1fr;gap:55px;border-top:1px solid var(--line);padding:50px 0 80px}.final-decisions h2{font-size:clamp(31px,3.2vw,46px);letter-spacing:-.05em;line-height:1.1;margin:0}.final-decisions ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.final-decisions li{border-top:1px solid var(--line);padding:15px 0;display:flex;gap:14px;font-size:17px;line-height:1.35;letter-spacing:-.025em}.final-decisions li span{color:var(--accent);font-size:11px;font-weight:760;padding-top:4px}.notebook-cue{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--dark);color:#fff;border-radius:16px;padding:34px 40px;margin-bottom:26px}.notebook-cue strong{display:block;font-size:clamp(20px,2vw,27px);letter-spacing:-.04em;font-weight:630}.notebook-cue p{color:#c6cce1;font-size:13px;margin:12px 0 0}.notebook-cue svg{color:#abbaff;flex:none}.section-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:35px}.section-bottom button{border:0;background:none;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:660}.section-bottom button:hover,.section-bottom .next-bottom{color:var(--accent)}.interactive-visual{background:#edf0ee;border:1px solid #dee2de;border-radius:20px;padding:clamp(26px,3.3vw,48px);min-height:390px;overflow:hidden}.interactive-visual.visual-dark{background:#222b45;border-color:#222b45;color:#fff}.visual-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:31px}.control-label{display:block;font-size:10px;font-weight:760;letter-spacing:.14em;color:#6777af;margin-bottom:11px}.visual-head h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.055em;line-height:1.1;margin:0}.visual-disclaimer{border-top:1px solid #d4d9d8;padding-top:17px;margin:31px 0 0;color:#667071;font-size:12px;line-height:1.5}.visual-dark .control-label{color:#aab9f8}.visual-dark .visual-disclaimer{border-color:#4e5b7d;color:#bec7e1}.choice{display:inline-flex;gap:4px;flex-wrap:wrap}.choice button{border:1px solid #cbd1d1;background:#ffffffb3;padding:8px 12px;min-height:36px;border-radius:7px;font-size:12px;font-weight:670;transition:background .15s,border-color .15s,color .15s}.choice button:hover{border-color:var(--accent)}.choice button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.visual-dark .choice button{border-color:#586588;background:#303b5b;color:#e4e8fa}.visual-dark .choice button:hover{border-color:#b7c2ff}.visual-dark .choice button[aria-pressed=true]{color:#1a2441;background:#adbaff;border-color:#adbaff}.visual-controls{display:flex;justify-content:space-between;align-items:start;gap:20px;flex-wrap:wrap}.visual-under{font-size:13px;line-height:1.5;margin:18px 0 0;color:#5e696a}.visual-dark .visual-under{color:#cad2e8}.slider-field{display:block;min-width:0}.slider-field>span{display:flex;justify-content:space-between;gap:18px;font-size:12px;color:#5f696e;margin-bottom:11px}.slider-field strong{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.slider-field input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.visual-dark .slider-field>span{color:#cad2e8}.visual-dark .slider-field strong{color:#fff}.visual-dark .slider-field input[type=range]{accent-color:#aebcff}.presentation .site-header{height:53px;min-height:53px;background:var(--dark);color:#fff;border-color:var(--dark)}.presentation .header-actions .header-map{display:none}.presentation .header-actions .presentation-trigger{background:#fff;color:#233050}.presentation .section-inner{max-width:1510px;padding-top:22px}.presentation .section-hero{min-height:0;padding:20px 0 16px}.presentation .section-hero h1{font-size:clamp(47px,4.2vw,66px);margin-bottom:11px}.presentation .section-lead{font-size:clamp(20px,1.65vw,26px)}.presentation .hero-index{font-size:clamp(85px,10vw,145px)}.presentation .hero-idea{padding:14px 0 19px}.presentation .hero-idea strong{font-size:clamp(22px,2vw,30px)}.presentation .interactive-visual{min-height:0;width:100%;padding:clamp(26px,2.6vw,38px);box-shadow:0 18px 70px #2531430d}.presentation .visual-head{margin-bottom:24px}.presentation .visual-head h2{font-size:clamp(32px,2.8vw,44px)}.presentation .control-label{font-size:11px}.presentation .choice button{min-height:40px;padding:8px 12px;font-size:13px}.presentation .slider-field>span,.presentation .visual-disclaimer{font-size:13px}.presentation .story-section{padding-top:75px}.presentation .story-block{padding-top:27px;padding-bottom:29px}.presentation .story-block h3{font-size:clamp(24px,2.2vw,34px)}.presentation .story-block p{font-size:clamp(19px,1.45vw,24px);line-height:1.5}.presentation .presentation-nav{height:58px;min-height:58px}@keyframes page-arrive{0%{opacity:.65;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-route{0%{stroke-dashoffset:2850}to{stroke-dashoffset:0}}@keyframes rise-in{0%{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes node-arrive{0%{opacity:.15;transform:translate(-50%,calc(-50% + 8px))}to{opacity:1;transform:translate(-50%,-50%)}}.map-links path{stroke-dasharray:2850;animation:draw-route .95s cubic-bezier(.3,.7,.3,1) both}.map-node{animation:node-arrive .36s ease-out backwards}.map-node:nth-of-type(1){animation-delay:.05s}.map-node:nth-of-type(2){animation-delay:.09s}.map-node:nth-of-type(3){animation-delay:.13s}.map-node:nth-of-type(4){animation-delay:.17s}.map-node:nth-of-type(5){animation-delay:.21s}.map-node:nth-of-type(6){animation-delay:.25s}.map-node:nth-of-type(7){animation-delay:.29s}.map-node:nth-of-type(8){animation-delay:.33s}.map-node:nth-of-type(9){animation-delay:.37s}.map-node:nth-of-type(10){animation-delay:.41s}.map-node:nth-of-type(11){animation-delay:.45s}@media(max-width:1150px){.map-intro h1{font-size:62px}.map-intro-side{min-width:180px}.flow-route{min-height:176px}.metric-scene{grid-template-columns:1fr}.metric-description{border-left:0;border-top:1px solid #c5cece;padding:15px 0 0}}@media(max-width:760px){.app{min-height:0}.site-header{height:56px;min-height:56px;padding:0 15px}.brand{font-size:11px;gap:8px}.brand-mark{width:35px}.brand-desktop{display:none}.brand-mobile{display:inline;white-space:nowrap}.header-actions button{padding:7px 9px}.header-actions .header-map span,.header-actions .presentation-trigger span{display:none}.map-intro{display:block;padding:23px 21px 17px}.map-intro h1{font-size:clamp(45px,12vw,73px);margin:9px 0 12px}.map-intro-actions{margin:17px 0 0;gap:10px}.hero-start{padding:11px 13px;font-size:12px;gap:10px}.hero-start-long{display:none}.hero-start-short{display:inline}.event-link{font-size:11px}.map-intro-side{display:none}.map-area{margin:0 10px}.map-viewport{display:none}.map-area.show-mobile-visual .map-viewport{display:block}.mobile-map-toggle{display:block;position:absolute;top:14px;right:14px;z-index:3}.mobile-map-toggle button{background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px;font-size:11px;font-weight:670}.mobile-map-list{display:block;position:absolute;inset:0;overflow:auto;padding:55px 20px 25px}.map-area.show-mobile-visual .mobile-map-list{display:none}.map-area:not(.show-mobile-visual) .map-tools,.map-area:not(.show-mobile-visual) .map-hint{display:none}.chase-pets,.chase-presenters{width:184px;height:105px;bottom:8px}.chase-sprite-dario,.chase-sprite-mini-sama{width:92px;height:100px}.chase-sprite-eduardo,.chase-sprite-alvaro{width:95px;height:95px}.chase-pets .chase-sprite+.chase-sprite{margin-left:-9px}.chase-presenters .chase-sprite+.chase-sprite{margin-left:-13px}.chase-speech{max-width:165px;padding:6px 7px;font-size:10px}.map-index{display:none}.mobile-map-list .section-list h3{font-size:12px}.mobile-map-list .section-list ol button{font-size:15px;padding:13px 2px}.overview-footer,.presentation-nav{padding:0 16px}.overview-footer{height:70px;min-height:70px;gap:8px}.presentation-nav{height:56px;min-height:56px}.overview-footer .event-link{font-size:10px;line-height:1.35;max-width:calc(100% - 108px)}.event-full{display:none}.event-mobile{display:inline}.progress-track{width:65px}.section-inner{padding:22px 21px 65px}.section-hero{padding:25px 0 20px;min-height:0}.section-hero h1{font-size:clamp(39px,8vw,63px)}.section-lead{font-size:18px}.hero-index{display:none}.hero-idea{display:block}.hero-idea strong{display:block;font-size:21px}.interactive-visual{padding:23px;min-height:0}.visual-head{display:block}.visual-head h2{font-size:29px}.choice button{font-size:11px;padding:7px 9px}.arch-layout,.context-demo,.decision-layout,.metric-scene{grid-template-columns:1fr}.flow-prompt{display:block}.flow-prompt span{display:block;margin-bottom:8px}.flow-routes{grid-template-columns:1fr}.flow-route{min-height:0}.flow-engine-heading{display:block}.flow-engine-heading span{display:block;margin-bottom:8px}.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-output{display:block}.flow-output span{display:block;margin-bottom:7px}.arch-readout{border-left:0;border-top:1px solid #657294;padding:18px 0 0}.arch-readout{border-color:#c9d1d1}.context-fields{grid-template-columns:1fr}.precision-bar{grid-template-columns:92px 1fr 72px;gap:8px}.precision-bar strong{font-size:12px}.precision-bar small{display:none}.precision-bar b{font-size:16px}.format-catalog>div{grid-template-columns:1fr 1fr}.memory-controls.sliders{grid-template-columns:1fr;gap:18px}.memory-outcome>div{min-width:0}.memory-outcome .memory-not-total{margin-left:0}.decision-layout{gap:18px}.decision-situation{min-height:160px}.decision-situation p{margin:15px 0 0;font-size:22px}.serving-path span{padding:8px 10px;font-size:11px}.serving-path b{font-size:14px}.metric-track span{font-size:9px;padding:16px 3px}.metric-stream{font-size:11px!important}.production-flow>span{min-height:42px;font-size:12px;padding:7px 9px}.production-flow>b{font-size:15px}.production-status{grid-template-columns:1fr 1fr}.production-status>div{display:block;padding:13px}.production-status small,.production-status strong,.production-status>div span{display:block;margin:0 0 5px}.production-status p{grid-column:1 / -1;margin:8px 0 0}.tuning-lane{grid-template-columns:1fr;gap:7px;padding:18px 0}.tuning-lane>strong{text-align:left}.tuning-baseline{display:block}.tuning-baseline span{display:block;margin-bottom:8px}.parallel-lane{grid-template-columns:1fr;gap:11px;padding:18px 0}.parallel-pair span{min-height:57px;font-size:13px}.sizing-intro{grid-template-columns:1fr 1fr}.sizing-intro>div:last-child{grid-column:1 / -1;border-left:0;border-top:1px solid #536181;padding-left:0}.sizing-weights{grid-template-columns:1fr}.story-section,.final-decisions{display:block;padding:43px 0}.story-heading h2,.final-decisions h2{font-size:34px;margin-bottom:28px}.story-block h3{font-size:19px}.story-block p{font-size:14px}.final-decisions ol{grid-template-columns:1fr;margin-top:22px}.final-decisions li{font-size:16px}.notebook-cue{padding:24px}.notebook-cue strong{font-size:20px}.section-bottom{width:100%}.presentation .section-hero h1{font-size:clamp(43px,8vw,70px)}.presentation .story-section{padding-top:43px}.presentation .story-block h3{font-size:21px}.presentation .section-lead{font-size:20px}.presentation .story-block p{font-size:16px}.presentation .visual-head h2{font-size:30px}.presentation .choice button{min-height:36px;padding:7px 9px;font-size:11px}.presentation .slider-field>span,.presentation .visual-disclaimer{font-size:12px}.presentation-nav button{min-width:75px}.presentation-nav button span{font-size:11px}}@media(max-width:430px){.brand-mobile{font-size:12px}.map-intro h1{font-size:45px}.visual-controls{display:block}.visual-controls>div+div{margin-top:19px}.flow-steps li{font-size:12px}.memory-outcome{gap:10px}.memory-outcome strong{font-size:26px}.format-catalog>div{grid-template-columns:1fr}.acceptance>div{display:grid;grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.diagram-fit{transform-origin:center top}.presentation .section-inner{padding-top:16px}.presentation .section-overline{padding-bottom:0;border:0;font-size:10px}.presentation .section-hero{padding:12px 0 17px}.presentation .section-hero h1{font-size:clamp(30px,3vw,48px);margin-bottom:0}.presentation .section-lead{display:block;max-width:1040px;margin-top:8px;font-size:clamp(16px,1.5vw,21px);line-height:1.3}.presentation .hero-idea{display:none}.presentation .diagram-moment{margin-bottom:15px}.demo:focus-visible{outline:3px solid #788bff;outline-offset:4px}@media(max-width:760px){.presentation .section-hero h1{font-size:32px}.presentation .section-inner{padding-top:20px}}@media(min-width:761px){.presentation .section-page{overflow:hidden}.presentation .section-inner{padding-bottom:0}.presentation .diagram-moment{overflow:clip;margin-bottom:10px}.presentation .story-section,.presentation .final-decisions,.presentation .notebook-cue,.presentation .section-bottom{display:none}.presentation-notebook{text-align:center;font-size:12px;color:var(--accent);line-height:20px}}@media(max-width:760px){.presentation-notebook{display:none}}.presentation .header-actions .explanation-trigger{color:#d8e0f8}.presentation .header-actions .explanation-trigger:hover{background:#33415e}@media(min-width:761px)and (max-height:800px){.presentation .section-inner{padding-top:10px}.presentation .section-overline{display:none}.presentation .section-hero{padding:7px 0 13px}.presentation .section-hero h1{font-size:30px}}.header-actions .presenter-entry{margin-left:5px;color:#77807d;padding:9px}.header-actions .presenter-entry:hover,.header-actions .presenter-header-action{color:var(--accent)}.header-actions .presenter-header-action:hover{background:var(--accent-soft)}.map-node.locked,.map-node.locked:hover{opacity:1;color:#7a8586;background:#f5f5f1;border-color:#d7dcda;box-shadow:0 3px 10px #1b22240a;transform:translate(-50%,-50%)}.map-node.locked .node-number{background:#e5e8e6;color:#788381}.map-node.locked .node-status{color:#929d9a}.map-node.locked .node-label{font-weight:600}.section-list ol button:disabled{opacity:1;color:#88918f}.section-list ol button:disabled svg{color:#9ca6a4}.hero-start:disabled{opacity:1;background:#e6e9e5;color:#62706c;box-shadow:none}.hero-start:disabled:hover{transform:none}.map-status{position:absolute;bottom:20px;left:20px;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#fff;font-size:13px}.map-status button{border:0;background:transparent;color:var(--accent);text-decoration:underline}.workshop-dialog{width:min(550px,calc(100vw - 32px));max-height:min(84dvh,740px);padding:30px;border:1px solid #d6dad5;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 28px 90px #151d2840}.workshop-dialog::backdrop{background:#1b233980;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:10px}.dialog-heading h2{margin:0;font-size:clamp(27px,4vw,38px);line-height:1.08;letter-spacing:-.055em}.dialog-heading button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:7px;background:transparent}.dialog-heading button:hover{background:#e6e9e4}.workshop-dialog>p{margin:0 0 23px;color:var(--muted);font-size:14px;line-height:1.5}.login-dialog form{display:grid;gap:10px}.login-dialog label{font-size:12px;font-weight:700}.login-dialog input{width:100%;border:1px solid #bfc7c4;border-radius:9px;padding:13px 14px;background:#fff;font-size:17px}.solid-button{width:100%;margin-top:8px;padding:13px 18px;border:0;border-radius:9px;background:var(--ink);color:#fff;font-weight:700}.solid-button:hover{background:#374252}.form-error{margin:2px 0;color:#a33338;font-size:13px}.admin-dialog{width:min(680px,calc(100vw - 32px))}.admin-list{max-height:min(51dvh,460px);overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.admin-lesson{display:grid;grid-template-columns:32px minmax(0,1fr) 92px;align-items:center;gap:12px;min-height:49px;border-bottom:1px solid #e2e4df;font-size:14px}.admin-lesson:last-child{border-bottom:0}.admin-number{color:var(--accent);font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}.admin-lesson button{border:1px solid #cdd4d0;border-radius:7px;background:#fff;padding:7px 9px;font-size:12px;font-weight:700}.admin-lesson button:hover{border-color:var(--accent)}.admin-lesson button.is-open{border-color:#bdc8f5;background:var(--accent-soft);color:#334ba9}.admin-logout{margin-top:19px;padding:8px 0;border:0;background:none;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px}.admin-logout:hover{color:var(--ink)}.qr-page,.locked-page{flex:1;min-width:0;display:flex;flex-direction:column}.qr-page{background:#f9f8f4}.qr-pet-scene{position:relative;height:min(27vh,230px);min-height:170px;overflow:hidden;border-top:1px solid #e2e3dd}.qr-pet-scene .pixel-cameo{position:absolute}.qr-topline{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 4.5%;font-size:13px;color:var(--muted)}.qr-topline button,.locked-content button{display:inline-flex;align-items:center;gap:9px;border:1px solid #cdd3d0;border-radius:8px;padding:10px 13px;background:#fff;font-size:13px;font-weight:650}.qr-topline button:hover,.locked-content button:hover{border-color:var(--accent);color:var(--accent)}.qr-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 20px 45px}.qr-eyebrow{margin-bottom:14px;color:var(--accent);font-size:13px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.qr-content h1{margin:0 0 18px;font-size:clamp(44px,6vw,88px);letter-spacing:-.075em;line-height:.97}.qr-content img{width:min(30vh,300px);min-width:210px;height:auto;margin:12px 0 18px;border:8px solid white;border-radius:16px;box-shadow:0 8px 35px #1b222413}.qr-content a{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:clamp(21px,2.4vw,33px);font-weight:680;text-decoration:none;letter-spacing:-.035em}.qr-content a:hover{text-decoration:underline;text-underline-offset:5px}.locked-page{align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,white 0%,var(--paper) 72%)}.locked-content{width:min(660px,calc(100% - 44px));display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:55px}.locked-content>svg{color:#87939c}.locked-number{color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.13em}.locked-content h1{margin:0;font-size:clamp(40px,6vw,77px);line-height:1.01;letter-spacing:-.075em}.locked-content p{margin:0 0 12px;color:var(--muted);font-size:clamp(17px,2vw,21px)}.workshop-notice{position:fixed;right:16px;bottom:80px;z-index:60;display:flex;align-items:center;gap:15px;max-width:min(440px,calc(100vw - 32px));padding:13px 15px;border:1px solid #e0bd9f;border-radius:10px;background:#fff9ee;box-shadow:0 8px 30px #1b222420;color:#674628;font-size:13px}.workshop-notice button{border:0;background:transparent;font-size:20px}@media(max-width:760px){.header-actions .presenter-header-action span{display:none}.header-actions .presenter-header-action,.header-actions .presenter-entry{padding:7px;margin:0}.workshop-dialog{padding:23px}.qr-topline{padding:14px 20px}.qr-topline span{display:none}.qr-content img{width:min(33vh,270px);min-width:170px}}@media(min-width:761px)and (max-height:820px){.map-intro{align-items:flex-end;padding:13px 5.2% 15px}.map-intro>div:first-child{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:27px}.map-intro .eyebrow{grid-column:1 / -1;margin-bottom:8px}.map-intro h1{grid-column:1;margin:0;white-space:nowrap;font-size:clamp(38px,4vw,60px);line-height:1.04}.map-intro h1 span{display:inline}.map-intro h1 em{margin-left:.12em}.map-intro-actions{grid-column:2;margin:0}.map-intro-side{padding-bottom:2px}}@media(min-width:761px)and (max-width:1000px)and (max-height:820px){.map-intro-side{display:none}}
