/* KK Cyber V20 | responsive light-blue / ivory / gold / midnight premium layer */
:root{--v20-ink:#071a36;--v20-navy:#08182f;--v20-deep:#050c1b;--v20-blue:#1464d2;--v20-sky:#e9f5ff;--v20-white:#f9fcff;--v20-gold:#b48538;--v20-border:#ccdfef}
html{scroll-behavior:smooth}body{overflow-x:hidden}img,video{max-width:100%}
.v19-nav-wrap{background:#06132cf4;border-bottom:1px solid #385b83}
.v19-nav-links{gap:14px}.v19-nav-links>a{font-size:.81rem}
.v19-hero{background:radial-gradient(ellipse at 83% 15%,#173c66 0%,#0b2247 29%,#050b1b 66%,#040815 100%);min-height:680px}
.v19-ambient{opacity:.4;animation-duration:32s}
.v19-hero-grid{grid-template-columns:1.1fr .9fr;min-height:700px;gap:20px;padding:76px 0 90px}
.v19-copy h1{font-size:clamp(2.6rem,4.6vw,5rem);line-height:1.075;max-width:840px;letter-spacing:-.05em;margin:14px 0 22px}
.v19-copy h1 span{background:linear-gradient(110deg,#aadfff,#f6ebcf 57%,#e8b96d);background-clip:text;-webkit-background-clip:text}
.v19-overline strong{font-weight:850;color:#c4e6ff;letter-spacing:.18em;font-size:.7rem}
.v20-hero-index{font-size:.83rem;color:#e4c387;font-weight:650;letter-spacing:.045em;margin:20px 0 8px}
.v19-hero-desc{color:#d0e4f4;font-size:1.08rem;max-width:690px;line-height:1.76}
.v19-hero-actions{align-items:center}.v20-hero-link{color:#e0c391;font-size:.87rem;font-weight:750;text-underline-offset:6px}
.v19-button{transition:transform .23s,box-shadow .23s,background .23s;background:linear-gradient(130deg,#125fce,#2189e6);border-color:#7cbfff;border-radius:13px}
.v19-button:focus-visible,.v20-scenario button:focus-visible{outline:3px solid #f5c976;outline-offset:3px}
.v19-hero-art.v20-hero-art{min-height:470px;max-width:none;position:relative;display:block;border:1px solid #51759888;border-radius:24px;overflow:hidden;background:#ddefff;box-shadow:0 36px 90px #0006,0 0 0 9px #cba95e0d}
.v20-hero-render{display:block;width:100%;height:470px;object-fit:cover;object-position:76% center}
.v20-hero-panel{position:absolute;left:20px;right:20px;bottom:20px;display:grid;gap:9px;background:#08152dde;backdrop-filter:blur(18px);border:1px solid #8cacd29e;border-radius:17px;padding:18px;color:#fff;box-shadow:0 15px 38px #051b4090}
.v20-hero-panel strong{font-size:1.05rem;line-height:1.35}.v20-hero-panel small{font-size:.67rem;color:#a5c3d8}.v20-hero-chips{display:flex;gap:8px;flex-wrap:wrap}.v20-hero-chips span{font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;border:1px solid #6596b9;color:#b9dafa;border-radius:999px;padding:5px 8px}
.v19-section:nth-of-type(2n){background:#eaf4fd}.v19-section h2{letter-spacing:-.045em}
/* Service discovery: bright editorial surface with navy type */
#services{background:linear-gradient(145deg,#fbfdff,#eaf5ff 65%,#fffaef);color:var(--v20-ink);border-color:var(--v20-border)}
#services h2,#services h3{color:var(--v20-ink)}#services p{color:#4a637b}#services .v19-section h2{color:var(--v20-ink)}#services .v19-section-head h2 em{background:linear-gradient(120deg,#155eb2,#996c2b);background-clip:text;-webkit-background-clip:text}
#services .v19-needs button{background:white;color:#17334e;border-color:#bed7eb;box-shadow:0 6px 16px #0a39620a;border-radius:14px}
#services .v19-needs button:hover,#services .v19-needs button[aria-pressed=true]{background:#0d59b5;color:#fff;border-color:#0d59b5}
.v20-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0 23px}
.v20-scenario{background:#fff;border:1px solid #c9dfef;border-radius:22px;padding:26px;box-shadow:0 17px 40px #245d8e13;transition:transform .25s,box-shadow .25s}
.v20-scenario:hover{transform:translateY(-5px);box-shadow:0 24px 44px #245d8e22}
.v20-scenario-icon{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(130deg,#082950,#196dcd);color:#fff;border:2px solid #ead49d;border-radius:14px;font-weight:900;font-size:1.2rem;margin-bottom:18px}
.v20-mini{font-size:.71rem;color:#8d692a;font-weight:850;letter-spacing:.12em}.v20-scenario h3{font-size:1.29rem;margin:10px 0}.v20-scenario p{min-height:78px;font-size:.9rem;margin-bottom:14px}
.v20-scenario button{border:0;background:transparent;color:#1559a9;font-weight:850;padding:8px 0;text-align:left}
#services .v19-match{background:#082e56;border-color:#184d7e;box-shadow:0 18px 35px #113a6a20}
#services .v19-match h3{color:#fff}#services .v19-match p{color:#c9e0f8}.v20-scope-note{font-size:.77rem;margin-top:8px!important}
/* Pricing: clean cards, real scope, clear budget ranges */
#pricing{background:#f6faff!important;color:#102747;border-bottom:1px solid #b9d0e7!important}
#pricing .kk18-header h2,#pricing .kk18-header p{color:#0d2949}#pricing .kk18-eyebrow{color:#986d28}
#pricing .kk18-price{border:1px solid #cbdff1;background:#fff;color:#0c2544;border-radius:21px;box-shadow:0 14px 33px #21487311;transition:transform .25s,box-shadow .25s,border-color .25s}
#pricing .kk18-price:hover{transform:translateY(-5px);box-shadow:0 25px 45px #14549c21;border-color:#80ace0}
#pricing .kk18-price.v19-picked{border-color:#1b6bd1;box-shadow:0 0 0 3px #1172e326}
#pricing .kk18-price h3{color:#0a2d56;font-size:1.09rem}#pricing .kk18-price>p{color:#426078;min-height:90px}
#pricing .kk18-price strong{color:#155caa}#pricing .kk18-price>a{color:#155ba9;font-weight:800}
#pricing .kk18-icon{background:linear-gradient(120deg,#125ba6,#103463);color:#fff;border-radius:11px}
#pricing .kk18-card-note{color:#537087}.v20-card-note{border-top:1px solid #dfecf6;padding-top:13px;margin-top:13px!important;font-size:.78rem;line-height:1.5!important;min-height:0!important}
#pricing .kk18-fine{color:#53687d}
.v20-investment{max-width:1200px;margin:58px auto 0;padding:30px;background:linear-gradient(140deg,#f9fcff,#eaf4ff);border:1px solid #bfd6ec;border-radius:25px;color:#0a294c;box-shadow:0 14px 35px #1b4f8010}
.v20-investment-heading h3{font-size:clamp(1.4rem,2.5vw,2.3rem);line-height:1.15;margin:13px 0}.v20-investment-heading p{color:#4b647b;max-width:850px}
.v20-invest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}
.v20-invest-option{display:grid;gap:7px;text-align:left;padding:16px 18px;background:#fff;color:#163752;border:1px solid #bdd7ed;border-radius:15px;transition:background .2s}
.v20-invest-option b{font-size:1.2rem}.v20-invest-option span{font-size:.79rem}.v20-invest-option[aria-pressed=true]{background:#0e3c73;color:#fff;border-color:#dbb774}
.v20-invest-result{border-radius:18px;background:#082744;padding:24px;color:#fff}.v20-invest-result>span{color:#cbb58c;font-size:.71rem;letter-spacing:.14em;font-weight:800}.v20-invest-result h4{font-size:1.6rem;margin:8px 0 10px}.v20-invest-result p{color:#cbdff4;max-width:790px}.v20-invest-result .v19-button{margin-top:15px}
.v20-included{display:flex;gap:8px;flex-wrap:wrap}.v20-included span{border:1px solid #3c76ae;background:#113f6a;padding:7px 11px;border-radius:100px;font-size:.74rem;color:#cfeaff}
/* Contract timeline with connector */
.v20-process{background:linear-gradient(130deg,#071b34,#0b2b55);color:#f3f9ff;padding:90px 0;border-bottom:1px solid #26476a}
.v20-process-intro{max-width:850px}.v20-process-intro h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.15;letter-spacing:-.05em;margin:15px 0}.v20-process em,.v20-demo-section em{font-style:normal;color:#f2cb8b}.v20-process-intro p{color:#c6d9ec;line-height:1.8}
.v20-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:35px}
.v20-timeline article{background:#0d355e;border:1px solid #477399;border-top:3px solid #ceaa63;border-radius:16px;padding:21px;position:relative}.v20-timeline article>span{font-weight:900;letter-spacing:.13em;font-size:.66rem;color:#e3ba75}.v20-timeline h3{font-size:1.12rem;color:#fff;margin:15px 0 9px}.v20-timeline p{font-size:.82rem;line-height:1.7;color:#c4d8ed}
.v20-process-bottom{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-top:30px;border-top:1px solid #3b6289;padding-top:25px}.v20-process-bottom>div:first-child{display:grid;gap:8px;max-width:485px}.v20-process-bottom b{color:#fff}.v20-process-bottom span{color:#b4d0e6;font-size:.82rem;line-height:1.65}.v20-process-actions{display:flex;gap:11px;flex-wrap:wrap}
/* Editorial light-blue about / demos */
#about{background:#f4f9ff;border-color:#d5e3ef}#about h2{color:#0a2e50}#about p{color:#456078}#about .v19-pill-row span{color:#fff}
.v20-honest-proof{font-size:.8rem;border-left:3px solid #c59b4b;padding-left:14px}
#v19-videos{background:#f9fbff;color:#071c38}#v19-videos h2{color:#0a3156}#v19-videos .v19-section-head p{color:#46627c}
#v19-videos .v19-clip{background:#fff;border-color:#d5e3f2;box-shadow:0 19px 38px #0939681c;border-radius:20px;padding-bottom:18px;transition:transform .25s}#v19-videos .v19-clip:hover{transform:translateY(-5px)}#v19-videos .v19-clip h3{color:#142b46;font-size:1.2rem}#v19-videos .v19-clip p{color:#5b7186}
.v20-video-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:32px}.v20-video-links .v19-button-light{background:#fff;color:#154d90;border-color:#abc8e3}
.v20-demo-section{background:linear-gradient(135deg,#08213d,#123e68);padding:96px 0}.v20-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.v20-demo-grid h2{font-size:clamp(2.2rem,3.4vw,3.5rem);margin:15px 0;line-height:1.14}.v20-demo-grid p{color:#c4d9e9;line-height:1.85}.v20-demo-points{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 27px}.v20-demo-points span{font-size:.77rem;border:1px solid #44749d;border-radius:100px;padding:8px 12px;color:#fff}
.v20-demo-visual{min-height:330px;background:linear-gradient(150deg,#eff8ff,#d6eafa);color:#0b2c4b;border-radius:23px;border:8px solid #183d64;box-shadow:0 38px 80px #0007;transform:perspective(1000px) rotateY(-5deg);padding:22px}
.v20-demo-top{display:flex;gap:6px;align-items:center;padding-bottom:22px;border-bottom:1px solid #c2d8ec}.v20-demo-top i{width:8px;height:8px;background:#d2ad64;border-radius:100%}.v20-demo-top>span{margin-left:auto;font-size:.67rem;letter-spacing:.12em;font-weight:900}
.v20-demo-stat{display:grid;gap:8px;margin:26px 0}.v20-demo-stat b{color:#7b94a9}.v20-demo-stat strong{font-size:1.5rem}.v20-demo-bars{display:flex;gap:10px;align-items:end;height:105px}.v20-demo-bars span{flex:1;background:linear-gradient(#1f86df,#0a3a74);border-radius:8px 8px 0 0;height:65%}.v20-demo-bars span:nth-child(2){height:84%}.v20-demo-bars span:nth-child(3){height:45%}.v20-demo-bars span:nth-child(4){height:94%}.v20-demo-bars span:nth-child(5){height:50%}.v20-demo-bars span:nth-child(6){height:75%}.v20-demo-bars span:nth-child(7){height:62%}.v20-demo-small{display:flex;gap:8px;justify-content:space-around;flex-wrap:wrap;margin-top:19px}.v20-demo-small span{background:#fff;border:1px solid #bad6ec;border-radius:8px;font-weight:750;font-size:.74rem;padding:10px}
.v19-footer-grid{grid-template-columns:1.5fr repeat(4,1fr)}.v20-footer-extra{gap:13px}
/* Standalone pages */
.v20-standalone{background:linear-gradient(145deg,#07142b,#0c2a4d);color:#f5fbff;min-height:100vh}
.v20-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px max(28px,calc((100vw - 1200px)/2));background:#071a31;border-bottom:1px solid #365b7c;position:sticky;z-index:20;top:0}
.v20-home{display:flex;gap:10px;align-items:center;text-decoration:none;white-space:nowrap}.v20-home img{width:40px;height:40px;object-fit:contain}.v20-home b{color:#fff;letter-spacing:.14em}
.v20-page-header nav{display:flex;gap:20px;flex-wrap:wrap}.v20-page-header nav a{color:#c7def4;text-decoration:none;font-size:.87rem;font-weight:750}
.v20-page-main{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:72px 0 120px}
.v20-page-main h1{font-size:clamp(2.6rem,5.5vw,5rem);line-height:1.13;letter-spacing:-.056em;max-width:930px;margin:17px 0}.v20-page-main h1 em{color:#f0cb87;font-style:normal}.v20-page-eyebrow{color:#e0b96d;font-size:.75rem;letter-spacing:.2em;font-weight:850}
.v20-page-lead{max-width:820px;line-height:1.85;color:#bdd4e7;font-size:1.05rem;margin-bottom:35px}
.v20-full-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.v20-full-video{border:1px solid #4a708c;background:#092745;border-radius:18px;overflow:hidden;padding-bottom:20px}.v20-full-video video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;background:#020913}.v20-full-video h2{margin:16px 17px 7px;color:#fff;font-size:1.14rem}.v20-full-video p{margin:0 17px;color:#a7c3df;font-size:.76rem;line-height:1.65}
.v20-cta-bar{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}.v20-process-document{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.v20-process-document section{border:1px solid #3c6588;background:#0c2b4d;padding:28px;border-radius:19px}.v20-process-document section b{color:#e5c17f;letter-spacing:.12em}.v20-process-document h2{margin:14px 0 10px;font-size:1.26rem}.v20-process-document p{color:#bbd4e6;line-height:1.8;font-size:.92rem}
.v20-contract-example{border:1px solid #84a3bd;border-radius:20px;background:#eef7ff;color:#0b3154;padding:28px;margin-top:34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.v20-contract-example h2{margin:10px 0}.v20-contract-example p{color:#37536c}.v20-contract-example>div:last-child{display:flex;gap:12px;flex-wrap:wrap}.v20-disclaimer{color:#a8c2da;line-height:1.8;font-size:.79rem}
/* Hotel app concept: original front-end interaction */
.v20-app-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.v20-app-heading h1{font-size:clamp(2.5rem,4.4vw,4.5rem)}
.v20-app-frame{display:grid;grid-template-columns:240px minmax(0,1fr);background:#ecf5fd;color:#12304a;border:1px solid #97bfdd;border-radius:25px;overflow:hidden;min-height:570px;box-shadow:0 35px 78px #0006}
.v20-app-aside{background:#061f39;color:white;padding:26px 19px;display:flex;flex-direction:column;gap:12px}.v20-app-logo{font-size:1.35rem;font-weight:900;margin-bottom:30px;letter-spacing:.12em}.v20-app-logo span{font-size:.54rem;display:block;margin-top:7px;color:#9cbddd}.v20-app-aside button{border:1px solid #345f87;border-radius:10px;padding:13px 17px;background:#0c3156;color:#d9e9fa;text-align:left}.v20-app-aside button[aria-pressed=true]{background:#2974c4;color:#fff;border-color:#9ac7ef}.v20-app-aside p{margin-top:auto;font-size:.73rem;color:#8db1d5}
.v20-app-content{padding:30px;min-width:0}.v20-app-bar{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:.8rem;color:#66859f;border-bottom:1px solid #c8dce9;padding-bottom:19px}.v20-app-live{color:#2269b4;white-space:nowrap;font-weight:900;font-size:.66rem}
.v20-app-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.v20-app-card{border-radius:14px;padding:19px;border:1px solid #c4dced;background:#fff}.v20-app-card span{color:#53708a;font-size:.79rem}.v20-app-card strong{display:block;margin-top:9px;font-size:1.7rem;color:#134476}
.v20-app-data{background:#fff;border-radius:15px;border:1px solid #d3e4ed;padding:21px;overflow:auto}.v20-app-data h2{font-size:1.3rem;margin:4px 0 12px;color:#123554}.v20-app-data p{color:#56728a;line-height:1.7}.v20-app-table{width:100%;border-collapse:collapse;font-size:.89rem;min-width:390px}.v20-app-table th,.v20-app-table td{text-align:left;border-bottom:1px solid #e3eef6;padding:12px 7px}.v20-app-table th{color:#446584;font-size:.75rem}.v20-app-table select{border:1px solid #abcce5;background:#f5fbff;color:#133451;border-radius:7px;padding:8px}.v20-app-pill{border-radius:20px;background:#dceeff;padding:6px 11px;color:#0c57a2;font-size:.74rem;white-space:nowrap}
.v20-app-action{background:#1166ba;border:0;color:#fff;border-radius:10px;padding:11px 15px;font-weight:750;margin:13px 0}.v20-app-action:hover{background:#064b8d}.v20-app-scope{border:1px solid #456c92;border-radius:18px;background:#0c2a48;padding:28px;margin-top:27px}.v20-app-scope h2{margin:0 0 8px}.v20-app-scope p{color:#c6d7e8;line-height:1.75}
@media(max-width:1180px){.v19-nav-links{gap:8px}.v19-nav-links>a{font-size:.74rem}.v20-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.v19-footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:930px){.v19-hero-grid,.v20-demo-grid{grid-template-columns:1fr}.v19-hero-grid{min-height:0;padding:54px 0 90px}.v20-hero-art.v19-hero-art{min-height:390px;max-width:700px;width:100%;margin:20px 0}.v20-hero-render{height:390px}.v20-scenario-grid{grid-template-columns:1fr 1fr}.v20-timeline{grid-template-columns:repeat(2,1fr)}.v20-process-bottom{flex-direction:column;align-items:stretch}.v20-full-video-grid{grid-template-columns:repeat(2,1fr)}.v20-app-heading{display:block}.v19-nav-links>a{font-size:.9rem}}
@media(max-width:680px){.v20-scenario-grid,.v20-invest-grid,.v20-timeline,.v20-full-video-grid,.v20-process-document{grid-template-columns:1fr}.v20-scenario p{min-height:0}.v19-copy h1{font-size:clamp(2.25rem,9vw,3.3rem)}.v19-copy h1 br{display:none}.v19-copy h1 span{display:block}.v19-hero-grid{padding-top:36px}.v19-hero-art.v20-hero-art{min-height:300px}.v20-hero-render{height:315px}.v20-hero-panel{left:10px;right:10px;bottom:10px;padding:12px}.v20-hero-panel strong{font-size:.9rem}.v20-hero-index{font-size:.73rem}.v20-process{padding:62px 0}.v20-demo-visual{transform:none;min-height:280px}.v20-demo-grid{gap:32px}.v20-process-actions,.v20-video-links{flex-direction:column}.v20-process-actions>a,.v20-video-links>a{width:100%}.v20-investment{padding:20px}.v20-page-header{position:relative;display:block;padding:15px 18px}.v20-page-header nav{margin-top:13px;gap:10px 19px}.v20-page-main{padding:48px 0 70px}.v20-app-frame{display:block}.v20-app-aside{flex-direction:row;flex-wrap:wrap;gap:7px;padding:15px}.v20-app-logo{width:100%;margin:0 0 5px}.v20-app-aside button{padding:10px 12px;font-size:.8rem}.v20-app-aside p{width:100%}.v20-app-content{padding:14px}.v20-app-cards{grid-template-columns:1fr 1fr}.v20-app-bar{display:block}.v20-contract-example{display:block}.v20-contract-example>div:last-child{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}