/* Technomind Global — site stylesheet
   Palette: ink #0A0F1E · paper #F3F5FA · cobalt #1F53FF · azure #26C6E0
   Kiework: aubergine #1E1230 + amber #F5A524 · DocGuard: pine #062019 + emerald #19C37D
   Type: Archivo (expanded display) · IBM Plex Sans / Plex Sans Arabic · IBM Plex Mono · Noto Kufi Arabic */

:root{
  --ink:#0A0F1E;--ink-2:#10182E;--ink-3:#17213C;
  --paper:#F3F5FA;--paper-2:#E8ECF5;--white:#FFFFFF;
  --line:#D9DEEA;--line-2:#BCC4D8;
  --cobalt:#1F53FF;--cobalt-2:#3D6BFF;--cobalt-d:#1640D0;--azure:#26C6E0;
  --amber:#F5A524;--amber-d:#9A5D00;
  --aub:#1E1230;--aub-2:#291A40;--aub-3:#36234F;
  --emerald:#19C37D;--emerald-d:#087A4B;
  --pine:#062019;--pine-2:#0B2D24;--pine-3:#103A2F;
  --ok:#12A765;--warn:#E0900B;--hot:#EF6130;--danger:#E5372B;--exp:#B42318;
  --f-display:"Archivo","Noto Kufi Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --maxw:1360px;--gutter:clamp(16px,4vw,56px);--hdr-h:76px;
  --ease:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.65,0,.35,1);
  --fs-hero:clamp(2.45rem,.9rem + 5.3vw,6rem);
  --fs-d1:clamp(1.95rem,.95rem + 3.2vw,4rem);
  --fs-d2:clamp(1.6rem,.95rem + 2vw,2.9rem);
  --fs-d3:clamp(1.25rem,1rem + .8vw,1.7rem);
  --fs-lead:clamp(1.05rem,.97rem + .33vw,1.26rem);
  --fs-body:1.0625rem;
  --sec-y:clamp(76px,10vw,148px);
  /* default context = paper */
  --bg:var(--paper);--bg-2:var(--paper-2);--fg:var(--ink);--muted:#4B5675;--faint:#7F89A5;
  --rule:#D9DEEA;--rule-strong:#BCC4D8;--accent:var(--cobalt);--accent-2:var(--azure);
  --btn:var(--cobalt);--on-btn:#fff;--panel:#fff;--panel-2:#F7F8FC;--grid:rgba(10,15,30,.06);
}
[dir="rtl"]{--f-body:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--fs-body);
  line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;
  font-feature-settings:"kern" 1}
img,svg,canvas,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
p,h1,h2,h3,h4,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
b,strong{font-weight:600}
small{font-size:.85em}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
::selection{background:var(--cobalt);color:#fff}
[hidden]{display:none!important}
bdi{unicode-bidi:isolate}

/* Lenis */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}

.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px;font-weight:600;text-decoration:none}
.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}

.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}

/* ---------- colour contexts ---------- */
.ctx-paper{--bg:var(--paper);--bg-2:var(--paper-2);--fg:var(--ink);--muted:#4B5675;--faint:#7F89A5;--rule:#D9DEEA;--rule-strong:#BCC4D8;--accent:var(--cobalt);--accent-2:var(--azure);--btn:var(--cobalt);--on-btn:#fff;--panel:#fff;--panel-2:#F7F8FC;--grid:rgba(10,15,30,.06)}
.ctx-white{--bg:#fff;--bg-2:var(--paper);--fg:var(--ink);--muted:#4B5675;--faint:#7F89A5;--rule:#E1E5EF;--rule-strong:#C3CADC;--accent:var(--cobalt);--accent-2:var(--azure);--btn:var(--cobalt);--on-btn:#fff;--panel:var(--paper);--panel-2:#fff;--grid:rgba(10,15,30,.05)}
.ctx-ink{--bg:var(--ink);--bg-2:var(--ink-2);--fg:#EDF1FC;--muted:#A6B0CA;--faint:#6F7A99;--rule:rgba(166,176,202,.15);--rule-strong:rgba(166,176,202,.3);--accent:var(--azure);--accent-2:var(--cobalt-2);--btn:var(--cobalt);--on-btn:#fff;--panel:#0F1730;--panel-2:#151F3E;--grid:rgba(166,176,202,.07);color-scheme:dark}
.ctx-kiework{--bg:var(--aub);--bg-2:var(--aub-2);--fg:#F8F0FA;--muted:#CDBCDA;--faint:#937DA8;--rule:rgba(205,188,218,.15);--rule-strong:rgba(205,188,218,.3);--accent:var(--amber);--accent-2:#FFCB6B;--btn:var(--amber);--on-btn:#2A1600;--panel:#2A1A40;--panel-2:#342150;--grid:rgba(205,188,218,.07);color-scheme:dark}
.ctx-pine{--bg:var(--pine);--bg-2:var(--pine-2);--fg:#EAF7F1;--muted:#A5C8BA;--faint:#6A9082;--rule:rgba(165,200,186,.15);--rule-strong:rgba(165,200,186,.3);--accent:var(--emerald);--accent-2:#7BE3B4;--btn:var(--emerald);--on-btn:#02170F;--panel:#0B2D24;--panel-2:#0F382D;--grid:rgba(165,200,186,.07);color-scheme:dark}
.ctx-paper,.ctx-white,.ctx-ink,.ctx-kiework,.ctx-pine{background-color:var(--bg);color:var(--fg)}

/* ---------- type ---------- */
.display{font-family:var(--f-display);font-weight:760;font-stretch:116%;letter-spacing:-.032em;line-height:1;text-wrap:balance;font-optical-sizing:auto}
.hero__title,.d-hero{font-size:var(--fs-hero)}
.d1{font-size:var(--fs-d1);line-height:1.02}
.d2{font-size:var(--fs-d2);line-height:1.06}
.d3{font-size:var(--fs-d3);line-height:1.15;letter-spacing:-.02em}
[dir="rtl"] .display{font-stretch:100%;letter-spacing:0;line-height:1.32;font-weight:700}
[dir="rtl"] .d1{line-height:1.3}
.lead{font-size:var(--fs-lead);line-height:1.58;color:var(--muted);max-width:62ch;text-wrap:pretty}
[dir="rtl"] .lead{line-height:1.8}
.eyebrow{display:inline-flex;align-items:center;gap:.7em;font-family:var(--f-mono);font-size:.76rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:1.4rem}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:1.5px;background:var(--accent);flex:none}
[dir="rtl"] .eyebrow{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.95rem;font-weight:500}
.mono,.u-mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.link{display:inline-flex;align-items:center;gap:.5em;font-weight:600;text-decoration:none;color:var(--fg);border-bottom:1px solid var(--rule-strong);padding-bottom:3px;transition:border-color .25s,color .25s}
.link:hover{border-color:var(--accent);color:var(--accent)}
.link .ico{width:1em;height:1em;transition:transform .35s var(--ease)}
.link:hover .ico-arrow{transform:translateX(4px)}
[dir="rtl"] .ico-arrow,[dir="rtl"] .ico-arrowUR{transform:scaleX(-1)}
[dir="rtl"] .link:hover .ico-arrow{transform:scaleX(-1) translateX(4px)}
.ico{width:1.15em;height:1.15em;flex:none}

/* ---------- buttons ---------- */
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{--h:54px;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.7em;
  min-height:var(--h);padding:.6em 1.25em .6em 1.4em;border-radius:999px;border:1px solid transparent;
  font-family:var(--f-body);font-size:.98rem;font-weight:600;line-height:1.15;text-decoration:none;cursor:pointer;
  transition:color .3s var(--ease),border-color .3s var(--ease),background-color .3s var(--ease),transform .35s var(--ease);
  -webkit-tap-highlight-color:transparent;text-align:center}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;transform:translateY(102%);transition:transform .5s var(--ease)}
.btn:hover::before{transform:none}
.btn:active{transform:scale(.975)}
.btn .ico{width:1.05em;height:1.05em;transition:transform .45s var(--ease)}
.btn:hover .ico-arrow{transform:translateX(4px)}
[dir="rtl"] .btn:hover .ico-arrow{transform:scaleX(-1) translateX(4px)}
.btn--primary{background:var(--btn);color:var(--on-btn)}
.btn--primary::before{background:color-mix(in srgb,var(--btn) 72%,#fff)}
.ctx-ink .btn--primary::before{background:var(--cobalt-2)}
.btn--ghost{background:transparent;color:var(--fg);border-color:var(--rule-strong)}
.btn--ghost::before{background:var(--fg)}
.btn--ghost:hover{color:var(--bg);border-color:var(--fg)}
.btn--sm{--h:42px;font-size:.9rem;padding:.45em 1em .45em 1.15em}
.ico-wa{width:1.2em!important;height:1.2em!important}

/* ---------- sections ---------- */
.sec{position:relative;padding-block:var(--sec-y)}
.sec--tight{padding-block:calc(var(--sec-y)*.6)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:end;margin-bottom:clamp(40px,6vw,76px)}
.sec-head__main{max-width:980px}
.sec-head .lead{margin-top:1.3rem}
.sec-head__aside{justify-self:start}
@media (min-width:980px){.sec-head{grid-template-columns:minmax(0,1fr) auto}.sec-head__aside{justify-self:end}}

/* ---------- lists ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:.42em .85em;border:1px solid var(--rule-strong);border-radius:999px;font-size:.88rem;color:var(--muted)}
.checks{display:grid;gap:.7rem}
.checks li{display:grid;grid-template-columns:1.25rem 1fr;gap:.7rem;align-items:start;line-height:1.5}
.checks .ico{width:1.1rem;height:1.1rem;margin-top:.18rem;color:var(--accent)}

/* ---------- segmented control ---------- */
.seg{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--bg-2);border:1px solid var(--rule)}
.seg__label{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-inline:.8em .4em}
[dir="rtl"] .seg__label{font-family:var(--f-body);letter-spacing:0;font-size:.85rem}
.seg button{border:0;background:transparent;color:var(--muted);font-weight:600;font-size:.9rem;padding:.55em 1.05em;border-radius:999px;cursor:pointer;transition:background-color .3s var(--ease),color .3s var(--ease);white-space:nowrap}
.seg button:hover{color:var(--fg)}
.seg button[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
.seg button em{font-style:normal;font-size:.78em;margin-inline-start:.4em;padding:.15em .5em;border-radius:999px;background:var(--accent);color:#fff}

/* ---------- region / billing switching ---------- */
html[data-region="sa"] .rg-in,html[data-region="in"] .rg-sa{display:none!important}
html[data-billing="monthly"] .bill-a,html[data-billing="annual"] .bill-m{display:none!important}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--rule)}
.faq__item{border-bottom:1px solid var(--rule)}
.faq__item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:1.45rem 0;cursor:pointer;font-weight:600;font-size:clamp(1.02rem,.97rem + .25vw,1.18rem);line-height:1.4}
.faq__item summary::-webkit-details-marker{display:none}
.faq__icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--rule-strong);transition:transform .45s var(--ease),background-color .3s,color .3s}
.faq__icon .ico{width:18px;height:18px}
.faq__item[open] .faq__icon{transform:rotate(45deg);background:var(--fg);color:var(--bg);border-color:var(--fg)}
.faq__a{padding:0 0 1.6rem;max-width:72ch;color:var(--muted)}
.faq__a p{line-height:1.7}

/* ---------- index rows (assessments etc.) ---------- */
.index{border-top:1px solid var(--rule)}
.index-row{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:clamp(16px,3vw,48px);align-items:center;
  padding:clamp(1.4rem,2.4vw,2.1rem) 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--fg);isolation:isolate}
.index-row::before{content:"";position:absolute;inset:0 calc(var(--gutter)*-1);z-index:-1;background:var(--bg-2);opacity:0;transition:opacity .35s var(--ease)}
.index-row:hover::before{opacity:1}
.index-row__t{font-size:clamp(1.25rem,.9rem + 1.3vw,2.05rem);line-height:1.1;letter-spacing:-.025em;font-weight:700;transition:transform .5s var(--ease)}
.index-row:hover .index-row__t{transform:translateX(10px)}
[dir="rtl"] .index-row:hover .index-row__t{transform:translateX(-10px)}
.index-row__d{color:var(--muted);line-height:1.55}
.index-row__go{display:inline-flex;align-items:center;gap:.5em;font-weight:600;color:var(--accent);white-space:nowrap}
.index-row__go .ico{transition:transform .4s var(--ease)}
.index-row:hover .index-row__go .ico{transform:translateX(5px)}
[dir="rtl"] .index-row:hover .index-row__go .ico{transform:scaleX(-1) translateX(5px)}
@media (max-width:820px){.index-row{grid-template-columns:1fr auto}.index-row__d{grid-column:1/-1;grid-row:2}}

