/* Shared public-site typography. Fonts are self-hosted, including CJK unicode subsets. */
:root{--font-cn:"Noto Sans SC",sans-serif;--font-ui:"Inter","Noto Sans SC",sans-serif;--font-display:"Inter","Noto Sans SC",sans-serif;--font-technical:"Barlow Condensed","Noto Sans SC",sans-serif}
#klai-interactive-preview{font-family:var(--font-ui);font-synthesis:none;-webkit-font-smoothing:antialiased}
#klai-interactive-preview :is(input,button,select,textarea){font-family:var(--font-ui)}
#klai-interactive-preview :is(h1,h2,h3){font-family:var(--font-display)}
#klai-interactive-preview :is(.hp-metrics strong,.ks-version,.kc-version,.ks-release-copy h2,time){font-variant-numeric:tabular-nums}
#klai-interactive-preview .hp-update-meta time{font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:.045em;line-height:1.6;color:#aab7c1;margin-top:12px}
#klai-interactive-preview :is(.ka-meta,.ka-locked,.ka-task-index,.ks-eyebrow,.kc-eyebrow,.hp-eyebrow,.klai-section-eyebrow){font-family:var(--font-technical);font-weight:500;letter-spacing:.13em;font-variant-numeric:tabular-nums}
#klai-interactive-preview .ka-meta{font-size:14px;line-height:1.7;letter-spacing:.1em;color:#dce7ee}
#klai-interactive-preview .ka-meta-left span:first-child{font-size:19px;font-weight:600;color:#f0f5f8}
#klai-interactive-preview .ka-meta-left span+span{font-size:12px;color:#a6b8c7}
#klai-interactive-preview .ka-readout{font-family:var(--font-technical);font-variant-numeric:tabular-nums}
#klai-interactive-preview .ka-relations{font-family:var(--font-technical);max-width:600px;gap:15px}
#klai-interactive-preview .ka-relations span{font-family:var(--font-cn);font-size:14px;font-weight:600;letter-spacing:.16em;padding:11px 16px}
/* A compact manifesto-to-vessel transition with a shorter pinned tracking sequence. */
#klai-interactive-preview .ka-opening{display:block;min-height:0;padding:64px 6% 0;position:relative;z-index:2}
#klai-interactive-preview .ka-opening-title h1{font-size:clamp(42px,4.8vw,64px);line-height:1.2}
#klai-interactive-preview .ka-mission{max-width:1080px;margin:0 auto;padding-top:64px;text-align:left}
#klai-interactive-preview .ka-mission h2{font-size:clamp(30px,3.7vw,52px);line-height:1.45;font-weight:600;letter-spacing:.015em;color:#d7bd80;text-wrap:balance}
#klai-interactive-preview .ka-mission .ka-gold{font-size:clamp(14px,1.4vw,19px);line-height:1.9;margin-top:18px;color:#bdc7ce}
#klai-interactive-preview .ka-mission .ka-opening-copy{max-width:1020px;margin:28px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:2.05;color:#b7c5cf}
#klai-interactive-preview .ka-sea-track{--vessel-stage:clamp(420px,65svh,720px);height:calc(var(--vessel-stage) + 540px);margin-top:clamp(-180px,-16svh,-100px)}
#klai-interactive-preview .ka-sea-stage{height:var(--vessel-stage);min-height:0}
#klai-interactive-preview .ka-reduced .ka-sea-track{height:var(--vessel-stage);min-height:0}
/* Keep the terrain/vehicle sequence, compress the removed marketing sections. */
#klai-interactive-preview .ks-story{height:calc(var(--klai-scene-height) * 1.85)}
#klai-interactive-preview .ks-story-stage{height:var(--klai-scene-height);min-height:620px}
#klai-interactive-preview .ks-demo-panel{top:48%;width:30%;max-width:390px;gap:18px}
#klai-interactive-preview .ks-demo-panel .ks-video{height:145px}
#klai-interactive-preview .ks-matrix{padding-top:55px}
#klai-interactive-preview .ks-platform-visual{min-width:0}
#klai-interactive-preview .ks-platform-visual .ks-screen{width:100%}
#klai-interactive-preview .ks-release-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:6%;align-items:center;padding:70px 0;border-top:1px solid #afbfcb26;margin-top:32px}
#klai-interactive-preview .ks-release-images{display:grid;gap:20px;min-width:0}
#klai-interactive-preview .ks-release-images .ks-screen{width:100%;box-shadow:none;border-color:#aec1ce30}
#klai-interactive-preview .ks-release-images img{width:100%;height:auto;object-fit:contain}
#klai-interactive-preview .ks-release-copy h2{font-size:clamp(46px,5vw,76px);line-height:1.15;letter-spacing:-.045em;font-weight:500;margin:20px 0;color:#f1f4f7}
#klai-interactive-preview .ks-release-status{display:inline-block;font-size:15px;letter-spacing:.15em;color:#cbb487;border-bottom:1px solid #cbb48760;padding-bottom:12px;margin:0 0 25px}
#klai-interactive-preview .ks-release-name{font-size:clamp(18px,1.8vw,26px);line-height:1.6;color:#cbd6df}
#klai-interactive-preview .ks-release-description{font-size:14px;line-height:1.9;color:#9aaebd}
/* Existing collection interaction stays local to the right-hand field. */
#klai-interactive-preview .kc-collection{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:5%;align-items:center;text-align:left;margin-top:10px;padding:65px 0 75px;border-top:1px solid #afbfcb26}
#klai-interactive-preview .kc-copy,#klai-interactive-preview .kc-visual{min-width:0}
#klai-interactive-preview .kc-title{font-size:clamp(26px,2.9vw,42px);line-height:1.45}
#klai-interactive-preview .kc-version{font-family:var(--font-ui);font-size:16px;font-weight:500}
#klai-interactive-preview .kc-eyebrow{font-size:12px;letter-spacing:.17em}
#klai-interactive-preview .kc-description{font-size:clamp(15px,1.4vw,19px);line-height:1.8}
#klai-interactive-preview .kc-support{padding:0;margin:24px 0 0;max-width:520px;font-size:13px}
#klai-interactive-preview .kc-field{height:clamp(290px,26vw,410px);margin:0;width:100%}
#klai-interactive-preview .kc-pipeline{gap:10px;margin:-8px 0 0}
#klai-interactive-preview .kc-step span{font-family:var(--font-technical);display:block;font-size:11px;margin:0 0 5px}
#klai-interactive-preview .kc-step strong{font-size:13px;letter-spacing:.02em;white-space:nowrap}
#klai-interactive-preview .kc-step small{font-size:10px;line-height:1.8}
#klai-interactive-preview [hidden]{display:none!important}
@media(max-width:800px){
 #klai-interactive-preview .ka-opening{padding:36px 6% 0}
 #klai-interactive-preview .ka-opening-title h1{font-size:42px}
 #klai-interactive-preview .ka-mission{padding-top:42px}
 #klai-interactive-preview .ka-mission h2{font-size:30px;line-height:1.5}
 #klai-interactive-preview .ka-mission .ka-opening-copy{font-size:15px;line-height:2;margin-top:24px}
 #klai-interactive-preview .ka-meta{font-size:11px}
 #klai-interactive-preview .ka-meta-left span:first-child{font-size:16px}
 #klai-interactive-preview .ka-meta-left span+span{font-size:10px}
 #klai-interactive-preview .ka-locked{left:auto;right:6%;bottom:22%}
 #klai-interactive-preview .ka-relations{gap:6px}
 #klai-interactive-preview .ka-relations span{padding:9px 10px;font-size:12px;letter-spacing:.08em}
 #klai-interactive-preview .ks-story{height:calc(max(var(--klai-scene-height),680px) * 1.6)}
 #klai-interactive-preview .ks-story-stage{height:var(--klai-scene-height);min-height:680px}
 #klai-interactive-preview .ks-demo-panel{top:49%;width:54%;left:6%;gap:14px}
 #klai-interactive-preview .ks-demo-panel .ks-video{height:130px}
 #klai-interactive-preview .ks-matrix{padding-top:25px}
 #klai-interactive-preview .ks-product-row,#klai-interactive-preview .ks-release-row,#klai-interactive-preview .kc-collection{grid-template-columns:minmax(0,1fr);gap:30px;padding:40px 0}
 #klai-interactive-preview .ks-release-copy{grid-row:1}
 #klai-interactive-preview .ks-release-copy h2{font-size:48px;margin:12px 0}
 #klai-interactive-preview .ks-release-status{margin-bottom:12px}
 #klai-interactive-preview .ks-release-name{font-size:20px;margin:0}
 #klai-interactive-preview .ks-release-images{gap:16px}
 #klai-interactive-preview .kc-title{font-size:30px}
 #klai-interactive-preview .kc-field{height:300px}
 #klai-interactive-preview .kc-pipeline{gap:8px}
 #klai-interactive-preview .kc-step{text-align:center}
 #klai-interactive-preview .kc-step strong{font-size:12px}
 #klai-interactive-preview .kc-step small{display:none}
}
@media(prefers-reduced-motion:reduce){
 #klai-interactive-preview .ks-story{height:auto}
 #klai-interactive-preview .ks-story-stage{position:relative}
}
/* About lower chapter: one continuous port photograph, localized reading layers. */
#klai-interactive-preview .ka-port{position:relative;isolation:isolate;padding-bottom:90px;overflow:clip;font-family:var(--font-ui)}
#klai-interactive-preview .ka-port::after{display:none}
#klai-interactive-preview .ka-port-background{position:absolute;inset:0;z-index:-2;pointer-events:none}
#klai-interactive-preview .ka-port-backdrop{position:sticky;top:0;height:calc(100svh - 82px);min-height:540px;overflow:hidden}
#klai-interactive-preview .ka-port-background img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:none;display:block}
#klai-interactive-preview .ka-port-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05132199,transparent 85%),linear-gradient(180deg,#05132177,transparent 45%,#05132155)}
#klai-interactive-preview .ka-port h2,#klai-interactive-preview .ka-port h3{font-family:var(--font-cn);color:#f1f5f8;font-weight:600}
#klai-interactive-preview .ka-process{padding:0;min-height:0;height:auto}
#klai-interactive-preview .ka-process-stage{position:relative;padding:80px 6% 70px}
#klai-interactive-preview .ka-process header{max-width:1000px;text-align:left;padding:24px 28px 30px;margin:0 0 70px;background:linear-gradient(90deg,#071828df,#07182880 72%,transparent);border-left:2px solid #c9b27e99}
#klai-interactive-preview .ka-process header h2{font-size:clamp(32px,3.7vw,52px);line-height:1.45;letter-spacing:.025em;text-wrap:balance}
#klai-interactive-preview .ka-process header p{font-family:var(--font-ui);font-size:clamp(20px,1.9vw,27px);line-height:1.9;margin-top:25px;color:#e0e8ee}
#klai-interactive-preview .ka-process .ka-task-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:900px;margin:0;gap:0;padding:0 30px;background:linear-gradient(90deg,#071828eb,#071828b8 85%,#07182866);backdrop-filter:blur(3px)}
#klai-interactive-preview .ka-process .ka-task-grid::before{display:block;top:50px;bottom:60px;left:65px;right:auto;width:1px;height:auto;background:#c9b27e66;z-index:0}
#klai-interactive-preview .ka-process .ka-task{display:grid;grid-template-columns:95px minmax(0,1fr);column-gap:24px;padding:38px 0 42px;border:0;border-bottom:1px solid #a7bfce33;border-radius:0;background:none;backdrop-filter:none;box-shadow:none}
#klai-interactive-preview .ka-process .ka-task:last-child{border-bottom:0}
#klai-interactive-preview .ka-process .ka-task-index{grid-row:1 / 3;font-family:var(--font-ui);color:#d2bc91;align-self:start;position:relative;background:#0b1b29;padding:4px 0 12px;letter-spacing:.08em}
#klai-interactive-preview .ka-task-index b{display:block;font-size:44px;line-height:1.2;font-weight:400;letter-spacing:-.04em}
#klai-interactive-preview .ka-task-index small{display:block;font-family:var(--font-technical);font-size:11px;letter-spacing:.16em;margin-top:9px}
#klai-interactive-preview .ka-process .ka-task h3{font-size:28px;line-height:1.5;margin:0 0 16px}
#klai-interactive-preview .ka-process .ka-task p{font-size:16px;line-height:2;color:#d6e1e9;max-width:660px;margin:0}
#klai-interactive-preview .ka-future{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:7%;max-width:none;margin:40px 6% 100px;padding:48px 38px 52px;border-left:2px solid #c9b27e99;background:linear-gradient(100deg,#071828ee,#071828ba 80%,#07182855);text-align:left;text-shadow:none}
#klai-interactive-preview .ka-future-version p{font-size:14px;letter-spacing:.17em;color:#d2bc91;margin:0 0 24px}
#klai-interactive-preview .ka-future-version h2{font-family:var(--font-ui);font-size:clamp(44px,5.6vw,80px);line-height:1.2;letter-spacing:-.055em;font-weight:500;white-space:nowrap;margin:0}
#klai-interactive-preview .ka-future-copy h3{font-size:clamp(24px,2.4vw,34px);line-height:1.5;margin:0 0 22px}
#klai-interactive-preview .ka-future-copy p{font-size:16px;line-height:2;color:#d6e1e9;margin:0 0 14px}
#klai-interactive-preview .ka-future-copy p+p{color:#b7c9d6;font-size:14px}
#klai-interactive-preview .ka-port .ka-relations{justify-content:flex-start;max-width:520px;margin:32px 0 0;gap:12px;font-family:var(--font-cn)}
#klai-interactive-preview .ka-port .ka-relations span{font-size:14px;padding:10px 0;border:0;background:none;white-space:nowrap}
#klai-interactive-preview .ka-port .ka-relations i{background:linear-gradient(90deg,#c9b27e,#86a6bd)}
#klai-interactive-preview .ka-services{padding:0;margin:0 6%;background:none;border:0;backdrop-filter:none}
#klai-interactive-preview .ka-services>header{text-align:center;padding:30px 28px 36px;text-shadow:0 2px 14px #030b1477;border:0;background:radial-gradient(ellipse at center,#071828df, #07182880 55%,transparent 75%)}
#klai-interactive-preview .ka-services h2{font-size:clamp(32px,4vw,58px);line-height:1.45}
#klai-interactive-preview .ka-services header p{font-size:18px;line-height:1.9;color:#e0e8ee;margin:23px auto 0;max-width:920px}
#klai-interactive-preview .ka-service-grid{gap:28px;margin:22px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
#klai-interactive-preview .ka-service{padding:38px 38px 40px;border:1px solid #b8a47755;border-radius:10px;background:linear-gradient(125deg,#101a22e8,#0d1923d4);backdrop-filter:blur(4px);box-shadow:none;min-width:0}
#klai-interactive-preview .ka-service-ai{border:1px solid #799fbe55;background:linear-gradient(125deg,#10263ce6,#0c2137d6)}
#klai-interactive-preview .ka-services .ka-audience{display:inline-block;border-radius:30px;background:#b8a4771c;padding:7px 13px;color:#cfb983;font-size:13px;line-height:1.5;letter-spacing:.04em;margin:0 0 19px}
#klai-interactive-preview .ka-services .ka-service-ai .ka-audience{background:#719fc523;color:#98b9d4}
#klai-interactive-preview .ka-service h3{font-size:clamp(24px,2.4vw,34px);line-height:1.5;margin:0 0 26px}
#klai-interactive-preview .ka-service li{font-size:16px;line-height:1.9;padding:10px 0 10px 28px;border:0;color:#d0dce5}
#klai-interactive-preview .ka-service li::before{content:"✓";color:#cfb983}
#klai-interactive-preview .ka-service-ai li::before{color:#8bb3d3}
@media(max-width:800px){
 #klai-interactive-preview .ka-port{padding-bottom:48px}
 #klai-interactive-preview .ka-port-backdrop{height:calc(100svh - 68px);min-height:480px}
 #klai-interactive-preview .ka-port-background img{object-position:56% 60%}
 #klai-interactive-preview .ka-process-stage{padding:44px 6% 38px}
 #klai-interactive-preview .ka-process header{padding:20px 18px 24px;margin-bottom:34px}
 #klai-interactive-preview .ka-process header h2{font-size:30px;line-height:1.5}
 #klai-interactive-preview .ka-process header p{font-size:20px;line-height:1.9;margin-top:22px}
 #klai-interactive-preview .ka-process .ka-task-grid{padding:0 18px}
 #klai-interactive-preview .ka-process .ka-task-grid::before{left:38px}
 #klai-interactive-preview .ka-process .ka-task{grid-template-columns:46px minmax(0,1fr);column-gap:16px;padding:30px 0}
 #klai-interactive-preview .ka-task-index b{font-size:34px}
 #klai-interactive-preview .ka-task-index small{font-size:9px;letter-spacing:.04em}
 #klai-interactive-preview .ka-process .ka-task h3{font-size:24px;margin-bottom:14px}
 #klai-interactive-preview .ka-process .ka-task p{font-size:15px;line-height:1.95}
 #klai-interactive-preview .ka-future{grid-template-columns:minmax(0,1fr);gap:30px;padding:28px 22px;margin:12px 6% 50px}
 #klai-interactive-preview .ka-future-version h2{font-size:52px}
 #klai-interactive-preview .ka-future-version p{margin-bottom:14px}
 #klai-interactive-preview .ka-future-copy h3{font-size:24px}
 #klai-interactive-preview .ka-future-copy p{font-size:15px}
 #klai-interactive-preview .ka-port .ka-relations{gap:8px}
 #klai-interactive-preview .ka-services>header{padding:24px 8px 28px}
 #klai-interactive-preview .ka-services h2{font-size:30px}
 #klai-interactive-preview .ka-services header p{font-size:17px}
 #klai-interactive-preview .ka-service-grid{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:12px}
 #klai-interactive-preview .ka-service{padding:28px 24px 30px}
 #klai-interactive-preview .ka-service h3{font-size:25px}
}

