@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");
/* KLIKS — dark-first theme, minimal bold layer, motion styles (2026-10) */
html[data-theme="dark"]{
  --paper:#0A0C06;--tint:#10130A;--line:rgba(243,245,234,.12);
  --text:#F3F5EA;--text-2:#A9AE97;color-scheme:dark;
}
html[data-theme="dark"] body{background:#0A0C06}
html[data-theme="dark"] .sec--dark,html[data-theme="dark"] .hero,html[data-theme="dark"] .phero,
html[data-theme="dark"] .cs-head{background:#0F1208}
html[data-theme="dark"] .trust{background:var(--paper);border-color:var(--line)}
html[data-theme="dark"] .trust img,html[data-theme="dark"] .tiles .tile:not(.tile--link) img{filter:brightness(0) invert(1);opacity:.72}
html[data-theme="dark"] .tile:not(.tile--link){background:#141809;border-color:var(--line)}
html[data-theme="dark"] .cmp--muted,html[data-theme="dark"] .sh-b,html[data-theme="dark"] .form-card,
html[data-theme="dark"] .way,html[data-theme="dark"] .chips li{background:#141809;border-color:var(--line);color:var(--text-2)}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#0A0C06;color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder{color:#7D836B}
html[data-theme="dark"] .sec--paper .btn-outline,html[data-theme="dark"] .sec--tint .btn-outline{color:var(--text);border-color:var(--text)}
html[data-theme="dark"] .pull{border-top-color:var(--volt)}
html[data-theme="dark"] .sec--tint .chan>div{border-top-color:var(--line)}
h1,h2{letter-spacing:-.035em;font-weight:800}
.sec h2{font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.02}
.rail h2{font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.04}
.hero h1,.phero h1,.cs-head h1{font-size:clamp(2.9rem,7.4vw,6.4rem);line-height:.95;letter-spacing:-.045em}
.lab,.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:700}
.sec{padding-block:clamp(72px,10vw,140px)}
.theme-tg{display:inline-grid;place-items:center;width:40px;height:40px;margin-left:12px;border-radius:999px;border:1px solid rgba(243,245,234,.22);background:transparent;color:#F3F5EA;cursor:pointer;flex:none;transition:border-color .25s,background .25s,transform .25s}
.theme-tg:hover{border-color:var(--volt);transform:rotate(-12deg)}
.theme-tg svg{width:18px;height:18px}
.theme-tg .i-sun{display:none}
html[data-theme="dark"] .theme-tg .i-sun{display:block}
html[data-theme="dark"] .theme-tg .i-moon{display:none}
.nav{position:sticky;top:0;z-index:60;transition:background .3s,backdrop-filter .3s}
.nav.kl-scrolled{background:rgba(15,18,8,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.btn{border-radius:999px;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px)}
.btn-primary:hover{box-shadow:0 10px 30px rgba(200,255,0,.25)}
@media (prefers-reduced-motion:no-preference){
  .kl-rise{opacity:0;transform:translateY(48px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--kd,0s)}
  .kl-rise.kl-in{opacity:1;transform:none}
  .kl-mask{clip-path:inset(0 0 100% 0);transform:translateY(24px);transition:clip-path 1s cubic-bezier(.7,0,.2,1),transform 1s cubic-bezier(.7,0,.2,1)}
  .kl-mask.kl-in{clip-path:inset(0 0 -10% 0);transform:none}
  .kl-zoom{overflow:hidden}
  .kl-zoom img{transform:scale(1.14);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
  .kl-zoom.kl-in img{transform:scale(1)}
  .cs,.csp>li,.card,.testi>li,.svc-grid>li{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
  .cs:hover,.csp>li:hover,.svc-grid>li:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
  .roas-line.kl-draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 2.2s cubic-bezier(.6,0,.2,1)}
  .roas-line.kl-draw.kl-in{stroke-dashoffset:0}
  .vb-bar{transform-origin:bottom;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
  .vb-plot:not(.kl-in) .vb-bar{transform:scaleY(0)}
  .hero-bg,.cs-photo>img{will-change:transform}
}
.kl-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--volt);z-index:70;pointer-events:none}

/* ── Minimal type: Inter (Latin) + IBM Plex Sans Arabic ── */
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4,b,strong{font-family:Inter,system-ui,sans-serif}
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea,
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-weight:600}
html[lang="ar"] h4,html[lang="ar"] b,html[lang="ar"] strong{font-family:"IBM Plex Sans Arabic",Inter,system-ui,sans-serif}
html[lang="ar"] *{letter-spacing:0!important}
html[lang="ar"] .lab,html[lang="ar"] .eyebrow{text-transform:none;font-size:.85rem}
html[lang="ar"] h1,html[lang="ar"] h2{line-height:1.2}
/* RTL: keep charts, tickers and number strips left-to-right */
html[dir="rtl"] .charts,html[dir="rtl"] .plot-wrap,html[dir="rtl"] .xax,html[dir="rtl"] .yax,html[dir="rtl"] .vb-plot,html[dir="rtl"] .vb-labs,html[dir="rtl"] .ticker{direction:ltr}
html[dir="rtl"] .charts .c-title,html[dir="rtl"] .charts .c-sub,html[dir="rtl"] .charts .note,html[dir="rtl"] .charts .callouts{direction:rtl}

/* ── Clean edges, soft corners where they help ── */
*,*::before,*::after{border-radius:0!important}
.card,.cs,.csp>li,.tile,.form-card,.way,.ba>*,.cmp,.sh-b,.sh-a,.chan>div,.testi>li,.svc-grid,.rbento,.res-sec .rbento-f,.cs-img,.cs-img img,.member img,.team img,figure img,.probs>li,#kl-cc,.kl-cc{border-radius:10px!important}
.cs-img img{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.btn,.nav-cta a,input,select,textarea,.lang-sw,#kl-cc button,.brandlink,.crumbs,.subnav a{border-radius:8px!important}
.tags li,.tagset li,.chips li,.tl-roas,.eyebrow-pill,.pill,.badge{border-radius:999px!important}
.pt,.theme-tg,.kl-round,[class*="avatar"],[class*="dot"],a[href*="wa.me"],#floatCta,.float-cta,.chart-dot,.n{border-radius:999px!important}

/* ── Smooth section transitions ── */
html{scroll-behavior:smooth}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
@media (prefers-reduced-motion:no-preference){
  main>section{transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
  main>section.kl-sec{opacity:.001;transform:translateY(60px)}
  main>section.kl-sec.kl-in{opacity:1;transform:none}
}
/* Language switch */
.lang-sw{display:inline-grid;place-items:center;min-width:40px;height:40px;margin-left:12px;padding:0 10px;border:1px solid rgba(243,245,234,.22);color:#F3F5EA;font:700 13px Inter,"IBM Plex Sans Arabic",sans-serif;text-decoration:none;transition:border-color .25s,color .25s}
.lang-sw:hover{border-color:var(--volt);color:var(--volt)}
html[dir="rtl"] .lang-sw,html[dir="rtl"] .theme-tg{margin-left:0;margin-right:12px}

/* Arabic: lighter weights, isolated Latin runs */
html[lang="ar"] body *{font-weight:400}
html[lang="ar"] h1,html[lang="ar"] h2{font-weight:700}
html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] .btn,html[lang="ar"] b,html[lang="ar"] strong,html[lang="ar"] [data-count],html[lang="ar"] .ba-num,html[lang="ar"] .nav-links a,html[lang="ar"] .lang-sw{font-weight:500}
html[lang="ar"] bdi{unicode-bidi:isolate;direction:ltr;font-family:Inter,system-ui,sans-serif}
html[lang="ar"] h1 bdi,html[lang="ar"] h2 bdi{font-weight:700}
html[lang="ar"] h3 bdi{font-weight:600}

.csp>li,.csp>li>a,.cs{overflow:hidden}
.csp>li>a,.cs{border-radius:10px!important}
.svc-grid>li,.rbento-s>li{border-radius:0!important}

/* ── Texture: film grain ── */
.kl-grain{position:fixed;inset:-50%;z-index:80;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:kl-grain 1.2s steps(6) infinite}
html[data-theme="light"] .kl-grain{opacity:.04;mix-blend-mode:multiply}
@keyframes kl-grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
/* ── Hero signal canvas ── */
.kl-signal{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.55}
.hero>.wrap,.phero>.wrap{position:relative;z-index:1}
/* ── Cursor spotlight on dark sections ── */
.sec--dark,.hero,.phero,.cs-head{position:relative}
.kl-spot::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .4s;
  background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%),rgba(200,255,0,.08),transparent 60%)}
.kl-spot:hover::after{opacity:1}
/* ── Card hover glow ── */
.cs:hover,.csp>li:hover,.card:hover,.tile--link:hover{box-shadow:0 0 0 1px rgba(200,255,0,.55),0 24px 60px rgba(0,0,0,.4)}
/* ── Kinetic band (refined) ── */
.kl-band{overflow:hidden;background:#0F1208;color:var(--volt);padding:22px 0;border-block:1px solid rgba(243,245,234,.1);position:relative;z-index:2}
.kl-band::before,.kl-band::after{content:"";position:absolute;top:0;bottom:0;width:12%;z-index:1;pointer-events:none}
.kl-band::before{left:0;background:linear-gradient(90deg,#0F1208,transparent)}
.kl-band::after{right:0;background:linear-gradient(270deg,#0F1208,transparent)}
.kl-band-track{display:flex;width:max-content;gap:40px;animation:kl-marq 48s linear infinite;align-items:center}
.kl-band span{font:800 clamp(1.25rem,2.4vw,2rem)/1 Inter,"IBM Plex Sans Arabic",sans-serif;letter-spacing:-.02em;white-space:nowrap;text-transform:uppercase;color:var(--volt)}
.kl-band span:nth-of-type(even){color:transparent;-webkit-text-stroke:1.2px rgba(243,245,234,.75)}
.kl-band i{font-style:normal;font-size:.9rem;color:rgba(243,245,234,.45)}
.kl-band:hover .kl-band-track{animation-play-state:paused}
html[data-theme="light"] .kl-band{background:#0F1208}
html[dir="rtl"] .kl-band-track{animation-direction:reverse}
html[lang="ar"] .kl-band span{text-transform:none;letter-spacing:0;font-weight:700}
html[lang="ar"] .kl-band span:nth-of-type(even){-webkit-text-stroke:1px rgba(243,245,234,.75)}
@keyframes kl-marq{to{transform:translateX(-50%)}}
/* Hero: fade image into dark + legible small text */
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,18,8,0) 0%,rgba(15,18,8,.82) 70%,#0F1208 100%)}
.hero-note,.hero-side li,.hero-side p{text-shadow:0 1px 14px rgba(0,0,0,.65)}
/* Arabic rotating hero word: one line, proper Arabic line height */
html[lang="ar"] .cw{font-size:clamp(2.1rem,4.2vw,3.6rem)!important;white-space:nowrap;line-height:1.35!important}
html[lang="ar"] .hf-cycle{min-height:1.4em}
html[lang="ar"] h1,html[lang="ar"] h1 *,html[lang="ar"] h2{line-height:1.25!important}
html[lang="ar"] .way-price{line-height:1.2}
/* ── Platforms strip ── */
.kl-platforms{padding-block:clamp(56px,7vw,96px)!important;background:var(--paper);border-bottom:1px solid var(--line)}
.kl-platforms .kl-ph{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.kl-platforms h2{font-size:clamp(1.6rem,3vw,2.4rem)!important;margin:6px 0 0}
.kl-plat-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);direction:ltr}
.kl-plat{display:flex;gap:14px;width:max-content;list-style:none;margin:0;padding:0;animation:kl-marq 45s linear infinite}
.kl-plat-wrap:hover .kl-plat{animation-play-state:paused}
.kl-plat li{display:flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid var(--line);border-radius:999px!important;color:var(--text);font:600 15px Inter,sans-serif;white-space:nowrap;transition:border-color .3s,color .3s,background .3s}
.kl-plat li:hover{border-color:var(--volt);background:rgba(200,255,0,.06)}
.kl-plat svg{width:20px;height:20px;fill:currentColor;flex:none}
@media (prefers-reduced-motion:reduce){.kl-grain,.kl-band-track,.kl-plat{animation:none}}

/* ── Results stat grid ── */
.kl-stats .kl-stats-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(36px,5vw,64px)}
.kl-stats h2{margin:8px 0 0}
.kl-link{color:var(--text-d);font-weight:600;text-decoration:none;border-bottom:1px solid var(--volt);padding-bottom:4px;transition:color .25s}
.kl-link:hover{color:var(--volt)}
.kl-statrow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-d)}
.kl-statrow li{padding:clamp(28px,3.6vw,48px) clamp(16px,2.4vw,32px) clamp(28px,3.6vw,44px) 0;border-bottom:1px solid var(--line-d);display:flex;flex-direction:column;gap:10px;position:relative}
.kl-statrow li:not(:nth-child(3n+1)){padding-left:clamp(16px,2.4vw,32px);border-left:1px solid var(--line-d)}
html[dir="rtl"] .kl-statrow li{padding-right:0}
html[dir="rtl"] .kl-statrow li:not(:nth-child(3n+1)){border-left:0;border-right:1px solid var(--line-d);padding-left:0;padding-right:clamp(16px,2.4vw,32px)}
.kl-statrow li::before{content:"";position:absolute;top:-1px;left:0;width:0;height:2px;background:var(--volt);transition:width 1.2s cubic-bezier(.2,.8,.2,1) var(--kd,0s)}
.kl-statrow.kl-in li::before{width:56px}
html[dir="rtl"] .kl-statrow li::before{left:auto;right:0}
.kl-statrow b{font:800 clamp(3rem,6.4vw,5.6rem)/.9 Inter,sans-serif;letter-spacing:-.05em;color:var(--volt);direction:ltr;unicode-bidi:isolate;text-align:start}
.kl-sl{font-size:1.05rem;font-weight:600;color:var(--text-d)}
.kl-ss{font-size:.9rem;color:var(--text-d2)}
@media (max-width:760px){.kl-statrow{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-statrow li:not(:nth-child(3n+1)){border-left:0;padding-left:0}.kl-statrow li:nth-child(2n){border-left:1px solid var(--line-d);padding-left:16px}html[dir="rtl"] .kl-statrow li:nth-child(2n){border-left:0;border-right:1px solid var(--line-d);padding-right:16px}}

/* ── Results: slim single row ── */
.kl-stats{padding-block:clamp(56px,7vw,96px)!important}
.kl-stats .kl-stats-head{margin-bottom:clamp(24px,3vw,36px)}
.kl-stats h2{font-size:clamp(1.6rem,3vw,2.4rem)!important}
.kl-statrow{grid-template-columns:repeat(4,minmax(0,1fr))!important;border-bottom:1px solid var(--line-d)}
.kl-statrow li{padding:24px 20px 22px 0!important;border-bottom:0!important;gap:6px}
.kl-statrow li:not(:first-child){padding-left:20px!important;border-left:1px solid var(--line-d)!important}
html[dir="rtl"] .kl-statrow li{padding:24px 0 22px 20px!important}
html[dir="rtl"] .kl-statrow li:not(:first-child){border-left:0!important;border-right:1px solid var(--line-d)!important;padding-right:20px!important}
.kl-statrow b{font-size:clamp(2rem,3.6vw,3rem)!important}
.kl-sl{font-size:.95rem}.kl-ss{font-size:.82rem}
@media (max-width:760px){.kl-statrow{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kl-statrow li:nth-child(3){border-left:0!important;padding-left:0!important;border-top:1px solid var(--line-d)}.kl-statrow li:nth-child(4){border-top:1px solid var(--line-d)}}

/* ── Official partners row ── */
.kl-partners{display:flex;align-items:center;gap:18px 28px;flex-wrap:wrap;margin-top:28px}
.kl-plab{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-d2)}
html[lang="ar"] .kl-plab{letter-spacing:0;text-transform:none;font-size:.9rem}
.kl-partners ul{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap}
.kl-partners li{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line-d);border-radius:10px!important;background:rgba(243,245,234,.03);transition:border-color .3s,background .3s}
.kl-partners li:hover{border-color:var(--volt);background:rgba(200,255,0,.06)}
.kl-partners li>svg:first-child{width:22px;height:22px;fill:#F3F5EA;flex:none}
.kl-partners span{display:flex;flex-direction:column;line-height:1.2}
.kl-partners b{font-size:.92rem;font-weight:700;color:var(--text-d)}
.kl-partners small{font-size:.78rem;color:var(--text-d2)}
.kl-ck{width:16px;height:16px;color:var(--volt);flex:none}

/* ── Mobile audit fixes (2026-10-29) ── */
/* Off-screen helpers: clip instead of pushing far left (caused sideways scroll on RTL pages) */
.skip:not(:focus):not(:focus-visible){position:absolute!important;left:0!important;right:auto!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap}
input[name="_gotcha"]{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important}
html,body{overflow-x:clip}
@media (max-width:760px){
  /* Comfortable tap targets */
  .crumbs a,.kl-link,.rbig-head a,.sec a[href="/services"],.sec a[href="/case-studies"],.sec a[href="/ar/services"],.sec a[href="/ar/case-studies"]{display:inline-block;padding-block:10px}
  .testi a[aria-label],.testi a[href*="linkedin"]{display:inline-grid;place-items:center;min-width:40px;min-height:40px}
  /* Lighter effects on phones */
  .kl-grain{animation:none;opacity:.05}
  .kl-band{padding:14px 0}
  .kl-band span{font-size:1.15rem}
  .theme-tg,.lang-sw{width:38px;min-width:38px;height:38px;margin-left:8px}
  html[dir="rtl"] .theme-tg,html[dir="rtl"] .lang-sw{margin-left:0;margin-right:8px}
  .hero h1,.phero h1,.cs-head h1{font-size:clamp(2.5rem,11vw,3.4rem)}
  html[lang="ar"] .hero h1,html[lang="ar"] .phero h1,html[lang="ar"] .cs-head h1{font-size:clamp(2.2rem,10vw,3rem)}
  #kl-cc{left:12px;right:12px;bottom:12px;padding:16px}
}

@media (max-width:760px){
  .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,18,8,.72) 0%,rgba(15,18,8,.62) 45%,rgba(15,18,8,.9) 100%);pointer-events:none}
  .hero .hero-side{position:relative;z-index:1}
  .kl-signal{opacity:.35}
}

/* WhatsApp float + pulse stay round */
.wa,.wa::before,.wa::after,#floatCta::before,#floatCta::after{border-radius:999px!important}

/* ── Book a call (Calendly) ── */
.kl-book-head{max-width:720px;margin-bottom:clamp(24px,3vw,40px)}
.kl-book-head h2{margin:8px 0 12px}
.kl-book-sub{color:var(--text-d2);font-size:1.05rem;line-height:1.6;margin:0}
.kl-cal{min-height:720px;border:1px solid var(--line-d);border-radius:12px!important;overflow:hidden;background:#0F1208}
.kl-cal .calendly-inline-widget,.kl-cal iframe{min-width:300px;height:720px!important;width:100%}
.kl-cal-ph{min-height:720px;display:grid;place-content:center;gap:16px;text-align:center;color:var(--text-d2)}
@media (max-width:760px){.kl-cal,.kl-cal-ph{min-height:960px}.kl-cal .calendly-inline-widget,.kl-cal iframe{height:960px!important}}

/* ── Legal pages ── */
.kl-legal{max-width:760px}
.kl-legal h2{font-size:clamp(1.3rem,2.2vw,1.7rem)!important;margin:40px 0 12px;line-height:1.2}
.kl-legal h2:first-child{margin-top:0}
.kl-legal p,.kl-legal li{color:var(--text-2);font-size:1.02rem;line-height:1.75}
.kl-legal ul{padding-inline-start:20px;margin:0}
.kl-legal li{margin-bottom:8px}
.kl-legal b{color:var(--text)}
.kl-legal a{color:inherit;text-decoration:underline;text-decoration-color:var(--volt);text-underline-offset:3px}
.kl-legal-hero{padding-block:clamp(56px,8vw,110px) clamp(32px,4vw,56px)!important}

/* ── Brand Audit page ── */
.kl-audit-head{padding-top:clamp(40px,6vw,80px)}
.kl-audit-head .crumbs{margin-bottom:28px}
.kl-audit-cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 8px}
.kl-audit-head .crumbs a{color:var(--text-d2)}

.hero-bg{transform:none!important}

.hero::after{top:auto!important;bottom:0!important;inset:auto 0 0 0!important;height:38%!important}

/* Mobile header + menu fixes (2026-10-30) */
.nav{z-index:100!important}
body.nav-lock{overflow:visible!important}
html.kl-lock{overflow:hidden!important}
@media (max-width:820px){
  .nav-in{gap:8px!important}
  .nav .lang-sw{margin-left:auto!important}
  .nav .theme-tg{margin-left:0!important}
  .nav .menu-btn{margin-left:0!important}
  .nav-links{max-height:calc(100dvh - var(--nav-h))!important;overflow-y:auto!important}
  .nav-links:not(.open){max-height:0!important;visibility:hidden}
  .nav-links.open{background:#0F1208!important;border-bottom:1px solid rgba(243,245,234,.12)}
  .nav-backdrop{z-index:90!important;background:rgba(0,0,0,.55)!important}
  .nav.kl-scrolled{background:rgba(15,18,8,.94)!important}
  html[data-theme="light"] .nav.kl-scrolled{background:rgba(15,18,8,.94)!important}
}
.trust img,.ticker img{content-visibility:visible}

/* Homepage hero fits one screen on every device (2026-10-31) */
.hero:has(.hero-grid){min-height:calc(100vh - var(--nav-h,80px));min-height:calc(100svh - var(--nav-h,80px));display:flex;align-items:center;padding-block:clamp(20px,4vh,64px)!important}
.hero:has(.hero-grid)>.hero-grid{width:100%;align-items:center!important}
.hero:has(.hero-grid) h1{font-size:clamp(2.3rem,min(7.4vw,10.5vh),6.4rem)!important;line-height:.95}
.hero:has(.hero-grid) .hero-badge{margin-bottom:clamp(12px,2.6vh,28px)!important}
.hero:has(.hero-grid) .lede{margin-top:clamp(10px,2.2vh,24px)!important;font-size:clamp(1rem,min(1rem + .5vw,2.4vh),1.375rem)!important}
.hero:has(.hero-grid) .actions{margin-top:clamp(14px,3vh,28px)!important}
.hero:has(.hero-grid) .hero-note{margin-top:clamp(8px,1.8vh,18px)!important}
.hero:has(.hero-grid) .hero-side{min-height:0!important}
@media (max-width:820px){
  .hero:has(.hero-grid) .hero-side{display:none!important}
  .hero:has(.hero-grid) h1{font-size:clamp(2.2rem,min(11.5vw,8.6vh),4.2rem)!important}
  .hero:has(.hero-grid) .actions{display:flex;flex-wrap:wrap;gap:10px}
  .hero:has(.hero-grid) .actions .btn{flex:1 1 auto;justify-content:center}
}
@media (max-height:620px) and (min-width:821px){
  .hero:has(.hero-grid) .hero-note{display:none}
  .hero:has(.hero-grid) .hero-side p:not(:first-child){display:none}
}
@media (max-height:520px){
  .hero:has(.hero-grid) .hero-side,.hero:has(.hero-grid) .hero-note,.hero:has(.hero-grid) .hero-badge{display:none!important}
  .hero:has(.hero-grid)>.hero-grid{grid-template-columns:1fr!important}
  .hero:has(.hero-grid) h1{font-size:clamp(1.9rem,11vh,3.2rem)!important}
  .hero:has(.hero-grid) .lede{max-width:44em}
}