/* ---------- marquee ---------- */
.mq{overflow:hidden;padding-block:clamp(10px,1.4vw,18px);border-top:1px solid var(--rule);--dur:60s;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq:last-child{border-bottom:1px solid var(--rule)}
.mq__track{display:flex;width:max-content;animation:mq var(--dur) linear infinite}
.mq--rev .mq__track{animation-direction:reverse}
.mq:hover .mq__track{animation-play-state:paused}
.mq__group{display:flex;align-items:center;flex:none}
.mq__item{font-family:var(--f-display);font-weight:700;font-stretch:118%;letter-spacing:-.03em;font-size:clamp(1.6rem,1rem + 2.6vw,3.4rem);line-height:1.2;white-space:nowrap;padding-inline:clamp(14px,2vw,30px);display:inline-flex;align-items:flex-start;gap:.35em}
.mq__item em{font-family:var(--f-mono);font-style:normal;font-weight:500;font-size:.72rem;letter-spacing:.06em;padding:.25em .5em;border:1px solid var(--rule-strong);border-radius:4px;color:var(--muted);margin-top:.5em}
[dir="rtl"] .mq__item{font-stretch:100%;letter-spacing:0}
[dir="rtl"] .mq__item em{font-family:var(--f-body);letter-spacing:0}
.mq__dot{width:9px;height:9px;border-radius:2px;background:var(--accent);flex:none;opacity:.8}
@keyframes mq{to{transform:translateX(-50%)}}
[dir="rtl"] .mq__track{animation-name:mqr}
@keyframes mqr{to{transform:translateX(50%)}}

/* ---------- CTA band ---------- */
.cta-band{--cb-bg:var(--cobalt);--cb-fg:#fff;--cb-muted:rgba(255,255,255,.86);--cb-line:rgba(255,255,255,.45);--cb-grid:rgba(255,255,255,.09);--cb-glow:rgba(38,198,224,.38);--cb-btn:#fff;--cb-btn-fg:var(--cobalt-d);--cb-btn-hover:var(--ink);
  position:relative;overflow:hidden;background:var(--cb-bg);color:var(--cb-fg);padding-block:clamp(80px,11vw,160px);--rule:var(--cb-line);--muted:var(--cb-muted);--accent:var(--cb-fg)}
.page-kiework .cta-band{--cb-bg:var(--amber);--cb-fg:#1E1230;--cb-muted:rgba(30,18,48,.82);--cb-line:rgba(30,18,48,.32);--cb-grid:rgba(30,18,48,.08);--cb-glow:rgba(255,255,255,.4);--cb-btn:#1E1230;--cb-btn-fg:#fff;--cb-btn-hover:#000}
.page-docguard .cta-band{--cb-bg:var(--emerald);--cb-fg:#03231A;--cb-muted:rgba(3,35,26,.82);--cb-line:rgba(3,35,26,.32);--cb-grid:rgba(3,35,26,.08);--cb-glow:rgba(255,255,255,.4);--cb-btn:#062019;--cb-btn-fg:#fff;--cb-btn-hover:#000}
.cta-band__grid{position:absolute;inset:0;background-image:linear-gradient(to right,var(--cb-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--cb-grid) 1px,transparent 1px);background-size:128px 44px;mask-image:radial-gradient(ellipse 70% 90% at 80% 100%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 90% at 80% 100%,#000 10%,transparent 70%)}
.cta-band__grid::after{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,70%) var(--my,60%),var(--cb-glow),transparent 60%)}
.cta-band__in{position:relative;display:grid;gap:clamp(28px,4vw,64px);grid-template-columns:minmax(0,1fr)}
.cta-band h2{max-width:14ch}
[dir="rtl"] .cta-band h2{max-width:18ch}
.cta-band__side{display:grid;gap:26px;align-content:end;max-width:560px}
.cta-band__side>p:first-child{font-size:var(--fs-lead);line-height:1.6;color:var(--cb-muted)}
.cta-band__note{display:flex;gap:.6em;align-items:center;font-size:.92rem;color:var(--cb-muted)}
.cta-band .btn--light{background:var(--cb-btn);color:var(--cb-btn-fg)}
.cta-band .btn--light::before{background:var(--cb-btn-hover)}
.cta-band .btn--light:hover{color:#fff}
.cta-band .btn--outline-light{background:transparent;color:var(--cb-fg);border-color:var(--cb-line)}
.cta-band .btn--outline-light::before{background:var(--cb-fg)}
.cta-band .btn--outline-light:hover{color:var(--cb-bg);border-color:var(--cb-fg)}
@media (min-width:980px){.cta-band__in{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end}}

/* ---------- header ---------- */
.hdr{position:fixed;top:0;inset-inline:0;z-index:60;padding-top:env(safe-area-inset-top,0px);color:#EDF1FC;
  transition:background-color .4s var(--ease),border-color .4s,transform .5s var(--ease),backdrop-filter .4s;border-bottom:1px solid transparent}
.hdr.is-solid{background:rgba(10,15,30,.8);-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);border-bottom-color:rgba(166,176,202,.13)}
.page-kiework .hdr.is-solid{background:rgba(30,18,48,.84)}
.page-docguard .hdr.is-solid{background:rgba(6,32,25,.86)}
.hdr.is-hidden{transform:translateY(-102%)}
.hdr__in{height:var(--hdr-h);display:flex;align-items:center;gap:clamp(16px,2.4vw,36px)}
.brand{display:inline-flex;text-decoration:none;color:inherit;flex:none}
.logo{display:inline-flex;align-items:center;gap:11px;line-height:1}
.mark{width:28px;height:28px;flex:none}
.mark--sm{width:30px;height:30px}
.mark--xs{width:18px;height:18px}
.logo-tg .mark{width:26px;height:26px}
.logo__word{display:flex;flex-direction:column;gap:5px}
.logo-tg .logo__word b{font-family:"Archivo",sans-serif;font-weight:800;font-stretch:125%;font-size:15px;letter-spacing:.02em}
.logo-tg .logo__word i{font-family:var(--f-mono);font-style:normal;font-size:9px;letter-spacing:.42em;opacity:.7}
.logo-product .mark{width:36px;height:36px}
.logo-product .logo__word b{font-family:"Archivo",sans-serif;font-weight:760;font-stretch:112%;font-size:22px;letter-spacing:-.02em;line-height:1}
.logo-product .logo__tag{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
[dir="rtl"] .logo-product .logo__tag{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.8rem}
.nav{flex:1;min-width:0}
.nav__list{display:flex;align-items:center;gap:2px}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:.3em;padding:.6em .85em;border:0;background:none;border-radius:999px;font-size:.94rem;font-weight:500;text-decoration:none;color:inherit;cursor:pointer;opacity:.86;transition:opacity .25s,background-color .25s}
.nav__link:hover,.nav__link[aria-expanded="true"],.nav__link[aria-current="page"]{opacity:1;background:rgba(255,255,255,.08)}
.nav__link .ico{width:14px;height:14px;transition:transform .35s var(--ease)}
.nav__link[aria-expanded="true"] .ico{transform:rotate(180deg)}
.drop{position:absolute;top:calc(100% + 12px);inset-inline-start:-12px;min-width:300px;padding:10px;border-radius:18px;
  background:#fff;color:var(--ink);box-shadow:0 30px 70px -20px rgba(3,8,25,.45),0 0 0 1px rgba(10,15,30,.06);
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:20% 0;transition:opacity .3s var(--ease),transform .4s var(--ease),visibility 0s .4s}
.drop.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .4s var(--ease),visibility 0s}
.drop::before{content:"";position:absolute;inset-inline:0;top:-14px;height:14px}
.drop--mega{width:min(760px,calc(100vw - 40px));padding:12px}
.mega{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mega__item,.drop__item{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:12px;text-decoration:none;color:inherit;transition:background-color .25s}
.mega__item{flex-direction:column}
.mega__item:hover,.drop__item:hover{background:var(--paper)}
.mega__item b,.drop__item b{display:block;font-weight:600;font-size:.98rem;margin-bottom:4px}
.mega__item small,.drop__item small{display:block;color:#56607D;font-size:.85rem;line-height:1.45}
.drop__item{flex-direction:column;gap:0}
.mega__foot{display:flex;gap:22px;justify-content:flex-end;padding:12px 16px 6px;border-top:1px solid var(--line);margin-top:6px}
.mega__foot a{display:inline-flex;gap:.45em;align-items:center;font-size:.88rem;font-weight:600;text-decoration:none;color:var(--cobalt)}
.mega__foot .ico{width:15px;height:15px}
.hdr__tools{display:flex;align-items:center;gap:10px;flex:none}
.lang{display:inline-flex;align-items:center;gap:.45em;padding:.55em .8em;border-radius:999px;text-decoration:none;font-size:.9rem;font-weight:500;opacity:.86;transition:opacity .25s,background-color .25s}
.lang:hover{opacity:1;background:rgba(255,255,255,.08)}
.lang .ico{width:17px;height:17px}
.lang[lang="ar"]{font-family:"IBM Plex Sans Arabic",sans-serif}
.lang[lang="en"]{font-family:"IBM Plex Sans",sans-serif}
.burger{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:transparent;cursor:pointer;position:relative}
.burger span{position:absolute;left:13px;right:13px;height:1.6px;background:currentColor;border-radius:2px;transition:transform .45s var(--ease)}
.burger span:first-child{top:17px}.burger span:last-child{top:25px}
.burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:55;padding-top:calc(var(--hdr-h) + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);overflow-y:auto;
  clip-path:inset(0 0 100% 0);transition:clip-path .6s var(--ease-io)}
.mnav.is-open{clip-path:inset(0 0 0 0)}
.mnav__in{display:grid;gap:26px;padding-block:24px 40px}
.mnav .eyebrow{margin-bottom:0}
.mnav__products{display:grid;gap:4px}
.mnav__products a{display:flex;gap:14px;align-items:center;padding:12px 0;text-decoration:none;font-weight:600;font-size:1.05rem;border-bottom:1px solid var(--rule)}
.mnav__list a{display:block;padding:.3rem 0;text-decoration:none;font-family:var(--f-display);font-weight:700;font-stretch:115%;letter-spacing:-.02em;font-size:clamp(1.8rem,7vw,2.6rem);line-height:1.15}
[dir="rtl"] .mnav__list a{font-stretch:100%;letter-spacing:0}
.mnav__tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.lang--block{border:1px solid var(--rule-strong)}
.mnav__cta{display:grid;gap:10px}
.mnav__cta .btn{width:100%}
@media (max-width:1120px){
  .nav,.hdr__tools .lang,.hdr__tools .btn{display:none}
  .burger{display:inline-block}
  .hdr__in{justify-content:space-between}
}
@media (max-width:1120px) and (min-width:560px){.hdr__tools .btn{display:inline-flex}}

/* ---------- footer ---------- */
.ftr{position:relative;overflow:hidden;padding-top:clamp(72px,9vw,120px);padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
.ftr__top{display:grid;gap:48px;grid-template-columns:minmax(0,1fr)}
.ftr__brand{display:grid;gap:22px;align-content:start;max-width:380px}
.ftr__brand p{color:var(--muted);line-height:1.6}
.ftr__cta{display:flex;flex-wrap:wrap;gap:10px}
.ftr__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}
.ftr__h{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-bottom:1rem}
[dir="rtl"] .ftr__h{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.9rem}
.ftr__col ul{display:grid;gap:.6rem}
.ftr__col a{text-decoration:none;color:var(--fg);opacity:.86;transition:opacity .2s,color .2s}
.ftr__col a:hover{opacity:1;color:var(--accent)}
.ftr__col--contact li{display:grid;gap:2px;min-width:0}
.ftr__col--contact a{overflow-wrap:anywhere}
@media (max-width:759px){.ftr__col--contact{grid-column:1/-1}}
.ftr__k{font-size:.78rem;color:var(--faint)}
.ftr__word{margin-top:clamp(56px,8vw,110px);line-height:.8;overflow:hidden;user-select:none}
.ftr__word svg{display:block;width:100%;height:auto;overflow:visible}
.ftr__legal{display:grid;gap:10px;margin-top:22px;padding-top:22px;border-top:1px solid var(--rule);font-size:.82rem;color:var(--faint);line-height:1.6}
.ftr__legal a{color:var(--muted)}
@media (min-width:760px){.ftr__cols{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1100px){.ftr__top{grid-template-columns:minmax(0,.9fr) minmax(0,2.2fr)}.ftr__legal{grid-template-columns:auto 1fr auto;gap:28px}}

/* ---------- reveal ---------- */
.js .rv-go{animation:rv 1s var(--ease) both}
@keyframes rv{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
.rm .rv-go,.rm .mq__track{animation:none!important}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .mq__track{animation:none!important;flex-wrap:wrap;width:auto}
  .mq__group:last-child{display:none}
}

/* grid background (spreadsheet cells) */
.gridbg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);
  background-size:128px 44px;background-position:-1px -1px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 85%)}
.gridbg__spot{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(38,198,224,.5) 1px,transparent 1px),linear-gradient(to bottom,rgba(38,198,224,.5) 1px,transparent 1px);
  background-size:128px 44px;background-position:-1px -1px;opacity:0;transition:opacity .6s;
  -webkit-mask-image:radial-gradient(260px circle at var(--mx,50%) var(--my,30%),#000,transparent 70%);mask-image:radial-gradient(260px circle at var(--mx,50%) var(--my,30%),#000,transparent 70%)}
[data-spot].is-spot .gridbg__spot{opacity:1}
.gridbg--soft{mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000,transparent 80%)}

/* intro pre-state (only when JS is running); falls back to visible after 2.2s */
.js:not(.intro-done) [data-intro],.js:not(.intro-done) [data-split]{opacity:0;animation:introFallback .6s 2.2s forwards}
@keyframes introFallback{to{opacity:1}}
.rm [data-intro],.rm [data-split]{opacity:1!important;animation:none!important}
.ln{padding-bottom:.06em}
html.menu-open{overflow:hidden}
[id]{scroll-margin-top:calc(var(--hdr-h) + 28px)}
@media (min-width:1000px){.story__in{align-items:start}.story__stage{position:sticky;top:calc(var(--hdr-h) + 48px)}}

/* ---------- hero ---------- */
.hero{position:relative;overflow:clip;padding-top:calc(var(--hdr-h) + env(safe-area-inset-top,0px) + clamp(44px,7.5vw,112px));padding-bottom:clamp(56px,7vw,96px)}
.hero__glow{position:absolute;left:-10%;right:-10%;top:-30%;height:1100px;pointer-events:none;
  background:radial-gradient(38% 42% at 72% 38%,rgba(31,83,255,.34),transparent 70%),radial-gradient(26% 30% at 18% 14%,rgba(38,198,224,.14),transparent 70%);
  animation:glow 16s var(--ease-io) infinite alternate}
@keyframes glow{to{transform:translate3d(-3%,4%,0) scale(1.06)}}
.hero__in{position:relative}
.hero__eyebrow{margin-bottom:clamp(20px,2.4vw,30px)}
.hero__title{max-width:14.5em;font-size:var(--fs-hero);margin-bottom:clamp(28px,3.6vw,46px)}
[dir="rtl"] .hero__title{max-width:15em}
.hero__title .ln{display:block}
.hero__row{display:grid;gap:30px;grid-template-columns:minmax(0,1fr);align-items:end}
.hero__lead{color:var(--muted)}
.hero__cta{display:grid;gap:16px;justify-items:start}
.hero__note{display:flex;gap:.55em;align-items:center;color:var(--muted);font-size:.9rem}
.hero__note .ico{color:var(--accent)}
@media (min-width:1000px){.hero__row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.hero__cta{justify-items:end}}

/* product index row under hero */
.pidx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(52px,6vw,88px);border-top:1px solid var(--rule)}
.pidx li+li{border-inline-start:1px solid var(--rule)}
.pidx__a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto 1fr;gap:8px 14px;align-items:center;height:100%;padding:26px clamp(16px,2vw,28px);text-decoration:none;transition:background-color .35s var(--ease)}
.pidx li:first-child .pidx__a{padding-inline-start:0}
.pidx__a:hover{background:rgba(255,255,255,.035)}
.pidx__a .mark{width:30px;height:30px}
.pidx__name{font-weight:600;font-size:1.04rem;line-height:1.3}
.pidx__desc{grid-column:2;align-self:start;color:var(--muted);font-size:.92rem;line-height:1.5}
.pidx__a .ico-arrow{grid-column:3;grid-row:1;width:18px;height:18px;color:var(--faint);transition:transform .45s var(--ease),color .3s}
.pidx__a:hover .ico-arrow{transform:translateX(5px);color:var(--accent)}
[dir="rtl"] .pidx__a:hover .ico-arrow{transform:scaleX(-1) translateX(5px)}
@media (max-width:900px){.pidx{grid-template-columns:1fr}.pidx li+li{border-inline-start:0;border-top:1px solid var(--rule)}.pidx__a{padding-inline:0}}

/* hero stage (product composition) */
.stage{position:relative;margin-top:clamp(52px,7vw,100px);perspective:2200px;perspective-origin:50% 0%}
.stage__inner{position:relative;max-width:1200px;margin-inline:auto}
.stage__dash{transform-origin:50% 0%;transform:rotateX(var(--tilt,0deg)) scale(var(--sc,1));will-change:transform}
.js .stage__dash{--tilt:16deg;--sc:.94}
.rm .stage__dash{--tilt:0deg!important;--sc:1!important}
.stage .float{position:absolute;z-index:3;width:clamp(240px,24vw,300px);will-change:transform}
.float--kiework{inset-inline-start:-4%;bottom:5%}
.float--dg{inset-inline-end:-3.5%;top:30%}
.toasts{position:absolute;z-index:4;inset-inline-end:-2%;top:-4%;width:min(340px,36%);display:grid;gap:8px;pointer-events:none}
.toast{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.97);color:#131A2E;font-size:12.5px;line-height:1.35;
  box-shadow:0 0 0 1px rgba(10,15,30,.06),0 18px 40px -14px rgba(2,6,20,.55)}
.toast .mark{width:18px;height:18px}
.toast>span{flex:1;min-width:0}
.toast bdi,.u-table bdi{white-space:nowrap}
.toast time{font-family:var(--f-mono);font-size:10.5px;color:#8A93AD;white-space:nowrap}
.toast-src{display:none}
@media (max-width:1100px){.float--dg{inset-inline-end:-1%}.float--kiework{inset-inline-start:-1%}}
@media (max-width:860px){
  .stage{perspective:none}
  .js .stage__dash{--tilt:0deg;--sc:1}
  .stage__inner{display:grid;gap:14px}
  .stage .float{position:relative;inset:auto!important;width:auto}
  .toasts{display:none}
}

/* ---------- story / convergence ---------- */
.story__in{display:grid;gap:clamp(40px,5vw,80px);grid-template-columns:minmax(0,1fr)}
.story__head{margin-bottom:clamp(40px,5vw,72px)}
.story h2{max-width:23ch}
[dir="rtl"] .story h2{max-width:24ch}
.story__pains{margin-top:2.4rem;border-top:1px solid var(--rule)}
.story__pains li{display:flex;gap:14px;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--rule);font-weight:500;transition:color .4s}
.story__x{position:relative;flex:none;width:19px;height:19px;border-radius:5px;border:1.5px solid var(--rule-strong);transition:background-color .35s,border-color .35s}
.story__x::after{content:"";position:absolute;inset-inline-start:5.5px;top:2px;width:5px;height:9.5px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .35s var(--ease)}
[dir="rtl"] .story__x::after{inset-inline-start:auto;right:5.5px}
.story__pains li.is-solved .story__x{background:var(--cobalt);border-color:var(--cobalt)}
.story__pains li.is-solved .story__x::after{transform:rotate(45deg) scale(1)}
.story__resolve{margin-top:2rem;opacity:.35;transition:opacity .6s}
.story__resolve b{font-size:var(--fs-d3);line-height:1.2;display:block;max-width:24ch}
.story__resolve.is-on{opacity:1}
.story__resolve.is-on b{color:var(--cobalt)}
.no-scrub .story__resolve{opacity:1}
.story__stage{position:relative}
.story__count{margin-top:18px;display:flex;justify-content:center;align-items:baseline;gap:.45em;font-family:var(--f-mono);font-size:.85rem;color:var(--muted)}
.story__count>span{font-family:var(--f-display);font-weight:760;font-stretch:118%;font-size:1.7rem;color:var(--fg)}
.story__count em{font-style:normal}
.story__count i{font-style:normal;color:var(--accent)}
@media (min-width:1000px){.story__in{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center}}

.conv{position:relative;width:100%;max-width:660px;aspect-ratio:1/.86;margin-inline:auto}
.conv::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(31,83,255,.10),transparent);pointer-events:none}
.fchip{position:absolute;inset-inline-start:var(--x);top:var(--y);max-width:62%;transform:rotate(var(--r));display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;
  background:#fff;border:1px solid var(--line);border-radius:10px;font-family:var(--f-mono);font-size:12px;color:var(--ink);
  box-shadow:0 12px 28px -14px rgba(10,15,30,.35);white-space:nowrap;will-change:transform,opacity;z-index:1}
