/* Fonts: SIL OFL 1.1, notices at /assets/fonts/OFL-NOTICES.txt */
/* unit D1: website v2 faces, tokens and motion states */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500 600;
  font-display: optional;
  src: url(/assets/fonts/newsreader-roman.ead90e5d25.woff2) format('woff2');
}
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 600;
  font-display: optional;
  src: url(/assets/fonts/newsreader-italic.c099fd17c9.woff2) format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/assets/fonts/ibm-plex-sans-arabic-400.6010e7fd0d.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/assets/fonts/ibm-plex-sans-arabic-600.16734a5adb.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: optional;
  src: url(/assets/fonts/plus-jakarta-sans.1c2df10ea6.woff2) format('woff2');
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400 600;
  font-display: optional;
  src: url(/assets/fonts/geist-mono.ffb618b01d.woff2) format('woff2');
}
:root {
  /* Surfaces: the dark sections, the rounded ivory sections, the brand green */
  --k-night: #031512;
  --k-ivory: #F5F3EC;
  --k-ivory-line: #E4E1D6;
  --k-pine: #003C33;
  --k-lime: #C8F169;
  --k-lime-tint: #DDF5A0;
  /* Text */
  --k-on-night: #F2F5F1;
  --k-on-night-muted: #A9BDB7;
  --k-on-ivory: #0E1513;
  --k-on-ivory-muted: #4A5652;
  --k-accent-on-ivory: #0A5C4F;
  --k-on-lime: #031512;
  /* Score bands: weak under 40, fair 40 to 69, strong 70 and over. The bare name is for dark surfaces, *-on-ivory is the AA text colour on ivory */
  --k-band-weak: #FF7A6E;
  --k-band-fair: #F2B544;
  --k-band-strong: #C8F169;
  --k-band-weak-on-ivory: #A8302A;
  --k-band-fair-on-ivory: #8A5A00;
  --k-band-strong-on-ivory: #0A5C4F;
  /* Radii and the side inset of the rounded sections */
  --k-radius-section-min: 28px;
  --k-radius-section-max: 48px;
  --k-radius-section: clamp(var(--k-radius-section-min), 4vw, var(--k-radius-section-max));
  --k-section-inset: clamp(8px, 1.5vw, 16px);
  /* Motion */
  --k-ease: cubic-bezier(.2,.7,.2,1);
  --k-reveal-shift: 40px;
  /* Faces */
  --k-font-display: 'Newsreader', 'IBM Plex Sans Arabic', Georgia, 'Times New Roman', serif;
  --k-font-body: 'Plus Jakarta Sans', 'IBM Plex Sans Arabic', ui-sans-serif, system-ui, sans-serif;
  --k-font-data: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --k-font-arabic: 'IBM Plex Sans Arabic', 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  /* Type scale */
  --k-text-final: clamp(48px, 8vw, 120px);
  --k-text-hero: clamp(46px, 7.2vw, 104px);
  --k-text-page: clamp(46px, 7vw, 96px);
  --k-text-stat: clamp(64px, 8vw, 112px);
  --k-text-section: clamp(38px, 5.2vw, 72px);
  --k-text-sub: clamp(34px, 4.4vw, 56px);
  --k-text-lead: clamp(17px, 1.4vw, 19px);
  --k-text-body: 15px;
  --k-text-eyebrow: 13px;
  /* Headline setting. These switch for Arabic below */
  --k-h-lh: 1.02;
  --k-h-ls: -0.02em;
  --k-eyebrow-ls: 0.08em;
  --k-accent-style: italic;
}
[lang="ar"] {
  --k-font-display: var(--k-font-arabic);
  --k-font-body: var(--k-font-arabic);
  --k-h-lh: 1.3;
  --k-h-ls: 0;
  --k-eyebrow-ls: 0;
  --k-accent-style: normal;
}

.k-headline {
  font-family: var(--k-font-display);
  font-weight: 600;
  line-height: var(--k-h-lh);
  letter-spacing: var(--k-h-ls);
  text-wrap: balance;
}
.k-accent { font-style: var(--k-accent-style); color: var(--k-accent, var(--k-lime)); }
.k-on-ivory { --k-accent: var(--k-accent-on-ivory); }
[lang="ar"] .k-headline, [lang="ar"] .k-headline * { font-style: normal; letter-spacing: 0; }
.k-eyebrow { font-family: var(--k-font-data); font-size: var(--k-text-eyebrow); letter-spacing: var(--k-eyebrow-ls); }
[lang="ar"] .k-eyebrow { font-family: var(--k-font-arabic); }

.k-reveal-pending { opacity: 0; transform: translate3d(0, var(--k-reveal-shift), 0); }
.k-reveal-in { opacity: 1; transform: none; transition: opacity 1.1s var(--k-ease), transform 1.1s var(--k-ease); }
.k-counting { display: inline-block; font-variant-numeric: tabular-nums; }
html[data-k-motion="subtle"] .k-reveal-pending, html[data-k-motion="subtle"] .k-reveal-in { opacity: 1 !important; transform: none !important; transition: none !important; }
html[data-k-motion="subtle"] .k-loop { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
.k-reveal-pending, .k-reveal-in { opacity: 1 !important; transform: none !important; transition: none !important; }
.k-loop { animation: none !important; }
}
@media print {
.k-reveal-pending, .k-reveal-in { opacity: 1 !important; transform: none !important; transition: none !important; }
.k-loop { animation: none !important; }
[data-k-parallax], [data-k-tilt], [data-k-follow] { transform: none !important; }
}
/* unit D2: website v2 shell and Home */
.k-page { margin: 0; background: var(--k-night); color: var(--k-on-night); font-family: var(--k-font-body); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: clip; }
:where(.k-page) *, :where(.k-page) *::before, :where(.k-page) *::after { box-sizing: border-box; }
:where(.k-page) :where(h1, h2, h3, p, ul, ol, figure) { margin: 0; padding: 0; }
:where(.k-page) :where(ul, ol) { list-style: none; }
:where(.k-page) :where(img, svg) { display: block; }
:where(.k-page) a { color: inherit; text-underline-offset: 3px; }
:where(.k-page) a:where(:hover) { color: var(--k-lime-tint); }
.k-page ::selection { background: var(--k-lime); color: var(--k-on-lime); }
.k-page [hidden] { display: none !important; }
.k-page :focus-visible { outline: 2px solid var(--k-lime); outline-offset: 2px; }
.k-on-ivory :focus-visible { outline-color: var(--k-accent-on-ivory); }
html:has(.k-page) { scroll-padding-block-start: 96px; background: var(--k-night); }
.k-skip { position: absolute; inset-inline-start: 12px; inset-block-start: -60px; z-index: 100; padding: 10px 14px; border-radius: 10px; background: var(--k-lime); color: var(--k-on-lime); font-weight: 700; text-decoration: none; }
.k-skip:focus { inset-block-start: 12px; }
.k-wrap { position: relative; max-inline-size: 1280px; margin-inline: auto; padding-inline: clamp(18px, 4vw, 40px); }
.k-eyebrow { color: var(--k-lime); }
.k-on-ivory .k-eyebrow { color: var(--k-accent-on-ivory); }
.k-eyebrow--plain { color: inherit; }
.k-lead { font-size: var(--k-text-lead); line-height: 1.65; color: #B9CBC5; max-inline-size: 540px; text-wrap: pretty; }
.k-h2 { font-size: var(--k-text-section); }
.k-page .kashif-icon { inline-size: 18px; block-size: 18px; flex: none; }
.k-page .kashif-brand { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--k-on-night); }
.k-page .kashif-mark { inline-size: 32px; block-size: 32px; }
.k-page .kashif-wordmark { font-weight: 800; font-size: 20px; letter-spacing: -0.03em; }
.k-dot { flex: none; inline-size: 7px; block-size: 7px; border-radius: 50%; background: var(--k-lime); animation: kPulse 2.2s ease-in-out infinite; }
.k-dot--glow { box-shadow: 0 0 12px var(--k-lime); }

.k-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-block-size: 52px; padding-inline: 22px; border: 0; border-radius: 999px; background: var(--k-lime); color: var(--k-on-lime); font: 700 16px var(--k-font-body); text-decoration: none; cursor: pointer; box-shadow: 0 12px 32px -12px rgba(200,241,105,.8); transition: transform .3s var(--k-ease); }
.k-btn:hover { background: var(--k-lime-tint); color: var(--k-on-lime); transform: translateY(-2px); }
.k-btn:disabled { cursor: progress; transform: none; box-shadow: none; }
.k-btn--sm { min-block-size: 44px; padding-inline: 18px; font-size: 14px; }
.k-btn--lg { min-block-size: 60px; padding-inline: 30px; font-weight: 800; font-size: 17px; box-shadow: 0 20px 60px -20px rgba(200,241,105,.9); }
.k-btn--ghost { background: transparent; color: var(--k-on-night); border: 1px solid rgba(255,255,255,.16); border-radius: 14px; box-shadow: none; font-weight: 600; }
.k-btn--ghost:hover { background: transparent; color: var(--k-lime); transform: none; }
.k-btn--soft { background: rgba(200,241,105,.1); color: var(--k-lime); border-radius: 14px; box-shadow: none; font-weight: 600; }
.k-btn--soft:hover { background: rgba(200,241,105,.16); color: var(--k-lime); transform: none; }
.k-btn--line { min-block-size: 48px; padding-inline: 20px; background: transparent; color: var(--k-on-ivory); border: 1px solid var(--k-on-ivory); box-shadow: none; font-size: 15px; }
.k-btn--line:hover { background: var(--k-on-ivory); color: var(--k-ivory); }
.k-iconbtn { inline-size: 44px; block-size: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.16); color: var(--k-on-night); cursor: pointer; list-style: none; }
.k-iconbtn::-webkit-details-marker { display: none; }

