/* Course tools: static paper illustrations, scoped to the app gallery. */
.apps-section{background:#eff2e9;border-top:1px solid #e0e5d9;border-bottom:1px solid #e0e5d9}
.apps-section .kiwi-app-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:24px}
.apps-section .kiwi-app-heading h2{flex:1;min-width:0;max-width:none}
.apps-section .kiwi-app-heading>p{max-width:330px;font-size:15px;line-height:1.8;color:#667065;padding-bottom:3px}
.kiwi-app-grid{display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;align-items:stretch;padding:2px 2px 18px;scrollbar-width:thin;scrollbar-color:#879b74 #dfe5d7}
.kiwi-app-card{flex:0 0 clamp(272px,28%,344px);scroll-snap-align:start;min-width:0;display:flex;flex-direction:column;background:#fffefa;border:1px solid #dce2d5;border-radius:13px;overflow:hidden}
.kiwi-app-visual{height:204px;position:relative;overflow:hidden;isolation:isolate;flex-shrink:0;border-bottom:1px solid #dfe3d8;color:#31573b}
.kiwi-app-copy{padding:18px;display:flex;flex-direction:column;flex:1}
.kiwi-app-copy h3{font-size:24px;line-height:1.15;margin-bottom:10px}
.kiwi-app-copy>p{font-size:13px;line-height:1.75;color:#667065}
.kiwi-app-features{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:12px 0 0}
.kiwi-app-features li{font-size:12px;line-height:1.45;color:#52654e;padding:4px 7px;border:1px solid #e3e7dc;border-radius:5px;background:#f6f7f1}
.kiwi-app-copy .text-link{font-size:14px;font-weight:550;margin-top:auto;align-self:flex-start;gap:9px;line-height:1.5}
.kiwi-app-copy .text-link svg{width:17px;height:17px;transition:transform .18s ease}
.kiwi-app-copy .text-link:hover svg{transform:translate(2px,-2px)}
.kiwi-app-copy .text-link:hover{text-decoration:underline;text-underline-offset:4px}
.kiwi-app-sheet-label{display:block;font-size:9px;font-weight:650;letter-spacing:.12em;line-height:1.5;color:#6b795f}
.kiwi-app-visual strong{display:block;font-size:20px;font-weight:500;line-height:1.14;letter-spacing:-.035em;color:#344a32}
.kiwi-app-visual strong em{font-size:1.12em}
.kiwi-app-line{height:3px;background:#dce3d0;border-radius:4px;display:block;margin-top:12px;width:100%}
.kiwi-app-line-short{width:68%;margin-top:7px}
.kiwi-app-materials{background:#e9eddd}
.kiwi-app-sheet{position:absolute;left:12%;top:19px;width:55%;height:188px;background:#fffefa;border:1px solid #d4dcc7;box-shadow:4px 4px 0 #dfe5d1;border-radius:4px 4px 0 0;transform:none;padding:18px 19px}
.kiwi-app-sheet strong{margin-top:12px}
.kiwi-app-page-controls{display:flex;justify-content:space-between;gap:10px;margin-top:19px;padding-top:10px;border-top:1px solid #e6e9df;font-size:8px;font-weight:550;letter-spacing:.06em;color:#748267}
.kiwi-app-chat-note{position:absolute;right:7%;top:78px;width:43%;background:#dce9bb;border:1px solid #c8d7a8;border-radius:7px;padding:16px 14px;transform:none;box-shadow:0 5px 10px #344a3208}
.kiwi-app-chat-note svg{height:18px;width:18px;position:absolute;right:13px;top:13px}
.kiwi-app-chat-note>span{font-size:8px;letter-spacing:.12em;font-weight:650;display:block;margin-bottom:12px}
.kiwi-app-chat-note strong{font-size:16px;max-width:100px;line-height:1.3}
.kiwi-app-scratchpad{background:#e5eadd}
.kiwi-app-code-paper{position:absolute;inset:22px 28px 27px;background:#f9faf4;border:1px solid #ccd7c2;border-radius:7px;overflow:hidden;transform:none;box-shadow:4px 4px 0 #d9e2cf}
.kiwi-app-code-paper>.kiwi-app-sheet-label{display:flex;align-items:center;gap:8px;padding:11px 15px;border-bottom:1px solid #dfe5d5;background:#edf1e4;font-size:8px}
.kiwi-app-code-paper .kiwi-app-sheet-label svg{width:13px;height:13px}
.kiwi-app-code-paper pre{margin:0;padding:13px 15px 10px;font-family:Consolas,'SFMono-Regular',monospace;font-size:12px;line-height:1.75;color:#667065;white-space:pre}
.kiwi-app-code-paper pre span{color:#31573b}
.kiwi-app-code-output{display:flex;align-items:center;gap:12px;border-top:1px solid #e2e7d9;padding:7px 15px}
.kiwi-app-code-output>span{font-size:8px;letter-spacing:.12em;color:#7b876e}
.kiwi-app-code-output strong{font:500 12px Consolas,'SFMono-Regular',monospace}
.kiwi-app-pencil-mark{position:absolute;right:28px;bottom:8px;font-family:var(--serif,Georgia,serif);font-style:italic;font-size:16px;color:#66795a;transform:none}
.kiwi-app-flashcards{background:#f0ebdd}
.kiwi-app-flash-stack,.kiwi-app-flash-front{position:absolute;left:16%;width:68%;height:153px;top:27px;border:1px solid #d5d8c6;border-radius:7px}
.kiwi-app-flash-back{background:#dfe7cc;transform:translate(-8px,-8px)}
.kiwi-app-flash-middle{background:#eceddf;transform:translate(8px,8px)}
.kiwi-app-flash-front{background:#fffefa;transform:none;padding:16px 19px;box-shadow:0 3px 8px #495b3a08}
.kiwi-app-flash-front>.kiwi-app-sheet-label{font-size:8px}
.kiwi-app-flash-front>svg{height:21px;width:21px;position:absolute;right:17px;top:16px;color:#8c9b66}
.kiwi-app-flash-front>strong{margin-top:15px;font-size:21px}
.kiwi-app-flash-footer{display:block;font-size:8px;letter-spacing:.07em;color:#839070;border-top:1px solid #e5e8dd;padding-top:11px;margin-top:14px}
.kiwi-app-exercise{background:#eeeee3}
.kiwi-app-practice-sheet{position:absolute;top:20px;left:10%;width:77%;height:160px;background:#fffefa;border:1px solid #d8dfce;padding:16px 19px;border-radius:5px;transform:none;box-shadow:4px 4px 0 #e1e5d5}
.kiwi-app-practice-sheet strong{margin-top:8px;font-size:21px}
.kiwi-app-practice-code{padding:10px 0 0;margin-top:10px;border-top:1px solid #e4e9da;line-height:1.5}
.kiwi-app-practice-code code{font:10px/1.65 Consolas,'SFMono-Regular',monospace;color:#7b876d}
.kiwi-app-practice-path{position:absolute;right:7%;bottom:12px;display:flex;align-items:center;gap:12px;background:#dce7c8;border:1px solid #cad8b5;border-radius:5px;padding:8px 14px;font-size:11px;color:#405c36;transform:none}
.kiwi-app-practice-path i{font-style:normal;color:#86966d}
.kiwi-app-demo{background:#e5ebdd}
.kiwi-app-demo-label{position:absolute;top:14px;left:22px;font-size:8px}
.kiwi-app-tree{position:absolute;width:300px;height:150px;left:50%;top:31px;transform:translateX(-50%)}
.kiwi-app-tree>svg{position:absolute;width:100%;height:100%;stroke:#a5b494;stroke-width:1.4}
.kiwi-app-tree-node{position:absolute;display:grid;place-items:center;width:29px;height:29px;background:#f9faf3;border:1px solid #b8c7a9;border-radius:50%;font:11px Consolas,'SFMono-Regular',monospace;transform:translate(-50%,-50%);color:#5a704d}
.kiwi-app-tree-root{left:150px;top:25px;background:#31573b;color:#f7f8f2;border-color:#31573b}
.kiwi-app-tree-left{left:86px;top:79px;background:#d8e6bd}
.kiwi-app-tree-right{left:214px;top:79px}
.kiwi-app-tree-a{left:45px;top:126px}
.kiwi-app-tree-b{left:126px;top:126px}
.kiwi-app-tree-c{left:174px;top:126px}
.kiwi-app-tree-d{left:255px;top:126px}
.kiwi-app-tree-caption{position:absolute;bottom:9px;left:0;right:0;text-align:center;font:italic 16px var(--serif,Georgia,serif);color:#687b58}
.kiwi-app-podcast{background:#ece9de}
.kiwi-app-audio-paper{position:absolute;top:21px;left:9%;width:75%;height:151px;background:#fafaf2;border:1px solid #d7dcc9;border-radius:7px;padding:15px 18px;transform:none;box-shadow:3px 3px 0 #dfe4d1}
.kiwi-app-audio-paper>.kiwi-app-sheet-label{font-size:8px}
.kiwi-app-audio-paper>strong{margin-top:9px;font-size:22px}
.kiwi-app-waveform{height:31px;display:flex;gap:4px;align-items:center;margin-top:14px;max-width:100%;overflow:hidden}
.kiwi-app-waveform i{height:8px;width:3px;flex-shrink:0;background:#98ad78;border-radius:3px}
.kiwi-app-waveform i:nth-child(3n){height:19px}.kiwi-app-waveform i:nth-child(4n){height:25px}.kiwi-app-waveform i:nth-child(5n){height:14px}.kiwi-app-waveform i:nth-child(7n){height:30px;background:#6f8d55}
.kiwi-app-script-note{position:absolute;width:44%;right:7%;bottom:10px;padding:12px 14px;background:#e1e8d3;border:1px solid #cbd6ba;border-radius:5px;transform:none}
.kiwi-app-script-note>.kiwi-app-sheet-label{font-size:8px}
.kiwi-app-script-note .kiwi-app-line{margin-top:8px;background:#bdcba8;height:2px}
.kiwi-app-script-note .kiwi-app-line-short{margin-top:6px}
@media(max-width:1100px){.kiwi-app-grid{gap:20px}.kiwi-app-features{gap:5px}.kiwi-app-features li{padding:4px 6px}.kiwi-app-chat-note{right:5%;padding:15px 11px}.kiwi-app-sheet{left:8%;width:57%;padding:17px 15px}.kiwi-app-code-paper{left:19px;right:19px}.kiwi-app-flash-front{padding:15px}.kiwi-app-flash-front>.kiwi-app-sheet-label{max-width:135px}.kiwi-app-flash-front>strong{font-size:20px}.kiwi-app-practice-sheet{padding:15px}.kiwi-app-practice-code code{font-size:9px}}
@media(max-width:950px){.kiwi-app-grid{gap:24px}.apps-section .kiwi-app-heading>p{max-width:550px;margin-top:23px}.kiwi-app-visual{height:214px}.kiwi-app-sheet{left:12%;width:55%;padding:18px 19px}.kiwi-app-chat-note{right:7%;padding:16px 14px}.kiwi-app-code-paper{inset:27px 28px 32px}.kiwi-app-flash-stack,.kiwi-app-flash-front{top:32px}.kiwi-app-practice-sheet{top:25px;padding:16px 19px}.kiwi-app-practice-code code{font-size:10px}.kiwi-app-practice-path{bottom:17px}.kiwi-app-tree{top:36px}.kiwi-app-tree-caption{bottom:14px}.kiwi-app-audio-paper{top:26px}.kiwi-app-script-note{bottom:15px}}
@media(max-width:650px){.apps-section .kiwi-app-heading{margin-bottom:28px;gap:16px}.apps-section .kiwi-app-heading>p{font-size:14px;line-height:1.8;max-width:410px;margin-top:21px}.kiwi-app-grid{gap:18px}.kiwi-app-features li{padding:4px 7px}.kiwi-app-visual{height:208px}.kiwi-app-sheet{left:15%;width:50%}.kiwi-app-chat-note{right:10%;width:40%}.kiwi-app-code-paper{left:11%;right:11%}.kiwi-app-flash-stack,.kiwi-app-flash-front{left:19%;width:62%;top:29px}.kiwi-app-practice-sheet{left:14%;width:70%;top:22px}.kiwi-app-practice-path{right:11%;bottom:14px}.kiwi-app-tree{top:33px}.kiwi-app-tree-caption{bottom:11px}.kiwi-app-audio-paper{left:13%;width:70%;top:23px}.kiwi-app-script-note{right:11%;bottom:12px;width:42%}}
@media(max-width:360px){.kiwi-app-copy{padding:16px}.kiwi-app-sheet{left:10%;width:56%;padding:17px 15px}.kiwi-app-chat-note{right:6%;width:42%;padding:15px 11px}.kiwi-app-code-paper{left:7%;right:7%}.kiwi-app-flash-stack,.kiwi-app-flash-front{left:16%;width:68%}.kiwi-app-practice-sheet{left:10%;width:77%;padding:15px}.kiwi-app-practice-code code{font-size:9px}.kiwi-app-practice-path{right:7%}.kiwi-app-audio-paper{left:9%;width:75%}.kiwi-app-script-note{right:7%;width:44%}}

.resource-placeholder{display:block;color:#65745a;font-size:12px;line-height:1.6;margin-top:22px}
.kiwi-app-copy .resource-placeholder{margin-top:auto;padding-top:2px}
.kiwi-app-scratchpad .kiwi-app-code-paper pre{font-size:10px;line-height:1.9;padding-top:15px;padding-bottom:13px}
.kiwi-app-scratchpad .kiwi-app-code-output strong{font-size:10px}
.overview-section .open-source-grid{gap:65px}
.overview-section h2{font-size:clamp(38px,4vw,55px)}
@media(max-width:650px){.overview-section .open-source-grid{gap:28px}.overview-section h2{font-size:40px}.hero h1 em{font-size:1.08em}}

/* Analytics uses the same stacked card format within the app row. */
.kiwi-app-analytics{display:flex}
.kiwi-app-analytics .kiwi-app-analytics-visual{height:204px;min-height:0;padding:6px 12px;display:grid;place-items:center;background:#e7eddb}
.kiwi-app-analytics .analytics-window{width:100%;max-width:330px}
.kiwi-app-analytics .analytics-window-top{padding:8px 10px}
.kiwi-app-analytics .analytics-window-top strong{font-size:11px}
.kiwi-app-analytics .analytics-scope{font-size:7px;padding:2px 5px}
.kiwi-app-analytics .analytics-overview{padding:6px 8px;gap:4px}
.kiwi-app-analytics .analytics-overview span{font-size:7px;padding:3px 5px}
.kiwi-app-analytics .analytics-panels{padding:6px 10px;gap:10px}
.kiwi-app-analytics .analytics-panel-title{font-size:8px;margin-bottom:3px}
.kiwi-app-analytics .analytics-panel-subtitle{font-size:6px;margin-bottom:4px}
.kiwi-app-analytics .analytics-topic{font-size:7px;padding:3px 0;gap:5px}
.kiwi-app-analytics .analytics-intent{font-size:7px;padding:2px 5px;gap:5px;margin-top:3px}
.kiwi-app-analytics .analytics-intent svg{width:10px;height:10px}
.kiwi-app-analytics .analytics-trail{font-size:7px;padding:4px 8px;gap:6px}
.kiwi-app-analytics .analytics-trail svg{width:11px;height:11px}
.overview-section h1{font-size:clamp(38px,4vw,55px);line-height:1.1}
.overview-section .heading-accent{color:#d6e5b1}
.toolkit-section{margin-bottom:80px}
@media(max-width:750px){.overview-section h1{font-size:40px}.toolkit-section{margin-bottom:55px}}

/* Aligned history notes keep the exercise illustration focused on adaptive practice. */
.kiwi-app-practice-history{display:grid;gap:5px;padding-top:10px;margin-top:10px;border-top:1px solid #e4e9da;font-size:10px;line-height:1.5;color:#7b876d}

/* A centered platform diagram with three connected, axis-aligned inputs. */
.brand img{object-fit:contain;flex-shrink:0}
.overview-section .overview-diagram-art{height:auto;max-width:560px;width:100%;margin:0 auto;transform:none}
.kiwi-overview-diagram{display:block;width:100%;height:auto;overflow:visible}
.kiwi-overview-diagram text{font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:0;fill:#d0dfbf;stroke:none}
.kiwi-overview-diagram .diagram-node rect{fill:#3b5d41;stroke:#5d7953;stroke-width:1}
.kiwi-overview-diagram .diagram-node use{color:#bcd497;stroke-width:1.6}
.kiwi-overview-diagram .diagram-connectors{stroke:#91a77d;stroke-width:1.5;stroke-dasharray:4 5}
.kiwi-overview-diagram .diagram-hub rect{fill:#e5edcd;stroke:#d8e5b8;stroke-width:1}
.kiwi-overview-diagram .diagram-hub text{fill:#35533a;font-size:28px;font-weight:650}
/* An illustrative concept model broadens Demo beyond algorithm examples. */
.kiwi-app-concept-model{position:absolute;width:300px;height:150px;max-width:95%;top:32px;left:50%;transform:translateX(-50%)}
.kiwi-app-concept-model text{font:12px var(--sans);fill:#405c36;stroke:none}
.kiwi-app-concept-model .concept-model-label{font-size:8px;font-weight:650;letter-spacing:.08em;fill:#6b795f}
.concept-model-panel{fill:#f9faf3;stroke:#bdcba8;stroke-width:1}
.concept-model-track,.concept-model-axis,.concept-model-connection{stroke:#a5b494;stroke-width:1.3}
.concept-model-handle{fill:#31573b;stroke:none}
.concept-model-bars{fill:#9cb97c;stroke:none}
.kiwi-app-model-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:11px;color:#687b58}



.kiwi-app-controls{display:flex;gap:8px;flex-shrink:0}
.kiwi-app-controls[hidden]{display:none}
.kiwi-app-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #bdc9b1;border-radius:6px;background:#fffefa;color:#31573b;padding:0}
.kiwi-app-controls button:hover:not(:disabled){background:#e2ebd5}
.kiwi-app-controls button:disabled{opacity:.35}
.kiwi-app-controls svg{width:18px;height:18px}
.kiwi-app-grid:focus-visible{outline:2px solid #618738;outline-offset:4px}
.kiwi-app-grid::-webkit-scrollbar{height:7px}
.kiwi-app-grid::-webkit-scrollbar-track{background:#dfe5d7;border-radius:4px}
.kiwi-app-grid::-webkit-scrollbar-thumb{background:#879b74;border-radius:4px}
@media(max-width:650px){.kiwi-app-card{flex-basis:calc(100% - 48px);max-width:344px}.kiwi-app-controls button{width:34px;height:34px}.kiwi-app-analytics .kiwi-app-analytics-visual{height:208px}}

/* Keep the overview concise, especially when text and diagram stack. */
.overview-section{padding:44px 0}
.overview-section .open-source-grid{gap:44px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.overview-section .eyebrow{margin-bottom:14px}
.overview-section h1{font-size:clamp(36px,3.7vw,50px)}
.overview-section p:not(.eyebrow){font-size:13px;line-height:1.7;max-width:480px;margin-top:16px}
.overview-section .button{margin-top:22px}
@media(max-width:800px){
  .overview-section{padding:32px 0}
  .overview-section .open-source-grid{grid-template-columns:1fr;gap:20px}
  .overview-section p:not(.eyebrow){max-width:none}
  .overview-section .overview-diagram-art{max-width:440px}
}
@media(max-width:650px){
  .overview-section .open-source-grid{gap:18px}
  .overview-section .eyebrow{margin-bottom:12px}
  .overview-section h1{font-size:clamp(30px,8.7vw,36px);line-height:1.1}
  .overview-section p:not(.eyebrow){font-size:12px;line-height:1.65;margin-top:14px}
  .overview-section .button{margin-top:18px}
}

.apps-section #apps-heading{font-size:clamp(36px,4.2vw,58px);white-space:normal}

@media(max-width:650px){.apps-section #apps-heading{font-size:38px}}

/* A stationary canvas lets Kiwi follow the row's scrollbar beneath the cards. */
.kiwi-app-gallery{position:relative}
.kiwi-app-gallery.has-journey .kiwi-app-grid{padding-bottom:96px}
.kiwi-app-journey{position:absolute;inset:auto 0 7px;height:96px;pointer-events:none;overflow:hidden}
.kiwi-app-journey-canvas{display:block;width:100%;height:96px}