/* Krovio editorial public site, intentionally scoped so auth and app logic remain intact. */
:root{--kv-navy:#18283e;--kv-ink:#172337;--kv-muted:#66768b;--kv-line:#e3e8ef;--kv-bg:#f6f8fb;--kv-white:#fff;--kv-blue:#3269ee;--kv-green:#098e68;--kv-red:#dc435c;--kv-orange:#db871b;--kv-violet:#7756d8}
.krovio-public{margin:0;background:#fff;color:var(--kv-ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
.krovio-public *{box-sizing:border-box}
.krovio-public .kv-shell{width:min(1336px,calc(100% - 88px));max-width:none;margin-inline:auto}
.krovio-public .kv-header{height:82px;position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);border-bottom:1px solid #e8edf2;backdrop-filter:blur(12px)}
.krovio-public .kv-header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;height:100%}
.krovio-public .kv-brand{display:flex;align-items:center;flex:none}.krovio-public .kv-brand img{display:block;width:100px;height:auto;max-height:58px;object-fit:contain}
.krovio-public .kv-desktop-nav,.krovio-public .kv-header-right{display:flex;align-items:center;gap:27px}
.krovio-public .kv-desktop-nav a,.krovio-public .kv-header-login{font-size:13px;font-weight:650;color:#27364a;text-decoration:none;white-space:nowrap}.krovio-public .kv-desktop-nav a:hover,.krovio-public .kv-header-login:hover{color:#3269ee}
.krovio-public .kv-header-right{gap:18px}.krovio-public .kv-language{display:flex;gap:3px;background:#f4f6f9;border:1px solid var(--kv-line);border-radius:10px;padding:4px}
.krovio-public .kv-language a{font-size:11px;color:#69788b;text-decoration:none;padding:6px 7px;border-radius:7px;font-weight:700}.krovio-public .kv-language a.is-active{background:#fff;color:#172337;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.krovio-public .kv-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;text-decoration:none;border:1px solid var(--kv-navy);border-radius:11px;min-height:47px;padding:12px 20px;font:700 13px/1.3 Inter,system-ui,sans-serif;letter-spacing:0;box-shadow:none;transition:background .15s,color .15s,border-color .15s;cursor:pointer}
.krovio-public .kv-button svg{height:17px;width:17px}.krovio-public .kv-button-primary{background:var(--kv-navy);color:#fff}.krovio-public .kv-button-primary:hover{background:#293d59;color:#fff}
.krovio-public .kv-button-outline{background:#fff;color:var(--kv-navy);border-color:#cfd9e5}.krovio-public .kv-button-outline:hover{background:#f7f9fc;color:var(--kv-navy)}
.krovio-public .kv-button-light{background:#fff;color:var(--kv-navy);border-color:#fff}.krovio-public .kv-button-light:hover{background:#f0f3f9;color:var(--kv-navy)}
.krovio-public .kv-menu-trigger,.krovio-public .kv-mobile-menu{display:none}
.krovio-public .kv-home{overflow:hidden}.krovio-public .kv-eyebrow{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#647792}
.krovio-public .kv-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:7%;min-height:625px;padding-block:86px 90px}
.krovio-public .kv-hero-copy{max-width:670px}.krovio-public .kv-hero h1{margin:23px 0 22px;font-size:clamp(45px,4.8vw,76px);font-weight:800;line-height:1.09;letter-spacing:-.062em;color:#152238}.krovio-public .kv-hero h1 span{color:#334b6c}
.krovio-public .kv-hero-copy>p{max-width:525px;font-size:17px;line-height:1.65;color:#637287;margin:0 0 27px}
.krovio-public .kv-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.krovio-public .kv-trust{margin-top:36px;display:flex;align-items:center;gap:11px;color:#8795a6;font-size:12px;font-weight:600}.krovio-public .kv-trust svg{width:18px;height:18px;stroke:#667a94}
/* The product interface is an intentionally labeled illustration, no fabricated results or fake customer screenshot. */
.krovio-public .kv-hero-scene{border:1px solid #dce5ef;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 22px 75px rgba(26,43,66,.08);transform:rotate(-1deg)}
.krovio-public .kv-scene-top{padding:21px 25px;display:flex;align-items:center;justify-content:space-between;background:#18283e}.krovio-public .kv-scene-label{letter-spacing:.11em;font-size:10px;font-weight:750;color:#eef2fb}.krovio-public .kv-scene-dot{width:9px;height:9px;border-radius:50%;background:#7bd2b0}
.krovio-public .kv-scene-head{padding:25px 28px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.krovio-public .kv-scene-building{font-size:19px;font-weight:800;letter-spacing:-.035em}.krovio-public .kv-scene-chip{background:#eef3f9;border-radius:9px;padding:7px 13px;font-weight:850;font-size:17px}
.krovio-public .kv-scene-main{padding:0 28px 26px}.krovio-public .kv-scene-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.krovio-public .kv-scene-stats>div{border:1px solid #e2e8f1;border-radius:13px;padding:19px}.krovio-public .kv-scene-stats small{font-size:26px;font-weight:850;display:block;letter-spacing:-.04em}.krovio-public .kv-scene-stats span{font-size:12px;color:#75859a;display:block;margin-top:5px}
.krovio-public .kv-scene-events{border:1px solid #e2e8f1;border-radius:13px;overflow:hidden}.krovio-public .kv-scene-events>div{display:flex;align-items:center;gap:13px;padding:13px 16px;border-bottom:1px solid #ecf0f5}.krovio-public .kv-scene-events>div:last-child{border-bottom:0}.krovio-public .kv-event-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;flex:none}.krovio-public .kv-event-icon svg{width:19px;height:19px}.krovio-public .kv-event-blue{background:#edf3ff;color:#3168e4}.krovio-public .kv-event-green{background:#e7f7f1;color:#098e68}.krovio-public .kv-event-red{background:#ffedf0;color:#db4359}.krovio-public .kv-scene-events span{font-size:13px;font-weight:700;flex:1}.krovio-public .kv-scene-events em{font-size:11px;font-style:normal;color:#9aa7b8}.krovio-public .kv-scene-foot{background:#f5f7fa;border-top:1px solid #e9edf4;display:flex;justify-content:space-between;color:#718199;font-size:11px;padding:14px 28px}
.krovio-public .kv-section{padding-block:92px}.krovio-public .kv-section-title{max-width:680px;margin-bottom:28px}.krovio-public .kv-section h2,.krovio-public .kv-cta h2{font-size:clamp(32px,3.5vw,49px);letter-spacing:-.055em;line-height:1.14;font-weight:800;margin:13px 0 0;color:#172337}
.krovio-public .kv-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.krovio-public .kv-tone-blue{--kv-accent:#3169ed;--kv-soft:#ecf2ff}.krovio-public .kv-tone-green{--kv-accent:#078c66;--kv-soft:#e7f8f0}.krovio-public .kv-tone-red{--kv-accent:#e0445b;--kv-soft:#ffeff2}.krovio-public .kv-tone-orange{--kv-accent:#e28c20;--kv-soft:#fff3e4}.krovio-public .kv-tone-violet{--kv-accent:#7352da;--kv-soft:#f1edff}
.krovio-public .kv-audience-card{background:#fff;border:1px solid #e1e7ef;border-radius:17px;min-height:280px;display:flex;flex-direction:column;padding:30px;transition:transform .15s,border-color .15s}.krovio-public .kv-audience-card:hover{transform:translateY(-2px);border-color:#bdcde1}
.krovio-public .kv-card-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:var(--kv-soft);color:var(--kv-accent)}.krovio-public .kv-card-icon svg{width:26px;height:26px}
.krovio-public .kv-audience-card h3{font-size:24px;line-height:1.2;font-weight:780;letter-spacing:-.035em;margin:25px 0 9px}.krovio-public .kv-audience-card p{font-size:14px;color:#66768b;line-height:1.65;max-width:330px;margin:0 0 22px}
.krovio-public .kv-card-link{margin-top:auto;display:inline-flex;gap:11px;align-items:center;color:#18283e;font-size:13px;font-weight:800;text-decoration:none}.krovio-public .kv-card-link svg{width:16px;height:16px}.krovio-public .kv-card-link:hover{color:#3269ee}
.krovio-public .kv-features{background:#f7f9fb;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.krovio-public .kv-feature-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:65px;align-items:end;margin-bottom:34px}.krovio-public .kv-feature-intro h2{max-width:630px}.krovio-public .kv-feature-intro>p{max-width:390px;margin:0;color:#65758a;font-size:15px;line-height:1.7}
.krovio-public .kv-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.krovio-public .kv-feature-item{padding:24px;border:1px solid #e1e7ee;border-radius:16px;background:#fff;min-height:234px}.krovio-public .kv-feature-item .kv-card-icon{width:46px;height:46px;border-radius:13px}.krovio-public .kv-feature-item .kv-card-icon svg{width:23px;height:23px}.krovio-public .kv-feature-item strong{display:block;font-size:16px;font-weight:800;line-height:1.3;margin-top:25px}.krovio-public .kv-feature-item p{font-size:13px;line-height:1.6;margin:10px 0 0;color:#6a7b8f}
.krovio-public .kv-kiosk{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.krovio-public .kv-kiosk-copy h2{max-width:560px}.krovio-public .kv-kiosk-copy p{max-width:480px;color:#6b788b;font-size:16px;line-height:1.7;margin:22px 0 28px}.krovio-public .kv-kiosk-panel{background:#f5f7fb;border:1px solid #dfe7f2;border-radius:26px;padding:27px 28px}.krovio-public .kv-kiosk-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:#74849a;letter-spacing:.12em;font-size:11px;font-weight:750}.krovio-public .kv-kiosk-top strong{color:#152238}.krovio-public .kv-kiosk-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.krovio-public .kv-kiosk-tile{border-radius:15px;background:var(--kv-soft);border:1px solid color-mix(in srgb,var(--kv-accent) 18%,#fff);min-height:115px;display:flex;gap:12px;padding:15px;align-items:center}.krovio-public .kv-kiosk-icon{display:grid;place-items:center;border-radius:12px;width:43px;height:43px;background:#ffffffb8;color:var(--kv-accent);flex:none}.krovio-public .kv-kiosk-icon svg{width:24px;height:24px}.krovio-public .kv-kiosk-tile strong{font-size:13px;line-height:1.4;font-weight:780}
.krovio-public .kv-process{padding-top:72px}.krovio-public .kv-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.krovio-public .kv-process-grid>article{padding:23px 22px;border-top:2px solid #d7dfe9}.krovio-public .kv-process-number{font-size:12px;font-weight:800;color:#7c8da3;display:block;margin-bottom:22px}.krovio-public .kv-process-grid strong{display:block;font-size:17px;font-weight:800;margin-bottom:9px}.krovio-public .kv-process-grid p{font-size:13px;color:#738297;line-height:1.6;margin:0}
.krovio-public .kv-cta{background:#18283e;border-radius:20px;padding:58px 66px;display:flex;align-items:center;justify-content:space-between;gap:38px;margin-bottom:105px}.krovio-public .kv-cta .kv-eyebrow{color:#b6c8e4}.krovio-public .kv-cta h2{color:#fff;max-width:650px;margin-top:10px}.krovio-public .kv-cta p{margin:12px 0 0;color:#c0cee1;font-size:15px}.krovio-public .kv-cta .kv-button{flex:none}
.krovio-public .kv-footer{background:#101b2a;color:#fff;padding:65px 0 22px}.krovio-public .kv-footer-top{display:flex;justify-content:space-between;gap:80px;padding-bottom:70px}.krovio-public .kv-footer-brand img{width:115px;height:auto;display:block}.krovio-public .kv-footer-brand p{max-width:310px;color:#bac7d8;font-size:14px;line-height:1.7;margin:16px 0 0}.krovio-public .kv-footer-links{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:85px}.krovio-public .kv-footer-links>div{display:flex;flex-direction:column;gap:13px}.krovio-public .kv-footer-links strong{text-transform:uppercase;color:#8596ad;letter-spacing:.13em;font-size:11px;margin-bottom:6px}.krovio-public .kv-footer-links a{color:#e3eaf3;text-decoration:none;font-size:13px}.krovio-public .kv-footer-links a:hover{color:#fff;text-decoration:underline}.krovio-public .kv-footer-bottom{border-top:1px solid #2b3a4b;padding-top:21px;display:flex;justify-content:space-between;color:#8f9fb3;font-size:11px}
/* Account UI shares the precise two-button contract, without altering action selectors. */
.krovio-app-body :where(.button-primary,.kfc-btn,.krovio-ms-button,.kb-button,.k3-form-actions button[type=submit],.k3-profile-form button[type=submit]){border-radius:11px!important;min-height:44px!important;padding:10px 18px!important;font-family:Inter,system-ui,sans-serif!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important;background-image:none!important}
.krovio-app-body :where(.button-primary,.kfc-btn,.krovio-ms-button,.kb-button,.k3-form-actions button[type=submit],.k3-profile-form button[type=submit]):not(:disabled){background:#18283e!important;border:1px solid #18283e!important;color:#fff!important}
.krovio-app-body :where(.button-secondary,.k3-secondary-link,.k3-add-building){border-radius:11px!important;min-height:44px!important;padding:10px 17px!important;border:1px solid #d8e1ec!important;background:#fff!important;color:#18283e!important;font-weight:700!important;box-shadow:none!important}
/* Flat neutral controls rather than multiple old button-like gradients. */
.krovio-app-body :where(.krovio-ms-card,.kb-preview,.krovio-next-pair,.app-card,.kfc-metric){background-image:none!important;box-shadow:none!important}
.krovio-app-body :where(.k4-step,.k4-feature,.k4-demo-tile){box-shadow:none!important}
@media(max-width:1260px){.krovio-public .kv-desktop-nav{gap:15px}.krovio-public .kv-language{gap:0}.krovio-public .kv-header-inner{gap:16px}.krovio-public .kv-header-right{gap:12px}}
@media(max-width:1060px){.krovio-public .kv-shell{width:min(100% - 48px,1336px)}.krovio-public .kv-desktop-nav,.krovio-public .kv-header-right{display:none}.krovio-public .kv-menu-trigger{display:flex;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center;background:#fff;border:1px solid #e1e6ee;border-radius:10px}.krovio-public .kv-menu-trigger span{width:18px;height:2px;background:#172337;border-radius:2px}.krovio-public .kv-mobile-menu.is-open{display:flex;flex-direction:column;gap:0;background:#fff;box-shadow:0 14px 23px rgba(0,0,0,.06);padding:8px 24px 21px;border-bottom:1px solid #e6ebf2}.krovio-public .kv-mobile-menu>a{padding:13px 4px;color:#172337;text-decoration:none;font-size:14px;font-weight:650;border-bottom:1px solid #f0f2f5}.krovio-public .kv-mobile-lang{display:flex;gap:18px;margin-top:16px}.krovio-public .kv-mobile-lang a{color:#18283e;text-decoration:none;font-weight:700}.krovio-public .kv-hero{gap:32px;min-height:550px}.krovio-public .kv-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.krovio-public .kv-feature-item{min-height:190px}}
@media(max-width:760px){.krovio-public .kv-shell{width:calc(100% - 36px)}.krovio-public .kv-header{height:68px}.krovio-public .kv-brand img{width:92px}.krovio-public .kv-hero{grid-template-columns:1fr;padding-block:64px 55px;min-height:0}.krovio-public .kv-hero h1{font-size:clamp(41px,10vw,60px)}.krovio-public .kv-hero-copy>p{font-size:15px}.krovio-public .kv-hero-scene{transform:none;max-width:550px}.krovio-public .kv-section{padding-block:70px}.krovio-public .kv-audience-grid{grid-template-columns:1fr}.krovio-public .kv-audience-card{min-height:220px;padding:25px}.krovio-public .kv-audience-card h3{margin-top:17px}.krovio-public .kv-feature-intro{grid-template-columns:1fr;gap:17px}.krovio-public .kv-feature-intro>p{max-width:none}.krovio-public .kv-kiosk{grid-template-columns:1fr;gap:35px}.krovio-public .kv-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.krovio-public .kv-cta{margin-bottom:65px;flex-direction:column;align-items:flex-start;padding:38px 30px}.krovio-public .kv-footer-top{flex-direction:column;gap:40px}}
@media(max-width:490px){.krovio-public .kv-hero-actions{flex-direction:column;align-items:stretch}.krovio-public .kv-hero-actions .kv-button{width:100%}.krovio-public .kv-section h2{font-size:34px}.krovio-public .kv-feature-grid{grid-template-columns:1fr}.krovio-public .kv-feature-item{min-height:0}.krovio-public .kv-kiosk-panel{padding:14px}.krovio-public .kv-kiosk-grid{gap:8px}.krovio-public .kv-kiosk-tile{padding:11px;min-height:106px;flex-direction:column;align-items:flex-start}.krovio-public .kv-process-grid{grid-template-columns:1fr}.krovio-public .kv-process-grid>article{padding:18px 0}.krovio-public .kv-footer-links{gap:22px;grid-template-columns:1fr 1fr}.krovio-public .kv-footer-bottom{gap:17px}.krovio-public .kv-scene-main{padding-inline:16px}.krovio-public .kv-scene-head{padding-inline:16px}}
[dir=rtl] .kv-hero-scene{transform:none}[dir=rtl] .kv-kiosk-copy,[dir=rtl] .kv-footer-brand{text-align:right}
@media(prefers-reduced-motion:reduce){.krovio-public .kv-button,.krovio-public .kv-audience-card{transition:none}}