/* KKAA Solutions — shared design system for the redesigned pages (services, pricing, contact, /el/).
   Tokens mirror css/styles.css :root so the transition is visually neutral. Loaded explicitly by each new page via <link>.
   Scope: everything is prefixed .k- so it never collides with legacy page CSS, the header (.kh-*) or the footer (.kf-*). */

@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}

:root{
  --primary:#0ea5a0;--primary-dark:#12c9c3;--secondary:#05af7a;
  --dark:#e6f2fb;--light:#041428;--gray:#9fb3c8;--light-gray:rgba(255,255,255,.07);--dark-gray:#1e3a54;
  --card-bg:#06263f;--body-bg:#041428;--text:#e6f2fb;--text-light:#9fb3c8;
  --shadow:0 4px 20px rgba(2,6,23,.4);--shadow-lg:0 8px 30px rgba(2,6,23,.5);--shadow-xl:0 12px 40px rgba(2,6,23,.6);
  --transition:all .3s ease;--border-radius:.5rem;
  /* redesign additions */
  --k-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --k-ink:#00272b;--k-accent-2:#14c4bd;--k-warn:#f5a623;--k-danger:#f87171;--k-ok:#22c55e;
  --k-line:rgba(148,163,184,.16);--k-panel:#0a1d31;
  --k-r-sm:8px;--k-r:12px;--k-r-lg:16px;
  --k-s1:4px;--k-s2:8px;--k-s3:12px;--k-s4:16px;--k-s5:24px;--k-s6:32px;--k-s7:48px;--k-s8:64px;--k-s9:96px;
  --k-max:1120px;--k-max-text:760px;
}

/* ── Base ─────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.k-body{margin:0;font-family:var(--k-font);font-size:16px;line-height:1.6;color:var(--text);
  background-color:var(--body-bg);
  background-image:radial-gradient(ellipse at 50% 0%,rgba(14,165,160,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 60%,rgba(14,165,160,.03) 0%,transparent 40%),linear-gradient(180deg,var(--body-bg),#031023);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.k-body main{display:block;overflow-x:clip}
.k-body h1,.k-body h2,.k-body h3,.k-body h4{margin:0;line-height:1.2;letter-spacing:-.015em;color:#fff;font-weight:700}
.k-body p{margin:0 0 var(--k-s4)}
.k-body a{color:var(--k-accent-2);text-decoration:none}
.k-body a:hover{text-decoration:underline}
.k-body a:focus-visible,.k-body button:focus-visible,.k-body input:focus-visible,.k-body select:focus-visible,.k-body textarea:focus-visible{outline:2px solid var(--k-accent-2);outline-offset:2px}
.k-body ul,.k-body ol{margin:0 0 var(--k-s4);padding-left:1.25em}
.k-body li{margin:0 0 var(--k-s2)}
.k-body img,.k-body svg{max-width:100%}
.k-muted{color:var(--text-light)}
.k-small{font-size:14px}
.k-center{text-align:center}
.k-eyebrow{display:inline-block;margin:0 0 var(--k-s3);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--k-accent-2)}
.k-lead{font-size:18px;color:var(--text-light);max-width:var(--k-max-text)}
.k-kbd,.k-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:rgba(255,255,255,.06);padding:1px 6px;border-radius:6px}
.k-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── Layout ───────────────────────────────────────────── */
.k-container{width:100%;max-width:var(--k-max);margin:0 auto;padding:0 var(--k-s4)}
.k-narrow{max-width:var(--k-max-text)}
.k-section{padding:var(--k-s8) 0}
.k-section--tight{padding:var(--k-s6) 0}
.k-section--alt{background:rgba(255,255,255,.025);border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line)}
.k-section-head{max-width:var(--k-max-text);margin:0 0 var(--k-s6)}
.k-section-head h2{font-size:clamp(24px,3.2vw,34px);margin-bottom:var(--k-s3)}
.k-section-head p{color:var(--text-light);font-size:17px;margin:0}
.k-grid{display:grid;gap:var(--k-s4)}
.k-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.k-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.k-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-s6);align-items:start}
@media (max-width:1024px){.k-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.k-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.k-section{padding:var(--k-s7) 0}.k-grid-2,.k-grid-3,.k-grid-4,.k-split{grid-template-columns:1fr}}

