/* /koppelingen only. The website header/footer remain shared with the other public pages. */
.kp-page { --kp-blue: #0068ff; --kp-ink: #081c3c; --kp-muted: #47658e; overflow: clip; background: #f2f8ff; }
.kp-page .shell { width: min(1280px, calc(100% - 80px)); }
.kp-page svg { display: block; }
.kp-symbols { position: absolute; width: 0; height: 0; overflow: hidden; }
.kp-page h1, .kp-page h2, .kp-page h3 { font-weight: 750; }
.kp-eyebrow { margin: 0 0 16px; color: #0060ee; font-size: .76rem; line-height: 1.4; font-weight: 800; letter-spacing: .095em; text-transform: uppercase; }
.kp-text { color: var(--kp-muted); font-size: 1.05rem; line-height: 1.6; }
.kp-actions { display: flex; flex-wrap: wrap; gap: 16px; margin: 28px 0; }
.kp-button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 54px; padding: 13px 23px; border: 1px solid transparent; border-radius: 11px; font-size: .91rem; font-weight: 700; line-height: 1.4; transition: transform .2s, box-shadow .2s, background .2s; }
.kp-button:hover { transform: translateY(-2px); }
.kp-button span:last-child:not(.kp-play) { font-size: 1.25em; }
.kp-primary { background: linear-gradient(110deg, #0084ff, #0047ff); color: #fff; box-shadow: 0 6px 23px #006bff50, inset 0 1px 0 #ffffff26; }
.kp-primary:hover { box-shadow: 0 10px 30px #006bff70; background: linear-gradient(110deg, #006cdd, #003edc); }
.kp-outline { border-color: #a5c2e4; color: #fff; background: #0a20324d; box-shadow: inset 0 0 0 3px #ffffff08; }
.kp-outline:hover { background: #ffffff14; }
.kp-page a:focus-visible { outline: 3px solid #329cfa; outline-offset: 5px; }
.kp-play { display: inline-grid; place-items: center; width: 24px; height: 24px; border: 1px solid #7dcaff; border-radius: 50%; font-size: .6rem; color: #d3efff; }
.kp-hand { color: #79d9ff; font-family: var(--w-hand); font-size: 1.25rem; font-style: italic; line-height: 1.4; }
.kp-hand svg { width: 75px; height: 75px; fill: none; stroke: #58caff; stroke-width: 2; stroke-linecap: round; }
.main-nav a[href="/koppelingen"] { color: #fff; text-decoration: underline; text-underline-offset: 13px; text-decoration-color: #148bff; text-decoration-thickness: 2px; }

/* Hero: a vector network, glass tiles and a curved transition into the light section. */
.kp-hero { position: relative; isolation: isolate; padding: 44px 0 60px; color: #fff; background: radial-gradient(ellipse at 87% 80%, #0045a1a6, transparent 37%), radial-gradient(ellipse at 50% 0, #003e765c, transparent 47%), linear-gradient(118deg, #041729, #061c35 60%, #082748); }
.kp-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(119deg, transparent 68%, #0789ff0d 68.2%, transparent 83%), radial-gradient(ellipse at 43% 95%, #26b9ff26, transparent 43%); }
.kp-hero-grid { display: grid; grid-template-columns: 1.03fr 1fr; gap: 12px; align-items: center; }
.kp-hero-copy { position: relative; z-index: 2; padding: 26px 0 40px; }
.kp-hero .kp-eyebrow, .kp-result .kp-eyebrow { color: #23ccff; }
.kp-hero h1 { margin-bottom: 22px; font-size: clamp(2.6rem, 4.5vw, 4.4rem); letter-spacing: -.045em; line-height: 1.035; }
.kp-hero h1 span { color: #2c99ff; background: linear-gradient(180deg, #3bb7ff, #2581f2); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.kp-lead { max-width: 48ch; color: #e0e9f6; font-size: 1.12rem; line-height: 1.55; }
.kp-checks { display: flex; flex-wrap: wrap; gap: 12px 23px; list-style: none; padding: 0; margin: 28px 0 0; font-size: .83rem; color: #e7eff9; }
.kp-checks li { display: flex; gap: 8px; align-items: center; }
.kp-checks li::before { content: "✓"; display: grid; place-items: center; flex: 0 0 22px; height: 22px; border-radius: 50%; background: linear-gradient(145deg, #0796ff, #0044f3); color: #fff; font-weight: 700; }
.kp-microtrust { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 0; margin: 0; list-style: none; font-size: .69rem; color: #d3e3f4; }
.kp-microtrust li { display: flex; align-items: center; gap: 7px; }
.kp-microtrust svg { width: 21px; height: 21px; padding: 4px; border-radius: 50%; color: #0d3557; background: #e9f3ff; }
.kp-wave { position: absolute; bottom: -1px; left: 0; width: 100%; height: 82px; pointer-events: none; }
.kp-network { position: relative; width: 100%; aspect-ratio: 600/580; min-width: 0; margin: -5px -5px 0 0; background: radial-gradient(ellipse at 51% 50%, #096cff35 3%, transparent 62%); }
.kp-orbit { position: absolute; border: 1px solid #1684f04d; border-radius: 50%; box-shadow: inset 0 0 24px #258fff10, 0 0 15px #004cbd14; pointer-events: none; }
.kp-orbit-one { width: 77%; height: 79%; top: 11%; left: 12%; transform: rotate(-24deg); }
.kp-orbit-two { width: 85%; height: 60%; top: 23%; left: 7%; transform: rotate(35deg); border-color: #087ae63d; }
.kp-wires { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.kp-wire-glow { stroke: #199aff; stroke-width: 10; }
.kp-wire-lines { stroke: #88d5ff; stroke-width: 1.3; }
.kp-wire-data { stroke: #e1f7ff; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 2 65; animation: kp-flow 7s linear infinite; }
@keyframes kp-flow { to { stroke-dashoffset: -134; } }
.kp-core { position: absolute; left: 50.5%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 29%; aspect-ratio: 1.04; border: 2px solid #8dc8ff; border-radius: 23%; background: radial-gradient(ellipse at top, #133f76, #052049 60%, #042046); box-shadow: 0 0 6px #f4eaff, 0 0 24px #077effb3, 0 0 80px #006aff6b, inset 0 0 25px #1557cc; }
.kp-core::after { content: ""; position: absolute; inset: 5px; border-radius: 20%; border: 1px solid #ffffff0d; }
.kp-core img { width: 59%; height: auto; }
.kp-core strong { font-size: clamp(.65rem, 1.1vw, 1.05rem); letter-spacing: .12em; margin-top: 5px; }
.kp-node { position: absolute; width: 18.5%; text-align: center; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 8px; }
.kp-node-label { max-width: 132%; padding: 4px 10px; border: 1px solid #1d87d8; border-radius: 10px; color: #deedff; background: linear-gradient(110deg, #092846, #0b3158); font-size: clamp(.56rem, .86vw, .83rem); line-height: 1.35; box-shadow: 0 0 15px #087fff2b; white-space: nowrap; }
.kp-tile { position: relative; display: flex; align-items: center; justify-content: center; width: 80%; aspect-ratio: 1; border: 2px solid #bfe8ff; border-radius: 18%; background: linear-gradient(130deg, #fff, #e0f2ff); box-shadow: inset 0 0 0 3px #ffffffa3, 0 0 16px #33b2ffc9, 0 0 44px #0084ff6b; }
.kp-tile > svg { position: absolute; width: 66%; height: 66%; color: #063466; }
.kp-afas { color: #0053bd; font-style: italic; font-weight: 900; letter-spacing: -.06em; line-height: 1; }
.kp-exact { color: #f12438; font-weight: 750; letter-spacing: -.055em; line-height: 1; }
.kp-tile .kp-afas { font-size: clamp(1rem, 2vw, 1.9rem); }
.kp-tile .kp-exact { font-size: clamp(.9rem, 1.7vw, 1.6rem); }
.kp-node-afas { left: 30.8%; top: 19.8%; transform: translate(-50%, -50%) rotate(-6deg); }
.kp-node-shopify { left: 69.2%; top: 18.4%; transform: translate(-50%, -50%) rotate(6deg); }
.kp-node-exact { left: 17.3%; top: 45%; transform: translate(-50%, -50%) rotate(-6deg); }
.kp-node-outlook { left: 85%; top: 46.4%; transform: translate(-50%, -50%) rotate(6deg); }
.kp-node-whatsapp { left: 26.5%; top: 74%; transform: translate(-50%, -50%) rotate(5deg); }
.kp-node-calendar { left: 50.5%; top: 82%; }
.kp-node-doc { left: 75.5%; top: 75.3%; transform: translate(-50%, -50%) rotate(-5deg); }
.kp-network-note { position: absolute; right: -1%; top: 4%; width: 22%; transform: rotate(-10deg); font-size: clamp(.75rem, 1.35vw, 1.25rem); }
.kp-network-note svg { margin-left: 12px; width: 65%; height: auto; }

/* Software examples and link cards. */
.kp-brands { padding: 13px 0 27px; background: linear-gradient(#f2f8ff, #f9fcff); }
.kp-brand-heading { color: #204f91; font-size: .67rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 22px; }
.kp-brand-list { padding: 0; margin: 0; list-style: none; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px 26px; color: #082856; }
.kp-brand-list > li { font-size: 1.04rem; white-space: nowrap; }
.kp-brand-list > li > .kp-afas, .kp-brand-list > li > .kp-exact { font-size: 1.55rem; }
.kp-brand-list .kp-exact { color: #082856; }
.kp-brand-word { display: flex; align-items: center; gap: 5px; }
.kp-brand-word svg { width: 28px; height: 28px; color: #004ca5; }
.kp-brand-word.kp-ms { font-size: .9rem; }
.kp-ms svg { width: 22px; height: 22px; }
.kp-shopify-word { font-style: italic; letter-spacing: -.04em; }
.kp-brand-disclaimer { margin: 16px 0 0; color: #526d8e; font-size: .7rem; }
.kp-popular { padding: 46px 0 64px; background: radial-gradient(ellipse at 30% 100%, #d9edff80, transparent 65%), #f7fbff; scroll-margin-top: 95px; }
.kp-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.kp-section-heading h2 { margin-bottom: 12px; color: var(--kp-ink); font-size: clamp(2.2rem, 3.5vw, 3.3rem); }
.kp-section-heading .kp-text { margin-bottom: 0; }
.kp-text-link { display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; color: #005be9; font-size: .87rem; font-weight: 700; }
.kp-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.kp-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.kp-card { display: grid; grid-template-columns: 65px minmax(0, 1fr); align-items: start; position: relative; gap: 20px; padding: 23px; border: 1px solid #fff; border-radius: 19px; background: #ffffffdb; box-shadow: 0 10px 40px #247dde06; transition: transform .2s, box-shadow .2s, border-color .2s; }
.kp-card:hover { transform: translateY(-4px); border-color: #acd5ff; box-shadow: 0 14px 28px #247dde14; }
.kp-card h3 { margin: 5px 14px 12px 0; color: #0a2042; font-size: .95rem; line-height: 1.3; letter-spacing: -.025em; }
.kp-card p { margin: 0; color: #486690; font-size: .84rem; line-height: 1.6; }
.kp-icon { display: grid; place-items: center; width: 65px; height: 65px; border-radius: 17px; }
.kp-icon svg { width: 34px; height: 34px; filter: drop-shadow(0 3px 2px #0462e020); }
.kp-blue { background: linear-gradient(140deg, #dfebff, #d1e8ff); color: #0060ff; }
.kp-violet { background: linear-gradient(140deg, #eadfff, #eeeaff); color: #7028f5; }
.kp-cyan { background: linear-gradient(140deg, #d7f9ff, #c0eaff); color: #0089d8; }
.kp-green { background: linear-gradient(140deg, #d7fff1, #cdfff0); color: #00a677; }
.kp-card-arrow { position: absolute; top: 23px; right: 20px; color: #0060ff; font-size: 1.15rem; }

/* A lightweight HTML/CSS laptop illustration, explicitly labelled as a concept. */
.kp-result { position: relative; padding: 64px 0 56px; color: #fff; background: radial-gradient(ellipse at 91% 8%, #0056bda6, transparent 46%), radial-gradient(ellipse at 60% 110%, #0056bda6, transparent 44%), linear-gradient(120deg, #041726, #061d37); }
.kp-result-grid { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: 44px; }
.kp-result-copy { padding: 0 0 24px; }
.kp-result h2 { font-size: clamp(2.1rem, 3.45vw, 3.3rem); line-height: 1.08; margin-bottom: 22px; }
.kp-result .kp-text { color: #d8e7f7; max-width: 46ch; margin-bottom: 26px; }
.kp-values { display: flex; flex-wrap: wrap; gap: 20px; padding: 0; margin: 35px 0 0; list-style: none; }
.kp-values li { display: flex; align-items: center; gap: 9px; }
.kp-values i { display: grid; place-items: center; width: 39px; height: 39px; flex: 0 0 39px; border-radius: 50%; border: 1px solid #0876d4; background: #0755a02b; color: #18bdff; }
.kp-values svg { width: 20px; height: 20px; }
.kp-values strong, .kp-values span { display: block; }
.kp-values strong { font-size: .73rem; line-height: 1.4; font-weight: 650; }
.kp-values span { margin-top: 4px; font-size: .59rem; color: #c3d9ee; }
.kp-laptop-scene { position: relative; padding: 40px 0 0; min-width: 0; }
.kp-laptop-note { position: absolute; top: -42px; right: 1%; transform: rotate(-8deg); z-index: 2; }
.kp-laptop-note svg { margin-left: auto; width: 45px; height: 64px; }
.kp-laptop { position: relative; width: 94%; margin-left: 1%; perspective: 1100px; transform: rotate(4deg); }
.kp-laptop-lid { position: relative; padding: 20px 12px 15px; border: 2px solid #58738e; border-radius: 23px 23px 10px 10px; background: linear-gradient(130deg, #193148, #030e19 12%, #05111c 87%, #467292); box-shadow: -4px 0 14px #83d7ff29, 0 20px 45px #0007, inset 0 0 0 3px #000; }
.kp-laptop-camera { position: absolute; width: 4px; height: 4px; top: 8px; left: 50%; background: #1f405a; border-radius: 50%; }
.kp-screen { display: grid; grid-template-columns: 21% 1fr; min-height: 332px; border-radius: 6px; overflow: hidden; background: #f1f7fc; }
.kp-screen-sidebar { background: linear-gradient(140deg, #0c2740, #061a2b); color: #cadbf0; padding: 17px 7px; font-size: .55rem; }
.kp-screen-sidebar img { width: 39px; height: auto; margin: 0 4px 20px; }
.kp-screen-sidebar > span { display: flex; align-items: center; gap: 5px; padding: 7px 5px; white-space: nowrap; }
.kp-screen-active { background: #194e79; border-radius: 5px; color: #fff; }
.kp-screen-main { padding: 20px 15px 15px; color: #0a2846; background: linear-gradient(130deg, #fff, #edf6ff); }
.kp-screen-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 13px; }
.kp-screen-heading > strong { font-size: .85rem; }
.kp-screen-heading > span { font-size: .5rem; padding: 4px 6px; border-radius: 4px; background: #e0edfe; color: #225ea2; }
.kp-screen-search { margin-bottom: 10px; border: 1px solid #e2edf8; border-radius: 5px; padding: 6px; background: #fff9; color: #6b89aa; font-size: .59rem; }
.kp-screen-row { display: grid; grid-template-columns: 52px 1fr auto; gap: 9px; align-items: center; min-height: 37px; padding: 5px 7px; border-bottom: 1px solid #e6eff6; background: #ffffffbd; font-size: .57rem; }
.kp-screen-row > b { font-size: .72rem; }
.kp-screen-row svg { width: 24px; height: 24px; }
.kp-screen-row em { padding: 2px 6px; border-radius: 15px; font-size: .5rem; font-style: normal; color: #117b67; background: #d6f7eb; white-space: nowrap; }
.kp-laptop-base { position: relative; margin: -2px -7% 0; height: 28px; border-radius: 2px 2px 48% 48%; border: 1px solid #96aec4; background: linear-gradient(#dae8f4, #667d94 32%, #b9ccdc 40%, #273d52 86%); box-shadow: 0 20px 25px #0013297a; }
.kp-laptop-base div { width: 20%; height: 8px; margin: 0 auto; background: #6c879e; border-radius: 0 0 8px 8px; }
.kp-sync-card { position: absolute; right: -4%; bottom: 64px; display: flex; flex-direction: column; width: 142px; padding: 16px; border: 1px solid #bde7ff; border-radius: 14px; color: #073978; background: linear-gradient(130deg, #fff, #e3f4ff); box-shadow: 0 0 28px #248cfc7a; transform: rotate(-3deg); }
.kp-sync-card svg { color: #0069ff; width: 29px; height: 29px; margin-bottom: 9px; }
.kp-sync-card strong { font-size: .74rem; line-height: 1.4; }
.kp-sync-card > span { margin-top: 4px; font-size: .61rem; line-height: 1.4; }
.kp-concept-caption { margin: 16px 0 0; color: #adcae6; font-size: .64rem; text-align: center; }

/* Closing callout. */
.kp-cta-section { padding: 25px 0 44px; background: radial-gradient(ellipse at bottom, #d9edff, #f2f8ff 75%); }
.kp-cta { position: relative; isolation: isolate; display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; gap: 36px; padding: 34px 30px; border: 1px solid #fff; border-radius: 24px; background: #ffffffbf; overflow: hidden; }
.kp-cta::before, .kp-cta::after { content: ""; position: absolute; z-index: -1; width: 55%; height: 155%; top: 6%; right: -8%; border: 1px solid #82c0ff40; border-radius: 46%; transform: rotate(-38deg); box-shadow: 4px -7px 0 #aad9ff20, 10px -10px 0 #92caff12, 15px -17px 20px #1685ff1a; }
.kp-cta::after { width: 48%; right: 5%; top: 37%; transform: rotate(35deg); }
.kp-cta h2 { font-size: clamp(1.6rem, 2.3vw, 2.2rem); line-height: 1.2; margin-bottom: 12px; color: var(--kp-ink); }
.kp-cta .kp-text { font-size: .92rem; max-width: 55ch; margin-bottom: 0; }
.kp-cta .kp-actions { margin: 20px 0 0; gap: 12px; }
.kp-cta .kp-button { font-size: .83rem; min-height: 47px; padding: 11px 20px; }
.kp-cta .kp-outline { color: #0c3479; border-color: #b8d6ff; background: #f5faff90; }
.kp-cta .kp-outline:hover { background: #e8f2ff; }
.kp-cta-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; list-style: none; padding: 0; margin: 0; text-align: center; }
.kp-cta-points li { color: #0a3371; font-size: .83rem; line-height: 1.5; }
.kp-cta-points svg { width: 35px; height: 35px; color: #005fff; margin: 0 auto 15px; filter: drop-shadow(3px 3px 0 #83d7ff70); }

@media (min-width: 1450px) { .kp-hero { padding-top: 55px; } }
@media (max-width: 1150px) {
    .kp-page .shell { width: calc(100% - 56px); }
    .kp-hero-grid { grid-template-columns: 1.07fr 1fr; gap: 0; }
    .kp-hero h1 { font-size: 3.3rem; }
    .kp-hero .kp-actions { gap: 12px; }
    .kp-hero .kp-button { font-size: .79rem; padding-inline: 15px; min-height: 50px; }
    .kp-lead { font-size: 1rem; }
    .kp-checks { gap: 12px; font-size: .75rem; }
    .kp-microtrust { gap: 12px; font-size: .59rem; }
    .kp-card { grid-template-columns: 53px minmax(0, 1fr); gap: 14px; padding: 20px 17px; }
    .kp-icon { width: 53px; height: 56px; border-radius: 14px; }
    .kp-card h3 { font-size: .85rem; }
    .kp-card p { font-size: .79rem; }
    .kp-card-arrow { right: 13px; top: 21px; font-size: .95rem; }
    .kp-result-grid { gap: 28px; }
    .kp-screen { min-height: 296px; }
    .kp-screen-main { padding: 15px 10px 10px; }
    .kp-screen-sidebar { font-size: .46rem; padding-inline: 3px; }
    .kp-screen-row { grid-template-columns: 40px 1fr auto; gap: 5px; min-height: 33px; font-size: .48rem; padding-inline: 4px; }
    .kp-screen-row em { font-size: .44rem; }
    .kp-sync-card { width: 115px; right: -3%; bottom: 65px; padding: 12px; }
    .kp-sync-card strong { font-size: .67rem; }
    .kp-values { gap: 17px; }
    .kp-cta { gap: 24px; }
    .kp-cta-points { gap: 12px; }
    .kp-cta-points li { font-size: .75rem; }
}
@media (max-width: 900px) {
    .kp-hero { padding-top: 26px; }
    .kp-hero-grid { grid-template-columns: 1fr; }
    .kp-hero-copy { padding-bottom: 0; max-width: 650px; }
    .kp-hero h1 { font-size: clamp(2.65rem, 6.8vw, 4.2rem); }
    .kp-lead { font-size: 1.1rem; }
    .kp-hero .kp-button { font-size: .9rem; padding-inline: 22px; }
    .kp-checks { font-size: .85rem; gap: 20px; }
    .kp-microtrust { font-size: .72rem; gap: 22px; }
    .kp-network { width: min(600px, 100%); margin: 8px auto -18px; }
    .kp-node-label { font-size: .8rem; }
    .kp-tile .kp-afas { font-size: 1.7rem; }
    .kp-tile .kp-exact { font-size: 1.4rem; }
    .kp-core strong { font-size: 1rem; }
    .kp-network-note { font-size: 1.15rem; }
    .kp-brand-list { justify-content: flex-start; column-gap: 32px; }
    .kp-section-heading { align-items: flex-start; flex-direction: column; gap: 15px; }
    .kp-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kp-card { padding: 23px; grid-template-columns: 60px minmax(0, 1fr); gap: 18px; }
    .kp-card h3 { font-size: .95rem; }
    .kp-card p { font-size: .86rem; }
    .kp-icon { width: 60px; height: 60px; }
    .kp-result-grid { grid-template-columns: 1fr; gap: 20px; }
    .kp-result-copy { max-width: 630px; }
    .kp-result h2 { font-size: 2.7rem; }
    .kp-result .kp-text { max-width: 57ch; }
    .kp-values { gap: 25px; }
    .kp-laptop-scene { width: min(600px, 95%); margin: 22px auto 0; }
    .kp-laptop-note { top: -42px; }
    .kp-screen { min-height: 332px; }
    .kp-screen-sidebar { font-size: .6rem; padding: 17px 7px; }
    .kp-screen-main { padding: 20px 15px 15px; }
    .kp-screen-row { min-height: 37px; font-size: .6rem; }
    .kp-screen-row em { font-size: .53rem; }
    .kp-sync-card { width: 140px; }
    .kp-cta { grid-template-columns: 1fr; gap: 32px; }
    .kp-cta-points { max-width: 520px; }
    .kp-cta-points li { font-size: .85rem; }
}
@media (max-width: 560px) {
    .kp-page .shell { width: calc(100% - 40px); }
    .kp-hero { padding: 16px 0 35px; }
    .kp-hero-copy { padding-top: 23px; }
    .kp-hero h1 { font-size: clamp(2rem, 8.5vw, 2.9rem); }
    .kp-eyebrow { font-size: .68rem; margin-bottom: 13px; }
    .kp-lead { font-size: 1rem; }
    .kp-checks { font-size: .71rem; gap: 12px; margin-top: 22px; }
    .kp-checks li { gap: 5px; }
    .kp-checks li::before { flex-basis: 18px; height: 18px; }
    .kp-actions { gap: 12px; margin-block: 23px; }
    .kp-hero .kp-actions > a { width: 100%; }
    .kp-hero .kp-button { min-height: 52px; }
    .kp-microtrust { font-size: .65rem; gap: 10px 16px; }
    .kp-microtrust li { gap: 5px; }
    .kp-microtrust svg { width: 18px; height: 18px; padding: 3px; }
    .kp-network { width: 100%; max-width: none; margin: 20px 0 -4px; }
    .kp-node { gap: 5px; }
    .kp-node-label { padding: 3px 6px; font-size: .55rem; border-radius: 6px; }
    .kp-core strong { font-size: .65rem; margin-top: 3px; }
    .kp-tile .kp-afas { font-size: 1.15rem; }
    .kp-tile .kp-exact { font-size: .96rem; }
    .kp-network-note { font-size: .75rem; right: 0; }
    .kp-wave { height: 42px; }
    .kp-brands { padding: 18px 0 12px; }
    .kp-brand-heading { font-size: .61rem; margin-bottom: 20px; }
    .kp-brand-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px 14px; }
    .kp-brand-list > li { font-size: .85rem; }
    .kp-brand-list > li > .kp-afas, .kp-brand-list > li > .kp-exact { font-size: 1.25rem; }
    .kp-brand-word { gap: 4px; }
    .kp-brand-word svg { width: 22px; height: 22px; }
    .kp-brand-word.kp-ms { grid-column: span 1; font-size: .65rem; }
    .kp-ms svg { width: 17px; height: 17px; }
    .kp-brand-disclaimer { font-size: .65rem; margin-top: 20px; }
    .kp-popular { padding: 40px 0; }
    .kp-section-heading h2 { font-size: 2rem; }
    .kp-text { font-size: .97rem; }
    .kp-desktop-break { display: none; }
    .kp-section-heading { margin-bottom: 24px; }
    .kp-text-link { font-size: .82rem; }
    .kp-card-grid { grid-template-columns: 1fr; gap: 14px; }
    .kp-card { padding: 21px 20px; grid-template-columns: 57px minmax(0, 1fr); gap: 16px; border-radius: 16px; }
    .kp-card h3 { font-size: .92rem; margin-top: 3px; margin-bottom: 8px; }
    .kp-card p { font-size: .83rem; }
    .kp-icon { width: 57px; height: 57px; }
    .kp-card-arrow { right: 15px; }
    .kp-result { padding: 40px 0 48px; }
    .kp-result h2 { font-size: 2.15rem; }
    .kp-result .kp-button { width: 100%; font-size: .85rem; padding-inline: 16px; }
    .kp-values { gap: 15px; margin-top: 26px; }
    .kp-values li { gap: 8px; flex-basis: calc(50% - 8px); }
    .kp-values strong { font-size: .68rem; }
    .kp-values span { font-size: .58rem; }
    .kp-values i { width: 33px; height: 33px; flex-basis: 33px; }
    .kp-laptop-scene { margin-top: 34px; width: 100%; padding-top: 30px; }
    .kp-laptop { width: 96%; margin-left: 0; }
    .kp-laptop-note { top: -33px; right: 4px; font-size: .85rem; }
    .kp-laptop-note svg { width: 29px; height: 46px; }
    .kp-laptop-lid { padding: 14px 6px 8px; border-radius: 15px 15px 6px 6px; }
    .kp-laptop-camera { top: 6px; width: 3px; height: 3px; }
    .kp-screen { min-height: 233px; grid-template-columns: 20% 1fr; }
    .kp-screen-sidebar { font-size: .38rem; padding: 12px 2px; }
    .kp-screen-sidebar img { width: 30px; margin-bottom: 14px; }
    .kp-screen-sidebar > span { padding: 6px 2px; gap: 3px; }
    .kp-screen-main { padding: 11px 7px; }
    .kp-screen-heading { margin-bottom: 7px; gap: 4px; }
    .kp-screen-heading > strong { font-size: .7rem; }
    .kp-screen-heading > span { font-size: .37rem; padding: 3px 4px; }
    .kp-screen-search { font-size: .43rem; padding: 4px; margin-bottom: 6px; }
    .kp-screen-row { grid-template-columns: 33px 1fr auto; font-size: .42rem; min-height: 27px; gap: 4px; padding: 3px; }
    .kp-screen-row > b { font-size: .6rem; }
    .kp-screen-row svg { width: 18px; height: 18px; }
    .kp-screen-row em { font-size: .37rem; padding: 2px 4px; }
    .kp-laptop-base { height: 18px; margin-inline: -3%; }
    .kp-sync-card { width: 94px; right: -2%; bottom: 43px; padding: 9px; border-radius: 9px; }
    .kp-sync-card svg { width: 23px; height: 23px; margin-bottom: 6px; }
    .kp-sync-card strong { font-size: .57rem; }
    .kp-sync-card > span { font-size: .5rem; }
    .kp-concept-caption { font-size: .6rem; margin-top: 12px; }
    .kp-cta-section { padding: 18px 0 30px; }
    .kp-cta { padding: 26px 20px; gap: 30px; border-radius: 18px; }
    .kp-cta h2 { font-size: 1.7rem; }
    .kp-cta .kp-text { font-size: .88rem; }
    .kp-cta .kp-actions > a { width: 100%; }
    .kp-cta-points { gap: 8px; }
    .kp-cta-points li { font-size: .68rem; }
    .kp-cta-points svg { width: 29px; height: 29px; }
}
@media (max-width: 360px) {
    .kp-brand-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kp-card { grid-template-columns: 46px minmax(0, 1fr); padding-inline: 16px; gap: 12px; }
    .kp-icon { width: 46px; height: 49px; }
    .kp-card h3 { font-size: .84rem; }
}
@media (prefers-reduced-motion: reduce) {
    .kp-wire-data { animation: none; }
    .kp-button, .kp-card { transition: none; }
    .kp-button:hover, .kp-card:hover { transform: none; }
    html { scroll-behavior: auto; }
}