/* Krovio editorial workspace – original layout inspired by purposeful, calm productivity tools. */
:root{--kn-ink:#17243a;--kn-navy:#17263c;--kn-muted:#677184;--kn-line:#e5e7e9;--kn-paper:#fff;--kn-soft:#f7f7f5;--kn-blue:#3566d7;--kn-green:#008f73;--kn-red:#db3c50;--kn-orange:#bd7b15;--kn-purple:#7158b8;--kn-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
html{scroll-behavior:smooth}body.krovio-public{background:#fff;color:var(--kn-ink)}.kn-site,.kn-site *{box-sizing:border-box}.kn-site{font-family:var(--kn-font);overflow:hidden}.kn-wrap{max-width:1190px;margin-inline:auto;padding-inline:28px}.kn-eyebrow{font-size:12px;line-height:1.4;font-weight:750;letter-spacing:.12em;color:#6d7584;text-transform:uppercase}.kn-site h1,.kn-site h2,.kn-site h3{font-family:var(--kn-font);color:#131e2e;letter-spacing:-.052em;margin:0;font-weight:780}.kn-site p{line-height:1.6;margin:0;color:#586477}.kn-site a{text-decoration:none}.kn-site svg{width:20px;height:20px;flex:none}.kn-site .kn-btn{min-height:45px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;font-size:14px;font-weight:750;letter-spacing:-.015em;white-space:nowrap;transition:transform .18s,background .18s,box-shadow .18s}.kn-site .kn-btn svg{width:16px;height:16px}.kn-site .kn-btn:hover{transform:translateY(-2px)}.kn-btn-dark{background:#17263c;color:white!important;border:1px solid #17263c}.kn-btn-dark:hover{background:#273c58;box-shadow:0 10px 22px #17263c18}.kn-btn-line{background:#fff;color:#17263c!important;border:1px solid #cfd6de}.kn-btn-line:hover{background:#f6f7f8}.kn-hero{text-align:center;padding-top:105px;padding-bottom:79px}.kn-hero h1{font-size:clamp(47px,6.3vw,86px);line-height:1.06;max-width:930px;margin:22px auto 24px;text-wrap:balance}.kn-hero>p:not(.kn-hero-footnote){max-width:680px;margin:auto;font-size:19px;line-height:1.62}.kn-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.kn-hero-footnote{font-size:12px!important;color:#929aa3!important;margin-top:24px!important}.kn-product-section{background:#f8f8f6;border-top:1px solid #f0f0ed;border-bottom:1px solid var(--kn-line);padding-block:70px 76px}.kn-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.kn-section-heading h2{font-size:clamp(31px,3.7vw,48px);margin-top:12px}.kn-demo-note{color:#8a92a0;font-size:12px}.kn-product{border-radius:14px;overflow:hidden;background:#fff;border:1px solid #dcdfe2;box-shadow:0 22px 55px #1c2b4020;display:grid;grid-template-columns:217px 1fr;min-height:492px}.kn-product-side{background:#f9f9f8;border-right:1px solid #e8e8e6;padding:22px 14px;display:flex;flex-direction:column}.kn-sidebar-mark{font-size:23px;font-weight:800;letter-spacing:-.05em;padding:0 10px 28px;color:#17263c}.kn-workspace-label{font-weight:700;color:#9b9fa6;font-size:10px;letter-spacing:.12em;padding:0 10px 12px}.kn-product-sidebar-items>div{display:flex;align-items:center;gap:12px;padding:12px 10px;font-size:13px;font-weight:570;border-radius:7px;color:#515969}.kn-product-sidebar-items svg{width:17px;height:17px;color:#767f8b}.kn-product-sidebar-items .kn-current{color:#182335;background:#ebeef0;font-weight:750}.kn-product-sidebar-items .kn-current svg{color:#17263c}.kn-side-note{margin-top:auto;color:#adb1b6;font-size:10px;padding:12px 10px}.kn-product-main{padding:24px 37px 24px;min-width:0}.kn-preview-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#8791a0;padding-bottom:26px;border-bottom:1px solid #eee}.kn-online{color:#168a65;display:inline-flex;align-items:center;gap:7px}.kn-online i{background:#16a67d;height:7px;width:7px;border-radius:50%}.kn-screen{display:none;animation:kn-rise .35s both}.kn-screen.is-active{display:block}.kn-screen-kicker{display:block;color:#8c95a3;font-size:11px;letter-spacing:.11em;font-weight:750;margin-top:30px}.kn-screen h3{font-size:38px;line-height:1.2;margin:11px 0 6px}.kn-screen>p{font-size:14px}.kn-inline-summary,.kn-finance-diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px}.kn-inline-summary>div,.kn-finance-diagram>div{border:1px solid #e5e8ed;border-radius:9px;padding:16px 17px;background:#fff}.kn-inline-summary small,.kn-finance-diagram small{display:block;font-size:12px;color:#7e8791}.kn-inline-summary strong,.kn-finance-diagram strong{display:block;font-size:30px;font-weight:760;margin-top:8px}.kn-finance-diagram{grid-template-columns:repeat(2,1fr)}.kn-product-list{margin-top:17px;border:1px solid #e9ebee;border-radius:10px;overflow:hidden}.kn-product-list>div{display:flex;align-items:center;gap:12px;padding:11px 15px;border-bottom:1px solid #e9ebee;font-weight:650;font-size:13px}.kn-product-list>div:last-child{border-bottom:0}.kn-product-list small{margin-left:auto;color:#8a93a0}.kn-symbol,.kn-story-icon{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:8px;background:#f0f1f2}.kn-symbol svg{width:16px;height:16px}.kn-red{background:#fff0f1;color:#c72d47}.kn-green{background:#e8f7f0;color:#00896f}.kn-blue{background:#eaf0ff;color:#3566d7}.kn-orange{background:#fff3e7;color:#c07718}.kn-purple{background:#f2ecff;color:#7052b9}.kn-showcase-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.kn-showcase-tabs button{border:1px solid transparent;border-radius:9px;background:transparent;color:#687282;padding:13px 10px;font:650 13px var(--kn-font);cursor:pointer;text-align:left}.kn-showcase-tabs button span{font-size:11px;color:#a1aab2;margin-right:12px}.kn-showcase-tabs button.is-active,.kn-showcase-tabs button:hover{border-color:#dadddf;background:#fff;color:#17263c}.kn-story{padding-block:130px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.kn-story h2,.kn-resident-content h2,.kn-kiosk-copy h2,.kn-steps h2,.kn-end h2{font-size:clamp(38px,4.5vw,59px);line-height:1.11;margin:15px 0 20px;text-wrap:balance}.kn-story-intro>p,.kn-resident-content>div>p,.kn-kiosk-copy>p{max-width:470px;font-size:17px}.kn-story-list{border-top:1px solid #dfe2e4}.kn-story-list>div{display:flex;gap:20px;border-bottom:1px solid #e3e5e7;padding:25px 0;align-items:flex-start}.kn-story-icon{flex:none;width:42px;height:42px}.kn-story-list h3{font-size:20px;letter-spacing:-.03em;margin:2px 0 7px}.kn-story-list p{font-size:14px}.kn-resident-band{background:#f5f6f5;border-block:1px solid #eaebe9;overflow:hidden}.kn-resident-content{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:center;min-height:540px}.kn-resident-content .kn-btn{margin-top:30px}.kn-phone{width:264px;border:10px solid #20272f;border-radius:34px;background:#fff;box-shadow:18px 25px 50px #17263c22;padding:26px 17px 31px;position:relative;transform:rotate(3deg);margin:65px auto -45px}.kn-phone-notch{width:65px;height:12px;background:#20272f;border-radius:0 0 10px 10px;position:absolute;top:-1px;left:50%;transform:translateX(-50%)}.kn-phone-logo{font-size:21px;font-weight:800;color:#1f2937;letter-spacing:-.05em}.kn-phone-tag{font-size:10px;color:#7e8996;display:block;margin-top:24px}.kn-phone h3{font-size:22px;margin:5px 0 20px}.kn-phone>div:not(.kn-phone-notch):not(.kn-phone-logo){display:flex;align-items:center;gap:10px;padding:14px 8px;border-top:1px solid #e9e9e9;font-size:12px;font-weight:720}.kn-phone>div svg{color:#3166c8;width:18px}.kn-phone>div b{margin-left:auto}.kn-kiosk-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-block:125px}.kn-kiosk-copy .kn-text-link{display:inline-flex;align-items:center;gap:11px;margin-top:25px;color:#17263c;font-size:14px;font-weight:760;border-bottom:1px solid #17263c;padding-bottom:6px}.kn-text-link svg{width:16px;height:16px}.kn-kiosk-device{background:#f4f4f2;border-radius:24px;min-height:495px;display:flex;align-items:end;justify-content:center;padding:36px 20px 0;position:relative}.kn-kiosk-device:after{content:'';position:absolute;width:190px;height:17px;background:#262a2f;border-radius:50%;filter:blur(10px);bottom:0;opacity:.23}.kn-kiosk-screen{width:305px;height:458px;background:#fcfcfd;border:11px solid #252a31;border-bottom-width:17px;border-radius:21px 21px 8px 8px;box-shadow:0 10px 36px #29324538;position:relative;padding:20px 13px}.kn-kiosk-head{font-size:19px;font-weight:800;display:flex;justify-content:space-between;letter-spacing:-.06em}.kn-kiosk-head small{font-size:10px;color:#6d7584;letter-spacing:.06em}.kn-kiosk-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.kn-kiosk-choice{min-height:77px;border:1px solid #e9ebef;background:#fff;border-radius:12px;padding:10px;font-size:10px;line-height:1.3;font-weight:730;display:flex;align-items:center;gap:6px}.kn-kiosk-choice span{width:27px;height:27px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff8}.kn-kiosk-choice svg{width:16px;height:16px}.kn-kiosk-choice.kn-blue{background:#eef3ff;color:#255ac2;border-color:#d8e4fb}.kn-kiosk-choice.kn-green{background:#ebf9f4;color:#008769;border-color:#ceede2}.kn-kiosk-choice.kn-red{background:#fff0f2;color:#d63151;border-color:#ffdadf}.kn-kiosk-choice.kn-orange{background:#fff5e8;color:#b97717;border-color:#f5dfbc}.kn-kiosk-choice.kn-purple{background:#f4efff;color:#6d56af;border-color:#e2d7ff}.kn-kiosk-voice{text-align:center;margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#17263c}.kn-kiosk-voice span{height:50px;width:50px;border-radius:50%;background:#ff3b43;color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 18px #ff3b4330}.kn-kiosk-voice strong{font-size:12px}.kn-steps{background:#f8f8f7;padding-block:100px;border-block:1px solid #eaebeb}.kn-steps h2{margin-bottom:35px}.kn-steps ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9dfe2}.kn-steps li{padding:26px 25px 0 0;border-right:1px solid #e4e7e9;min-height:175px}.kn-steps li:last-child{border-right:0}.kn-steps li:not(:first-child){padding-left:25px}.kn-steps li>span{color:#818b98;font-weight:800;font-size:12px}.kn-steps h3{font-size:19px;margin:20px 0 8px}.kn-steps p{font-size:13px}.kn-end{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:105px}.kn-end h2{margin:12px 0}.kn-end p{font-size:16px}.kn-end .kn-btn{flex:none}
/* Header + footer become quieter and typography-led, not another grid of cards. */
body.krovio-public .kv-header{background:#fff;border-bottom:1px solid #eceeef;box-shadow:none!important}body.krovio-public .kv-header-inner{max-width:1246px;min-height:75px}body.krovio-public .kv-desktop-nav{gap:27px}body.krovio-public .kv-desktop-nav a{font-size:13px;font-weight:650;color:#465367}body.krovio-public .kv-desktop-nav a:hover{color:#101d30}body.krovio-public .kv-header .kv-button{background:#17263c;border:1px solid #17263c;border-radius:8px;font-size:13px;font-weight:700;box-shadow:none}body.krovio-public .kv-language{border-radius:7px;background:#f7f7f6;border:1px solid #edeff0}body.krovio-public .kv-account-menu summary{border-radius:8px}body.krovio-public .kv-footer{background:#172336;color:#fff;padding-top:52px}body.krovio-public .kv-footer p,body.krovio-public .kv-footer a{color:#bfc7d4}body.krovio-public .kv-footer a:hover{color:#fff}
/* Unified utility components for workspace/admin/setup/auth, high specificity after historical styles. */
body.krovio-auth-page,body.krovio-setup-page{font-family:var(--kn-font);color:#17263c;background:#f8f8f7}body.krovio-auth-page .ka-visual{background:#f0f1f0!important}body.krovio-auth-page .ka-visual-copy h1{font-family:var(--kn-font);letter-spacing:-.052em}body.krovio-auth-page .ka-card,body.krovio-auth-page .ka-main{box-shadow:none}body.krovio-auth-page .ka-form input:not([type=checkbox]),body.krovio-auth-page .ka-form select{border:1px solid #d8dde3!important;border-radius:8px!important;background:white!important;min-height:47px!important}body.krovio-auth-page .ka-form input:focus{outline:2px solid #c2cddb!important;outline-offset:1px}body.krovio-auth-page .ka-submit,body.krovio-auth-page button.ka-submit{background:#17263c!important;color:white!important;border:1px solid #17263c!important;border-radius:8px!important;min-height:46px!important;box-shadow:none!important}body.krovio-auth-page .ka-submit-outline{background:white!important;color:#17263c!important;border:1px solid #cbd3dc!important}body.krovio-auth-page .ka-switch{border-radius:9px!important}
body.krovio-app-body .app-main,body.krovio-app-body .app-content,body.krovio-app-body .app-layout{font-family:var(--kn-font)}body.krovio-app-body .app-sidebar{background:#192638!important}body.krovio-app-body .app-sidebar nav a{font-weight:570!important;border-radius:7px!important}body.krovio-app-body .app-sidebar nav a.active{background:#304057!important}body.krovio-app-body .app-content h1,body.krovio-app-body .app-content h2,body.krovio-app-body .app-main h1,body.krovio-app-body .app-main h2{letter-spacing:-.045em!important}body.krovio-app-body .app-content button:not(.k3-account-trigger):not(.app-mobile-toggle):not(.k2-mobile-menu):not([class*="filter"]),body.krovio-app-body .app-content .btn,body.krovio-app-body .app-content .button,body.krovio-app-body .app-content input[type=submit]{border-radius:8px!important;box-shadow:none!important;font-family:var(--kn-font)!important;font-weight:700!important;transition:background .16s,border-color .16s!important}body.krovio-app-body .app-content button:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):not([class*="danger"]),body.krovio-app-body .app-content input[type=submit]{background:#17263c;color:white;border-color:#17263c}body.krovio-app-body .app-content input:not([type=checkbox]):not([type=radio]),body.krovio-app-body .app-content select,body.krovio-app-body .app-content textarea{border-radius:8px!important;box-shadow:none!important}body.krovio-app-body .app-content table{border-collapse:separate;border-spacing:0}body.krovio-app-body .app-content th{font-size:11px;font-weight:750;color:#677387;letter-spacing:.04em}body.krovio-app-body .app-content td{font-size:13px}body.krovio-app-body .app-content details{border-radius:9px!important}body.krovio-app-body .app-content .kfc-card,body.krovio-app-body .app-content .app-card{box-shadow:none!important;border-color:#e3e7ea!important}body.krovio-app-body .app-content [class*="gradient"]{background-image:none!important}
@keyframes kn-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1020px){.kn-product{grid-template-columns:160px 1fr}.kn-product-main{padding:22px}.kn-product-sidebar-items>div{font-size:11px}.kn-story,.kn-kiosk-section{gap:5%}.kn-steps li{padding-right:15px}.kn-steps li:not(:first-child){padding-left:15px}}
@media(max-width:760px){.kn-wrap{padding-inline:20px}.kn-hero{padding-top:70px;padding-bottom:60px}.kn-hero h1{font-size:clamp(42px,10vw,61px)}.kn-hero>p:not(.kn-hero-footnote){font-size:16px}.kn-actions{flex-wrap:wrap}.kn-product-section{padding-block:56px}.kn-section-heading{align-items:start;flex-direction:column;gap:8px}.kn-product{grid-template-columns:1fr;min-height:460px}.kn-product-side{display:none}.kn-product-main{padding:21px}.kn-screen h3{font-size:28px}.kn-inline-summary{gap:7px}.kn-inline-summary>div{padding:11px}.kn-showcase-tabs{grid-template-columns:repeat(2,1fr)}.kn-story,.kn-resident-content,.kn-kiosk-section{grid-template-columns:1fr;gap:32px}.kn-story{padding-block:75px}.kn-resident-content{padding-top:70px}.kn-phone{margin-top:12px}.kn-kiosk-section{padding-block:78px}.kn-kiosk-device{min-height:450px}.kn-kiosk-screen{height:425px}.kn-steps{padding-block:70px}.kn-steps ol{grid-template-columns:1fr 1fr}.kn-steps li{min-height:145px}.kn-steps li:nth-child(2){border-right:0}.kn-steps li:not(:first-child){padding-left:15px}.kn-end{padding-block:75px;align-items:start;flex-direction:column}body.krovio-public .kv-header-inner{min-height:67px}}
@media(max-width:420px){.kn-wrap{padding-inline:17px}.kn-site h2{font-size:37px}.kn-showcase-tabs button{padding:11px 7px;font-size:11px}.kn-showcase-tabs button span{margin-right:7px}.kn-preview-top{flex-wrap:wrap}.kn-kiosk-device{padding-inline:8px}.kn-steps ol{grid-template-columns:1fr}.kn-steps li,.kn-steps li:not(:first-child){padding:20px 0;border-right:0;border-bottom:1px solid #e4e7e9;min-height:unset}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kn-screen{animation:none}.kn-site .kn-btn{transition:none}.kn-site .kn-btn:hover{transform:none}}
/* Scope app buttons to actual body class and preserve descriptive category/status badges. */
body.krovio-app-body .app-main button.primary,body.krovio-app-body .app-main .button-primary,body.krovio-app-body .app-main button[type=submit]:not(.secondary):not(.outline){background:#17263c!important;color:#fff!important;border:1px solid #17263c!important;border-radius:8px!important;box-shadow:none!important;font-family:var(--kn-font)!important;font-weight:720!important}body.krovio-app-body .app-main .secondary,body.krovio-app-body .app-main .outline,body.krovio-app-body .app-main .k3-secondary-link{border:1px solid #d7dde3!important;background:#fff!important;color:#17263c!important;border-radius:8px!important;box-shadow:none!important}body.krovio-app-body .app-main .page-actions{gap:10px}body.krovio-app-body .app-main .app-card{border-color:#e4e7eb!important;box-shadow:none!important}body.krovio-app-body .app-main .app-page-header{margin-bottom:23px}body.krovio-app-body .app-main input,body.krovio-app-body .app-main select,body.krovio-app-body .app-main textarea{font-family:var(--kn-font)!important}
/* Auth + setup are integral parts of the product, not separate visual microsites. */
body.krovio-auth-page .ka-visual{background:#f6f6f4!important;border-right:1px solid #e8ebed}body.krovio-auth-page .ka-visual-copy h1{font-size:clamp(32px,3.5vw,49px)!important;line-height:1.12!important}body.krovio-auth-page .ka-visual-copy p{font-size:15px!important;line-height:1.65!important}body.krovio-auth-page .ka-card{max-width:570px!important}body.krovio-auth-page .ka-heading h2{letter-spacing:-.052em!important}body.krovio-auth-page .ka-main{background:#fff!important}body.krovio-auth-page .ka-form label span{font-size:12px!important;font-weight:720!important;color:#313c4f!important}body.krovio-auth-page .ka-submit{font-size:14px!important}body.krovio-auth-page .ka-message{border-radius:8px!important}
body .k-onboard{font-family:var(--kn-font)!important}body .k-onboard h1,body .k-onboard h2{letter-spacing:-.052em!important}body .k-onboard input,body .k-onboard select{border-radius:8px!important}body .k-onboard button[type=submit]{border-radius:8px!important;box-shadow:none!important}

.kn-editorial-photo{padding-block:85px;display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:center}.kn-editorial-photo h2{font-size:clamp(29px,3vw,44px);line-height:1.17;margin:18px 0;max-width:520px}.kn-editorial-photo-copy p{font-size:16px;max-width:430px}.kn-editorial-photo-media{border-radius:11px;overflow:hidden;aspect-ratio:1.8;background:#e9e8e6}.kn-editorial-photo-media img{width:100%;height:100%;object-fit:cover;display:block}.kn-kiosk-screen{padding:0;overflow:hidden}.kn-kiosk-real{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.kn-kiosk-screen>.kn-kiosk-head,.kn-kiosk-screen>.kn-kiosk-grid,.kn-kiosk-screen>.kn-kiosk-voice{display:none}@media(max-width:760px){.kn-editorial-photo{grid-template-columns:1fr;padding-block:60px;gap:25px}}