/* ── Breadcrumb ───────────────────────────────────────── */
.k-crumbs{margin:var(--k-s5) 0 0;font-size:14px;color:var(--text-light)}
.k-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--k-s2)}
.k-crumbs li{margin:0;display:inline-flex;align-items:center;gap:var(--k-s2)}
.k-crumbs li+li::before{content:"/";color:rgba(159,179,200,.5)}
.k-crumbs a{color:var(--text-light)}
.k-crumbs [aria-current]{color:var(--text)}

/* ── Hero ─────────────────────────────────────────────── */
.k-hero{padding:var(--k-s7) 0 var(--k-s7)}
.k-hero h1{font-size:clamp(30px,4.6vw,48px);max-width:820px;margin-bottom:var(--k-s4)}
.k-hero .k-lead{margin-bottom:var(--k-s5)}
.k-hero--center{text-align:center}
.k-hero--center h1,.k-hero--center .k-lead{margin-left:auto;margin-right:auto}
.k-hero--center .k-actions,.k-hero--center .k-badges{justify-content:center}
.k-actions{display:flex;flex-wrap:wrap;gap:var(--k-s3);align-items:center}
.k-badges{display:flex;flex-wrap:wrap;gap:var(--k-s2);margin-top:var(--k-s5)}
.k-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--text);background:rgba(14,165,160,.1);border:1px solid rgba(14,165,160,.28)}
.k-badge .ki{color:var(--k-accent-2);width:15px;height:15px}
.k-badge--warn{background:rgba(245,166,35,.1);border-color:rgba(245,166,35,.35)}
.k-badge--warn .ki{color:var(--k-warn)}

/* ── Buttons ──────────────────────────────────────────── */
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;border-radius:10px;border:1px solid transparent;font:600 15px/1.2 var(--k-font);cursor:pointer;text-decoration:none!important;transition:transform .15s,box-shadow .2s,background-color .2s,border-color .2s;white-space:nowrap}
.k-btn .ki{width:18px;height:18px}
.k-btn--primary{color:var(--k-ink);background:linear-gradient(180deg,var(--k-accent-2),var(--primary));box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 22px -10px rgba(14,165,160,.9)}
.k-btn--primary:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 12px 26px -10px rgba(14,165,160,1)}
.k-btn--ghost{color:var(--text);border-color:rgba(148,163,184,.3);background:rgba(255,255,255,.02)}
.k-btn--ghost:hover{border-color:var(--k-accent-2);color:#fff;background:rgba(14,165,160,.08)}
.k-btn--sm{min-height:38px;padding:6px 14px;font-size:14px;border-radius:8px}
.k-btn--block{width:100%}
.k-btn[disabled]{opacity:.6;cursor:default;transform:none}

/* ── Cards ────────────────────────────────────────────── */
.k-card{position:relative;display:flex;flex-direction:column;gap:var(--k-s3);padding:var(--k-s5);border-radius:var(--k-r-lg);background:var(--card-bg);border:1px solid var(--k-line);box-shadow:var(--shadow);transition:border-color .2s,transform .2s}
.k-card h3{font-size:18px}
.k-card p{margin:0;color:var(--text-light);font-size:15px}
.k-card--link{color:inherit;text-decoration:none!important}
.k-card--link:hover{border-color:rgba(14,165,160,.45);transform:translateY(-2px)}
.k-card--link .k-card-more{margin-top:auto;padding-top:var(--k-s2);color:var(--k-accent-2);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px}
.k-card--accent{border-color:rgba(14,165,160,.4);background:linear-gradient(180deg,rgba(14,165,160,.1),var(--card-bg) 60%)}
.k-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:rgba(14,165,160,.12);border:1px solid rgba(14,165,160,.25);color:var(--k-accent-2)}
.k-icon .ki{width:24px;height:24px}
.k-icon--danger{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.3);color:var(--k-danger)}
.k-icon--warn{background:rgba(245,166,35,.1);border-color:rgba(245,166,35,.3);color:var(--k-warn)}
.k-tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--k-accent-2)}

