.kb-page{--kb-cyan:#279ca7;--kb-orange:#ed7045}.kb-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:80px 0 90px;display:grid}.kb-hero h1{letter-spacing:-.07em;margin:24px 0 30px;font-size:clamp(62px,6.2vw,94px);font-weight:600;line-height:.94}.kb-hero :where(h1) span{display:block}.kb-hero-copy>p:not(.eyebrow){max-width:560px;color:var(--muted);font-size:18px;line-height:1.7}.kb-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px;display:flex}.kb-primary{color:#fff;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:650;display:inline-flex}.kb-page .route-link{align-items:center;gap:8px;display:inline-flex}.kb-actions .route-link{font-size:13px}.kb-instrument{perspective:1000px;background:linear-gradient(145deg,#edf8f5,#fff9ef);border:1px solid #d6e3de;border-radius:28px;padding:26px;position:relative;box-shadow:0 5px #dde5e1,inset 0 1px #fff}.kb-instrument-head,.kb-instrument-foot{color:#54747a;font:9px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:16px;display:flex}.kb-concept,.kb-output{translate:var(--depth-x,0px) var(--depth-y,0px);background:#fffefa;border:1px solid #ccdfd9;border-radius:18px;padding:24px;transition:translate .22s;position:relative;box-shadow:0 4px #dce8e1,inset 0 1px #fff}.kb-concept{margin:32px 42px 0 0}.kb-concept>span,.kb-output>span{color:#537a7d;font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.kb-concept strong{color:var(--ink);letter-spacing:-.045em;margin-top:12px;font-size:38px;display:block}.kb-concept p{color:var(--muted);margin:12px 0 18px;font-size:14px;line-height:1.5}.kb-binding{align-items:center;gap:12px;display:flex}.kb-binding code{color:#32666f;font:12px var(--font-mono);background:#f1f9f4;border:1px solid #d3e7df;border-radius:6px;padding:7px 10px}.kb-binding i{background:#90c5bd;flex:1;height:1px}.kb-signal{background:linear-gradient(var(--kb-cyan), var(--kb-orange));width:2px;height:58px;margin-left:65%;position:relative}.kb-signal i{background:var(--kb-cyan);border:2px solid #fffefa;border-radius:3px;width:12px;height:12px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.kb-output{background:#fff9f0;border-color:#e8c6b7;margin-left:42px}.kb-output strong{letter-spacing:-.035em;margin-top:14px;font-size:26px;line-height:1.15;display:block}.kb-output-tags{color:#967057;font:9px var(--font-mono);flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.kb-instrument-foot{margin-top:28px;font-size:8px}.kb-evidence{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr) 1.2fr;align-items:center;gap:28px;padding:32px 0;display:grid}.kb-evidence strong{letter-spacing:-.055em;font-size:45px;font-weight:500;display:block}.kb-evidence span{color:#537178;font:10px var(--font-mono)}.kb-evidence p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.kb-modes,.kb-tracks{margin-top:100px}.kb-heading{grid-template-columns:1.1fr .8fr;align-items:end;gap:90px;margin-bottom:42px;display:grid}.kb-heading h2{letter-spacing:-.06em;margin:18px 0 0;font-size:clamp(42px,4.8vw,66px);font-weight:500;line-height:.97}.kb-heading>p{color:var(--muted);margin:0;line-height:1.7}.kb-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kb-mode{background:linear-gradient(150deg,#fffefa,#f0f7f2);border:1px solid #d6e3dc;border-radius:20px;flex-direction:column;padding:24px;display:flex;box-shadow:0 4px #e0e7e1,inset 0 1px #fff}.kb-mode-top,.kb-track-top{color:#54747a;font:9px var(--font-mono);text-transform:uppercase;justify-content:space-between;gap:10px;display:flex}.kb-mode-top small,.kb-track-top small{color:#91755d;font-size:8px}.kb-mode>svg{color:var(--kb-cyan);margin-top:36px}.kb-mode h3{letter-spacing:-.035em;margin:20px 0 12px;font-size:23px;line-height:1.2}.kb-mode p{color:var(--muted);margin:0 0 26px;font-size:14px;line-height:1.65}.kb-mode>a{margin-top:auto;font-size:12px}.kb-mode-planned{box-shadow:none;background:#faf7f0;border-style:dashed}.kb-mode-planned>svg{color:#9b785d}.kb-example{background:#f3f7ef;border:1px solid #d8e3dc;border-radius:24px;grid-template-columns:1fr .9fr;align-items:center;gap:50px;margin-top:40px;padding:38px;display:grid}.kb-example h3{letter-spacing:-.04em;margin:18px 0;font-size:30px}.kb-example p{color:var(--muted);margin:0;line-height:1.7}.kb-example pre{color:#315f68;font:13px / 1.9 var(--font-mono);background:#fffefa;border:1px solid #d9e3d8;border-radius:14px;margin:0;padding:24px;overflow-x:auto}.kb-track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.kb-answer{margin-top:16px}.kb-answer summary{cursor:pointer;color:#315f68;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;font-weight:600;display:flex}.kb-answer summary::marker{content:""}.kb-answer summary::-webkit-details-marker{display:none}.kb-answer summary svg{transition:transform .2s}.kb-answer[open] summary svg{transform:rotate(90deg)}.kb-answer p{padding-top:12px;font-size:14px}.kb-answer summary:focus-visible{outline:2px solid var(--kb-cyan);outline-offset:5px}.kb-track{color:var(--ink);background:#fffefa;border:1px solid #d7e4dd;border-radius:20px;flex-direction:column;padding:26px;transition:translate .25s,border-color .25s;display:flex;box-shadow:0 3px #e2e7df,inset 0 1px #fff}.kb-track h3{letter-spacing:-.04em;margin:28px 0 12px;font-size:24px}.kb-track p{color:var(--muted);margin:0 0 26px;font-size:14px;line-height:1.65}.kb-track-action{color:#53747b;font:11px var(--font-mono);justify-content:space-between;gap:14px;margin-top:auto;display:flex}.kb-track-action svg{transition:transform .25s}.kb-track-top .kb-status-active{color:#237b80}.kb-track:is(:hover,:focus-visible){background:linear-gradient(140deg,#f3fbf7,#fff5e9);border-color:#8cbfba;translate:0 -4px}.kb-track:is(:hover,:focus-visible) h3{color:#267d83}.kb-track:is(:hover,:focus-visible) .kb-track-action svg{color:var(--kb-orange);transform:translate(3px,-3px)}.kb-page a:focus-visible{outline:2px solid var(--kb-cyan);outline-offset:5px}.kb-closing{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;margin:80px 0 60px;padding:36px 0;display:flex}.kb-closing p{letter-spacing:-.04em;margin:0;font-size:30px;line-height:1.2}.kb-closing strong{font-weight:500}@media (prefers-reduced-motion:no-preference){.kb-signal i{animation:8s ease-in-out infinite kb-signal-travel}.kb-output{animation:8s ease-in-out infinite kb-output-receive}}@keyframes kb-signal-travel{0%,12%{opacity:0;top:0}18%,28%{opacity:1;background:var(--kb-cyan);top:0}58%,70%{opacity:1;background:var(--kb-orange);top:100%}80%,to{opacity:0;top:100%}}@keyframes kb-output-receive{0%,40%,90%,to{border-color:#e8c6b7;transform:translateY(0)}60%,76%{border-color:var(--kb-orange);transform:translateY(-4px);box-shadow:0 5px #e8cfbd,inset 0 1px #fff}}@media (max-width:1050px){.kb-hero{grid-template-columns:1fr;gap:48px}.kb-instrument{justify-self:center;width:100%;max-width:620px}.kb-mode-grid,.kb-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-heading{gap:40px}.kb-evidence{grid-template-columns:repeat(3,1fr)}.kb-evidence p{grid-column:1/-1}}@media (max-width:680px){.kb-hero{padding:50px 0 60px}.kb-hero h1{font-size:clamp(48px,13vw,68px)}.kb-hero-copy>p:not(.eyebrow){font-size:16px}.kb-instrument{border-radius:22px;padding:20px}.kb-instrument-head{font-size:8px}.kb-concept{margin-right:20px;padding:20px}.kb-output{margin-left:20px;padding:20px;animation:none;translate:none}.kb-concept{translate:none}.kb-output strong{font-size:23px}.kb-signal i{background:var(--kb-orange);animation:none;top:100%}.kb-instrument-foot{flex-direction:column;gap:8px}.kb-evidence{gap:16px}.kb-evidence strong{font-size:36px}.kb-evidence span{font-size:8px;line-height:1.5;display:block}.kb-modes,.kb-tracks{margin-top:70px}.kb-heading,.kb-example,.kb-track-grid,.kb-mode-grid{grid-template-columns:1fr}.kb-heading{gap:24px}.kb-example{gap:26px;padding:24px}.kb-example pre{padding:18px;font-size:11px}.kb-closing{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){.kb-answer summary svg{transition:none}.kb-output,.kb-concept,.kb-track,.kb-track-action svg{transition:none;animation:none;transform:translate(0,0)}.kb-signal i{background:var(--kb-orange);top:100%}}