.kks {
 --kks-ink:#181818; --kks-muted:#626262; --kks-line:#dedede;
 --kks-width:1200px; --kks-gutter:20px; --kks-pad:clamp(20px,3.3vw,44px);
 color:var(--kks-ink); background:#fff;
 font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Consolas,monospace;
 font-size:16px; line-height:1.65; font-weight:400;
 -webkit-text-size-adjust:100%; overflow-wrap:break-word;
}
.kks :where(h1,h2,h3,p,ul,ol,dl,dd,figure) {margin:0; padding:0;}
.kks :where(div,section,article,header,footer,nav,figure,picture,details,summary,li,dl,dt,dd,a,button,span,img,svg) {box-sizing:border-box;}
.kks a {color:inherit!important; text-decoration:none;}
.kks :where(a,summary,button):focus-visible {outline:2px solid #181818; outline-offset:5px;}
.kks :where(h1,h2,h3) {font-family:inherit; font-weight:600; color:var(--kks-ink); text-wrap:balance;}
.kks h1 {font-size:clamp(36px,4vw,54px); line-height:1.14; letter-spacing:-1.8px;}
.kks h2 {font-size:clamp(27px,3vw,38px); line-height:1.23; letter-spacing:-1px;}
.kks h3 {font-size:20px; line-height:1.4; letter-spacing:-.35px;}
.kks p {max-width:75ch;}
.kks img {max-width:100%; height:auto; display:block;}
.kks picture {display:block;}
.kks [id],.kks[id] {scroll-margin-top:24px;}
.kks .kks-frame {width:min(var(--kks-width),calc(100% - var(--kks-gutter)*2)); margin-inline:auto; border-inline:1px solid var(--kks-line); border-bottom:1px solid var(--kks-line);}
.kks .kks-eyebrow {font-size:12px; line-height:1.6; letter-spacing:.06em; margin-bottom:20px; color:var(--kks-muted);}
.kks .kks-intro {color:var(--kks-muted); margin-top:18px; max-width:72ch;}
.kks .kks-note {font-size:12px; line-height:1.7; color:var(--kks-muted);}
.kks .kks-pad-note {padding:20px var(--kks-pad); max-width:none; border-top:1px solid var(--kks-line);}
.kks .kks-section-head {padding:56px var(--kks-pad) 32px;}
.kks .kks-heading-row {padding:36px var(--kks-pad); display:flex; align-items:center; justify-content:space-between; gap:24px;}
.kks .kks-heading-row .kks-text-link {flex-shrink:0;}
.kks .kks-button {display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:48px; padding:12px 22px; background:var(--kks-ink); color:#fff!important; border:1px solid var(--kks-ink); border-radius:0; font:500 14px/1.5 'IBM Plex Mono',monospace; text-align:center; transition:background-color .16s,color .16s;}
.kks .kks-button-outline {background:#fff; color:var(--kks-ink)!important;}
.kks .kks-actions {display:flex; flex-wrap:wrap; gap:12px; margin-top:28px;}
.kks .kks-text-link {display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:14px; text-decoration:underline; text-underline-offset:5px;}
.kks .kks-number {font-size:13px; color:var(--kks-muted); font-weight:400;}
.kks .kks-logo {display:inline-flex; width:236px; max-width:100%; flex-shrink:0; padding-block:8px; align-items:center;}
.kks .kks-logo svg {width:100%; height:auto; display:block;}
.kks .kks-header-inner {min-height:84px; padding:14px 24px; display:flex; align-items:center; gap:24px; position:relative;}
.kks .kks-desktop-nav {display:flex; align-items:center; gap:26px; margin-left:auto; font-size:13px;}
.kks .kks-desktop-nav a {display:inline-flex; min-height:44px; align-items:center;}
.kks .kks-header-cta {min-height:44px; padding:10px 16px; font-size:12px;}
.kks .kks-mobile-menu {display:none; margin-left:auto;}
.kks .kks-mobile-menu summary {cursor:pointer; list-style:none; width:44px; min-height:44px; display:grid; place-items:center;}
.kks summary::-webkit-details-marker {display:none;}
.kks .kks-burger {position:relative; display:block; width:22px; height:2px; background:#181818;}
.kks .kks-burger::before,.kks .kks-burger::after {content:''; position:absolute; left:0; width:22px; height:2px; background:#181818;}
.kks .kks-burger::before {top:-7px;} .kks .kks-burger::after {top:7px;}
.kks .kks-mobile-menu nav {position:absolute; z-index:30; left:0; right:0; top:100%; padding:12px 20px; border:1px solid var(--kks-line); background:#fff; display:grid;}
.kks .kks-mobile-menu nav a {display:flex; align-items:center; min-height:48px; border-bottom:1px solid var(--kks-line); font-size:14px;}
.kks .kks-mobile-menu nav a:last-child {border:0;}
.kks .kks-skip {position:absolute; left:20px; top:0; transform:translateY(-200%); background:#181818; color:#fff!important; padding:12px; z-index:100;}
.kks .kks-skip:focus {transform:none;}
.kks .kks-hero-content {padding:64px var(--kks-pad) 0;}
.kks .kks-hero-copy {position:relative; z-index:1; max-width:700px; width:66%;}
.kks .kks-lead {font-size:17px; line-height:1.65; margin-top:24px; max-width:52ch; color:var(--kks-muted);}
.kks .kks-hero-figure {width:88%; margin:-135px -12px -5px auto;}
.kks .kks-hero-figure img {width:100%; mix-blend-mode:multiply; filter:brightness(1.04);}
.kks .kks-hero-tags {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:24px 0; font-size:13px;}
.kks .kks-hero-tags li {text-align:center; padding:0 12px;}
.kks .kks-hero-tags li+li {border-left:1px solid var(--kks-line);}
.kks .kks-category-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--kks-line);}
.kks .kks-category {padding:32px 22px 28px; text-align:center; min-width:0;}
.kks .kks-category+.kks-category {border-left:1px solid var(--kks-line);}
.kks .kks-category-icon svg {width:128px; height:102px; display:block; margin:0 auto 20px;}
.kks .kks-category h3 {font-size:20px; min-height:56px;}
.kks .kks-category p {font-size:14px; color:var(--kks-muted); margin:14px 0; min-height:70px;}
.kks .kks-task-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--kks-line);}
.kks .kks-task {padding:28px var(--kks-pad); min-width:0;}
.kks .kks-task:not(:nth-child(3n+1)) {border-left:1px solid var(--kks-line);}
.kks .kks-task:nth-child(n+4) {border-top:1px solid var(--kks-line);}
.kks .kks-task h3 {margin:20px 0 12px;}
.kks .kks-task p {font-size:14px; color:var(--kks-muted);}
.kks .kks-solution {border-top:1px solid var(--kks-line);}
.kks .kks-solution summary {display:grid; grid-template-columns:36px minmax(0,1fr) 24px; gap:20px; padding:24px var(--kks-pad); cursor:pointer; list-style:none; align-items:start;}
.kks .kks-solution-title {display:block; font-size:21px; font-weight:500; line-height:1.4;}
.kks .kks-solution-desc {display:block; color:var(--kks-muted); font-size:14px; margin-top:6px; max-width:80ch;}
.kks .kks-plus {display:block; font-size:25px; font-weight:400; line-height:1.2; text-align:center; transition:transform .15s;}
.kks details[open]>summary .kks-plus {transform:rotate(45deg);}
.kks .kks-solution-body {padding:0 var(--kks-pad) 28px calc(var(--kks-pad) + 56px); font-size:14px;}
.kks .kks-solution-body p {color:var(--kks-muted); margin-bottom:12px;}
.kks .kks-step-grid {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; border-top:1px solid var(--kks-line);}
.kks .kks-step-grid li {padding:28px 24px; min-width:0;}
.kks .kks-step-grid li+li {border-left:1px solid var(--kks-line);}
.kks .kks-step-no {display:inline-flex; min-height:38px; align-items:center; margin-bottom:24px; font-size:25px; line-height:1.2;}
.kks .kks-step-grid h3 {font-size:18px; margin-bottom:12px;}
.kks .kks-step-grid p {color:var(--kks-muted); font-size:13px;}
.kks .kks-system-grid {display:grid; grid-template-columns:1.1fr 1fr; border-top:1px solid var(--kks-line);}
.kks .kks-system-figure {padding:32px 24px; align-self:center;}
.kks .kks-system-figure img {width:100%; filter:brightness(1.04);}
.kks .kks-system-figure figcaption {margin:20px auto 0; max-width:40ch; font-size:12px; color:var(--kks-muted); text-align:center;}
.kks .kks-parts {border-left:1px solid var(--kks-line);}
.kks .kks-parts>div {padding:20px 28px;}
.kks .kks-parts>div+div {border-top:1px solid var(--kks-line);}
.kks .kks-parts dt {font-size:16px; font-weight:500; margin-bottom:5px;}
.kks .kks-parts dd {font-size:13px; color:var(--kks-muted);}
.kks .kks-module-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--kks-line);}
.kks .kks-module {padding:28px var(--kks-pad); min-width:0;}
.kks .kks-module:nth-child(even) {border-left:1px solid var(--kks-line);}
.kks .kks-module:nth-child(n+3) {border-top:1px solid var(--kks-line);}
.kks .kks-module p {font-size:14px; color:var(--kks-muted); margin-top:12px;}
.kks .kks-module .kks-module-name {font-size:12px; font-weight:500; color:#181818;}
.kks .kks-integration-bottom {padding:28px var(--kks-pad); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:32px; align-items:center; border-top:1px solid var(--kks-line);}
.kks .kks-integration-bottom p {font-size:14px; color:var(--kks-muted); margin-top:12px;}
.kks .kks-about-copy {padding:0 var(--kks-pad) 32px; display:grid; grid-template-columns:1fr 1fr; gap:44px;}
.kks .kks-about-copy p {font-size:15px; color:var(--kks-muted);}
.kks .kks-faq {border-top:1px solid var(--kks-line);}
.kks .kks-faq summary {display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px var(--kks-pad); cursor:pointer; font-size:17px; font-weight:500; list-style:none;}
.kks .kks-faq summary .kks-plus {flex-shrink:0; width:24px;}
.kks .kks-faq-answer {padding:0 var(--kks-pad) 26px; font-size:14px; color:var(--kks-muted);}
.kks .kks-request-inner {padding:52px var(--kks-pad); display:grid; grid-template-columns:1.6fr 1fr; gap:44px; align-items:center;}
.kks .kks-request-action {justify-self:end;}
.kks .kks-request-action .kks-note {margin-top:16px; max-width:30ch;}
.kks .kks-footer-top {padding:32px var(--kks-pad); display:flex; justify-content:space-between; gap:32px;}
.kks .kks-footer-top .kks-logo {width:190px;}
.kks .kks-footer-top p {margin-top:16px;}
.kks .kks-footer-top nav {display:grid; grid-template-columns:1fr 1fr; gap:8px 40px; font-size:13px;}
.kks .kks-footer-top nav a {min-height:40px; display:flex; align-items:center;}
.kks .kks-footer-bottom {padding:18px var(--kks-pad); border-top:1px solid var(--kks-line); display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px 24px; font-size:11px; color:var(--kks-muted);}
.kks .kks-footer-bottom a {text-decoration:underline; text-underline-offset:4px;}
@media (hover:hover) {
 .kks .kks-button:hover {background:#333;}
 .kks .kks-button-outline:hover {background:#181818; color:#fff!important;}
 .kks .kks-text-link:hover,.kks .kks-desktop-nav a:hover,.kks .kks-footer a:hover {text-decoration:underline; text-underline-offset:5px;}
 .kks .kks-category:hover,.kks .kks-faq summary:hover,.kks .kks-solution summary:hover {background:#fafafa;}
}
@media (max-width:1100px) {
 .kks .kks-header-inner {gap:16px;} .kks .kks-logo {width:205px;}
 .kks .kks-desktop-nav {gap:18px; font-size:12px;}
 .kks .kks-hero-copy {width:78%;} .kks .kks-hero-figure {margin-top:-65px; width:92%;}
 .kks .kks-step-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .kks .kks-step-grid li:nth-child(3) {border-left:0;}
 .kks .kks-step-grid li:nth-child(n+3) {border-top:1px solid var(--kks-line);}
 .kks .kks-category h3 {font-size:18px;}
}
@media (max-width:900px) {
 .kks .kks-desktop-nav,.kks .kks-header-cta {display:none;}
 .kks .kks-mobile-menu {display:block;} .kks .kks-header-inner {min-height:72px; padding:12px 20px;}
 .kks .kks-hero-copy {width:100%; max-width:680px;}
 .kks .kks-hero-figure {margin:10px auto 0; width:100%;}
 .kks .kks-task-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .kks .kks-task:not(:nth-child(3n+1)) {border-left:0;}
 .kks .kks-task:nth-child(even) {border-left:1px solid var(--kks-line);}
 .kks .kks-task:nth-child(n+3) {border-top:1px solid var(--kks-line);}
 .kks .kks-system-grid {grid-template-columns:1fr;}
 .kks .kks-system-figure {max-width:650px; margin:auto;}
 .kks .kks-parts {border-left:0; border-top:1px solid var(--kks-line); display:grid; grid-template-columns:1fr 1fr;}
 .kks .kks-parts>div:nth-child(2) {border-top:0;}
 .kks .kks-parts>div:nth-child(even) {border-left:1px solid var(--kks-line);}
 .kks .kks-request-inner {grid-template-columns:1fr; gap:28px;}
 .kks .kks-request-action {justify-self:start;}
 .kks .kks-integration-bottom {grid-template-columns:1fr; gap:24px;}
 .kks .kks-integration-bottom .kks-button {justify-self:start;}
}
@media (max-width:680px) {
 .kks {--kks-gutter:12px; --kks-pad:20px; font-size:15px;}
 .kks h1 {font-size:clamp(29px,6.7vw,42px); line-height:1.17; letter-spacing:-1.05px;}
 .kks h2 {font-size:clamp(25px,5.8vw,32px); letter-spacing:-.7px;}
 .kks .kks-section-head {padding-top:36px; padding-bottom:24px;}
 .kks .kks-eyebrow {font-size:10px; margin-bottom:16px;}
 .kks .kks-logo {width:190px;}
 .kks .kks-header-inner {padding-inline:16px; min-height:68px;}
 .kks .kks-hero-content {padding-top:36px;}
 .kks .kks-lead {font-size:15px; margin-top:20px;}
 .kks .kks-actions {flex-direction:column; align-items:stretch; margin-top:24px;}
 .kks .kks-hero-figure {width:calc(100% + 24px); margin:16px -12px 0;}
 .kks .kks-hero-tags {font-size:10px; padding:20px 0;}
 .kks .kks-hero-tags li {padding:0 5px;}
 .kks .kks-heading-row {padding:28px var(--kks-pad); align-items:start; flex-direction:column; gap:8px;}
 .kks .kks-category-grid {grid-template-columns:1fr;}
 .kks .kks-category {display:grid; grid-template-columns:88px minmax(0,1fr); gap:20px; text-align:left; padding:24px 20px;}
 .kks .kks-category+.kks-category {border-left:0; border-top:1px solid var(--kks-line);}
 .kks .kks-category-icon svg {width:88px; height:80px; margin:0;}
 .kks .kks-category h3 {min-height:0; font-size:18px; text-wrap:wrap;}
 .kks .kks-category p {min-height:0; font-size:13px; margin:10px 0;}
 .kks .kks-task-grid {grid-template-columns:1fr;}
 .kks .kks-task:nth-child(even) {border-left:0;}
 .kks .kks-task+.kks-task {border-top:1px solid var(--kks-line);}
 .kks .kks-task {padding:24px var(--kks-pad);}
 .kks .kks-task h3 {margin-top:12px;}
 .kks .kks-solution summary {grid-template-columns:24px minmax(0,1fr) 20px; gap:12px; padding-block:20px;}
 .kks .kks-solution-title {font-size:17px;}
 .kks .kks-solution-desc {font-size:12px;}
 .kks .kks-solution-body {padding-left:var(--kks-pad);}
 .kks .kks-step-grid {grid-template-columns:1fr;}
 .kks .kks-step-grid li+li {border-left:0; border-top:1px solid var(--kks-line);}
 .kks .kks-step-grid li {padding:24px var(--kks-pad); display:grid; grid-template-columns:36px minmax(0,1fr); column-gap:16px;}
 .kks .kks-step-no {grid-row:1/3; margin:0; align-self:start;}
 .kks .kks-step-grid p {grid-column:2;}
 .kks .kks-parts {grid-template-columns:1fr;}
 .kks .kks-parts>div:nth-child(even) {border-left:0;}
 .kks .kks-parts>div:nth-child(2) {border-top:1px solid var(--kks-line);}
 .kks .kks-parts>div {padding:20px var(--kks-pad);}
 .kks .kks-system-figure {padding:24px 12px;}
 .kks .kks-module-grid {grid-template-columns:1fr;}
 .kks .kks-module:nth-child(even) {border-left:0;}
 .kks .kks-module+.kks-module {border-top:1px solid var(--kks-line);}
 .kks .kks-about-copy {grid-template-columns:1fr; gap:18px;}
 .kks .kks-faq summary {font-size:15px; gap:12px; padding-block:20px;}
 .kks .kks-request-inner {padding-block:36px;}
 .kks .kks-request-action {width:100%;}
 .kks .kks-request-action .kks-button {width:100%;}
 .kks .kks-footer-top {flex-direction:column; gap:28px;}
 .kks .kks-footer-bottom {flex-direction:column; gap:18px;}
 .kks .kks-footer-bottom a {min-height:32px; display:inline-flex; align-items:center;}
}
@media (max-width:360px) {
 .kks {--kks-pad:16px;}
 .kks .kks-category {grid-template-columns:64px minmax(0,1fr); gap:12px; padding-inline:16px;}
 .kks .kks-category-icon svg {width:64px; height:64px;}
 .kks .kks-logo {width:172px;}
 .kks .kks-button {padding-inline:12px; font-size:13px;}
}
@media (prefers-reduced-motion:reduce) {
 .kks .kks-button,.kks .kks-plus {transition:none;}
}
@media print {
 .kks .kks-frame {width:100%; max-width:none;}
 .kks .kks-header-cta,.kks .kks-mobile-menu {display:none;}
 .kks {font-size:11pt;}
 .kks .kks-task,.kks .kks-category,.kks .kks-module {break-inside:avoid;}
}
</style>