/* ── Lists ────────────────────────────────────────────── */
.k-list-check,.k-list-x{list-style:none;margin:0;padding:0}
.k-list-check li,.k-list-x li{position:relative;padding-left:30px;margin-bottom:var(--k-s3);color:var(--text)}
.k-list-check li::before,.k-list-x li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:12px}
.k-list-check li::before{background-color:rgba(34,197,94,.14);box-shadow:inset 0 0 0 1px rgba(34,197,94,.4);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
.k-list-x li::before{background-color:rgba(159,179,200,.1);box-shadow:inset 0 0 0 1px rgba(159,179,200,.35);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fb3c8' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.k-list-x li{color:var(--text-light)}
.k-list-plain{list-style:none;margin:0;padding:0}
.k-list-plain li{padding:var(--k-s3) 0;border-bottom:1px solid var(--k-line)}
.k-list-plain li:last-child{border-bottom:0}

/* ── Steps ────────────────────────────────────────────── */
.k-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--k-s4);counter-reset:k-step}
.k-steps li{counter-increment:k-step;position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:var(--k-s4);padding:var(--k-s4) var(--k-s5);border-radius:var(--k-r);background:rgba(255,255,255,.03);border:1px solid var(--k-line)}
.k-steps li::before{content:counter(k-step);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(180deg,var(--k-accent-2),var(--primary));color:var(--k-ink);font-weight:800;font-size:18px}
.k-steps h3{font-size:17px;margin-bottom:4px;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--k-s2)}
.k-steps h3 small{font-size:13px;font-weight:500;color:var(--text-light)}
.k-steps p{margin:0;color:var(--text-light);font-size:15px}
@media (min-width:1025px){.k-steps--row{grid-template-columns:repeat(4,minmax(0,1fr))}.k-steps--row li{grid-template-columns:1fr;row-gap:var(--k-s3)}}

/* ── Price card / table / tiers ───────────────────────── */
.k-price-card{display:grid;grid-template-columns:1fr auto;gap:var(--k-s5);align-items:center;padding:var(--k-s5) var(--k-s6);border-radius:var(--k-r-lg);background:linear-gradient(135deg,rgba(14,165,160,.14),var(--card-bg) 55%);border:1px solid rgba(14,165,160,.4);box-shadow:var(--shadow-lg)}
.k-price-card h3{font-size:20px;margin-bottom:var(--k-s2)}
.k-price-card p{margin:0;color:var(--text-light);font-size:15px}
.k-price{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.k-price strong{font-size:clamp(30px,4vw,40px);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}
.k-price strong small{font-size:16px;font-weight:600;color:var(--text-light);margin-right:4px}
.k-price span{font-size:13px;color:var(--text-light);margin-top:6px}
.k-price .k-btn{margin-top:var(--k-s3)}
@media (max-width:640px){.k-price-card{grid-template-columns:1fr}.k-price{align-items:flex-start;text-align:left}}
.k-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--k-r);border:1px solid var(--k-line);background:rgba(255,255,255,.02)}
.k-price-table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.k-price-table th,.k-price-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--k-line)}
.k-price-table thead th{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);background:rgba(255,255,255,.03)}
.k-price-table tbody tr:last-child td{border-bottom:0}
.k-price-table td.k-amount{white-space:nowrap;font-weight:700;color:#fff}
.k-price-table td.k-amount small{display:block;font-weight:500;color:var(--text-light);font-size:12.5px}
.k-price-table td .k-muted{display:block;font-size:13.5px;margin-top:2px}
.k-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--k-s4);align-items:stretch}
.k-tier-card{display:flex;flex-direction:column;gap:var(--k-s4);padding:var(--k-s5);border-radius:var(--k-r-lg);background:var(--card-bg);border:1px solid var(--k-line);box-shadow:var(--shadow)}
.k-tier-card--featured{border-color:rgba(14,165,160,.5);background:linear-gradient(180deg,rgba(14,165,160,.12),var(--card-bg) 45%);box-shadow:var(--shadow-lg)}
.k-tier-card .k-tag{margin-bottom:-6px}
.k-tier-card h3{font-size:22px}
.k-tier-card .k-tier-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.k-tier-card .k-tier-price strong{font-size:38px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}
.k-tier-card .k-tier-price span{font-size:14px;color:var(--text-light)}
.k-tier-card .k-tier-annual{font-size:13.5px;color:var(--text-light);margin-top:-8px}
.k-tier-card .k-tier-desc{color:var(--text-light);font-size:15px;margin:0}
.k-tier-card .k-list-check{flex:1}
.k-tier-card .k-list-check li{font-size:14.5px;margin-bottom:10px}
.k-tier-card .k-btn{margin-top:auto}
@media (max-width:900px){.k-tiers{grid-template-columns:1fr}}