[dir="rtl"] .fchip{padding:7px 7px 7px 12px}
.fchip--e{inset-inline-start:auto;inset-inline-end:var(--x)}
.fchip>span{overflow:hidden;text-overflow:ellipsis}
.conv{overflow:clip;overflow-clip-margin:40px}
.fchip i{font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.04em;padding:3px 5px;border-radius:4px;background:#127A43;color:#fff}
.fchip--csv i{background:#5B6475}
.fchip--txt i{background:#1DA851}
.sys{position:absolute;left:50%;top:50%;width:min(430px,80%);transform:translate(-50%,-50%);z-index:2}
.sys .u-bar{padding:12px 14px}
.sys__mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;background:#F5F7FB}
.sys__mod{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;background:#fff;border:1px solid #E5E9F2;transition:border-color .4s,box-shadow .4s}
.sys__mod.is-on{border-color:rgba(31,83,255,.4);box-shadow:0 0 0 3px rgba(31,83,255,.08)}
.sys__ico{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#EEF2FF;color:var(--cobalt)}
.sys__ico .ico{width:16px;height:16px}
.sys__mod b{font-size:12.5px;font-weight:600;flex:1;min-width:0}
.sys__mod em{font-style:normal;font-family:var(--f-mono);font-size:10px;color:#0B7A47}
.sys__mod:nth-child(7) .sys__ico{background:#FFF3DC;color:#9A5D00}
.sys__mod:nth-child(7) em{color:#9A5D00}
.sys__mod:nth-child(8) .sys__ico{background:#E3F6EC;color:#087A4B}
.sys__foot{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid #E5E9F2;font-size:12px}
.sys__foot>span{color:#687391}
.sys__foot b{color:#0B7A47}
@media (max-width:600px){.fchip{font-size:10.5px;padding:5px 9px 5px 5px}.fchip i{font-size:8.5px}.sys{width:88%}.sys__mod{padding:7px}.sys__mod b{font-size:11.5px}.sys__ico{width:24px;height:24px}}

/* ---------- product worlds ---------- */
.worlds{position:relative;background:linear-gradient(var(--paper) 0 40px,var(--ink) 40px)}
.world{position:sticky;top:var(--st,0px);border-radius:30px 30px 0 0;overflow:hidden;transform-origin:50% 0}
.world::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--dim,0);pointer-events:none;transition:opacity .1s linear}
.world__in{position:relative;display:grid;gap:clamp(40px,5vw,72px);grid-template-columns:minmax(0,1fr);padding-block:clamp(72px,9vw,124px)}
.world__brand{display:flex;align-items:center;gap:12px;margin-bottom:1.8rem;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[dir="rtl"] .world__brand{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.95rem}
.world__brand .mark-tg{width:28px;height:28px}
.world__brand .logo{text-transform:none;letter-spacing:normal;font-family:var(--f-body)}
.world__brand .logo__tag{text-transform:uppercase;letter-spacing:.08em}
[dir="rtl"] .world__brand .logo__tag{text-transform:none;letter-spacing:0}
.world h2{max-width:14ch;margin-bottom:1.4rem}
[dir="rtl"] .world h2{max-width:17ch}
.svc{columns:2;column-gap:28px;margin-block:2.2rem 2.4rem;border-top:1px solid var(--rule)}
.svc li{break-inside:avoid;padding:.62rem 0;border-bottom:1px solid var(--rule);font-size:.95rem;display:flex;gap:.6em;align-items:baseline}
.svc li::before{content:"";width:5px;height:5px;border-radius:1px;background:var(--accent);flex:none;transform:translateY(-2px)}
@media (max-width:560px){.svc{columns:1}}
.dcat{margin-block:2.2rem 2.4rem;border-top:1px solid var(--rule)}
.dcat li{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:16px;padding:.8rem 0;border-bottom:1px solid var(--rule);font-size:.95rem}
.dcat b{font-weight:600}
.dcat li>span{color:var(--muted)}
@media (max-width:560px){.dcat li{grid-template-columns:1fr;gap:2px}}
.world__vis{position:relative;display:grid;gap:18px;align-content:center}
.world__cap{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[dir="rtl"] .world__cap{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.92rem}
.world__vis--card{justify-items:center}
.card-lg{width:100%;max-width:470px;font-size:14px}
.world--kiework .card-lg{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 50px 90px -30px rgba(0,0,0,.6)}
@media (min-width:1040px){.world__in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}}

/* ---------- expand path ---------- */
.path{--g:clamp(20px,3vw,48px);position:relative}
.path__rail{position:absolute;top:31px;inset-inline-start:32px;width:calc((100% - 2*var(--g))*2/3 + 2*var(--g));height:2px;background:var(--rule)}
.path__fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--emerald),var(--amber) 50%,var(--cobalt));transform-origin:left center;transform:scaleX(var(--p,1))}
[dir="rtl"] .path__fill{transform-origin:right center;background:linear-gradient(-90deg,var(--emerald),var(--amber) 50%,var(--cobalt))}
.path__list{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g)}
.path__step{display:grid;gap:12px;align-content:start;justify-items:start}
@media (min-width:861px){.path__list{grid-template-rows:repeat(5,auto);row-gap:0}.path__step{grid-row:span 5;grid-template-rows:subgrid;row-gap:12px}}
.path__node{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--panel);border:1px solid var(--rule);box-shadow:0 14px 30px -18px rgba(10,15,30,.4);margin-bottom:10px;transition:transform .6s var(--ease)}
.path__node .mark{width:36px;height:36px}
.path__step.is-on .path__node{transform:translateY(-4px)}
.path__n{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[dir="rtl"] .path__n{font-family:var(--f-body);letter-spacing:0;font-size:.9rem}
.path__t{font-family:var(--f-display);font-weight:720;font-stretch:108%;letter-spacing:-.015em;font-size:clamp(1.2rem,1rem + .7vw,1.55rem);line-height:1.2;max-width:20ch}
[dir="rtl"] .path__t{font-stretch:100%;letter-spacing:0;line-height:1.45}
.path__step p{color:var(--muted);max-width:36ch}
.path__step .link{margin-top:4px}
.bundles-note{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:clamp(48px,6vw,80px);padding-top:26px;border-top:1px solid var(--rule)}
.bundles-note p{max-width:70ch;color:var(--muted)}
.bundles-note p b{color:var(--fg);margin-inline-end:.6em}
@media (max-width:860px){
  .path__rail{top:32px;bottom:32px;inset-inline-start:31px;width:2px;height:auto}
  .path__fill{transform-origin:center top;transform:scaleY(var(--p,1));background:linear-gradient(180deg,var(--emerald),var(--amber) 50%,var(--cobalt))}
  .path__list{grid-template-columns:1fr;gap:40px}
  .path__step{padding-inline-start:88px;position:relative;min-height:64px}
  .path__node{position:absolute;inset-inline-start:0;top:0;margin:0}
}

/* ---------- personas ---------- */
.personas{display:grid;gap:clamp(24px,4vw,64px);grid-template-columns:minmax(0,1fr)}
.personas__list{display:grid;border-top:1px solid var(--rule);align-content:start}
.ptab{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:1.1rem 0;border:0;border-bottom:1px solid var(--rule);background:none;text-align:start;cursor:pointer;
  font-family:var(--f-display);font-weight:720;font-stretch:112%;letter-spacing:-.02em;font-size:clamp(1.15rem,1rem + .85vw,1.7rem);line-height:1.2;color:var(--faint);transition:color .35s}
[dir="rtl"] .ptab{font-stretch:100%;letter-spacing:0}
.ptab:hover{color:var(--muted)}
.ptab[aria-selected="true"]{color:var(--fg)}
.ptab .ico{width:22px;height:22px;opacity:0;transform:translateX(-10px);transition:opacity .4s,transform .5s var(--ease);color:var(--accent)}
[dir="rtl"] .ptab .ico{transform:scaleX(-1) translateX(-10px)}
.ptab[aria-selected="true"] .ico{opacity:1;transform:none}
[dir="rtl"] .ptab[aria-selected="true"] .ico{transform:scaleX(-1)}
.ppanel{display:grid;gap:24px;align-content:start;padding:clamp(28px,4vw,56px);border-radius:26px;background:var(--panel);border:1px solid var(--rule);min-height:100%}
.ppanel.is-in{animation:rv .7s var(--ease) both}
.ppanel__q{font-size:var(--fs-d2);line-height:1.08;letter-spacing:-.03em}
.ppanel__a{font-size:var(--fs-lead);color:var(--muted);line-height:1.6;max-width:52ch}
.ppanel__rec{display:inline-flex;align-items:center;gap:14px;justify-self:start;padding:14px 18px;border-radius:16px;background:var(--bg);border:1px solid var(--rule);text-decoration:none;transition:border-color .3s,transform .4s var(--ease)}
.ppanel__rec:hover{border-color:var(--accent);transform:translateY(-2px)}
.ppanel__rec .mark{width:34px;height:34px}
.ppanel__rec small{display:block;color:var(--muted);font-size:.78rem}
.ppanel__rec b{display:block;font-weight:600}
.ppanel__rec .ico-arrow{color:var(--accent)}
@media (min-width:980px){.personas{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media (max-width:979px){
  .personas__list{display:flex;gap:8px;overflow-x:auto;border-top:0;padding-bottom:6px;scrollbar-width:none}
  .personas__list::-webkit-scrollbar{display:none}
  .ptab{flex:none;padding:.6em 1.05em;border:1px solid var(--rule-strong);border-radius:999px;font-family:var(--f-body);font-weight:600;font-size:.95rem;letter-spacing:0;font-stretch:100%;color:var(--muted)}
  .ptab[aria-selected="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
  .ptab .ico{display:none}
}

/* ---------- markets / map ---------- */
.markets{overflow:hidden}
.markets .container{position:relative}
.markets__grid{display:grid;gap:clamp(36px,4vw,64px);grid-template-columns:minmax(0,1fr)}
.map{position:relative;width:100%;aspect-ratio:1.76}
.map__c{position:absolute;inset:0;width:100%;height:100%}
.map__lab{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:1px;padding:7px 12px;border-radius:10px;
  background:rgba(10,15,30,.78);border:1px solid var(--rule-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;font-size:.85rem;line-height:1.3}
.map__lab b{font-weight:600}
.map__lab>span{font-family:var(--f-mono);font-size:.75rem;color:var(--accent)}
.map__cap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.markets__cols{display:grid;gap:34px}
.mcol{display:grid;gap:18px;padding-top:22px;border-top:1px solid var(--rule)}
.mcol__h{font-family:var(--f-display);font-weight:740;font-stretch:112%;letter-spacing:-.02em;font-size:var(--fs-d3)}
[dir="rtl"] .mcol__h{font-stretch:100%;letter-spacing:0}
.mcol .link{justify-self:start}
@media (min-width:1080px){.markets__grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center}}
@media (min-width:640px) and (max-width:1079px){.markets__cols{grid-template-columns:1fr 1fr}}
.callout{margin-top:clamp(52px,6vw,88px);border-radius:26px;border:1px solid var(--rule-strong);background:linear-gradient(120deg,rgba(31,83,255,.16),rgba(38,198,224,.06) 60%,transparent);overflow:hidden}
.callout__sa,.callout__in{display:grid;gap:18px;padding:clamp(26px,4vw,52px);grid-template-columns:minmax(0,1fr);align-items:center}
.callout__k{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
[dir="rtl"] .callout__k{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.95rem}
.callout__t{font-size:var(--fs-d2);line-height:1.06;max-width:18ch}
.callout p:not(.callout__k):not(.callout__t){color:var(--muted);max-width:60ch}
.callout__cd{display:grid;gap:4px}
.callout__cd b{font-family:var(--f-display);font-weight:780;font-stretch:120%;font-size:clamp(3rem,2rem + 3vw,5rem);line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--fg)}
[dir="rtl"] .callout__cd b{font-stretch:100%}
.callout__cd>span{color:var(--muted);font-size:.92rem}
.callout .btn{justify-self:start}
@media (min-width:1000px){
  .callout__sa,.callout__in{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) auto;grid-template-areas:"k cd btn" "t cd btn" "p cd btn";column-gap:48px;row-gap:12px}
  .callout__k{grid-area:k}.callout__t{grid-area:t}.callout p:not(.callout__k):not(.callout__t){grid-area:p}.callout__cd{grid-area:cd}.callout .btn{grid-area:btn}
}

/* ---------- method (phases) ---------- */
.phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule)}
.phase{padding:28px 24px 32px;border-inline-end:1px solid var(--rule)}
.phase:first-child{padding-inline-start:0}
.phase:last-child{border-inline-end:0}
.phase__h{font-family:var(--f-display);font-weight:760;font-stretch:118%;letter-spacing:-.025em;font-size:var(--fs-d3);margin-bottom:20px}
[dir="rtl"] .phase__h{font-stretch:100%;letter-spacing:0}
.phase ol{display:grid;gap:12px}
.phase li{display:flex;gap:12px;align-items:baseline;font-weight:500}
.phase__n{font-family:var(--f-mono);font-size:.78rem;color:var(--accent);font-variant-numeric:tabular-nums}
.promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,56px);margin-top:clamp(52px,6vw,88px)}
.promises h3{font-size:1.14rem;font-weight:600;margin-bottom:.6rem;line-height:1.35}
.promises p{color:var(--muted)}
@media (max-width:900px){.phases{grid-template-columns:1fr 1fr}.phase:nth-child(2){border-inline-end:0}.phase:nth-child(3){padding-inline-start:0}.phase:nth-child(n+3){border-top:1px solid var(--rule)}.promises{grid-template-columns:1fr}}
@media (max-width:520px){.phases{grid-template-columns:1fr}.phase{padding-inline:0;border-inline-end:0}.phase+.phase{border-top:1px solid var(--rule)}}

/* ---------- product UI mockups (fixed light app theme) ---------- */
:where(.ui){position:relative}
.ui{--u-bg:#fff;--u-bg-2:#F5F7FB;--u-fg:#131A2E;--u-muted:#687391;--u-line:#E5E9F2;
  background:var(--u-bg);color:var(--u-fg);border-radius:16px;font-family:var(--f-body);font-size:13px;line-height:1.4;text-align:start;
  box-shadow:0 0 0 1px rgba(10,15,30,.07),0 2px 4px rgba(10,15,30,.04),0 44px 90px -34px rgba(2,6,20,.6);overflow:hidden}
.ui b{font-weight:600}
.u-bar{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--u-line);background:#fff}
.u-bar__crumb{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--u-muted)}
.u-bar__crumb b{color:var(--u-fg)}
.u-bar__sep{opacity:.5}
.u-bar__search{margin-inline-start:auto;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:var(--u-bg-2);color:#8A93AD;min-width:210px;font-size:12px}
.u-bar__search .ico{width:14px;height:14px}
.u-bar__date{font-family:var(--f-mono);font-size:11.5px;color:var(--u-muted);white-space:nowrap}
.u-avatar{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#E8EEFF;color:var(--cobalt);font-weight:600;font-size:11px}
.u-body{display:grid;grid-template-columns:176px minmax(0,1fr)}
.u-side{border-inline-end:1px solid var(--u-line);padding:14px 10px;background:#FAFBFD}
.u-side ul{display:grid;gap:2px}
.u-side li{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:7px;color:#4A5472;font-weight:500;white-space:nowrap}
.u-side li.on{background:#EEF2FF;color:var(--cobalt)}
.u-side__dot{width:6px;height:6px;border-radius:2px;background:currentColor;opacity:.35;flex:none}
.u-side li.k .u-side__dot{background:var(--amber);opacity:1}
.u-side li.d .u-side__dot{background:var(--emerald);opacity:1}
.u-side li i{margin-inline-start:auto;font-style:normal;font-size:9.5px;font-family:var(--f-mono);color:#8A93AD}
.u-main{display:grid;gap:12px;padding:16px;background:var(--u-bg-2);min-width:0}
.u-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.u-kpi{display:grid;gap:3px;padding:12px 14px;background:#fff;border:1px solid var(--u-line);border-radius:10px;min-width:0}
.u-kpi>span{color:var(--u-muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-kpi b{font-size:18px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-kpi em{font-style:normal;font-size:11px;color:var(--u-muted);white-space:nowrap}
.u-kpi em.up{color:#0B8A50;font-weight:600}
.u-grid2{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:12px}
.u-card{background:#fff;border:1px solid var(--u-line);border-radius:10px;padding:12px 14px;min-width:0}
.u-card__h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.u-legend{display:flex;align-items:center;gap:6px;color:var(--u-muted);font-size:11px}
.u-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-inline-start:6px}
.u-legend i.a{background:var(--cobalt)}.u-legend i.b{background:#A9BFFF}
.u-bars{width:100%;height:auto;aspect-ratio:520/150}
.u-bar--a{fill:var(--cobalt)}.u-bar--b{fill:#A9BFFF}
.u-grid{stroke:#EEF1F7;stroke-width:1}.u-axis{stroke:#D5DBE8;stroke-width:1}
.u-tick{fill:#8A93AD;font-size:10px;font-family:var(--f-mono)}
.u-big{display:block;font-size:21px;font-weight:600;letter-spacing:-.01em;margin:2px 0 8px;font-variant-numeric:tabular-nums}
.u-split li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--u-line);color:var(--u-muted);font-size:12px}
.u-split b{color:var(--u-fg);font-variant-numeric:tabular-nums}
.u-table{width:100%;border-collapse:collapse}
.u-table td,.u-table th{padding:8px 6px;border-top:1px solid var(--u-line);vertical-align:middle;text-align:start}
.u-table th{font-weight:500;color:var(--u-muted);font-size:11px;border-top:0}
.u-table td b{display:block}
.u-table .u-mono{font-size:10.5px;color:var(--u-muted)}
.u-num{text-align:end!important;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:var(--f-body)}
.u-chip{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}
.u-chip--ok{background:#E3F6EC;color:#0B7A47}.u-chip--warn{background:#FFF1DB;color:#945800}.u-chip--info{background:#E8EEFF;color:#1640D0}
.u-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#0B8A50}
.u-live i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:upulse 2s infinite}
@keyframes upulse{0%{box-shadow:0 0 0 0 rgba(18,167,101,.45)}70%{box-shadow:0 0 0 7px rgba(18,167,101,0)}100%{box-shadow:0 0 0 0 rgba(18,167,101,0)}}
.u-tablewrap{padding-bottom:4px}
@media (max-width:1100px){.u-body{grid-template-columns:minmax(0,1fr)}.u-side{display:none}.u-bar__search{display:none}}
@media (max-width:760px){
  .u-kpis{grid-template-columns:1fr 1fr}.u-grid2{grid-template-columns:1fr}.u-cash{display:none}
  .u-table td:nth-child(2){display:none}.u-bar__date{display:none}
}

/* Kiework card */
.ui-card-k,.ui-card-d{padding:16px 16px 14px;border-radius:16px}
.u-ph{display:flex;align-items:center;gap:9px;font-size:13.5px}
.u-ph .mark{width:20px;height:20px}
.u-sub{color:var(--u-muted);font-size:12px;margin:4px 0 12px}
.u-steps{display:grid;gap:8px;margin-bottom:14px}
.u-steps li{display:flex;align-items:center;gap:9px;font-size:12.5px}
.u-step{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#EFEAF4;color:#fff;flex:none}
.u-step .ico{width:12px;height:12px}
.is-done .u-step{background:var(--aub)}
.is-now .u-step{background:var(--amber);animation:kpulse 1.8s infinite}
.is-now{font-weight:600}
@keyframes kpulse{0%{box-shadow:0 0 0 0 rgba(245,165,36,.55)}70%{box-shadow:0 0 0 8px rgba(245,165,36,0)}100%{box-shadow:0 0 0 0 rgba(245,165,36,0)}}
.u-net{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:12px;border-top:1px dashed var(--u-line);margin-bottom:12px}
.u-net>span{color:var(--u-muted);font-size:12px}
.u-net b{font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}
.u-btn{display:block;text-align:center;padding:9px;border-radius:9px;font-weight:600;font-size:12.5px}
.u-btn--amber{background:var(--amber);color:#2A1600}

/* DocGuard card */
.u-count{margin-inline-start:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#FDECE6;color:#B93C0C;font-weight:700;font-size:11.5px;display:grid;place-items:center}
.u-exp{display:grid;margin-top:10px}
.u-exp li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--u-line)}
.u-doc{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#E7F7EF;color:#087A4B}
.u-doc .ico{width:16px;height:16px}
.u-docm{min-width:0}
.u-docm b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-docm>span{color:var(--u-muted);font-size:11.5px}
.u-docm .u-mono{font-size:11px}
.u-days{display:grid;justify-items:center;gap:1px;line-height:1;padding:6px 8px;border-radius:8px;font-size:9.5px;min-width:44px}
.u-days b{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.u-days--hot{background:#FDEBE3;color:#B93C0C}.u-days--warn{background:#FFF2D9;color:#8F5600}.u-days--ok{background:#E3F6EC;color:#0B7A47}.u-days--exp{background:#FBE3E1;color:#9E1C12}
.u-foot{display:flex;gap:8px;align-items:center;color:var(--u-muted);font-size:11.5px;margin-top:10px}
.u-foot .ico{width:14px;height:14px}
.card-lg.ui-card-k,.card-lg.ui-card-d{padding:22px 22px 18px}
.card-lg .u-ph{font-size:15px}
.card-lg .u-steps li{font-size:13.5px}
.card-lg .u-net b{font-size:20px}

/* ---------- order-to-cash chain ---------- */
.o2c{position:relative}
.o2c__rail{position:relative;display:grid;gap:0}
.o2c__node{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;column-gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule)}
.o2c__node:first-child{border-top:1px solid var(--rule)}
.o2c__dot{grid-row:span 2;position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--rule-strong);background:var(--bg)}
.o2c__dot i{width:10px;height:10px;border-radius:3px;background:var(--faint);transition:background-color .4s,transform .4s var(--ease)}
.o2c__t{font-weight:600}
.o2c__id{grid-column:2;font-family:var(--f-mono);font-size:.78rem;color:var(--muted)}
.o2c__m{grid-column:3;grid-row:1/span 2;font-size:.85rem;color:var(--muted);text-align:end;white-space:nowrap}
.o2c__node.is-done .o2c__dot i{background:var(--accent)}
.o2c__node.is-on .o2c__dot{border-color:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 16%,transparent)}
.o2c__node.is-on .o2c__dot i{background:var(--accent);transform:scale(1.25)}
.o2c__node.is-on .o2c__t{color:var(--accent)}
.o2c__node::before{content:"";position:absolute;inset-inline-start:17.5px;top:48px;height:calc(100% - 36px);width:1px;background:var(--rule-strong)}
.o2c__node:last-child::before{display:none}
.o2c__node.is-done::before{background:var(--accent)}
.o2c__gl{margin-top:20px}
.o2c__gl .u-card__h{padding:12px 14px 4px;margin:0}
.u-table--gl{font-size:12.5px}
.u-table--gl th,.u-table--gl td{padding:8px 14px}
@media (max-width:520px){.o2c__m{display:none}}
/* wide horizontal variant used on the ERPNext page */
.o2c--wide .o2c__rail{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.o2c--wide .o2c__node{grid-template-columns:1fr;align-content:start;row-gap:6px;padding:18px 16px;border:1px solid var(--rule);border-radius:14px;background:var(--panel)}
.o2c--wide .o2c__node:first-child{border-top:1px solid var(--rule)}
.o2c--wide .o2c__dot{grid-row:auto;margin-bottom:6px}
.o2c--wide .o2c__id,.o2c--wide .o2c__m{grid-column:1;grid-row:auto;text-align:start;white-space:normal}
.o2c--wide .o2c__node::before{inset-inline-start:auto;inset-inline-end:-13px;top:35px;width:14px;height:1px}
.o2c--wide .o2c__node.is-on{border-color:var(--accent)}
@media (max-width:1100px){.o2c--wide .o2c__rail{grid-template-columns:repeat(3,minmax(0,1fr))}.o2c--wide .o2c__node::before{display:none}}
@media (max-width:620px){.o2c--wide .o2c__rail{grid-template-columns:1fr 1fr}}

/* ---------- DocGuard ladder ---------- */
.lad{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.lad__i{display:grid;justify-items:center;align-content:center;gap:3px;min-height:74px;padding:10px 4px;border-radius:12px;border:1px solid var(--rule);background:var(--panel);transition:background-color .45s,border-color .45s,transform .5s var(--ease)}
.lad__i b{font-family:var(--f-display);font-weight:780;font-stretch:112%;font-size:clamp(1.15rem,.9rem + .8vw,1.6rem);line-height:1;font-variant-numeric:tabular-nums}
.lad__i>span{font-size:.7rem;color:var(--muted)}
.lad__i--exp b{font-size:clamp(.72rem,.6rem + .3vw,.9rem);font-family:var(--f-body);font-stretch:100%;font-weight:700}
.lad__i.is-on{transform:translateY(-3px)}
.lad__i--ok.is-on{background:rgba(25,195,125,.16);border-color:rgba(25,195,125,.55)}
.lad__i--warn.is-on{background:rgba(245,165,36,.16);border-color:rgba(245,165,36,.55)}
.lad__i--hot.is-on{background:rgba(239,97,48,.18);border-color:rgba(239,97,48,.6)}
.lad__i--exp.is-on{background:rgba(229,55,43,.2);border-color:rgba(229,55,43,.65)}
.lad__i--ok.is-on b{color:#3FD897}.lad__i--warn.is-on b{color:#FFB93F}.lad__i--hot.is-on b{color:#FF8358}.lad__i--exp.is-on b{color:#FF6A5E}
.ctx-white .lad__i--ok.is-on b,.ctx-paper .lad__i--ok.is-on b{color:#087A4B}
.ctx-white .lad__i--warn.is-on b,.ctx-paper .lad__i--warn.is-on b{color:#8F5600}
.ctx-white .lad__i--hot.is-on b,.ctx-paper .lad__i--hot.is-on b{color:#B93C0C}
.ctx-white .lad__i--exp.is-on b,.ctx-paper .lad__i--exp.is-on b{color:#9E1C12}
@media (max-width:480px){.lad{gap:4px}.lad__i{min-height:60px;border-radius:9px}.lad__i>span{font-size:.62rem}}

/* ---------- page hero ---------- */
.phero{position:relative;overflow:clip;padding-top:calc(var(--hdr-h) + env(safe-area-inset-top,0px) + clamp(40px,6.5vw,100px));padding-bottom:clamp(56px,7vw,104px)}
.phero__glow{position:absolute;left:-10%;right:-10%;top:-35%;height:1000px;pointer-events:none;
  background:radial-gradient(34% 40% at 76% 34%,color-mix(in srgb,var(--accent-2) 30%,transparent),transparent 70%),radial-gradient(24% 30% at 14% 8%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%)}
.phero__in{position:relative;display:grid;gap:clamp(40px,5vw,72px);grid-template-columns:minmax(0,1fr)}
.phero__title{font-size:clamp(2.3rem,.9rem + 4.3vw,5.2rem);margin-bottom:1.5rem;max-width:15em}
.phero--split .phero__title{font-size:clamp(2.2rem,.9rem + 3.3vw,4.35rem)}
.phero__lead{margin-bottom:2.1rem}
.phero__brand{margin-bottom:1.9rem}
.phero__brand .logo-product .mark{width:46px;height:46px}
.phero__brand .logo-product .logo__word b{font-size:30px}
.phero__brand .logo-product .logo__word{gap:7px}
.phero__vis{position:relative}
@media (min-width:1080px){.phero--split .phero__in{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center}}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(52px,6vw,88px);border-top:1px solid var(--rule)}
.stats li{display:grid;gap:8px;align-content:start;padding:24px 20px 0}
.stats li:first-child{padding-inline-start:0}
.stats li+li{border-inline-start:1px solid var(--rule)}
.stats__v{font-family:var(--f-display);font-weight:780;font-stretch:120%;font-size:clamp(2rem,1.3rem + 1.7vw,3.3rem);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
[dir="rtl"] .stats__v{font-stretch:100%;letter-spacing:0}
.stats span{color:var(--muted);font-size:.92rem;max-width:26ch;line-height:1.5}
@media (max-width:820px){.stats{grid-template-columns:1fr 1fr}.stats li:nth-child(3){padding-inline-start:0;border-inline-start:0}.stats li:nth-child(n+3){border-top:1px solid var(--rule);margin-top:20px}}

.o2c-wrap{margin-top:clamp(44px,5vw,72px)}
.o2c-wrap__cap{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
[dir="rtl"] .o2c-wrap__cap{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.95rem}
.o2c-wrap .o2c__gl{max-width:640px;margin-inline-start:auto;margin-top:16px}
.js .o2c__gl{opacity:.4;transition:opacity .6s var(--ease),transform .6s var(--ease);transform:translateY(8px)}
.js .o2c.is-posted .o2c__gl{opacity:1;transform:none}
.rm .o2c__gl{opacity:1!important;transform:none!important}

/* ---------- five signs ---------- */
.signs__grid{display:grid;gap:clamp(40px,5vw,80px);grid-template-columns:minmax(0,1fr)}
.signs__head .lead{margin-top:1.3rem}
.signs__head .btn{margin-top:2rem}
.signs{border-top:1px solid var(--rule)}
.signs li{display:grid;grid-template-columns:clamp(56px,7vw,100px) minmax(0,1fr);gap:clamp(12px,2vw,28px);padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid var(--rule)}
.signs__n{font-family:var(--f-display);font-weight:800;font-stretch:125%;font-size:clamp(2.4rem,1.5rem + 2.6vw,4.3rem);line-height:.85;color:var(--accent);letter-spacing:-.04em}
.signs h3{font-size:clamp(1.15rem,1rem + .5vw,1.45rem);font-weight:600;line-height:1.3;margin-bottom:.45rem}
.signs p{color:var(--muted)}
@media (min-width:1000px){.signs__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.signs__head{position:sticky;top:calc(var(--hdr-h) + 40px)}}

/* ---------- modules ---------- */
.mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,72px);border-top:1px solid var(--rule)}
.mods li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;padding:26px 0;border-bottom:1px solid var(--rule)}
.mods__i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--bg-2);color:var(--accent)}
.mods__i .ico{width:22px;height:22px}
.mods h3{font-family:var(--f-display);font-weight:720;font-stretch:110%;font-size:1.25rem;letter-spacing:-.015em;margin-bottom:.35rem;line-height:1.25}
[dir="rtl"] .mods h3{font-stretch:100%;letter-spacing:0}
.mods p{color:var(--muted)}
@media (max-width:760px){.mods{grid-template-columns:1fr}}

/* ---------- calculator ---------- */
.calc{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:minmax(0,1fr);padding:clamp(24px,4vw,56px);border-radius:28px;border:1px solid var(--rule-strong);background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01))}
.calc__in{display:grid;gap:34px;align-content:start}
.calc__l{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px}
.calc__l label{font-weight:500;line-height:1.4}
.calc__l output{font-family:var(--f-display);font-weight:760;font-stretch:115%;font-size:1.55rem;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}
[dir="rtl"] .calc__l output{font-stretch:100%}
.calc input[type="range"],.sim input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;cursor:pointer;--fill:30%;margin:0}
.calc input[type="range"]::-webkit-slider-runnable-track,.sim input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--accent) var(--fill),var(--rule-strong) var(--fill))}
[dir="rtl"] .calc input[type="range"]::-webkit-slider-runnable-track,[dir="rtl"] .sim input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--accent) var(--fill),var(--rule-strong) var(--fill))}
.calc input[type="range"]::-webkit-slider-thumb,.sim input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:0;margin-top:-11px;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 28%,transparent),0 4px 12px rgba(0,0,0,.3);transition:box-shadow .25s}
.calc input[type="range"]:active::-webkit-slider-thumb,.sim input[type="range"]:active::-webkit-slider-thumb{box-shadow:0 0 0 11px color-mix(in srgb,var(--accent) 32%,transparent),0 4px 12px rgba(0,0,0,.3)}
.calc input[type="range"]::-moz-range-track,.sim input[type="range"]::-moz-range-track{height:4px;border-radius:4px;background:var(--rule-strong)}
.calc input[type="range"]::-moz-range-progress,.sim input[type="range"]::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent)}
.calc input[type="range"]::-moz-range-thumb,.sim input[type="range"]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:0}
.calc input[type="range"]:focus-visible,.sim input[type="range"]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.calc__out{display:grid;gap:22px;align-content:start}
.calc__big span{display:block;color:var(--muted);margin-bottom:8px}
.calc__big b{display:block;font-family:var(--f-display);font-weight:800;font-stretch:118%;font-size:clamp(2.5rem,1.5rem + 3.4vw,4.9rem);line-height:.95;letter-spacing:-.035em;font-variant-numeric:tabular-nums;word-break:break-word}
[dir="rtl"] .calc__big b{font-stretch:100%;letter-spacing:0;line-height:1.1}
.calc__list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--rule)}
.calc__list li span{color:var(--muted)}
.calc__list b{font-variant-numeric:tabular-nums}
.calc__note{color:var(--faint);font-size:.88rem;line-height:1.6}
.calc .btn{justify-self:start}
@media (min-width:1000px){.calc{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.calc__out{padding-inline-start:clamp(24px,4vw,56px);border-inline-start:1px solid var(--rule)}}

/* ---------- horizontal method scroller ---------- */
.hscroll{position:relative;overflow:clip}
.hscroll__pin{padding-block:var(--sec-y)}
.hscroll__head{display:grid;gap:24px;margin-bottom:clamp(40px,5vw,64px)}
.hscroll__head .lead{max-width:56ch}
@media (min-width:1000px){.hscroll__head{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:end}}
.hscroll__track{display:flex;gap:16px;width:max-content;padding-inline:max(var(--gutter),calc((100vw - var(--maxw))/2 + var(--gutter)))}
.stg{flex:none;width:clamp(260px,23vw,320px);min-height:320px;display:flex;flex-direction:column;gap:10px;padding:26px 24px 24px;border-radius:22px;background:var(--panel);border:1px solid var(--rule)}
.stg__n{font-family:var(--f-display);font-weight:800;font-stretch:125%;font-size:3.3rem;line-height:.9;letter-spacing:-.045em;color:var(--rule-strong)}
.stg__ph{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-top:8px}
[dir="rtl"] .stg__ph{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.88rem}
.stg__t{font-family:var(--f-display);font-weight:740;font-stretch:112%;font-size:1.42rem;letter-spacing:-.02em;line-height:1.15}
[dir="rtl"] .stg__t{font-stretch:100%;letter-spacing:0;line-height:1.4}
.stg__d{color:var(--muted)}
.stg__pay{margin-top:auto;display:flex;align-items:baseline;gap:10px;padding-top:14px;border-top:1px dashed var(--rule-strong)}
.stg__pay b{font-family:var(--f-display);font-weight:800;font-stretch:118%;font-size:1.65rem;color:var(--accent);letter-spacing:-.02em}
.stg__pay span{color:var(--muted);font-size:.88rem;line-height:1.35}
.hscroll__bar{position:relative;height:2px;margin-top:36px;background:var(--rule);overflow:hidden}
.hscroll__bar span{position:absolute;inset:0;background:var(--accent);transform-origin:left center;transform:scaleX(var(--hp,0))}
[dir="rtl"] .hscroll__bar span{transform-origin:right center}
@media (max-width:999px){
  .hscroll__track{display:grid;grid-template-columns:1fr;width:auto;padding-inline:var(--gutter)}
  .stg{width:auto;min-height:0}
  .hscroll__bar{display:none}
}
@media (min-width:640px) and (max-width:999px){.hscroll__track{grid-template-columns:1fr 1fr}}
.rm .hscroll__track,.no-pin .hscroll__track{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:auto;padding-inline:max(var(--gutter),calc((100vw - var(--maxw))/2 + var(--gutter)))}
.rm .stg,.no-pin .stg{width:auto}
.rm .hscroll__bar,.no-pin .hscroll__bar{display:none}

/* ---------- columns ---------- */
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,72px)}
.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,56px)}
.two-col__c,.three-col__c{display:grid;gap:20px;align-content:start;padding-top:24px;border-top:1px solid var(--rule)}
.two-col__h,.three-col__h{font-family:var(--f-display);font-weight:740;font-stretch:112%;font-size:var(--fs-d3);letter-spacing:-.02em;line-height:1.2}
[dir="rtl"] .two-col__h,[dir="rtl"] .three-col__h{font-stretch:100%;letter-spacing:0}
.two-col .link,.three-col .link{justify-self:start}
@media (max-width:900px){.two-col,.three-col{grid-template-columns:1fr}}
.hostl{display:grid;gap:14px}
.hostl li{padding-bottom:14px;border-bottom:1px solid var(--rule)}
.hostl h3{font-weight:600;font-size:1.02rem;margin-bottom:.2rem}
.hostl p{color:var(--muted)}
.fineprint{margin-top:44px;color:var(--faint);font-size:.9rem;max-width:84ch;line-height:1.65}

/* ---------- pricing tiers ---------- */
.price-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:28px}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--rule);border-radius:26px;overflow:hidden;background:var(--panel)}
.tier{display:flex;flex-direction:column;padding:clamp(22px,2.6vw,36px);border-inline-start:1px solid var(--rule);min-width:0}
.tier:first-child{border-inline-start:0}
.tier--rec{background:var(--bg)}
.ctx-paper .tier--rec{background:#fff}
.tier__top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.tier__name{font-family:var(--f-display);font-weight:760;font-stretch:115%;font-size:1.55rem;letter-spacing:-.02em}
[dir="rtl"] .tier__name{font-stretch:100%;letter-spacing:0}
.tier__badge{font-size:.74rem;font-weight:600;padding:.32em .75em;border-radius:999px;background:var(--btn);color:var(--on-btn)}
.tier__fit{color:var(--muted);margin:.45rem 0 1.4rem;min-height:3.2em;line-height:1.5}
.tier__price{display:grid;gap:3px;padding:16px 0;border-top:1px solid var(--rule)}
.tier__label{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[dir="rtl"] .tier__label{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.85rem}
.tier__amt{font-family:var(--f-display);font-weight:780;font-stretch:110%;font-size:clamp(1.65rem,1.15rem + 1.2vw,2.35rem);letter-spacing:-.03em;line-height:1.12;font-variant-numeric:tabular-nums}
[dir="rtl"] .tier__amt{font-stretch:100%;letter-spacing:0}
.tier__once{color:var(--faint);font-size:.82rem}
.tier__sub{font-weight:600;font-size:1.15rem;font-variant-numeric:tabular-nums;line-height:1.35}
.tier__sub small{font-weight:400;color:var(--muted);font-size:.85rem;margin-inline-start:2px}
.tier__sub em{display:block;font-style:normal;font-weight:400;font-size:.82rem;color:var(--faint)}
.tier__inc{padding-top:18px;border-top:1px solid var(--rule);gap:.55rem;font-size:.94rem;flex:1;align-content:start}
.tier__cta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:26px;padding:14px 18px;border-radius:14px;border:1px solid var(--rule-strong);text-decoration:none;font-weight:600;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s}
.tier__cta:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.tier__cta .ico{transition:transform .4s var(--ease)}
.tier__cta:hover .ico-arrow{transform:translateX(4px)}
[dir="rtl"] .tier__cta:hover .ico-arrow{transform:scaleX(-1) translateX(4px)}
.tier--rec .tier__cta{background:var(--btn);color:var(--on-btn);border-color:var(--btn)}
.tier--rec .tier__cta:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
@media (max-width:900px){.tiers{grid-template-columns:1fr}.tier{border-inline-start:0;border-top:1px solid var(--rule)}.tier:first-child{border-top:0}.tier__fit{min-height:0}}
.price-note{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;margin-top:22px;color:var(--muted);font-size:.92rem}

/* ---------- FAQ layout ---------- */
.faq-grid{display:grid;gap:clamp(28px,4vw,72px);grid-template-columns:minmax(0,1fr)}
@media (min-width:1000px){.faq-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}}