/* About: requested text colors only; reuse the existing About palette. */
#klai-interactive-preview .ka-mission h2{color:var(--ka-ink)}
#klai-interactive-preview .ka-mission .ka-gold,
#klai-interactive-preview .ka-value-heading>p,
#klai-interactive-preview .ka-process header>p,
#klai-interactive-preview .ka-future-copy>p:first-of-type,
#klai-interactive-preview .ka-future-version h2,
#klai-interactive-preview .ka-services header>p{color:var(--ka-gold)}

/* Runtime product galleries use the existing screenshot and typography treatment. */
.ks-products [hidden]{display:none!important}
.ks-products .cms-gallery{display:block}
.ks-products .cms-gallery-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px;color:var(--gold)}
.ks-products .cms-gallery-controls button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;padding:6px 16px;cursor:pointer}
.ks-products .cms-marketing{margin:20px 0 12px;font-size:1.2em}
.ks-products .cms-features{padding-left:1.2em;line-height:1.9;white-space:pre-line}

/* Published privacy copy uses the existing site font and plain-text paragraphs. */
#klai-interactive-preview .klai-privacy{width:min(100%,960px);margin:0 auto;min-height:65vh;padding:clamp(48px,7vw,96px) 24px;box-sizing:border-box;}
#klai-interactive-preview .klai-privacy h1{font-size:clamp(30px,4vw,48px);line-height:1.3;margin:0 0 24px;}
#klai-interactive-preview .klai-privacy-date{opacity:.7;margin-bottom:28px;}
#klai-interactive-preview .klai-privacy-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.95;}