/* ── FAQ ──────────────────────────────────────────────── */
.k-faq{max-width:var(--k-max-text)}
.k-faq details{border:1px solid var(--k-line);border-radius:var(--k-r);background:rgba(255,255,255,.025);margin-bottom:var(--k-s3);overflow:hidden}
.k-faq details[open]{border-color:rgba(14,165,160,.4)}
.k-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--k-s4);padding:16px 20px;font-weight:600;color:#fff;font-size:16px;min-height:52px}
.k-faq summary::-webkit-details-marker{display:none}
.k-faq summary::after{content:"";flex:none;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314c4bd' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/20px no-repeat;transition:transform .2s}
.k-faq details[open] summary::after{transform:rotate(180deg)}
.k-faq .k-faq-a{padding:0 20px 18px;color:var(--text-light);font-size:15px}
.k-faq .k-faq-a p:last-child{margin-bottom:0}

/* ── CTA band / notices ───────────────────────────────── */
.k-cta-band{padding:var(--k-s7) var(--k-s5);border-radius:var(--k-r-lg);text-align:center;background:linear-gradient(135deg,rgba(14,165,160,.18),rgba(6,38,63,.9) 60%);border:1px solid rgba(14,165,160,.35);box-shadow:var(--shadow-lg)}
.k-cta-band h2{font-size:clamp(24px,3.2vw,32px);margin-bottom:var(--k-s3)}
.k-cta-band p{color:var(--text-light);max-width:620px;margin:0 auto var(--k-s5)}
.k-cta-band .k-actions{justify-content:center}
.k-notice{display:flex;gap:var(--k-s3);align-items:flex-start;padding:14px 16px;border-radius:var(--k-r);font-size:14.5px;background:rgba(14,165,160,.08);border:1px solid rgba(14,165,160,.3);color:var(--text)}
.k-notice .ki{flex:none;width:20px;height:20px;color:var(--k-accent-2);margin-top:2px}
.k-notice--warn{background:rgba(245,166,35,.08);border-color:rgba(245,166,35,.35)}
.k-notice--warn .ki{color:var(--k-warn)}
.k-notice--danger{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.35)}
.k-notice--danger .ki{color:var(--k-danger)}
.k-notice--ok{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.35)}
.k-notice--ok .ki{color:var(--k-ok)}
.k-notice p{margin:0}

/* ── Related reading ──────────────────────────────────── */
.k-related{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--k-s4)}
.k-related li{margin:0}
.k-related a{display:flex;flex-direction:column;gap:var(--k-s2);height:100%;padding:var(--k-s4) var(--k-s5);border-radius:var(--k-r);background:rgba(255,255,255,.03);border:1px solid var(--k-line);color:var(--text);font-weight:600;font-size:15px;line-height:1.4;text-decoration:none!important;transition:border-color .2s,transform .2s}
.k-related a:hover{border-color:rgba(14,165,160,.45);transform:translateY(-2px)}
.k-related a small{font-weight:500;color:var(--text-light);font-size:13px}
@media (max-width:768px){.k-related{grid-template-columns:1fr}}

