/* KervanPOS – Conversion First home page (2026-10-15)
 * Homepage-scoped overrides; GTM/GA4, existing site pages and functionality unchanged.
 */
html {scroll-padding-top: 96px;}
#demo-form, #packages-title, #product-screens-title {scroll-margin-top: 106px;}
.kp-conversion-hero {min-height: 0; padding: calc(var(--kp-header-h) + 86px) 0 90px; background: radial-gradient(circle at 84% 14%,rgba(81,80,185,.24),transparent 36%),linear-gradient(135deg,#0a1020 2%,#0d1628 62%,#111a2d 100%);}
.kp-conversion-hero::before {opacity:.12;}
.kp-conversion-hero::after {opacity:.22;}
.kp-conversion-hero .kp-hero-grid {grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(26px,4vw,64px);}
.kp-conversion-hero .kp-eyebrow {font-size:.76rem;letter-spacing:.08em;text-transform:none;color:#91e9ff;}
.kp-conversion-hero h1 {max-width:670px;font-size:clamp(2.6rem,4.65vw,4.5rem);line-height:1.09;letter-spacing:-.055em;margin-bottom:23px;}
.kp-conversion-hero .kp-gradient-text {background: linear-gradient(95deg,#86e5ff 0%,#c9b8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.kp-conversion-hero .kp-hero-lead {font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.7;color:#c5cfdf;max-width:640px;}
.kp-conversion-hero .kp-hero-actions {margin-top:29px;gap:12px;}
.kp-conversion-hero .kp-hero-actions .kp-btn {min-height:52px;}
.kp-entry-price {margin:23px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;color:#dce7f6;font-size:.91rem;}
.kp-entry-price strong {font-size:1.14rem;color:#fff;}
.kp-entry-price span {width:100%;color:#91a2bf;font-size:.79rem;line-height:1.5;}
.kp-hero-confidence {display:flex;flex-wrap:wrap;gap:13px 17px;margin-top:31px;}
.kp-hero-confidence span {display:inline-flex;gap:6px;align-items:center;font-size:.79rem;color:#c5d1e3;}
.kp-hero-confidence svg {width:17px;height:17px;color:#70e1ad;flex:0 0 auto;}
.kp-conversion-visual {min-width:0;position:relative;transform:perspective(1200px) rotateY(-2deg);}
.kp-product-preview {position:relative;overflow:hidden;background:#0b1221;border:1px solid rgba(171,192,226,.32);border-radius:18px;box-shadow:0 42px 90px rgba(0,0,0,.38),0 0 0 6px rgba(255,255,255,.025);}
.kp-preview-top {display:flex;gap:12px;align-items:center;padding:11px 16px;background:#192234;color:#b9c5d8;font-size:.71rem;line-height:1.4;}
.kp-preview-dots {display:flex;gap:5px;}
.kp-preview-dots i {width:7px;height:7px;background:#8492a9;border-radius:50%;}
.kp-preview-dots i:first-child {background:#f1928f;}.kp-preview-dots i:nth-child(2) {background:#efc46a;}.kp-preview-dots i:nth-child(3){background:#63d9a1;}
.kp-product-preview picture,.kp-product-preview picture img {display:block;width:100%;}
.kp-product-preview picture img {aspect-ratio:1920 / 1038;object-fit:contain;}
.kp-preview-foot {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 6px 0;color:#fff;}
.kp-preview-foot b,.kp-preview-foot small {display:block;}
.kp-preview-foot b {font-size:.85rem;}.kp-preview-foot small {color:#9db0c9;font-size:.72rem;margin-top:2px;}
.kp-preview-foot a {color:#91e9ff;font-size:.82rem;font-weight:750;white-space:nowrap;}
.kp-fast-proof {background:#fff;border-bottom:1px solid #e7ebf2;}
.kp-proof-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;}
.kp-proof-grid > div {padding:24px 18px 24px 0;display:flex;flex-direction:column;gap:2px;}
.kp-proof-grid > div:not(:last-child) {border-right:1px solid #e7ebf2;margin-right:24px;}
.kp-proof-grid strong {font-size:.91rem;color:#142540;}
.kp-proof-grid span {color:#69778b;font-size:.79rem;line-height:1.5;}
.kp-conversion-lead {padding:78px 0 82px;background:#f4f7fc;}
.kp-conversion-lead-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(32px,6vw,90px);align-items:center;}
.kp-conversion-lead-copy h2 {margin:0 0 20px;color:#18263d;font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.15;letter-spacing:-.048em;}
.kp-conversion-lead-copy > p {max-width:560px;color:#526379;font-size:1.04rem;line-height:1.72;}
.kp-demo-promise {display:grid;gap:12px;margin:26px 0 28px;}
.kp-demo-promise span {display:flex;align-items:center;gap:12px;color:#7065d9;font-size:.8rem;font-weight:850;}
.kp-demo-promise b {color:#1c304d;font-size:.95rem;font-weight:760;}
.kp-direct-contact {font-size:.92rem!important;}
.kp-direct-contact a {color:#403db1;font-weight:750;text-decoration:underline;text-underline-offset:3px;}
.kp-quick-form-shell {background:#fff;border:1px solid #e0e6f1;color:#17233a;box-shadow:0 20px 70px rgba(23,42,73,.1);padding:32px;}
.kp-quick-form-shell .kp-form-kicker {font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;color:#5f55d7;font-weight:900;}
.kp-quick-form-shell h3 {font-size:1.75rem;letter-spacing:-.035em;margin:6px 0 0;color:#17233a;}
.kp-quick-form-shell > p {font-size:.9rem;color:#66758a;margin:6px 0 24px;}
.kp-quick-form-shell .kp-field label {color:#273c57;}
.kp-quick-form-shell .kp-field label span {color:#6255d3;}
.kp-quick-form-shell .kp-field input:not([type=checkbox]),.kp-quick-form-shell .kp-field textarea,.kp-quick-form-shell .kp-field select {background:#f7f9fd;color:#17233a;border-color:#d8e1ed;}
.kp-quick-form-shell .kp-field input::placeholder,.kp-quick-form-shell textarea::placeholder {color:#8290a1;}
.kp-quick-form-shell .kp-field input:focus,.kp-quick-form-shell .kp-field select:focus,.kp-quick-form-shell .kp-field textarea:focus {background:#fff;border-color:#6255d3;box-shadow:0 0 0 3px rgba(98,85,211,.12);}
.kp-quick-form-shell .kp-consent-check label {color:#475872;}
.kp-quick-form-shell .kp-consent-check a {color:#4a3fc4;}
.kp-quick-form-shell .kp-form-note {color:#65758c;}
.kp-quick-form-shell .kp-compact-form-grid {gap:13px;}
.kp-form-extra {padding:10px 0 3px;border-top:1px solid rgba(112,130,162,.22);}
.kp-form-extra summary {cursor:pointer;font-size:.84rem;font-weight:740;color:#4a71c5;}
.kp-form-extra summary span {font-weight:400;font-size:.76rem;color:#8190a5;}
.kp-form-extra[open] summary {margin-bottom:14px;}
.kp-form-extra .kp-form-grid {gap:14px;}
.kp-form-extra .kp-field textarea {min-height:88px;}
.kp-sector-choice {background:#fff;padding:80px 0 72px;}
.kp-sector-cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.kp-sector-card {display:flex;flex-direction:column;min-width:0;border:1px solid #e1e7f1;padding:26px 22px;border-radius:18px;box-shadow:0 14px 35px rgba(21,42,76,.04);transition:transform .2s,border-color .2s,box-shadow .2s;}
.kp-sector-card:hover {transform:translateY(-3px);border-color:#aaafff;box-shadow:0 20px 40px rgba(21,42,76,.09);}
.kp-sector-icon {display:grid;place-items:center;border-radius:12px;width:42px;height:42px;margin-bottom:22px;color:#5249c6;background:#eeedff;font-weight:850;font-size:.87rem;}
.kp-sector-card h3 {color:#19263a;margin:0 0 8px;line-height:1.3;font-size:1.13rem;}
.kp-sector-card p {color:#67758a;margin:0 0 17px;font-size:.88rem;line-height:1.55;}
.kp-sector-card b {margin-top:auto;font-size:.83rem;color:#5b52d6;}
.kp-secondary-sectors {padding:25px 0 32px;}
.kp-secondary-sectors .kp-logo-strip {justify-content:center;}
.kp-secondary-sectors .kp-logo-pill {font-size:.76rem;padding:8px 14px;}
/* Remove floating WhatsApp overlap with mobile-first CTA. Preserve existing tracking on its links. */
.kp-mobile-leadbar {display:none;}
@media (max-width: 1050px){
 .kp-conversion-hero .kp-hero-grid {gap:28px;}
 .kp-sector-cards {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 900px){
 .kp-conversion-hero {padding-top:calc(var(--kp-header-h) + 45px);padding-bottom:55px;}
 .kp-conversion-hero .kp-hero-grid,.kp-conversion-lead-grid {grid-template-columns:1fr;}
 .kp-conversion-visual {max-width:720px;width:100%;margin:0 auto;transform:none;}
 .kp-conversion-lead {padding:60px 0;}
 .kp-proof-grid {grid-template-columns:1fr;}
 .kp-proof-grid > div,.kp-proof-grid > div:not(:last-child) {margin:0;border-right:0;border-bottom:1px solid #e7ebf2;padding:14px 0;}
 .kp-proof-grid > div:last-child {border-bottom:0;}
}
@media (max-width: 650px){
 .kp-conversion-hero {padding-top:calc(var(--kp-header-h) + 24px);padding-bottom:38px;}
 .kp-conversion-hero h1 {font-size:clamp(2.3rem,9vw,3.1rem);line-height:1.09;}
 .kp-conversion-hero .kp-hero-lead {font-size:.98rem;}
 .kp-conversion-hero .kp-hero-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px;}
 .kp-conversion-hero .kp-hero-actions .kp-btn {min-width:0;padding:12px 10px;font-size:.81rem;text-align:center;}
 .kp-preview-foot {align-items:flex-start;}
 .kp-preview-foot a {white-space:normal;text-align:right;}
 .kp-conversion-lead {padding:50px 0;}
 .kp-conversion-lead-copy h2 {font-size:2rem;}
 .kp-quick-form-shell {padding:23px 18px;}
 .kp-compact-form-grid {grid-template-columns:1fr;}
 .kp-form-extra .kp-form-grid {grid-template-columns:1fr;}
 .kp-sector-cards {grid-template-columns:1fr;}
 .kp-sector-choice {padding:50px 0;}
 .kp-sector-card {padding:22px;}
 .kp-secondary-sectors {padding:19px 0;}
 .kp-mobile-leadbar {display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:6px;position:fixed;bottom:0;left:0;right:0;z-index:990;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(12,22,40,.97);border-top:1px solid rgba(255,255,255,.17);box-shadow:0 -10px 25px rgba(0,0,0,.18);}
 .kp-mobile-leadbar a {display:grid;place-items:center;min-height:43px;padding:7px 8px;border-radius:11px;background:#202e48;color:white;font-weight:760;font-size:.83rem;text-align:center;}
 .kp-mobile-leadbar a:last-child {background:#7061ec;color:white;}
 .kp-floating-whatsapp {bottom:calc(74px + env(safe-area-inset-bottom));}
 body {padding-bottom:calc(65px + env(safe-area-inset-bottom));}
 .kp-cookie-banner {bottom:calc(65px + env(safe-area-inset-bottom));}
}
@media (prefers-reduced-motion:reduce){.kp-sector-card {transition:none;}.kp-sector-card:hover {transform:none;}}