/* Five compact product examples with a gentle, progressively enhanced card stack. */
.ki-features{padding-block:104px 28px;color:var(--ink,#000);background:var(--canvas,#f2f2f2);scroll-margin-top:108px}
.ki-feature-wrap{width:min(1130px,calc(100% - 48px));margin-inline:auto}
.ki-feature-heading{margin:0 0 44px;max-width:900px}
.ki-feature-heading h2{margin:0;font:700 clamp(38px,4.1vw,50px)/1.1 var(--font-display,Poppins,sans-serif);letter-spacing:-.035em}
.ki-feature-stack{position:relative;display:flex;flex-direction:column;gap:28px;list-style:none;margin:0;padding:0;isolation:isolate}
.ki-feature-step{position:relative;flex:none;min-width:0;margin:0;padding:0;z-index:var(--ki-feature-index)}
.ki-feature-card{
  --ki-feature-surface:#fff;--ki-feature-text:#000;
  --ki-feature-scale:1;--ki-feature-lift:0px;--ki-feature-tilt:0deg;--ki-feature-roll:0deg;--ki-feature-image-scale:1;
  position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;
  gap:48px;min-height:440px;padding:40px 44px;border:1px solid rgba(0,0,0,.045);border-radius:36px;
  background:var(--ki-feature-surface);color:var(--ki-feature-text);overflow:clip;transform-origin:50% 0;
  box-shadow:inset 0 2px 1px #ffffffbf,inset 0 -5px 9px #0000000e,0 9px 18px -17px #00000038;
}
.ki-feature-card::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff52,inset 0 -2px 0 #00000011}
.ki-feature-copy{position:relative;z-index:2;min-width:0}
.ki-feature-copy h3{margin:0;font:700 32px/1.16 var(--font-display,Poppins,sans-serif);letter-spacing:-.03em}
.ki-feature-description{max-width:465px;margin:24px 0 0;font:400 18px/1.5 var(--font-body,Inter,sans-serif)}
.ki-feature-card--booking{--ki-feature-surface:var(--berry,#a3195b);--ki-feature-text:#fff;box-shadow:inset 0 2px 1px #ffffff4a,inset 0 -6px 14px #32001933,0 9px 18px -17px #00000047}

/* Examples use the same text size for labels, data and status. */
.ki-feature-visual{position:relative;min-width:0;margin:0;font:400 16px/1.45 var(--font-body,Inter,sans-serif)}
.ki-proof-caption{margin:0 0 16px;font:inherit;color:#666}
.ki-feature-card--booking .ki-proof-caption{color:#fff}
.ki-feature-card--answer{--ki-feature-surface:var(--lemon,#e6e51e)}
.ki-feature-card--answer .ki-proof-caption{color:#000}
.ki-feature-card--answer .ki-call-question{background:#fff}
.ki-feature-card--urgent{--ki-feature-surface:var(--orange,#f39200)}
.ki-feature-card--urgent .ki-proof-caption{color:#000}
.ki-feature-card--learning{--ki-feature-surface:var(--blue,#466cf3);--ki-feature-text:#fff}
.ki-feature-card--learning .ki-feature-visual{color:#000}
.ki-feature-card--learning .ki-proof-caption,.ki-feature-card--learning .ki-feature-route-arrow{color:#fff}
.ki-feature-card--privacy{--ki-feature-surface:#080808;--ki-feature-text:#fff;border-color:#292929;box-shadow:inset 0 2px 1px #ffffff24,inset 0 -6px 12px #0009,0 9px 18px -17px #0008}
.ki-feature-card--privacy::after{box-shadow:inset 0 1px 0 #ffffff12,inset 0 -2px 0 #000}
.ki-feature-card--privacy .ki-feature-description{color:#d1d1d1}
.ki-feature-visual--privacy{display:grid;place-items:center}
.ki-feature-visual .ki-privacy-shield{width:min(100%,340px);height:auto;stroke:none;transform:rotate(-7deg);filter:drop-shadow(0 16px 14px #0006)}
.ki-feature-clay{position:absolute;display:block;object-fit:contain;pointer-events:none;transform:rotate(var(--ki-clay-turn,0deg)) scale(var(--ki-feature-image-scale,1));transform-origin:center;mix-blend-mode:multiply}
.ki-feature-visual svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ki-call-question,.ki-call-answer{position:relative;border-radius:22px;padding:19px 22px;width:calc(100% - 36px)}
.ki-call-question{background:#f2f2f2;border-bottom-left-radius:5px;box-shadow:inset 0 2px 1px #ffffffcc,inset 0 -2px 2px #00000006}
.ki-call-answer{margin:16px 0 0 36px;background:#fff1dc;border-bottom-right-radius:5px;border:1px solid #f392002e;box-shadow:inset 0 2px 1px #ffffff99,inset 0 -2px 3px #e3901810}
.ki-call-question>span,.ki-call-answer>span{display:block;margin-bottom:7px;font:inherit;color:#666}
.ki-call-answer>span{color:#8b4d00}
.ki-call-question p,.ki-call-answer p{margin:0;font:inherit}
.ki-call-clay{--ki-clay-turn:12deg;right:-8px;top:25px;width:68px;height:68px}


/* Urgency is a call transfer; analysis is a topic dashboard, distinct from FAQ chat. */
.ki-transfer-panel{padding:25px 25px 22px;background:#f2f2f2;border:1px solid #e9e9e9;border-radius:28px;transform:rotate(-2deg);box-shadow:inset 0 2px 1px #fff,inset 0 -4px 6px #0000000a,0 12px 20px -18px #0004;color:#000}
.ki-transfer-heading{display:flex;align-items:center;gap:14px}
.ki-transfer-alert{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #000;border-radius:50%;font-size:25px}
.ki-transfer-heading strong{display:block;font:600 20px/1.3 var(--font-body)}
.ki-transfer-heading p{margin-top:4px;font:inherit;color:#555}
.ki-transfer-route{display:flex;align-items:center;justify-content:center;gap:16px;margin:33px 0}
.ki-transfer-phone{display:grid;place-items:center;width:86px;height:86px;flex-shrink:0;border-radius:28px;background:var(--orange);transform:rotate(-9deg);box-shadow:inset 0 3px 2px #ffffff8c,inset 0 -5px 4px #a8610047,0 10px 15px -13px #6a3c0099}
.ki-transfer-phone svg{width:39px;height:39px;stroke-width:1.5}
.ki-transfer-route>.ki-transfer-arrow{width:72px;min-width:25px;height:24px;flex-shrink:1}
.ki-transfer-route>img{width:88px;height:88px;object-fit:cover;border:5px solid #fff;border-radius:50%;transform:rotate(4deg)}
.ki-transfer-confirmation{display:flex;gap:10px;align-items:center;padding-top:20px;border-top:1px solid #ccc;font:400 16px/1.45 var(--font-body)}
.ki-transfer-confirmation>span{font-size:20px}
.ki-insights-panel{padding:24px;background:#fff;color:#000;border-radius:25px;transform:rotate(1deg);box-shadow:inset 0 2px 1px #fff,inset 0 -4px 5px #0000000a,0 16px 22px -20px #0c1d6666}
.ki-insights-panel h4{font:600 20px/1.3 var(--font-body);letter-spacing:-.025em;margin:0 0 24px}
.ki-insights-bars{display:grid;gap:17px}
.ki-insights-bars p{display:flex;justify-content:space-between;gap:12px;font:400 16px/1.45 var(--font-body)}
.ki-insights-track{display:block;margin-top:8px;height:9px;border-radius:10px;background:#f2f2f2;overflow:hidden}
.ki-insights-track i{display:block;width:var(--bar-size);height:100%;background:#c7c7c7;border-radius:inherit}
.ki-insights-bars>div:first-child .ki-insights-track i{background:var(--orange)}
.ki-insights-action{display:flex;gap:9px;align-items:flex-start;margin-top:23px;padding-top:18px;border-top:1px solid #ddd;font:400 16px/1.45 var(--font-body)}
.ki-insights-action>span{color:#000}

.ki-feature-visual--calendar{padding-inline:5px}
.ki-calendar-sheet{padding:24px 22px;border-radius:25px;background:#fff;color:#111;transform:rotate(-1.25deg);box-shadow:0 18px 30px -20px #3c002d99,inset 0 2px 1px #fff,inset 0 -4px 5px #0000000c}
.ki-calendar-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e5e5e5;font:600 20px/1.3 var(--font-display,Poppins,sans-serif);letter-spacing:-.025em}
.ki-calendar-heading svg{width:22px;height:22px;color:#666}
.ki-calendar-slot{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:start;margin-top:12px}
.ki-calendar-slot>time{padding-top:12px;color:#666;font:inherit;font-variant-numeric:tabular-nums}
.ki-calendar-event{padding:12px 14px;border-radius:15px;border-left:3px solid var(--berry,#a3195b);background:#f8edf2}
.ki-calendar-event strong{display:block;font:600 16px/1.45 var(--font-body,Inter,sans-serif)}
.ki-calendar-event>span{display:block;margin-top:5px;font:inherit;color:#555}
.ki-calendar-event--tyres{background:#fff1d9;border-color:var(--orange,#f39200)}
.ki-calendar-event>.ki-calendar-confirmed{display:flex;gap:6px;align-items:center;margin-top:8px;color:#694000}
.ki-calendar-confirmed b{font-weight:400}

.ki-report-sheet{padding:24px 22px;background:#f4f4f4;border-radius:25px;box-shadow:inset 0 2px 2px #fff,inset 0 -3px 4px #00000009}
.ki-report-heading{display:flex;align-items:center;gap:10px;padding-bottom:22px}
.ki-report-heading svg{width:22px;height:22px;color:#666}
.ki-report-heading strong{font:600 20px/1.3 var(--font-display,Poppins,sans-serif);letter-spacing:-.025em}
.ki-report-table{border-collapse:collapse;table-layout:fixed;width:100%;font:inherit;text-align:left}
.ki-report-table thead{color:#666}.ki-report-table th{font-weight:400}.ki-report-table th,.ki-report-table td{padding:15px 0;border-bottom:1px solid #d9d9d9;vertical-align:middle}
.ki-report-table thead th{padding-top:0;padding-bottom:12px}.ki-report-table th:first-child{width:49%;padding-right:8px}
.ki-report-table tbody tr:last-child>*{border-bottom:0;padding-bottom:0}
.ki-report-dot{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;vertical-align:2px}
.ki-report-dot--booked{background:var(--orange,#f39200)}.ki-report-dot--answered{background:var(--blue,#466cf3)}.ki-report-dot--callback{background:var(--berry,#a3195b)}
.ki-feature-outro{position:relative;z-index:4;display:flex;justify-content:center;padding-top:36px}
.ki-feature-cta{flex-shrink:0}

@media(min-width:761px) and (prefers-reduced-motion:no-preference){
  .ki-feature-stack[data-ki-feature-mode="stack"]{gap:clamp(64px,10vh,100px);padding-bottom:var(--ki-feature-tail,100px)}
  .ki-feature-stack[data-ki-feature-mode="stack"] .ki-feature-step{position:sticky;top:calc(var(--ki-feature-pin,108px) + var(--ki-feature-index)*var(--ki-feature-step,25px))}
  .ki-feature-stack[data-ki-feature-mode="stack"] .ki-feature-card{transform:perspective(1800px) translate3d(0,var(--ki-feature-lift),0) scale(var(--ki-feature-scale)) rotateX(var(--ki-feature-tilt)) rotateZ(var(--ki-feature-roll))}
  .ki-feature-stack[data-ki-feature-animating="true"] .ki-feature-card,.ki-feature-stack[data-ki-feature-animating="true"] .ki-feature-clay{will-change:transform}
}
@media(max-width:1040px) and (min-width:761px){
  .ki-feature-card{padding:32px 28px;gap:30px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .ki-feature-copy h3{font-size:29px}.ki-feature-description{font-size:16px}
  .ki-call-question,.ki-call-answer{padding:17px 17px;width:calc(100% - 22px)}.ki-call-answer{margin-left:22px}.ki-call-clay{right:-8px;width:56px;height:56px}
  .ki-calendar-sheet,.ki-report-sheet{padding:22px 15px}.ki-calendar-slot{grid-template-columns:43px minmax(0,1fr);gap:7px}.ki-calendar-event{padding:12px 10px}
  .ki-report-table td{overflow-wrap:normal}.ki-report-dot{margin-right:5px}
}
@media(max-width:760px){
  .ki-features{padding-block:60px 16px;scroll-margin-top:84px}.ki-feature-wrap{width:min(590px,calc(100% - 40px))}.ki-feature-heading{margin-bottom:30px;padding-inline:4px}
  .ki-feature-heading h2{font-size:29px;line-height:1.13;letter-spacing:-.03em}
  .ki-feature-stack{gap:23px}.ki-feature-card{grid-template-columns:minmax(0,1fr);min-height:0;padding:28px 24px;gap:28px;border-radius:30px}
  .ki-feature-copy h3{font-size:27px;line-height:1.17}.ki-feature-description{max-width:none;font-size:16px;line-height:1.55;margin-top:20px}
  .ki-feature-visual{width:100%;margin:0;padding:0;font-size:16px}.ki-proof-caption{margin-bottom:14px}
  .ki-call-question,.ki-call-answer{padding:16px 17px;width:calc(100% - 22px)}.ki-call-answer{margin-left:22px}.ki-call-clay{width:54px;height:54px;right:-9px;top:26px}
  .ki-calendar-sheet{padding:22px 15px;transform:rotate(-1deg);border-radius:22px}.ki-calendar-slot{grid-template-columns:43px minmax(0,1fr);gap:7px}.ki-calendar-event{padding:12px 10px}
  .ki-report-sheet{padding:22px 15px;border-radius:22px}.ki-report-heading{gap:8px}.ki-report-table th:first-child{width:50%;padding-right:5px}.ki-report-dot{margin-right:5px}
  .ki-feature-outro{padding:28px 4px 0}.ki-feature-cta{width:100%;min-height:56px;font-size:16px;--button-left:20px;--button-right:66px}
  .ki-feature-visual .ki-privacy-shield{width:min(100%,260px)}
}
@media(max-width:374px){
  .ki-feature-wrap{width:calc(100% - 32px)}.ki-feature-card{padding-inline:20px}.ki-feature-heading h2{font-size:28px}.ki-feature-copy h3{font-size:26px}.ki-feature-cta{--button-left:12px;--button-right:57px}
  .ki-calendar-sheet,.ki-report-sheet{padding-inline:10px}.ki-calendar-slot{gap:5px}.ki-calendar-event{padding-inline:8px}
  .ki-report-table th:first-child{width:53%;padding-right:10px}.ki-report-dot{display:none}
}
@media(prefers-reduced-motion:reduce){
  .ki-feature-card,.ki-feature-clay{transform:none!important}.ki-feature-step{position:relative!important;top:auto!important}.ki-feature-stack{gap:28px!important;padding-bottom:0!important}
}

@media(max-width:1040px){
 .ki-transfer-panel,.ki-insights-panel{padding:22px 18px}
 .ki-transfer-route{gap:10px}.ki-transfer-phone{width:68px;height:68px;border-radius:23px}.ki-transfer-route>img{width:74px;height:74px}
}
@media(max-width:760px){
 .ki-transfer-panel{transform:rotate(-1deg)}.ki-transfer-route{margin-block:29px}.ki-transfer-heading{gap:11px}
 .ki-transfer-heading strong,.ki-insights-panel h4{font-size:20px}
 .ki-transfer-alert{width:32px;height:32px;font-size:22px}
 .ki-insights-panel{transform:none}
}
@media(prefers-reduced-motion:reduce){.ki-transfer-panel{transform:none}}