/* One drawing language: ink, mint and paper. Text is never rotated. */
.reveal-ready,.reveal-ready.is-visible{opacity:1;transform:none;transition:none}
.story-sticker{transform:none;color:#17343e;font-size:14px;font-weight:600;line-height:1.6;border-color:#a8c7b9;padding:10px 14px;background:#fff;box-shadow:0 4px 12px #183e2e06}
.story-sticker svg{color:#277b60;width:16px;height:16px;stroke-width:2}
.story-followup{font-size:12px;font-weight:500;color:#254d3d}
.conversation-crumb,.conversation-window-bar{color:#405e58}
.conversation-window-bar{font-size:10px}.conversation-task-meta{color:#385b49}.conversation-origin{color:#3e6053}
.conversation-stage-title strong{font-weight:700}.conversation-steps button{font-weight:650}
.conversation-message p,.conversation-reply p,.conversation-task strong{font-size:14px}.conversation-task-meta{font-size:12px}.conversation-stage-title strong{font-size:13px}
.section-sketch{display:block;width:100%;height:auto;stroke:none;overflow:visible;pointer-events:none}
.flow-intro-detail{max-width:400px;min-width:0}.flow-intro-detail p{font-size:15px;line-height:1.9;color:#45616b}
.flow-sketch{width:225px;margin:0 0 17px auto}
.platform-section{background:#f2f6ef;color:#17343e;border-block:1px solid #dae5d8;overflow:clip}
.platform-section .eyebrow{color:#087a64}.platform-section .section-heading>p{color:#415e65}
.platform-grid{gap:24px}
.platform-feature{background:#fffefa;border:1px solid #cbd9ce;border-radius:12px;box-shadow:0 6px 18px #264a3305;padding:32px}
.platform-feature h3{color:#17343e;font-size:28px}.platform-feature>p{color:#3d5c62;font-size:15px}
.feature-top{margin-bottom:24px}.feature-icon{background:#e6f3e9;border-color:#bad7c4;color:#217459}
.feature-index{color:#4e6d5d;font-size:12px;font-weight:600;letter-spacing:0}
.feature-wide,.feature-extend{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:55px;padding:38px;align-content:start}
.feature-visual{grid-column:2;grid-row:1/5;min-width:0;align-self:center}
.feature-visual .section-sketch{max-width:270px;margin:0 auto 12px}
.feature-knowledge .feature-visual .section-sketch{max-width:240px;margin:-14px auto 0}
.feature-knowledge .knowledge-preview{grid-column:auto;grid-row:auto;margin:0;border-radius:9px;background:#fff;border-color:#bfd3c5;box-shadow:0 6px 16px #173d2707;padding:21px 23px}
.knowledge-preview h4{margin-top:13px}.knowledge-preview dl{margin:15px 0;gap:10px 13px}
.knowledge-top,.knowledge-source{color:#3d6657}.knowledge-preview dd{color:#385b5c}
.platform-feature>.feature-condition,.feature-knowledge>.feature-condition,.feature-ai>.feature-condition{color:#4d6b5b;font-size:12px}
.feature-ai>.section-sketch,.feature-day>.section-sketch{max-width:300px;margin:-7px auto 20px}
.feature-proof{border-color:#bfd7c9;background:#f1f7ef;border-radius:9px;padding:19px;margin-top:25px}
.feature-proof-sources{color:#31564b;font-size:13px}.feature-proof-sources svg{color:#1c7c60}.feature-proof-sources i{color:#668578}
.feature-proof>p{color:#294b43;font-size:14px;margin-top:16px}
.feature-more,.feature-ai>.feature-more{color:#086f54;font-size:14px}
.day-line{color:#345947;border-color:#c3d9c7;font-size:13px}.day-line i{background:#5b9176}.day-line i:after{border-color:#5b9176}
.feature-extend .feature-visual .section-sketch{max-width:345px;margin:auto}
.feature-extend h3{font-size:28px}
.journey-map{background:#fbfcf8;border-color:#b9d1c4;color:#17343e;box-shadow:0 10px 30px #23482e08}
.journey-toolbar{background:#edf4ec;border-color:#cbded0}.journey-toolbar>strong{color:#456357}.journey-example{color:#466955;border-color:#bed6c5}
.journey-canvas{background-image:radial-gradient(#7ca48d22 1px,transparent 1px)}
.journey-input{background:#fff;border-color:#c3d6ca;color:#385e51}.journey-input svg{color:#2d7b5d}.journey-arrow{color:#348967}
.journey-hub,.journey-review{background:#e7f4e8;border-color:#a2c6ae;box-shadow:none}.journey-review{background:#f4f7ef}
.journey-hub>svg,.journey-review>svg{color:#197958;filter:none}.journey-hub strong,.journey-review strong{color:#244c39}.journey-hub small,.journey-review small{color:#4e735b}
.journey-stage-heading{border-color:#cbdcd0}.journey-stage-heading h3{color:#3d6253}.journey-stage-heading>span{color:#207e5a}
.journey-node,.journey-node.active{background:#fff;border-color:#b8d1c1;box-shadow:none}.journey-node.done{background:#e7f3e8;border-color:#9ac6ac}.journey-node.pending{background:#f6f8f2;border-color:#c0d1c6}
.journey-node-heading strong,.journey-node.pending strong{color:#254a3e}.journey-node-heading>svg{color:#4b7764}.journey-node.done .journey-node-heading svg{color:#187b52}.journey-node-heading b{color:#187950}.journey-node small{color:#4d705f}
.journey-progress{background:#e0ede1}.journey-progress i{background:#4da579}.journey-wire{stroke:#458d6b}.journey-wire.join,.journey-wire.next{stroke:#88a598}
.journey-caption{background:#f0f5ed;border-color:#c9dcce}.journey-caption strong{color:#315743}.journey-caption p,.journey-legend>span{color:#4c6e5e}.journey-legend .done i{background:#70b68d}
.journey-scroll{scrollbar-color:#8eb79d #edf4ec}
.journey-node:hover,.journey-hub:hover,.journey-review:hover{background-color:#eaf4e8;border-color:#599c74;box-shadow:0 3px 12px #245d3810}
.closing-section{overflow:hidden}.closing-section h2,.closing-section>p{max-width:62%}
.closing-art{position:absolute;right:38px;top:50%;width:30%;transform:translateY(-50%);background:#f5f8ef;border:1px solid #b9d9c7;border-radius:14px;padding:18px 12px;box-shadow:7px 8px 0 #65c8a331}
.closing-sketch{width:100%;margin:0}
[data-scroll-scene] .section-sketch .motion-person{transform-box:fill-box;transform-origin:center bottom;animation:sketch-person 6s ease-in-out infinite;animation-play-state:paused}
[data-scroll-scene] .section-sketch .motion-paper,[data-scroll-scene] .section-sketch .motion-note{animation:paper-follow 5.6s ease-in-out infinite;animation-play-state:paused}
[data-scroll-scene] .section-sketch .motion-signal{animation:ink-signal 4.8s ease-in-out infinite;animation-play-state:paused}
[data-scroll-scene].scroll-active .section-sketch .motion-person,[data-scroll-scene].scroll-active .section-sketch .motion-paper,[data-scroll-scene].scroll-active .section-sketch .motion-note,[data-scroll-scene].scroll-active .section-sketch .motion-signal{animation-play-state:running}
.company-cases.scene-seen>article{animation:paper-enter .55s ease-out both}.company-cases.scene-seen>article:nth-child(2){animation-delay:.12s}.company-cases.scene-seen>article:nth-child(3){animation-delay:.24s}
.platform-feature.scene-seen>.section-sketch,.feature-visual>.section-sketch{transform-origin:center bottom}
.platform-feature.scene-seen .section-sketch,.section-heading.scene-seen .flow-intro-detail .section-sketch{animation:paper-enter .65s ease-out both}
.journey-map.scroll-active .journey-arrow{animation:flow-direction 2.2s ease-in-out 2}.journey-map.scroll-active .journey-bridge svg{animation:route-connect 2.6s linear 2}
.workspace-visual.scene-seen .side-answer{animation:paper-enter .5s .2s ease-out both}
@keyframes paper-enter{from{transform:translateY(12px)}to{transform:none}}
@keyframes paper-follow{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ink-signal{0%,100%{opacity:1}50%{opacity:.75}}
@keyframes flow-direction{0%,100%{transform:none}50%{transform:translateX(4px)}}
@keyframes route-connect{to{stroke-dashoffset:-32}}
@media(max-width:1100px){.feature-wide,.feature-extend{column-gap:28px;padding:30px}.platform-feature h3{font-size:25px}.feature-index{font-size:11px}.closing-art{right:28px}}
@media(max-width:800px){.flow-intro-detail{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:22px;align-items:center;margin-top:24px}.flow-intro-detail p{grid-column:1;grid-row:1;font-size:14px}.flow-sketch{width:160px;margin:0;grid-column:2;grid-row:1}.feature-wide,.feature-extend{display:block}.feature-visual{margin-top:26px}.feature-knowledge .feature-visual .section-sketch{max-width:220px;margin:0 auto}.feature-extend .feature-visual .section-sketch{max-width:300px}.closing-section h2,.closing-section>p{max-width:none}.closing-art{position:relative;right:auto;top:auto;transform:none;width:220px;padding:6px 12px;margin:0 0 27px}.platform-feature{padding:26px}}
@media(max-width:480px){.story-sticker{font-size:12px;padding:9px 10px;top:-17px;left:5px}.story-sticker svg{width:14px;height:14px}.story-followup{font-size:11px;font-weight:500}.conversation-window-bar{font-size:9px}.conversation-message p,.conversation-reply p,.conversation-task strong{font-size:12px}.conversation-task-meta{font-size:11px}.conversation-stage-title strong{font-size:12px}.flow-intro-detail{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:22px}.flow-sketch{order:2;width:190px;align-self:flex-end}.platform-feature{padding:24px 20px}.platform-feature h3{font-size:24px}.platform-feature>p{font-size:14px}.feature-top{gap:10px}.feature-index{font-size:11px;line-height:1.6}.feature-ai>.section-sketch,.feature-day>.section-sketch{max-width:260px}.feature-knowledge .knowledge-preview{padding:18px 15px}.knowledge-preview dd{font-size:12px}.platform-feature>.feature-condition{font-size:12px}.day-line{font-size:12px}.feature-proof-sources{font-size:11px;gap:5px}.closing-art{width:190px;margin-bottom:22px}}
html[data-motion=off] [data-scroll-scene],html[data-motion=off] [data-scroll-scene] *{animation:none!important;transition:none!important}
@media(max-width:480px){.story-illustration{top:-73px}.story-sticker{max-width:calc(100% - 10px)}.story-sticker>span{min-width:0}}
@media(prefers-reduced-motion:reduce){[data-scroll-scene],[data-scroll-scene] *{animation:none!important;transition:none!important}}

/* Four benefits share the same reading order and a compact two-column grid. */
.platform-grid{align-items:stretch}
.platform-feature,.feature-wide,.feature-extend{grid-column:auto;display:grid;grid-template-columns:minmax(0,1fr) 156px;grid-template-rows:auto auto auto;gap:0 20px;align-content:start;padding:28px}
.platform-feature .feature-top{grid-column:1/-1;grid-row:1;justify-content:flex-start;gap:12px;margin:0 0 18px}
.platform-feature .feature-icon{width:30px;height:30px;border-radius:7px;flex-shrink:0}.platform-feature .feature-icon svg{width:17px}
.platform-feature .feature-index{text-align:left;font-size:12px}
.platform-feature>.section-sketch{grid-column:2;grid-row:2;width:156px;max-width:none;margin:0;align-self:center}
.platform-feature h3,.feature-extend h3{grid-column:1;grid-row:2;align-self:center;font-size:24px;line-height:1.45}
.platform-feature>p{grid-column:1/-1;grid-row:auto;line-height:1.8;margin-top:17px;font-size:15px}
.platform-feature .feature-proof,.platform-feature .day-line,.platform-feature>.feature-more,.platform-feature .knowledge-preview{grid-column:1/-1;grid-row:auto}
.feature-knowledge .knowledge-preview{margin:20px 0 0;padding:0 16px;background:#f1f7ef;border:1px solid #bfd7c9;border-radius:9px;box-shadow:none}
.knowledge-preview .knowledge-top{display:flex;align-items:center;gap:9px;padding:13px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:600;color:#31564b}
.knowledge-preview .knowledge-top::-webkit-details-marker{display:none}
.knowledge-preview .knowledge-top:after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 3px 4px auto;flex-shrink:0}
.knowledge-preview[open] .knowledge-top:after{transform:rotate(225deg);margin-top:6px}
.knowledge-preview .knowledge-top:focus-visible{outline:2px solid #087a64;outline-offset:4px;border-radius:3px}
.knowledge-preview[open]{padding-bottom:16px}.knowledge-preview h4{margin-top:8px}.knowledge-preview dl{margin:14px 0}
.platform-feature .feature-proof{margin-top:20px;padding:14px 16px}.platform-feature .feature-proof>p{font-size:13px;line-height:1.7;margin-top:10px}
.platform-feature>.feature-more{margin-top:9px;min-height:36px;justify-self:start}
.platform-feature>.feature-condition{font-size:12px;line-height:1.7;margin-top:13px}
.platform-feature.feature-knowledge>.feature-condition{grid-column:1/-1;grid-row:auto}
.platform-feature .day-line{margin-top:24px;padding-top:18px}
@media(max-width:1100px){.platform-feature,.feature-wide,.feature-extend{grid-template-columns:minmax(0,1fr) 120px;gap:0 12px;padding:24px}.platform-feature>.section-sketch{width:120px}.platform-feature h3,.feature-extend h3{font-size:22px}}
@media(max-width:800px){.platform-grid{grid-template-columns:1fr}.platform-feature,.feature-wide,.feature-extend{grid-template-columns:minmax(0,1fr) 160px;gap:0 20px;padding:26px}.platform-feature>.section-sketch{width:160px}.platform-feature h3,.feature-extend h3{font-size:24px}}
@media(max-width:480px){.platform-feature,.feature-wide,.feature-extend{grid-template-columns:1fr;padding:24px 20px}.platform-feature .feature-top{grid-column:1;grid-row:1;margin-bottom:8px}.platform-feature>.section-sketch{grid-column:1;grid-row:2;justify-self:center;width:180px;margin:0 0 12px}.platform-feature h3,.feature-extend h3{grid-column:1;grid-row:3;font-size:24px}.platform-feature>p{font-size:14px;margin-top:14px}.platform-feature .feature-index{font-size:11px}.feature-knowledge .knowledge-preview{padding-inline:13px}.knowledge-preview .knowledge-top{font-size:12px}.platform-feature>.feature-condition{font-size:12px}}

/* Native proximity snapping preserves free scrolling through longer chapters. */
@media(min-width:901px) and (min-height:701px){
 :root{--brand-header-height:81px;--brand-page-height:calc(100svh - var(--brand-header-height));scroll-snap-type:y proximity}
 main>.hero,main>.workspace-showcase,main>.company-section,main>.flow-section,main>.platform-section,main>.faq-section{scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:var(--brand-header-height);min-height:var(--brand-page-height)}
 .hero,.workspace-showcase,.company-section{display:grid;align-content:center;padding-block:clamp(32px,4svh,64px)}
 .hero-stage{min-height:0}
 .company-intro{margin-bottom:32px}
 .flow-section,.platform-section{padding-block:clamp(44px,6svh,76px)}
 .flow-section .section-heading,.platform-section .section-heading{margin-bottom:32px}
 .value-examples{scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:calc(var(--brand-header-height) + 20px)}
 .workflow-followthrough{min-height:var(--brand-page-height);display:grid;align-content:center;margin-top:clamp(40px,6svh,72px);padding-block:40px;scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:var(--brand-header-height)}
 .faq-section{align-content:center;padding-block:clamp(44px,6svh,76px)}
 .closing-section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:0;padding-block:clamp(36px,5svh,56px);margin-bottom:24px;scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:var(--brand-header-height)}
 html[data-motion=off]{scroll-snap-type:none}
}
@media(min-width:901px) and (min-height:701px) and (max-height:950px){
 .hero .conversation-main{padding-block:20px}.hero .conversation-scenes{margin-top:20px}
 .hero .conversation-task{padding-block:10px}.hero .conversation-tasks{gap:8px}
 .hero .conversation-criteria{margin-top:12px;padding-top:10px}.hero .conversation-extraction{margin-bottom:10px}
}
@media(prefers-reduced-motion:reduce){:root{scroll-snap-type:none}}

/* Keep a little space below each framed page; compact spacing before text. */
@media(min-width:901px) and (min-height:701px){
 :root{--brand-page-height:calc(100svh - var(--brand-header-height) - 12px)}
 .hero,.workspace-showcase,.company-section{padding-block:clamp(20px,3svh,44px)}
 .flow-section,.platform-section{padding-block:clamp(24px,3svh,44px)}
 .workflow-followthrough{padding-block:24px;margin-top:32px}
 .platform-section .section-heading{margin-bottom:20px}
 .platform-grid{gap:16px}
 .platform-feature,.feature-wide,.feature-extend{padding:18px 20px;grid-template-columns:minmax(0,1fr) 116px;column-gap:14px}
 .platform-feature>.section-sketch{width:116px}
 .platform-feature .feature-top{margin-bottom:10px}.platform-feature .feature-icon{width:26px;height:26px}
 .platform-feature>p{margin-top:12px;line-height:1.75}
 .platform-feature>.feature-condition{margin-top:8px;line-height:1.6}
 .feature-knowledge .knowledge-preview{margin-top:12px}.knowledge-preview .knowledge-top{padding-block:10px}
 .platform-feature .feature-proof{margin-top:12px;padding:10px 14px}.platform-feature .feature-proof>p{margin-top:8px}
 .platform-feature>.feature-more{margin-top:4px;min-height:32px}
 .platform-feature .day-line{margin-top:14px;padding-top:10px}
}
@media(min-width:901px) and (min-height:701px) and (max-height:850px){
 .hero{padding-block:18px}.hero .conversation-story{margin-top:40px}
 .hero .story-illustration{width:145px;top:-55px}
 .hero .conversation-main{padding-block:14px}.hero .conversation-main h2{margin-top:10px}
 .hero .conversation-scenes{margin-top:14px}.hero .conversation-stage-title{margin-bottom:10px}
 .hero .conversation-task{padding-block:8px}.hero .conversation-tasks{gap:6px}.hero .conversation-task-meta{margin-top:3px}
 .hero .conversation-criteria{margin-top:8px;padding-top:8px}.hero .conversation-extraction{margin-bottom:8px}
 .hero .conversation-window-bar{height:34px}.hero .conversation-steps button{padding-block:10px}
 .hero .story-followup{padding-block:8px}.hero .story-footer{margin-top:4px}
 .workspace-showcase{padding-block:16px}.workspace-heading{margin-bottom:14px}
 .workspace-visual .demo-layout,.workspace-visual .role-panel{min-height:0}
 .workspace-visual .demo-main{padding-block:16px}.workspace-visual .demo-heading{margin-top:12px}
 .workspace-visual .demo-tabs{margin-top:18px}.workspace-visual .task-example{padding-block:10px}
 .workspace-visual .direction-card{padding:12px}.workspace-visual .demo-side{padding-block:20px;gap:16px}
 .workspace-visual .window-top{height:36px}.workspace-visual .showcase-caption{margin-top:12px}
 .company-section{padding-block:24px}.company-intro{margin-bottom:24px}
 .company-cases>article,.company-cases>article:first-child{padding:20px}
 .company-index{margin-bottom:12px}.company-cases .role-scene{height:120px;width:100%;margin-bottom:14px}
 .company-cases h3{min-height:0;margin-top:7px}.company-cases article p{margin-top:10px;line-height:1.8}
 .company-cases article .company-benefit{margin-top:12px;padding-top:10px}
}
@media(min-width:901px) and (min-height:701px) and (max-height:950px){
 .platform-section{padding-block:16px}.platform-section .section-heading{margin-bottom:12px}
 .platform-section .eyebrow{margin-bottom:12px}.platform-grid{gap:12px}
 .platform-feature .feature-top{padding-right:92px}
 .platform-feature>.section-sketch{position:absolute;grid-area:auto;top:8px;right:20px;width:84px}
 .platform-feature h3{grid-column:1/-1}.platform-feature h3 br{display:none}
 .platform-feature h3>span~span:before{content:' '}
 .platform-feature,.feature-wide,.feature-extend{padding-block:14px}
 .platform-feature>p{margin-top:8px}
 .platform-feature .day-line{padding-block:8px}
}
