@font-face{font-family:Kinovo Display;src:url('/assets/fonts/space-grotesk-var-latin.woff2') format('woff2');font-weight:300 700;font-display:swap}
body.kn-brand{--site-bg:#ffffff;--site-ink:#0c3b5d;--site-muted:#0c3b5db3;--site-green:#05a358;--site-line:#0c3b5d22;--site-soft:#0c3b5d06;background:var(--site-bg);color:var(--site-ink)}
.kn-brand h1,.kn-brand h2,.kn-brand h3,.kn-brand h4{font-family:Kinovo Display,Inter,sans-serif;font-weight:600;letter-spacing:-.04em}
.kn-brand .site-width{max-width:1344px;width:calc(100% - 96px)}
.kn-header{position:sticky;top:0;z-index:60;background:#ffffff;border-bottom:1px solid #0c3b5d1c}
.kn-bar{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:28px}
.kn-header-note{font-size:13px;text-decoration:none;margin-right:auto;color:var(--site-muted)}
.kn-header-actions{display:flex;align-items:center;gap:26px}.kn-login{text-decoration:none;font-size:14px;font-weight:600}
.kn-header-cta{background:#0c3b5d;color:white;text-decoration:none;padding:16px 21px;border-radius:6px;font-weight:600;font-size:13px}
.kn-menu-toggle,.kn-menu-close{display:flex;align-items:center;justify-content:center;gap:15px;border:0;background:transparent;min-height:48px;padding:10px 0 10px 15px;color:inherit;font-size:16px;font-weight:600;cursor:pointer}
.kn-menu-toggle svg{width:27px}.kn-menu-toggle:hover,.kn-login:hover{color:#05a358}
.kn-menu{border:0;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;background:#0c3b5d;color:#fff;overflow:auto}
.kn-menu::backdrop{background:#0c3b5d}.kn-menu-top{display:flex;align-items:center;justify-content:space-between;padding-block:25px;border-bottom:1px solid #ffffff38}
.kn-menu-brand{font-family:Kinovo Display,Inter,sans-serif;font-size:34px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:24px}.kn-menu-brand span{font:13px Inter,sans-serif;color:#ffffffcc}
.kn-menu-body{display:grid;grid-template-columns:1.3fr 1fr;gap:120px;padding-block:50px}.kn-menu-body nav{display:flex;flex-direction:column}
.kn-menu-body nav a{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff2e;padding:17px 0;font:500 clamp(28px,3.5vw,50px)/1.1 Kinovo Display,Inter,sans-serif;letter-spacing:-.035em;text-decoration:none}
.kn-menu-body nav a span{font-family:Inter,sans-serif;font-size:24px;color:#f18914}.kn-menu-body nav a:hover{color:#f18914}
.kn-menu-body aside{padding-top:18px}.kn-menu-body h2{font-size:34px;line-height:1.1;margin:0 0 18px}.kn-menu-body p{color:#ffffffcc;font-size:15px;line-height:1.7;max-width:340px;margin-bottom:26px}
.kn-menu-secondary{display:flex;flex-direction:column;gap:15px;margin:32px 0}.kn-menu-secondary a{font-size:14px;text-decoration:none;color:#ffffffcc}.kn-menu-secondary a:hover{text-decoration:underline}
.kn-menu-login{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #ffffff38;text-decoration:none;font-size:14px}
.kn-menu-bottom{display:flex;justify-content:space-between;gap:16px;padding-block:20px;border-top:1px solid #ffffff38;font-size:13px;color:#ffffffcc}.kn-menu-bottom a{text-decoration:none}
.kn-menu a:focus-visible,.kn-menu button:focus-visible{outline-color:#f18914}
.kn-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:#f18914;color:#0c3b5d;border-radius:6px;padding:19px 24px;min-height:58px;text-decoration:none;font-size:14px;font-weight:650;transition:background .16s}
.kn-button:hover{background:#ffffff}.kn-button-white{background:white;color:#0c3b5d}.kn-button svg{width:20px;height:20px}
.kn-hero{display:grid;grid-template-columns:1.15fr 1fr;background:#0c3b5d;color:#fff;min-height:660px}
.kn-hero-copy{padding:74px max(48px,calc((100vw - 1344px)/2)) 34px; padding-right:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.kn-hero h1{font-size:clamp(44px,5.2vw,78px);line-height:1.03;margin:0 0 28px;letter-spacing:-.04em;white-space:nowrap}.kn-hero h1 span{color:#f18914}
.kn-hero-copy>p{font-size:17px;line-height:1.7;color:#ffffffdd;max-width:480px;margin:0 0 30px}
.kn-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.kn-hero-more{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:14px;min-height:48px}.kn-hero-more:hover{text-decoration:underline}
.kn-hero-foot{display:flex;gap:25px;color:#ffffffcc;font-size:12px;margin-top:50px}.kn-hero-foot span{display:flex;align-items:center;gap:8px}.kn-hero-foot span:before{content:'';width:5px;height:5px;background:#f18914;border-radius:50%}
.kn-hero-photo{position:relative;min-width:0;margin:0;overflow:hidden}.kn-hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 50%}
.kn-hero-photo figcaption{position:absolute;inset:auto 24px 24px;display:flex;align-items:end;justify-content:space-between;gap:16px}
.kn-hero-photo strong{font:600 clamp(24px,2.6vw,38px)/1.05 Kinovo Display,Inter,sans-serif;letter-spacing:-.03em;background:#ffffff;color:#0c3b5d;padding:22px 25px}
.kn-hero-photo small{font-size:10px;padding:5px 7px;background:#ffffff;color:#0c3b5db3}
.kn-intro{padding-block:110px 40px}.kn-intro h2{font-size:clamp(34px,4.3vw,58px);line-height:1.07;margin:0 0 55px}.kn-intro h2 span{color:#05a358}
.kn-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.kn-benefits article{border-top:1px solid #0c3b5d33;padding-top:27px}.kn-benefits h3{font-size:24px;margin:0 0 16px}.kn-benefits p{font-size:15px;line-height:1.8;color:var(--site-muted);max-width:350px;min-height:82px}.kn-benefits a{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:600;text-decoration:none;padding:15px 0}.kn-benefits a:hover{text-decoration:underline}
.kn-brand .site-section{padding-block:84px}.kn-brand .section-intro{margin-bottom:36px}.kn-brand .section-intro h2{font-size:clamp(34px,4vw,52px)}
.kn-brand .product-explorer{border:0;border-radius:12px;background:#0c3b5d06;overflow:hidden}.kn-brand .explorer-tabs{background:transparent;border-bottom:1px solid #0c3b5d22;padding:12px 20px;gap:8px}.kn-brand .explorer-tabs button{font-size:14px;color:#0c3b5db3;border-radius:5px;padding:14px 21px;border:0}.kn-brand .explorer-tabs button[aria-selected=true]{background:#0c3b5d;color:#fff}.kn-brand .explorer-panel{padding:48px 52px;gap:65px}.kn-brand .explorer-panel h3{font-size:34px}.kn-brand .explorer-panel p{font-size:16px}.kn-brand .example-list{background:#ffffff;border:0;padding:18px 24px;border-radius:8px}.kn-brand .training-example{background:#ffffff}.kn-brand .rule-example{background:#ffffff;border-radius:8px;padding:24px}
.kn-brand .network-section{padding-block:90px 85px;margin-top:10px;border-top:1px solid #0c3b5d22}.kn-brand .network-intro{text-align:left;max-width:none;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}.kn-brand .network-intro h2{font-size:clamp(34px,4.2vw,56px);line-height:1.08}.kn-brand .network-intro h2 span{color:#05a358}.kn-brand .network-intro p{font-size:16px;margin:0;line-height:1.8}.kn-brand .network-layout{gap:80px;margin-top:48px}.kn-brand .network-map{margin-top:40px}.kn-brand .network-node{border-radius:30px;font-size:14px;background:#05a35812;color:#0c3b5d}.kn-brand .network-node[aria-pressed=true]{background:#05a358;color:#fff}.kn-brand .node-knowledge{background:#0c3b5d0c;color:#0c3b5d}.kn-brand .node-knowledge[aria-pressed=true]{background:#0c3b5d;color:#fff}.kn-brand .network-theme-partner{background:#f1891417;color:#0c3b5d}.kn-brand .network-theme-partner[aria-pressed=true]{background:#0c3b5d;color:#fff}.kn-brand .network-child{border:0;box-shadow:0 10px 30px #0c3b5d10;background:#fff}.kn-brand .network-detail{min-height:355px}.kn-brand .network-detail h3{font-size:20px}.kn-brand .network-detail h4{font-size:34px}.kn-brand .network-detail p{font-size:15px}.kn-brand .network-status{color:#05a358!important}.kn-brand .network-caption{text-align:left;font-size:13px;max-width:760px;margin:15px 0 0}
.kn-brand .home-plus{background:#0c3b5d;color:#fff;padding:64px;gap:70px;border-radius:12px}.kn-brand .home-plus h2{font-size:clamp(36px,4.5vw,62px);line-height:1.03}.kn-plus-word{display:block;color:#f18914;margin-top:10px}.kn-brand .home-plus p{color:#ffffffdd;font-size:16px}.kn-brand .home-plus .home-plus-note{font-size:12px;max-width:540px}.kn-brand .home-plus .site-text-link{color:#f18914}.kn-brand .plus-examples{gap:32px;align-items:start}.kn-brand .plus-examples img{width:100%;max-width:160px;background:white;border-radius:50%;padding:7px;mix-blend-mode:normal}.kn-brand .plus-examples figcaption{font-size:15px;color:white}.kn-brand .plus-examples>p{font-size:12px;color:#ffffffcc}
.kn-court{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:100px;border-bottom:1px solid var(--site-line)}.kn-court h2{font-size:clamp(38px,4vw,56px);line-height:1.05;margin:0 0 25px}.kn-court p{font-size:16px;line-height:1.8;color:var(--site-muted);max-width:440px;margin-bottom:26px}.kn-court .kn-button{background:#0c3b5d;color:#fff}.kn-court .kn-button:hover{background:#0c3b5d}.kn-court-visual{background:#05a358;padding:30px 15px;transform:rotate(-3deg)}.kn-court-visual svg{display:block;width:100%;height:auto}.kn-court-visual path{stroke:#ffffff;stroke-width:2;fill:none}.kn-court-visual span{display:block;text-align:center;font:500 22px Kinovo Display,Inter,sans-serif;color:#0c3b5d;margin:4px 0 8px}
.kn-brand .start-steps h3{font-size:23px}.kn-brand .start-steps li:before{display:none}.kn-brand .start-steps p{font-size:15px}.kn-brand .faq-section{padding-top:20px;padding-bottom:100px}.kn-brand .faq-section h2{font-size:44px}.kn-brand .faq-section summary{font-size:16px}.kn-brand .contact-section{background:#05a3580d;color:#0c3b5d;padding-block:80px}.kn-brand .contact-section h2{font-size:clamp(38px,4.5vw,62px);line-height:1.05}.kn-brand .contact-grid>div>p,.kn-brand .contact-person span,.kn-brand .contact-options>a small{color:#0c3b5db3}.kn-brand .contact-options>a{border-color:#0c3b5d33}.kn-brand .contact-options p a{color:#0c3b5d}.kn-brand .site-footer{background:#ffffff}.kn-brand .site-footer-grid h2{font-family:Inter,sans-serif;letter-spacing:0}.kn-brand .site-app-section{padding-block:60px}.kn-brand .site-app-section h2{font-size:34px}.kn-brand .site-store-links a{background:#fff}
@media(min-width:1600px){.kn-hero{min-height:720px}}
@media(max-width:1100px){.kn-header-note{display:none}.kn-header-actions{margin-left:auto}.kn-hero-copy{padding:54px 30px 34px}.kn-hero h1{font-size:clamp(40px,5.2vw,58px)}.kn-hero-actions{gap:12px}.kn-hero-foot{flex-direction:column;gap:10px;margin-top:28px}.kn-menu-body{gap:60px}.kn-brand .network-layout{gap:35px}.kn-brand .home-plus{gap:32px;padding:44px}.kn-benefits{gap:28px}.kn-benefits h3{font-size:21px}}
@media(max-width:760px){
.kn-brand .site-width{width:calc(100% - 40px)}.kn-bar{min-height:78px;gap:16px}.kn-bar .site-logo img{width:56px;height:56px}.kn-header-actions{gap:16px}.kn-login{font-size:12px}.kn-header-cta{display:none}.kn-menu-toggle{font-size:14px;padding-left:5px;gap:10px}.kn-menu-toggle svg{width:23px}
.kn-menu-top{padding-block:18px}.kn-menu-brand{font-size:27px}.kn-menu-brand span{display:none}.kn-menu-close{font-size:13px}.kn-menu-body{grid-template-columns:1fr;gap:25px;padding-block:22px 30px}.kn-menu-body nav a{font-size:30px;padding:17px 0}.kn-menu-body aside{padding-top:10px}.kn-menu-body h2{font-size:27px}.kn-menu-body p{font-size:14px;margin-bottom:20px}.kn-menu-body .kn-button{width:100%}.kn-menu-secondary{display:none}.kn-menu-login{font-size:13px}.kn-menu-body aside>.kn-button{margin-bottom:24px}.kn-menu-bottom{font-size:11px;flex-wrap:wrap}.kn-menu-close svg{width:20px}
.kn-hero{grid-template-columns:1fr;min-height:0}.kn-hero-copy{padding:35px 20px 27px}.kn-hero h1{font-size:clamp(36px,9.6vw,65px);line-height:1.05;margin-bottom:22px;letter-spacing:-.04em;white-space:normal}.kn-hero-copy>p{font-size:14px;line-height:1.7;max-width:500px;margin-bottom:22px}.kn-hero-copy>p br{display:none}.kn-hero-actions{width:100%;gap:12px}.kn-hero-actions .kn-button{min-height:52px;padding:16px 18px;font-size:13px;gap:15px}.kn-hero-more{font-size:12px;gap:7px}.kn-hero-more svg{width:18px}.kn-hero-foot{display:none}.kn-hero-photo{height:270px}.kn-hero-photo>img{object-position:50% 45%}.kn-hero-photo figcaption{inset:auto 16px 16px}.kn-hero-photo strong{font-size:25px;padding:15px 17px}.kn-hero-photo small{font-size:9px;max-width:90px}
.kn-intro{padding-block:58px 8px}.kn-intro h2{font-size:34px;margin-bottom:30px}.kn-benefits{grid-template-columns:1fr;gap:12px}.kn-benefits article{padding-top:23px}.kn-benefits h3{font-size:23px;margin-bottom:12px}.kn-benefits p{font-size:14px;min-height:0;max-width:none;margin-bottom:6px}.kn-benefits a{padding:12px 0 15px}
.kn-brand .site-section{padding-block:50px}.kn-brand .section-intro{display:block;margin-bottom:25px}.kn-brand .section-intro h2{font-size:34px;margin-bottom:20px}.kn-brand .section-intro>p{max-width:none;font-size:14px}.kn-brand .explorer-tabs{padding:10px;gap:6px;display:flex;overflow:auto}.kn-brand .explorer-tabs button{font-size:12px;padding:12px 13px;white-space:nowrap;flex:none}.kn-brand .explorer-panel{padding:26px 20px;gap:26px;grid-template-columns:1fr}.kn-brand .explorer-panel h3{font-size:28px}.kn-brand .explorer-panel p{font-size:14px}.kn-brand .example-list{padding:12px}.kn-brand .example-list-head>span{font-size:10px}
.kn-brand .network-section{padding-block:50px}.kn-brand .network-intro{display:block}.kn-brand .network-intro h2{font-size:34px;margin-bottom:24px}.kn-brand .network-intro p{font-size:14px}.kn-brand .network-layout{gap:0;margin-top:25px}.kn-brand .network-node{font-size:12px}.kn-brand .node-gemeinden{font-size:11px}.kn-brand .network-child strong{font-family:Kinovo Display,Inter,sans-serif;font-size:17px}.kn-brand .network-detail{min-height:340px;padding-block:8px 0}.kn-brand .network-detail h4{font-size:29px}.kn-brand .network-detail p{font-size:14px}.kn-brand .network-detail h3{font-size:18px}.kn-brand .network-caption{font-size:12px;margin:0}
.kn-brand .home-plus{width:100%;border-radius:0;padding:45px 20px;grid-template-columns:1fr;gap:38px}.kn-brand .home-plus h2{font-size:42px}.kn-brand .home-plus p{font-size:14px}.kn-brand .plus-examples{gap:34px;max-width:350px;width:100%;margin:auto}.kn-brand .plus-examples img{max-width:138px}.kn-brand .plus-examples figcaption{font-size:13px;margin-top:15px}.kn-brand .plus-examples>p{margin:0;font-size:11px}
.kn-court{grid-template-columns:1fr;gap:40px;padding-block:54px}.kn-court h2{font-size:38px}.kn-court p{font-size:14px}.kn-court-visual{margin:0 8px;padding:15px 5px}.kn-court-visual span{font-size:18px}.kn-brand .start-steps{gap:22px}.kn-brand .start-steps li{padding-top:20px}.kn-brand .start-steps h3{font-size:22px}.kn-brand .start-steps p{font-size:14px}.kn-brand .faq-section{padding-top:10px;padding-bottom:55px}.kn-brand .faq-section h2{font-size:34px}.kn-brand .faq-section summary{font-size:14px}.kn-brand .contact-section{padding-block:50px}.kn-brand .contact-section h2{font-size:40px}.kn-brand .site-app-section{padding-block:42px}.kn-brand .site-app-section h2{font-size:30px}.kn-brand .site-footer-grid{gap:32px 20px}
}
@media(max-width:370px){.kn-hero h1{font-size:34px}.kn-hero-actions{gap:5px;justify-content:space-between}.kn-hero-actions .kn-button{padding-inline:14px;font-size:12px}.kn-hero-more{font-size:11px}.kn-hero-more svg{width:16px}.kn-login{display:none}}
@media(prefers-reduced-motion:reduce){.kn-button{transition:none}}
.kn-brand .contact-person{gap:23px;align-items:center;margin-top:30px}
.kn-brand .contact-person img{width:112px;height:140px;border-radius:8px;object-fit:cover;object-position:50% 35%}
.kn-brand .contact-person strong{font-size:17px;font-weight:650}.kn-brand .contact-person span{font-size:13px;line-height:1.6;max-width:200px}

/* Original Kinovo palette: blue #0c3b5d, green #05a358, orange #f18914. */
.kn-brand{--site-green:#0c3b5d;--site-soft:#05a3580d}
.kn-brand .network-intro h2 span,.kn-intro h2 span{color:#0c3b5d}
.kn-brand .network-node[aria-pressed=true]{background:#0c3b5d;color:#fff}
.kn-brand .network-status{color:#0c3b5d!important}
.kn-brand .site-button{background:#0c3b5d;border-color:#0c3b5d;color:white}
.kn-brand .site-button:hover{background:#05a358;color:#0c3b5d}
.kn-court-visual span{color:#fff}
.kn-menu-toggle:hover,.kn-login:hover{color:#0c3b5d;text-decoration:underline}
/* Shared components inherit only Kinovo's original palette on this page. */
.kn-brand ::selection{background:#f18914;color:#0c3b5d}
.kn-brand :focus-visible{outline-color:#0c3b5d}
.kn-brand .kn-menu :focus-visible,.kn-brand .kn-hero :focus-visible,.kn-brand .home-plus :focus-visible{outline-color:#f18914}
.kn-brand .site-store-links a{background:#0c3b5d!important;border-color:#0c3b5d!important;color:#fff!important}
.kn-brand .site-store-links a:hover{background:#0c3b5de6!important}
.kn-brand .site-store-links a span,.kn-brand .site-store-links a strong{color:#fff!important}
.kn-brand .small-tag,.kn-brand .small-tag.absent,.kn-brand .small-tag.excused{background:#0c3b5d0d;color:#0c3b5d}
.kn-brand .small-tag.absent{background:#f189141c}
.kn-brand .small-tag.excused{background:#05a35815}
.kn-brand .network-connections path{stroke:#0c3b5d33}
.kn-brand .site-app-section h2{color:#0c3b5d}.kn-brand .site-app-section p{color:#0c3b5db3}
.kn-court-visual span{background:#fff;color:#0c3b5d;margin:4px auto 8px;width:fit-content;padding:9px 17px}
.kn-hero-photo small{font-size:11px;max-width:none}
.kn-menu-bottom{font-size:12px}
@media(max-width:760px){.kn-brand .node-gemeinden{font-size:12px}.kn-brand .plus-examples>p{font-size:12px}.kn-hero-photo small{font-size:11px;max-width:100px}.kn-menu-bottom{font-size:12px}.kn-brand .example-list-head>span{font-size:11px}}
.kn-brand .site-store-links a:focus-visible{outline-color:#0c3b5d}
.kn-brand .site-app-section{border-color:#0c3b5d22}
.kn-menu-brand img{display:block;width:62px;height:62px;background:#fff;border-radius:5px;padding:6px}
@media(max-width:760px){.kn-menu-brand img{width:48px;height:48px}}
/* Contrast logo variant: original silhouette, no tile or background frame. */
.kn-menu-brand img{background:transparent;border-radius:0;padding:0;width:64px;height:64px}
@media(max-width:760px){.kn-menu-brand img{width:52px;height:52px}}
/* The unmodified Kinovo logo sits on the white menu surface, never on a tile. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1)}
.kn-brand .kn-menu{background:#fff;color:#0c3b5d}
.kn-brand .kn-menu::backdrop{background:#fff}
.kn-brand .kn-menu-top{border-bottom-color:#0c3b5d22}
.kn-brand .kn-menu-brand img{background:none;border:0;border-radius:0;padding:0;width:70px;height:70px}
.kn-brand .kn-menu-brand span{color:#0c3b5db3}
.kn-brand .kn-menu-body{gap:90px;padding-top:36px}
.kn-brand .kn-menu-body nav a{color:#0c3b5d;border-bottom-color:#0c3b5d22;font-weight:500;padding-block:21px}
.kn-brand .kn-menu-body nav a span{color:#0c3b5d}
.kn-brand .kn-menu-body aside{background:#0c3b5d;color:#fff;padding:38px;border-radius:12px;align-self:start;margin-top:12px}
.kn-brand .kn-menu-body aside h2{color:#fff}.kn-brand .kn-menu-body aside p{color:#ffffffcc}
.kn-brand .kn-menu-secondary a,.kn-brand .kn-menu-login{color:#fff}
.kn-brand .kn-menu-bottom{color:#0c3b5db3;border-top-color:#0c3b5d22}
.kn-brand .kn-menu :focus-visible{outline-color:#0c3b5d}
.kn-brand .kn-menu aside :focus-visible{outline-color:#f18914}
.kn-brand .kn-menu-body nav a,.kn-brand .kn-menu-body nav a span{transition:transform .2s var(--ease-out),color .2s ease}
.kn-button,.kn-header-cta,.kn-menu-toggle,.kn-menu-close{transition:transform .16s var(--ease-out),background .16s ease}
.kn-button:active,.kn-header-cta:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){
.kn-brand .kn-menu-body nav a:hover{color:#0c3b5d;transform:translateX(8px)}
.kn-brand .kn-menu-body nav a:hover span{transform:translate(4px,-4px);color:#f18914}
.kn-button svg{transition:transform .2s var(--ease-out)}.kn-button:hover svg{transform:translateX(4px)}
}
@media(max-width:760px){
.kn-brand .kn-menu-brand img{width:56px;height:56px}
.kn-brand .kn-menu-body{gap:20px;padding-top:12px}.kn-brand .kn-menu-body nav a{font-size:29px;padding-block:18px}
.kn-brand .kn-menu-body aside{padding:26px;margin-top:0}.kn-brand .kn-menu-body aside h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.kn-brand .kn-menu-body nav a,.kn-brand .kn-menu-body nav a span,.kn-button,.kn-header-cta,.kn-menu-toggle,.kn-menu-close,.kn-button svg{transition:none!important;transform:none!important}}
/* App first: actual product photography, framed in the original brand palette. */
.kn-app-hero{grid-template-columns:1fr 1fr;min-height:690px;overflow:hidden}
.kn-app-hero .kn-hero-copy{padding-top:55px;padding-bottom:55px}
.kn-app-hero h1{font-size:clamp(50px,5.8vw,86px)}
.kn-downloads{display:flex;gap:12px;flex-wrap:wrap;margin:2px 0 28px}
.kn-downloads a{display:flex;gap:12px;align-items:center;background:#fff;color:#0c3b5d;text-decoration:none;border-radius:8px;padding:13px 18px;min-width:168px;transition:transform .18s var(--ease-out)}
.kn-downloads svg{width:27px;height:30px;flex-shrink:0}.kn-downloads span{font-size:11px;line-height:1.4}.kn-downloads strong{display:block;font-size:19px;font-weight:650}
.kn-club-link{display:flex;flex-direction:column;gap:8px;color:#ffffffbb;font-size:13px;text-decoration:none}.kn-club-link strong{color:#fff;font-size:14px}.kn-club-link strong span{margin-left:14px;color:#f18914}
.kn-app-stage{position:relative;min-height:690px;background:#05a358;overflow:hidden;isolation:isolate}
.kn-app-stage:before{content:'';position:absolute;width:540px;height:540px;border:1px solid #ffffff38;border-radius:50%;top:70px;left:50%;transform:translateX(-50%);z-index:-1}
.kn-stage-word{position:absolute;top:34px;left:26px;font:700 clamp(42px,4.2vw,66px)/1 Kinovo Display,sans-serif;color:#ffffff26;letter-spacing:-.055em;white-space:nowrap}
.kn-phone{position:absolute;margin:0;width:236px;border:7px solid #0c3b5d;border-radius:33px;overflow:hidden;box-shadow:0 24px 45px #0c3b5d40;background:#fff;line-height:0}
.kn-phone img{display:block;width:100%;height:auto}.kn-phone-back{left:7%;top:125px;transform:rotate(-9deg);width:221px}.kn-phone-front{right:10%;top:90px;transform:rotate(7deg)}
.kn-stage-note{position:absolute;bottom:27px;left:0;right:0;text-align:center;color:#fff;font-size:13px;font-weight:600;padding:0 16px}
.kn-app-tour{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;padding-block:110px;border-bottom:1px solid #0c3b5d22;align-items:center}
.kn-tour-copy h2{font-size:clamp(34px,4vw,57px);line-height:1.08;margin:0 0 22px}.kn-tour-copy>p{font-size:16px;line-height:1.7;color:#0c3b5db3;max-width:370px}
.kn-tour-tabs{display:flex;flex-direction:column;margin:32px 0 25px;border-top:1px solid #0c3b5d22}
.kn-tour-tabs button{position:relative;text-align:left;border:0;border-bottom:1px solid #0c3b5d22;padding:18px 22px;background:transparent;color:#0c3b5d;cursor:pointer;border-radius:0;font:inherit;transition:background .2s ease}
.kn-tour-tabs span{display:block;font-size:12px;color:#0c3b5db3;margin-bottom:4px}.kn-tour-tabs strong{font:600 23px/1.2 Kinovo Display,sans-serif;letter-spacing:-.025em}
.kn-tour-tabs button[aria-selected=true]{background:#0c3b5d;color:#fff;border-radius:7px}.kn-tour-tabs button[aria-selected=true] span{color:#ffffffbb}.kn-tour-tabs button[aria-selected=true]:after{content:'↗';position:absolute;right:22px;top:30px;color:#f18914;font-size:24px}
.kn-tour-display{background:#05a3580e;border-radius:18px;overflow:hidden;padding:32px 30px 0;min-height:720px}
.kn-tour-display article[hidden]{display:none}.kn-tour-description{max-width:410px;margin:0 auto 26px;text-align:center}.kn-tour-description h3{font-size:23px;line-height:1.2;margin:0 0 12px}.kn-tour-description p{color:#0c3b5db3;font-size:14px;line-height:1.65;margin:0}
.kn-tour-phone{width:255px;margin:auto;border:7px solid #0c3b5d;border-bottom:0;border-radius:32px 32px 0 0;box-shadow:0 15px 35px #0c3b5d1a;overflow:hidden;background:#fff;line-height:0}
.kn-tour-phone img{width:100%;height:auto;display:block}
@media(hover:hover) and (pointer:fine){.kn-downloads a:hover{transform:translateY(-3px)}.kn-club-link:hover strong{text-decoration:underline}.kn-tour-tabs button:not([aria-selected=true]):hover{background:#05a35810}}
@media(min-width:1600px){.kn-phone-back{left:16%}.kn-phone-front{right:17%}}
@media(min-width:761px) and (max-width:1100px){.kn-app-hero{min-height:630px}.kn-app-stage{min-height:630px}.kn-phone-front{width:205px;right:6%;top:95px}.kn-phone-back{width:185px;left:4%;top:125px}.kn-app-tour{gap:40px}.kn-tour-display{padding-inline:20px}.kn-app-hero .kn-hero-copy{padding-left:28px}.kn-downloads a{min-width:145px;padding:12px}.kn-downloads strong{font-size:17px}}
@media(max-width:760px){
.kn-app-hero{display:flex;flex-direction:column;min-height:0}.kn-app-hero .kn-hero-copy{padding:38px 24px 30px}.kn-app-hero h1{font-size:clamp(46px,12.8vw,70px);margin-bottom:19px;white-space:normal}.kn-app-hero .kn-hero-copy>p{font-size:15px;line-height:1.65;margin-bottom:22px}.kn-app-hero .kn-hero-copy>p br{display:none}
.kn-downloads{gap:10px;width:100%;margin-bottom:23px;flex-wrap:nowrap}.kn-downloads a{flex:1;min-width:0;padding:11px 12px;gap:9px}.kn-downloads strong{font-size:17px}.kn-downloads span{font-size:10px}.kn-downloads svg{width:23px}.kn-club-link{font-size:12px;gap:6px}.kn-club-link strong{font-size:13px}
.kn-app-stage{min-height:490px}.kn-stage-word{top:22px;left:20px;font-size:44px}.kn-app-stage:before{width:360px;height:360px;top:70px}.kn-phone-front{width:172px;top:64px;right:calc(50% - 145px);border-width:5px;border-radius:25px}.kn-phone-back{width:157px;top:81px;left:calc(50% - 150px);border-width:5px;border-radius:23px}.kn-stage-note{bottom:17px;font-size:12px}
.kn-app-tour{display:block;padding-block:65px}.kn-tour-copy h2{font-size:37px}.kn-tour-copy>p{font-size:15px}.kn-tour-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;margin:25px 0 20px}.kn-tour-tabs button{padding:15px 13px;border:1px solid #0c3b5d22;border-radius:7px}.kn-tour-tabs strong{font-size:17px}.kn-tour-tabs span{font-size:10px}.kn-tour-tabs button[aria-selected=true]:after{display:none}.kn-tour-copy>.site-text-link{display:inline-flex;margin-bottom:25px}.kn-tour-display{min-height:0;padding:26px 17px 0}.kn-tour-description h3{font-size:23px}.kn-tour-description p{font-size:13px}.kn-tour-phone{width:235px}.kn-tour-description{min-height:125px}
}
@media(prefers-reduced-motion:reduce){.kn-downloads a,.kn-tour-tabs button{transition:none}.kn-downloads a:hover{transform:none}}

.kn-stage-note{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:90%;background:#0c3b5d;border-radius:5px;padding:9px 15px}
/* Product system: one club, app and portal. */
html{scrollbar-gutter:stable}
.kn-product-hero{background:#0c3b5d05;padding-top:65px;overflow:hidden}
.kn-product-lead{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}
.kn-product-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:#0c3b5d;margin:0 0 23px}
.kn-product-lead h1{font-size:clamp(48px,5.7vw,80px);line-height:1.04;letter-spacing:-.055em;margin:0;max-width:750px}.kn-product-lead h1 span{color:#05a358}
.kn-product-pitch>p{font-size:17px;line-height:1.75;max-width:510px;margin:0 0 25px;color:#0c3b5dbb}
.kn-product-actions{display:flex;gap:12px;flex-wrap:wrap}
.kn-product-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #0c3b5d;background:#0c3b5d;color:#fff;border-radius:14px;padding:17px 22px;text-decoration:none;font-size:14px;font-weight:650;min-height:56px;transition:transform .18s var(--ease-out),background .18s ease}
.kn-product-button svg{width:21px;height:21px;flex-shrink:0}.kn-product-secondary{background:#fff;color:#0c3b5d;border-color:#0c3b5d30}
.kn-product-contact{display:inline-flex;align-items:center;gap:14px;margin-top:22px;color:#0c3b5d;font-size:13px;text-decoration:none}.kn-product-contact svg{width:18px}
.kn-device-scene{height:550px;position:relative;margin-top:60px;isolation:isolate}
.kn-device-scene:before{content:'';position:absolute;z-index:-1;inset:32px 0 45px;background:#05a358;border-radius:28px}
.kn-scene-label{position:absolute;left:36px;top:80px;color:#fff;width:190px}.kn-scene-label>span{display:block;font-size:14px;margin-bottom:17px}.kn-scene-label strong{font:600 31px/1.17 Kinovo Display,sans-serif;letter-spacing:-.04em}
.kn-laptop{position:absolute;width:66%;left:21%;top:0;filter:drop-shadow(0 20px 25px #0c3b5d2b)}
.kn-browser{border:8px solid #0c3b5d;border-radius:18px 18px 8px 8px;background:#fff;overflow:hidden}
.kn-browser-chrome{height:33px;background:#0c3b5d09;display:flex;align-items:center;gap:5px;padding:0 14px;border-bottom:1px solid #0c3b5d15}.kn-browser-chrome>span{width:5px;height:5px;border-radius:50%;background:#0c3b5d55}.kn-browser-chrome small{margin:auto;font-size:10px;color:#0c3b5d99}
.kn-portal-ui{display:grid;grid-template-columns:125px 1fr;min-height:365px}.kn-portal-ui aside{border-right:1px solid #0c3b5d16;display:flex;flex-direction:column;padding:18px 12px;gap:17px;font-size:10px}.kn-portal-ui aside img{object-fit:contain;margin-bottom:10px}.kn-portal-ui aside b{background:#05a35812;border-radius:5px;padding:8px;color:#0c3b5d}.kn-portal-ui aside span{padding-left:8px;color:#0c3b5db3}
.kn-portal-content{padding:24px;background:#0c3b5d03}.kn-portal-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#0c3b5d99;letter-spacing:.08em}.kn-portal-top small{font-size:8px;letter-spacing:0}.kn-portal-content h3{font-size:25px;margin:12px 0 20px}.kn-portal-stats{display:flex;border-bottom:1px solid #0c3b5d15;padding-bottom:18px;gap:35px}.kn-portal-stats>div{display:flex;flex-direction:column;gap:5px}.kn-portal-stats strong{font-size:26px;line-height:1}.kn-portal-stats span{font-size:9px;color:#0c3b5d99}.kn-portal-content h4{font-size:13px;letter-spacing:0;margin:19px 0 10px}.kn-portal-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #0c3b5d12;font-size:10px}.kn-portal-row i{font-style:normal;font-size:11px;font-weight:600}.kn-portal-row div{display:flex;flex-direction:column;gap:5px}.kn-portal-row small{color:#0c3b5d99;font-size:9px}.kn-portal-row em{margin-left:auto;font-size:8px;background:#05a35812;padding:5px 8px;border-radius:5px;font-style:normal;color:#0c3b5d}.kn-portal-members{margin-top:16px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#0c3b5db3}
.kn-laptop-base{height:14px;background:#0c3b5d;border-radius:0 0 50% 50%;width:110%;margin-left:-5%;border-top:4px solid #ffffff66}
.kn-device{position:relative;width:222px;background:#0c3b5d;border:6px solid #0c3b5d;border-radius:36px;padding-top:23px;padding-bottom:18px;box-shadow:inset 0 0 0 1px #ffffff66,0 22px 45px #0c3b5d30;overflow:hidden;line-height:0}
.kn-device img{display:block;width:100%;height:auto;border-radius:19px}.kn-device-speaker{position:absolute;top:10px;left:calc(50% - 19px);width:38px;height:4px;background:#ffffff99;border-radius:5px}.kn-device-home{position:absolute;bottom:7px;left:calc(50% - 30px);width:60px;height:3px;background:#fff;border-radius:5px}
.kn-device-scene>.kn-device{position:absolute;right:4%;top:95px;width:190px;border-radius:31px}.kn-scene-caption{position:absolute;bottom:24px;left:26%;font-size:13px;font-weight:600;color:#0c3b5d}.kn-scene-caption small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#0c3b5db3}
.kn-portal-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:100px;border-bottom:1px solid #0c3b5d22}.kn-portal-section h2{font-size:clamp(35px,4vw,54px);line-height:1.08;margin:0 0 24px}.kn-portal-section p:not(.kn-product-eyebrow){color:#0c3b5db3;font-size:16px;line-height:1.8;max-width:470px}.kn-portal-section .kn-product-button{margin-top:15px}.kn-portal-feature-list>a{display:flex;align-items:center;gap:25px;padding:28px 0;border-top:1px solid #0c3b5d22;text-decoration:none}.kn-portal-feature-list>a>span{color:#05a358;font-size:13px}.kn-portal-feature-list h3{font-size:24px;margin:0 0 9px}.kn-portal-feature-list p{margin:0!important;font-size:14px!important}.kn-portal-feature-list svg{width:22px;flex-shrink:0;margin-left:auto}
.kn-product-page-intro{padding-block:80px 45px}.kn-product-page-intro h1{font-size:clamp(44px,5.8vw,78px);line-height:1.05;margin:0 0 28px}.kn-product-page-intro>p:last-child{font-size:18px;line-height:1.75;max-width:690px;color:#0c3b5db3}.kn-portal-page-demo{max-width:1000px!important;padding:35px;background:#05a358;border-radius:24px}.kn-portal-page-demo .kn-portal-ui{min-height:430px}.kn-portal-page-demo .kn-portal-content{padding:35px}.kn-product-bottom{padding-block:80px}.kn-product-bottom h2{font-size:40px}.kn-product-bottom .kn-product-button{margin:10px 12px 0 0}.kn-plus-screens{display:flex;justify-content:center;gap:80px;padding-block:65px}.kn-plus-screens figure{margin:0}.kn-plus-screens figcaption{text-align:center;margin-top:25px;font-size:15px}
.kn-contact-invite{padding:45px;background:#05a3580b;border-left:3px solid #05a358}.kn-contact-invite>p{font-size:10px;letter-spacing:.13em}.kn-contact-invite h2{font-size:43px;line-height:1.1;margin:25px 0}.kn-contact-invite>span{font-size:14px;line-height:1.7;display:block;max-width:300px;color:#0c3b5db3}
.kn-brand .kn-menu-top{padding-block:0;height:100px;min-height:100px;box-sizing:border-box;gap:28px;flex-shrink:0}.kn-brand .kn-menu-top .site-logo{display:flex;flex-shrink:0}.kn-brand .kn-menu-top .site-logo img{width:70px;height:70px;object-fit:contain}.kn-brand .kn-menu-top .kn-header-note{margin-right:auto}.kn-brand .kn-menu-body nav a{font-size:clamp(25px,3.2vw,43px);gap:20px;padding-block:18px}.kn-brand .kn-menu-body nav a .kn-nav-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #0c3b5d20;border-radius:10px;flex-shrink:0}.kn-nav-icon svg{width:20px;height:20px}.kn-brand .kn-menu-body nav a .kn-nav-arrow{margin-left:auto}.kn-brand .kn-menu-body nav a:hover{transform:none}.kn-brand .kn-menu-body nav a:hover .kn-nav-icon{transform:none}
.kn-brand .kn-header-cta,.kn-brand .btn,.kn-brand .kn-button{border-radius:14px;gap:14px}.kn-brand .btn svg,.kn-brand .kn-button svg{width:20px;height:20px;flex-shrink:0}.kn-brand .btn-primary{background:#0c3b5d!important;color:#fff!important}.kn-brand .btn-ghost{background:white!important;color:#0c3b5d!important;border-color:#0c3b5d30!important}
@media(hover:hover) and (pointer:fine){.kn-product-button:hover{transform:translateY(-2px);background:#0c3b5de8}.kn-product-secondary:hover{background:#0c3b5d08}.kn-product-contact:hover{text-decoration:underline}}
@media(max-width:1100px) and (min-width:761px){.kn-product-lead{gap:35px}.kn-product-lead h1{font-size:54px}.kn-laptop{left:15%;width:75%}.kn-scene-label{display:none}.kn-device-scene>.kn-device{width:170px;right:0}.kn-portal-stats{gap:22px}.kn-device-scene{height:520px}}
@media(max-width:760px){
.kn-product-hero{padding-top:33px}.kn-product-lead{display:block}.kn-product-eyebrow{font-size:10px;margin-bottom:18px}.kn-product-lead h1{font-size:clamp(39px,10vw,62px);max-width:100%;line-height:1.08}.kn-product-pitch>p{font-size:15px;line-height:1.7;margin:23px 0}.kn-product-actions{gap:9px;flex-wrap:nowrap}.kn-product-button{font-size:12px;padding:14px 13px;gap:9px;min-height:52px;border-radius:12px}.kn-product-button svg{width:18px}.kn-product-actions>a{flex:1}.kn-product-contact{font-size:12px;margin-top:20px}
.kn-device-scene{height:380px;margin-top:35px;width:calc(100% - 40px)!important}.kn-device-scene:before{inset:20px -20px 45px;border-radius:0}.kn-scene-label{display:none}.kn-laptop{width:90%;left:-9%;top:32px}.kn-browser{border-width:5px;border-radius:10px}.kn-browser-chrome{height:23px;padding:0 8px}.kn-browser-chrome small{font-size:7px}.kn-portal-ui{grid-template-columns:58px 1fr;min-height:220px}.kn-portal-ui aside{padding:10px 5px;gap:12px;font-size:6px}.kn-portal-ui aside img{width:29px;height:29px;margin-bottom:0}.kn-portal-ui aside b{padding:5px}.kn-portal-ui aside span{padding-left:4px}.kn-portal-content{padding:13px 10px}.kn-portal-top{font-size:5px;letter-spacing:0}.kn-portal-top small{font-size:5px}.kn-portal-content h3{font-size:15px;margin:9px 0 14px}.kn-portal-stats{gap:17px;padding-bottom:11px}.kn-portal-stats strong{font-size:18px}.kn-portal-stats span{font-size:6px}.kn-portal-content h4{font-size:8px;margin:12px 0 3px}.kn-portal-row{font-size:6px;gap:8px;padding:9px 0}.kn-portal-row i{font-size:7px}.kn-portal-row small{font-size:5px}.kn-portal-row em{font-size:5px;padding:4px}.kn-portal-members{font-size:5px;margin-top:10px}.kn-laptop-base{height:9px;border-top-width:2px}.kn-device-scene>.kn-device{width:116px;right:-4px;top:65px;border-width:4px;border-radius:23px;padding-top:15px;padding-bottom:11px}.kn-device-scene>.kn-device img{border-radius:11px}.kn-device-speaker{top:6px;height:3px;width:24px;left:calc(50% - 12px)}.kn-device-home{bottom:4px;width:40px;left:calc(50% - 20px);height:2px}.kn-scene-caption{left:0;bottom:18px;font-size:11px}.kn-scene-caption small{font-size:9px}
.kn-portal-section{display:block;padding-block:65px}.kn-portal-section h2{font-size:37px}.kn-portal-section p:not(.kn-product-eyebrow){font-size:15px}.kn-portal-feature-list{margin-top:38px}.kn-portal-feature-list>a{gap:16px;padding:23px 0}.kn-portal-feature-list h3{font-size:21px}.kn-portal-feature-list p{font-size:12px!important}.kn-product-page-intro{padding-block:45px 25px}.kn-product-page-intro h1{font-size:43px}.kn-product-page-intro>p:last-child{font-size:16px}.kn-portal-page-demo{padding:15px;border-radius:15px}.kn-portal-page-demo .kn-portal-ui{min-height:230px}.kn-portal-page-demo .kn-portal-content{padding:16px 10px}.kn-product-bottom{padding-block:50px}.kn-product-bottom h2{font-size:34px}.kn-plus-screens{gap:22px}.kn-plus-screens .kn-device{width:145px;border-width:4px;border-radius:25px}.kn-plus-screens figcaption{font-size:11px}.kn-contact-invite{padding:25px}.kn-contact-invite h2{font-size:34px}
.kn-brand .kn-menu-top{height:78px;min-height:78px;gap:16px}.kn-brand .kn-menu-top .site-logo img{width:56px;height:56px}.kn-brand .kn-menu-top .kn-header-note{display:none}.kn-brand .kn-menu-body nav a{font-size:25px;gap:14px;padding-block:15px}.kn-brand .kn-menu-body nav a .kn-nav-icon{width:32px;height:32px;border-radius:8px}.kn-nav-icon svg{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){.kn-product-button{transition:none}.kn-product-button:hover{transform:none}}

.kn-brand .kn-menu-top{height:101px;min-height:101px}.kn-scene-label{color:#0c3b5d;background:#fff;padding:20px;border-radius:13px;width:185px}.kn-scene-label strong{font-size:28px}.kn-tour-phone{position:relative;border:6px solid #0c3b5d;border-radius:34px;padding:23px 0 17px;background:#0c3b5d;margin-bottom:30px}.kn-tour-phone:before{content:'';position:absolute;top:9px;left:calc(50% - 19px);height:4px;width:38px;border-radius:5px;background:#ffffff99}.kn-tour-phone img{border-radius:18px}.kn-tour-phone:after{content:'';position:absolute;bottom:6px;left:calc(50% - 25px);height:3px;width:50px;border-radius:5px;background:#fff}
@media(max-width:760px){.kn-brand .kn-menu-top{height:79px;min-height:79px}}

.kn-brand .kn-header .site-logo img{width:70px;height:70px}.kn-plus-screens figure{min-width:0}.kn-plus-screens .kn-device{max-width:100%}
@media(max-width:760px){.kn-brand .kn-header .site-logo img{width:56px;height:56px}.kn-laptop{left:0;width:86%}.kn-plus-screens figure{width:calc((100% - 22px)/2)}.kn-plus-screens .kn-device{width:100%;box-sizing:border-box}}

.kn-header-cta{display:inline-flex;align-items:center;gap:12px}.kn-header-cta svg{width:18px;height:18px}@media(max-width:760px){.kn-header-cta{display:none}}
/* Keep product captures genuine; framing is deliberately light. */
.kn-original-portal{border:1px solid #0c3b5d25;border-radius:12px;overflow:hidden;background:white;box-shadow:0 20px 50px #0c3b5d20}.kn-original-portal img{display:block;width:100%;height:auto}.kn-laptop-base{display:none}.kn-device-scene:before{background:#0c3b5d07}.kn-scene-label{background:none}.kn-device-scene .kn-laptop{width:75%;left:12%;filter:none}.kn-device-scene{height:680px}.kn-device-scene>.kn-device{top:150px;right:1%;width:215px}.kn-device{border-width:3px;padding:0;border-radius:27px;background:#fff;box-shadow:0 20px 45px #0c3b5d26}.kn-device img{border-radius:23px}.kn-device-speaker,.kn-device-home{display:none}.kn-scene-label{display:none}.kn-scene-caption{left:12%;bottom:25px}.kn-portal-page-demo{background:#0c3b5d05;padding:20px}
/* Opaque surfaces prevent connectors bleeding through labels. */
.kn-brand .network-node{background:#edf8f3;z-index:2}.kn-brand .node-knowledge{background:#f0f3f5}.kn-brand .network-theme-partner{background:#fef5e9}.kn-brand .network-node[aria-pressed=true]{background:#05a358}.kn-brand .node-knowledge[aria-pressed=true],.kn-brand .network-theme-partner[aria-pressed=true]{background:#0c3b5d}.network-child{z-index:3}.network-connections{pointer-events:none}
.kn-brand .site-store-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kn-brand .site-store-links .kn-store-badge,.kn-brand .kn-store-badge{display:inline-flex!important;align-items:center;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;min-width:0;min-height:44px;text-decoration:none;margin:0!important}.kn-store-apple img{width:144px;height:48px;display:block}.kn-store-google img{width:186px;height:72px;object-fit:contain;display:block}.kn-store-badge:focus-visible{outline:3px solid #0c3b5d;outline-offset:3px}
@media(max-width:760px){.kn-device-scene{height:400px}.kn-device-scene .kn-laptop{left:0;width:95%;top:20px}.kn-device-scene>.kn-device{width:125px;right:0;top:90px;padding:0;border-width:2px;border-radius:19px}.kn-device-scene>.kn-device img{border-radius:16px}.kn-scene-caption{left:0;bottom:15px}.kn-store-apple img{width:120px;height:40px}.kn-store-google img{width:155px;height:60px}.kn-brand .site-store-links{gap:4px}}
/* Native document transitions preserve real links and browser history. */

.kn-header{view-transition-name:kinovo-header}
::view-transition-old(root){animation:kn-page-out .18s var(--ease-out) both}
::view-transition-new(root){animation:kn-page-in .26s var(--ease-out) both}
::view-transition-group(kinovo-header){animation:none}
::view-transition-old(kinovo-header){display:none}
::view-transition-new(kinovo-header){animation:none}
@keyframes kn-page-out{to{opacity:0;transform:translateY(-5px)}}
@keyframes kn-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.kn-page-loader{position:fixed;inset:101px 0 0;background:#fffffffa;z-index:1000;display:grid;place-content:center;justify-items:center;gap:22px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out),visibility .2s}
.kn-page-loader.is-visible{opacity:1;visibility:visible}.kn-page-loader img{width:100px;height:100px;object-fit:contain;animation:kn-loader-reveal .3s var(--ease-out) both}.kn-loader-track{width:100px;height:3px;background:#0c3b5d12;overflow:hidden;border-radius:4px}.kn-loader-track:after{content:'';display:block;width:40%;height:100%;background:#05a358;animation:kn-loader-progress 1s linear infinite}.kn-page-loader span{font-size:12px;color:#0c3b5db3}
@keyframes kn-loader-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes kn-loader-progress{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@media(max-width:760px){.kn-page-loader{top:79px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.kn-page-loader,.kn-page-loader img,.kn-loader-track:after{animation:none;transition:none}}
@media(min-width:1101px){.kn-device-scene{height:780px}}
/* Original MockUPhone iPhone 15 frame, unchanged; screenshot underneath. */
.kn-brand .kn-device,.kn-brand .kn-tour-phone{position:relative;aspect-ratio:1419/2796;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:isolate;filter:drop-shadow(8px 18px 18px #0c3b5d22)}
.kn-brand .kn-device:after,.kn-brand .kn-tour-phone:after{content:'';position:absolute;inset:0;width:100%;height:100%;background:url('/assets/devices/iphone-15-black.png') center/100% 100% no-repeat;border-radius:0;pointer-events:none;z-index:2}
.kn-brand .kn-device:before,.kn-brand .kn-tour-phone:before{display:none}
.kn-brand .kn-device>img,.kn-brand .kn-tour-phone>img{position:absolute;left:8.4567%;top:4.2918%;width:83.0867%;height:91.4163%;object-fit:fill;border-radius:13% / 6%;display:block}
.kn-brand .kn-device-scene>.kn-device{width:255px;transform:rotate(8deg);right:1.5%;top:130px}
.kn-brand .kn-tour-phone{width:285px;transform:rotate(-4deg);margin-top:34px;margin-bottom:34px}
.kn-brand .kn-tour-display{padding-bottom:15px}
.kn-brand .kn-plus-screens figure:first-child .kn-device{transform:rotate(-5deg)}
.kn-brand .kn-plus-screens figure:last-child .kn-device{transform:rotate(5deg)}
@media(max-width:760px){.kn-brand .kn-device-scene>.kn-device{width:148px;right:2%;top:80px}.kn-brand .kn-tour-phone{width:245px;max-width:88%}.kn-brand .kn-plus-screens .kn-device{width:100%}.kn-brand .kn-plus-screens{padding-inline:12px;box-sizing:border-box}}
/* Screenshots exclude iOS safe areas: reserve the island area above app content. */
.kn-brand .kn-device:before,.kn-brand .kn-tour-phone:before{content:'';display:block;position:absolute;left:8.4567%;top:4.2918%;width:83.0867%;height:91.4163%;border-radius:13% / 6%;background:#f4f8f5;z-index:0}
.kn-brand .kn-device>img,.kn-brand .kn-tour-phone>img{top:10.8%;height:83.4%;object-fit:contain;object-position:top center;border-radius:0;z-index:1}
/* The safe-area viewport stays fixed while screenshots slide behind the hardware. */
.kn-brand .kn-phone-screen{position:absolute;left:8.4567%;top:10.8%;width:83.0867%;height:83.4%;overflow:hidden;background:#f4f8f5;z-index:1}
.kn-brand .kn-phone-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:top center;border-radius:0;display:block;max-width:none}
.kn-brand .kn-device-scene>.kn-device{transform:perspective(1100px) rotateY(-16deg) rotateZ(-6deg)}
.kn-brand .kn-tour-phone{transform:perspective(1100px) rotateY(-13deg) rotateZ(5deg)}
.kn-brand .kn-plus-screens figure:first-child .kn-device{transform:perspective(1100px) rotateY(14deg) rotateZ(-5deg)}
.kn-brand .kn-plus-screens figure:last-child .kn-device{transform:perspective(1100px) rotateY(-14deg) rotateZ(5deg)}
.kn-brand .kn-tour-description{min-height:135px}
/* Google artwork contains built-in transparent clear space (192/250 visible). */
.kn-brand .kn-store-apple img{width:auto;height:48px}
.kn-brand .kn-store-google img{width:auto;height:62.5px}
.kn-brand .site-store-links{gap:14px;align-items:center}
@media(max-width:760px){.kn-brand .kn-store-apple img{height:40px;width:auto}.kn-brand .kn-store-google img{height:52.083px;width:auto}.kn-brand .site-store-links{gap:10px}.kn-brand .kn-tour-description{min-height:150px}}
/* Balanced device proportions: subtle depth, no exaggerated lean. */
.kn-brand .kn-device-scene>.kn-device{position:absolute;width:225px;right:2%;top:135px;transform:perspective(1200px) rotateY(-9deg) rotateZ(-3deg)}
.kn-brand .kn-tour-phone{width:270px;transform:perspective(1200px) rotateY(-8deg) rotateZ(3deg)}
.kn-brand .kn-plus-screens figure:first-child .kn-device{transform:perspective(1200px) rotateY(8deg) rotateZ(-3deg)}
.kn-brand .kn-plus-screens figure:last-child .kn-device{transform:perspective(1200px) rotateY(-8deg) rotateZ(3deg)}
@media(max-width:760px){.kn-brand .kn-device-scene>.kn-device{width:135px;right:1%;top:90px}.kn-brand .kn-tour-phone{width:235px;max-width:88%}}