/* Site-only landing layouts. All text and sections remain native editable blocks. */
.kk-product-main-grid>*{display:flex;flex-direction:column}.kk-product-main-grid .kk-buttons{margin-top:auto!important;padding-top:12px}
.kk-product-story{max-width:960px}.kk-product-main-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.kk-product-main-grid>*{min-width:0;margin-block-start:0!important}.kk-product-main-grid h3{margin-top:0!important}.kk-industry-workflow{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:48px;padding:28px 0;border-top:1px solid var(--kk-line);margin:0!important}.kk-industry-workflow:first-of-type{margin-top:24px!important}.kk-industry-workflow>*{min-width:0;margin-block-start:0!important}.kk-industry-workflow h3{margin-top:0!important}.kk-industry-workflow-title .kk-buttons a{background:transparent;color:#1742a0;border:0;padding:0;text-decoration:underline;font-size:14px;text-align:left;justify-content:flex-start}.kk-product-main-grid .kk-buttons a{font-size:14px}.kk-product-section .kk-split{align-items:start}.kk-product-section .kk-inner>h2{margin-top:0!important}.kk-product-section .kk-inner>h2+div{margin-top:24px!important}
@media(max-width:800px){.kk-product-main-grid,.kk-industry-workflow{grid-template-columns:1fr;gap:20px}.kk-industry-workflow{padding-block:24px}.kk-industry-workflow-title .kk-buttons{margin-top:12px!important}}
.kk-product-section{padding-block:48px}.kk-product-section h2{max-width:960px;font-size:clamp(1.9rem,3vw,2.6rem)}.kk-product-section .kk-lead{font-size:1.1rem;line-height:1.7}.kk-product-section h3{font-size:1.22rem;letter-spacing:-.025em}.kk-product-section p,.kk-product-section li{color:var(--kk-muted)}
.kk-product-strip{padding-block:20px;border-bottom:1px solid var(--kk-line)}.kk-product-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kk-product-highlights p{margin:0!important;font-size:14px;font-weight:700;text-align:center}
.kk-product-counter{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:64px;align-items:center}.kk-product-counter>*{min-width:0;margin:0!important}.kk-product-counter .kk-shot{max-width:365px;box-shadow:0 14px 40px #0a21491a;padding:0}.kk-product-counter .kk-shot img{display:block;width:100%;height:auto}.kk-product-counter figcaption{padding:12px;font-size:12px}
.kk-product-copy h3{margin-top:24px!important}.kk-product-copy p{max-width:760px}.kk-product-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:24px!important}.kk-product-feature{margin:0!important;border-top:1px solid #cbd5e3;padding:24px 0}.kk-product-feature h3{margin:0 0 12px!important}.kk-product-feature p{margin:0!important;font-size:16px;line-height:1.7}
.kk-product-invoice,.kk-product-reporting{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}.kk-product-invoice>*,.kk-product-reporting>*{min-width:0;margin-block-start:0!important}.kk-invoice-example{border:1px solid #d7c79d;background:#fff9eb;padding:28px;border-radius:12px}.kk-invoice-example .kk-eyebrow{font-size:11px;color:#705925}.kk-invoice-example h3{margin:10px 0 24px!important}.kk-invoice-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:12px 0;border-bottom:1px solid #dfd5be}.kk-invoice-row p{margin:0!important;font-size:15px;color:var(--kk-navy)}.kk-invoice-balance{font-weight:800;font-size:18px}.kk-invoice-note{font-size:14px;line-height:1.65;margin:20px 0 0!important}.kk-product-records{border-left:3px solid var(--kk-gold);padding:4px 0 4px 24px}.kk-product-records h3{margin-top:0!important}.kk-product-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:24px!important}
@media(max-width:800px){.kk-product-counter,.kk-product-invoice,.kk-product-reporting,.kk-product-use-grid{grid-template-columns:1fr;gap:28px}.kk-product-counter .kk-shot{justify-self:center;width:100%}.kk-product-feature-grid{gap:0 28px}.kk-product-highlights{grid-template-columns:repeat(2,1fr)}.kk-product-section{padding-block:36px}}
@media(max-width:540px){.kk-product-feature-grid{grid-template-columns:1fr}.kk-product-highlights p{font-size:12px}.kk-invoice-example{padding:22px}.kk-product-section .kk-lead{font-size:1.05rem}.kk-product-feature{padding-block:20px}}
.kk-landing{--kk-accent:#f5b436;padding-top:76px;padding-bottom:76px}
.kk-landing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.kk-landing-hero>*{min-width:0;margin-block-start:0!important}
.kk-landing-hero h1{font-size:clamp(2.6rem,4.1vw,4.35rem);line-height:1.07;max-width:850px}
.kk-landing-hero .kk-shot{transform:none;box-shadow:0 20px 65px #0003}
.kk-landing-hero .kk-window:before{content:'●  ●  ●';letter-spacing:.25em;color:#8290a7}
.kk-landing-hero .kk-window img{max-height:560px;object-fit:cover;object-position:top}
.kk-landing-hero .kk-lead{font-size:clamp(1.08rem,1.4vw,1.22rem)}
.kk-landing-reverse{grid-template-columns:.95fr 1.05fr}.kk-landing-reverse>.kk-shot{order:-1}
.kk-landing-wide{grid-template-columns:1fr}.kk-landing-wide .kk-hero-copy{max-width:940px}.kk-landing-wide .kk-shot{max-width:1080px;width:100%;margin:14px auto 0!important}.kk-landing-wide .kk-window img{max-height:490px}.kk-landing-wide h1{max-width:1050px;font-size:clamp(2.8rem,5vw,5rem)}
.kk-landing-portrait{grid-template-columns:1.25fr .8fr}.kk-landing-portrait>.kk-shot{max-width:460px;justify-self:end}.kk-landing-portrait .kk-window img{max-height:660px}
.kk-landing:has(.kk-landing-light){background:#eaf0f8;color:var(--kk-navy)}.kk-landing:has(.kk-landing-light):after{display:none}.kk-landing-light .kk-eyebrow{color:#425c8d}.kk-landing-light .kk-lead{color:var(--kk-muted)}.kk-landing-light .kk-buttons .wp-block-button__link{background:var(--kk-navy);border-color:var(--kk-navy);color:white}.kk-landing-light .kk-buttons .is-style-outline .wp-block-button__link{background:transparent;color:var(--kk-navy);border-color:#8b9bb4}
.kk-landing-stacked{grid-template-columns:1fr 1fr;align-items:start}.kk-landing-stacked .kk-hero-copy{grid-column:1/-1;max-width:1000px}.kk-landing-stacked h1{max-width:1000px}.kk-landing-stacked .kk-shot{grid-column:1/-1;max-width:1000px;margin:8px auto 0!important;width:100%}.kk-landing-stacked .kk-window img{max-height:430px}
.kk-landing-hero:not(:has(.kk-shot)){grid-template-columns:1fr}.kk-landing-hero:not(:has(.kk-shot)) .kk-hero-copy{max-width:960px}
.kk-landing-section{padding-top:80px;padding-bottom:80px}.kk-landing-section .kk-inner>h2{max-width:900px}
.kk-feature-list{display:grid;gap:28px;margin-top:36px!important}.kk-feature-list>*{margin:0!important;min-width:0}
.kk-feature-index{font-size:13px;letter-spacing:.1em;color:#627490;font-weight:800;margin-bottom:20px}
.kk-feature h3{font-size:clamp(1.3rem,1.8vw,1.65rem);letter-spacing:-.03em}.kk-feature p:not(.kk-feature-index){color:var(--kk-muted)}
.kk-feature-panels{grid-template-columns:repeat(3,minmax(0,1fr))}.kk-feature-panels>.kk-feature{border:1px solid var(--kk-line);padding:30px;border-radius:14px;background:#fff}.kk-feature-panels>.kk-feature:nth-child(2){background:#eff3fa}
.kk-feature-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.kk-feature-columns>.kk-feature{border-top:3px solid var(--kk-gold);padding-top:24px}
.kk-feature-rows{gap:0}.kk-feature-rows>.kk-feature{display:grid;grid-template-columns:45px .8fr 1.2fr;gap:18px 32px;border-top:1px solid #ccd6e5;padding:30px 0}.kk-feature-rows .kk-feature-index{grid-column:1;grid-row:1/3;padding-top:13px}.kk-feature-rows h3{grid-column:2;grid-row:1/3;margin-top:8px!important}.kk-feature-rows .kk-feature>p:not(.kk-feature-index){grid-column:3}.kk-feature-rows .kk-buttons{grid-column:3;margin-top:0!important}
.kk-feature .kk-buttons .wp-block-button__link{padding:0;background:none;color:#1742a0;border:0;min-height:44px;text-align:left;justify-content:flex-start;text-decoration:underline;font-size:14px;border-radius:0}
.kk-feature .kk-buttons{margin-top:auto!important;padding-top:5px}.kk-feature-panels .kk-feature,.kk-feature-columns .kk-feature{display:flex;flex-direction:column}
.kk-design-split{gap:70px}.kk-design-reverse>div:first-child{order:2}.kk-design-reverse>.kk-shot{order:1}.kk-design-detail{font-size:14px;color:#697791;margin-top:24px!important;max-width:520px}.kk-design-split .kk-shot{transform:none}.kk-design-split .kk-window:before{content:'●  ●  ●';letter-spacing:.25em}
.kk-example{background:#fff8e9}.kk-example .kk-steps{gap:40px}.kk-example .kk-step{border-color:#c6b48c}.kk-example .kk-step:before{color:#876420}.kk-example-reverse{background:#eaf1f9}.kk-example-wide{background:var(--kk-navy);color:white}.kk-example-wide .kk-step p,.kk-example-wide .kk-step:before{color:#cbd8ec}.kk-example-wide .kk-eyebrow{color:#f5bd59}.kk-example-wide .kk-step{border-color:#526584}
.kk-example-portrait .kk-steps{grid-template-columns:1fr}.kk-example-portrait .kk-step{display:grid;grid-template-columns:45px 1fr 1.5fr;gap:30px;align-items:start;padding:22px 0}.kk-example-portrait .kk-step h3{margin-top:0!important}.kk-example-portrait .kk-step:before{padding-top:5px}
.kk-use-case{max-width:940px}.kk-use-case .kk-lead{max-width:900px}.kk-use-case h2{font-size:clamp(2rem,3vw,2.8rem)}
.kk-spec{padding:30px 34px;border:1px solid #cdd7e5;border-radius:14px;background:#fff}.kk-spec h3{margin-top:0!important}.kk-spec li{color:var(--kk-muted);font-size:15px;line-height:1.65}.kk-product-detail{align-items:start}
.kk-compatibility{font-size:14px;line-height:1.7;color:#526075;border-top:1px solid #cbd5e3;margin-top:32px!important;padding-top:22px;max-width:980px}.kk-compact{padding-top:0;padding-bottom:40px}.kk-compact .kk-compatibility{margin-top:0!important}
.kk-end-row{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}.kk-end-row>*{margin:0!important;min-width:0}.kk-end-row h2{font-size:clamp(2rem,3.2vw,3rem)}.kk-end-row p:not(.kk-eyebrow){color:#cbd7eb}.kk-end-row .kk-buttons{justify-content:flex-start;align-content:center}.kk-end-row .wp-block-button{width:100%}.kk-end-row a{width:100%;text-align:center}.kk-landing-end{padding-top:65px;padding-bottom:65px}
.kk-pricing-split{align-items:center}.kk-price-card .kk-eyebrow{color:#f5bd59}.kk-price-card .kk-price{color:#fff}.kk-price-card .kk-buttons .wp-block-button__link{background:var(--kk-gold);color:var(--kk-navy);border-color:var(--kk-gold)}
@media(max-width:1100px){.kk-landing-hero{gap:36px}.kk-landing-hero h1{font-size:clamp(2.6rem,4.5vw,3.8rem)}.kk-feature-rows>.kk-feature{grid-template-columns:35px .9fr 1.1fr;gap:18px 22px}.kk-end-row{gap:32px}.kk-design-split{gap:40px}}
@media(max-width:800px){.kk-landing-hero,.kk-end-row,.kk-feature-panels,.kk-feature-columns{grid-template-columns:1fr}.kk-landing-reverse>.kk-shot{order:initial}.kk-landing-portrait>.kk-shot{max-width:100%;justify-self:stretch}.kk-landing-stacked .kk-hero-copy,.kk-landing-stacked .kk-shot{grid-column:auto}.kk-design-reverse>div:first-child,.kk-design-reverse>.kk-shot{order:initial}.kk-landing-hero .kk-window img{max-height:460px}.kk-landing-hero h1{font-size:clamp(2.6rem,6.8vw,3.7rem)}.kk-feature-rows>.kk-feature{grid-template-columns:35px 1fr}.kk-feature-rows h3{grid-column:2;grid-row:auto}.kk-feature-rows .kk-feature>p:not(.kk-feature-index),.kk-feature-rows .kk-buttons{grid-column:2}.kk-example-portrait .kk-step{grid-template-columns:35px 1fr;gap:16px}.kk-example-portrait .kk-step p{grid-column:2}.kk-end-row .kk-buttons{max-width:420px}.kk-feature-columns{gap:28px}}
@media(max-width:540px){.kk-landing{padding-top:45px;padding-bottom:48px}.kk-landing-hero h1{font-size:2.65rem}.kk-landing-hero{gap:34px}.kk-feature-panels>.kk-feature,.kk-spec{padding:24px}.kk-feature-rows>.kk-feature{gap:12px 16px}.kk-feature .kk-buttons .wp-block-button__link{width:auto;white-space:normal}.kk-landing-section{padding-top:52px;padding-bottom:52px}.kk-landing-hero .kk-window img{max-height:370px}.kk-example .kk-steps{gap:24px}.kk-landing-end{padding-top:50px;padding-bottom:50px}}

/* Keep refreshed native interface captures contained and fully visible. */
.kk-shot.kk-window img[src*="/screenshots-037/"],
.kk-shot.kk-window img[src*="/responsive-037/"],
.kk-product-counter .kk-shot img[src*="/screenshots-037/"],
.kk-product-counter .kk-shot img[src*="/responsive-037/"] {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 560px;
	object-fit: contain;
	margin-inline: auto;
}


/* Cap each new capture at its real pixel width, including density-corrected srcset. */
.kk-shot img[src*="/screenshots-037/ai-assistant."],
.kk-shot.kk-window img[src*="/screenshots-037/ai-assistant."],
.kk-product-counter .kk-shot img[src*="/screenshots-037/ai-assistant."],
.kk-shot img[src*="/responsive-037/ai-assistant-"],
.kk-shot.kk-window img[src*="/responsive-037/ai-assistant-"],
.kk-product-counter .kk-shot img[src*="/responsive-037/ai-assistant-"] {
	max-width: min(100%, 770px);
}

.kk-shot img[src*="/screenshots-037/ai-brief."],
.kk-shot.kk-window img[src*="/screenshots-037/ai-brief."],
.kk-product-counter .kk-shot img[src*="/screenshots-037/ai-brief."],
.kk-shot img[src*="/responsive-037/ai-brief-"],
.kk-shot.kk-window img[src*="/responsive-037/ai-brief-"],
.kk-product-counter .kk-shot img[src*="/responsive-037/ai-brief-"] {
	max-width: min(100%, 748px);
}

.kk-shot img[src*="/screenshots-037/booking-hours."],
.kk-shot.kk-window img[src*="/screenshots-037/booking-hours."],
.kk-product-counter .kk-shot img[src*="/screenshots-037/booking-hours."],
.kk-shot img[src*="/responsive-037/booking-hours-"],
.kk-shot.kk-window img[src*="/responsive-037/booking-hours-"],
.kk-product-counter .kk-shot img[src*="/responsive-037/booking-hours-"] {
	max-width: min(100%, 818px);
}

.kk-shot img[src*="/screenshots-037/brand-typography."],
.kk-shot.kk-window img[src*="/screenshots-037/brand-typography."],
.kk-product-counter .kk-shot img[src*="/screenshots-037/brand-typography."],
.kk-shot img[src*="/responsive-037/brand-typography-"],
.kk-shot.kk-window img[src*="/responsive-037/brand-typography-"],
.kk-product-counter .kk-shot img[src*="/responsive-037/brand-typography-"] {
	max-width: min(100%, 814px);
}

.kk-shot img[src*="/screenshots-037/events."],
.kk-shot.kk-window img[src*="/screenshots-037/events."],
.kk-product-counter .kk-shot img[src*="/screenshots-037/events."],
.kk-shot img[src*="/responsive-037/events-"],
.kk-shot.kk-window img[src*="/responsive-037/events-"],
.kk-product-counter .kk-shot img[src*="/responsive-037/events-"] {
	max-width: min(100%, 444px);
}

.kk-shot img[src*="/screenshots-037/form-fields."],
.kk-shot.kk-window img[src*="/screenshots-037/form-fields."],
.kk-product-counter .kk-shot img[src*="/screenshots-037/form-fields."],
.kk-shot img[src*="/responsive-037/form-fields-"],
.kk-shot.kk-window img[src*="/responsive-037/form-fields-"],
.kk-product-counter .kk-shot img[src*="/responsive-037/form-fields-"] {
	max-width: min(100%, 815px);
}

.kk-shot img[src*="/screenshots-037/membership-desk."],
.kk-shot.kk-window img[src*="/screenshots-037/membership-desk."],
.kk-product-counter .kk-shot img[src*="/screenshots-037/membership-desk."],
.kk-shot img[src*="/responsive-037/membership-desk-"],
.kk-shot.kk-window img[src*="/responsive-037/membership-desk-"],
.kk-product-counter .kk-shot img[src*="/responsive-037/membership-desk-"] {
	max-width: min(100%, 812px);
}

.kk-shot img[src*="/screenshots-037/pos-basket."],
.kk-shot.kk-window img[src*="/screenshots-037/pos-basket."],
.kk-product-counter .kk-shot img[src*="/screenshots-037/pos-basket."],
.kk-shot img[src*="/responsive-037/pos-basket-"],
.kk-shot.kk-window img[src*="/responsive-037/pos-basket-"],
.kk-product-counter .kk-shot img[src*="/responsive-037/pos-basket-"] {
	max-width: min(100%, 350px);
}

.kk-shot img[src*="/screenshots-037/pos-catalogue."],
.kk-shot.kk-window img[src*="/screenshots-037/pos-catalogue."],
.kk-product-counter .kk-shot img[src*="/screenshots-037/pos-catalogue."],
.kk-shot img[src*="/responsive-037/pos-catalogue-"],
.kk-shot.kk-window img[src*="/responsive-037/pos-catalogue-"],
.kk-product-counter .kk-shot img[src*="/responsive-037/pos-catalogue-"] {
	max-width: min(100%, 654px);
}

.kk-shot img[src*="/screenshots-037/quotes."],
.kk-shot.kk-window img[src*="/screenshots-037/quotes."],
.kk-product-counter .kk-shot img[src*="/screenshots-037/quotes."],
.kk-shot img[src*="/responsive-037/quotes-"],
.kk-shot.kk-window img[src*="/responsive-037/quotes-"],
.kk-product-counter .kk-shot img[src*="/responsive-037/quotes-"] {
	max-width: min(100%, 780px);
}

.kk-shot img[src*="/screenshots-037/staff-workspaces."],
.kk-shot.kk-window img[src*="/screenshots-037/staff-workspaces."],
.kk-product-counter .kk-shot img[src*="/screenshots-037/staff-workspaces."],
.kk-shot img[src*="/responsive-037/staff-workspaces-"],
.kk-shot.kk-window img[src*="/responsive-037/staff-workspaces-"],
.kk-product-counter .kk-shot img[src*="/responsive-037/staff-workspaces-"] {
	max-width: min(100%, 1005px);
}
/* Card heading level follows document structure without changing card typography. */
.kk-card h2,.kk-step h2{font-size:1.5rem;margin:12px 0 16px!important}
