/* Scoped to the homepage candidate. The existing homepage is unchanged. */
.kh-book-link{display:block;text-decoration:none;cursor:pointer}.kh-book-link>img{display:block;width:100%;height:100%;object-fit:fill}.kh-book-link:focus-visible{outline:3px solid #d4e9dc;outline-offset:5px}
.kh-team-hint{display:none}.kh-team-grid:focus-visible{outline:2px solid #c7dfce;outline-offset:3px;border-radius:6px}
.kh-agent-auto{display:flex;align-items:center;gap:11px;margin:13px 5px 0;color:#c4d4ca;font-size:12px;line-height:1.5}.kh-agent-auto svg{width:25px;height:25px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.kh-horizontal-flows .kh-flow-row::before,.kh-horizontal-flows .kh-flow-row::after{display:none}
.kh-core{display:block;text-decoration:none;cursor:pointer}.kh-core:hover{border-color:#d7e8ddaa}.kh-core:focus-visible{outline:2px solid #e0eee5;outline-offset:5px}
.kh-book-row img,.kh-transfer-clone[src*="knowledge-"]{filter:grayscale(1)}
.kh-coding-logos{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:0 0 25px;color:#c7ceca}.kh-coding-logos>span{display:inline-flex;align-items:center;gap:8px;font-size:13px}.kh-coding-logos img{width:24px;height:24px;object-fit:contain;filter:grayscale(1)}
.kh-hero{max-width:1440px;margin:auto;padding:70px 5% 60px;display:grid;grid-template-columns:.92fr 1.08fr;gap:5%;align-items:center;overflow:hidden}
.kh-copy{min-width:0}.kh-eyebrow{font-size:12px;letter-spacing:.12em;color:#b5e7d0;margin:0 0 26px;font-weight:600}
.kh-copy h1{font-size:clamp(45px,4.65vw,68px);font-weight:570;letter-spacing:-2.9px;line-height:1.06;margin:0 0 26px;max-width:570px;text-wrap:balance}
.kh-copy h1 em{font-style:normal;color:#b5e7d0}.kh-promise{font-size:clamp(20px,1.65vw,25px);line-height:1.45;color:#e3eae5;margin:0 0 18px;letter-spacing:-.5px}
.kh-description{font-size:16px;color:#acb8b2;line-height:1.8;max-width:465px;margin:0 0 28px}
.kh-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.kh-actions .ch-primary{color:#14291e;background:#b5e7d0}.kh-secondary{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:14px}.kh-secondary svg{width:16px}
.kh-hosts{font-size:13px;color:#c5d0ca;line-height:1.8;margin:19px 0 0}.kh-hosts span{font-size:12px;color:#99a9a0}.kh-human{border-top:1px solid #ffffff18;margin-top:30px;padding-top:19px;display:flex;align-items:center;gap:15px}.kh-human>span{font:36px/1 ui-monospace,monospace;color:#b5e7d0}.kh-human p{font-size:13px;color:#aebbb3;line-height:1.7;margin:0}.kh-human strong{color:#e0e8e2;font-size:14px;font-weight:550}
.kh-assembly{min-width:0;position:relative;border:1px solid #ffffff1d;border-radius:20px;background:radial-gradient(ellipse at 50% 75%,#405b4b40,transparent 56%),linear-gradient(145deg,#1b2521,#131a18);box-shadow:0 30px 70px #0003,inset 0 1px #ffffff08;isolation:isolate}
.kh-art-head{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:11px 23px;border-bottom:1px solid #ffffff12;gap:10px}.kh-art-head>span{font-size:10px;letter-spacing:.14em;color:#adbbb2}.kh-art-head button{min-height:34px;padding:6px 9px;font-size:11px;border:1px solid #ffffff1b;background:#ffffff05;border-radius:5px;color:#c2cec6}.kh-art-head button[hidden]{display:none}
.kh-scene{height:492px;position:relative;margin:0 20px}.kh-source{position:absolute;inset:0 0 auto;padding:23px 9px 0;height:300px;z-index:2}.kh-source[hidden]{display:none!important}.kh-source h2{font-size:19px;font-weight:520;letter-spacing:-.5px;text-align:center;margin:0 0 19px;color:#e1e9e3}.kh-book-row{display:flex;gap:15px;justify-content:center;perspective:800px}.kh-book-row>:is(img,.kh-book-link){width:78px;height:117px;object-fit:fill;border-radius:1px;box-shadow:5px 8px 15px #0007;transform:rotateY(-8deg);border:1px solid #ffffff26;flex-shrink:0}.kh-book-note{font-size:10px;text-align:center;color:#a0afa5;margin:13px 0 15px}.kh-experience{text-align:center;border-top:1px solid #ffffff0e;padding-top:11px}.kh-experience>span{font-size:11px;color:#a4b5a9}.kh-experience>div{display:flex;justify-content:center;gap:19px;margin:8px 0}.kh-experience>div>span{display:flex;align-items:center;gap:6px;font-size:12px;color:#d4dfd7}.kh-experience img{width:17px;height:17px;object-fit:contain;border-radius:3px}.kh-experience small{display:block;font-size:9px;color:#91a398}
.kh-conduits{position:absolute;left:0;right:0;top:286px;height:65px;overflow:hidden;opacity:.7}.kh-conduits svg{width:100%;height:100%;stroke:#83ac9580;stroke-width:1;fill:none}.kh-packet{position:absolute;top:-8px;width:4px;height:15px;border-radius:2px;background:#b5e7d0;box-shadow:0 0 10px #b5e7d030;left:calc(50% - 2px);opacity:0}.kh-packet-a{margin-left:-3px}.kh-packet-b{margin-left:3px}.kh-packet-c{height:7px}
.kh-core{position:absolute;top:350px;left:12%;width:76%;min-height:123px;text-align:center;border:1px solid #96baa466;border-radius:11px;background:linear-gradient(165deg,#354c40,#1d2c24);box-shadow:0 16px 35px #0005,inset 0 1px #d4e5d51a;z-index:3;padding:10px 12px 9px;transition:box-shadow .8s,border-color .8s}.kh-core-top{display:flex;align-items:center;justify-content:space-between;color:#bbd0c1;font-size:8px;letter-spacing:.11em}.kh-core-plus{font-size:16px;font-weight:300}.kh-core>img{width:195px;height:48px;object-fit:cover;mix-blend-mode:screen;display:block;margin:2px auto 5px}.kh-capabilities{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.kh-capabilities span{font-size:9px;border:1px solid #a8bca63a;border-radius:3px;padding:4px 6px;color:#a3b6a7;transition:background .7s,color .7s}.kh-capabilities .is-loaded{background:#d1ead619;border-color:#b5e7d054;color:#e0f0e5}.kh-core>p{font-size:10px;margin:8px 0 0;color:#bbcbbf}
.kh-art-footer{padding:16px 19px 15px;border-top:1px solid #ffffff12}.kh-art-footer nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.kh-art-footer button{padding:7px 4px 8px;background:none;border:0;border-top:2px solid #ffffff18;text-align:left;color:#9cafa1;font-size:11px;min-height:40px;transition:border-color .4s,color .4s}.kh-art-footer button span{font-size:9px;display:block;opacity:.7;margin-bottom:4px}.kh-art-footer button[aria-current=step]{border-color:#b5e7d0;color:#e2eee5}.kh-stage-description{font-size:11px;color:#99aea0;margin:9px 0 0;min-height:17px}
.kh-workflow-track{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kh-workflow-track>div{display:flex;gap:11px;align-items:center;border:1px solid #abc2b224;background:#d9e8dc05;padding:15px 12px;border-radius:7px}.kh-workflow-track>div>span{font:13px ui-monospace,monospace;color:#a7ceb5}.kh-workflow-track p{margin:0}.kh-workflow-track strong{display:block;font-size:15px;font-weight:550;margin-bottom:5px}.kh-workflow-track small{font-size:10px;color:#a2b2a8;line-height:1.4;display:block}.kh-workflow-note{text-align:center;font-size:12px;line-height:1.65;color:#b0c3b6;margin:19px 0 0}
.kh-team-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px 6px}.kh-agent{border:0;background:transparent;min-width:0;min-height:49px;padding:0;display:flex;align-items:center;flex-direction:column;gap:4px}.kh-agent:hover .kh-face>img{border-color:#d5e9da}.kh-face{position:relative;display:inline-flex}.kh-face>img{width:32px;height:32px;border:1px solid #809788;border-radius:50%;filter:grayscale(1);object-fit:cover}.kh-face>span{font:7px/1.1 ui-monospace,monospace;padding:2px;background:#213a2c;border:1px solid #829987;border-radius:3px;position:absolute;right:-6px;bottom:-1px;color:#ecf1eb}.kh-agent>strong{font-size:8px;line-height:1.2;font-weight:450;color:#bdcec2;max-width:100%;overflow-wrap:break-word;text-align:center}.kh-team h2{margin-bottom:15px}
.kh-agent-window{border:1px solid #91b09d40;border-radius:9px;overflow:hidden;background:#111c16;box-shadow:0 10px 30px #0003}.kh-agent-window>div:first-child{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #a2bda223;color:#b2cabb;font-size:9px;letter-spacing:.06em;gap:8px}.kh-agent-window small{font-size:8px;color:#8faaa0;letter-spacing:0}.kh-command{font:30px ui-monospace,monospace;margin:18px 19px 12px;display:flex;gap:12px}.kh-command>span{color:#7da889}.kh-command code{color:#e3f0e6}.kh-conversation{font-size:12px;color:#b5cdbd;line-height:1.6;margin:0 19px 15px;max-width:340px}.kh-mini-team{display:flex;align-items:center;gap:5px;padding:0 19px 17px}.kh-mini-team>span{position:relative}.kh-mini-team img{width:26px;height:26px;border-radius:50%;filter:grayscale(1);border:1px solid #92aa98}.kh-mini-team i{font:6px ui-monospace,monospace;position:absolute;bottom:0;right:-3px;background:#24382b;padding:1px;color:#e5eee7}.kh-mini-team>span:last-child{font-size:10px;color:#a5bead;margin-left:9px}.kh-ready .kh-workflow-note{margin-top:12px}
.kh-section-intro{max-width:1296px;margin:0 auto;padding:0 0 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#9eb2a5}.kh-section-intro>span,.kh-cloud-intro>span{font-size:10px;letter-spacing:.12em}.kh-section-intro p{font-size:13px;margin:0}.kh-cloud-intro{padding:27px 5%;max-width:1440px;margin:auto;color:#9eb2a5}.kh-hero~.ch-local{border-top-width:1px}.kh-hero~.ch-cloud{border-top-width:1px}
.kh-assembly.is-playing .kh-packet{animation:kh-transfer 3.8s linear infinite}.kh-assembly.is-playing .kh-packet-b{animation-delay:1.2s}.kh-assembly.is-playing .kh-packet-c{animation-delay:2.5s}.kh-assembly.is-playing .kh-source:not([hidden]) .kh-feed-item{animation:kh-gather 7s ease-in-out infinite;animation-delay:calc(var(--item)*.065s)}.kh-assembly.is-playing .kh-core{animation:kh-receive 7s ease-in-out infinite}.kh-assembly.is-paused *{animation-play-state:paused!important}
@keyframes kh-transfer{0%{transform:translateY(0);opacity:0}15%,75%{opacity:.8}100%{transform:translateY(82px);opacity:0}}@keyframes kh-gather{0%,18%{translate:0 0;opacity:1}45%{translate:0 5px;opacity:.88}65%{translate:0 0;opacity:1}100%{translate:0 0;opacity:1}}@keyframes kh-receive{0%,100%{box-shadow:0 16px 35px #0005,inset 0 1px #d4e5d51a}45%{box-shadow:0 16px 35px #0005,0 0 30px #9ac9aa12,inset 0 1px #d4e5d535}}
.kh-transfer-clone{position:absolute;pointer-events:none;z-index:5;object-fit:contain;filter:drop-shadow(0 8px 10px #0004)}
.kh-transfer-clone[src$="-96.webp"]{filter:grayscale(1) drop-shadow(0 8px 10px #0004);border-radius:50%}
.kh-ready>.kh-workflow-note{display:none}
@media(min-width:1600px){.kh-hero{padding-top:85px;padding-bottom:80px}}@media(max-width:1100px){.kh-hero{gap:3%;grid-template-columns:.9fr 1.1fr;padding-top:45px}.kh-copy h1{font-size:52px}.kh-book-row{gap:10px}.kh-book-row>:is(img,.kh-book-link){width:67px;height:101px}.kh-book-note{font-size:9px}.kh-core{left:8%;width:84%}.kh-section-intro{margin:0 5%}.kh-experience>div{gap:13px}.kh-scene{margin:0 12px}.kh-source{padding-left:3px;padding-right:3px}.kh-source h2{font-size:17px}.kh-human{margin-top:24px}.kh-workflow-track>div{padding:14px 8px;gap:8px}.kh-art-head{padding-left:16px;padding-right:16px}}
@media(max-width:820px){.kh-hero{grid-template-columns:1fr;gap:35px;padding:44px 6%}.kh-copy h1{font-size:clamp(43px,8.4vw,66px);max-width:610px;letter-spacing:-2px}.kh-description{max-width:570px}.kh-human{display:none}.kh-assembly{width:100%;max-width:620px;margin:0 auto}.kh-promise{font-size:23px}.kh-copy h1{margin-bottom:21px}.kh-section-intro{margin:0 6%;align-items:flex-start;flex-direction:column;gap:9px;padding-bottom:22px}.kh-book-row{gap:15px}.kh-book-row>:is(img,.kh-book-link){width:82px;height:123px}.kh-experience small{font-size:9px}.kh-source h2{font-size:19px}.kh-team-grid{gap:9px}.kh-agent>strong{font-size:9px}.kh-face>img{width:35px;height:35px}.kh-art-head button{min-height:44px}.kh-art-footer button{min-height:46px}.kh-art-head{min-height:61px}.kh-description{font-size:16px}.kh-hosts{font-size:13px}}
@media(max-width:440px){.kh-hero{padding-top:30px;gap:28px}.kh-copy h1{font-size:44px;line-height:1.08;letter-spacing:-2px}.kh-promise{font-size:20px}.kh-actions{gap:10px 20px}.kh-scene{height:507px;margin:0 12px}.kh-source{padding-top:19px;height:315px}.kh-source h2{font-size:16px;letter-spacing:-.4px;margin-bottom:20px}.kh-book-row{gap:9px}.kh-book-row>:is(img,.kh-book-link){width:61px;height:92px}.kh-book-note{font-size:9px;line-height:1.5;margin:14px 0}.kh-experience{margin-top:8px;padding-top:14px}.kh-experience>div{gap:12px;margin:12px 0}.kh-experience>div>span{font-size:10px;gap:4px}.kh-experience img{width:15px;height:15px}.kh-experience small{line-height:1.5}.kh-art-head{padding:9px 12px}.kh-art-head>span{font-size:9px;letter-spacing:.08em}.kh-art-head button{font-size:10px}.kh-conduits{top:302px}.kh-core{top:367px;left:3%;width:94%}.kh-core>img{width:180px;height:45px}.kh-art-footer{padding:14px 12px}.kh-art-footer button{font-size:10px}.kh-stage-description{font-size:10px;line-height:1.5;min-height:30px}.kh-workflow-track{gap:9px}.kh-workflow-track>div{padding:14px 8px}.kh-workflow-track strong{font-size:13px}.kh-workflow-track small{font-size:9px}.kh-workflow-note{font-size:11px}.kh-team-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 4px}.kh-agent>strong{font-size:7px}.kh-face>img{width:30px;height:30px}.kh-team h2{margin-bottom:17px}.kh-agent-window>div:first-child{font-size:8px;padding:10px}.kh-agent-window small{font-size:7px}.kh-command{font-size:26px}.kh-conversation{font-size:11px}.kh-mini-team{gap:3px;padding-left:15px;padding-right:15px}.kh-mini-team>span:last-child{font-size:9px;margin-left:7px}}
@media(max-width:350px){.kh-copy h1{font-size:38px}.kh-book-row{gap:7px}.kh-book-row>:is(img,.kh-book-link){width:51px;height:77px}.kh-source h2{font-size:14px}.kh-experience>div{gap:9px}.kh-experience>div>span{font-size:9px}.kh-art-head>span{font-size:8px}.kh-art-head button{font-size:9px}.kh-capabilities span{font-size:8px}.kh-core-top{font-size:7px}.kh-agent>strong{font-size:6.5px}.kh-mini-team>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.kh-assembly *{animation:none!important;transition:none!important}.kh-transfer-clone{display:none!important}.kh-book-row>:is(img,.kh-book-link){transform:none}}
.kh-experience>div{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:9px 18px;margin:9px 0}.kh-experience img,.kh-transfer-clone[src$=".svg"],.kh-transfer-clone[src$="knowledge-applause.webp"]{filter:grayscale(1)}
.kh-scene{height:542px}.kh-source{height:345px}.kh-conduits{top:337px}.kh-core{top:400px}.kh-books h2{margin-bottom:14px}.kh-books .kh-book-row>:is(img,.kh-book-link){height:105px;width:70px}.kh-book-note{margin:10px 0}.kh-experience{padding-top:9px}
@media(max-width:440px){.kh-coding-logos{gap:20px}.kh-scene{height:557px}.kh-source{height:360px}.kh-conduits{top:352px}.kh-core{top:417px}.kh-books .kh-book-row>:is(img,.kh-book-link){width:61px;height:92px}.kh-experience>div{gap:10px 12px}.kh-experience>div>span{font-size:10px}.kh-experience{margin-top:8px;padding-top:10px}}
@media(max-width:350px){.kh-coding-logos{gap:16px}.kh-coding-logos>span{font-size:12px}.kh-books .kh-book-row>:is(img,.kh-book-link){width:51px;height:77px}.kh-experience>div{gap:10px}.kh-experience>div>span{font-size:9px}}
.kh-workflow-track{grid-template-columns:1fr;gap:6px}.kh-workflow-track>div{padding:8px 12px;gap:13px}.kh-workflow-track strong{font-size:13px;margin-bottom:3px}.kh-workflow-track small{font-size:10px}.kh-workflows h2{margin-bottom:12px}.kh-workflows .kh-workflow-note{display:none}
@media(max-width:440px){.kh-workflow-track>div{padding:7px 10px}.kh-workflow-track strong{font-size:12px}.kh-workflow-track small{font-size:9px}.kh-workflows .kh-workflow-note{font-size:10px}}
/* A quiet receiving surface, not a perpetual stream of particles. */
.kh-assembly.is-playing .kh-core,.kh-assembly.is-playing .kh-source:not([hidden]) .kh-feed-item{animation:none}
.kh-core::before{content:"";position:absolute;top:-1px;left:20%;width:60%;height:1px;background:linear-gradient(90deg,transparent,#d7e8dd88,transparent);pointer-events:none}
.kh-workflow-track{position:relative;gap:6px;padding:0 8px}.kh-workflow-track>div{position:relative;min-height:47px;border:1px solid transparent;background:none;padding:6px 10px;gap:16px;border-radius:8px;transition:background .4s,border-color .4s}
.kh-workflow-track>div>span{position:relative;z-index:1;flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #80908766;border-radius:50%;background:#1b2721;color:#a5b3aa;font-size:10px;transition:background .4s,color .4s,border-color .4s}
.kh-workflow-track>div:not(:last-child)::after{content:"";position:absolute;left:24px;top:calc(50% + 15px);height:calc(50% + 6px);width:1px;background:#84958a66}
.kh-workflow-track>div:not(:last-child)::before{content:"";position:absolute;left:22px;bottom:-5px;width:5px;height:5px;border-right:1px solid #9eafa388;border-bottom:1px solid #9eafa388;transform:rotate(45deg)}
.kh-workflow-track>div.is-current{background:linear-gradient(90deg,#c9e1d014,#c9e1d003);border-color:#b2cbbb30}.kh-workflow-track>div.is-current>span{background:#d8e6dc;color:#213328;border-color:#d8e6dc;box-shadow:0 0 15px #d8e6dc12}.kh-workflow-track>div.is-traversed>span{border-color:#b1c9b9;color:#dae7df}.kh-workflow-track strong{font-size:13px;font-weight:550;margin-bottom:3px}.kh-workflow-track small{color:#a7b7ad;font-size:10px}.kh-workflows h2{margin-bottom:8px}.kh-workflows h2::after{content:"ILLUSTRATIVE WORKFLOW";display:block;font:8px/1.5 ui-monospace,monospace;letter-spacing:.12em;color:#91a499;margin-top:5px}
@media(max-width:440px){.kh-workflow-track{padding:0}.kh-workflow-track>div{gap:12px;padding:5px 8px;min-height:48px}.kh-workflow-track>div>span{flex-basis:26px;width:26px;height:26px}.kh-workflow-track>div:not(:last-child)::after{left:21px}.kh-workflow-track>div:not(:last-child)::before{left:19px}.kh-workflow-track strong{font-size:12px}.kh-workflow-track small{font-size:9px}}
/* An understated gallery shelf, with tangible book edges and pooled light. */
.kh-books .kh-book-row{position:relative;isolation:isolate;width:max-content;max-width:100%;height:141px;margin:0 auto;align-items:flex-end;gap:18px;padding:12px 18px 10px;perspective:900px}
.kh-book-row::before{content:"";position:absolute;inset:-20px -20px 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 85%,#dbe4df16,transparent 68%)}
.kh-book-row::after{content:"";position:absolute;bottom:0;left:0;right:0;height:7px;border-radius:2px;background:linear-gradient(180deg,#acb5b077 0,#76827a55 22%,#303b35 38%,#18211c 100%);box-shadow:0 10px 17px #0007,0 1px 0 #d7dfd726 inset;pointer-events:none;z-index:2}
.kh-books .kh-book-row>:is(img,.kh-book-link){position:relative;width:78px;height:117px;object-fit:fill;border:1px solid #e1e7e036;border-left:3px solid #5b625c;border-radius:2px 3px 3px 1px;box-shadow:3px 1px 0 #858b813b,5px 2px 0 #202a23,9px 8px 14px #0008;transform-origin:50% 100%;transform:rotateY(-12deg) rotateZ(-2deg);transition:transform .5s cubic-bezier(.2,.75,.25,1),filter .5s,box-shadow .5s;filter:grayscale(1)}
.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(2){height:111px;transform:rotateY(-7deg) rotateZ(1deg)}
.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(3){height:121px;transform:rotateY(9deg) rotateZ(-1deg)}
.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(4){height:113px;transform:rotateY(12deg) rotateZ(2deg)}
@media(hover:hover) and (pointer:fine){.kh-books .kh-book-row>:is(img,.kh-book-link):hover{transform:translateY(-7px) rotateY(0) rotateZ(0);filter:grayscale(1) brightness(1.12);box-shadow:3px 1px 0 #a1aaa04d,5px 2px 0 #202a23,10px 15px 20px #0009;z-index:3}}
.kh-books .kh-book-note{margin-top:13px;font-size:9px;letter-spacing:.025em}
@media(max-width:1100px) and (min-width:821px){.kh-books .kh-book-row{gap:12px;padding-left:10px;padding-right:10px}.kh-books .kh-book-row>:is(img,.kh-book-link){width:65px}}
@media(max-width:440px){.kh-books .kh-book-row{height:120px;gap:12px;padding:10px 9px}.kh-books .kh-book-row>:is(img,.kh-book-link){width:57px;height:92px}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(2){height:87px}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(3){height:96px}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(4){height:90px}.kh-book-row::before{left:0;right:0}.kh-books .kh-book-note{font-size:8px}}
@media(max-width:350px){.kh-books .kh-book-row{height:106px;gap:10px;padding:10px 6px}.kh-books .kh-book-row>:is(img,.kh-book-link){width:46px;height:79px}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(2){height:75px}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(3){height:83px}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(4){height:77px}}
@media(prefers-reduced-motion:reduce){.kh-books .kh-book-row>:is(img,.kh-book-link),.kh-books .kh-book-row>:is(img,.kh-book-link):hover{transform:none;transition:none}}
.kh-horizontal-flows{padding:0;gap:8px}.kh-horizontal-flows>.kh-flow-row{display:grid;grid-template-columns:125px minmax(0,1fr);align-items:center;gap:10px;min-height:45px;padding:8px 12px;border:1px solid #b8c9be1f;background:#d5dfd805;border-radius:7px}.kh-flow-row>strong{font-size:12px;margin:0;font-weight:500;line-height:1.3}
.kh-flow-lane{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);align-items:center;min-width:0}.kh-flow-node{display:block;min-width:0;text-align:center;padding:5px 3px;font-size:10px;line-height:1.3;color:#a8b8ae;border:1px solid #ffffff12;border-radius:4px;background:#16231c;transition:background .35s,color .35s,border-color .35s}.kh-flow-node.is-active{color:#edf4ef;border-color:#c0d6c57a;background:#a9c6b21b;box-shadow:0 0 10px #bad5c809}
.kh-flow-link{position:relative;height:16px;overflow:hidden}.kh-flow-link::before{content:"";position:absolute;left:2px;right:3px;top:7px;height:1px;background:#80988b55}.kh-flow-link::after{content:"";position:absolute;right:3px;top:5px;width:5px;height:5px;border-top:1px solid #9cad9f88;border-right:1px solid #9cad9f88;transform:rotate(45deg)}.kh-flow-link i{position:absolute;top:6px;left:0;width:7px;height:3px;border-radius:2px;background:#d0e2d6;opacity:0}.kh-assembly.is-playing .kh-flow-link.is-active i{animation:kh-lane-travel .8s ease-out both}@keyframes kh-lane-travel{0%{transform:translateX(0);opacity:0}25%{opacity:.85}100%{transform:translateX(20px);opacity:0}}
@media(max-width:1100px){.kh-horizontal-flows>.kh-flow-row{grid-template-columns:106px minmax(0,1fr);padding:8px;gap:6px}.kh-flow-row>strong{font-size:11px}.kh-flow-lane{grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 13px minmax(0,1fr)}.kh-flow-node{font-size:9px}}
@media(max-width:600px){.kh-horizontal-flows{gap:6px}.kh-horizontal-flows>.kh-flow-row{grid-template-columns:1fr;gap:5px;padding:6px 9px;min-height:0}.kh-flow-row>strong{font-size:10px;letter-spacing:.02em}.kh-flow-node{font-size:9px;padding:3px}.kh-flow-lane{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.kh-assembly.is-playing .kh-flow-link.is-active i{animation:none}.kh-flow-node{transition:none}}
.kh-books .kh-book-row{gap:0}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(n){height:117px;transform:translateZ(0);z-index:4}.kh-books .kh-book-row>:is(img,.kh-book-link)+:is(img,.kh-book-link){margin-left:-8px}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(2){transform:translateZ(-4px);z-index:3}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(3){transform:translateZ(-8px);z-index:2}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(4){transform:translateZ(-12px);z-index:1}
@media(hover:hover) and (pointer:fine){.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(n):hover{transform:translateY(-6px) translateZ(8px);z-index:5}}
@media(max-width:440px){.kh-agent-auto{font-size:11px;gap:8px;margin-top:12px}.kh-agent-auto svg{width:20px;height:20px}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(n){height:92px}.kh-books .kh-book-row>:is(img,.kh-book-link)+:is(img,.kh-book-link){margin-left:-6px}}
@media(max-width:350px){.kh-agent-auto{font-size:10px}.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(n){height:79px}.kh-books .kh-book-row>:is(img,.kh-book-link)+:is(img,.kh-book-link){margin-left:-5px}}
@media(prefers-reduced-motion:reduce){.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(n),.kh-books .kh-book-row>:is(img,.kh-book-link):nth-child(n):hover{transform:none}}
/* Phone and iOS polish: readable specialists, safe areas, and no hover dependency. */
@media(max-width:600px){
 .kh-hero{padding:24px max(5%,env(safe-area-inset-right)) 34px max(5%,env(safe-area-inset-left));gap:25px}
 .kh-eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:18px;line-height:1.5}
 .kh-copy h1{font-size:clamp(36px,10.8vw,48px);line-height:1.08;margin-bottom:18px}
 .kh-promise{font-size:19px;line-height:1.5;margin-bottom:17px}
 .kh-coding-logos{gap:12px 20px;margin-bottom:20px}.kh-coding-logos>span{min-height:28px;font-size:12px}
 .kh-description{font-size:15px;line-height:1.65;margin-bottom:21px}
 .kh-art-head>span{font-size:10px;letter-spacing:.06em}.kh-art-head button{font-size:11px;min-height:44px}
 .kh-art-footer button{font-size:11px;min-height:48px}.kh-stage-description{font-size:11px;line-height:1.5;min-height:33px}
 .kh-team h2{margin-bottom:7px}.kh-team-hint{display:block;text-align:center;margin:0 0 10px;font-size:10px;line-height:1.5;color:#b1c0b6}
 .kh-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 5px;max-height:263px;overflow-y:auto;overflow-x:hidden;align-content:start;padding:5px 5px 12px;scrollbar-width:thin;scrollbar-color:#809a89 transparent;-webkit-overflow-scrolling:touch;border-bottom:1px solid #bdd4c32b}
 .kh-agent{min-height:66px;min-width:44px;gap:5px;padding:3px 0}.kh-face>img{width:35px;height:35px}.kh-face>span{font-size:8px}.kh-agent>strong{font-size:10px;line-height:1.2}
 .kh-assembly a,.kh-assembly button{touch-action:manipulation}
 .kh-scene{height:545px}.kh-core{top:402px}.kh-core-top{font-size:8px}.kh-core>p{font-size:11px}.kh-capabilities span{font-size:10px;padding:4px 5px}
 .kh-experience small{font-size:10px}.kh-books .kh-book-note{font-size:9px}
 .kh-agent-auto{font-size:12px}.kh-agent-window small{font-size:9px}.kh-agent-window>div:first-child{flex-wrap:wrap;font-size:9px}
 .kh-ready .kh-mini-team{padding-bottom:12px}.kh-conversation{font-size:12px;line-height:1.5}
 .kh-workflows h2::after{font-size:9px}.kh-flow-row>strong{font-size:11px}.kh-flow-node{font-size:10px;padding:3px}
 .ch-dialog{-webkit-overflow-scrolling:touch;overflow-y:auto;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
 .ch-dialog input:not([type=radio]):not([type=checkbox]),.ch-dialog textarea,.ch-dialog select{font-size:16px}
}
@media(max-width:350px){.kh-team-grid{gap:7px 4px}.kh-agent>strong{font-size:9px}.kh-art-footer button{font-size:10px}.kh-capabilities span{font-size:9px}.kh-agent-auto{font-size:11px}.kh-experience>div{gap:9px}.kh-art-head>span{font-size:9px}}
@media(max-height:500px) and (pointer:coarse){.kh-hero{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}.kh-assembly{max-width:580px}}
@media(pointer:coarse){.kh-art-head button,.kh-art-footer button{min-height:44px;min-width:44px}}
/* Assemble upward into CARBON; every visible profile fits without a nested scroller. */
.kh-assembly.is-playing .kh-flow-link.is-active i{animation-duration:1.4s}
.kh-scene{height:550px}.kh-scene .kh-core{top:20px}.kh-scene .kh-source{top:180px;height:350px}
.kh-core::before{top:auto;bottom:-1px}
@media(max-width:600px){
 .kh-scene{height:550px}.kh-scene .kh-core{top:18px}.kh-scene .kh-source{top:182px;height:350px}
 .kh-team-grid{max-height:none;overflow:visible;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px 3px;gap:16px 6px;border-bottom:0;scrollbar-width:auto}
 .kh-team-grid>.kh-agent:not(.kh-mobile-featured){display:none}
 .kh-team .kh-team-grid{margin-top:15px}.kh-team .kh-agent{min-height:75px}
 .kh-team .kh-face>img{width:40px;height:40px}
 .kh-horizontal-flows>.kh-flow-row{padding:5px 9px;gap:4px}
}
