.tutorial-head{border-bottom:1px solid var(--line)}.tutorial-shell{padding:0 clamp(24px,7vw,110px) 8vw}.tutorial-index{position:sticky;top:0;z-index:5;display:flex;gap:1px;overflow:auto;background:var(--line);border:1px solid var(--line)}.tutorial-index span,.tutorial-index a{white-space:nowrap;padding:16px;background:#fff;font:10px monospace;letter-spacing:.06em;color:var(--ink);text-decoration:none}.tutorial-index span{background:var(--ink);color:#fff}.tutorial-section{padding:75px 0;border-bottom:1px solid var(--line);scroll-margin-top:70px}.tutorial-section>span{font:10px monospace;color:var(--red);letter-spacing:.12em}.tutorial-section>h2{max-width:1050px;font-size:clamp(30px,4vw,51px);line-height:1.08}.architecture-tree{margin-top:45px}.architecture-crown{max-width:650px;margin:auto;padding:35px;text-align:center;background:var(--ink);color:#fff}.architecture-crown small,.architecture-branches small{font:10px monospace;color:var(--red)}.architecture-crown h3{font:32px Georgia;margin:15px}.architecture-crown p{color:#bbb;line-height:1.6}.architecture-line{height:55px;width:1px;margin:auto;background:var(--red)}.architecture-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.architecture-branches article{padding:30px;background:#fff}.architecture-branches h3,.role-grid h3{font:24px Georgia}.architecture-branches p,.role-grid p{font-size:13px;line-height:1.7;color:var(--muted)}.tutorial-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-top:25px;background:var(--line)}.tutorial-kpis article{padding:22px;background:#fff}.tutorial-kpis b,.tutorial-kpis span{display:block}.tutorial-kpis b{font:30px Georgia}.tutorial-kpis span{font:10px monospace;color:var(--muted);margin-top:8px}.tutorial-flow{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line)}.tutorial-flow article{padding:22px;background:#fff}.tutorial-flow b{color:var(--red);font:12px monospace}.tutorial-flow h3{font:19px Georgia;margin-top:30px}.tutorial-flow p{font-size:11px;line-height:1.6;color:var(--muted)}.tutorial-dark{margin-left:calc(-1 * clamp(24px,7vw,110px));margin-right:calc(-1 * clamp(24px,7vw,110px));padding-left:clamp(24px,7vw,110px);padding-right:clamp(24px,7vw,110px);background:var(--ink);color:#fff}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#444}.role-grid article{padding:28px;background:#1d1d1d}.role-grid p{color:#aaa}.role-grid b{font:10px monospace;color:var(--red)}.agent-rule{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.agent-rule div{padding:30px;background:#fff}.agent-rule b{font:24px Georgia}.agent-rule p{line-height:1.7;color:var(--muted)}.warning-box{margin-top:25px;padding:28px;border-left:4px solid var(--red);background:#fff}.warning-box p{line-height:1.7;color:var(--muted)}.tutorial-action{display:inline-block;margin-top:25px;padding:15px 20px;background:var(--red);color:#fff;text-decoration:none}.seal-steps{list-style:none;padding:0;counter-reset:none}.seal-steps li{display:grid;grid-template-columns:1fr 3fr;gap:25px;padding:22px 0;border-top:1px solid var(--line)}.seal-steps b{font:21px Georgia}.seal-steps span{color:var(--muted)}.destination-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}.destination-grid a{padding:25px;background:#fff;color:var(--ink);text-decoration:none}.destination-grid b{font:20px Georgia}.destination-grid p{font-size:12px;color:var(--muted);line-height:1.5}.checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.checklist p{margin:0;padding:22px;background:#fff;font-size:13px;line-height:1.6}.process-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.process-catalog article{display:grid;gap:8px;padding:22px;background:#fff}.process-catalog b{font:11px monospace;color:var(--red)}.process-catalog small{color:var(--muted)}@media(max-width:950px){.tutorial-flow{grid-template-columns:repeat(2,1fr)}.tutorial-kpis,.destination-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.architecture-branches,.role-grid,.agent-rule,.checklist,.process-catalog,.tutorial-flow,.tutorial-kpis,.destination-grid{grid-template-columns:1fr}.tutorial-index{margin:0 -24px}.seal-steps li{grid-template-columns:1fr}}