.k-header { position: fixed; inset-block-start: 0; inset-inline: 0; z-index: 50; }
.k-header::before { content: ''; position: absolute; inset: 0; background: rgba(3,21,18,.78); -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4); border-block-end: 1px solid rgba(255,255,255,.08); transition: opacity .5s ease; }
.k-header.is-top::before { opacity: 0; }
.k-progress { position: absolute; inset-inline: 0; inset-block-end: -1px; block-size: 2px; background: var(--k-lime); box-shadow: 0 0 12px rgba(200,241,105,.6); transform: scaleX(0); transform-origin: 0 50%; }
[dir="rtl"] .k-progress { transform-origin: 100% 50%; }
.k-header-inner { position: relative; display: flex; align-items: center; gap: 20px; max-inline-size: 1280px; block-size: 76px; margin-inline: auto; padding-inline: clamp(18px, 4vw, 40px); }
.k-nav { display: flex; gap: 4px; margin-inline-start: 24px; }
.k-nav-link { position: relative; padding: 10px 14px; border-radius: 999px; font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.k-nav-link { color: #B9CBC5; }
.k-nav-link:hover, .k-nav-link[aria-current="page"] { color: #FFFFFF; }
.k-nav-link::after { content: ''; position: absolute; inset-inline: 14px; inset-block-end: 4px; block-size: 2px; border-radius: 2px; background: var(--k-lime); transform: scaleX(0); transition: transform .4s var(--k-ease); }
.k-nav-link:hover::after, .k-nav-link[aria-current="page"]::after { transform: scaleX(1); }
.k-header-actions { display: flex; align-items: center; gap: 8px; margin-inline-start: auto; }
.k-lang { display: inline-flex; align-items: center; block-size: 44px; padding-inline: 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); font-weight: 600; font-size: 14px; text-decoration: none; }
.k-lang:lang(ar), .k-lang[lang="ar"] { font-family: var(--k-font-arabic); }
.k-signin { display: inline-flex; align-items: center; block-size: 40px; padding-inline: 14px; font-weight: 600; font-size: 15px; text-decoration: none; white-space: nowrap; }
.k-label-tiny { display: none; }
.k-menu { display: none; }
.k-menu .kashif-icon:last-child { display: none; }
.k-menu[open] .kashif-icon:first-child { display: none; }
.k-menu[open] .kashif-icon:last-child { display: block; }
.k-menu summary { position: relative; z-index: 2; }
.k-overlay { position: fixed; inset: 0; z-index: 1; display: flex; flex-direction: column; padding: 96px clamp(18px, 4vw, 40px) 32px; background: rgba(3,21,18,.97); animation: kFade .3s ease both; overflow-y: auto; }
.k-overlay-nav { display: flex; flex-direction: column; gap: 6px; }
.k-overlay-link { padding-block: 8px; border-block-end: 1px solid rgba(255,255,255,.08); font-family: var(--k-font-display); font-size: 44px; line-height: var(--k-h-lh); color: var(--k-on-night); text-decoration: none; animation: kRise .7s var(--k-ease) both; }
.k-overlay-link[aria-current="page"] { color: var(--k-lime); }
.k-overlay-link:nth-child(2) { animation-delay: .07s; }
.k-overlay-link:nth-child(3) { animation-delay: .14s; }
.k-overlay-link:nth-child(4) { animation-delay: .21s; }
.k-overlay-actions { display: flex; flex-direction: column; gap: 10px; margin-block-start: auto; padding-block-start: 32px; }
html.k-menu-open { overflow: hidden; }
@media (max-width: 979.98px) {
  .k-nav, .k-signin { display: none; }
  .k-menu { display: block; }
}
@media (max-width: 419.98px) {
  .k-label-wide { display: none; }
  .k-label-tiny { display: inline; }
  .k-header-inner { gap: 10px; }
  .k-lang { padding-inline: 12px; }
  .k-btn--sm { padding-inline: 14px; }
}
@media (max-width: 359.98px) {
  .k-page .k-header .kashif-wordmark { display: none; }
}

.k-hero { position: relative; overflow: hidden; overflow: clip; isolation: isolate; padding-block-start: clamp(120px, 15vw, 176px); }
.k-hero-glow { position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; }
.k-hero-glow--a { inset-block-start: -30%; inset-inline-end: -25%; inline-size: 85vmax; block-size: 85vmax; background: radial-gradient(closest-side, rgba(200,241,105,.15), rgba(200,241,105,0) 70%); animation: kDrift 18s ease-in-out infinite alternate; }
.k-hero-glow--b { inset-block-end: -40%; inset-inline-start: -25%; inline-size: 75vmax; block-size: 75vmax; background: radial-gradient(closest-side, rgba(19,131,111,.34), rgba(19,131,111,0) 70%); animation: kDrift 24s ease-in-out -8s infinite alternate-reverse; }
.k-hero-cursor { position: absolute; z-index: -1; inset-block-start: 42%; inset-inline-start: 62%; inline-size: 560px; block-size: 560px; background: radial-gradient(closest-side, rgba(200,241,105,.11), rgba(200,241,105,0)); pointer-events: none; transition: transform .6s var(--k-ease); }
.k-hero-floor { position: absolute; z-index: -1; inset-inline: -15%; inset-block-end: 0; block-size: 44%; overflow: hidden; pointer-events: none; transform: perspective(720px) rotateX(64deg); transform-origin: 50% 100%; -webkit-mask-image: linear-gradient(to top, #000 5%, transparent 80%); mask-image: linear-gradient(to top, #000 5%, transparent 80%); }
.k-hero-grid-lines { position: absolute; inset-inline: 0; inset-block: -64px 0; background-image: linear-gradient(rgba(200,241,105,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(200,241,105,.09) 1px, transparent 1px); background-size: 64px 64px; animation: kGrid 3.4s linear infinite; }
.k-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(48px, 6vw, 88px); align-items: center; }
.k-hero-copy { display: flex; flex-direction: column; gap: 28px; min-inline-size: 0; }
.k-hero-eyebrow { align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(200,241,105,.28); background: rgba(200,241,105,.06); color: var(--k-lime-tint); font-size: 13px; font-weight: 600; }
.k-hero-h1 { font-size: var(--k-text-hero); color: #F7F8F4; text-wrap: wrap; }
.k-hero-h1--b { font-size: clamp(38px, 5vw, 72px); }
.k-word { display: inline-block; animation: kRise 1.1s var(--k-ease) both; }
.k-rise-0 { animation-delay: 0.120s; }
.k-rise-1 { animation-delay: 0.195s; }
.k-rise-2 { animation-delay: 0.270s; }
.k-rise-3 { animation-delay: 0.345s; }
.k-rise-4 { animation-delay: 0.420s; }
.k-rise-5 { animation-delay: 0.495s; }
.k-rise-6 { animation-delay: 0.570s; }
.k-rise-7 { animation-delay: 0.645s; }
.k-rise-8 { animation-delay: 0.720s; }
.k-rise-9 { animation-delay: 0.795s; }
.k-rise-10 { animation-delay: 0.870s; }
.k-rise-11 { animation-delay: 0.945s; }
.k-rise-12 { animation-delay: 1.020s; }
.k-rise-13 { animation-delay: 1.095s; }
.k-hero-sub { max-inline-size: 560px; }
.k-scan { display: flex; flex-direction: column; gap: 12px; max-inline-size: 620px; scroll-margin-block-start: 96px; }
.kashif-scan-form { display: flex; flex-direction: column; gap: 12px; }
.k-scan-label, .kashif-scan-step2 label { font-size: 13px; font-weight: 600; color: var(--k-on-night-muted); }
.kashif-step { font: 500 12px var(--k-font-data); color: var(--k-lime); }
.kashif-scan-row { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px; border-radius: 22px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 30px 80px -30px rgba(200,241,105,.3); }
.kashif-scan-row:focus-within { border-color: var(--k-lime); }
.kashif-scan-form[data-error] .kashif-scan-row { border-color: var(--k-band-weak); }
.kashif-scan-row input, .kashif-scan-step2 input { flex: 1 1 220px; min-inline-size: 0; block-size: 56px; border: 0; background: transparent; color: #F7F8F4; padding-inline: 14px; font: 500 17px var(--k-font-data); text-align: start; outline: none; }
.kashif-scan-row input::placeholder { color: var(--k-on-night-muted); }
.k-scan-submit-text { white-space: nowrap; }
.k-btn--scan { flex: 1 0 auto; block-size: 56px; min-block-size: 56px; padding-inline: 26px; border-radius: 15px; }
.kashif-scan-form > .k-btn--scan { flex: none; inline-size: 100%; }
.k-scan-error { font-size: 14px; color: #FF9A8F; }
.kashif-scan-step2 { display: flex; flex-direction: column; gap: 8px; }
.kashif-scan-step2 label { display: flex; flex-direction: column; gap: 8px; }
.kashif-scan-step2 input { flex: none; inline-size: 100%; border-radius: 15px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); }
.kashif-scan-step2 input:focus { border-color: var(--k-lime); }
.kashif-scan-note { font-size: 14px; line-height: 1.5; color: var(--k-on-night-muted); }
.k-scan-reassure { font-size: 14px; color: #DCE6E2; }
.kashif-scan-status { font-size: 14px; line-height: 1.5; color: var(--k-lime-tint); }
.kashif-scan-status:empty { margin-block-start: -12px; }
.kashif-scan-form noscript a { color: var(--k-lime); }
/* A result ends the scan. Disabled reads in three ways at once, none of them only a dimmer lime: the label says why, the fill goes, and the outline turns dashed. */
.kashif-scan-form[data-locked] .kashif-scan-row { background: transparent; box-shadow: none; }
.kashif-scan-form[data-locked] input { color: #B9CBC5; cursor: default; }
.kashif-scan-form[data-locked] .k-btn--scan, .kashif-scan-form[data-locked] .k-btn--scan:hover { background: transparent; color: #B9CBC5; border: 1px dashed rgba(255,255,255,.32); box-shadow: none; transform: none; cursor: not-allowed; }
.kashif-scan-form[data-locked] .k-btn--scan .kashif-icon { display: none; }
.k-points { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.k-points li { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--k-on-night-muted); }
.k-points .kashif-icon { inline-size: 15px; block-size: 15px; color: var(--k-lime); }
.k-result:empty { display: contents; }
.k-result { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 18px; background: rgba(200,241,105,.08); border: 1px solid rgba(200,241,105,.25); outline: none; animation: kRise .6s var(--k-ease) both; }
.k-result-line { flex: 1 1 100%; font-size: 15px; line-height: 1.5; color: #E8F2D2; overflow-wrap: anywhere; }
.k-result .k-btn { min-block-size: 44px; padding-inline: 16px; border-radius: 12px; font-size: 14px; box-shadow: none; }
.k-result .kashif-scan-note { flex: 1 1 100%; }
.k-heard { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 16px; border-radius: 18px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); }
.k-heard-q { flex: 1 1 100%; font-size: 14px; font-weight: 600; }
.k-heard-answers { display: flex; flex-wrap: wrap; gap: 8px; }
.k-chip { min-block-size: 44px; padding-inline: 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: transparent; color: var(--k-on-night); font: 600 14px var(--k-font-body); cursor: pointer; }
.k-chip:hover { border-color: var(--k-lime); color: var(--k-lime); }
.k-heard-dismiss { min-block-size: 44px; padding-inline: 10px; border: 0; background: transparent; color: var(--k-on-night-muted); font: 500 14px var(--k-font-body); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.k-heard-thanks { font-size: 14px; color: var(--k-lime-tint); }
.k-hero-visual { position: relative; min-inline-size: 0; display: flex; justify-content: center; }
.k-panel-ring { position: absolute; inset: 8%; border-radius: 50%; border: 1px solid rgba(200,241,105,.18); pointer-events: none; animation: kRing 4s ease-out infinite; }
.k-panel-ring--late { animation-delay: 2s; }
.k-panel { position: relative; display: flex; flex-direction: column; gap: 20px; inline-size: 100%; max-inline-size: 500px; padding: clamp(20px, 3vw, 30px); border-radius: 32px; overflow: hidden; background: linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,.02)); border: 1px solid rgba(255,255,255,.12); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); box-shadow: 0 60px 120px -40px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.1); transition: transform .5s var(--k-ease); }
.k-panel-sweep { position: absolute; inset-inline: 0; inset-block-start: 0; block-size: 80px; background: linear-gradient(to bottom, rgba(200,241,105,0), rgba(200,241,105,.16), rgba(200,241,105,0)); pointer-events: none; animation: kScan 1.5s linear infinite; }
.k-panel-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.k-panel-label { display: flex; align-items: center; gap: 8px; font: 400 12px var(--k-font-data); letter-spacing: var(--k-eyebrow-ls); color: var(--k-on-night-muted); }
[lang="ar"] .k-panel-label { font-family: var(--k-font-arabic); }
.k-panel[data-state="running"] .k-dot { background: var(--k-band-fair); }
.k-panel-host { max-inline-size: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 13px var(--k-font-data); color: #DCE6E2; }
.k-gauge { position: relative; align-self: center; inline-size: min(100%, 250px); aspect-ratio: 1; }
.k-gauge svg { inline-size: 100%; block-size: 100%; overflow: visible; }
.k-gauge-ring { transform-origin: 120px 120px; animation: kSpin 60s linear infinite; }
.k-gauge-ring circle { stroke: rgba(255,255,255,.16); stroke-width: 1; }
.k-gauge-ring--inner { animation: kSpinR 40s linear infinite; }
.k-gauge-ring--inner circle { stroke: rgba(200,241,105,.28); }
.k-gauge-track { stroke: rgba(255,255,255,.08); stroke-width: 10; }
.k-gauge-arc { stroke-width: 10; stroke-linecap: round; filter: drop-shadow(0 0 10px rgba(200,241,105,.45)); }
.k-arc--weak { stroke: var(--k-band-weak); }
.k-arc--fair { stroke: var(--k-band-fair); }
.k-arc--strong { stroke: var(--k-band-strong); }
.k-arc--muted { stroke: var(--k-on-night-muted); filter: none; }
.k-arc--live { stroke: var(--k-lime); }
#k-gauge-spin { transform-origin: 120px 120px; }
.k-panel[data-state="running"] #k-gauge-spin { animation: kSpin 1.4s linear infinite; }
.k-gauge-text { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; text-align: center; padding-inline: 34px; }
.k-gauge-num { font-family: 'Newsreader', var(--k-font-display); font-size: 76px; font-weight: 500; line-height: 1; color: #F7F8F4; font-variant-numeric: tabular-nums; }
.k-gauge-sub { font: 400 12px var(--k-font-data); color: var(--k-on-night-muted); }
[lang="ar"] .k-gauge-sub { font-family: var(--k-font-arabic); }
.k-rows { display: flex; flex-direction: column; gap: 10px; }
.k-row { display: grid; grid-template-columns: minmax(0, 1fr) 92px 30px; align-items: center; gap: 12px; opacity: .72; transition: opacity .4s ease; }
.k-panel[data-state="running"] .k-row { opacity: 1; }
.k-panel[data-state="running"] .k-row[data-no-scan] { opacity: .45; }
.k-row-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: #DCE6E2; }
.k-row-bar { position: relative; display: block; block-size: 5px; border-radius: 3px; overflow: hidden; }
.k-row-bar svg { inline-size: 100%; block-size: 5px; }
.k-row-track { fill: rgba(255,255,255,.08); }
.k-row-fill { shape-rendering: geometricPrecision; }
.k-fill--weak { fill: var(--k-band-weak); }
.k-fill--fair { fill: var(--k-band-fair); }
.k-fill--strong { fill: var(--k-band-strong); }
.k-row-shimmer { position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: 50%; background: linear-gradient(90deg, rgba(200,241,105,0), rgba(200,241,105,.8), rgba(200,241,105,0)); animation: kShimmer 1s linear infinite; }
.k-row-v { font: 400 12px var(--k-font-data); color: #DCE6E2; text-align: end; }
/* The card after a scan. The rows are shapes: the page holds no text behind them, so the mask and the blur hide nothing and only say "there is more". */
.k-panel[data-state="done"] { gap: 16px; }
.k-panel[data-state="done"] .k-gauge { inline-size: min(100%, 212px); }
@media (max-width: 479.98px) {
  .k-panel[data-state="done"] { gap: 14px; }
  .k-panel[data-state="done"] .k-gauge { inline-size: min(100%, 176px); }
  .k-panel[data-state="done"] .k-gauge-num { font-size: 60px; }
  .k-panel[data-state="done"] .k-gauge-text { padding-inline: 22px; }
}
.k-issue { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); }
.k-issue-kicker { font: 400 12px var(--k-font-data); letter-spacing: var(--k-eyebrow-ls); color: var(--k-lime-tint); }
[lang="ar"] .k-issue-kicker { font-family: var(--k-font-arabic); }
.k-issue-title { font-size: 17px; font-weight: 600; line-height: 1.35; color: #F7F8F4; overflow-wrap: anywhere; }
.k-issue-line { font-size: 14px; line-height: 1.5; color: #DCE6E2; overflow-wrap: anywhere; }
.k-issue-more { margin-block-start: -4px; padding-inline: 16px; font-size: 14px; font-weight: 500; line-height: 1.45; color: var(--k-lime-tint); }
.k-panel-cmp { font-size: 15px; font-weight: 500; line-height: 1.45; color: #F7F8F4; text-align: center; text-wrap: balance; }
.k-locked { display: flex; flex-direction: column; gap: 12px; padding-inline: 16px; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, #000 10%, transparent); mask-image: linear-gradient(to bottom, #000 10%, transparent); }
.k-locked-row { display: flex; align-items: center; gap: 12px; }
.k-locked-row::before, .k-locked-row::after { content: ''; block-size: 11px; border-radius: 6px; background: rgba(255,255,255,.2); filter: blur(1.5px); }
.k-locked-row::before { flex: none; inline-size: 44px; }
.k-locked-row::after { flex: 1 1 auto; max-inline-size: 86%; }
.k-locked-row:nth-child(2)::after { max-inline-size: 62%; }
.k-locked-row:nth-child(3)::after { max-inline-size: 74%; }
.k-panel-cta { inline-size: 100%; text-align: center; }
.k-panel-cta .kashif-icon { flex: none; inline-size: 16px; block-size: 16px; }
.k-marquee { margin-block-start: clamp(64px, 9vw, 112px); padding-block: 20px; overflow: hidden; border-block: 1px solid rgba(255,255,255,.08); -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.k-marquee-track { display: flex; inline-size: max-content; animation: kMarq 52s linear infinite; }
.k-marquee-item { display: flex; align-items: center; gap: 22px; padding-inline: 22px; font-family: var(--k-font-display); font-size: clamp(20px, 2.4vw, 30px); font-style: var(--k-accent-style); color: #DCE6E2; white-space: nowrap; }
.k-marquee-dot { inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--k-lime); }
/* The review's decision: the scan button sits inside the first viewport on a desktop, so the H1 is smaller than the prototype's here and the panel starts at the top of its column. */
@media (min-width: 1100px) {
  .k-hero { padding-block-start: 116px; }
  .k-hero-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .k-hero-copy { gap: 20px; }
  .k-hero-h1 { font-size: clamp(56px, 5.2vw, 76px); }
  .k-hero-h1.k-hero-h1--b { font-size: clamp(40px, 3.8vw, 56px); }
}

.k-section, .k-shift, .k-ba, .k-time, .k-amman { position: relative; }
.k-section { padding-block: clamp(88px, 12vw, 160px); }
.k-section--tight { padding-block-start: 0; }
.k-section--foot { padding-block-end: 0; }
.k-stack { display: flex; flex-direction: column; gap: clamp(64px, 8vw, 112px); }
.k-stack--sm { gap: clamp(40px, 5vw, 64px); }
.k-split { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: clamp(40px, 6vw, 88px); align-items: center; }
.k-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; min-inline-size: 0; }
.k-copy--wide { max-inline-size: 780px; }
.k-copy--wide .k-lead { max-inline-size: none; }
.k-chat { display: flex; flex-direction: column; gap: 16px; min-inline-size: 0; min-block-size: 430px; padding: clamp(18px, 2.6vw, 28px); border-radius: 28px; background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 50px 100px -40px rgba(0,0,0,.7); }
.k-chat-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-block-size: 32px; }
.k-chat-tag { display: flex; align-items: center; gap: 8px; font: 400 12px var(--k-font-data); color: var(--k-on-night-muted); }
[lang="ar"] .k-chat-tag { font-family: var(--k-font-arabic); }
.k-chat-tag .kashif-icon { inline-size: 14px; block-size: 14px; color: var(--k-lime); }
.k-chat-replay { display: flex; align-items: center; gap: 6px; min-block-size: 32px; padding-inline: 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); background: transparent; color: #DCE6E2; font: 600 12px var(--k-font-body); cursor: pointer; }
.k-chat-replay:hover { border-color: var(--k-lime); color: var(--k-lime); }
.k-chat-replay .kashif-icon { inline-size: 13px; block-size: 13px; }
.k-chat-q { align-self: flex-end; max-inline-size: 85%; padding: 12px 16px; border-radius: 18px; border-end-end-radius: 6px; background: var(--k-lime); color: var(--k-on-lime); font-weight: 600; line-height: 1.45; }
.k-chat-ghost { color: transparent; }
.k-chat-a { font-size: 15px; color: #DCE6E2; }
.k-chat-places { display: flex; flex-direction: column; gap: 8px; }
.k-chat-place { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }
.k-chat-n { flex: none; display: flex; align-items: center; justify-content: center; inline-size: 28px; block-size: 28px; border-radius: 9px; background: rgba(200,241,105,.12); color: var(--k-lime); font: 600 13px var(--k-font-data); }
.k-chat-name { flex: 1; display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; }
.k-chat-name b { font-size: 15px; font-weight: 700; }
.k-chat-name small { font-size: 13px; color: var(--k-on-night-muted); }
.k-chat-rate { font: 400 13px var(--k-font-data); color: var(--k-band-fair); }
.k-chat-miss { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 16px; border: 1px dashed rgba(255,122,110,.5); background: rgba(255,122,110,.08); color: #FFB4AB; font-weight: 600; font-size: 15px; }
.k-chat-wait { opacity: 0; transform: translate3d(0, 10px, 0); }
.k-chat-show { transition: opacity .6s var(--k-ease), transform .6s var(--k-ease); }
.k-chat-dots { position: absolute; display: flex; gap: 6px; padding-block: 2px; }
.k-chat-dots span { inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--k-on-night-muted); animation: kPulse 1s ease-in-out infinite; }
.k-chat-dots span:nth-child(2) { animation-delay: .15s; }
.k-chat-dots span:nth-child(3) { animation-delay: .3s; }
.k-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: clamp(28px, 4vw, 48px); padding-block-start: clamp(40px, 5vw, 64px); border-block-start: 1px solid rgba(255,255,255,.1); }
.k-stat { display: flex; flex-direction: column; gap: 14px; }
.k-stat-n { font-family: 'Newsreader', var(--k-font-display); font-weight: 600; font-size: var(--k-text-stat); line-height: .95; color: var(--k-lime); text-align: start; font-variant-numeric: tabular-nums; }
[dir="rtl"] .k-stat-n { text-align: end; }
.k-stat-text { font-size: 17px; line-height: 1.55; color: #E3ECE8; text-wrap: pretty; }
.k-stat-src { font: 400 12px/1.5 var(--k-font-data); color: var(--k-on-night-muted); }
[lang="ar"] .k-stat-src { font-family: var(--k-font-arabic); }
.k-checks { overflow: hidden; }
.k-checks-glow { position: absolute; inset-block-start: 10%; inset-inline-start: 50%; inline-size: 70vmax; block-size: 70vmax; margin-inline-start: -35vmax; background: radial-gradient(closest-side, rgba(19,131,111,.22), rgba(19,131,111,0)); pointer-events: none; }
.k-check-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); gap: 16px; }
.k-check { position: relative; display: flex; flex-direction: column; gap: 16px; min-inline-size: 0; padding: 26px; border-radius: 24px; overflow: hidden; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.09); transition: transform .5s var(--k-ease); }
.k-check:hover { transform: translateY(-6px); border-color: rgba(200,241,105,.4); }
.k-spot { position: absolute; inset-block-start: 0; inset-inline-start: 0; inline-size: 420px; block-size: 420px; background: radial-gradient(closest-side, rgba(200,241,105,.13), rgba(200,241,105,0)); pointer-events: none; opacity: 0; transition: opacity .4s ease; }
.k-check:hover .k-spot { opacity: 1; }
.k-check-top { display: flex; justify-content: space-between; align-items: center; }
.k-check-icon { display: flex; align-items: center; justify-content: center; inline-size: 46px; block-size: 46px; border-radius: 14px; background: rgba(200,241,105,.1); color: var(--k-lime); }
.k-check-icon .kashif-icon { inline-size: 20px; block-size: 20px; }
.k-check-num { font: 400 13px var(--k-font-data); color: var(--k-on-night-muted); }
.k-check h3 { font-family: var(--k-font-display); font-weight: 500; font-size: 26px; line-height: 1.2; }
.k-check p { font-size: 15px; line-height: 1.6; color: var(--k-on-night-muted); text-wrap: pretty; }
.k-check .k-check-lede { font-size: 17px; font-weight: 600; line-height: 1.4; color: #F7F8F4; }
.k-check--lime { gap: 14px; padding: 24px; background: var(--k-lime); color: var(--k-on-lime); border: 0; }
.k-check--lime:hover { transform: none; }
.k-check--lime .k-eyebrow { font-size: 12px; color: var(--k-on-lime); }
.k-samples { display: flex; flex-direction: column; gap: 10px; }
.k-sample { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; border-radius: 14px; background: rgba(3,21,18,.08); }
.k-sample-band { padding: 3px 8px; border-radius: 999px; background: var(--k-night); font-size: 11px; font-weight: 700; }
.k-sample-band--weak { color: var(--k-band-weak); }
.k-sample-band--fair { color: var(--k-band-fair); }
.k-sample-band--strong { color: var(--k-band-strong); }
.k-sample-text { font-size: 14px; font-weight: 600; line-height: 1.4; }
.k-sample-date { font: 400 11px var(--k-font-data); color: #2F4A1A; }
[dir="rtl"] .k-sample-date { align-self: flex-end; }
.k-ivory { margin-inline: var(--k-section-inset); padding-block: clamp(80px, 10vw, 136px); border-radius: var(--k-radius-section); background: var(--k-ivory); color: var(--k-on-ivory); }
.k-ivory-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; }
.k-ivory-head .k-copy { gap: 16px; max-inline-size: 720px; }
.k-ivory-p { max-inline-size: 380px; font-size: 17px; line-height: 1.6; color: var(--k-on-ivory-muted); }
.k-seg-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.k-seg { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-block-size: clamp(400px, 42vw, 520px); border-radius: 26px; overflow: hidden; background: var(--k-on-ivory); color: #FFFFFF; }
.k-seg-photo { position: absolute; inset-inline: 0; inset-block-start: -12%; inline-size: 100%; block-size: 124%; max-inline-size: none; object-fit: cover; }
.k-seg-shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,21,18,.95) 0%, rgba(3,21,18,.55) 45%, rgba(3,21,18,.05) 75%); }
.k-seg-text { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.k-seg-text h3 { font-family: var(--k-font-display); font-weight: 500; font-size: 30px; line-height: 1.15; }
.k-seg-label { font: 400 11px var(--k-font-data); letter-spacing: var(--k-eyebrow-ls); color: var(--k-lime); }
[lang="ar"] .k-seg-label { font-family: var(--k-font-arabic); font-size: 12px; }
.k-seg-text p:last-child { font-size: 15px; line-height: 1.55; color: #E8EEEA; }
@media (min-width: 600px) { .k-seg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .k-seg-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.k-fixes { display: flex; flex-direction: column; gap: 2px; align-self: stretch; }
.k-fixes li { display: flex; align-items: center; gap: 14px; padding-block: 14px; border-block-start: 1px solid rgba(255,255,255,.08); }
.k-fix-n { min-inline-size: 24px; font: 400 12px var(--k-font-data); color: var(--k-on-night-muted); }
.k-fix-t { flex: 1; font-weight: 600; }
.k-fixes .kashif-icon { color: var(--k-lime); }
.k-ba-stage { position: relative; display: grid; min-inline-size: 0; border-radius: 30px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 60px 120px -40px rgba(0,0,0,.7); cursor: ew-resize; -webkit-user-select: none; user-select: none; touch-action: pan-y; }
.k-ba-after, .k-ba-clip { grid-area: 1 / 1; min-inline-size: 0; }
.k-ba-clip { overflow: hidden; transform: translate3d(-50%, 0, 0); }
.k-ba-counter { block-size: 100%; transform: translate3d(50%, 0, 0); }
.k-ba-after, .k-ba-counter { display: flex; }
.k-ba-side { flex: 1; display: flex; flex-direction: column; gap: clamp(14px, 2vw, 22px); min-inline-size: 0; padding: clamp(20px, 3.5vw, 36px) clamp(20px, 3.5vw, 36px) 52px; }
.k-ba-side--after { background: radial-gradient(120% 90% at 100% 0%, rgba(200,241,105,.22), rgba(200,241,105,0) 60%), #062A23; }
.k-ba-side--before { background: radial-gradient(120% 90% at 0% 0%, rgba(255,122,110,.18), rgba(255,122,110,0) 60%), #1C1412; }
.k-ba-top { display: flex; }
.k-ba-side--after .k-ba-top, .k-ba-side--after .k-ba-score { justify-content: flex-end; }
.k-ba-tag { padding: 6px 10px; border-radius: 999px; font: 400 12px var(--k-font-data); letter-spacing: var(--k-eyebrow-ls); }
[lang="ar"] .k-ba-tag { font-family: var(--k-font-arabic); }
.k-ba-tag--before { background: var(--k-band-weak); color: #1C1412; }
.k-ba-tag--after { background: var(--k-lime); color: var(--k-on-lime); }
.k-ba-score { display: flex; align-items: baseline; gap: 12px; }
.k-ba-num { font-family: 'Newsreader', var(--k-font-display); font-size: clamp(72px, 10vw, 120px); line-height: 1; }
.k-ba-side--before .k-ba-num { color: #FF9A8F; }
.k-ba-side--after .k-ba-num { color: var(--k-lime); }
.k-ba-side--before .k-ba-band { color: #E4CFCB; }
.k-ba-side--after .k-ba-band { color: #CFE3DA; }
.k-ba-rows { display: flex; flex-direction: column; gap: 8px; }
.k-ba-row { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; font-size: clamp(13px, 1.3vw, 15px); }
.k-ba-row--before { background: rgba(255,122,110,.08); color: #E4CFCB; }
.k-ba-row--before span { text-decoration: line-through; text-decoration-color: rgba(255,154,143,.5); }
.k-ba-row--before .kashif-icon { color: #FF9A8F; }
.k-ba-row--after { background: rgba(200,241,105,.08); color: var(--k-on-night); }
.k-ba-row--after .kashif-icon { color: var(--k-lime); }
.k-ba-example { position: absolute; inset-block-end: 14px; inset-inline-start: 18px; padding: 4px 10px; border-radius: 999px; background: rgba(3,21,18,.8); font: 400 12px var(--k-font-data); color: #DCE6E2; pointer-events: none; }
[lang="ar"] .k-ba-example { font-family: var(--k-font-arabic); }
.k-ba-line { position: absolute; inset: 0; pointer-events: none; transform: translate3d(50%, 0, 0); }
.k-ba-line::before { content: ''; position: absolute; inset-block: 0; inset-inline-start: -1px; inline-size: 2px; background: var(--k-lime); box-shadow: 0 0 18px rgba(200,241,105,.8); }
.k-ba-knob { position: absolute; inset-block-start: 50%; inset-inline-start: -26px; display: flex; align-items: center; justify-content: center; inline-size: 52px; block-size: 52px; margin-block-start: -26px; border-radius: 50%; background: var(--k-lime); color: var(--k-on-lime); box-shadow: 0 10px 30px rgba(0,0,0,.4); pointer-events: auto; cursor: ew-resize; }
.k-ba-knob:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 3px; }
.k-chart-card { display: flex; flex-direction: column; gap: 14px; min-inline-size: 0; padding: clamp(16px, 2.6vw, 28px); border-radius: 28px; background: linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); border: 1px solid rgba(255,255,255,.12); }
.k-chart-card figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; font: 400 12px var(--k-font-data); color: var(--k-on-night-muted); }
[lang="ar"] .k-chart-card figcaption { font-family: var(--k-font-arabic); }
.k-chart { position: relative; display: grid; }
.k-chart > * { grid-area: 1 / 1; min-inline-size: 0; }
.k-chart svg { inline-size: 100%; block-size: auto; overflow: visible; }
.k-chart-line { overflow: hidden; }
.k-chart-base { color-scheme: dark; }
.k-chart-strong { fill: rgba(200,241,105,.06); }
.k-chart-fair { fill: rgba(242,181,68,.05); }
.k-chart-weak { fill: rgba(255,122,110,.05); }
.k-chart-tick { font: 400 14px var(--k-font-data); fill: var(--k-on-night-muted); }
.k-chart-area { fill: rgba(200,241,105,.14); }
.k-chart-stroke { fill: none; stroke: var(--k-lime); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 8px rgba(200,241,105,.6)); }
.k-chart-dot { fill: var(--k-night); stroke: var(--k-lime); stroke-width: 3; }
.k-chart-value { font: 400 24px 'Newsreader', var(--k-font-display); fill: #F7F8F4; }
.k-wipe-start { transform: translate3d(-100%, 0, 0); }
.k-wipe-start .k-chart-counter { transform: translate3d(100%, 0, 0); }
.k-wipe-run, .k-wipe-run .k-chart-counter { transition: transform 1.6s var(--k-ease); }
.k-legend { display: flex; flex-wrap: wrap; gap: 16px; font-size: 12px; color: var(--k-on-night-muted); }
.k-legend li { display: flex; align-items: center; gap: 6px; }
.k-swatch { inline-size: 10px; block-size: 10px; border-radius: 3px; }
.k-swatch--weak { background: rgba(255,122,110,.4); }
.k-swatch--fair { background: rgba(242,181,68,.4); }
.k-swatch--strong { background: rgba(200,241,105,.5); }
.k-plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 16px; }
.k-plan-grid li { min-inline-size: 0; }
.k-plan { block-size: 100%; display: flex; flex-direction: column; gap: 14px; padding: 26px; border-radius: 24px; text-decoration: none; transition: transform .5s var(--k-ease); }
.k-plan:hover { transform: translateY(-6px); }
.k-plan--free, .k-plan--free:hover { background: #FFFFFF; color: var(--k-on-ivory); border: 1px solid var(--k-ivory-line); }
.k-plan--pro, .k-plan--pro:hover { background: #FFFFFF; color: var(--k-on-ivory); border: 2px solid var(--k-on-ivory); }
.k-plan--top, .k-plan--top:hover { background: var(--k-night); color: var(--k-on-night); border: 1px solid var(--k-night); }
.k-plan-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.k-plan-name { font-weight: 800; font-size: 18px; }
.k-plan-tag { padding: 4px 10px; border-radius: 999px; background: var(--k-lime); color: var(--k-on-lime); font-size: 11px; font-weight: 700; }
.k-plan--top .k-plan-tag { background: rgba(200,241,105,.14); color: var(--k-lime); }
.k-plan-price { display: flex; align-items: baseline; gap: 6px; }
.k-plan-num { font-family: 'Newsreader', var(--k-font-display); font-size: 56px; font-weight: 500; line-height: 1; }
.k-plan-per, .k-plan-desc { font-size: 14px; color: var(--k-on-ivory-muted); }
.k-plan-desc { font-size: 15px; line-height: 1.5; }
.k-plan--top .k-plan-per, .k-plan--top .k-plan-desc { color: var(--k-on-night-muted); }
.k-promises { display: flex; flex-wrap: wrap; gap: 10px 24px; color: var(--k-on-ivory-muted); font-size: 14px; }
.k-promises li { display: flex; align-items: center; gap: 8px; }
.k-promises .kashif-icon { inline-size: 15px; block-size: 15px; color: var(--k-accent-on-ivory); }
.k-amman-photo { position: relative; min-inline-size: 0; aspect-ratio: 4 / 3.6; border-radius: 30px; overflow: hidden; background: var(--k-on-ivory); }
.k-amman-photo img { position: absolute; inset-inline: 0; inset-block-start: -12%; inline-size: 100%; block-size: 124%; max-inline-size: none; object-fit: cover; }
.k-amman-shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,21,18,.6), rgba(3,21,18,0) 50%); }
.k-amman-tag { position: absolute; inset-block-end: 18px; inset-inline-start: 18px; display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: rgba(3,21,18,.7); font: 400 12px var(--k-font-data); color: #DCE6E2; }
[lang="ar"] .k-amman-tag { font-family: var(--k-font-arabic); }
.k-amman-tag .kashif-icon { inline-size: 13px; block-size: 13px; color: var(--k-lime); }
.k-final { position: relative; overflow: hidden; isolation: isolate; }
.k-final-ring { position: absolute; z-index: -1; inset-block-start: 50%; inset-inline-start: 50%; inline-size: min(110vw, 1100px); aspect-ratio: 1; margin-block-start: calc(min(110vw, 1100px) / -2); margin-inline-start: calc(min(110vw, 1100px) / -2); border-radius: 50%; border: 1px solid rgba(200,241,105,.14); animation: kRing 7s ease-out infinite; }
.k-final-ring--late { animation-delay: 3.5s; }
.k-final-glow { position: absolute; z-index: -1; inset-block-start: 50%; inset-inline-start: 50%; inline-size: 70vmax; block-size: 70vmax; margin-block-start: -35vmax; margin-inline-start: -35vmax; background: radial-gradient(closest-side, rgba(200,241,105,.12), rgba(200,241,105,0)); }
.k-final-inner { display: flex; flex-direction: column; align-items: center; gap: 28px; max-inline-size: 1100px; margin-inline: auto; padding: clamp(120px, 16vw, 220px) clamp(18px, 4vw, 40px); text-align: center; }
.k-final-h { font-size: var(--k-text-final); }
.k-final-p { font-size: 18px; color: #B9CBC5; }
.k-footer { border-block-start: 1px solid rgba(255,255,255,.08); color: var(--k-on-night-muted); }
.k-footer-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 36px; max-inline-size: 1280px; margin-inline: auto; padding: clamp(56px, 7vw, 88px) clamp(18px, 4vw, 40px) 36px; }
.k-footer-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-inline-size: 0; max-inline-size: 440px; }
.k-footer-brand p { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.k-footer-col { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.k-footer-col a { display: inline-flex; align-items: center; min-block-size: 24px; color: #DCE6E2; font-size: 15px; text-decoration: none; }
.k-footer-wa { color: var(--k-lime); }
.k-footer-base { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; max-inline-size: 1280px; margin-inline: auto; padding: 20px clamp(18px, 4vw, 40px) 32px; border-block-start: 1px solid rgba(255,255,255,.06); font-size: 13px; }
.k-motion-toggle { min-block-size: 32px; padding-inline: 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); background: transparent; color: #DCE6E2; font: 600 12px var(--k-font-body); cursor: pointer; }
.k-motion-toggle[aria-pressed="true"] { border-color: var(--k-lime); color: var(--k-lime); }
@media (min-width: 720px) { .k-footer-brand { grid-column: span 2; } }

.k-sr { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.k-paper { background: var(--k-ivory); color: var(--k-on-ivory); border-end-start-radius: var(--k-radius-section); border-end-end-radius: var(--k-radius-section); }
.k-band { position: relative; overflow: hidden; overflow: clip; isolation: isolate; background: var(--k-night); color: var(--k-on-night); border-end-start-radius: var(--k-radius-section); border-end-end-radius: var(--k-radius-section); }
.k-band-glow { position: absolute; z-index: -1; inset-block-start: -40%; inset-inline-start: 50%; inline-size: 80vmax; block-size: 80vmax; margin-inline-start: -40vmax; background: radial-gradient(closest-side, rgba(200,241,105,.14), rgba(200,241,105,0)); pointer-events: none; animation: kDrift 20s ease-in-out infinite alternate; }
.k-band-inner { display: flex; flex-direction: column; align-items: center; gap: 16px; max-inline-size: 900px; margin-inline: auto; padding: clamp(100px, 8vw, 112px) clamp(18px, 4vw, 40px) clamp(136px, 12vw, 164px); text-align: center; }
.k-band-h1 { font-size: clamp(42px, 5.4vw, 76px); color: #F7F8F4; }
[lang="ar"] .k-band-h1 { font-size: clamp(36px, 4.4vw, 62px); }
.k-band-inner .k-lead { max-inline-size: 760px; }
.k-bill { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 6px 0 0; padding: 5px; min-inline-size: 0; border-radius: 999px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.07); }
.k-bill-opt { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 8px; min-block-size: 44px; padding-inline: 20px; border-radius: 999px; color: #DCE6E2; font: 700 14px var(--k-font-body); white-space: nowrap; cursor: pointer; }
#k-bill-m:checked + .k-bill-opt, #k-bill-y:checked + .k-bill-opt { color: var(--k-on-lime); }
.k-bill input:focus-visible + .k-bill-opt { outline: 2px solid var(--k-lime); outline-offset: 3px; }
.k-bill-save { padding: 2px 7px; border-radius: 999px; background: rgba(200,241,105,.16); color: var(--k-lime); font-size: 11px; font-weight: 700; }
#k-bill-y:checked + .k-bill-opt .k-bill-save { background: var(--k-on-lime); }
.k-bill-pill { position: absolute; inset-block: 5px; inset-inline-start: 5px; inline-size: calc(50% - 5px); border-radius: 999px; background: var(--k-lime); transition: transform .45s var(--k-ease); }
#k-bill-y:checked ~ .k-bill-pill { transform: translateX(100%); }
[dir="rtl"] #k-bill-y:checked ~ .k-bill-pill { transform: translateX(-100%); }
.k-prices { position: relative; z-index: 2; margin-block-start: clamp(-116px, -10vw, -88px); }
.k-prices-inner { display: flex; flex-direction: column; gap: 28px; max-inline-size: 1240px; }
.k-plan-grid--n1, .k-plan-grid--n2 { inline-size: 100%; margin-inline: auto; }
.k-plan-grid--n1 { max-inline-size: 460px; }
.k-plan-grid--n2 { max-inline-size: 920px; }
.k-plan-grid--n3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.k-plan--full { position: relative; gap: 20px; padding: clamp(24px, 3vw, 34px); border-radius: 28px; overflow: hidden; overflow: clip; box-shadow: 0 20px 50px -40px rgba(3,21,18,.3); }
.k-plan--full.k-plan--pro { box-shadow: 0 40px 80px -40px rgba(3,21,18,.45); }
.k-plan--full.k-plan--top { box-shadow: 0 40px 80px -40px rgba(3,21,18,.6); }
.k-plan--full .k-plan-name { font-size: 20px; }
.k-plan--full .k-plan-tag { padding: 5px 11px; font-size: 12px; }
.k-plan--full.k-plan--free { border-width: 2px; }
.k-plan--full .k-plan-num { font-size: clamp(60px, 6vw, 72px); }
.k-plan--full .k-plan-per { font-size: 15px; }
.k-plan--free .k-spot, .k-plan--pro .k-spot { background: radial-gradient(closest-side, rgba(19,131,111,.08), rgba(19,131,111,0)); }
.k-plan:hover .k-spot { opacity: 1; }
.k-plan-bills { display: flex; flex-direction: column; gap: 14px; }
.k-bill-free { min-inline-size: 0; }
.k-plan-note { margin-block-start: 6px; font-size: 13px; line-height: 1.45; color: var(--k-on-ivory-muted); }
.k-plan-note + .k-plan-note { margin-block-start: 2px; }
.k-plan--top .k-plan-note { color: var(--k-on-night-muted); }
.k-plan--top :focus-visible, .k-contact-card :focus-visible { outline-color: var(--k-lime); }
.k-plan-cta { inline-size: 100%; min-block-size: 54px; border-radius: 16px; font-size: 15px; box-shadow: none; margin-block-start: auto; }
.k-plan-cta--soft { background: #F1EFE7; color: var(--k-on-ivory); }
.k-plan-cta--soft:hover { background: #E8E5DA; color: var(--k-on-ivory); }
.k-plan-cta--lime { background: var(--k-lime); color: var(--k-on-lime); }
.k-plan-cta--ink { background: var(--k-night); color: #FFFFFF; }
.k-plan-cta--ink:hover { background: var(--k-pine); color: #FFFFFF; }
.k-plan-list { display: flex; flex-direction: column; gap: 12px; padding-block-start: 18px; border-block-start: 1px solid #EFECE3; }
.k-plan--top .k-plan-list { border-block-start-color: rgba(255,255,255,.1); }
.k-plan-list li { display: flex; gap: 10px; font-size: 15px; line-height: 1.45; }
.k-plan-list .kashif-icon { inline-size: 16px; block-size: 16px; margin-block-start: 3px; color: var(--k-accent-on-ivory); }
.k-plan--top .k-plan-list .kashif-icon { color: var(--k-lime); }
.k-plan-list .is-on { color: inherit; }
.k-plan-list .is-off { color: var(--k-on-ivory-muted); }
.k-plan-list .is-off .kashif-icon { color: var(--k-on-ivory-muted); }
.k-plan--top .k-plan-list .is-off, .k-plan--top .k-plan-list .is-off .kashif-icon { color: var(--k-on-night-muted); }
.k-pricing-cmp { max-inline-size: 640px; margin-inline: auto; font-size: clamp(17px, 1.6vw, 19px); font-weight: 600; line-height: 1.45; text-align: center; text-wrap: balance; color: var(--k-on-ivory); }
.k-promises--center { justify-content: center; }
.k-no-promise { max-inline-size: 680px; margin-inline: auto; font-family: var(--k-font-display); font-size: clamp(20px, 2vw, 24px); font-weight: 500; line-height: 1.4; text-align: center; text-wrap: balance; }
.k-compare { display: flex; flex-direction: column; gap: 28px; max-inline-size: 1180px; margin-inline: auto; padding: clamp(72px, 9vw, 120px) clamp(18px, 4vw, 40px) clamp(40px, 5vw, 56px); }
.k-compare-h { font-size: var(--k-text-sub); }
.k-compare-card { border-radius: 24px; border: 1px solid var(--k-ivory-line); background: #FFFFFF; overflow: hidden; overflow: clip; }
.k-compare-scroll { position: relative; overflow-x: auto; overscroll-behavior-inline: contain; }
.k-compare-scroll:focus-visible { outline-offset: -3px; }
.k-table { inline-size: 100%; min-inline-size: 640px; border-collapse: separate; border-spacing: 0; }
.k-table--n2 { min-inline-size: 460px; }
.k-table--n3 { min-inline-size: 580px; }
.k-table th, .k-table td { padding: 15px 12px; border-block-start: 1px solid #EFECE3; font-size: 14px; line-height: 1.4; text-align: center; vertical-align: middle; }
.k-table thead th { border-block-start: 0; background: #FBFAF6; font: 700 15px var(--k-font-body); }
.k-table th:first-child { position: sticky; inset-inline-start: 0; z-index: 1; inline-size: 34%; min-inline-size: 132px; padding-inline: 22px 12px; background: #FFFFFF; font: 600 15px/1.4 var(--k-font-body); text-align: start; }
.k-table thead th:first-child { background: #FBFAF6; font: 500 12px var(--k-font-data); letter-spacing: var(--k-eyebrow-ls); color: var(--k-on-ivory-muted); }
[lang="ar"] .k-table thead th:first-child { font-family: var(--k-font-arabic); }
.k-table .k-col-rec { background: rgba(200,241,105,.14); color: var(--k-accent-on-ivory); font-weight: 600; }
.k-cell-yes { display: inline-flex; color: var(--k-accent-on-ivory); }
.k-cell-no { color: var(--k-on-ivory-muted); }
.k-currency { font-size: 14px; line-height: 1.6; color: var(--k-on-ivory-muted); }
.k-contact { max-inline-size: 1180px; margin-inline: auto; padding: 0 clamp(18px, 4vw, 40px) clamp(72px, 9vw, 112px); }
.k-contact-card { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px 40px; padding: clamp(24px, 3vw, 36px); border-radius: 24px; background: var(--k-night); color: var(--k-on-night); }
.k-contact-copy { flex: 1 1 320px; display: flex; flex-direction: column; gap: 6px; min-inline-size: 0; max-inline-size: 640px; }
.k-contact-h { font-size: clamp(26px, 2.6vw, 32px); }
.k-contact-copy p { font-size: 15px; line-height: 1.55; color: #DCE6E2; text-wrap: pretty; }
.k-contact-copy .k-contact-note { font-size: 14px; color: var(--k-on-night-muted); }
.k-on-ivory a:where(:not(.k-btn):hover) { color: var(--k-accent-on-ivory); }
.k-reprice .k-bill-m, .k-reprice .k-bill-y { animation: kRise .6s var(--k-ease) both; }
@supports selector(:has(*)) {
  .k-plan-bills { display: grid; }
  .k-plan-bills > * { grid-area: 1 / 1; min-inline-size: 0; }
  .k-paper:has(#k-bill-m:checked) .k-bill-y, .k-paper:has(#k-bill-y:checked) .k-bill-m { visibility: hidden; }
}
@media (min-width: 680px) { .k-plan--full .k-plan-desc { min-block-size: 46px; } }
@media (max-width: 599.98px) { .k-promises--center { justify-content: flex-start; } }
@supports not selector(:has(*)) {
  .k-bill { display: none; }
}
@media (max-width: 479.98px) {
  .k-table { table-layout: fixed; }
  .k-table--n2 { min-inline-size: 400px; }
  .k-table th:first-child { inline-size: 108px; min-inline-size: 108px; padding-inline: 14px 8px; font-size: 13px; }
}
@media (max-width: 419.98px) {
  .k-bill-opt { flex-direction: column; gap: 2px; min-block-size: 54px; padding-inline: 12px; }
  .k-bill-pill { inset-block: 4px; }
}

.k-rep-glow { position: absolute; z-index: -1; inset-block-end: -50%; inset-inline-end: -20%; inline-size: 80vmax; block-size: 80vmax; background: radial-gradient(closest-side, rgba(19,131,111,.32), rgba(19,131,111,0)); pointer-events: none; animation: kDrift 22s ease-in-out infinite alternate; }
.k-rep-inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: clamp(36px, 5vw, 72px); align-items: center; max-inline-size: 1240px; margin-inline: auto; padding: clamp(112px, 13vw, 164px) clamp(18px, 4vw, 40px) clamp(64px, 8vw, 96px); }
.k-rep-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; min-inline-size: 0; }
.k-rep-badge { padding: 7px 12px; border-radius: 16px; border: 1px dashed rgba(200,241,105,.5); color: var(--k-lime); font: 400 12px/1.5 var(--k-font-data); letter-spacing: var(--k-eyebrow-ls); }
[lang="ar"] .k-rep-badge { font-family: var(--k-font-arabic); font-size: 13px; }
.k-rep-h1 { font-size: var(--k-text-page); color: #F7F8F4; }
[lang="ar"] .k-rep-h1 { font-size: clamp(36px, 5vw, 72px); }
.k-rep-panel { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 24px; align-items: center; min-inline-size: 0; padding: clamp(20px, 3vw, 32px); border-radius: 30px; background: linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,.02)); border: 1px solid rgba(255,255,255,.12); }
.k-rep-score { display: flex; flex-direction: column; align-items: center; gap: 8px; min-inline-size: 0; text-align: center; }
.k-rep-panel-label { font: 400 12px var(--k-font-data); letter-spacing: var(--k-eyebrow-ls); color: var(--k-on-night-muted); }
[lang="ar"] .k-rep-panel-label { font-family: var(--k-font-arabic); }
.k-gauge--rep { inline-size: min(100%, 200px); }
.k-gauge--rep .k-gauge-num { font-size: 64px; }
.k-gauge--rep .k-gauge-text { padding-inline: 28px; }
.k-gauge-spin { transform-origin: 120px 120px; }
.k-rep-site { font-size: 14px; color: #DCE6E2; }
.k-rep-site-name { font-weight: 600; }
.k-rep-band { color: var(--k-band-fair); font-weight: 700; text-transform: capitalize; }
.k-rep-date { font: 400 12px var(--k-font-data); color: var(--k-on-night-muted); }
[lang="ar"] .k-rep-date { font-family: var(--k-font-arabic); }
.k-rep-areas { display: flex; flex-direction: column; gap: 11px; min-inline-size: 0; }
.k-rep-area { display: flex; flex-direction: column; gap: 5px; min-inline-size: 0; }
.k-rep-area-top { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; line-height: 1.35; color: #DCE6E2; }
.k-rep-area-name { min-inline-size: 0; overflow-wrap: anywhere; }
.k-rep-area-v { flex: none; font-family: var(--k-font-data); font-variant-numeric: tabular-nums; }
.k-rep-panel .kashif-meter { inline-size: 100%; block-size: 5px; }
.k-rep-panel .kashif-meter-track { fill: rgba(255,255,255,.08); }
.k-rep-panel .kashif-meter-fill { transform-box: fill-box; transform-origin: 0 50%; }
[dir="rtl"] .k-rep-panel .kashif-meter-fill { transform-origin: 100% 50%; }
.k-rep-panel .kashif-meter-fill--weak { fill: var(--k-band-weak); }
.k-rep-panel .kashif-meter-fill--fair { fill: var(--k-band-fair); }
.k-rep-panel .kashif-meter-fill--strong { fill: var(--k-band-strong); }
.k-run .kashif-meter-fill { animation: kGrow 1.4s var(--k-ease) both; }
.k-run .k-gauge-spin { animation: kSweep 1.4s var(--k-ease) both; }
.k-rep-area:nth-child(1) .kashif-meter-fill { animation-delay: 0.00s; }
.k-rep-area:nth-child(2) .kashif-meter-fill { animation-delay: 0.09s; }
.k-rep-area:nth-child(3) .kashif-meter-fill { animation-delay: 0.18s; }
.k-rep-area:nth-child(4) .kashif-meter-fill { animation-delay: 0.27s; }
.k-rep-area:nth-child(5) .kashif-meter-fill { animation-delay: 0.36s; }
.k-rep-area:nth-child(6) .kashif-meter-fill { animation-delay: 0.45s; }
.k-rep-body { display: flex; flex-direction: column; gap: clamp(48px, 6vw, 72px); max-inline-size: 1100px; margin-inline: auto; padding: clamp(64px, 8vw, 104px) clamp(18px, 4vw, 40px) clamp(72px, 9vw, 112px); }
.k-rep-findings { display: flex; flex-direction: column; gap: 24px; min-inline-size: 0; }
.k-rep-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.k-rep-title { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.k-rep-h2 { font-size: var(--k-text-sub); }
.k-rep-h2--sm { font-size: clamp(26px, 2.6vw, 32px); }
.k-filter { position: relative; display: flex; flex-wrap: wrap; gap: 6px; min-inline-size: 0; margin: 0; padding: 0; border: 0; }
.k-fchip { display: inline-flex; align-items: center; gap: 8px; min-block-size: 44px; padding-inline: 16px; border-radius: 999px; border: 1px solid var(--k-ivory-line); background: #FFFFFF; color: var(--k-on-ivory); font: 600 14px var(--k-font-body); cursor: pointer; }
.k-fchip:hover { border-color: var(--k-accent-on-ivory); }
.k-fchip-name { text-transform: capitalize; }
.k-fchip-n { font: 400 12px var(--k-font-data); color: var(--k-on-ivory-muted); }
input:checked + .k-fchip { background: var(--k-on-ivory); border-color: var(--k-on-ivory); color: var(--k-ivory); }
input:checked + .k-fchip .k-fchip-n { color: #DCE6E2; }
input:focus-visible + .k-fchip { outline: 2px solid var(--k-accent-on-ivory); outline-offset: 2px; }
.k-rep-list { display: flex; flex-direction: column; gap: 14px; }
.k-finding { display: flex; flex-direction: column; gap: 16px; min-inline-size: 0; padding: clamp(20px, 3vw, 28px); border-radius: 24px; border: 1px solid var(--k-ivory-line); background: #FFFFFF; }
.k-rerise .k-finding { animation: kRise .6s var(--k-ease) both; }
.k-finding-meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 12px; }
.k-finding-tags { display: flex; flex-wrap: wrap; gap: 8px; min-inline-size: 0; }
.k-tag { padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1.5; }
.k-tag--weak { background: #FCEBEA; color: var(--k-band-weak-on-ivory); text-transform: capitalize; }
.k-tag--fair { background: #FDF3E1; color: var(--k-band-fair-on-ivory); text-transform: capitalize; }
.k-tag--strong { background: #E3F5EC; color: var(--k-band-strong-on-ivory); text-transform: capitalize; }
.k-tag--area { background: #F1EFE7; color: var(--k-on-ivory-muted); font-weight: 600; }
.k-tag--example { border: 1px dashed var(--k-band-fair-on-ivory); color: var(--k-band-fair-on-ivory); }
.k-finding-date { font: 400 12px var(--k-font-data); color: var(--k-on-ivory-muted); }
[lang="ar"] .k-finding-date { font-family: var(--k-font-arabic); }
.k-finding-h { font-family: var(--k-font-display); font-size: clamp(22px, 2.4vw, 28px); font-weight: 600; line-height: 1.25; text-wrap: pretty; overflow-wrap: anywhere; }
[lang="ar"] .k-finding-h { line-height: 1.4; }
.k-finding-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 12px; }
.k-box { display: flex; flex-direction: column; gap: 4px; min-inline-size: 0; padding: 14px 16px; border-radius: 16px; }
.k-box--cost { background: #FBFAF6; }
.k-box--fix { background: #EEF6EF; }
.k-box-label { font-size: 12px; font-weight: 700; color: var(--k-on-ivory-muted); }
.k-box--fix .k-box-label { color: var(--k-accent-on-ivory); }
.k-box-text { font-size: 15px; line-height: 1.55; overflow-wrap: anywhere; }
.k-rep-free { font-size: 14px; line-height: 1.6; color: var(--k-on-ivory-muted); }
.k-rep-cmp { display: flex; flex-direction: column; gap: 16px; padding: clamp(20px, 3vw, 28px); border-radius: 24px; border: 1px solid var(--k-ivory-line); background: #FFFFFF; }
.k-rep-cmp-lead { font-size: 15px; line-height: 1.6; color: var(--k-on-ivory-muted); text-wrap: pretty; }
.k-rep-cta .k-contact-h { max-inline-size: 560px; font-size: clamp(28px, 3.4vw, 44px); }
@media (max-width: 479.98px) {
  .k-finding-date { flex-basis: 100%; }
  .k-fchip { gap: 6px; padding-inline: 12px; }
}
@supports selector(:has(*)) {
  .k-rep-findings:has(#k-f-weak:checked) .k-finding:not([data-band="weak"]), .k-rep-findings:has(#k-f-fair:checked) .k-finding:not([data-band="fair"]), .k-rep-findings:has(#k-f-strong:checked) .k-finding:not([data-band="strong"]) { display: none; }
}
@supports not selector(:has(*)) {
  .k-filter { display: none; }
}
@keyframes kGrow { from { transform: scaleX(0); } to { transform: none; } }
@keyframes kSweep { from { opacity: .2; transform: rotate(-140deg); } to { opacity: 1; transform: none; } }

.k-faq-glow { inset-inline-start: -20%; margin-inline-start: 0; }
.k-faq-intro { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; max-inline-size: 900px; margin-inline: auto; padding: clamp(140px, 16vw, 190px) clamp(18px, 4vw, 40px) clamp(72px, 9vw, 112px); }
.k-faq-eyebrow { color: var(--k-lime); }
.k-faq-h1 { font-size: var(--k-text-page); color: #F7F8F4; }
[lang="ar"] .k-faq-h1 { font-size: clamp(36px, 5vw, 72px); }
.k-faq-body { display: flex; flex-direction: column; gap: 40px; max-inline-size: 900px; margin-inline: auto; padding: clamp(56px, 7vw, 88px) clamp(18px, 4vw, 40px) clamp(72px, 9vw, 112px); }
.k-faq-list { display: flex; flex-direction: column; border-block-end: 1px solid #DDD9CC; }
.k-faq-item { border-block-start: 1px solid #DDD9CC; }
.k-faq-h { scroll-margin-block-start: 96px; font: inherit; }
.k-faq-btn { display: flex; justify-content: space-between; align-items: center; gap: 16px; inline-size: 100%; min-block-size: 44px; padding: 24px 0; border: 0; border-radius: 0; background: none; color: var(--k-on-ivory); font-family: var(--k-font-display); font-size: clamp(21px, 2.4vw, 28px); font-weight: 600; line-height: 1.3; text-align: start; cursor: default; }
[lang="ar"] .k-faq-btn { line-height: 1.5; }
.k-faq-q { min-inline-size: 0; overflow-wrap: anywhere; text-wrap: pretty; }
.k-faq-btn:focus-visible { outline: 2px solid var(--k-accent-on-ivory); outline-offset: 2px; }
.k-faq-on .k-faq-btn { cursor: pointer; }
.k-faq-on .k-faq-btn:hover { color: var(--k-accent-on-ivory); }
.k-faq-plus { display: none; flex: none; align-items: center; justify-content: center; inline-size: 40px; block-size: 40px; border-radius: 50%; border: 1px solid #CFCABB; transition: transform .5s var(--k-ease); }
.k-faq-on .k-faq-plus { display: flex; }
.k-faq-plus .kashif-icon { inline-size: 18px; block-size: 18px; }
.k-faq-item.is-open .k-faq-plus { transform: rotate(45deg); border-color: var(--k-on-ivory); background: var(--k-on-ivory); color: var(--k-lime); }
.k-faq-panel { display: grid; grid-template-rows: 1fr; transition: grid-template-rows .55s var(--k-ease); }
.k-faq-clip { min-block-size: 0; overflow: clip; }
.k-faq-a { padding-block-end: 26px; padding-inline-end: 56px; font-size: 17px; line-height: 1.7; color: var(--k-on-ivory-muted); text-wrap: pretty; overflow-wrap: anywhere; transition: opacity .5s var(--k-ease); }
.k-faq-on .k-faq-item:not(.is-open) .k-faq-panel { grid-template-rows: 0fr; }
.k-faq-on .k-faq-item:not(.is-open) .k-faq-clip { visibility: hidden; transition: visibility 0s linear .55s; }
.k-faq-on .k-faq-item:not(.is-open) .k-faq-a { opacity: 0; }
.k-faq-more { margin-block: -14px 0; padding-block-end: 18px; }
.k-faq-more a { display: inline-flex; align-items: center; min-block-size: 44px; font-size: 16px; font-weight: 600; color: var(--k-accent-on-ivory); text-underline-offset: 3px; }
.k-faq-more a:hover { color: var(--k-on-ivory); }
.k-faq-still .k-contact-card { border-radius: 28px; padding: clamp(28px, 4vw, 40px); }
.k-faq-still .k-contact-h { font-size: clamp(28px, 3.4vw, 40px); }
@media (max-width: 599.98px) {
  .k-faq-a { padding-inline-end: 0; }
}

.k-blog { --k-blog-column: 572px; --k-blog-gutter: clamp(18px, 4vw, 40px); }
[lang="ar"] .k-blog { --k-blog-column: 555px; }
.k-blog--index, [lang="ar"] .k-blog--index { --k-blog-column: 820px; }
.k-blog-glow { inset-inline-start: -20%; margin-inline-start: 0; }
.k-blog-intro { box-sizing: content-box; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; max-inline-size: var(--k-blog-column); margin-inline: auto; padding: clamp(128px, 14vw, 176px) var(--k-blog-gutter) clamp(56px, 7vw, 88px); }
.k-blog-h1 { min-inline-size: 0; font-size: clamp(38px, 5vw, 64px); color: #F7F8F4; overflow-wrap: anywhere; }
.k-blog--index .k-blog-h1 { font-size: var(--k-text-page); }
[lang="ar"] .k-blog-h1 { font-size: clamp(32px, 4.2vw, 54px); }
[lang="ar"] .k-blog--index .k-blog-h1 { font-size: clamp(36px, 5vw, 72px); }
.k-blog-up a { display: inline-flex; align-items: center; min-block-size: 24px; text-decoration: none; }
.k-blog-up a:hover { color: var(--k-lime-tint); text-decoration: underline; }
.k-blog-meta { display: flex; flex-wrap: wrap; gap: 4px 20px; font-size: 15px; color: var(--k-on-night-muted); }
.k-blog-author { font-weight: 600; color: var(--k-on-night); }
.k-blog-meta time { white-space: nowrap; }
.k-blog-body { box-sizing: content-box; max-inline-size: var(--k-blog-column); margin-inline: auto; padding: clamp(48px, 6vw, 72px) var(--k-blog-gutter) clamp(72px, 9vw, 112px); }
.k-blog-prose { font-size: 18px; line-height: 1.75; color: var(--k-on-ivory); overflow-wrap: break-word; text-wrap: pretty; }
.k-blog-prose > * + * { margin-block-start: 1.15em; }
.k-blog-prose > p:first-child { font-size: clamp(19px, 1.5vw, 20px); line-height: 1.65; }
.k-blog-prose h2 { margin-block-start: 1.9em; font-family: var(--k-font-display); font-size: clamp(27px, 3vw, 34px); font-weight: 600; line-height: 1.15; letter-spacing: var(--k-h-ls); text-wrap: balance; }
.k-blog-prose h3 { margin-block-start: 1.8em; font-family: var(--k-font-display); font-size: 23px; font-weight: 600; line-height: 1.25; letter-spacing: var(--k-h-ls); }
.k-blog-prose :is(h2, h3) + * { margin-block-start: .7em; }
.k-blog-prose ul { padding-inline-start: 1.2em; list-style: disc; }
.k-blog-prose ol { padding-inline-start: 1.4em; list-style: decimal; }
.k-blog-prose li + li { margin-block-start: .6em; }
.k-blog-prose li::marker { color: var(--k-accent-on-ivory); }
.k-blog-prose strong { font-weight: 700; }
.k-blog-prose a { font-weight: 600; color: var(--k-accent-on-ivory); text-decoration-thickness: 1px; }
.k-blog-prose a:hover { color: var(--k-on-ivory); text-decoration-thickness: 2px; }
.k-blog-prose blockquote { padding-inline-start: 1em; border-inline-start: 3px solid var(--k-accent-on-ivory); color: var(--k-on-ivory-muted); }
[lang="ar"] .k-blog-prose, [lang="ar"] .k-blog-prose * { font-style: normal; letter-spacing: 0; }
[lang="ar"] .k-blog-prose { line-height: 1.95; }
[lang="ar"] .k-blog-prose > p:first-child { line-height: 1.85; }
@media (min-width: 520px) {
  [lang="ar"] .k-blog-prose { font-size: 20px; }
  [lang="ar"] .k-blog-prose > p:first-child { font-size: 22px; }
}
[lang="ar"] .k-blog-prose h2, [lang="ar"] .k-blog-prose h3 { line-height: 1.4; }
[lang="ar"] .k-blog-prose strong { font-weight: 600; }
.k-blog-foot { margin-block-start: 40px; padding-block-start: 16px; border-block-start: 1px solid #DDD9CC; font-size: 14px; line-height: 1.6; color: var(--k-on-ivory-muted); }
.k-blog-list { display: flex; flex-direction: column; border-block-end: 1px solid #DDD9CC; }
.k-blog-item { position: relative; display: flex; flex-direction: column; gap: 10px; padding-block: 30px; border-block-start: 1px solid #DDD9CC; }
.k-blog-item .k-blog-meta { font-size: 14px; color: var(--k-on-ivory-muted); }
.k-blog-item-h { font-family: var(--k-font-display); font-size: clamp(27px, 3.2vw, 40px); font-weight: 600; line-height: 1.12; letter-spacing: var(--k-h-ls); text-wrap: balance; overflow-wrap: anywhere; }
[lang="ar"] .k-blog-item-h { line-height: 1.4; }
.k-blog-item-h a { color: var(--k-on-ivory); text-decoration: none; }
.k-blog-item-h a::after { content: ""; position: absolute; inset: 0; }
.k-blog-item:hover .k-blog-item-h a { color: var(--k-accent-on-ivory); }
.k-blog-item p:last-child { max-inline-size: 640px; font-size: 16px; line-height: 1.65; color: var(--k-on-ivory-muted); text-wrap: pretty; }
[lang="ar"] .k-blog-item p:last-child { line-height: 1.85; }
.k-blog-empty { font-size: 17px; color: var(--k-on-ivory-muted); }

.k-about { --k-about-gutter: clamp(18px, 4vw, 40px); --k-about-width: 1120px; }
.k-about-glow { inset-inline-start: -20%; margin-inline-start: 0; }
.k-about-intro { box-sizing: content-box; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; max-inline-size: var(--k-about-width); margin-inline: auto; padding: clamp(132px, 15vw, 180px) var(--k-about-gutter) clamp(64px, 8vw, 104px); }
.k-about-h1 { min-inline-size: 0; font-size: var(--k-text-page); color: #F7F8F4; overflow-wrap: anywhere; }
.k-about-line { display: block; }
[lang="ar"] .k-about-h1 { font-size: clamp(36px, 5vw, 72px); }
.k-about-intro .k-lead { max-inline-size: 640px; }
.k-about-body { box-sizing: content-box; max-inline-size: var(--k-about-width); margin-inline: auto; padding: clamp(16px, 3vw, 32px) var(--k-about-gutter) clamp(72px, 9vw, 112px); }
.k-about-row { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 20px clamp(32px, 6vw, 88px); padding-block: clamp(40px, 5vw, 64px); border-block-start: 1px solid #DDD9CC; }
.k-about-row:first-child { border-block-start: 0; }
.k-about-h2 { font-size: clamp(30px, 3.4vw, 44px); line-height: 1.08; min-inline-size: 0; overflow-wrap: anywhere; }
[lang="ar"] .k-about-h2 { line-height: 1.35; }
.k-about-col { display: flex; flex-direction: column; gap: 24px; min-inline-size: 0; }
.k-about-p { font-size: clamp(18px, 1.5vw, 20px); line-height: 1.6; text-wrap: pretty; overflow-wrap: anywhere; }
[lang="ar"] .k-about-p { line-height: 1.85; }
.k-about-note { font-size: 15px; line-height: 1.6; color: var(--k-on-ivory-muted); text-wrap: pretty; }
.k-about-owner { font-size: 17px; line-height: 1.6; }
.k-about-facts, .k-about-topics { display: flex; flex-direction: column; }
.k-about-facts > li, .k-about-topic { display: flex; flex-direction: column; gap: 6px; padding-block: 20px; border-block-start: 1px solid #DDD9CC; }
.k-about-facts > li:first-child, .k-about-topic:first-child { padding-block-start: 0; border-block-start: 0; }
.k-about-facts > li:last-child, .k-about-topic:last-child { padding-block-end: 0; }
.k-about-h3 { font-family: var(--k-font-display); font-size: 23px; font-weight: 600; line-height: 1.25; letter-spacing: var(--k-h-ls); }
[lang="ar"] .k-about-h3 { font-size: 21px; line-height: 1.5; }
.k-about-text { font-size: 16px; line-height: 1.65; color: var(--k-on-ivory-muted); text-wrap: pretty; overflow-wrap: anywhere; }
[lang="ar"] .k-about-text { line-height: 1.85; }
.k-about-more { display: inline-flex; align-items: center; min-block-size: 44px; font-size: 15px; font-weight: 600; color: var(--k-accent-on-ivory); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.k-about-more:hover { color: var(--k-on-ivory); text-decoration-thickness: 2px; }
.k-about-dl { display: flex; flex-direction: column; }
.k-about-dl > div { display: grid; grid-template-columns: 136px minmax(0, 1fr); gap: 4px 20px; padding-block: 16px; border-block-start: 1px solid #DDD9CC; }
.k-about-dl > div:first-child { padding-block-start: 0; border-block-start: 0; }
.k-about-dl dt { padding-block-start: 3px; font: 400 13px var(--k-font-data); letter-spacing: var(--k-eyebrow-ls); color: var(--k-accent-on-ivory); }
[lang="ar"] .k-about-dl dt { font: 400 14px/1.6 var(--k-font-arabic); }
.k-about-dl dd { margin: 0; font-size: 17px; line-height: 1.55; overflow-wrap: anywhere; text-wrap: pretty; }
[lang="ar"] .k-about-dl dd { line-height: 1.8; }
.k-about-cta { margin-block-start: clamp(8px, 2vw, 16px); }
.k-about-cta .k-contact-card { border-radius: 28px; padding: clamp(28px, 4vw, 44px); }
.k-about-cta .k-contact-h { font-size: clamp(30px, 3.4vw, 44px); }
.k-about-links { display: flex; flex-wrap: wrap; gap: 0 24px; }
.k-about-links a { display: inline-flex; align-items: center; min-block-size: 44px; font-size: 15px; color: var(--k-lime-tint); text-underline-offset: 3px; }
.k-about-links a:hover { color: var(--k-lime); }
.k-about-channels { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 6fr); gap: 16px; padding-block: clamp(32px, 4vw, 48px) clamp(40px, 5vw, 64px); }
.k-about-channel { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-inline-size: 0; padding: clamp(24px, 3vw, 36px); border-radius: 24px; }
.k-about-channel .k-btn { margin-block-start: auto; }
.k-about-channel--wa { background: var(--k-night); color: var(--k-on-night); }
.k-about-channel--wa :focus-visible { outline-color: var(--k-lime); }
.k-about-channel--wa .k-about-label { color: var(--k-lime); }
.k-about-channel--mail { background: #FFFFFF; border: 1px solid var(--k-ivory-line); }
.k-about-label { font: 400 13px var(--k-font-data); letter-spacing: var(--k-eyebrow-ls); color: var(--k-accent-on-ivory); }
[lang="ar"] .k-about-label { font: 400 15px/1.5 var(--k-font-arabic); }
.k-about-value { padding-block-end: 22px; font: 500 clamp(17px, 2.5vw, 30px)/1.25 var(--k-font-data); overflow-wrap: anywhere; }
.k-about-legal { display: flex; flex-wrap: wrap; align-items: center; gap: 0 20px; padding-block-start: 24px; border-block-start: 1px solid #DDD9CC; font-size: 15px; color: var(--k-on-ivory-muted); }
.k-about-legal a { display: inline-flex; align-items: center; min-block-size: 44px; font-weight: 600; color: var(--k-accent-on-ivory); text-underline-offset: 3px; }
.k-about-legal a:hover { color: var(--k-on-ivory); }
@media (min-width: 860px) {
  .k-about-row .k-about-h2 { position: sticky; inset-block-start: 96px; align-self: start; }
}
@media (max-width: 859.98px) {
  .k-about-row, .k-about-channels { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 459.98px) {
  .k-about-dl > div { grid-template-columns: minmax(0, 1fr); }
  .k-about-dl dt { padding-block-start: 0; }
  .k-about-legal span { flex: 1 1 100%; }
}

.k-hws-intro { gap: 22px; }
.k-hws-short { max-inline-size: 640px; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.55; color: var(--k-on-night); text-wrap: pretty; }
.k-hws-short strong { color: var(--k-lime); font-weight: 700; }
[lang="ar"] .k-hws-short { line-height: 1.8; }
.k-hws-toc { display: flex; flex-direction: column; gap: 10px; max-inline-size: 900px; margin-block-start: 12px; }
.k-hws-toc-h { font: 400 13px var(--k-font-data); letter-spacing: var(--k-eyebrow-ls); color: var(--k-on-night-muted); }
[lang="ar"] .k-hws-toc-h { font: 400 14px/1.6 var(--k-font-arabic); }
.k-hws-toc ul { display: flex; flex-wrap: wrap; gap: 8px; }
.k-hws-toc a { display: inline-flex; align-items: center; min-block-size: 44px; padding-inline: 16px; border: 1px solid rgba(242,245,241,.22); border-radius: 999px; color: var(--k-on-night); font-size: 14px; font-weight: 500; text-decoration: none; }
.k-hws-toc a:hover { border-color: var(--k-lime); color: var(--k-lime); }
.k-hws-toc a:focus-visible { outline: 2px solid var(--k-lime); outline-offset: 2px; }
.k-hws .k-about-h2 { scroll-margin-block-start: 96px; }
.k-hws-row--wide { grid-template-columns: minmax(0, 1fr); }
.k-hws-areas { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 16px; }
.k-hws-area { display: flex; flex-direction: column; gap: 10px; min-inline-size: 0; padding: clamp(20px, 2.4vw, 28px); border: 1px solid var(--k-ivory-line); border-radius: 20px; background: #FFFFFF; }
.k-hws-area-h { font-family: var(--k-font-display); font-size: 25px; font-weight: 600; line-height: 1.2; letter-spacing: var(--k-h-ls); overflow-wrap: anywhere; }
[lang="ar"] .k-hws-area-h { font-size: 22px; line-height: 1.5; }
.k-hws-q { font-family: var(--k-font-display); font-size: 18px; font-style: var(--k-accent-style); line-height: 1.4; color: var(--k-accent-on-ivory); text-wrap: pretty; }
[lang="ar"] .k-hws-q { font-size: 17px; line-height: 1.75; }
.k-hws-check, .k-hws-not, .k-hws-note { font-size: 15px; line-height: 1.6; color: var(--k-on-ivory-muted); text-wrap: pretty; overflow-wrap: anywhere; }
[lang="ar"] .k-hws-check, [lang="ar"] .k-hws-not, [lang="ar"] .k-hws-note { line-height: 1.85; }
.k-hws-check strong, .k-hws-not strong { color: var(--k-on-ivory); font-weight: 600; }
.k-hws-note { padding: 10px 14px; border-radius: 12px; background: var(--k-ivory); color: var(--k-on-ivory); }
.k-hws-not { margin-block-start: auto; padding-block-start: 12px; border-block-start: 1px dashed #DDD9CC; }
.k-hws-cmp { grid-column: 1 / -1; border-style: dashed; border-color: #B9B4A4; background: transparent; }
.k-hws-cmp > p { max-inline-size: 72ch; }
.k-hws-steps { display: flex; flex-direction: column; counter-reset: k-hws-step; }
.k-hws-steps > li { position: relative; display: flex; flex-direction: column; gap: 6px; padding-block: 20px; padding-inline-start: 56px; border-block-start: 1px solid #DDD9CC; counter-increment: k-hws-step; }
.k-hws-steps > li:first-child { padding-block-start: 4px; border-block-start: 0; }
.k-hws-steps > li::before { content: counter(k-hws-step); position: absolute; inset-inline-start: 0; inset-block-start: 18px; display: grid; place-items: center; inline-size: 36px; block-size: 36px; border-radius: 50%; background: var(--k-night); color: var(--k-lime); font: 500 15px var(--k-font-data); }
.k-hws-steps > li:first-child::before { inset-block-start: 2px; }
.k-hws-promise { display: flex; flex-direction: column; gap: 10px; margin: 0; padding-inline-start: 20px; border-inline-start: 3px solid var(--k-accent-on-ivory); }
.k-hws-quote { margin: 0; }
.k-hws-quote p, .k-hws-quote--said { font-family: var(--k-font-display); font-size: clamp(22px, 2.2vw, 28px); font-weight: 600; line-height: 1.3; color: var(--k-on-ivory); text-wrap: pretty; }
[lang="ar"] .k-hws-quote--said { font-size: clamp(19px, 2vw, 23px); line-height: 1.7; }
.k-hws-promise figcaption .k-about-more { font-weight: 500; }
.k-hws-scale { display: grid; grid-template-columns: 40fr 30fr 31fr; gap: 6px; }
.k-hws-seg { display: flex; flex-direction: column; gap: 4px; min-inline-size: 0; font-size: 14px; line-height: 1.3; }
.k-hws-seg::before { content: ""; block-size: 10px; margin-block-end: 6px; border-radius: 999px; background: currentColor; }
.k-hws-seg b { font-weight: 700; }
.k-hws-seg small { font: 400 12px var(--k-font-data); color: var(--k-on-ivory-muted); }
[lang="ar"] .k-hws-seg small { font: 400 13px/1.5 var(--k-font-arabic); }
.k-hws-seg--low { color: var(--k-band-weak-on-ivory); }
.k-hws-seg--mid { color: var(--k-band-fair-on-ivory); }
.k-hws-seg--high { color: var(--k-band-strong-on-ivory); }
.k-hws-table-wrap { min-inline-size: 0; }
.k-hws-table { inline-size: 100%; border-collapse: collapse; table-layout: fixed; font-size: 15px; line-height: 1.5; }
.k-hws-table th, .k-hws-table td { padding: 12px 10px; border-block-end: 1px solid #DDD9CC; text-align: start; vertical-align: top; overflow-wrap: anywhere; }
.k-hws-table th:first-child, .k-hws-table td:first-child { padding-inline-start: 0; }
.k-hws-table thead th { font: 400 12px var(--k-font-data); letter-spacing: var(--k-eyebrow-ls); color: var(--k-accent-on-ivory); vertical-align: bottom; }
[lang="ar"] .k-hws-table thead th { font: 600 14px/1.5 var(--k-font-arabic); }
.k-hws-table tbody th { font-weight: 600; }
.k-hws-table td { color: var(--k-on-ivory-muted); }
[lang="ar"] .k-hws-table { line-height: 1.75; }
.k-hws-bands thead th:first-child { inline-size: 26%; }
.k-hws-bands thead th:nth-child(2) { inline-size: 22%; }
.k-hws-bands td:nth-child(2) { color: var(--k-on-ivory); font-weight: 600; white-space: nowrap; }
.k-hws-modes thead td { inline-size: 38%; border-block-end: 1px solid #DDD9CC; }
.k-hws-modes tbody td:last-child { color: var(--k-on-ivory); }
.k-hws-dot { display: inline-block; inline-size: 10px; block-size: 10px; margin-inline-end: 8px; border-radius: 50%; vertical-align: 1px; }
.k-hws-dot--low { background: var(--k-band-weak-on-ivory); }
.k-hws-dot--mid { background: var(--k-band-fair-on-ivory); }
.k-hws-dot--high { background: var(--k-band-strong-on-ivory); }
.k-hws-out { display: flex; flex-direction: column; }
.k-hws-out > li { position: relative; padding-block: 11px; padding-inline-start: 28px; border-block-start: 1px solid #DDD9CC; font-size: 17px; line-height: 1.5; }
.k-hws-out > li:first-child { border-block-start: 0; padding-block-start: 0; }
.k-hws-out > li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: calc(11px + .75em); inline-size: 14px; block-size: 2px; background: var(--k-band-weak-on-ivory); }
.k-hws-out > li:first-child::before { inset-block-start: .75em; }
[lang="ar"] .k-hws-out > li { line-height: 1.8; }
.k-hws-ask { display: flex; flex-direction: column; gap: 16px; padding: clamp(24px, 3vw, 36px); border-radius: 24px; background: var(--k-night); }
.k-hws-ask .k-about-p { color: var(--k-on-night); }
.k-hws-ask .k-about-p:first-child { font-family: var(--k-font-display); font-size: clamp(22px, 2.2vw, 28px); font-weight: 600; line-height: 1.3; }
[lang="ar"] .k-hws-ask .k-about-p:first-child { font-size: clamp(19px, 2vw, 23px); line-height: 1.7; }
.k-hws-recheck { padding: 16px 20px; border: 1px solid var(--k-ivory-line); border-radius: 16px; background: #FFFFFF; font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
[lang="ar"] .k-hws-recheck { line-height: 1.85; }
.k-hws .k-about-more .kashif-icon { inline-size: 18px; block-size: 18px; margin-inline-end: 8px; }
@media (min-width: 860px) {
  .k-hws-row--wide .k-about-h2 { position: static; }
}
@media (max-width: 459.98px) {
  .k-hws-table { font-size: 14px; }
  .k-hws-table th, .k-hws-table td { padding: 10px 6px; }
  .k-hws-toc a { padding-inline: 12px; font-size: 13px; }
  .k-hws-steps > li { padding-inline-start: 48px; }
}

@keyframes kRise { from { opacity: 0; transform: translate3d(0, .55em, 0) rotate(1.5deg); } to { opacity: 1; transform: none; } }
@keyframes kFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes kDrift { 0% { transform: translate3d(-8%, -6%, 0) scale(1); } 100% { transform: translate3d(10%, 8%, 0) scale(1.18); } }
@keyframes kSpin { to { transform: rotate(360deg); } }
@keyframes kSpinR { to { transform: rotate(-360deg); } }
@keyframes kMarq { to { transform: translate3d(-50%, 0, 0); } }
@keyframes kGrid { to { transform: translate3d(0, 64px, 0); } }
@keyframes kPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.75); } }
@keyframes kRing { 0% { transform: scale(.7); opacity: .55; } 100% { transform: scale(1.7); opacity: 0; } }
@keyframes kShimmer { from { transform: translate3d(-100%, 0, 0); } to { transform: translate3d(200%, 0, 0); } }
@keyframes kScan { from { transform: translate3d(0, -80px, 0); } to { transform: translate3d(0, 620px, 0); } }

html[data-k-motion="subtle"] .k-word, html[data-k-motion="subtle"] .k-overlay, html[data-k-motion="subtle"] .k-overlay-link, html[data-k-motion="subtle"] .k-result, html[data-k-motion="subtle"] .k-reprice .k-bill-m, html[data-k-motion="subtle"] .k-reprice .k-bill-y, html[data-k-motion="subtle"] .k-run .kashif-meter-fill, html[data-k-motion="subtle"] .k-run .k-gauge-spin, html[data-k-motion="subtle"] .k-rerise .k-finding { animation: none !important; }
html[data-k-motion="subtle"] .k-faq-panel, html[data-k-motion="subtle"] .k-faq-clip, html[data-k-motion="subtle"] .k-faq-a, html[data-k-motion="subtle"] .k-faq-plus { transition: none !important; }
@media (prefers-reduced-motion: reduce) {
.k-word, .k-overlay, .k-overlay-link, .k-result, .k-panel-sweep, .k-row-shimmer, .k-chat-dots span, #k-gauge-spin, .k-reprice .k-bill-m, .k-reprice .k-bill-y, .k-run .kashif-meter-fill, .k-run .k-gauge-spin, .k-rerise .k-finding { animation: none !important; }
.k-faq-panel, .k-faq-clip, .k-faq-a, .k-faq-plus { transition: none !important; }
.k-page *, .k-page *::before, .k-page *::after { transition-duration: .001ms !important; }
}
@media print {
.k-word, .k-loop { animation: none !important; }
.k-run .kashif-meter-fill, .k-run .k-gauge-spin, .k-rerise .k-finding { animation: none !important; }
.k-faq-panel, .k-faq-clip, .k-faq-a, .k-faq-plus { transition: none !important; }
.k-header { position: static; }
.k-header::before, .k-hero-glow, .k-hero-cursor, .k-hero-floor, .k-marquee, .k-panel-ring, .k-final-ring, .k-final-glow, .k-checks-glow, .k-ba-line, .k-menu { display: none; }
.k-page { background: #FFFFFF; color: #000000; }
.k-chat-wait { opacity: 1; transform: none; }
.k-ba-stage { display: block; }
.k-ba-clip, .k-ba-counter { transform: none; }
.k-band, .k-band-h1, .k-band .k-lead, .k-bill-opt, .k-contact-card, .k-contact-copy p { background: none; color: #000000; }
.k-band-glow, .k-bill { display: none; }
.k-paper { background: none; }
.k-prices { margin-block-start: 0; }
.k-plan-bills { display: flex; }
.k-bill-m, .k-bill-y { visibility: visible !important; }
.k-plan--top, .k-plan--top *, .k-plan-cta--ink, .k-contact-note, .k-paper .k-eyebrow { background: none !important; color: #000000 !important; }
.k-compare-scroll { overflow: visible; }
.k-rep-glow { display: none; }
.k-filter { display: none; }
.k-rep-inner { padding-block: 24px; }
.k-rep-h1, .k-rep-badge, .k-rep-panel-label, .k-rep-site, .k-rep-band, .k-rep-date, .k-rep-area-top, .k-gauge-num, .k-gauge-sub, .k-rep-free, .k-rep-cmp-lead { color: #000000; }
.k-rep-badge, .k-rep-panel, .k-finding, .k-rep-cmp { border-color: #000000; }
.k-rep-panel { background: none; }
.k-gauge-track { stroke: #CCCCCC; }
.k-gauge-arc { filter: none; }
.k-rep-panel .kashif-meter-track { fill: #CCCCCC; }
.k-finding { display: flex !important; break-inside: avoid; }
.k-finding, .k-rep-cmp, .k-box, .k-tag, .k-fchip { background: none; color: #000000; }
.k-box-label, .k-box--fix .k-box-label, .k-finding-date { color: #000000; }
.k-rep-head { break-after: avoid; }
.k-rep-body { display: block; }
.k-rep-list, .k-rep-findings, .k-rep-cmp, .k-rep-cta { margin-block-start: 16px; }
.k-page:has(#k-rep-list) .k-header a, .k-page:has(#k-rep-list) .k-header a *, .k-page:has(#k-rep-list) .k-footer, .k-page:has(#k-rep-list) .k-footer * { color: #000000 !important; }
.k-page:has(#k-rep-list) .k-btn { background: none; border: 1px solid #000000; box-shadow: none; color: #000000; }
.k-faq-intro { padding-block: 24px; }
.k-faq-h1, .k-faq-eyebrow { color: #000000; }
.k-faq-body { display: block; padding-block: 16px; }
.k-faq-panel { grid-template-rows: 1fr !important; }
.k-faq-clip { overflow: visible; visibility: visible !important; }
.k-faq-a { padding-inline-end: 0; opacity: 1 !important; color: #000000; }
.k-faq-more a { color: #000000; }
.k-faq-plus { display: none !important; }
.k-faq-btn { padding-block: 12px 6px; color: #000000; }
.k-faq-list { border-block-end-color: #000000; }
.k-faq-item { border-block-start-color: #000000; break-inside: avoid; }
.k-faq-still { margin-block-start: 16px; }
.k-page:has(#k-faq-list) .k-header a, .k-page:has(#k-faq-list) .k-header a *, .k-page:has(#k-faq-list) .k-footer, .k-page:has(#k-faq-list) .k-footer * { color: #000000 !important; }
.k-page:has(#k-faq-list) .k-btn { background: none; border: 1px solid #000000; box-shadow: none; color: #000000; }
.k-blog-intro { padding-block: 24px; }
.k-blog-h1, .k-blog-up a, .k-blog-meta, .k-blog-meta * { color: #000000 !important; }
.k-blog-body { padding-block: 16px; }
.k-blog-prose, .k-blog-prose *, .k-blog-foot, .k-blog-item-h a, .k-blog-item .k-blog-meta, .k-blog-item p:last-child { color: #000000 !important; }
.k-blog-prose li::marker { color: #000000; }
.k-blog-prose blockquote, .k-blog-foot, .k-blog-list, .k-blog-item { border-color: #000000; }
.k-blog-prose :is(h2, h3) { break-after: avoid; }
.k-blog-item { break-inside: avoid; }
.k-page:has(.k-blog) .k-header a, .k-page:has(.k-blog) .k-header a *, .k-page:has(.k-blog) .k-footer, .k-page:has(.k-blog) .k-footer * { color: #000000 !important; }
.k-page:has(.k-blog) .k-btn { background: none; border: 1px solid #000000; box-shadow: none; color: #000000; }
.k-about-intro { padding-block: 24px; }
.k-about-h1, .k-about .k-eyebrow, .k-about .k-lead { color: #000000 !important; }
.k-about-body { padding-block: 16px; }
.k-about-body, .k-about-body * { color: #000000 !important; }
.k-about-row { padding-block: 20px; break-inside: avoid; }
.k-about-row, .k-about-facts > li, .k-about-topic, .k-about-dl > div, .k-about-legal { border-color: #000000; }
.k-about-channel { background: none; border: 1px solid #000000; break-inside: avoid; }
.k-page:has(.k-about) .k-header a, .k-page:has(.k-about) .k-header a *, .k-page:has(.k-about) .k-footer, .k-page:has(.k-about) .k-footer * { color: #000000 !important; }
.k-page:has(.k-about) .k-btn { background: none; border: 1px solid #000000; box-shadow: none; color: #000000; }
.k-hws-short, .k-hws-short *, .k-hws-toc, .k-hws-toc * { color: #000000 !important; }
.k-hws-toc a { border-color: #000000; }
.k-hws-area, .k-hws-ask, .k-hws-recheck, .k-hws-note { background: none; border: 1px solid #000000; break-inside: avoid; }
.k-hws-ask, .k-hws-ask * { color: #000000 !important; }
.k-hws-steps > li::before { background: none; border: 1px solid #000000; color: #000000; }
.k-hws-table th, .k-hws-table td, .k-hws-out > li, .k-hws-not { border-color: #000000; }
.k-hws-promise { border-color: #000000; }
.k-page:has(.k-hws) .k-footer, .k-page:has(.k-hws) .k-footer * { color: #000000 !important; }
.k-page:has(.k-hws) .k-btn { background: none; border: 1px solid #000000; box-shadow: none; color: #000000; }
}