/* Full feature sections, with native scrolling and readable product demonstrations. */
:root{--presentation-header:85px;--presentation-screen:100svh}
.language-select{font:500 13px/1.3 Inter,Arial,sans-serif;color:#142438;min-height:38px;max-width:66px;border:1px solid #b7c7bf;border-radius:5px;background:#fff;padding:7px 4px;cursor:pointer}
.language-select:focus-visible{outline:2px solid #167778;outline-offset:3px}
header .nav{gap:14px}
header .nav-right,header .header-actions{gap:10px}
html[lang="en"] .nav-links,html[lang="kk"] .nav-links{gap:16px;margin-left:10px;font-size:13px}
html[lang="en"] header .btn,html[lang="kk"] header .btn{font-size:13px;padding-inline:12px}
html[lang="en"] .participant-copy h1,html[lang="kk"] .participant-copy h1{font-size:clamp(40px,4vw,58px)}
html[lang="kk"] .roadmap-meta,html[lang="en"] .roadmap-meta{flex-wrap:wrap;align-content:start;min-height:44px;gap:5px}
html[lang="kk"] .roadmap-step h2,html[lang="en"] .roadmap-step h2{font-size:21px;min-height:77px}
html[lang="kk"] .keep-together,html[lang="en"] .keep-together{white-space:normal}
html[lang="kk"] .roadmap-value strong,html[lang="en"] .roadmap-value strong{font-size:40px}
html{scroll-padding-top:var(--presentation-header)}
#results .feature-copy>p,#results .results-meta,#results .insight-text,#results .insight-disclosure,#results .result-footer,#results .cohort-label,#results .chart-axis,#results .bar-head,#results .passport-grid{color:#40545f}
.scheme-motion-control:empty{display:none}
.workstreams{grid-auto-flow:column;grid-template-rows:repeat(4,auto)}
.directions{padding-block:28px;min-height:calc(var(--presentation-screen) - 77px)}
.directions .section-heading{margin-bottom:24px}
.workstreams{row-gap:22px}
.launch{gap:clamp(30px,5vh,54px)}
@media(min-width:1101px){
 html:has(#assistant){scroll-snap-type:y proximity}
 #platform,#how-it-works,#why,#assistant,#quality,#results,#cost,#applications,#for-whom,#contact{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
 #why,#assistant,#quality,#results,#cost{min-height:calc(var(--presentation-screen) - var(--presentation-header));display:flex;flex-direction:column;justify-content:center}
 #assistant>.container,#quality>.container,#cost>.container{width:min(1296px,calc(100% - 96px))}
 #assistant .feature-row,#results .feature-row{padding-block:20px}
 #assistant .feature-copy,#results .feature-copy{max-width:none;margin-bottom:14px}
 #assistant .feature-copy h3,#results .feature-copy h3{max-width:none;font-size:34px}
 #results .feature-copy h3 br{display:none}
 #assistant .feature-copy>p,#results .feature-copy>p{max-width:none;margin-top:8px}
 .prep-tabs{margin-top:10px}
 .prep-showcase #aiWindow{min-height:0;height:clamp(420px,calc(var(--presentation-screen) - 270px),550px)}
 .ai-window .ai-layout{min-height:0;height:calc(100% - 40px)}
 .import-app-toolbar{display:none}
 .import-app-body{padding:14px 18px}
 .import-app-body h4{font-size:24px;margin:8px 0 14px}
 .import-file-summary{gap:14px;padding:16px}
 .import-progress{gap:14px;padding-top:14px}
 .import-question-preview{padding:14px 16px}
 .results-section .feature-copy{margin-left:0}
 .results-section>.container{width:min(1296px,calc(100% - 96px))}
}
@media(min-width:1101px) and (max-height:800px){
 #assistant .feature-row,#results .feature-row{padding-block:14px}
 #assistant .feature-copy h3,#results .feature-copy h3{font-size:30px;line-height:1.15}
 #assistant .feature-copy>p,#results .feature-copy>p{font-size:16px;line-height:1.45}
 .prep-tabs button{min-height:38px;padding-block:7px}
 .prep-showcase #aiWindow{height:clamp(398px,calc(var(--presentation-screen) - 258px),520px)}
 .builder{padding:12px 16px}
 .question{padding:8px 12px;margin-bottom:8px}
 .question p{margin:6px 0;line-height:1.35}
 .import-app-body h4{margin:7px 0 10px}
 .import-file-summary{gap:11px;padding:14px}
 .import-progress{gap:11px;padding-top:12px}
 .import-preview-question{padding-block:9px}
 .import-preview-heading{margin-bottom:10px}
 .results-window .app-body{padding:12px 18px}
 .results-window .app-topbar{height:36px;min-height:36px}
 .results-title-row .app-title{font-size:21px}
 .result-tabs{margin:8px 0 10px}
 .results-layout{gap:20px}
 .result-footer{margin-top:10px;padding-top:8px}
 .insight-text{font-size:14px;line-height:1.45}
 .insight-disclosure{margin-top:8px}
 .workstreams{row-gap:18px}
 .workstream p{font-size:15px;line-height:1.45}
 .directions .section-heading{margin-bottom:20px}
}
@media(max-width:760px){.workstreams{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:none}}
@media(prefers-reduced-motion:reduce){html:has(#assistant){scroll-snap-type:none}}

/* Product foundations complement the introduction and the process diagram below. */
header .logo,footer .logo{color:#142238}
header .logo svg,footer .logo svg{fill:currentColor}
.hero-capabilities.hero-value{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px;text-align:left}
.hero-value li{align-items:flex-start;padding:8px 16px;gap:10px}
.hero-value li:nth-child(3){border-left:1px solid #ccd7d1}
.hero-value .icon{margin-top:3px}
.hero-value strong{display:block;white-space:normal;font-size:16px;font-weight:600;color:#142438}
.hero-value span{display:block;margin-top:5px;font-size:14px;line-height:1.45;color:#40545f}

/* The demonstration receives the actual space left below its heading and tabs.
   No guessed pixel deduction or fixed minimum can make the section too tall. */
@media(min-width:961px) and (min-height:560px){
 #assistant{height:calc(var(--presentation-screen) - var(--presentation-header));min-height:0;display:flex;flex-direction:column;justify-content:center;padding:16px 0 20px;scroll-margin-top:0;scroll-snap-align:start;scroll-snap-stop:always}
 #assistant>.container{width:min(1296px,calc(100% - 72px));height:100%;min-height:0}
 #assistant #prepShowcase{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,550px);align-content:center;align-items:stretch;gap:12px;height:100%;min-height:0;padding:0}
 #assistant .feature-copy{padding:0;margin:0;max-width:none}
 #assistant .feature-copy h3{max-width:none;font-size:32px;line-height:1.15}
 #assistant .feature-copy>p.prep-intro{max-width:none;margin-top:8px;font-size:16px;line-height:1.45}
 #assistant .feature-kicker{margin-bottom:8px}
 #assistant .prep-tabs{margin-top:10px}
 #assistant .prep-tabs button{min-height:36px;padding-block:7px}
 #assistant #prep-example{height:100%;min-height:0}
 #assistant #aiWindow{height:100%;min-height:0}
 #aiWindow>.app-main{display:flex;flex-direction:column;min-height:0}
 #aiWindow .app-topbar{height:38px;min-height:38px;flex-shrink:0}
 #aiWindow .ai-layout{flex:1;min-height:0;height:auto;overflow:auto}
 #aiWindow .builder,#aiWindow .assistant{padding:12px 16px}
 #aiWindow .builder-title{margin-bottom:10px}
 #aiWindow .question{padding:8px 12px;margin-bottom:8px}
 #aiWindow .question p{font-size:14px;line-height:1.35;margin:6px 0}
 #aiWindow .question-options{gap:5px 16px}
 #aiWindow .builder-bottom{margin-top:8px;font-size:12px}
 #aiWindow .prep-shot{grid-template-rows:36px minmax(0,1fr)}
 #aiWindow .prep-shot-viewport{margin:8px}
 #aiWindow .import-app-toolbar{display:none}
 #aiWindow .import-app-body{padding:10px 14px;overflow:auto}
 #aiWindow .import-app-body h4{font-size:22px;margin:7px 0 10px}
 #aiWindow .import-result-grid{gap:14px}
 #aiWindow .import-file-summary{padding:12px;gap:10px}
 #aiWindow .import-progress{padding-top:10px;gap:10px}
 #aiWindow .import-progress p{margin-top:2px;font-size:12px}
 #aiWindow .import-question-preview{padding:10px 14px}
 #aiWindow .import-preview-heading{margin-bottom:8px;font-size:14px}
 #aiWindow .import-preview-question{padding:8px 0}
 #aiWindow .import-preview-question p{font-size:14px;margin:5px 0;line-height:1.35}
 #aiWindow .import-answer-preview{font-size:12px;line-height:1.4}
}
@media(min-width:961px) and (min-height:560px) and (max-height:680px){
 #assistant{padding-block:10px}
 #assistant #prepShowcase{gap:8px}
 #assistant .feature-copy h3{font-size:28px}
 #assistant .feature-copy>p.prep-intro{font-size:15px;margin-top:5px}
 #assistant .feature-kicker{margin-bottom:5px}
 #assistant .prep-tabs{margin-top:7px}
 #aiWindow .import-app-breadcrumb{display:none}
 #aiWindow .import-progress p{display:none}
 #aiWindow .import-file-summary{gap:8px}
 #aiWindow .import-progress{gap:8px}
 #aiWindow .builder-title{margin-bottom:7px}
 #aiWindow .question{padding-block:6px;margin-bottom:6px}
 #aiWindow .assistant-heading{font-size:15px;margin-bottom:6px}
 #aiWindow .ai-status{margin-top:7px}
}
@media(max-width:760px){
 .hero-capabilities.hero-value{grid-template-columns:1fr;max-width:340px;gap:0;margin-top:28px}
 .hero-value li{justify-content:flex-start;border-left:0!important;padding:13px 0}
 .hero-value li+li{border-top:1px solid #dce5df}
}

@media(min-width:761px) and (max-width:1000px){.hero-capabilities.hero-value{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.hero-value li:nth-child(3){border-left:0}}

/* Header hierarchy: brand, product navigation, then account and the primary action. */
.hero-value li{align-items:center;justify-content:center}
.hero-value .icon{margin-top:0}
.hero-value strong{font-size:15px;font-weight:500}
/* Fractional tracks include the existing gap instead of exceeding the container. */
@media(min-width:961px) and (max-width:1100px){
 #audience.panel-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #quality .feature-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
}