/* KitzLabs NOVA AI V10 — real UI product showcase. Source assets are original browser captures.
 * No synthetic app UIs; never embed a localhost iframe publicly.
 */
:root{--la-ink:#f4f8ff;--la-surface:#0f2241;--la-muted:#acc5e2;--la-line:rgba(126,192,255,.24);--la-cyan:#64defa;--la-violet:#a08bff;--la-gradient:linear-gradient(110deg,#54d8ff,#749aff 46%,#cc5deb)}
html{scroll-padding-top:100px}
.kl10-main{max-width:1440px;width:calc(100% - 42px);margin:44px auto 55px;color:var(--la-ink);min-width:0}
.kl10-main *, .kl10-teaser *, .kl10-consulting-link *{box-sizing:border-box}
.kl10-main :is(h1,h2,h3,h4),.kl10-teaser :is(h2,h3){color:#f6faff;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.kl10-main :is(p,li){color:#b9d0e9;line-height:1.73}
.kl10-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;border:1px solid rgba(107,206,254,.36);border-radius:999px;padding:7px 12px;background:rgba(36,84,139,.23);color:#9eeaff;font:750 .68rem/1.5 "Sora",system-ui,sans-serif;letter-spacing:.075em}
.kl10-pill::before{content:"";width:7px;height:7px;background:#73f0d2;border-radius:50%;box-shadow:0 0 0 4px rgba(115,240,210,.11)}
.kl10-eyebrow{font:800 .62rem/1.5 "Sora",system-ui,sans-serif;letter-spacing:.2em;color:#82dbf8;text-transform:uppercase}
.kl10-accent{background:var(--la-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.kl10-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border-radius:12px;text-decoration:none;font:760 .81rem/1.35 "Sora",system-ui,sans-serif;border:1px solid rgba(143,203,255,.39);background:rgba(16,41,74,.79);color:#e0f7ff!important;transition:transform .25s,background .25s,border-color .25s}
.kl10-btn:hover{transform:translateY(-3px);border-color:#9ae8ff;background:#214f80;color:#f9fcff!important}
.kl10-btn-primary{background:var(--la-gradient);color:#071b35!important;border:0;box-shadow:0 12px 30px rgba(75,113,226,.18)}
.kl10-btn-primary:hover{background:linear-gradient(115deg,#a0ecff,#a8b9ff 58%,#f29ee5);color:#081a30!important}
.kl10-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.kl10-section{border:1px solid var(--la-line);border-radius:24px;padding:clamp(22px,4vw,52px);margin-top:22px;min-width:0;background:linear-gradient(145deg,#0c1c35,#102848);box-shadow:0 20px 54px rgba(0,6,25,.20)}
.kl10-title-row{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:27px}
.kl10-title-row>div{max-width:720px}
.kl10-title-row h2{font-size:clamp(1.7rem,3.05vw,3rem)!important;line-height:1.13!important;margin:9px 0 10px!important}
.kl10-title-row p{max-width:62ch;font-size:.83rem;margin:0}
.kl10-hero{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(20px,3.8vw,58px);min-height:600px;border-radius:25px;padding:clamp(24px,4.8vw,66px);border:1px solid rgba(132,196,252,.29);overflow:hidden;isolation:isolate;background:
 linear-gradient(100deg,rgba(8,19,39,.96),rgba(9,22,47,.89) 51%,rgba(8,24,48,.76)),
 url('/assets/v9/office-reality.webp') center/cover no-repeat;box-shadow:0 27px 83px rgba(0,6,24,.34)}
.kl10-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 46%,rgba(57,126,244,.20),transparent 53%)}
.kl10-hero-copy{min-width:0}
.kl10-hero h1{font-size:clamp(2.4rem,4.1vw,4.45rem)!important;line-height:1.10!important;max-width:16ch!important;margin:17px 0 16px!important;font-weight:740}
.kl10-hero-copy>p{font-size:clamp(.86rem,1vw,.98rem);max-width:56ch}
.kl10-hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 0}
.kl10-hero-facts span{font-size:.64rem;padding:9px 11px;border-radius:999px;color:#bde5fa;border:1px solid rgba(132,191,253,.30);background:rgba(10,28,56,.76);font-weight:700}
.kl10-preview-frame{position:relative;padding:12px 12px 19px;min-width:0;border:1px solid rgba(107,191,250,.53);border-radius:19px;background:linear-gradient(155deg,#071326,#182c51);box-shadow:0 40px 90px rgba(0,3,17,.66),0 0 58px rgba(31,106,220,.16);transform:perspective(1400px) rotateY(-4deg);transition:transform .48s cubic-bezier(.17,.7,.2,1)}
.kl10-preview-frame:hover{transform:perspective(1400px) rotateY(0deg)}
.kl10-browserbar{display:flex;align-items:center;justify-content:space-between;gap:15px;height:28px;padding:0 6px;color:#7fa0c5;font-size:.63rem;white-space:nowrap}
.kl10-browser-dots{display:flex;gap:5px}
.kl10-browser-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#e97b9a}
.kl10-browser-dots i:nth-child(2){background:#edc064}.kl10-browser-dots i:nth-child(3){background:#60dfb0}
.kl10-preview-frame img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border-radius:9px;border:1px solid rgba(134,191,251,.18);background:#061327}
.kl10-frame-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 5px 0;color:#b7cce6;font-size:.66rem}
.kl10-frame-caption b{color:#87dfef}
.kl10-proof-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:19px}
.kl10-proof{display:flex;flex-direction:column;gap:9px;min-height:99px;border:1px solid var(--la-line);background:linear-gradient(140deg,#102847,#0e1d36);padding:17px 18px;border-radius:13px}
.kl10-proof strong{color:#f8fbff;font-size:.83rem}
.kl10-proof span{font-size:.68rem;color:#b9cce8;line-height:1.6}
/* Real screenshots gallery */
.kl10-gallery-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:19px}
.kl10-gallery-tabs button{min-height:46px;border-radius:10px;border:1px solid rgba(115,184,244,.29);background:#152d4f;color:#c6dcf3;padding:11px 15px;font:730 .76rem "Sora",system-ui,sans-serif;cursor:pointer;transition:background .24s,color .24s,border-color .24s}
.kl10-gallery-tabs button:hover{border-color:#78dcfa}
.kl10-gallery-tabs button[aria-selected="true"]{background:var(--la-gradient);border-color:transparent;color:#0a1c35}
.kl10-gallery-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.65fr);gap:17px;align-items:stretch}
.kl10-gallery-image{min-width:0;overflow:hidden;border:1px solid rgba(140,189,246,.33);border-radius:16px;background:#07152d}
.kl10-gallery-image img{display:block;width:100%;height:auto;min-height:360px;max-height:670px;object-fit:contain;object-position:center top;background:#081326}
.kl10-gallery-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(15px,2.5vw,32px);border:1px solid rgba(120,192,249,.23);border-radius:16px;background:linear-gradient(150deg,#142b4d,#0b1b34)}
.kl10-gallery-text h3{font-size:clamp(1.3rem,1.8vw,1.85rem)!important;line-height:1.22!important;margin:15px 0 12px!important}
.kl10-gallery-text p{font-size:.81rem;margin:0 0 22px}
.kl10-gallery-text .kl10-source{font-size:.66rem;color:#89c8e8;line-height:1.6;margin-top:auto}
.kl10-gallery-count{display:flex;align-items:center;gap:7px;font:800 .66rem "Sora",system-ui;letter-spacing:.1em;color:#78e7ff}
.kl10-gallery-count:before{content:"";height:2px;width:20px;background:var(--la-gradient);border-radius:2px}
/* Recorded REAL product clips, no generated interfaces. */
.kl10-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kl10-video-card{border:1px solid rgba(127,188,248,.25);border-radius:16px;overflow:hidden;background:#101f39;min-width:0}
.kl10-video-shell{position:relative;background:#06142b}
.kl10-video-shell video{display:block;width:100%;aspect-ratio:960 / 586;height:auto;object-fit:contain;background:#071226}
.kl10-video-indicator{position:absolute;pointer-events:none;top:14px;left:15px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(129,208,248,.34);border-radius:999px;background:rgba(8,25,50,.79);backdrop-filter:blur(10px);padding:7px 9px;color:#b4edff;font-size:.62rem;letter-spacing:.08em;font-weight:760}
.kl10-video-indicator:before{content:"";width:6px;height:6px;border-radius:50%;background:#8ff1d5}
.kl10-video-card-body{padding:20px}
.kl10-video-card-body h3{font-size:1.07rem!important;margin:0 0 8px!important}
.kl10-video-card-body p{font-size:.74rem;margin:0 0 15px}
.kl10-video-card button{font:750 .68rem "Sora",system-ui;cursor:pointer;border:1px solid rgba(151,190,247,.32);color:#d8eefe;background:#1d395f;border-radius:9px;padding:9px 13px;min-height:36px}
.kl10-video-card button:hover{background:#2a527d}
/* Features and architecture */
.kl10-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.kl10-feature-card{padding:25px 22px;background:linear-gradient(142deg,#142c4c,#0f213b);border:1px solid rgba(130,184,244,.26);border-radius:15px;min-width:0}
.kl10-feature-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:linear-gradient(140deg,#235ea9,#633b99);font-size:1.3rem;color:white;font-weight:800}
.kl10-feature-card h3{font-size:1.01rem!important;line-height:1.4!important;margin:16px 0 8px!important}
.kl10-feature-card p{font-size:.76rem;margin:0}
.kl10-platform-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px;align-items:stretch}
.kl10-platform-tabs{display:flex;flex-direction:column;gap:10px}
.kl10-platform-tabs button{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:19px 20px;text-align:left;min-height:70px;background:#162e4e;border:1px solid rgba(128,181,239,.27);border-radius:13px;color:#d0e4f7;font:750 .86rem "Sora",system-ui;cursor:pointer}
.kl10-platform-tabs button[aria-selected="true"]{background:linear-gradient(115deg,#1c5076,#293a75);border-color:#72d3ff;box-shadow:0 6px 23px rgba(29,111,212,.11);color:#fff}
.kl10-platform-tabs button span{color:#8ce7ff;font-size:.64rem}
.kl10-platform-panel{border:1px solid rgba(140,193,250,.25);border-radius:16px;padding:clamp(23px,3vw,39px);background:radial-gradient(ellipse at 100% 0,rgba(85,82,214,.17),transparent 50%),#10243e}
.kl10-platform-panel h3{font-size:clamp(1.3rem,2vw,2.05rem)!important;margin:11px 0 12px!important}
.kl10-platform-panel p{font-size:.83rem}
.kl10-platform-panel ul{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.kl10-platform-panel li{position:relative;padding-left:26px;font-size:.78rem}
.kl10-platform-panel li:before{content:"✓";position:absolute;left:0;top:0;color:#6ce3c8;font-weight:850}
.kl10-deploy-note{display:inline-block;margin-top:18px;padding:8px 11px;border-radius:10px;border:1px solid rgba(125,194,253,.24);font-size:.69rem;color:#acc9e7;line-height:1.5}
.kl10-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kl10-step{padding:20px;background:#13294a;border:1px solid rgba(131,191,249,.24);border-radius:14px}
.kl10-step b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#224f85;color:#a4e4fa;margin-bottom:16px}
.kl10-step strong{display:block;color:#f6faff;margin-bottom:9px;font-size:.85rem}
.kl10-step p{margin:0;font-size:.72rem}
.kl10-faq details{border:1px solid rgba(144,187,247,.24);border-radius:11px;margin:10px 0;background:#102a48;padding:0 18px}
.kl10-faq summary{list-style:none;cursor:pointer;padding:17px 3px;color:#ebf5ff;font-size:.82rem;font-weight:730}
.kl10-faq summary::-webkit-details-marker{display:none}
.kl10-faq summary:after{content:"+";float:right;color:#8edafa;font-size:1rem}
.kl10-faq details[open] summary:after{content:"−"}
.kl10-faq details p{margin:0 0 18px;font-size:.76rem}
.kl10-final{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;border-radius:22px;margin-top:24px;padding:clamp(28px,4.4vw,57px);border:1px solid rgba(125,192,255,.32);background:linear-gradient(110deg,rgba(7,21,43,.93),rgba(13,29,58,.82)),url('/assets/v9/strategy-team.webp') center/cover}
.kl10-final h2{font-size:clamp(1.7rem,2.8vw,2.75rem)!important;margin:10px 0!important;max-width:25ch}
.kl10-final p{font-size:.84rem;max-width:62ch;margin:0}
/* Teaser on DE, EN, HI homepages */
.kl10-teaser{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(20px,3.3vw,52px);padding:clamp(22px,4.5vw,56px);border-radius:24px;border:1px solid rgba(129,192,252,.36);margin:clamp(21px,3vw,38px) auto;background:radial-gradient(ellipse at 78% 40%,rgba(50,97,221,.19),transparent 62%),linear-gradient(145deg,#0b1931,#152b4d);box-shadow:0 24px 70px rgba(0,7,27,.28);min-width:0}
.kl10-teaser h2{font-size:clamp(1.8rem,3.05vw,3.1rem)!important;line-height:1.15!important;margin:12px 0!important}
.kl10-teaser p{font-size:.83rem;line-height:1.75;color:#c4d6eb;max-width:55ch;margin:0}
.kl10-teaser-img{display:block;text-decoration:none;position:relative;overflow:hidden;padding:9px 9px 0;border:1px solid rgba(129,188,253,.34);border-radius:17px;background:linear-gradient(160deg,#0a1831,#172f55);box-shadow:0 17px 50px rgba(0,7,24,.37)}
.kl10-teaser-img img{display:block;width:100%;height:auto;max-height:450px;object-fit:contain;object-position:top;border-radius:10px 10px 0 0}
.kl10-teaser-img>span{display:block;padding:12px 6px;color:#9ceaff;font-size:.68rem;font-weight:720}
.kl10-consulting-link{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.85fr);gap:30px;align-items:center;margin:21px 0;padding:32px;border:1px solid rgba(125,194,245,.30);border-radius:19px;background:linear-gradient(125deg,#0d1f3b,#162c50)}
.kl10-consulting-link h2{font-size:clamp(1.55rem,2.5vw,2.45rem)!important;margin:12px 0!important}
.kl10-consulting-link p{font-size:.79rem;line-height:1.7;max-width:52ch}
.kl10-consulting-link img{width:100%;height:auto;max-height:340px;object-fit:contain;border-radius:13px;border:1px solid rgba(130,183,243,.28)}
@media (max-width:1120px){.kl10-hero{grid-template-columns:minmax(0,1fr)}.kl10-hero-copy{max-width:760px}.kl10-hero h1{max-width:18ch!important}.kl10-preview-frame{transform:none}.kl10-preview-frame:hover{transform:none}.kl10-proof-row{grid-template-columns:repeat(2,minmax(0,1fr))}.kl10-teaser{grid-template-columns:minmax(0,1fr)}}
@media(max-width:830px){.kl10-gallery-layout{grid-template-columns:1fr}.kl10-gallery-image img{min-height:0;max-height:550px}.kl10-gallery-text{min-height:220px}.kl10-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kl10-platform-grid{grid-template-columns:1fr}.kl10-platform-tabs{flex-direction:row;flex-wrap:wrap}.kl10-platform-tabs button{flex:1;min-width:160px}.kl10-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.kl10-consulting-link{grid-template-columns:1fr}}
@media(max-width:610px){.kl10-main{width:calc(100% - 22px);margin-top:36px}.kl10-section{padding:24px 17px;border-radius:18px}.kl10-hero{min-height:0;padding:37px 20px;gap:31px}.kl10-hero h1{font-size:clamp(2.05rem,8.3vw,3.0rem)!important}.kl10-actions{display:grid;grid-template-columns:1fr}.kl10-btn{width:100%;text-align:center}.kl10-proof-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kl10-proof{padding:15px 13px;min-height:90px}.kl10-title-row{display:block}.kl10-gallery-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.kl10-gallery-tabs button{font-size:.67rem;padding:9px 7px}.kl10-gallery-text{padding:22px 18px}.kl10-video-grid{grid-template-columns:1fr}.kl10-feature-grid{grid-template-columns:1fr}.kl10-platform-tabs{display:grid;grid-template-columns:1fr}.kl10-platform-tabs button{min-height:55px;padding:14px 16px}.kl10-steps{grid-template-columns:1fr 1fr}.kl10-step{padding:16px 13px}.kl10-teaser{padding:24px 16px;gap:22px}.kl10-teaser h2{font-size:clamp(1.8rem,7vw,2.35rem)!important}.kl10-consulting-link{padding:23px 17px}.kl10-preview-frame{padding:8px 8px 15px}.kl10-frame-caption{font-size:.55rem}}
@media (prefers-reduced-motion:reduce){.kl10-main *, .kl10-teaser *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Four actual UI capture thumbnails on product page: gallery buttons show original pixels. */
.kl10-gallery-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:15px}
.kl10-gallery-thumbs button{display:flex;flex-direction:column;gap:9px;text-align:left;min-width:0;padding:9px;border-radius:12px;cursor:pointer;border:1px solid rgba(120,184,247,.27);background:#142b49;color:#cce4f6;transition:border-color .23s,transform .23s,background .23s}
.kl10-gallery-thumbs button:hover{transform:translateY(-3px);border-color:#9ee4fc}
.kl10-gallery-thumbs button[aria-pressed=true]{border-color:#71e0fe;background:#1d3b63;box-shadow:0 0 0 1px rgba(110,220,252,.14)}
.kl10-gallery-thumbs img{display:block;max-width:100%;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:7px;background:#081426}
.kl10-gallery-thumbs span{display:block;padding:0 4px 4px;font:720 .7rem/1.45 "Sora",system-ui,sans-serif;color:#e3f4ff}
@media(max-width:620px){.kl10-gallery-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kl10-gallery-thumbs button{padding:7px}.kl10-gallery-thumbs span{font-size:.65rem}}