.klikops-page .hero{padding-bottom:40px}.klikops-page h1{font-size:clamp(46px,5.4vw,84px);line-height:1}.klikops-page h1 em{color:var(--amber);font-style:normal}.klikops-page .hero-aside{max-width:480px}.klikops-page .hero-aside .button{margin-top:24px}
.ko-link{display:inline-flex;gap:8px;align-items:center;min-height:44px;margin-top:8px;color:#d1d6c9;text-decoration:underline;text-underline-offset:4px}.ko-hero-shot{margin:48px 0 0}.ko-hero-shot figcaption{margin-top:12px;font-size:14px;color:#bdc5b9}
.ko-window{border-radius:12px;overflow:hidden;background:#f4f3ef;box-shadow:0 18px 50px #0007}.ko-window img,.ko-phone img{display:block;width:100%;height:auto}.ko-phone{border-radius:30px;overflow:hidden;background:#f4f3ef;border:7px solid #232722;box-shadow:0 18px 50px #0007}
.ko-demo{margin:28px 0 0}.ko-stage{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#1a2530}.ko-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:3%;visibility:hidden}.ko-scene:first-child,.ko-scene.is-on{visibility:visible}.js-ko .ko-scene:first-child:not(.is-on){visibility:hidden}.ko-scene .ko-phone{height:100%;width:auto;aspect-ratio:640/1385}.ko-scene .ko-phone img{height:100%;width:auto}.ko-scene .ko-window{max-height:100%;width:auto;height:100%;aspect-ratio:16/10}.ko-scene .ko-window img{height:100%;width:auto}
.ko-pill{position:absolute;top:18px;left:18px;z-index:2;padding:7px 12px;border-radius:99px;font:500 12px/1.2 'IBM Plex Mono',monospace;letter-spacing:1px;background:#0a0c0a;color:#f4f3ef}.ko-pill:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--amber)}.ko-pill.online:before{background:#3fbf7f}
.ko-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ko-steps button{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;min-height:44px;padding:14px;text-align:left;font:inherit;color:#d1d6c9;background:none;border:0;border-top:2px solid #4e5445;cursor:pointer}.ko-steps button[aria-current=step]{border-top-color:var(--amber);color:#f4f3ef}.ko-steps .number{display:block;font:500 12px 'IBM Plex Mono',monospace;margin-bottom:6px}.ko-steps strong{display:block;font-size:17px;line-height:1.25;margin-bottom:5px}.ko-steps small{display:block;font-size:14px;line-height:1.4;color:#bdc5b9}
.ko-duo,.ko-modules{padding-top:70px;padding-bottom:50px}.ko-duo h2,.ko-modules h2{margin:18px 0 28px}.ko-duo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:44px;align-items:start}.ko-duo-phone .ko-phone{max-width:280px}.ko-duo-grid h3{font:600 28px 'Barlow Condensed',sans-serif;margin:20px 0 8px}.ko-duo-grid p{color:#bdc5b9;line-height:1.55}
.ko-lead{max-width:640px;font-size:19px;line-height:1.55;color:#bdc5b9;margin-top:-12px}.ko-module{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;align-items:center;padding:46px 0}.ko-module:nth-of-type(even){grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.ko-module:nth-of-type(even) .ko-module-text{order:2}.ko-module-text>img{display:block;margin-bottom:16px;border-radius:12px}.ko-module h3{font:700 clamp(30px,3vw,42px)/1.05 'Barlow Condensed',sans-serif;margin:8px 0 12px}.ko-module p{font-size:18px;line-height:1.55;color:#d1d6c9}.ko-module ul{margin:16px 0 0;padding:0;list-style:none}.ko-module li{padding:7px 0 7px 18px;position:relative;color:#bdc5b9;line-height:1.4}.ko-module li:before{content:"";position:absolute;left:0;top:14px;width:7px;height:7px;background:var(--amber)}
.ko-map-shot{margin:0}.ko-map-shot figcaption{margin-top:8px;font-size:12px;color:#9aa296}.klikops-page .availability .button{max-width:310px;min-width:260px}
@media(max-width:800px){.ko-stage{aspect-ratio:4/5}.ko-scene{padding:54px 3% 3%}.ko-pill{top:12px;left:12px}.ko-scene .ko-window{height:auto;width:100%;aspect-ratio:auto}.ko-scene .ko-window img{width:100%;height:auto}.ko-steps{grid-template-columns:1fr 1fr}.ko-duo-grid,.ko-module,.ko-module:nth-of-type(even){grid-template-columns:1fr;gap:24px}.ko-module:nth-of-type(even) .ko-module-text{order:0}.ko-module{padding:30px 0}.ko-duo-phone .ko-phone{max-width:230px}}
.ko-second-heading{margin-top:clamp(64px,8vw,112px)}
.ko-map-inner{position:absolute;inset:0}.ko-map-frame{position:absolute;inset:0;width:100%;height:100%}.ko-map-view{position:absolute;left:17.7778%;top:20.8889%;width:80.8333%;height:68.8889%;overflow:hidden;border-radius:clamp(6px,.85vw,12px);background:#1a2530}
.ko-map-layer{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform-origin:49.914% 49.839%;will-change:transform,opacity}.ko-map-controls{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ko-map-tip{position:absolute;left:49.914%;top:48.6%;width:12.95%;height:auto;transform:translate(-50%,-100%)}
.ko-map-pulse{position:absolute;left:49.914%;top:49.839%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2px solid #fff;visibility:hidden;opacity:0}
.ko-map-cursor{position:absolute;left:49.914%;top:49.839%;visibility:hidden;opacity:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.ko-map-ficha{position:absolute;top:0;right:0;bottom:0;width:36.111%;overflow:hidden;background:#f4f3ef;box-shadow:-14px 0 34px rgba(0,0,0,.28)}.ko-map-ficha img{display:block;width:100%;height:auto}
@media(max-width:800px){.ko-map-frame,.ko-map-controls{display:none}.ko-map-view{left:0;top:0;width:100%;height:100%;border-radius:0}.ko-map-tip{width:32%}.ko-map-ficha{width:88%}}