/* ---------- product identities on light sections ---------- */
.page-kiework .ctx-white,.page-kiework .ctx-paper{--accent:var(--amber-d);--btn:var(--amber);--on-btn:#2A1600;--bg-2:#F6EFE4}
.page-docguard .ctx-white,.page-docguard .ctx-paper{--accent:var(--emerald-d);--btn:var(--emerald);--on-btn:#02170F;--bg-2:#E6F5EE}
.page-kiework .ctx-kiework .btn--primary::before,.page-docguard .ctx-pine .btn--primary::before{background:#fff}
.page-kiework .ctx-white .btn--primary::before,.page-kiework .ctx-paper .btn--primary::before{background:#FFC55A}
.page-docguard .ctx-white .btn--primary::before,.page-docguard .ctx-paper .btn--primary::before{background:#5EE0A6}

/* ---------- Kiework hero composition ---------- */
.kvis{position:relative;padding-bottom:40px}
.ui-roster{font-size:13px}
.ui-roster .u-bar{gap:12px}
.ui-roster .u-live{margin-inline-start:auto}
.roster__body{display:grid;gap:12px;padding:14px;background:var(--u-bg-2)}
.roster__legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.roster__legend li{display:grid;gap:2px;padding:10px 12px;background:#fff;border:1px solid var(--u-line);border-radius:10px;min-width:0}
.roster__legend li>span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--u-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roster__legend b{font-size:20px;font-variant-numeric:tabular-nums}
.rs-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%}
.rs-dot--p{background:#19C37D}.rs-dot--late{background:#F5A524}.rs-dot--leave{background:#8B5CF6}.rs-dot--wait{background:#C3CAD9}
.roster__legend li{position:relative}
.roster__legend li>i{position:absolute;inset-inline-end:10px;top:12px}
.roster__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;padding:14px;background:#fff;border:1px solid var(--u-line);border-radius:10px}
.rs{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;font-size:11px;font-weight:600;color:#3E3050;background:#F1ECF6;transition:opacity .4s}
.rs:nth-child(5n+1){background:#F6E9DA}.rs:nth-child(5n+2){background:#E6ECF8}.rs:nth-child(5n+3){background:#E4F3EC}.rs:nth-child(5n+4){background:#F6E3E8}
.rs::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid transparent;transition:border-color .4s}
.rs--p::after{border-color:#19C37D}
.rs--late::after{border-color:#F5A524}
.rs--leave::after{border-color:#8B5CF6;border-style:dashed}
.rs--wait{opacity:.5}
.rs.is-punch{animation:punch .9s var(--ease)}
@keyframes punch{0%{transform:scale(1)}35%{transform:scale(1.22)}100%{transform:scale(1)}}
.roster__feed{padding:10px 12px;background:#fff;border:1px solid var(--u-line);border-radius:10px}
.roster__h{font-size:11px;color:var(--u-muted);margin-bottom:4px}
.roster__feed li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--u-line);font-size:12px}
.roster__feed li>span:last-child{color:var(--u-muted)}
.phone{position:absolute;z-index:3;inset-inline-end:-4%;bottom:-2%;width:clamp(196px,16.5vw,232px);aspect-ratio:9/18.6;padding:9px;border-radius:36px;background:#15101B;
  box-shadow:0 0 0 1.5px #3A2F47,0 44px 90px -26px rgba(0,0,0,.75)}
.phone__in{height:100%;display:flex;flex-direction:column;gap:10px;padding:10px 11px;border-radius:28px;background:#F7F4FA;color:#1B1426;font-size:11.5px;line-height:1.35;overflow:hidden}
.phone__top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6B6078}
.phone__cam{width:54px;height:15px;border-radius:10px;background:#15101B}
.phone__sig{width:16px;height:8px;border-radius:2px;border:1.5px solid #6B6078}
.phone__app{display:flex;gap:7px;align-items:center;font-size:13px}
.phone__app .mark{width:18px;height:18px}
.phone__card{display:grid;gap:7px;padding:12px;border-radius:15px;background:#fff;box-shadow:0 1px 2px rgba(20,10,30,.05)}
.phone__k{font-size:9.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#8A7F99}
[dir="rtl"] .phone__k{letter-spacing:0}
.phone__name{font-weight:600;font-size:13px}
.phone__row{display:flex;justify-content:space-between;gap:8px;color:#6B6078}
.phone__row b{color:#1B1426}
.phone__btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:3px}
.pbtn{display:block;padding:8px 4px;border-radius:9px;text-align:center;font-size:11px;font-weight:600}
.pbtn--ghost{background:#F1ECF6;color:#4B3A60}.pbtn--amber{background:var(--amber);color:#2A1600}
.phone__card--sm{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}
.phone__card--sm small{display:block;color:#8A7F99;font-size:10px}
.phone__doc{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#FFF3DC;color:#9A5D00}
.phone__doc .ico{width:15px;height:15px}
.phone__ok{padding:3px 8px;border-radius:999px;background:#E3F6EC;color:#0B7A47;font-size:10px;font-weight:600}
@media (max-width:1079px){.kvis{padding-bottom:0}.phone{inset-inline-end:2%;bottom:-6%;width:190px}}
@media (max-width:640px){.kvis{display:grid;gap:18px;justify-items:center}.phone{position:relative;inset:auto;bottom:auto;width:220px}.roster__legend{grid-template-columns:1fr 1fr}.roster__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.rs:nth-child(n+19){display:none}}

/* ---------- payroll: without vs with ---------- */
.versus{display:grid;gap:clamp(28px,3vw,56px);grid-template-columns:minmax(0,1fr)}
.versus__h{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
[dir="rtl"] .versus__h{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.95rem}
.mstep{border-top:1px solid var(--rule)}
.mstep li{display:flex;gap:14px;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--rule);color:var(--muted)}
.mstep__n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px dashed var(--rule-strong);font-family:var(--f-mono);font-size:.78rem;color:var(--faint)}
.versus__foot{margin-top:16px;color:var(--faint);font-size:.9rem}
@media (min-width:1000px){.versus{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}
.prun{font-size:13.5px}
.prun .u-bar{justify-content:space-between}
.prun__go{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--u-line);background:#fff;color:#1E1230;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .25s,color .25s}
.prun__go:hover{background:#1E1230;color:#fff}
.prun__go .ico{width:14px;height:14px}
.prun__list{padding:6px 18px}
.prun__s{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--u-line);transition:opacity .4s}
.prun__s:last-child{border-bottom:0}
.prun__i{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid #D9D2E3;color:#4B3A60;font-size:12px;transition:background-color .35s,border-color .35s,box-shadow .35s}
.prun__i em{font-style:normal;font-family:var(--f-mono);transition:opacity .25s}
.prun__i .ico{position:absolute;width:16px;height:16px;color:#fff;opacity:0;transform:scale(.5);transition:opacity .35s,transform .45s var(--ease)}
.prun__t b{display:block;font-weight:600}
.prun__t span{color:var(--u-muted);font-size:12.5px}
.js .prun.is-armed .prun__s{opacity:.38}
.prun__s.is-run{opacity:1!important}
.prun__s.is-run .prun__i{border-color:var(--amber);box-shadow:0 0 0 6px rgba(245,165,36,.2)}
.prun__s.is-done,.prun:not(.is-armed) .prun__s{opacity:1}
.prun__s.is-done .prun__i,.prun:not(.is-armed) .prun__i{background:#1E1230;border-color:#1E1230}
.prun__s.is-done .prun__i em,.prun:not(.is-armed) .prun__i em{opacity:0}
.prun__s.is-done .prun__i .ico,.prun:not(.is-armed) .prun__i .ico{opacity:1;transform:none}
.prun__total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 18px;border-top:1px solid var(--u-line);background:#FBF8FD}
.prun__total span{color:var(--u-muted)}
.prun__total b{font-size:20px;font-variant-numeric:tabular-nums;transition:color .4s}
.prun:not(.is-armed) .prun__total b{color:#0B7A47}

/* ---------- feature groups ---------- */
.fgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,3vw,52px) clamp(24px,3vw,56px)}
.fg{display:grid;gap:16px;align-content:start;padding-top:24px;border-top:1px solid var(--rule)}
.fg__i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--bg-2);color:var(--accent)}
.fg__i .ico{width:22px;height:22px}
.fg__h{font-family:var(--f-display);font-weight:740;font-stretch:112%;font-size:1.35rem;letter-spacing:-.02em;line-height:1.2}
[dir="rtl"] .fg__h{font-stretch:100%;letter-spacing:0}
@media (max-width:1000px){.fgs{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.fgs{grid-template-columns:1fr}}

/* ---------- lifecycle ---------- */
.lcw{position:relative}
.lc{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.lc__rail{position:absolute;top:28px;inset-inline-start:28px;width:calc(83.333% + 16.667px);height:2px;background:var(--rule)}
.lc__rail i{position:absolute;inset:0;background:var(--accent);transform-origin:left center;transform:scaleX(var(--lp,1))}
[dir="rtl"] .lc__rail i{transform-origin:right center}
.lc__s{position:relative;display:grid;gap:10px;align-content:start}
.lc__i{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--bg);border:1px solid var(--rule-strong);color:var(--accent);margin-bottom:6px;transition:background-color .45s,color .45s,border-color .45s,transform .5s var(--ease)}
.lc__i .ico{width:24px;height:24px}
.lc__s.is-on .lc__i{background:var(--accent);color:var(--on-btn);border-color:var(--accent);transform:translateY(-3px)}
.lc__s h3{font-family:var(--f-display);font-weight:740;font-stretch:112%;font-size:1.3rem;letter-spacing:-.015em}
[dir="rtl"] .lc__s h3{font-stretch:100%;letter-spacing:0}
.lc__s p{color:var(--muted);font-size:.95rem}
@media (max-width:1000px){.lc{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}.lc__rail{display:none}}
@media (max-width:560px){.lc{grid-template-columns:1fr 1fr}}
.pair{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:clamp(40px,5vw,64px);padding:22px 24px;border-radius:18px;background:var(--bg-2)}
.pair p{flex:1;min-width:240px}

/* ---------- DocGuard dashboard ---------- */
.ui-dgdash{font-size:13px}
.dgd__body{display:grid;gap:12px;padding:14px;background:var(--u-bg-2)}
.dgd__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dgs{display:grid;gap:3px;padding:10px 12px;background:#fff;border:1px solid var(--u-line);border-radius:10px;min-width:0}
.dgs span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--u-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dgs span::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#19C37D}
.dgs--warn span::before{background:#F5A524}.dgs--hot span::before{background:#EF6130}.dgs--exp span::before{background:#E5372B}
.dgs b{font-size:22px;font-variant-numeric:tabular-nums}
.dgd__bar{display:flex;gap:2px;height:10px;border-radius:6px;overflow:hidden}
.dgb{min-width:5px}
.dgb--ok{background:#19C37D}.dgb--warn{background:#F5A524}.dgb--hot{background:#EF6130}.dgb--exp{background:#E5372B}
.dgd__cap{font-size:11px;color:var(--u-muted);margin-top:-4px}
.dgd__table{background:#fff;border:1px solid var(--u-line);border-radius:10px;border-collapse:separate;border-spacing:0;overflow:hidden}
.dgd__table th{padding:10px 12px 6px}
.dgd__table td{padding:9px 12px}
.dgd__table td:first-child>span{display:block;color:var(--u-muted);font-size:11.5px}
.dgt-own{color:var(--u-muted)}
.dgt-date{font-size:11.5px;white-space:nowrap}
@media (max-width:640px){.dgd__tiles{grid-template-columns:1fr 1fr}.dgt-own{display:none}}

/* ---------- alert simulator ---------- */
.sim{display:grid;gap:clamp(24px,3vw,48px);grid-template-columns:minmax(0,1fr)}
.sim__left{display:grid;gap:26px;align-content:start}
.sim__doc{padding:20px 22px;border-radius:20px;font-size:14px}
.sim__doc .u-ph{font-size:15px}
.sim__status{margin-inline-start:auto;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;background:#E3F6EC;color:#0B7A47;transition:background-color .3s,color .3s}
.sim__status.is-warn{background:#FFF2D9;color:#8F5600}.sim__status.is-hot{background:#FDEBE3;color:#B93C0C}.sim__status.is-exp{background:#FBE3E1;color:#9E1C12}
.sim__holder{margin:12px 0 14px;font-size:21px;font-weight:600}
.sim__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding-top:14px;border-top:1px solid var(--u-line)}
.sim__meta div{display:grid;gap:3px;min-width:0}
.sim__meta dt{font-size:11.5px;color:var(--u-muted)}
.sim__meta dd{margin:0;font-weight:600;white-space:nowrap}
.sim__meta dd b{font-size:24px;font-variant-numeric:tabular-nums}
.sim__ends{display:flex;justify-content:space-between;margin-top:6px;color:var(--faint);font-size:.82rem}
.sim__right{padding:clamp(20px,2.4vw,32px);border-radius:24px;background:var(--panel);border:1px solid var(--rule)}
.sim__h{margin-bottom:12px;font-family:var(--f-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[dir="rtl"] .sim__h{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.95rem}
.slog__i{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--rule);transition:opacity .35s}
.js .slog__i{opacity:.34}
.js .slog__i.is-on{opacity:1}
.slog__d{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--bg-2);color:var(--muted);transition:background-color .35s,color .35s}
.slog__d .ico{width:17px;height:17px}
.slog__i.is-on .slog__d{background:var(--btn);color:var(--on-btn)}
.slog__i.is-last .slog__d{animation:ring .8s var(--ease)}
@keyframes ring{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}
.slog__i b{display:block;font-weight:600;font-size:.96rem;line-height:1.35}
.slog__i small{color:var(--muted);font-size:.84rem}
.sim__note{margin-top:14px;color:var(--faint);font-size:.86rem}
@media (min-width:1000px){.sim{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}

/* ---------- DocGuard categories ---------- */
.dcats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,48px) clamp(24px,4vw,72px)}
.dcat2{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px 18px;padding-top:24px;border-top:1px solid var(--rule)}
.dcat2 .fg__i{grid-row:span 2;background:rgba(255,255,255,.06)}
.dcat2 p{color:var(--muted);line-height:1.75}
@media (max-width:800px){.dcats{grid-template-columns:1fr}}
.chan{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px;margin-top:clamp(48px,6vw,80px);padding:24px 28px;border-radius:22px;border:1px solid var(--rule-strong)}
.chan__h{font-weight:600}
.chan__l{display:flex;flex-wrap:wrap;gap:12px 26px}
.chan__l li{display:flex;align-items:center;gap:9px;color:var(--muted)}
.chan__l .ico{color:var(--accent)}
.dark-seg .seg{background:rgba(255,255,255,.06)}

/* ---------- why start / growth ---------- */
.promises--3{margin-top:0}
.grow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:clamp(40px,5vw,64px);padding-top:26px;border-top:1px solid var(--rule)}
.grow__s{display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:14px;background:var(--panel);border:1px solid var(--rule);font-weight:600}
[dir="rtl"] .grow__s{padding:10px 10px 10px 16px}
.grow__s .mark{width:30px;height:30px}
.grow>.ico{color:var(--faint)}

/* ---------- short page heroes ---------- */
.phero--short{padding-bottom:clamp(48px,6vw,88px)}
.phero--short .phero__title{max-width:14em}
.phero__ar{text-align:left;font-family:"Noto Kufi Arabic",var(--f-display);font-weight:600;font-size:clamp(1.15rem,.9rem + .9vw,1.7rem);color:var(--accent);margin:-.3rem 0 1.2rem}

/* ---------- pricing page ---------- */
.ptools{position:relative;z-index:40;background:rgba(243,245,250,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:top .5s var(--ease)}
@media (min-width:900px){.ptools{position:sticky;top:calc(var(--hdr-h) + var(--annc-h,0px) + env(safe-area-inset-top,0px))}.hdr-hidden .ptools{top:env(safe-area-inset-top,0px)}}
.ptools__in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-block:12px}
.ptools__jump{display:flex;flex-wrap:wrap;gap:4px;margin-inline-start:auto}
.ptools__jump a{padding:.45em .8em;border-radius:999px;text-decoration:none;font-size:.88rem;font-weight:500;color:#4B5675;transition:background-color .25s,color .25s}
.ptools__jump a:hover{background:#fff;color:var(--ink)}
@media (max-width:900px){.ptools__jump{display:none}}
.pblock__head{display:grid;gap:14px;margin-bottom:34px;max-width:900px}
.pblock__brand{display:flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[dir="rtl"] .pblock__brand{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.95rem}
.pblock__brand .logo{text-transform:none;letter-spacing:normal;color:var(--fg)}
.pblock__brand .logo__tag{letter-spacing:.08em;color:var(--muted)}
.pblock__brand .logo-product .mark{width:34px;height:34px}
.pblock__brand .logo-product .logo__word b{font-size:22px}
.pblock + .pblock{padding-top:calc(var(--sec-y)*.55)}
.bundles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.bundle{display:grid;gap:18px;align-content:start;padding:clamp(24px,3vw,40px);border-radius:26px;border:1px solid var(--rule-strong);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01))}
.bundle--full{background:linear-gradient(150deg,rgba(31,83,255,.22),rgba(38,198,224,.06) 70%)}
.bundle__marks{display:flex;align-items:center;gap:10px;color:var(--faint);font-weight:600}
.bundle__marks .mark{width:34px;height:34px}
.bundle__t{font-size:var(--fs-d3);line-height:1.15}
.bundle__p{color:var(--muted)}
.bundle__save{display:flex;align-items:baseline;gap:12px;padding-block:14px;border-block:1px solid var(--rule)}
.bundle__save b{font-family:var(--f-display);font-weight:800;font-stretch:118%;font-size:clamp(1.9rem,1.3rem + 1.6vw,2.8rem);letter-spacing:-.03em;color:var(--accent);white-space:nowrap}
[dir="rtl"] .bundle__save b{font-stretch:100%;letter-spacing:0}
.bundle__save span{color:var(--muted)}
.bundle .btn{justify-self:start}
@media (max-width:860px){.bundles{grid-template-columns:1fr}}
.terms{display:grid;gap:0;border-top:1px solid var(--rule)}
.terms__row{display:grid;gap:16px;padding-block:28px;border-bottom:1px solid var(--rule)}
.terms__row h3{font-family:var(--f-display);font-weight:740;font-stretch:112%;font-size:var(--fs-d3);letter-spacing:-.02em}
[dir="rtl"] .terms__row h3{font-stretch:100%;letter-spacing:0}
@media (min-width:900px){.terms__row{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}.terms__row>*:not(h3){grid-column:2}}
.terms__note{color:var(--muted);font-size:.92rem}
.mbar{display:flex;gap:4px;width:100%}
.mbar li{display:grid;gap:4px;padding:14px 14px 12px;border-radius:12px;background:var(--bg-2);min-width:0;position:relative;overflow:hidden}
.mbar li::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--accent);opacity:.85}
.mbar li:nth-child(2)::before{opacity:.65}.mbar li:nth-child(3)::before{opacity:.45}.mbar li:nth-child(4)::before{opacity:.3}
.mbar b{font-family:var(--f-display);font-weight:800;font-stretch:115%;font-size:1.5rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
[dir="rtl"] .mbar b{font-stretch:100%}
.mbar span{color:var(--muted);font-size:.85rem;line-height:1.35;overflow-wrap:anywhere}
.mbar--small li::before{opacity:.5}
@media (max-width:560px){.mbar{flex-direction:column}.mbar li{flex-grow:1!important}}

/* ---------- industries page ---------- */
.ilist__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px}
.ifilter{display:inline-flex;flex-wrap:wrap;gap:6px}
.ifilter button{border:1px solid var(--rule-strong);background:transparent;color:var(--muted);font-weight:600;font-size:.92rem;padding:.55em 1.1em;border-radius:999px;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.ifilter button:hover{color:var(--fg);border-color:var(--fg)}
.ifilter button[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ilist__count{color:var(--muted)}
.ilist__count b{color:var(--fg);font-variant-numeric:tabular-nums}
.ilist{border-top:1px solid var(--rule)}
.ind{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding-block:clamp(24px,3vw,36px);border-bottom:1px solid var(--rule)}
.ind[hidden]{display:none!important}
.ind__name{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;align-items:center;align-content:start}
.ind__i{grid-row:span 2;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid var(--rule);color:var(--accent)}
.ind__i .ico{width:24px;height:24px}
.ind__t{font-family:var(--f-display);font-weight:760;font-stretch:112%;font-size:clamp(1.3rem,1rem + .9vw,1.75rem);letter-spacing:-.02em;line-height:1.15}
[dir="rtl"] .ind__t{font-stretch:100%;letter-spacing:0;line-height:1.4}
.ind__tags{display:flex;flex-wrap:wrap;gap:6px}
.itag{font-size:.74rem;font-weight:600;padding:.25em .6em;border-radius:6px;border:1px solid var(--rule-strong);color:var(--muted)}
.ind__k{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}
[dir="rtl"] .ind__k{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.88rem}
.ind__pains{display:grid;gap:8px}
.ind__pains li{position:relative;padding-inline-start:18px;color:var(--muted)}
.ind__pains li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:8px;height:1.5px;background:var(--rule-strong)}
.ind__prods{display:grid;gap:10px}
.ind__prods li{display:flex;gap:10px;align-items:center}
.ind__prods .mark{width:22px;height:22px}
.ind__prods b{font-weight:600}
@media (min-width:1000px){.ind{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}}
.demos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.demos li{display:flex;align-items:center;gap:14px;padding:22px;border-radius:18px;background:var(--panel);border:1px solid var(--rule);font-family:var(--f-display);font-weight:740;font-stretch:112%;font-size:1.25rem;letter-spacing:-.015em}
[dir="rtl"] .demos li{font-stretch:100%;letter-spacing:0}
.demos .ico{width:28px;height:28px;color:var(--accent)}
@media (max-width:900px){.demos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.demos{grid-template-columns:1fr}}
.demos li{min-width:0;overflow-wrap:anywhere}

/* ---------- invoices ---------- */
.inv{position:relative;padding:22px 22px 18px;border-radius:18px;font-size:12.5px;max-width:560px;margin-inline:auto;transform:rotate(-1.2deg)}
[dir="rtl"] .inv{transform:rotate(1.2deg)}
.inv__sample{position:absolute;top:14px;right:14px;padding:3px 8px;border-radius:6px;background:#F1F3F8;color:#687391;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.inv__head{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:2px solid #131A2E;margin-top:18px}
.inv__t{font-family:"Archivo",var(--f-display);font-weight:780;font-stretch:112%;font-size:20px;letter-spacing:-.01em}
.inv__ar .inv__t{font-family:"Noto Kufi Arabic",sans-serif;font-stretch:100%;font-size:18px}
.inv__ar{text-align:right}
.inv__sub{color:var(--u-muted);font-size:12px;margin-top:2px}
.inv__ar .inv__sub{font-family:"IBM Plex Sans Arabic",sans-serif}
.inv__tag span{display:inline-block;padding:4px 10px;border-radius:999px;background:#E8EEFF;color:#1640D0;font-weight:700;font-size:11px}
.inv__meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:14px 0}
.inv__meta div{display:grid;gap:2px;min-width:0}
.inv__meta dt{font-size:10.5px;color:var(--u-muted)}
.inv__meta dt span{font-family:"IBM Plex Sans Arabic",sans-serif;margin-inline-start:6px}
.inv__meta dd{margin:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inv__lines th{font-size:10.5px}
.inv__lines th span{font-family:"IBM Plex Sans Arabic",sans-serif;margin-inline-start:6px}
.inv__lines td b{display:block;font-weight:600}
.inv__lines td>span{display:block;color:var(--u-muted);font-size:11px}
.inv__lines td span[lang="ar"]{font-family:"IBM Plex Sans Arabic",sans-serif;text-align:left}
.inv__foot{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid var(--u-line)}
.qr{width:96px;height:96px;border-radius:6px;border:1px solid var(--u-line)}
.inv__tot{margin:0;display:grid;gap:4px}
.inv__tot div{display:flex;justify-content:space-between;gap:12px}
.inv__tot dt{color:var(--u-muted)}
.inv__tot dt span{font-family:"IBM Plex Sans Arabic",sans-serif;margin-inline-start:6px}
.inv__tot dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}
.inv__grand{padding-top:6px;margin-top:2px;border-top:1px solid var(--u-line);font-size:14.5px}
.inv__grand dt{color:var(--u-fg);font-weight:700}
.inv__grand dd{font-weight:700}
.inv__words{margin-top:10px;font-size:11px;color:var(--u-muted);font-style:italic}
@media (max-width:520px){.inv{transform:none;padding:18px 16px}.inv__meta{grid-template-columns:1fr}.inv__foot{grid-template-columns:72px minmax(0,1fr)}.qr{width:72px;height:72px}}

/* ---------- ZATCA ---------- */
.zgrid{display:grid;gap:clamp(28px,4vw,64px);grid-template-columns:minmax(0,1fr)}
@media (min-width:1000px){.zgrid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);align-items:start}}
.zfacts{margin:0;border-top:1px solid var(--rule)}
.zfacts div{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:18px;padding-block:18px;border-bottom:1px solid var(--rule)}
.zfacts dt{font-weight:600}
.zfacts dd{margin:0;color:var(--muted)}
@media (max-width:640px){.zfacts div{grid-template-columns:1fr;gap:4px}}
.zcd{display:grid;gap:12px;padding:clamp(24px,3vw,40px);border-radius:26px;background:var(--ink);color:#EDF1FC}
.zcd__k{color:#A6B0CA}
.zcd__n{font-family:var(--f-display);font-weight:800;font-stretch:122%;font-size:clamp(4rem,2.6rem + 5vw,7.5rem);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#fff}
[dir="rtl"] .zcd__n{font-stretch:100%;letter-spacing:0}
.zcd__d{color:var(--azure);font-family:var(--f-mono);font-size:.9rem}
.zcd .btn{justify-self:start;margin-top:10px}
.zcd__src{font-size:.82rem;color:#8791AE;line-height:1.55}
.zcd__src a{color:#C7D0E8}
.zst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,32px);margin-top:clamp(40px,5vw,72px)}
.zst li{display:grid;gap:8px;align-content:start;padding-top:18px;border-top:2px solid var(--fg)}
.zst__n{font-family:var(--f-mono);font-size:.8rem;color:var(--accent)}
.zst h3{font-weight:600;font-size:1.1rem}
.zst p{color:var(--muted)}
@media (max-width:900px){.zst{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.zst{grid-template-columns:1fr}}

/* ---------- market cards + price teaser ---------- */
.three-col--cards .mcard{display:grid;gap:18px;align-content:start;padding:clamp(22px,2.4vw,32px);border-radius:24px;background:var(--panel);border:1px solid var(--rule)}
.mcard__h{display:flex;align-items:center;gap:12px}
.mcard__h .mark{width:34px;height:34px}
.mcard__h h3{font-family:var(--f-display);font-weight:740;font-stretch:110%;font-size:1.3rem;letter-spacing:-.015em;line-height:1.2}
[dir="rtl"] .mcard__h h3{font-stretch:100%;letter-spacing:0}
.mcard .link{justify-self:start}
.ptease{border-top:1px solid var(--rule)}
.ptease li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px 28px;align-items:center;padding-block:20px;border-bottom:1px solid var(--rule)}
.ptease .mark{width:32px;height:32px}
.pt__n{font-family:var(--f-display);font-weight:740;font-stretch:110%;font-size:1.2rem;letter-spacing:-.015em}
[dir="rtl"] .pt__n{font-stretch:100%;letter-spacing:0}
.pt__v{color:var(--muted);white-space:nowrap}
.pt__v b{color:var(--fg);font-size:1.1rem;font-variant-numeric:tabular-nums}
@media (max-width:760px){.ptease li{grid-template-columns:auto minmax(0,1fr)}.pt__v{grid-column:2}}
.promises--4{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}
@media (max-width:1000px){.promises--4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.promises--4{grid-template-columns:1fr}}
.promises li{padding-top:20px;border-top:1px solid var(--rule)}

/* ---------- about ---------- */
.prs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,48px) clamp(24px,3vw,56px)}
.prs li{display:grid;gap:10px;align-content:start;padding-top:22px;border-top:1px solid var(--rule)}
.pr__n{font-family:var(--f-display);font-weight:800;font-stretch:125%;font-size:2.4rem;line-height:.9;letter-spacing:-.04em;color:var(--rule-strong)}
.prs h3{font-weight:600;font-size:1.15rem;line-height:1.35}
.prs p{color:var(--muted)}
@media (max-width:900px){.prs{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.prs{grid-template-columns:1fr}}
.lc--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lcw--4 .lc__rail{width:calc(75% + 5px)}
@media (max-width:1000px){.lc--4{grid-template-columns:1fr 1fr}}
.qs{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:clamp(40px,5vw,64px);padding-top:24px;border-top:1px solid var(--rule)}
.qs__h{font-weight:600}
.fineprint--wide{max-width:none;margin-top:0}

/* ---------- contact ---------- */
.contact .phero__title{font-size:clamp(2.2rem,.9rem + 3.4vw,4.4rem)}
.contact__in{position:relative;display:grid;gap:clamp(36px,4vw,64px);grid-template-columns:minmax(0,1fr)}
@media (min-width:1080px){.contact__in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}
.contact__text .lead{margin-bottom:2rem}
.direct{display:grid;gap:0;border-top:1px solid var(--rule);margin-bottom:2.2rem}
.direct li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding-block:14px;border-bottom:1px solid var(--rule)}
.direct__k{color:var(--muted);font-size:.9rem}
.direct a,.direct__v{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;color:var(--fg);user-select:all}
.direct a:hover{color:var(--accent)}
.direct .ico{color:var(--accent)}
.nx__h{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
[dir="rtl"] .nx__h{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.95rem}
.nx ol{display:grid;gap:14px}
.nx li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start}
.nx__n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--rule-strong);font-family:var(--f-mono);font-size:.82rem;color:var(--accent)}
.nx b{font-weight:600}
.nx p{color:var(--muted);font-size:.94rem}
.form{padding:clamp(20px,3vw,36px);border-radius:24px;font-size:15px;display:grid;gap:22px}
.form__set{border:0;margin:0;padding:0;min-width:0}
.form__set legend{font-weight:600;margin-bottom:10px;padding:0}
.form__opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative;cursor:pointer}
.opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.opt span{display:inline-flex;align-items:center;gap:6px;padding:.5em .95em;border-radius:999px;border:1px solid #D5DAE6;background:#fff;color:#36405C;font-size:.9rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}
.opt:hover span{border-color:#8A93AD}
.opt input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.opt input:focus-visible+span{outline:2px solid var(--cobalt);outline-offset:2px}
.opt--chk input:checked+span::before{content:"";width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);margin-inline-end:2px}
.form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.fld{display:grid;gap:6px;min-width:0}
.fld--full{grid-column:1/-1}
.fld label{font-size:.88rem;font-weight:600;color:#36405C}
.fld label i{font-style:normal;color:#C4320A}
.fld input,.fld select,.fld textarea{width:100%;font:inherit;font-size:15px;color:#131A2E;background:#fff;border:1px solid #D5DAE6;border-radius:12px;padding:.72em .9em;transition:border-color .2s,box-shadow .2s;min-width:0}
[dir="rtl"] .fld input[dir="ltr"]{text-align:right}
.fld textarea{resize:vertical;min-height:110px;line-height:1.5}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--cobalt);box-shadow:0 0 0 4px rgba(31,83,255,.14)}
.fld [aria-invalid="true"]{border-color:#D92D20;box-shadow:0 0 0 4px rgba(217,45,32,.1)}
.fld__err{color:#B42318;font-size:.84rem}
.form__fine{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;line-height:1.5;color:#687391}
.form__fine .ico{width:15px;height:15px;margin-top:2px;flex:none;color:#12A765}
.form__fine a{color:#36405C}
.form .btn--primary{--btn:var(--cobalt);--on-btn:#fff}
.form .btn[disabled]{opacity:.6;pointer-events:none}
@media (max-width:640px){.form__grid{grid-template-columns:1fr}}
.form__msg{color:#B42318;font-size:.88rem;margin-top:-8px}
/* demo forms (contact page and ad pages): fields with an icon */
.fld__in{position:relative;display:block}
.fld__in .ico{position:absolute;top:50%;inset-inline-start:14px;width:18px;height:18px;transform:translateY(-50%);color:#9AA3BA;pointer-events:none;transition:color .2s}
.fld.fld--ico .fld__in input{padding-inline-start:2.75em}
[dir="rtl"] .fld.fld--ico .fld__in input[dir="ltr"]{padding-left:.9em;padding-right:2.75em}
.fld__in:focus-within .ico{color:var(--cobalt)}
/* product choice: one hairline-ruled list; a ticked row takes its product's colour */
.pick{border:0;margin:0;padding:0;min-width:0}
.pick legend{padding:0;margin-bottom:8px;font-size:.88rem;font-weight:600;color:#36405C}
.pick__hint{font-weight:400;color:#8A93AD;margin-inline-start:.45em}
.pick__hint::before{content:"·";margin-inline-end:.45em}
.pick__l{display:grid;border:1px solid #D5DAE6;border-radius:14px;background:#fff;overflow:hidden}
.pick__o{position:relative;display:block;cursor:pointer;--pc:var(--cobalt);--pc-on:#fff}
.pick__o--erpnext{--pc:#1F53FF;--pc-on:#fff}
.pick__o--kiework{--pc:#F5A524;--pc-on:#2A1600}
.pick__o--docguard{--pc:#19C37D;--pc-on:#02170F}
.pick__o+.pick__o{border-top:1px solid #E7EAF2}
.pick__o input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.pick__r{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:.78em 1em;transition:background-color .2s,box-shadow .2s}
.pick__r .mark{width:22px;height:22px}
.pick__r b{font-weight:600;color:#131A2E;font-size:.95rem}
.pick__r em{font-style:normal;color:#687391;font-size:.86rem;line-height:1.35;min-width:0}
.pick__c{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;border:1.5px solid #C3C9D8;background:#fff;transition:background-color .2s,border-color .2s,transform .2s}
.pick__c::after{content:"";width:5px;height:10px;border:solid var(--pc-on);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg);opacity:0;transition:opacity .15s}
.pick__o:hover .pick__r{background:#F7F8FB}
.pick__o:hover .pick__c{border-color:#8A93AD}
.pick__o input:checked+.pick__r{background:color-mix(in srgb,var(--pc) 8%,#fff);box-shadow:inset 3px 0 0 var(--pc)}
[dir="rtl"] .pick__o input:checked+.pick__r{box-shadow:inset -3px 0 0 var(--pc)}
.pick__o input:checked+.pick__r .pick__c{background:var(--pc);border-color:var(--pc)}
.pick__o input:checked+.pick__r .pick__c::after{opacity:1}
.pick__o input:focus-visible+.pick__r{outline:2px solid var(--pc);outline-offset:-3px;border-radius:12px}
/* the contact page form sits in the same glowing card as the ad pages */
.contact__form .form{padding:0;border-radius:0;gap:20px}
.contact__form .done{padding:0;border-radius:0}
.form__head{display:grid;gap:6px}
.form__k{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt)}
.form__k::before{content:"";width:6px;height:6px;border-radius:2px;background:currentColor}
[dir="rtl"] .form__k{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.9rem}
.form__t{font-family:var(--f-display);font-weight:760;font-stretch:112%;font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem);letter-spacing:-.02em;line-height:1.15;color:#0A0F1E;text-wrap:balance}
[dir="rtl"] .form__t{font-stretch:100%;letter-spacing:0;line-height:1.45}
.form__s{color:#56607D;font-size:.93rem;line-height:1.5}
.form__go{width:100%}
.done{padding:clamp(24px,3vw,40px);border-radius:24px;display:grid;gap:16px;font-size:15px}
.done:focus{outline:none}
.done__k{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#0B7A47}
[dir="rtl"] .done__k{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.95rem}
.done__t{font-family:var(--f-display);font-weight:760;font-stretch:112%;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem);letter-spacing:-.02em;line-height:1.15}
[dir="rtl"] .done__t{font-stretch:100%;letter-spacing:0}
.done__p{color:#4B5675}
.done__sum{margin:0;padding:14px 16px;border-radius:12px;background:#F5F7FB;border:1px solid #E5E9F2;font-family:var(--f-mono);font-size:12.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto;color:#36405C}
[dir="rtl"] .done__sum{font-family:var(--f-body)}
.done__alt{color:#687391;font-size:.9rem}
.done__alt bdi{color:#131A2E;font-weight:600;user-select:all}
.done__back{display:inline-flex;align-items:center;gap:6px;justify-self:start;border:0;background:none;padding:0;color:#4B5675;font-weight:600;cursor:pointer}
.done__back .ico{transform:scaleX(-1)}
[dir="rtl"] .done__back .ico{transform:none}
.btn--wa{background:#1DA851;color:#fff}
.btn--wa::before{background:#128C3E}
.done .btn--ghost{--fg:#131A2E;--bg:#fff;--rule-strong:#D5DAE6}

/* ---------- CMS: announcement bar ---------- */
.annc{position:relative;background:var(--cobalt);color:#fff;font-size:.9rem;line-height:1.45}
.annc--info{background:#141D38;color:#DCE3F5;border-bottom:1px solid rgba(166,176,202,.16)}
.annc__in{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:18px;row-gap:2px;
  min-height:40px;padding-block:8px;padding-inline:calc(var(--gutter) + 34px)}
.annc__t{text-align:center;text-wrap:balance}
.annc__t a{color:inherit}
.annc__a{display:inline-flex;align-items:center;gap:.4em;font-weight:600;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap;line-height:1.3}
.annc__a .ico{width:1em;height:1em;transition:transform .35s var(--ease)}
.annc__a:hover .ico-arrow{transform:translateX(3px)}
[dir="rtl"] .annc__a:hover .ico-arrow{transform:scaleX(-1) translateX(3px)}
.annc__x{position:absolute;top:50%;inset-inline-end:calc(var(--gutter) - 6px);transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;
  border:0;border-radius:50%;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer;opacity:.72;transition:opacity .2s,background-color .2s}
.annc__x:hover{opacity:1;background:rgba(255,255,255,.12)}
/* keep page tops clear of a visible bar (cms.js sets --annc-h) */
.hero{padding-top:calc(var(--hdr-h) + var(--annc-h,0px) + env(safe-area-inset-top,0px) + clamp(44px,7.5vw,112px))}
.phero{padding-top:calc(var(--hdr-h) + var(--annc-h,0px) + env(safe-area-inset-top,0px) + clamp(40px,6.5vw,100px))}
.mnav{padding-top:calc(var(--hdr-h) + var(--annc-h,0px) + env(safe-area-inset-top,0px))}
[id]{scroll-margin-top:calc(var(--hdr-h) + var(--annc-h,0px) + 28px)}

/* ---------- Insights: article rows ---------- */
.posts{border-top:1px solid var(--rule)}
.post-row{border-bottom:1px solid var(--rule)}
.post-row__a{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(150px,.3fr) minmax(0,1fr) auto;
  grid-template-areas:"meta t go" "meta d go";column-gap:clamp(20px,3.2vw,56px);row-gap:.75rem;
  padding:clamp(1.5rem,2.6vw,2.3rem) 0;text-decoration:none;color:var(--fg)}
.post-row__a::before{content:"";position:absolute;inset:0 calc(var(--gutter)*-1);z-index:-1;background:var(--bg-2);opacity:0;transition:opacity .35s var(--ease)}
.post-row__a:hover::before,.post-row__a:focus-visible::before{opacity:1}
.post-row__meta{grid-area:meta;display:grid;gap:.4rem;align-content:start;padding-top:.45em;font-family:var(--f-mono);font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.post-row__cat{color:var(--accent);font-weight:500}
.post-row__t{grid-area:t;font-size:clamp(1.3rem,.95rem + 1.15vw,2rem);line-height:1.1;letter-spacing:-.025em;transition:transform .5s var(--ease)}
.post-row__d{grid-area:d;color:var(--muted);line-height:1.55;max-width:68ch;text-wrap:pretty}
.post-row__go{grid-area:go;align-self:center;display:inline-flex;align-items:center;gap:.5em;font-weight:600;color:var(--accent);white-space:nowrap}
.post-row__go .ico{transition:transform .4s var(--ease)}
.post-row__a:hover .post-row__t{transform:translateX(8px)}
.post-row__a:hover .post-row__go .ico{transform:translateX(5px)}
[dir="rtl"] .post-row__a:hover .post-row__t{transform:translateX(-8px)}
[dir="rtl"] .post-row__a:hover .post-row__go .ico{transform:scaleX(-1) translateX(5px)}
[dir="rtl"] .post-row__meta{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.88rem}
[dir="rtl"] .post-row__t{letter-spacing:0;line-height:1.35}
@media (max-width:760px){
  .post-row__a{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "t" "d" "go"}
  .post-row__meta{display:flex;flex-wrap:wrap;gap:.3rem 1rem;padding-top:0}
  .post-row__go{justify-self:start;margin-top:.2rem}
}
/* loading placeholders */
.post-row--sk{display:grid;gap:.85rem;padding:2rem 0}
.sk{display:block;height:.85em;border-radius:6px;background:linear-gradient(90deg,var(--bg-2) 30%,color-mix(in srgb,var(--bg-2) 45%,var(--bg)) 50%,var(--bg-2) 70%);background-size:220% 100%;animation:sk 1.3s linear infinite}
.sk--s{width:16%}.sk--m{width:46%}.sk--l{width:64%;height:1.5em}
.prose .sk{height:1em;margin:0 0 1.1em}
.prose .sk--l{width:92%}.prose .sk--m{width:70%}
@keyframes sk{to{background-position:-220% 0}}
.rm .sk{animation:none}
.posts-empty{padding:clamp(2.5rem,5vw,4rem) 0;border-top:1px solid var(--rule);display:grid;gap:1rem;justify-items:start;max-width:720px}
.posts-empty__t{font-size:var(--fs-d3)}
.posts-empty p:not(.posts-empty__t){color:var(--muted)}
.posts-empty .btn{margin-top:.6rem}

/* ---------- Insights: article page ---------- */
.post__head{position:relative}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.7em;margin-bottom:1.7rem;font-family:var(--f-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.crumbs a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--rule-strong);padding-bottom:2px;transition:border-color .2s,color .2s}
.crumbs a:hover{color:var(--accent);border-color:var(--accent)}
.crumbs [data-post-cat]{color:var(--accent)}
[dir="rtl"] .crumbs{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.9rem}
.post__title{font-size:clamp(2.1rem,.95rem + 3.3vw,4.4rem);max-width:17em;margin-bottom:1.4rem}
.post__excerpt{margin-bottom:1.9rem}
.post__excerpt:empty{display:none}
.post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem;font-family:var(--f-mono);font-size:.8rem;letter-spacing:.04em;color:var(--muted)}
.post__meta>span:not(:empty)::before{content:"";display:inline-block;width:5px;height:5px;border-radius:1px;background:var(--accent);margin-inline-end:1.2rem;vertical-align:middle}
.post__meta time:empty+span::before{display:none}
[dir="rtl"] .post__meta{font-family:var(--f-body);letter-spacing:0;font-size:.92rem}
.post__sec{padding-top:clamp(48px,6vw,92px)}
.post__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(44px,5vw,88px)}
.post__main{min-width:0;max-width:760px}
.post__cover{margin-bottom:clamp(30px,4vw,52px)}
.post__cover img{width:100%;height:auto;border-radius:14px;background:var(--bg-2)}
.post__side{display:grid;gap:36px;align-content:start}
.post__side-h{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-bottom:.9rem}
[dir="rtl"] .post__side-h{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.92rem}
.post__facts dl{margin:0;border-top:1px solid var(--rule)}
.post__facts dl>div{display:grid;gap:3px;padding:.95rem 0;border-bottom:1px solid var(--rule)}
.post__facts dt{font-size:.88rem;color:var(--muted)}
.post__facts dd{margin:0;font-family:var(--f-display);font-weight:720;font-stretch:112%;font-size:1.5rem;letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}
[dir="rtl"] .post__facts dd{font-stretch:100%;letter-spacing:0;line-height:1.4}
.post__cta{display:grid;gap:14px;justify-items:start;padding-top:1.3rem;border-top:2px solid var(--fg)}
.post__cta .post__side-h{margin-bottom:0}
.post__cta p:not(.post__side-h){color:var(--muted);line-height:1.55}
.post__cta .btn-row,.post__cta{row-gap:10px}
@media (min-width:1000px){
  .post__grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start}
  .post__side{position:sticky;top:calc(var(--hdr-h) + 36px)}
}
.prose{font-size:1.125rem;line-height:1.78;color:color-mix(in srgb,var(--fg) 88%,var(--bg));overflow-wrap:break-word}
.prose>*+*{margin-top:1.15em}
.prose h2{font-family:var(--f-display);font-weight:720;font-stretch:112%;letter-spacing:-.022em;font-size:clamp(1.45rem,1.1rem + 1vw,1.95rem);line-height:1.15;color:var(--fg);margin-top:2em}
.prose h3{font-size:1.25rem;font-weight:600;line-height:1.35;color:var(--fg);margin-top:1.7em}
.prose h4{font-size:1.06rem;font-weight:600;color:var(--fg);margin-top:1.5em}
.prose ul,.prose ol{padding-inline-start:1.35em}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li+li{margin-top:.45em}
.prose li::marker{color:var(--accent)}
.prose a{color:var(--cobalt);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{text-decoration-thickness:2px}
.prose blockquote{margin-inline:0;border-inline-start:3px solid var(--accent);padding:.15em 0;padding-inline-start:1.3em;font-size:1.22rem;line-height:1.6;color:var(--fg)}
.prose hr{border:0;border-top:1px solid var(--rule);margin-block:2.4em}
.prose code{font-family:var(--f-mono);font-size:.88em;background:var(--bg-2);padding:.12em .38em;border-radius:5px}
.prose pre{font-family:var(--f-mono);font-size:.88rem;background:var(--ink);color:#EDF1FC;padding:1.1em 1.3em;border-radius:10px;overflow-x:auto;line-height:1.6}
.prose pre code{background:none;padding:0}
[dir="rtl"] .prose{line-height:1.95}
[dir="rtl"] .prose h2{font-stretch:100%;letter-spacing:0;line-height:1.45}
.post-missing{padding-top:calc(var(--hdr-h) + var(--annc-h,0px) + env(safe-area-inset-top,0px) + clamp(56px,8vw,120px))}
.post-missing .container{display:grid;gap:1rem;justify-items:start;max-width:calc(720px + var(--gutter)*2);margin-inline:0 auto}
.post-missing p:not(.posts-empty__t){color:var(--muted)}
.post-missing .btn{margin-top:.6rem}
.posts--related{margin-top:.4rem}

/* ---------- dashboard live preview ---------- */
.cms-hl{position:fixed;z-index:2147483000;display:none;pointer-events:none;border:2px solid #1F53FF;border-radius:6px;background:rgba(31,83,255,.07);box-shadow:0 0 0 4px rgba(31,83,255,.16)}
.cms-hl span{position:absolute;bottom:100%;inset-inline-start:-2px;margin-bottom:4px;padding:4px 7px;border-radius:5px;background:#1F53FF;color:#fff;font:600 11px/1.2 "IBM Plex Sans",system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap}
.cms-hl span:empty{display:none}
.cms-preview body{cursor:default}
.cms-preview [data-cms-faq]{cursor:pointer}
.cms-preview [data-demo-chip]{display:none!important}

/* ==========================================================================
   Paid-campaign landing pages (erpnext-demo, hr-payroll-demo,
   document-expiry-demo, business-automation), consent notice, privacy page
   ========================================================================== */

/* ---------- header without the menu ---------- */
.hdr--lp .hdr__in{justify-content:space-between}
.hdr--lp .hdr__tools{gap:6px}
.hdr--lp .hdr__tools .lang,.hdr--lp .hdr__tools .btn{display:inline-flex}
.hwa{display:inline-flex;align-items:center;gap:.45em;padding:.55em .85em;border-radius:999px;color:inherit;text-decoration:none;font-size:.9rem;font-weight:500;opacity:.9;transition:opacity .25s,background-color .25s}
.hwa:hover{opacity:1;background:rgba(255,255,255,.08)}
.hwa .ico-wa{color:#3BD671}
@media (min-width:1080px){.hdr--lp.is-hidden{transform:none}}
.page-kiework .hdr--lp{--btn:var(--amber);--on-btn:#2A1600}
.page-docguard .hdr--lp{--btn:var(--emerald);--on-btn:#02170F}
@media (max-width:760px){.hwa span{display:none}.hwa{padding:.6em}}
@media (max-width:560px){.hdr--lp .hdr__tools .btn{display:none}}

/* ---------- first screen: message + form ---------- */
.lph{position:relative;overflow:clip;display:flex;flex-direction:column;
  padding-top:calc(var(--hdr-h) + env(safe-area-inset-top,0px) + clamp(28px,4.4vw,72px))}
.lph>.container{order:1}
.lph>.lph__strip{order:2}
.lph .phero__glow{animation:lpglow 18s var(--ease-io) infinite alternate}
@keyframes lpglow{to{transform:translate3d(-5%,5%,0) scale(1.12)}}
.lph__in{position:relative;display:grid;gap:clamp(36px,4.5vw,64px);grid-template-columns:minmax(0,1fr);padding-bottom:clamp(44px,5.5vw,84px)}
@media (min-width:1080px){.lph__in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}}
.lph__brand{margin-bottom:1.6rem}
.lph__brand .logo-product .mark{width:44px;height:44px}
.lph__brand .logo-product .logo__word b{font-size:28px}
.lph__brand .logo-product .logo__word{gap:7px}
.lph__marks{display:inline-flex;gap:8px}
.lph__marks .mark{width:34px;height:34px}
.lph__title{font-size:clamp(2.15rem,.95rem + 3.2vw,4.25rem);margin-bottom:1.3rem;max-width:14.5em}
[dir="rtl"] .lph__title{max-width:16em}
.lph__title .ln{display:block}
.lph__lead{margin-bottom:1.7rem}
.lph__checks{gap:.8rem;margin-bottom:1.9rem;font-weight:500;max-width:36rem}
.lph__checks li{line-height:1.45}
.lph__cta{margin-bottom:1.5rem}
@media (min-width:1080px){.lph__cta{display:none}}
@media (max-width:560px){.lph__cta .btn{flex:1 1 100%}}
.lph__note{display:flex;gap:.55em;align-items:center;color:var(--muted);font-size:.9rem}
.lph__note .ico{color:var(--accent)}

/* industries strip under the first screen */
.lph__strip{position:relative;display:flex;align-items:center;border-top:1px solid var(--rule)}
.lph__strip-k{flex:none;padding-inline:max(var(--gutter),calc((100vw - var(--maxw)) / 2 + var(--gutter))) 18px;
  font-family:var(--f-mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
[dir="rtl"] .lph__strip-k{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.88rem}
.lph__strip .mq{flex:1;min-width:0;border:0}
.mq--sm{--dur:46s;padding-block:16px}
.mq--sm .mq__item{font-size:clamp(1rem,.9rem + .45vw,1.3rem);font-weight:600;font-stretch:106%;letter-spacing:-.01em;color:var(--muted);padding-inline:clamp(14px,1.6vw,24px)}
.mq--sm .mq__dot{width:6px;height:6px;opacity:.55}
@media (max-width:700px){.lph__strip-k{display:none}}

/* ---------- the form card ---------- */
.lpform{position:relative;min-width:0;scroll-margin-top:calc(var(--hdr-h) + 20px)}
@property --lpa{syntax:"<angle>";inherits:false;initial-value:0deg}
.lpcard{--lp-btn:var(--cobalt);--lp-on:#fff;--lp-ring:rgba(31,83,255,.16);position:relative;padding:1.5px;border-radius:26px;
  background:conic-gradient(from var(--lpa),rgba(255,255,255,.12),color-mix(in srgb,var(--accent) 85%,#fff) 10%,rgba(255,255,255,.12) 22%,rgba(255,255,255,.12) 50%,color-mix(in srgb,var(--accent-2) 70%,#fff) 60%,rgba(255,255,255,.12) 72%);
  box-shadow:0 60px 120px -48px rgba(0,0,0,.72),0 18px 40px -24px rgba(0,0,0,.4);animation:lpspin 12s linear infinite}
@keyframes lpspin{to{--lpa:360deg}}
.page-kiework .lpcard{--lp-btn:var(--amber);--lp-on:#2A1600;--lp-ring:rgba(245,165,36,.24)}
.page-docguard .lpcard{--lp-btn:var(--emerald);--lp-on:#02170F;--lp-ring:rgba(25,195,125,.22)}
.lpcard__in{position:relative;border-radius:24.5px;background:#fff;color:#131A2E;padding:clamp(22px,2.4vw,34px);color-scheme:light}
.lpform.is-pulse .lpcard{animation:lpspin 12s linear infinite,lppulse 1.1s var(--ease)}
@keyframes lppulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent),0 60px 120px -48px rgba(0,0,0,.72)}100%{box-shadow:0 0 0 24px transparent,0 60px 120px -48px rgba(0,0,0,.72)}}
.lpf{display:grid;gap:18px;font-size:15px}
.lpf__t{font-family:var(--f-display);font-weight:760;font-stretch:112%;font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem);letter-spacing:-.02em;line-height:1.15;color:#0A0F1E;text-wrap:balance}
[dir="rtl"] .lpf__t{font-stretch:100%;letter-spacing:0;line-height:1.45}
.lpf__s{margin-top:.45rem;color:#56607D;font-size:.93rem;line-height:1.5}
.lpf__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
@media (max-width:520px){.lpf__grid{grid-template-columns:1fr}}
.lpf .fld label,.lpf .pick legend{font-size:.84rem;font-weight:600;color:#36405C}
.lpf .fld input,.lpf .fld select{padding:.66em .85em;border-radius:11px}
.lpf .fld input:focus,.lpf .fld select:focus{border-color:var(--lp-btn);box-shadow:0 0 0 4px var(--lp-ring)}
.lpf .fld__in:focus-within .ico{color:var(--lp-btn)}
.lpf__msg{color:#B42318;font-size:.86rem;margin-top:-6px}
.lpf__go{width:100%;--btn:var(--lp-btn);--on-btn:var(--lp-on)}
.lpcard .lpf .lpf__go::before{background:#0A0F1E}
.lpf .lpf__go:hover{color:#fff}
.lpf .btn[disabled]{opacity:.65;pointer-events:none}
.lpf__fine{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;line-height:1.5;color:#687391}
.lpf__fine .ico{width:15px;height:15px;margin-top:2px;flex:none;color:#12A765}
.lpf__fine a{color:#36405C}
.hp{position:absolute!important;inset-inline-start:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
/* thank-you state */
.lpdone{display:grid;gap:14px;justify-items:start;font-size:15px;padding-block:6px}
.lpdone:focus{outline:none}
.lpdone__i{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#E3F6EC;color:#0B7A47}
.lpdone__i svg{width:28px;height:28px}
.lpdone__i path{stroke-dasharray:24;stroke-dashoffset:0}
.js .lpdone.is-in .lpdone__i{animation:lppop .6s var(--ease) both}
.js .lpdone.is-in .lpdone__i path{animation:lpdraw .6s .18s var(--ease) both}
.rm .lpdone.is-in .lpdone__i,.rm .lpdone.is-in .lpdone__i path{animation:none}
@keyframes lppop{from{transform:scale(.6);opacity:0}}
@keyframes lpdraw{from{stroke-dashoffset:24}}
.lpdone__k{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#0B7A47}
[dir="rtl"] .lpdone__k{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.92rem}
.lpdone__t{font-family:var(--f-display);font-weight:760;font-stretch:112%;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);letter-spacing:-.02em;line-height:1.15;color:#0A0F1E}
[dir="rtl"] .lpdone__t{font-stretch:100%;letter-spacing:0;line-height:1.45}
.lpdone__p{color:#4B5675;line-height:1.55}
.lpdone__alt{color:#687391;font-size:.88rem}
.lpdone__alt bdi{color:#131A2E;font-weight:600;user-select:all}

/* ---------- sticky bar on phones ---------- */
.lpbar{position:fixed;z-index:65;inset-inline:0;bottom:0;display:flex;gap:10px;align-items:center;
  padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(10,15,30,.9);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid rgba(166,176,202,.16);
  transform:translateY(110%);visibility:hidden;transition:transform .5s var(--ease),visibility 0s linear .5s}
.lpbar.is-on{transform:none;visibility:visible;transition:transform .5s var(--ease),visibility 0s}
.page-kiework .lpbar{background:rgba(30,18,48,.92);--btn:var(--amber);--on-btn:#2A1600}
.page-docguard .lpbar{background:rgba(6,32,25,.92);--btn:var(--emerald);--on-btn:#02170F}
.lpbar__wa{flex:none;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;background:#1DA851;color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}
.lpbar__cta{flex:1;--h:48px;white-space:nowrap;padding-inline:14px;font-size:.94rem}
@media (max-width:400px){.lpbar__wa{padding:0 14px}.lpbar__wa span{display:none}}
@media (min-width:1080px){.lpbar{display:none}}
.page-lp [data-demo-chip]{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
@media (min-width:1080px){.page-lp [data-demo-chip]{bottom:16px!important}}

/* ---------- sections ---------- */
.lpchain{display:grid;gap:16px;margin-bottom:clamp(44px,5vw,76px)}
.lpsplit{position:relative;display:grid;gap:clamp(40px,5vw,80px);grid-template-columns:minmax(0,1fr)}
@media (min-width:1080px){.lpsplit{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center}}
.lpsplit__text .lead{margin-top:1.3rem}
.lpsplit__text .svc{margin-bottom:0}
.lpstage .stage{margin-top:clamp(12px,2vw,32px)}
/* three steps */
.lcw--3{--g:clamp(20px,3vw,48px)}
.lc--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g)}
.lcw--3 .lc__rail{width:calc(66.667% + var(--g) * .6667)}
.lc__n{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.08em;color:var(--faint)}
@media (max-width:1000px){
  .lc--3{grid-template-columns:minmax(0,1fr);row-gap:30px}
  .lcw--3 .lc__rail{display:block;top:28px;bottom:40px;height:auto;width:2px;inset-inline-start:27px}
  .lcw--3 .lc__rail i{transform-origin:center top;transform:scaleY(var(--lp,1))}
  .lc--3 .lc__s{grid-template-columns:56px minmax(0,1fr);column-gap:20px;row-gap:4px}
  .lc--3 .lc__i{grid-row:span 3;margin-bottom:0}
}
/* combined page: three products */
.sols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,56px)}
.sol{display:grid;gap:16px;align-content:start;padding-top:24px;border-top:1px solid var(--rule)}
.sol--kiework{--accent:var(--amber-d)}
.sol--docguard{--accent:var(--emerald-d)}
.sol__head{display:flex;align-items:center;gap:12px}
.sol__head .mark{width:34px;height:34px}
.sol__t{font-family:var(--f-display);font-weight:740;font-stretch:110%;font-size:var(--fs-d3);letter-spacing:-.02em;line-height:1.15}
[dir="rtl"] .sol__t{font-stretch:100%;letter-spacing:0;line-height:1.35}
.sol__d{color:var(--muted)}
.sol__l{gap:.55rem;font-size:.95rem}
.sol .link{justify-self:start;margin-top:4px}
@media (max-width:900px){.sols{grid-template-columns:1fr}}

/* ---------- short footer ---------- */
.ftr--lp{padding-top:clamp(52px,6vw,84px)}
.lpfoot{display:grid;gap:30px;grid-template-columns:minmax(0,1fr);padding-bottom:30px}
@media (min-width:1000px){.lpfoot{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;column-gap:48px}}
.lpfoot__brand{display:grid;gap:14px;max-width:400px}
.lpfoot__brand p{color:var(--muted);font-size:.94rem;line-height:1.6}
.lpfoot__contact{display:flex;flex-wrap:wrap;gap:16px 36px}
.lpfoot__contact li{display:grid;gap:2px}
.lpfoot__contact a{color:var(--fg);text-decoration:none;font-weight:600}
.lpfoot__contact a:hover{color:var(--accent)}
.ftr--lp .ftr__legal{margin-top:0}
.ftr__links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.ftr__btn{border:0;background:none;padding:0;font:inherit;color:var(--muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.ftr__btn:hover{color:var(--fg)}

/* ---------- consent notice ---------- */
.consent{position:fixed;z-index:80;inset-inline-start:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(440px,calc(100vw - 32px));
  display:grid;gap:14px;padding:18px 18px 16px;border-radius:18px;background:#0F1730;color:#EDF1FC;
  box-shadow:0 30px 80px -24px rgba(0,0,0,.65),0 0 0 1px rgba(166,176,202,.2);
  opacity:0;transform:translateY(14px);transition:opacity .4s var(--ease),transform .5s var(--ease)}
.consent.is-in{opacity:1;transform:none}
.consent__t{font-size:.9rem;line-height:1.55;color:#C9D1E6}
.consent__t a{color:#fff}
.consent__b{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.consent .btn--ghost{--fg:#EDF1FC;--bg:#0F1730;--rule-strong:rgba(166,176,202,.35)}
.consent .btn--primary{--btn:var(--cobalt);--on-btn:#fff}
@media (max-width:560px){.consent{inset-inline:10px;width:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px))}}

/* ---------- privacy policy ---------- */
.legal-sec{padding-top:clamp(40px,5vw,72px)}
.legal{display:grid;gap:clamp(32px,4vw,72px);grid-template-columns:minmax(0,1fr)}
@media (min-width:1000px){.legal{grid-template-columns:230px minmax(0,1fr);align-items:start}.legal__toc{position:sticky;top:calc(var(--hdr-h) + var(--annc-h,0px) + 32px)}}
.legal__toc-h{font-family:var(--f-mono);font-size:.74rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-bottom:.8rem}
[dir="rtl"] .legal__toc-h{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:.92rem}
.legal__toc ol{display:grid;border-inline-start:1px solid var(--rule)}
.legal__toc a{display:block;padding:.34rem 0;padding-inline-start:1rem;margin-inline-start:-1px;border-inline-start:1px solid transparent;color:var(--muted);text-decoration:none;font-size:.92rem;line-height:1.4;transition:color .2s,border-color .2s}
.legal__toc a:hover,.legal__toc a[aria-current="true"]{color:var(--fg);border-color:var(--accent)}
@media (max-width:999px){.legal__toc ol{grid-template-columns:repeat(2,minmax(0,1fr));border:0;gap:0 16px}.legal__toc a{padding-inline-start:0;border:0}}
.legal__body{max-width:760px}
.prose>.legal__s+.legal__s{margin-top:2.6rem}
.legal__s>*+*{margin-top:.9em}
.legal__s h2{margin-top:0}
.legal__date{color:var(--muted);font-size:.95rem}