/* Dineso Kickstart. The presentation inherits the website's local type and tokens. */
.dn-kickstart-page .dn-header { display:none; }
.dn-kickstart-page .wp-site-blocks { padding-top:0; }
.ks-shell { --ks-accent:#7fc4d1; --ks-ink:#0f1b2d; --ks-paper:#f7f6f2; --ks-muted:#bacbd3; width:100%; max-width:none; font-family:var(--dn-sans); line-height:1.35; }
.ks-shell *, .ks-shell *::before, .ks-shell *::after { box-sizing:border-box; }
.ks-shell [hidden] { display:none!important; }
.ks-shell ::selection { color:#0f1b2d; background:#9ecbd3; }
.ks-shell button, .ks-shell input { font:inherit; }
.ks-shell button { cursor:pointer; }
.ks-shell a { text-underline-offset:5px; }
.ks-shell :focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.ks-shell button:disabled { opacity:.3; cursor:default; }
.ks-shell svg { display:block; }
.ks-player { background:var(--ks-ink); color:#f7f6f2; position:relative; overflow:hidden; isolation:isolate; touch-action:pan-y; transition:background-color .5s ease,color .5s ease; }
.ks-ready .ks-player { display:flex; flex-direction:column; min-height:100svh; }
.ks-player[data-tone="light"] { --ks-accent:#1a6b7a; --ks-muted:#566574; background:var(--ks-paper); color:#0f1b2d; }
.ks-player:fullscreen { min-height:100svh; overflow:auto; scrollbar-color:#7fc4d1 #0f1b2d; }
.ks-topbar { position:relative; z-index:4; display:flex; align-items:center; gap:28px; padding:17px 4.3%; min-height:78px; border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent); }
.ks-brand { flex:none; display:block; }
.ks-brand img { display:block; width:127px; height:26px; }
.ks-logo-on-light, [data-tone="light"] .ks-logo-on-dark { display:none!important; }
[data-tone="light"] .ks-logo-on-light { display:block!important; }
.ks-top-caption { color:var(--ks-muted); font-size:12px; letter-spacing:.025em; }
.ks-mode-controls { display:flex; gap:8px; align-items:center; margin-left:auto; }
.ks-mode-controls button, .ks-transport button { display:inline-flex; align-items:center; justify-content:center; gap:9px; color:inherit; background:transparent; border:0; border-radius:8px; min-width:44px; min-height:44px; padding:8px 12px; font-size:13px; transition:background .2s,color .2s; }
.ks-mode-controls button:hover, .ks-transport button:hover { background:color-mix(in srgb,currentColor 10%,transparent); }
.ks-mode-controls button[aria-pressed="true"], .ks-transport button[aria-pressed="true"] { color:var(--ks-accent); background:color-mix(in srgb,var(--ks-accent) 12%,transparent); }
.ks-mode-controls svg, .ks-transport svg, .ks-primary svg, .ks-contact svg { width:20px; height:20px; flex:none; }
.ks-scenes { flex:1; display:grid; align-items:center; min-width:0; }
.ks-scene { position:relative; display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); align-items:center; gap:4%; padding:32px 5.4% 40px; min-height:560px; min-width:0; color:#f7f6f2; }
.ks-scene[data-tone="light"] { background:var(--ks-paper); color:#0f1b2d; }
.ks-ready .ks-scene { grid-area:1/1; background:transparent; }
.ks-scene-copy { position:relative; z-index:2; min-width:0; }
.ks-title { margin:0; font-size:clamp(40px,4.7vw,68px); font-weight:600; line-height:1.07; letter-spacing:-.035em; text-wrap:balance; color:inherit; }
.ks-title span { display:block; }
.ks-title span:last-child { color:var(--ks-accent); }
.ks-title span:first-child:last-child { color:inherit; }
.ks-lead { font-size:clamp(17px,1.55vw,21px); line-height:1.55; color:var(--ks-muted); max-width:39ch; margin:25px 0 0; text-wrap:pretty; }
.ks-scene--intro .ks-title span:first-child { font-size:clamp(23px,2.5vw,36px); letter-spacing:-.025em; margin-bottom:16px; }
.ks-scene--intro .ks-title span:last-child { font-size:clamp(64px,6.7vw,96px); max-width:7.8ch; line-height:.99; color:#f7f6f2; }
.ks-scene--intro .ks-lead { margin-top:27px; }
.ks-start { margin-top:32px; display:flex; flex-direction:column; align-items:flex-start; gap:13px; }
.ks-primary { display:inline-flex; align-items:center; justify-content:center; gap:15px; background:#9ecbd3; color:#0e2a33; border:0; padding:17px 23px; border-radius:8px; font-size:16px; line-height:1.3; font-weight:600; text-decoration:none; min-height:54px; transition:background .2s,transform .2s; }
.ks-primary:hover { color:#0e2a33; background:#c5e4e9; transform:translateY(-2px); }
.ks-primary svg { width:21px; height:21px; }
.ks-start-note { color:#bacbd3; font-size:12px; }
.ks-contact { display:flex; align-items:center; gap:10px; color:#c9d7db; font-size:15px; width:fit-content; margin-top:20px; }
.ks-contact:hover { color:#fff; }
.ks-scene--outro .ks-primary { margin-top:32px; }
.ks-visual { position:relative; min-width:0; perspective:1400px; }
.ks-report-stage { position:relative; padding:30px 0 35px; }
.ks-report-plane { transform:rotateY(-9deg) rotateX(4deg) rotateZ(1deg); transform-style:preserve-3d; position:relative; }
.ks-report-shadow { position:absolute; inset:45px -6px 65px 28px; background:#23525e; border-radius:15px; transform:rotateY(-9deg) rotateX(4deg) rotateZ(4deg); box-shadow:18px 40px 75px -38px #000; }
.ks-report { background:#fff; color:#0f1b2d; border-radius:14px; padding:25px 25px 20px; box-shadow:15px 30px 80px -36px #0009; overflow:hidden; }
.ks-report-head { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-bottom:21px; border-bottom:1px solid #e8edef; font-size:15px; font-weight:600; }
.ks-report-head>span:last-child { color:#61737b; font:11px var(--dn-mono); font-weight:400; }
.ks-report-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:22px 0 27px; }
.ks-report-kpis dt { color:#61737b; font-size:11px; margin-bottom:9px; }
.ks-report-kpis dd { margin:0; font-size:29px; font-weight:600; letter-spacing:-.035em; white-space:nowrap; }
.ks-report-kpis small { font-size:11px; letter-spacing:0; color:#61737b; font-weight:400; }
.ks-report-kpis>div:last-child dd { color:#1a6b7a; }
.ks-chart-title { display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:12px; margin-bottom:13px; }
.ks-chart-title>span { display:flex; align-items:center; gap:5px; font-size:11px; color:#61737b; }
.ks-chart-title i { width:7px; height:7px; display:inline-block; background:#1a6b7a; border-radius:1px; }
.ks-chart-title i:last-of-type { margin-left:5px; background:#b6d2d8; }
.ks-revenue-chart { height:170px; position:relative; padding-left:28px; }
.ks-chart-grid { position:absolute; inset:0 0 25px 0; display:flex; flex-direction:column; justify-content:space-between; }
.ks-chart-grid span { font:11px var(--dn-mono); color:#627882; display:flex; align-items:center; gap:10px; }
.ks-chart-grid span:after { content:""; height:1px; flex:1; background:#edf0f1; }
.ks-chart-columns { display:flex; height:100%; gap:10px; }
.ks-chart-month { height:100%; flex:1; min-width:0; display:flex; flex-direction:column; }
.ks-bar-pair { height:calc(100% - 25px); display:flex; align-items:flex-end; gap:3px; }
.ks-bar-pair i { display:block; flex:1; height:var(--bar); background:#1a6b7a; border-radius:3px 3px 0 0; transform-origin:bottom; }
.ks-bar-pair i+ i { background:#b6d2d8; }
.ks-chart-month>span { font:11px var(--dn-mono); text-align:center; margin-top:12px; color:#61737b; }
.ks-report-bottom { display:flex; justify-content:space-between; gap:10px; border-top:1px solid #e8edef; padding-top:14px; margin-top:19px; color:#61737b; font-size:11px; }
.ks-report-caption { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:9px; font-size:13px; margin:26px 0 -10px; color:#b9d9df; }
.ks-report-caption svg { width:17px; height:17px; }
.ks-papers { min-height:410px; padding:40px 10px 28px 38px; position:relative; }
.ks-paper { color:#0f1b2d; background:#fff; border-radius:8px; box-shadow:8px 26px 55px -25px #182d3945; }
.ks-paper-back { position:absolute; top:0; right:4%; width:77%; padding:23px; transform:rotate(7deg); color:#708189; }
.ks-paper-back>span { font:12px var(--dn-mono); }
.ks-paper-back>p { font-size:14px; text-align:right; }
.ks-sheet-grid { height:210px; margin-top:20px; background-image:linear-gradient(#dce5e7 1px,transparent 1px),linear-gradient(90deg,#dce5e7 1px,transparent 1px); background-size:100% 30px,60px 100%; }
.ks-paper-front { position:relative; padding:25px 27px; transform:rotate(-4deg); }
.ks-paper-title { display:flex; gap:12px; align-items:center; font-size:15px; font-weight:600; padding-bottom:20px; border-bottom:1px solid #e3e8e9; }
.ks-paper-title svg { width:22px; height:22px; color:#1a6b7a; }
.ks-paper ol { list-style:none; padding:0; margin:5px 0; }
.ks-paper li { display:flex; align-items:center; gap:16px; padding:19px 0; font-size:18px; border-bottom:1px solid #edf0f1; }
.ks-paper li span { font:12px var(--dn-mono); color:#7b8b93; }
.ks-paper-question { margin-top:22px; font-size:13px; color:#1a6b7a; }
.ks-paper-note { display:block; font-size:12px; color:#566574; text-align:center; margin-top:35px; }
.ks-flow { position:relative; min-height:385px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:22px; }
.ks-flow-lines { position:absolute; left:0; top:6%; width:100%; height:87%; color:#7fc4d1; z-index:0; }
.ks-flow-base { opacity:.22; stroke-width:1; }
.ks-flow-trace { stroke-width:2; stroke-dasharray:1; stroke-dashoffset:0; }
.ks-source-list,.ks-destinations,.ks-flow-core { position:relative; z-index:1; }
.ks-source-list { display:flex; flex-direction:column; gap:43px; }
.ks-source-list>span { display:flex; flex-direction:column; gap:10px; align-items:flex-start; font-size:12px; color:var(--ks-muted); padding:8px 0; }
.ks-source-list svg { height:25px; width:25px; color:#7fc4d1; }
.ks-flow-core { background:#0e2a33; box-shadow:10px 30px 50px -24px #0009; border-radius:14px; text-align:center; padding:24px 10px; min-width:140px; }
.ks-flow-core img { display:block; width:74px; height:74px; margin:0 auto 15px; }
.ks-flow-core strong { font-size:21px; font-weight:600; display:block; color:#f7f6f2; }
.ks-flow-core>span { font-size:11px; display:block; margin-top:10px; color:#b9d9df; }
.ks-result-preview { background:#f7f6f2; color:#0f1b2d; padding:20px 15px; border-radius:10px; box-shadow:10px 25px 50px -25px #0007; }
.ks-result-preview>span { font-size:11px; }
.ks-result-preview>strong { display:block; font-size:14px; margin-top:19px; line-height:1.25; }
.ks-mini-columns { display:flex; align-items:flex-end; gap:6px; height:90px; border-bottom:1px solid #c9d7db; margin-top:13px; }
.ks-mini-columns i { flex:1; background:#1a6b7a; border-radius:2px 2px 0 0; height:40%; }
.ks-mini-columns i:nth-child(2) { height:55%; }.ks-mini-columns i:nth-child(3) { height:48%; }.ks-mini-columns i:nth-child(4) { height:76%; }.ks-mini-columns i:nth-child(5) { height:90%; }
.ks-flow-systems .ks-source-list>span { color:#566574; }
.ks-flow-systems .ks-source-list svg, .ks-flow-systems .ks-flow-lines { color:#1a6b7a; }
.ks-destinations { display:flex; flex-direction:column; gap:45px; }
.ks-destinations>div:not(.ks-result-preview) { display:flex; flex-direction:column; align-items:center; gap:12px; background:var(--ks-paper); padding:12px; }
.ks-destinations strong { font-size:16px; }
.ks-product-mark { display:flex; justify-content:center; align-items:flex-end; width:44px; height:44px; gap:3px; }
.ks-powerbi i { display:block; width:10px; height:50%; background:#b9742a; border-radius:2px; }.ks-powerbi i:nth-child(2) { height:75%; }.ks-powerbi i:nth-child(3) { height:100%; }
.ks-excel { background:#277a60; color:white; font:600 28px/44px var(--dn-sans); align-items:center; border-radius:5px; }
.ks-waterfall,.ks-allocation { padding:27px 0 15px; margin:0; }
.ks-waterfall figcaption,.ks-allocation figcaption { font-size:16px; font-weight:500; margin:0 0 30px; }
.ks-waterfall figcaption>span,.ks-allocation figcaption>span { display:block; color:#566574; font-size:11px; margin-top:8px; font-weight:400; }
.ks-waterfall-bars { display:flex; gap:17px; }
.ks-waterfall-col { min-width:0; flex:1; text-align:center; }
.ks-waterfall-plot { position:relative; height:245px; border-bottom:1px solid #a8bdc5; }
.ks-waterfall-bar { position:absolute; left:0; right:0; bottom:var(--bottom); height:var(--height); background:#1a6b7a; border-radius:4px 4px 0 0; transform-origin:bottom; }
.ks-waterfall-bar.is-cost { background:#9a5b17; border-radius:3px; }
.ks-waterfall-bar b { position:absolute; bottom:100%; left:0; right:0; padding-bottom:9px; font:500 16px var(--dn-mono); color:#0f1b2d; }
.ks-waterfall-col>span { display:block; margin-top:14px; font-size:11px; line-height:1.4; min-height:35px; overflow-wrap:normal; hyphens:manual; }
.ks-equation { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:9px; margin-top:30px; color:#566574; font:13px var(--dn-mono); }
.ks-equation strong { color:#1a6b7a; font-size:19px; font-weight:500; }
.ks-allocation-total { display:flex; flex-direction:column; gap:10px; border-top:1px solid #bacbd3; padding-top:22px; }
.ks-allocation-total>span { color:#566574; font-size:13px; }
.ks-allocation-total strong { font-size:58px; letter-spacing:-.035em; font-weight:500; }
.ks-allocation-total small { font-size:28px; color:#566574; }
.ks-allocation-rail { display:flex; gap:5px; height:38px; margin-top:20px; }
.ks-allocation-rail i { width:60%; background:#1a6b7a; border-radius:3px; transform-origin:left; }.ks-allocation-rail i:nth-child(2) { width:25%; background:#447d8d; }.ks-allocation-rail i:nth-child(3) { width:15%; background:#b6d2d8; }
.ks-allocation-parts { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:24px 0; }
.ks-allocation-parts dt { font-size:12px; color:#566574; }
.ks-allocation-parts dd { margin:7px 0; font-size:40px; letter-spacing:-.035em; font-weight:500; }
.ks-allocation-parts dd small { font-size:18px; margin-left:3px; color:#566574; }
.ks-allocation-parts div>span { font:12px var(--dn-mono); color:#566574; }
.ks-allocation>p { border-top:1px solid #bacbd3; padding-top:18px; font-size:12px; color:#1a6b7a; display:flex; gap:8px; align-items:center; }
.ks-allocation>p svg { width:18px; height:18px; flex:none; }
.ks-role-words { display:flex; justify-content:space-between; gap:8px; margin-bottom:22px; font-size:12px; color:#b9d9df; }
.ks-role-baseline { font-size:12px; text-align:center; color:#bacbd3; margin-top:23px; }
.ks-role-visual .ks-report { box-shadow:8px 20px 55px -25px #0008; }
.ks-outro-art { position:relative; text-align:center; padding:15px 0 95px; }
.ks-outro-mark { display:block; width:clamp(180px,22vw,310px); height:auto; margin:0 auto 28px; }
.ks-outro-address { font-size:38px; letter-spacing:-.03em; font-weight:600; }
.ks-outro-art>p { color:#bacbd3; font-size:12px; margin-top:10px; }
.ks-qr { position:absolute; z-index:3; right:5.4%; bottom:135px; display:none; align-items:center; gap:14px; color:inherit; }
.ks-qr img { display:block; width:80px; height:80px; background:#fff; border-radius:5px; }
.ks-qr>span { font-size:11px; color:var(--ks-muted); }.ks-qr strong { display:block; color:inherit; font-size:16px; margin-top:4px; }
.ks-player[data-scene="7"] .ks-qr { display:flex; }
.ks-player.is-expo .ks-qr { display:flex; bottom:145px; right:24px; padding:10px; background:var(--ks-ink); color:#f7f6f2; border-radius:8px; }
.ks-player.is-expo .ks-qr>span { display:none; }
.ks-player.is-expo .ks-scene { padding-right:145px; }
.ks-controls { position:relative; z-index:4; border-top:1px solid color-mix(in srgb,currentColor 14%,transparent); padding:9px 4.3% 15px; }
.ks-transport { display:flex; gap:13px; align-items:center; }
.ks-play { width:44px; padding:8px!important; }
.ks-play svg { width:21px; height:21px; }
.ks-time { font:11px var(--dn-mono); white-space:nowrap; color:var(--ks-muted); }
.ks-time>span:first-child { color:inherit; }
.ks-seek { flex:1; min-width:25px; display:flex; align-items:center; }
.ks-seek input { appearance:none; width:100%; min-width:20px; height:28px; cursor:pointer; background:transparent; color:var(--ks-accent); }
.ks-seek input::-webkit-slider-runnable-track { height:2px; background:color-mix(in srgb,currentColor 25%,transparent); border-radius:2px; }
.ks-seek input::-webkit-slider-thumb { appearance:none; width:10px; height:10px; margin-top:-4px; border-radius:50%; background:var(--ks-accent); }
.ks-seek input::-moz-range-track { height:2px; background:color-mix(in srgb,currentColor 25%,transparent); }
.ks-seek input::-moz-range-thumb { width:10px; height:10px; border:0; border-radius:50%; background:var(--ks-accent); }
.ks-arrows { display:flex; margin-left:2px; }
.ks-arrows button { padding:8px!important; }
.ks-chapters { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:14px; margin-top:5px; }
.ks-chapters button { position:relative; display:flex; align-items:center; gap:8px; padding:10px 0 12px; min-height:44px; color:var(--ks-muted); font-size:11px; background:transparent; border:0; border-radius:0; text-align:left; }
.ks-chapter-number { font:11px var(--dn-mono); opacity:.8; }
.ks-chapters button[aria-current="step"] { color:var(--ks-accent); }
.ks-chapters button::after,.ks-chapters i { content:""; display:block; position:absolute; left:0; right:0; bottom:1px; height:2px; background:currentColor; opacity:.22; }
.ks-chapters i { z-index:1; opacity:1; transform:scaleX(var(--progress,0)); transform-origin:left; }
.ks-chapters button:hover { color:var(--ks-accent); }
.ks-subtitles { position:relative; z-index:4; padding:0 5.4% 18px; }
.ks-subtitles p { font-size:15px; line-height:1.5; color:var(--ks-muted); max-width:85ch; margin:0; }
.ks-subtitles .is-current { color:inherit; background:color-mix(in srgb,var(--ks-accent) 14%,transparent); box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.ks-reading { max-width:1180px; margin:0 auto; padding:0 24px; color:#0f1b2d; }
.ks-reading summary { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:25px 0; cursor:pointer; font-size:14px; list-style:none; }
.ks-reading summary::-webkit-details-marker { display:none; }
.ks-reading summary svg { width:18px; height:18px; color:#1a6b7a; }
.ks-reading>div { max-width:75ch; padding-bottom:35px; }
.ks-reading section { padding:25px 0; border-top:1px solid #dce1e2; }
.ks-reading h2 { font-size:23px; font-weight:500; line-height:1.25; margin:0 0 13px; }
.ks-reading p { font-size:17px; line-height:1.7; margin:0; }
.ks-reading .ks-reading-note { font-size:13px; color:#566574; }
.ks-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@keyframes ks-reveal { from { opacity:.1; transform:translateY(14px); filter:blur(3px); } to { opacity:1; transform:translateY(0); filter:blur(0); } }
@keyframes ks-board { from { transform:translateX(35px) rotateY(-19deg) rotateX(7deg) rotateZ(2deg); opacity:.15; } to { transform:translateX(0) rotateY(-9deg) rotateX(4deg) rotateZ(1deg); opacity:1; } }
@keyframes ks-grow { from { transform:scaleY(.08); } to { transform:scaleY(1); } }
@keyframes ks-trace { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes ks-split { from { transform:scaleX(.02); } to { transform:scaleX(1); } }
.ks-ready .is-active .ks-scene-copy { animation:ks-reveal .7s cubic-bezier(.16,1,.3,1) both; }
.ks-ready .is-active .ks-visual { animation:ks-reveal .9s cubic-bezier(.16,1,.3,1) both; }
.ks-ready .is-active .ks-report-plane { animation:ks-board 1.4s cubic-bezier(.16,1,.3,1) both; }
.ks-ready .is-active .ks-bar-pair i { animation:ks-grow .85s calc(.25s + var(--order)*.06s) cubic-bezier(.16,1,.3,1) both; }
.ks-ready .is-active .ks-flow-trace { animation:ks-trace 2.2s .25s cubic-bezier(.16,1,.3,1) both; }
.ks-ready .is-active .ks-waterfall-bar { animation:ks-grow .8s calc(var(--order)*.22s) cubic-bezier(.16,1,.3,1) both; }
.ks-ready .is-active .ks-allocation-rail i { animation:ks-split 1.3s .2s cubic-bezier(.16,1,.3,1) both; }
.ks-ready .is-active .ks-paper li { animation:ks-reveal .7s cubic-bezier(.16,1,.3,1) both; }.ks-ready .is-active .ks-paper li:nth-child(2) { animation-delay:.3s; }.ks-ready .is-active .ks-paper li:nth-child(3) { animation-delay:.6s; }
.ks-ready .ks-player.was-started:not(.is-playing) .is-active * { animation-play-state:paused; }
@media(min-width:1650px) { .ks-scene { max-width:1600px; width:100%; margin:auto; gap:6%; }.ks-topbar,.ks-controls { padding-left:max(4.3%,calc((100% - 1470px)/2)); padding-right:max(4.3%,calc((100% - 1470px)/2)); }.ks-report { padding:32px; }.ks-revenue-chart { height:200px; } }
@media(max-width:1100px) { .ks-topbar { gap:18px; }.ks-top-caption { font-size:11px; }.ks-scene { padding:45px 4.3% 55px; gap:4%; min-height:550px; }.ks-title { font-size:45px; }.ks-scene--intro .ks-title span:first-child { font-size:25px; }.ks-scene--intro .ks-title span:last-child { font-size:76px; }.ks-report { padding:20px 17px; }.ks-report-kpis dd { font-size:23px; }.ks-report-kpis small { font-size:11px; }.ks-chart-columns { gap:6px; }.ks-report-head { font-size:12px; }.ks-report-head>span:last-child { font-size:11px; }.ks-chart-title { font-size:11px; }.ks-revenue-chart { height:145px; }.ks-flow { gap:8px; }.ks-flow-core { min-width:100px; }.ks-flow-core img { width:57px; height:57px; }.ks-source-list>span { font-size:11px; }.ks-flow-core>span { font-size:11px; }.ks-destinations strong { font-size:12px; }.ks-chapters { gap:8px; }.ks-chapter-label { font-size:11px; }.ks-waterfall-bars { gap:10px; }.ks-role-words { font-size:11px; }.ks-player.is-expo .ks-scene { padding-right:120px; } }
@media(max-width:760px) { .ks-topbar { padding:16px 22px; min-height:70px; gap:10px; }.ks-top-caption { display:none; }.ks-mode-controls { gap:0; }.ks-mode-controls button { padding:8px; }.ks-mode-controls button>span { font-size:11px; }.ks-ready .ks-player { min-height:0; }.ks-scene { grid-template-columns:1fr; padding:35px 25px 32px; gap:30px; min-height:0; }.ks-title { font-size:clamp(35px,7.8vw,53px); max-width:15ch; line-height:1.08; }.ks-scene--intro .ks-title span:first-child { font-size:clamp(21px,4.6vw,30px); margin-bottom:10px; }.ks-scene--intro .ks-title span:last-child { font-size:clamp(57px,11vw,80px); max-width:none; }.ks-scene--intro .ks-title { max-width:none; }.ks-lead { font-size:17px; margin-top:17px; }.ks-start { margin-top:23px; }.ks-start-note { font-size:11px; }.ks-primary { padding:14px 18px; font-size:15px; min-height:50px; }.ks-visual { width:100%; max-width:520px; margin:auto; }.ks-report-stage { padding:10px 7px 12px; }.ks-report-plane { transform:rotateY(-5deg) rotateZ(1deg); }.ks-report-shadow { inset:20px 0 0 20px; }.ks-report-caption { margin:22px 0 0; font-size:11px; }.ks-report { padding:20px; }.ks-report-head { font-size:13px; }.ks-report-kpis { margin:17px 0 20px; gap:8px; }.ks-report-kpis dd { font-size:26px; }.ks-report-kpis dt { font-size:11px; }.ks-report-kpis small { font-size:11px; }.ks-chart-title { font-size:11px; }.ks-chart-columns { gap:7px; }.ks-revenue-chart { height:150px; }.ks-report-bottom { font-size:11px; padding-top:12px; margin-top:14px; }.ks-papers { padding:25px 8px 10px 12px; min-height:350px; }.ks-paper-front { padding:20px; }.ks-paper li { font-size:16px; padding:17px 0; }.ks-paper-note { margin-top:25px; }.ks-flow { min-height:290px; gap:16px; }.ks-source-list { gap:25px; }.ks-source-list>span { font-size:11px; }.ks-flow-core { min-width:95px; padding:20px 6px; }.ks-flow-core img { width:52px; height:52px; }.ks-flow-core strong { font-size:18px; }.ks-flow-core>span { font-size:11px; }.ks-result-preview { padding:14px 10px; }.ks-result-preview>span { font-size:11px; }.ks-result-preview>strong { font-size:12px; }.ks-mini-columns { gap:4px; height:70px; }.ks-waterfall,.ks-allocation { padding:10px 0; }.ks-waterfall figcaption,.ks-allocation figcaption { margin-bottom:20px; font-size:15px; }.ks-waterfall-plot { height:205px; }.ks-waterfall-col>span { font-size:11px; }.ks-waterfall-bar b { font-size:13px; }.ks-allocation-total strong { font-size:50px; }.ks-allocation-rail { height:31px; }.ks-allocation-parts dd { font-size:34px; }.ks-role-words { flex-wrap:wrap; gap:8px 18px; font-size:11px; }.ks-role-baseline { font-size:11px; }.ks-outro-art { padding:0 0 110px; }.ks-outro-mark { width:160px; margin-bottom:16px; }.ks-outro-address { font-size:30px; }.ks-scene--outro .ks-title { max-width:16ch; }.ks-scene--outro .ks-primary { margin-top:22px; }.ks-contact { font-size:13px; }.ks-qr { bottom:130px; right:25px; }.ks-player[data-scene="7"] .ks-qr { left:25px; right:auto; }.ks-player.is-expo .ks-qr { left:auto; right:18px; bottom:145px; }.ks-player.is-expo .ks-scene { padding-right:25px; padding-bottom:125px; }.ks-controls { padding:8px 18px 12px; }.ks-transport { gap:7px; }.ks-transport button { font-size:12px; padding:8px; }.ks-time { font-size:11px; }.ks-transport [data-ks-text]>span { display:none; }.ks-chapters { gap:8px; }.ks-chapters button { justify-content:center; min-height:39px; padding:8px 0; }.ks-chapter-label { display:none; }.ks-chapter-number { font-size:11px; }.ks-subtitles { padding:0 25px 20px; }.ks-subtitles p { font-size:14px; }.ks-seek { min-width:20px; }.ks-arrows { margin-left:0; }.ks-arrows button { min-width:35px; }.ks-player:fullscreen .ks-scenes { flex:1; align-items:center; }.ks-reading summary { font-size:13px; } }
@media(max-width:370px) { .ks-topbar { padding:12px 18px; }.ks-brand img { width:110px; height:auto; }.ks-mode-controls button>span { display:none; }.ks-scene { padding:28px 20px; }.ks-scene--intro .ks-title span:first-child { font-size:20px; }.ks-scene--intro .ks-title span:last-child { font-size:56px; }.ks-report { padding:15px; }.ks-report-kpis dd { font-size:22px; }.ks-report-head { font-size:11px; }.ks-chart-title>span { font-size:11px; }.ks-chart-month>span { font-size:11px; }.ks-chart-columns { gap:5px; }.ks-bar-pair { gap:2px; }.ks-transport { gap:4px; }.ks-transport button { min-width:37px; }.ks-time { font-size:11px; }.ks-flow { gap:8px; }.ks-paper li { font-size:14px; gap:10px; }.ks-paper-question { font-size:12px; }.ks-report-bottom { font-size:11px; }.ks-allocation-parts div>span { font-size:11px; }.ks-waterfall-bars { gap:8px; } }
@media(prefers-reduced-motion:reduce) { .ks-shell *, .ks-shell *::before,.ks-shell *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }.ks-report-plane,.ks-report-shadow { transform:none; } }
@media print { .ks-player,.ks-scene { background:#fff!important; color:#000!important; }.ks-topbar,.ks-controls,.ks-start,.ks-subtitles,.ks-qr,.ks-reading { display:none!important; }.ks-scene[hidden] { display:grid!important; }.ks-scene { break-inside:avoid; page-break-after:always; }.ks-title span:last-child,.ks-lead { color:#1a6b7a!important; }.ks-shell * { animation:none!important; transform:none!important; box-shadow:none!important; } }
@media(max-width:1100px) and (min-width:761px) { .ks-scene { padding-top:25px; padding-bottom:30px; min-height:540px; } }
@media(max-width:760px) {
  .ks-ready .ks-player { min-height:100svh; }
  .ks-scene { padding-top:25px; padding-bottom:25px; gap:22px; }
  .ks-report { padding:17px; }
  .ks-report-head { padding-bottom:14px; }
  .ks-report-kpis { margin:15px 0; }
  .ks-report-kpis dd { line-height:1.1; }
  .ks-revenue-chart { height:110px; }
  .ks-report-caption { margin-top:16px; }
  .ks-report-bottom { margin-top:10px; padding-top:10px; }
  .ks-start { margin-top:20px; gap:10px; }
  .ks-scene--intro .ks-lead { margin-top:20px; }
  .ks-player.is-expo .ks-qr { bottom:125px; }
  .ks-paper-note { position:relative; z-index:1; margin-top:48px; }
}
.ks-company { margin:0; }
.ks-company figcaption { font-size:18px; font-weight:500; line-height:1.35; }
.ks-company figcaption>span { display:block; margin-top:8px; color:#566574; font-size:12px; font-weight:400; }
.ks-company-rows { margin:25px 0 0; }
.ks-company-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px; padding:19px 0; border-top:1px solid #bacbd3; }
.ks-company-row dt>span { display:block; margin-bottom:7px; color:#566574; font-size:12px; }
.ks-company-row dt>strong { display:block; font-size:18px; font-weight:500; line-height:1.25; }
.ks-company-row dd { margin:0; text-align:right; }
.ks-company-row dd>strong { display:block; font-size:32px; line-height:1.1; font-weight:500; color:#1a6b7a; letter-spacing:-.025em; white-space:nowrap; }
.ks-company-row dd small { margin-left:5px; font-size:14px; letter-spacing:0; }
.ks-company-row dd>span { display:block; margin-top:8px; font-size:11px; color:#566574; }
.ks-company-note { margin:14px 0 0; font-size:11px; color:#566574; }
.ks-ready .is-active .ks-company-row { animation:ks-reveal .7s calc(var(--order)*.14s) cubic-bezier(.16,1,.3,1) both; }
.ks-player .ks-qr { bottom:calc(var(--ks-lower-height,118px) + 17px); }
.ks-player.is-expo .ks-qr { bottom:calc(var(--ks-lower-height,118px) + 27px); }
@media(max-width:760px) {
  .ks-company figcaption { font-size:16px; }
  .ks-company figcaption>span { font-size:11px; }
  .ks-company-row { gap:10px; padding:17px 0; }
  .ks-company-row dt>span { font-size:11px; }
  .ks-company-row dt>strong { font-size:15px; }
  .ks-company-row dd>strong { font-size:27px; }
  .ks-company-row dd small { font-size:12px; }
  .ks-company-row dd>span { max-width:17ch; line-height:1.35; }
  .ks-transport { display:grid; grid-template-columns:44px auto minmax(0,1fr) auto; gap:6px; }
  .ks-transport .ks-play { grid-column:1; grid-row:1; }
  .ks-transport .ks-time { grid-column:2; grid-row:1; }
  .ks-transport .ks-seek { grid-column:3; grid-row:1; }
  .ks-transport .ks-arrows { grid-column:4; grid-row:1; }
  .ks-transport .ks-arrows button { min-width:44px; }
  .ks-transport [data-ks-text] { grid-column:1/-1; grid-row:2; justify-self:center; }
  .ks-transport [data-ks-text]>span { display:initial; }
}

/* A viewport-sized mobile stage keeps navigation stable while long scenes scroll. */
@media screen and (max-width:760px), screen and (max-width:950px) and (max-height:500px) {
  .ks-ready .ks-player { height:100svh; height:100dvh; min-height:0; }
  .ks-ready .ks-topbar, .ks-ready .ks-controls, .ks-ready .ks-subtitles { flex:none; }
  .ks-ready .ks-topbar { min-height:64px; padding-top:max(10px,env(safe-area-inset-top)); padding-bottom:10px; }
  .ks-ready .ks-scenes { display:block; flex:1 1 0; min-height:0; overflow:auto; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:var(--ks-accent) transparent; scroll-padding:16px; }
  .ks-ready .ks-scene { min-height:100%; align-content:center; padding-top:22px; padding-bottom:26px; }
  .ks-ready .ks-controls { padding-bottom:max(10px,env(safe-area-inset-bottom)); background:inherit; }
  .ks-ready .ks-subtitles { max-height:24dvh; overflow:auto; overscroll-behavior:contain; padding-top:10px; padding-bottom:10px; border-top:1px solid color-mix(in srgb,currentColor 12%,transparent); }
  .ks-chapters { grid-template-columns:repeat(8,minmax(44px,1fr)); gap:0; overflow-x:auto; scrollbar-width:none; }
  .ks-chapters::-webkit-scrollbar { display:none; }
  .ks-chapters button { min-width:44px; min-height:44px; justify-content:center; }
  .ks-chapters button::after,.ks-chapters i { left:4px; right:4px; }
  .ks-chapter-label { display:none; }
  .ks-ready .ks-player .ks-qr { display:none; }
  .ks-ready .ks-player[data-scene="7"] .ks-qr { display:flex; position:static; order:1; flex:none; align-self:flex-start; margin:0 25px 12px; padding:0; background:none; color:inherit; }
  .ks-ready .ks-qr img { width:48px; height:48px; }
  .ks-ready .ks-player .ks-qr>span { display:block; }
  .ks-ready .ks-subtitles { order:2; }
  .ks-ready .ks-controls { order:3; }
  .ks-ready .ks-player.is-expo .ks-scene { padding-right:25px; padding-bottom:26px; }
  .ks-scene--outro .ks-outro-art { padding-bottom:0; }
}
@media screen and (max-width:760px) {
  .ks-ready .ks-title { font-size:clamp(30px,7.8vw,48px); }
  .ks-ready .ks-scene--intro .ks-title span:last-child { font-size:clamp(48px,11vw,72px); }
  .ks-ready .ks-lead { font-size:16px; margin-top:15px; }
  .ks-ready .ks-scene--intro .ks-lead { margin-top:15px; }
  .ks-ready .ks-start { margin-top:16px; }
  .ks-ready .ks-scene { gap:22px; }
  .ks-ready .ks-company-rows { margin-top:18px; }
  .ks-ready .ks-company-row { padding:13px 0; }
  .ks-ready .ks-company-row dt>span { margin-bottom:4px; }
  .ks-ready .ks-company-row dd>span { margin-top:5px; }
}
@media screen and (max-width:950px) and (max-height:500px) {
  .ks-ready .ks-topbar { min-height:52px; padding-top:4px; padding-bottom:4px; }
  .ks-ready .ks-scene { min-height:0; }
  .ks-ready .ks-controls { padding-top:3px; padding-bottom:max(4px,env(safe-area-inset-bottom)); }
  .ks-ready .ks-player[data-scene="7"] .ks-qr { position:absolute; right:20px; left:auto; top:5px; bottom:auto; margin:0; }
  .ks-ready .ks-player[data-scene="7"] .ks-mode-controls { margin-right:58px; }
  .ks-ready .ks-player[data-scene="7"] .ks-qr>span { display:none; }
}

/* Consistent, unobtrusive notice below illustrative reports. */
.ks-report-note,.ks-allocation>.ks-report-note{margin:14px 0 0;padding:0;border:0;display:block;font-size:11px;line-height:1.5;color:#566574}