/* ── Forms ────────────────────────────────────────────── */
.k-form{display:grid;gap:var(--k-s4)}
.k-form .k-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-s4)}
.k-field{display:grid;gap:6px}
.k-field label{font-size:14px;font-weight:600;color:var(--text)}
.k-field .k-hint{font-size:13px;color:var(--text-light)}
.k-field input:not([type=checkbox]):not([type=radio]),.k-field select,.k-field textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:10px;border:1px solid rgba(148,163,184,.28);background:rgba(0,0,0,.2);color:var(--text);font:400 16px/1.4 var(--k-font);transition:border-color .2s,box-shadow .2s}
.k-field textarea{min-height:150px;resize:vertical}
.k-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fb3c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}
.k-field select option{background:#0a1d31;color:var(--text)}
.k-field input:focus,.k-field select:focus,.k-field textarea:focus{outline:none;border-color:var(--k-accent-2);box-shadow:0 0 0 3px rgba(14,165,160,.2)}
.k-field input::placeholder,.k-field textarea::placeholder{color:rgba(159,179,200,.6)}
.k-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--text-light);cursor:pointer}
.k-check input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--primary);cursor:pointer}
.k-check a{text-decoration:underline}
.k-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
.k-form-foot{display:flex;flex-wrap:wrap;gap:var(--k-s4);align-items:center}
.k-form-card{padding:var(--k-s6);border-radius:var(--k-r-lg);background:var(--card-bg);border:1px solid var(--k-line);box-shadow:var(--shadow-lg)}
.k-form-card h2{font-size:22px;margin-bottom:var(--k-s2)}
.k-form-card>p{color:var(--text-light);font-size:15px}
.k-success{text-align:center;padding:var(--k-s6) var(--k-s4)}
.k-success .k-success-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4);color:var(--k-ok);margin-bottom:var(--k-s4)}
.k-success .k-success-icon .ki{width:32px;height:32px}
.k-success .k-ref{display:inline-block;margin:var(--k-s3) 0 var(--k-s4);padding:8px 18px;border-radius:10px;background:rgba(14,165,160,.1);border:1px solid rgba(14,165,160,.35);font-size:24px;font-weight:800;letter-spacing:.04em;color:#fff}
@media (max-width:640px){.k-form .k-row{grid-template-columns:1fr}.k-form-card{padding:var(--k-s5) var(--k-s4)}}

/* ── Contact info side ────────────────────────────────── */
.k-contact-aside{display:grid;gap:var(--k-s4);align-content:start}
.k-contact-aside .k-card h3{font-size:16px}
.k-contact-aside .k-card a{font-weight:600}

/* ── Misc ─────────────────────────────────────────────── */
.k-draft{position:fixed;left:12px;bottom:12px;z-index:900;padding:6px 10px;border-radius:8px;background:rgba(245,166,35,.15);border:1px solid rgba(245,166,35,.5);color:#fbd38d;font:600 12px/1.2 var(--k-font);letter-spacing:.04em;text-transform:uppercase;pointer-events:none}
.k-divider{height:1px;background:var(--k-line);margin:var(--k-s6) 0}
.k-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--k-s4)}
.k-stat{padding:var(--k-s4) var(--k-s5);border-radius:var(--k-r);background:rgba(255,255,255,.03);border:1px solid var(--k-line)}
.k-stat strong{display:block;font-size:22px;color:#fff;margin-bottom:2px}
.k-stat span{font-size:14px;color:var(--text-light)}
@media (max-width:640px){.k-stat-row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.k-body *{transition:none!important;scroll-behavior:auto!important}}
@media print{.k-draft,.k-cta-band .k-actions{display:none!important}.k-body{background:#fff;color:#000}}

/* ── Homepage: article cards (markup maintained by the article builder) ── */
.k-body .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--k-s5)}
.k-body .article-card{display:flex;flex-direction:column;background:linear-gradient(180deg,#06263f,#052a43);border-radius:var(--k-r-lg);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--k-line);text-decoration:none!important;color:inherit;transition:transform .2s,border-color .2s}
.k-body .article-card:hover{transform:translateY(-3px);border-color:rgba(14,165,160,.45)}
.k-body .article-image{width:100%;height:200px;object-fit:cover;display:block}
.k-body .article-content{padding:var(--k-s5);display:flex;flex-direction:column;flex:1}
.k-body .article-date{display:block;color:var(--text-light);font-size:13px;margin-bottom:var(--k-s2)}
.k-body .article-title{font-size:18px;line-height:1.35;font-weight:600;margin:0 0 var(--k-s3);color:#fff}
.k-body .article-excerpt{font-size:15px;color:var(--text-light);margin:0 0 var(--k-s4)}
.k-body .article-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:var(--k-accent-2);font-weight:600;font-size:14px}
.k-body .ico{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.k-body .latest-more{text-align:center;margin:var(--k-s6) 0 0}
/* ── Homepage: verified client feedback slider ── */
.k-body .testimonial-card{max-width:860px}
.k-body .testimonial-stars{display:flex;gap:5px;color:#fbbf24;margin-bottom:var(--k-s4)}
.k-body .testimonial-stars svg{width:20px;height:20px;fill:currentColor;flex:none}
.k-body .testimonial-figure,.k-body .testimonial-quote{margin:0}
.k-body .testimonial-quote p{font-size:18px;line-height:1.7;color:var(--text);margin:0}
.k-body .testimonial-meta{display:flex;align-items:center;gap:var(--k-s4);margin-top:var(--k-s5)}
.k-body .about-icon{width:40px;height:40px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--k-accent-2);background:rgba(14,165,160,.12);border:1px solid rgba(14,165,160,.28)}
.k-body .about-icon .ico{width:20px;height:20px}
.k-body .testimonial-author{display:block;font-weight:600;color:#fff}
.k-body .testimonial-detail{display:block;color:var(--text-light);font-size:14px;margin-top:2px}
.k-body .testimonial-translation{margin:10px 0 0;color:var(--text-light);font-size:14.5px;font-style:italic}
.k-body .testimonial-verified{display:flex;align-items:center;gap:8px;margin:var(--k-s5) 0 0;padding-top:var(--k-s4);border-top:1px solid var(--k-line);color:var(--text-light);font-size:14px}
.k-body .testimonial-verified .ki{width:16px;height:16px;flex:none;color:var(--k-accent-2)}
.k-body .tslide+.tslide{margin-top:var(--k-s6)}
.k-body .tslider.is-js .tslider-track{display:grid}
.k-body .tslider.is-js .tslide{grid-area:1/1;margin-top:0;visibility:hidden;opacity:0;transition:opacity .45s ease,visibility 0s linear .45s}
.k-body .tslider.is-js .tslide.is-active{visibility:visible;opacity:1;transition:opacity .45s ease}
.k-body .tslider-nav{display:none;align-items:center;gap:12px;margin-top:var(--k-s5)}
.k-body .tslider.is-js .tslider-nav{display:flex}
.k-body .tslider-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}
.k-body .tslider-btn:hover,.k-body .tslider-btn:focus-visible{border-color:var(--primary);color:var(--k-accent-2)}
.k-body .tslider-dots{display:flex;gap:8px}
.k-body .tslider-dot{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.22);cursor:pointer}
.k-body .tslider-dot[aria-current="true"]{background:var(--primary)}
.k-body .testimonial-cta{margin:var(--k-s5) 0 0;color:var(--text-light);font-size:15px}
.k-body .testimonial-cta a{color:var(--k-accent-2);font-weight:600}
@media (prefers-reduced-motion:reduce){.k-body .tslider.is-js .tslide{transition:none}}

/* 2026-11-05 fix: .k-body a (0,1,1) was overriding .k-btn--primary text colour (teal on teal) and underlining buttons on hover */
.k-body a.k-btn--primary{color:var(--k-ink)}
.k-body a.k-btn--ghost{color:var(--text)}
.k-body a.k-btn:hover,.k-body a.k-btn:focus-visible{text-decoration:none}

/* 2026-11-05 operator review: card icons sit to the right of the title instead of above it (no empty row) */
.k-card>.k-icon{position:absolute;top:var(--k-s4);right:var(--k-s4);width:40px;height:40px;border-radius:10px}
.k-card>.k-icon .ki{width:21px;height:21px}
.k-card>.k-icon+h3,.k-card>.k-icon+h2{padding-right:52px;min-height:40px;display:flex;align-items:center}
/* 2026-11-05 operator review: price tables stack into rows on phones instead of scrolling sideways */
@media (max-width:640px){
  .k-table-wrap{overflow-x:visible}
  .k-price-table{min-width:0;display:block}
  .k-price-table thead{display:none}
  .k-price-table tbody,.k-price-table tr,.k-price-table td{display:block;width:100%}
  .k-price-table tr{padding:14px 16px;border-bottom:1px solid var(--k-line)}
  .k-price-table tbody tr:last-child{border-bottom:0}
  .k-price-table td{padding:0;border-bottom:0}
  .k-price-table td:first-child{font-size:16px;font-weight:600;margin-bottom:4px}
  .k-price-table td .k-muted{font-size:14px;margin:0 0 8px}
  .k-price-table td.k-amount{white-space:normal;font-size:18px}
  .k-price-table td.k-amount small{display:inline;margin-left:6px}
}
/* 2026-11-05: intake fields (platform, symptoms, duration, hosting, phone) returned to the contact form */
.k-fieldset{border:1px solid rgba(148,163,184,.22);border-radius:10px;padding:14px 16px 16px;margin:0;min-width:0}
.k-fieldset legend{padding:0 6px;font-size:14px;font-weight:600;color:var(--text)}
.k-sym-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 16px}
.k-sym-grid .k-check{font-size:14px;color:var(--text)}