/* Core team details: existing circles and cards keep their dimensions. */
#klai-interactive-preview .kb-team-more{background:none;border:0;padding:4px 0;color:#cbb586;font:12px var(--font-ui);cursor:pointer;min-height:32px;}
#klai-interactive-preview .kb-team-more:hover{text-decoration:underline;text-underline-offset:4px;}
#klai-interactive-preview .kb-team-summary{font-size:12px;line-height:1.6;margin:0;color:#bccad6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#klai-interactive-preview .kb-team-dialog{width:min(680px,calc(100vw - 32px));max-height:85dvh;box-sizing:border-box;padding:28px;border:1px solid #cbb58655;border-radius:8px;background:rgba(7,19,33,.97);color:#e6ebef;font-family:var(--font-ui);overflow:auto;overscroll-behavior:contain;}
#klai-interactive-preview .kb-team-dialog::backdrop{background:#020812b8;}
#klai-interactive-preview .kb-team-close{display:block;margin-left:auto;padding:8px 12px;min-height:40px;background:#142334;color:#e6ebef;border:1px solid #cbb58655;font:14px var(--font-ui);cursor:pointer;}
#klai-interactive-preview .kb-team-dialog h2{font:500 28px/1.3 var(--font-display);margin:8px 0 20px;}
#klai-interactive-preview .kb-team-dialog h3{font:500 16px/1.5 var(--font-ui);margin:0 0 10px;}
#klai-interactive-preview .kb-team-dialog section{margin-top:28px;}
#klai-interactive-preview .kb-team-dialog p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9;margin:0;color:#bccad6;}
#klai-interactive-preview .kb-team-dialog .kb-team-role{color:#cbb586;font:600 14px/1.5 var(--font-ui);}
#klai-interactive-preview .kb-team-dialog a{color:#cbb586;overflow-wrap:anywhere;}
#klai-interactive-preview :is(.kb-team-more,.kb-team-close):focus-visible{outline:2px solid #cbb586;outline-offset:3px;}
@media(max-width:600px){#klai-interactive-preview .kb-team-dialog{padding:20px;width:calc(100vw - 20px);max-height:90dvh;}#klai-interactive-preview .kb-team-more{min-height:44px;}}