
section[id]{scroll-margin-top:100px}.kv-wrap{max-width:1280px;margin:auto;padding-inline:32px}.kv-kicker{font-size:12px;font-weight:700;letter-spacing:.09em;color:#615377;display:block;margin-bottom:18px}.kv-heading{max-width:800px;margin:0 0 36px}.kv-heading h2,.context-heading h2,.confidence-copy h2{font-size:clamp(32px,3.2vw,46px);line-height:1.16;letter-spacing:-.035em;margin:0}.kv-heading p,.context-heading>p,.confidence-copy>p{font-size:17px;color:#50576b;line-height:1.75;margin:20px 0 0;max-width:700px}.kv-overview{display:grid;gap:0;border-top:1px solid #dce1e8}.principle-card{display:grid;grid-template-columns:80px 1fr 40px;gap:22px;padding:30px 0;border-bottom:1px solid #dce1e8;align-items:start}.principle-number{font-size:44px;font-weight:400;color:#a6b7b7;line-height:1}.principle-card small{font-size:12px;color:#397a73;letter-spacing:.03em}.principle-card h3{font-size:26px;letter-spacing:-.03em;margin:9px 0 12px;line-height:1.2}.principle-card strong{font-size:16px;font-weight:500;color:#333c53}.principle-card p{font-size:16px;color:#566073;line-height:1.7;margin:8px 0 0;max-width:800px}.principle-arrow{font-size:30px;color:#008e80}.kv-knowledge{padding:45px 0 0;background:#f4f7f7}.kv-source-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kv-source-cards article{background:#fff;border:1px solid #dce4e4;border-radius:12px;padding:24px;display:grid;grid-template-columns:44px 1fr;gap:5px 16px;align-content:start;transition:transform .2s,border-color .2s}.kv-source-cards article:hover{transform:translateY(-3px);border-color:#8cafac}.source-card-icon{width:42px;height:42px;grid-row:1/3;display:grid;place-items:center;background:#f0f5f6;border:1px solid #e2e9e9;color:#326e75;border-radius:10px;font-size:23px}.kv-source-cards h3{font-size:18px;color:#182e40;line-height:1.35;margin:0;letter-spacing:-.02em}.kv-source-cards p{font-size:15px;line-height:1.7;color:#525e6c;margin:6px 0 0}.kv-context{padding:75px 0 70px}.context-heading{margin-bottom:35px}.context-heading em,.confidence-copy em{font-style:normal;color:#008d82}.context-workbench{padding:0;margin-inline:auto;max-width:1216px;border:1px solid #cfdcdd;border-radius:18px;background:white;overflow:hidden;box-shadow:0 22px 60px #213a4510}.workbench-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;border-bottom:1px solid #dbe4e4;background:#fff}.workbench-top>div{display:flex;align-items:center;gap:10px}.workbench-top strong{font-size:18px;letter-spacing:-.025em}.workbench-dot{width:9px;height:9px;background:#0eac93;border-radius:50%;box-shadow:0 0 0 4px #e5f7f0}.workbench-top>span{font-size:13px;color:#576675}.workbench-body{display:grid;grid-template-columns:300px 1fr}.source-browser{background:#f8faf9;padding:26px 18px;border-inline-end:1px solid #dbe4e4}.source-browser>.kv-kicker{font-size:11px;padding-inline-start:10px;color:#626e78}.context-source-grid{display:grid;gap:6px}.context-source-grid button{font:inherit;display:flex;align-items:center;gap:10px;text-align:start;padding:13px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:#445262;font-size:14px;cursor:pointer;line-height:1.45}.context-source-grid button>span{font-size:20px;color:#5d7680;width:24px;flex-shrink:0;text-align:center}.context-source-grid button>b{margin-inline-start:auto;font-weight:400;color:#74838b}.context-source-grid button[aria-selected=true]{background:white;border-color:#c8ddda;color:#006f65;box-shadow:0 3px 9px #26403b06}.context-source-grid button[aria-selected=true]>span{color:#008d82}.context-source-grid button:hover{background:#edf4f2}.context-canvas{padding:30px;background:radial-gradient(#d8e1e2 .6px,transparent .6px),#fcfefe;background-size:15px 15px}.context-canvas>.kv-kicker{font-size:11px;color:#626e78}.context-detail{background:white;padding:22px;border:1px solid #d9e4e3;border-radius:12px;min-height:170px}.selected-source{display:flex;align-items:center;gap:14px}.selected-source>span{width:40px;height:40px;display:grid;place-items:center;background:#eaf5f1;color:#008576;font-size:22px;border-radius:8px;flex-shrink:0}.selected-source small{font-size:10px;color:#596f70;letter-spacing:.08em}.selected-source h3{font-size:20px;margin:4px 0 0;line-height:1.3;letter-spacing:-.02em}.selected-source>b{margin-inline-start:auto;font-size:11px;font-weight:500;color:#007961;background:#edf9f2;border:1px solid #d8efe3;border-radius:15px;padding:5px 9px}.context-detail p{font-size:15px;color:#526270;line-height:1.7;margin:16px 0 0}.context-assembly{margin-top:20px}.assembly-rail{height:25px;display:flex;justify-content:space-around;overflow:hidden}.assembly-rail i{width:1px;background:#a2c7c1;height:100%;position:relative}.assembly-rail i:after{content:'';position:absolute;inset-inline-start:-2px;top:-8px;height:8px;width:5px;background:#06a58a;border-radius:3px;animation:context-drop 2.8s linear infinite}.assembly-rail i:nth-child(2):after{animation-delay:.8s}.assembly-rail i:nth-child(3):after{animation-delay:1.5s}.assembly-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.assembly-inputs>span{background:white;border:1px solid #d8e4e1;padding:10px 8px;text-align:center;border-radius:6px;font-size:12px;color:#37675e}.context-engine{display:flex;align-items:center;gap:20px;border-radius:12px;background:linear-gradient(115deg,#102b38,#163f47);border:1px solid #235c61;padding:25px;color:white;box-shadow:0 10px 25px #183f4216}.engine-mark{font-size:40px;color:#76e1cb}.context-engine small{font-size:10px;letter-spacing:.14em;color:#a6e5da}.context-engine strong{display:block;font-size:25px;letter-spacing:-.025em;line-height:1.3;margin-top:5px}.context-engine p{font-size:14px;color:#cfdfdf;margin:7px 0 0;line-height:1.6}.engine-signal{margin-inline-start:auto;width:9px;height:9px;background:#5cddbe;border-radius:50%;box-shadow:0 0 0 5px #53ccad20;animation:context-beacon 3s infinite;flex-shrink:0}.agent-destinations{margin-top:24px}.agent-destinations>small{font-size:10px;letter-spacing:.07em;color:#536670}.agent-destinations>div{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.agent-destinations span{background:#f0ecfa;border:1px solid #e1d8ef;border-radius:6px;padding:9px 10px;font-size:12px;color:#66458d}.workbench-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dce5e3;padding:17px 26px;font-size:12px;color:#5c6f78}.workbench-foot>span:first-child{color:#247568}.kv-confidence{background:#fff;padding:85px 0}.kv-confidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.guard-visual{background:#f5f6fb;border:1px solid #dfe2ed;border-radius:18px;padding:30px;--state-color:#a56c1b;--state-bg:#fff6e6}.decision-header{display:flex;gap:15px;align-items:center;padding-bottom:25px;border-bottom:1px solid #dfe2ed}.decision-header>span{font-size:30px;color:#7959a7}.decision-header small{font-size:11px;letter-spacing:.08em;color:#615a75}.decision-header h3{font-size:25px;line-height:1.2;margin:8px 0 0;letter-spacing:-.025em}.decision-steps{padding:0;margin:27px 0;list-style:none;display:grid;gap:0}.decision-steps li{display:flex;gap:18px;position:relative;padding-bottom:32px}.decision-steps li:before{content:'';position:absolute;inset-inline-start:17px;top:38px;bottom:5px;width:1px;background:#cbd9d7}.decision-steps li:last-child{padding-bottom:0}.decision-steps li:last-child:before{display:none}.decision-steps li>span{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;background:#e3f2ed;color:#007b63;border:1px solid #c8e1d7;border-radius:50%;font-size:16px}.decision-steps small{font-size:10px;letter-spacing:.08em;color:#636a7a;display:block;margin:3px 0 7px}.decision-steps strong{font-size:19px;line-height:1.35;display:block}.decision-steps p{font-size:15px;line-height:1.7;color:#586375;margin:7px 0 0}.decision-current>span.step-status{color:var(--state-color);background:var(--state-bg);border-color:var(--state-color)}.decision-current strong{color:var(--state-color)}.guard-state{border:1px solid #e1dfeb;background:#fff;border-radius:9px;padding:16px 20px}.guard-state>span{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--state-color);margin-inline-end:8px}.guard-state strong{font-size:15px;color:var(--state-color);font-weight:600}.guard-state small{font-size:12px;display:block;color:#656f7e;margin:6px 0 0}.guard-visual[data-state=approved]{--state-color:#007b63;--state-bg:#e2f5ee}.guard-visual[data-state=blocked]{--state-color:#805397;--state-bg:#f1e8f7}.guard-tabs{display:flex;gap:8px;margin:25px 0 0}.guard-tabs button{font:inherit;font-size:14px;border:1px solid #d5d9e2;padding:10px 19px;background:white;border-radius:7px;color:#535c70;cursor:pointer}.guard-tabs button[aria-selected=true]{color:#563b82;background:#eee8f8;border-color:#b9a6d4}.guard-explanation{padding:22px 0;min-height:140px;border-bottom:1px solid #e1e4eb}.guard-explanation strong{font-size:17px;color:#28364b}.guard-explanation p{font-size:15px;line-height:1.75;color:#536074;margin:9px 0 0}.confidence-points article{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #e1e4eb}.confidence-points article>span{font-size:23px;color:#7b62aa}.confidence-points h3{font-size:19px;margin:0;letter-spacing:-.02em}.confidence-points p{font-size:15px;line-height:1.7;color:#536074;margin:8px 0 0}.governance-link{display:inline-flex;gap:20px;margin-top:24px;font-size:15px;color:#684395;font-weight:600}button:focus-visible,a:focus-visible{outline:3px solid #8d6abc;outline-offset:3px}[hidden]{display:none!important}.agent-page.motion-paused *{animation-play-state:paused!important}@keyframes context-drop{to{transform:translateY(40px)}}@keyframes context-beacon{50%{box-shadow:0 0 0 9px #53ccad08}}
@media(max-width:1100px){.context-workbench{margin-inline:32px}.workbench-body{grid-template-columns:270px 1fr}.context-canvas{padding:24px}.context-engine{padding:20px;gap:15px}.context-engine strong{font-size:22px}.kv-confidence-grid{gap:35px}.guard-visual{padding:25px}}
@media(max-width:800px){.kv-source-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-body{grid-template-columns:1fr}.source-browser{border-inline-end:0;border-bottom:1px solid #dbe4e4}.context-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-source-grid button{font-size:14px}.workbench-top>span{display:none}.context-detail{min-height:0}.kv-confidence-grid{grid-template-columns:1fr}.guard-visual{order:2}.confidence-copy{order:1}.principle-card{grid-template-columns:55px 1fr 25px;gap:15px}.principle-number{font-size:36px}.context-heading em{display:inline}}
@media(max-width:480px){.kv-wrap{padding-inline:22px}.kv-kicker{font-size:11px}.kv-source-cards{grid-template-columns:1fr}.kv-source-cards article{padding:22px}.kv-source-cards h3{font-size:19px}.kv-source-cards p{font-size:16px}.kv-heading p,.context-heading>p,.confidence-copy>p{font-size:17px}.principle-card{grid-template-columns:35px 1fr;gap:12px;padding:25px 0}.principle-arrow{display:none}.principle-number{font-size:28px}.principle-card h3{font-size:23px}.principle-card p{font-size:16px}.context-workbench{padding:0;margin-inline:16px}.workbench-top{padding:18px}.source-browser{padding:20px 12px}.context-source-grid button{padding:11px 8px;font-size:13px;gap:7px;align-items:start}.context-source-grid button>b{display:none}.context-source-grid button>span{width:20px;font-size:18px}.context-canvas{padding:20px 16px}.context-detail{padding:18px}.selected-source{gap:10px;flex-wrap:wrap}.selected-source>b{display:none}.selected-source h3{font-size:19px}.selected-source small{font-size:9px}.context-detail p{font-size:16px}.assembly-inputs{gap:5px}.assembly-inputs>span{font-size:11px;padding:10px 4px}.context-engine{padding:20px 15px;gap:12px}.context-engine strong{font-size:22px}.context-engine p{font-size:14px}.engine-mark{font-size:30px}.engine-signal{display:none}.agent-destinations span{font-size:13px}.workbench-foot{flex-direction:column;padding:18px;font-size:12px;gap:8px}.kv-context{padding-block:50px}.kv-confidence{padding-block:55px}.guard-visual{padding:24px 20px}.decision-header h3{font-size:23px}.decision-steps li{gap:13px}.decision-steps p{font-size:16px}.guard-explanation p,.confidence-points p{font-size:16px}.guard-tabs button{font-size:14px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
