/* Kudexa Site 4.0.0 — the home page's one stylesheet. Built from the old home sheets (only the rules the page
   still uses, in their original order, so everything kept looks exactly as it did) and the new kx5 rules after them. */
/* from home3.css */
.kxs .kh3{--kh3-head:"Plus Jakarta Sans",Inter,-apple-system,"Segoe UI",sans-serif;
  --kh3-glow:#EAF0FF; --kh3-mint:#16A37A; --kh3-mintbg:#E9FBF3; --kh3-mintink:#0F7A55;
  --kh3-fin:#2563EB; --kh3-finink:#fff; --kh3-finem:#FFC93C; --kh3-finsub:#DCE6FF;
  --kh3-yel:#FFC93C; --kh3-tagbg:#EAF0FF; --kh3-tagink:#2563EB;}
.kxs[data-kx="dark"] .kh3{--kh3-glow:#14180A; --kh3-mint:#34D399; --kh3-mintbg:#10261B; --kh3-mintink:#86EFAC;
  --kh3-fin:#121419; --kh3-finink:#F3F4F6; --kh3-finem:#D4FF00; --kh3-finsub:#98A0AE;
  --kh3-tagbg:#191D10; --kh3-tagink:#D4FF00;}
.kxs .kh3 *{box-sizing:border-box}
.kxs .kh3 h1, .kxs .kh3 h2, .kxs .kh3 h3{font-family:var(--kh3-head);font-weight:800;margin:0;color:var(--ink);text-wrap:balance}
.kxs .kh3 h1 em, .kxs .kh3 h2 em{font-style:normal;color:var(--accent)}
.kxs .kh3 p{margin:0}
.kxs .kh3 img{max-width:100%;height:auto;display:block}
.kxs .kh3 [hidden]{display:none !important}
.kxs .kh3 .wrap{max-width:1120px}
.kxs .kh3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--invert);color:var(--invert-ink);
  text-decoration:none;border:2px solid var(--invert);border-radius:14px;padding:17px 28px;font:800 18px/1.1 var(--kh3-head);
  white-space:nowrap;transition:transform .16s ease}
.kxs .kh3-btn:hover{transform:translateY(-2px)}
.kxs .kh3-btn.kh3-line{background:var(--card);color:var(--ink);border-color:var(--ink)}
.kxs .kh3-hero{text-align:center;padding:76px 0 24px;background:radial-gradient(900px 420px at 50% 0%,var(--kh3-glow) 0%,var(--page) 70%)}
.kxs .kh3-hero h1{font-size:clamp(38px,5.4vw,66px);line-height:1.04;letter-spacing:-.035em;max-width:900px;margin:0 auto}
.kxs .kh3-sub{font-size:20px;line-height:1.5;color:var(--mute);max-width:640px;margin:20px auto 0 !important}
.kxs .kh3-steps3{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 12px;margin:24px auto 0 !important}
.kxs .kh3-step{display:inline-flex;align-items:center;gap:10px;padding:9px 18px 9px 9px;border-radius:999px;background:var(--card);border:1px solid var(--line);
  font:800 19px/1 var(--kh3-head);letter-spacing:-.01em;color:var(--ink);box-shadow:0 6px 18px -12px rgba(15,23,42,.35)}
.kxs .kh3-step i{width:28px;height:28px;border-radius:50%;background:var(--kh3-tagbg);color:var(--kh3-tagink);font:800 14px/1 Inter,system-ui,sans-serif;font-style:normal;display:flex;align-items:center;justify-content:center}
.kxs .kh3-step:last-of-type i{background:var(--accent);color:var(--page)}
.kxs .kh3-arr{color:var(--faint);font-weight:700;font-size:20px}
.kxs .kh3-risk{display:flex;gap:6px 16px;justify-content:center;flex-wrap:wrap;margin-top:16px !important;font-size:14px;font-weight:600;color:var(--mute)}
.kxs .kh3-risk span:before{content:"✓ ";color:var(--kh3-mint)}
.kxs .kh3-pp{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font-size:14px;color:var(--mute)}
.kxs .kh3-pp b{color:var(--ink)}
.kxs .kh3-ppf{display:flex}
.kxs .kh3-ppf img, .kxs .kh3-ppf i{width:26px;height:26px;border-radius:50%;border:2px solid var(--page);margin-left:-8px;object-fit:cover}
.kxs .kh3-ppf :first-child{margin-left:0}
.kxs .kh3-ppf i{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:800;background:var(--chip);color:var(--body)}
.kxs .kh3 .kh3-sec{padding:96px 0;text-align:center}
.kxs .kh3 #how{padding-bottom:96px}
.kxs .kh3-kick{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.kxs .kh3 .kh3-sec h2{font-size:clamp(30px,3.6vw,44px);line-height:1.08;letter-spacing:-.03em;max-width:760px;margin:10px auto 14px}
.kxs .kh3-lead{font-size:18px;line-height:1.5;color:var(--mute);max-width:600px;margin:0 auto !important}
.kxs .kh3-policy{max-width:820px;margin:14px auto 0;text-align:left;font-size:14.5px;color:var(--mute)}
.kxs .kh3-policy summary{cursor:pointer;font-weight:700;color:var(--body);padding:8px 0}
.kxs .kh3-policy p{margin:8px 0 0 !important;line-height:1.55}
.kxs .kh3-policy a{color:var(--accent)}
.kxs .kh3 .kh3-faqsec{padding-top:24px}
.kxs .kh3-faq{max-width:720px;margin:28px auto 0;text-align:left}
.kxs .kh3-faq details{border-bottom:1px solid var(--line)}
.kxs .kh3-faq summary{list-style:none;cursor:pointer;padding:18px 4px;font-weight:700;font-size:17px;color:var(--ink);display:flex;justify-content:space-between;gap:16px}
.kxs .kh3-faq summary::-webkit-details-marker{display:none}
.kxs .kh3-faq summary:after{content:"+";color:var(--mute);font-weight:600}
.kxs .kh3-faq details[open] summary:after{content:"−"}
.kxs .kh3-faq details p{padding:0 4px 18px;color:var(--mute);font-size:16px;line-height:1.55}
.kxs .kh3-fin{background:var(--kh3-fin);border-radius:30px;padding:64px 24px;margin:0 0 72px;text-align:center}
.kxs .kh3 .kh3-fin h2{color:var(--kh3-finink);font-size:clamp(30px,3.6vw,44px);line-height:1.08;letter-spacing:-.03em;max-width:760px;margin:0 auto 26px}
.kxs .kh3 .kh3-fin h2 em{color:var(--kh3-finem)}
.kxs .kh3-fin .kh3-btn{background:#fff;color:#0B0B0C;border-color:#fff}
.kxs .kh3-fin .kh3-risk{color:var(--kh3-finsub)}
.kxs .kh3-fin .kh3-risk:before{content:none}
.kxs[data-kx="dark"] .kh3-fin{border:1.5px solid rgba(212,255,0,.35);box-shadow:0 0 0 1px rgba(212,255,0,.08),0 30px 80px -40px rgba(212,255,0,.35);background:radial-gradient(700px 260px at 50% 0%,#1A2008 0%,#121419 70%)}
@media (max-width:760px){.kxs .kh3 .wrap{padding-left:16px;padding-right:16px}.kxs .kh3-hero{padding-top:44px}.kxs .kh3-sub{font-size:17px}.kxs .kh3-steps3{gap:6px;flex-wrap:nowrap}.kxs .kh3-step{font-size:15px;padding:6px 11px 6px 6px;gap:7px}.kxs .kh3-step i{width:22px;height:22px;font-size:11px}.kxs .kh3-arr{font-size:13px}.kxs .kh3 .kh3-sec, .kxs .kh3 #how{padding:64px 0}.kxs .kh3-fin{padding:44px 20px;border-radius:24px;margin-bottom:48px}.kxs .kh3-fin .kh3-btn{width:100%;white-space:normal}.kxs .kxs-footer{padding-bottom:84px}}
@media (max-width:520px){.kxs .kxs-head .kxs-go{display:none}}
@media (max-width:359px){.kxs .kh3-steps3{flex-wrap:wrap}}
@keyframes kh3pg{to{transform:scaleX(1)}}
.kxs .kh3 .kh3-demo h2{margin-bottom:0}
.kxs .kh3 .kh3-demo .kd-cap{margin:10px auto 0;font-size:13px;color:var(--mute)}
.kxs .kh3 .kh3-demo{--page:#FFFFFF;--soft:#F6F7FB;--ink:#0B0B0C;--mute:#5B6474;--line:#E6E8EE;--accent:#2563EB;--chip:#F1F3F8;
  --inv:#0B0B0C;--inv-ink:#FFFFFF;
  
  --d-bg:#F3F4F6;--d-side:#FFFFFF;--d-card:#FFFFFF;--d-line:#E5E7EB;--d-ink:#111827;--d-mute:#6B7280;--d-faint:#9CA3AF;
  --d-act-bg:#EFF6FF;--d-act-bd:#DBEAFE;--d-act-ink:#2563EB;--d-field:#FFFFFF;--d-tab:#334155;--d-tab-ink:#fff;
  --t-learn-bg:#E0E7FF;--t-learn:#3730A3;--t-proof-bg:#DCFCE7;--t-proof:#166534;--t-offer-bg:#1E1B4B;--t-offer:#fff;
  --ok-bg:#DCFCE7;--ok:#166534;--wip-bg:#FEF3C7;--wip:#92400E;--coral:#C2705E;
  --mock-bar:#F1F3F8;}
.kxs[data-kx="dark"] .kh3 .kh3-demo{--page:#0A0B0E;--soft:#111318;--ink:#F4F5F7;--mute:#9AA3B2;--line:#23262E;--accent:#D4FF00;--chip:#15171C;
  --inv:#F2F3F5;--inv-ink:#0B0B0C;
  --d-bg:#0E0E10;--d-side:#111114;--d-card:#151518;--d-line:#2E2E31;--d-ink:#F5F5F0;--d-mute:#9B9A94;--d-faint:#6E6D68;
  --d-act-bg:#17171B;--d-act-bd:#2E2E31;--d-act-ink:#F5F5F0;--d-field:#0F0F12;--d-tab:#F5F5F0;--d-tab-ink:#0E0E10;
  --t-learn-bg:#1E2240;--t-learn:#A5B4FC;--t-proof-bg:#12301E;--t-proof:#86EFAC;--t-offer-bg:#D4FF00;--t-offer:#0E0E10;
  --ok-bg:#12301E;--ok:#86EFAC;--wip-bg:#3A2A0C;--wip:#FCD34D;--coral:#E08B77;--mock-bar:#15171C;color-scheme:dark}
@keyframes kd-pg{to{transform:scaleX(1)}}
.kxs .kh3 .kh3-demo .kd-cap{margin-top:14px;font-size:13px;color:var(--mute)}
.kxs .kh3 .kh3-demo .kd-cap{margin-top:10px!important}
.kxs .kh3-trialtl{max-width:900px;margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}
.kxs .kh3-trialtl > div{padding:16px 18px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;border-left:1px solid var(--line)}
.kxs .kh3-trialtl > div:first-child{border-left:0}
.kxs .kh3-trialtl i{grid-row:span 2;font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--ink)}
.kxs .kh3-trialtl > div:first-child i{background:var(--accent);border-color:var(--accent);color:var(--page)}
.kxs .kh3-trialtl b{font-size:14.5px;color:var(--ink)}
.kxs .kh3-trialtl span{font-size:13px;color:var(--mute);line-height:1.4}
.kxs .kh3-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:14px auto 0 !important;font-size:13px;color:var(--mute);font-weight:600}
.kxs .kh3-trust span:not(:first-child):before{content:"·";margin-right:18px;color:var(--line)}
@media (max-width:760px){.kxs .kh3-trialtl{grid-template-columns:1fr}.kxs .kh3-trialtl > div{border-left:0;border-top:1px solid var(--line)}.kxs .kh3-trialtl > div:first-child{border-top:0}.kxs .kh3-trust span:not(:first-child):before{display:none}}
.kxs .kh3 .kh3-faqsec{padding-top:72px}
.kxs .kh3-faq2{max-width:780px;margin-top:32px;display:grid;gap:10px}
.kxs .kh3-faq2 details{border:1px solid var(--line);border-radius:16px;background:var(--card);transition:border-color .2s,box-shadow .2s}
.kxs .kh3-faq2 details:hover{border-color:var(--mute)}
.kxs .kh3-faq2 details[open]{border-color:var(--accent);box-shadow:0 18px 40px -28px rgba(37,99,235,.55)}
.kxs .kh3-faq2 summary{padding:18px 20px;font-size:16.5px;align-items:center}
.kxs .kh3-faq2 summary:after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--soft);border:1px solid var(--line);color:var(--ink);font-size:18px;font-weight:600;transition:transform .2s,background .2s}
.kxs .kh3-faq2 details[open] summary:after{content:"+";transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:var(--page)}
.kxs .kh3-faq2 details p{padding:0 20px 20px;font-size:15.5px}
.kxs .kh3-fin{position:relative;overflow:hidden;padding:72px 28px 60px}
.kxs .kh3-fin:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(70% 80% at 50% 0%,#000,transparent);mask-image:radial-gradient(70% 80% at 50% 0%,#000,transparent)}
.kxs .kh3-fin > *{position:relative}
.kxs .kh3-fin-tag{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--kh3-finsub);border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:6px 14px;margin-bottom:18px}
.kxs .kh3-fin-tag i{width:8px;height:8px;border-radius:50%;background:var(--kh3-finem);box-shadow:0 0 0 4px rgba(255,201,60,.2)}
.kxs .kh3 .kh3-fin h2{margin-bottom:14px}
.kxs .kh3 p.kh3-fin-sub{color:var(--kh3-finsub);font-size:17px;line-height:1.55;max-width:560px;margin:0 auto 28px}
.kxs .kh3-fin-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:6px}
.kxs[data-kx="dark"] .kh3-fin-tag{border-color:rgba(212,255,0,.3)}
.kxs[data-kx="dark"] .kh3-fin-tag i{box-shadow:0 0 0 4px rgba(212,255,0,.15)}
.kxs[data-kx="dark"] .kh3-fin:before{background-image:linear-gradient(rgba(212,255,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,255,0,.05) 1px,transparent 1px)}
@media (max-width:760px){.kxs .kh3 .kh3-faqsec{padding-top:48px}.kxs .kh3-faq2 summary{padding:16px;font-size:15.5px}.kxs .kh3-faq2 details p{padding:0 16px 16px}.kxs .kh3-fin{padding:48px 20px 40px}.kxs .kh3-fin-ctas{flex-direction:column}}
.kxs .kh3-askq{max-width:780px;margin:18px auto 0;display:flex;align-items:center;gap:14px;text-align:left;border:1px dashed var(--line);border-radius:16px;padding:14px 16px;background:var(--soft)}
.kxs .kh3-askq-ic{flex:none;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--page);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}
.kxs .kh3 .kh3-askq p{flex:1;margin:0;font-size:15px;line-height:1.5;color:var(--mute)}
.kxs .kh3-askq p b{color:var(--ink)}
.kxs .kh3-askq .kh3-btn{flex:none;padding:11px 16px;font-size:15px;white-space:nowrap}
@media (max-width:760px){.kxs .kh3-askq{flex-direction:column;text-align:center}.kxs .kh3-askq .kh3-btn{width:100%}}
.kxs .kh3 img.kh3-askq-ph{flex:none;width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--card);box-shadow:0 0 0 2px var(--accent)}
.kxs .kh3-ppl{margin:30px auto 0;max-width:1180px}
@keyframes kh3live{70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.kxs .kh3-ppl-vp{overflow:hidden;padding:6px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.kxs .kh3-ppl-tr{display:flex;gap:16px;width:max-content;animation:kh3ppl var(--kh3-ppl-d,60s) linear infinite}
.kxs .kh3-ppl:hover .kh3-ppl-tr{animation-play-state:paused}
@keyframes kh3ppl{from{transform:translateX(calc(-50% - 8px))}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.kxs .kh3-ppl-tr{animation:none}.kxs .kh3-ppl-vp{overflow-x:auto}}
.kxs .kh3-ppl-tr{will-change:transform}
.kxs .kh3-ppl-off .kh3-ppl-tr{animation-play-state:paused}
/* from home3-style.css */
.kxs .kh3n{--n-blue:#2F5BEA; --n-violet:#7C4DFF; --n-pink:#E8467C; --n-green:#13955A;
  --n-grad:linear-gradient(90deg,#2F5BEA 0%,#7C4DFF 55%,#E8467C 100%);
  --n-shadow:0 1px 0 rgba(16,20,45,.05),0 24px 48px -28px rgba(16,20,45,.28);}
.kxs[data-kx="dark"] .kh3n{--n-shadow:0 1px 0 rgba(255,255,255,.04),0 24px 48px -28px rgba(0,0,0,.8)}
.kxs .kh3n h1 em, .kxs .kh3n h2 em{background:var(--n-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kxs .kh3n .kh3-kick{color:var(--n-violet)}
.kxs[data-kx="dark"] .kh3n .kh3-kick{color:#B9A2FF}
.kxs .kh3n .kh3-btn{border-radius:999px}
.kxs .kh3n .kh3-btn:not(.kh3-line){box-shadow:0 16px 30px -18px rgba(16,20,45,.7)}
.kxs .kh3n .kh3-hero{background:
  radial-gradient(700px 420px at 12% 0%,color-mix(in srgb,#7C4DFF 14%,transparent),transparent 70%),
  radial-gradient(700px 420px at 90% 8%,color-mix(in srgb,#E8467C 11%,transparent),transparent 70%),
  radial-gradient(900px 460px at 50% 0%,color-mix(in srgb,#2F5BEA 8%,transparent),transparent 70%),var(--page)}
.kxs .kh3n .kh3-step{border-radius:999px;box-shadow:var(--n-shadow)}
.kxs .kh3n .kh3-step:nth-of-type(1) i{background:color-mix(in srgb,#2F5BEA 14%,var(--card));color:#2F5BEA}
.kxs .kh3n .kh3-step:nth-of-type(3) i{background:color-mix(in srgb,#7C4DFF 14%,var(--card));color:#7C4DFF}
.kxs .kh3n .kh3-step:last-of-type{background:var(--invert);color:var(--invert-ink);border-color:var(--invert)}
.kxs .kh3n .kh3-step:last-of-type i{background:linear-gradient(145deg,#FF8FB8,#E8467C);color:#fff}
.kxs .kh3n .kh3-trialtl{border:0;background:none;gap:12px;overflow:visible}
.kxs .kh3n .kh3-trialtl > div{border:0;border-radius:20px;padding:16px 18px;background:color-mix(in srgb,var(--c) 9%,var(--card))}
.kxs .kh3n .kh3-trialtl > div:nth-child(1){--c:#13A865;--c1:#3BE39C}
.kxs .kh3n .kh3-trialtl > div:nth-child(2){--c:#2F5BEA;--c1:#8FA8FF}
.kxs .kh3n .kh3-trialtl > div:nth-child(3){--c:#7C4DFF;--c1:#B9A2FF}
.kxs .kh3n .kh3-trialtl i, .kxs .kh3n .kh3-trialtl > div:first-child i{width:32px;height:32px;border-radius:10px;border:0;color:#fff;background:linear-gradient(145deg,var(--c1),var(--c))}
.kxs .kh3n .kh3-trust{gap:8px}
.kxs .kh3n .kh3-trust span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px}
.kxs .kh3n .kh3-trust span:not(:first-child):before{content:none}
.kxs .kh3n .kh3-faq2 details{border-radius:18px}
.kxs .kh3n .kh3-faq2 summary:after{background:color-mix(in srgb,#7C4DFF 10%,var(--card));border-color:transparent;color:#7C4DFF}
.kxs .kh3n .kh3-faq2 details[open]{border-color:#7C4DFF;box-shadow:0 18px 40px -28px rgba(124,77,255,.6)}
.kxs .kh3n .kh3-faq2 details[open] summary:after{background:#7C4DFF;border-color:#7C4DFF;color:#fff}
.kxs .kh3n .kh3-askq{border-radius:18px}
.kxs .kh3n .kh3-askq-ic{background:linear-gradient(145deg,#B9A2FF,#7C4DFF);color:#fff}
.kxs .kh3n .kh3-fin{border:0;
  background:radial-gradient(520px 360px at 100% 0%,rgba(124,77,255,.55),transparent 70%),radial-gradient(480px 340px at 0% 100%,rgba(47,91,234,.5),transparent 70%),linear-gradient(155deg,#1B1446 0%,#0C0F1D 62%);
  box-shadow:0 30px 70px -30px rgba(76,45,190,.6)}
.kxs .kh3n .kh3-fin h2{color:#fff}
.kxs .kh3n .kh3-fin h2 em{background:linear-gradient(90deg,#8FA8FF,#B9A2FF 50%,#FF8FB8);-webkit-background-clip:text;background-clip:text;color:transparent}
.kxs .kh3n p.kh3-fin-sub, .kxs .kh3n .kh3-fin .kh3-risk{color:#C9CCDA}
.kxs .kh3n .kh3-fin-tag{color:#C9CCDA;border-color:rgba(255,255,255,.2)}
.kxs .kh3n .kh3-fin-tag i{background:#B9A2FF;box-shadow:0 0 0 4px rgba(185,162,255,.2)}
.kxs .kh3n .kh3-fin:before{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}
.kxs .kh3n .kh3-ppl-vp{padding:6px 0 34px}
.kxs .kh3n .kh3-pcn{position:relative;flex:none;width:232px;background:var(--card);border-radius:24px;overflow:hidden;text-align:center;padding-bottom:18px;
  display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);box-shadow:0 1px 0 rgba(16,20,45,.05),0 22px 40px -26px var(--b)}
.kxs .kh3n .kh3-pcn-ban{position:relative;width:100%;height:78px;background:linear-gradient(120deg,var(--a),var(--b))}
.kxs .kh3n .kh3-pat0{background-image:radial-gradient(circle at 85% 12%,rgba(255,255,255,.16) 0 38px,transparent 39px),radial-gradient(circle at 15% 100%,rgba(255,255,255,.12) 0 30px,transparent 31px),linear-gradient(120deg,var(--a),var(--b))}
.kxs .kh3n .kh3-pat1{background-image:linear-gradient(160deg,transparent 55%,rgba(255,255,255,.13) 55%),linear-gradient(120deg,var(--a),var(--b))}
.kxs .kh3n .kh3-pat2{background-image:radial-gradient(120% 60% at 50% 110%,rgba(255,255,255,.18) 0 50%,transparent 51%),linear-gradient(120deg,var(--a),var(--b))}
.kxs .kh3n .kh3-pat3{background-image:linear-gradient(rgba(255,255,255,.16) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.16) 2px,transparent 2px),linear-gradient(120deg,var(--a),var(--b));background-size:30px 26px,30px 26px,auto}
.kxs .kh3n .kh3-pat4{background-image:radial-gradient(circle at 20% 50%,transparent 0 16px,rgba(255,255,255,.2) 17px 26px,transparent 27px),radial-gradient(circle at 80% 25%,rgba(255,255,255,.15) 0 14px,transparent 15px),linear-gradient(120deg,var(--a),var(--b))}
.kxs .kh3n .kh3-pcn-new{position:absolute;top:10px;right:10px;background:#fff;color:var(--b);border-radius:999px;padding:3px 10px;font-weight:800;font-size:11px}
.kxs .kh3n .kh3-pcn-av{width:78px;height:78px;margin-top:-39px;border-radius:50%;border:4px solid var(--card);box-shadow:0 0 0 3px var(--a);position:relative;z-index:1;overflow:hidden;background:color-mix(in srgb,var(--a) 15%,var(--card))}
.kxs .kh3n .kh3-pcn-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.kxs .kh3n .kh3-pcn-n{margin-top:12px;font:800 17px/1.3 var(--kh3-head);color:var(--ink);display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 20px);text-decoration:none}
.kxs .kh3n a.kh3-pcn-n:hover{color:#0A66C2}
.kxs .kh3n .kh3-pcn-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kxs .kh3n .kh3-pcn-li{flex:none;width:20px;height:20px;border-radius:5px;background:#0A66C2;color:#fff;font:800 12px/20px Arial,sans-serif;text-align:center}
.kxs .kh3n .kh3-pcn-t{margin-top:6px;padding:4px 10px;border-radius:999px;max-width:calc(100% - 20px);background:color-mix(in srgb,var(--a) 14%,var(--card));color:var(--b);font-weight:700;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kxs[data-kx="dark"] .kh3n .kh3-pcn-t{color:var(--a)}
.kxs .kh3n .kh3-pcn-sc{margin-top:14px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;color:var(--mute)}
.kxs .kh3n .kh3-pcn-ring{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--b) calc(var(--sc)*1%),var(--line) 0)}
.kxs .kh3n .kh3-pcn-ring i{font-style:normal;width:32px;height:32px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:var(--ink)}
.kxs .kh3n .kh3-sec{padding-top:64px;padding-bottom:64px}
.kxs .kh3n .kh3-faqsec{padding-top:40px}
@media (max-width:760px){.kxs .kh3n .kh3-sec{padding-top:44px;padding-bottom:44px}.kxs .kh3n .kh3-faqsec{padding-top:28px}}
@media (max-width:760px){.kxs .kh3n .kh3-trialtl > div{border:0}}
/* from home4.css */
.kxs .kq-eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 13px/1.2 Inter,system-ui,sans-serif;color:var(--n-violet);background:color-mix(in srgb,#7C4DFF 8%,var(--card));border:1px solid color-mix(in srgb,#7C4DFF 22%,transparent);padding:8px 14px;border-radius:999px;margin:0 0 22px}
.kxs[data-kx="dark"] .kq-eyebrow{color:#C9B6FF}
.kxs .kq-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--n-grad);flex:none}
.kxs .kq-hero h1{max-width:19ch;margin-left:auto;margin-right:auto}
.kxs .kq-hero .kh3-sub{max-width:620px}
.kxs .kq-chat{max-width:780px;margin:34px auto 0;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:24px;
  box-shadow:var(--n-shadow),0 0 0 7px color-mix(in srgb,#7C4DFF 7%,transparent);overflow:hidden;position:relative}
.kxs .kq-top{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 18px;border-bottom:1px solid var(--line)}
.kxs .kq-av{width:38px;height:38px;border-radius:12px;background:var(--n-grad);color:#fff;display:grid;place-items:center;font:800 17px/1 "Plus Jakarta Sans",Inter,sans-serif;flex:none}
.kxs .kq-who{min-width:0}
.kxs .kq-who b{display:block;font:800 15.5px/1.2 "Plus Jakarta Sans",Inter,sans-serif;color:var(--ink)}
.kxs .kq-who small{color:var(--mute);font-size:12.5px;display:flex;align-items:center;gap:6px;margin-top:3px}
.kxs .kq-dot{width:7px;height:7px;border-radius:50%;background:#16A37A;box-shadow:0 0 0 3px color-mix(in srgb,#16A37A 22%,transparent);flex:none}
.kxs .kq-modes{margin-left:auto;display:flex;gap:6px}
.kxs .kq-mode{border:1px solid var(--line);background:var(--chip);color:var(--body);font:600 12.5px/1 Inter,sans-serif;padding:8px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}
.kxs .kq-mode:hover{color:var(--ink)}
.kxs .kq-mode.on{background:var(--invert);color:var(--invert-ink);border-color:var(--invert)}
.kxs .kq-log{height:400px;overflow-y:auto;padding:20px 18px;display:flex;flex-direction:column;gap:12px;background:var(--soft);overscroll-behavior:contain}
.kxs .kq-msg{max-width:88%;padding:11px 15px;border-radius:18px;font-size:15px;line-height:1.55;color:var(--ink);animation:kqIn .25s ease both}
.kxs .kq-msg p{margin:0}
.kxs .kq-msg p+p{margin-top:8px}
.kxs .kq-k{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-top-left-radius:6px}
.kxs .kq-u{align-self:flex-end;background:var(--invert);color:var(--invert-ink);border-top-right-radius:6px}
.kxs .kq-chips{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:100%;animation:kqIn .25s ease both}
.kxs .kq-chip{border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));background:var(--card);color:var(--accent);font:600 14px/1.2 Inter,sans-serif;padding:9px 14px;border-radius:999px;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.kxs .kq-chip:hover{background:var(--accent);color:var(--page);border-color:var(--accent)}
.kxs .kq-chip.go{background:var(--invert);color:var(--invert-ink);border-color:var(--invert)}
.kxs .kq-chip.go:hover{opacity:.9}
.kxs .kq-typing{display:inline-flex;gap:4px;padding:14px 16px}
.kxs .kq-typing i{width:7px;height:7px;border-radius:50%;background:var(--faint);animation:kqDot 1s infinite}
.kxs .kq-typing i:nth-child(2){animation-delay:.15s}
.kxs .kq-typing i:nth-child(3){animation-delay:.3s}
@keyframes kqDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes kqIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.kxs .kq-msg, .kxs .kq-chips{animation:none}.kxs .kq-typing i{animation:none;opacity:.6}}
.kxs .kq-plan{display:grid;gap:8px;margin-top:10px}
.kxs .kq-post{border:1px solid var(--line);border-radius:14px;padding:11px 13px;background:var(--soft);display:grid;grid-template-columns:44px 1fr;gap:3px 10px;align-items:start}
.kxs .kq-post small{grid-row:span 2;font:800 11px/1.6 Inter,sans-serif;letter-spacing:.08em;color:var(--mute)}
.kxs .kq-post em{font-style:normal;justify-self:start;font:700 11px/1 Inter,sans-serif;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--c,#2F5BEA) 13%,var(--card));color:var(--c,#2F5BEA)}
.kxs[data-kx="dark"] .kq-post em{color:color-mix(in srgb,var(--c,#2F5BEA) 55%,#fff)}
.kxs .kq-post b{font-weight:650;color:var(--ink);font-size:14.5px;line-height:1.45}
.kxs .kq-hc{display:grid;gap:7px;margin-top:10px}
.kxs .kq-hc div{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--body)}
.kxs .kq-hc i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:800 11px/1 Inter,sans-serif;font-style:normal;margin-top:1px}
.kxs .kq-hc .ok i{background:color-mix(in srgb,#16A37A 15%,var(--card));color:#16A37A}
.kxs .kq-hc .no i{background:color-mix(in srgb,#E8467C 14%,var(--card));color:#E8467C}
.kxs .kq-hc b{color:var(--ink)}
.kxs .kq-try{margin-top:10px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:12px;padding:10px 12px;font-size:14px;color:var(--ink);background:var(--soft)}
.kxs .kq-try small{display:block;font:800 10.5px/1.4 Inter,sans-serif;letter-spacing:.08em;color:var(--mute);margin-bottom:3px}
.kxs .kq-bar{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--card);margin:0}
.kxs .kq-in{flex:1;min-width:0;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:999px;padding:12px 16px;font:500 15px/1.2 Inter,sans-serif;outline:none}
.kxs .kq-in:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.kxs .kq-send{border:0;background:var(--invert);color:var(--invert-ink);border-radius:999px;padding:0 18px;font:700 14px/1 Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.kxs .kq-fab{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:10px;background:var(--invert);color:var(--invert-ink);border:0;border-radius:999px;padding:8px 18px 8px 8px;font:700 14px/1 Inter,sans-serif;cursor:pointer;box-shadow:0 18px 40px -16px rgba(16,20,45,.6);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .2s,transform .2s}
.kxs .kq-fab.on{opacity:1;transform:none;pointer-events:auto}
.kxs .kq-fab span{width:32px;height:32px;border-radius:50%;background:var(--n-grad);display:grid;place-items:center;color:#fff;font:800 14px/1 "Plus Jakarta Sans",sans-serif}
.kxs .kq-audit{background:var(--soft);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.kxs .kq-agrid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;margin-top:44px;text-align:left}
.kxs .kq-ago{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.kxs .kq-ago small{color:var(--mute);font-size:13.5px}
@media (max-width:960px){.kxs .kq-agrid{grid-template-columns:1fr;gap:28px}}
@media (max-width:760px){.kxs .kq-chat{border-radius:20px;margin-top:26px}.kxs .kq-top{flex-wrap:wrap;padding:12px 14px}.kxs .kq-modes{margin-left:0;width:100%;overflow-x:auto;scrollbar-width:none}.kxs .kq-modes::-webkit-scrollbar{display:none}.kxs .kq-log{height:360px;padding:16px 12px}.kxs .kq-msg{max-width:94%;font-size:14.5px}.kxs .kq-chip{font-size:13.5px;padding:9px 12px}.kxs .kq-fab{display:none}.kxs .kq-eyebrow{font-size:12px}.kxs .kq-hero .kh3-steps3{flex-wrap:wrap !important;gap:6px !important}.kxs .kq-hero .kh3-arr{display:none}}
.kxs .kq-hero{padding-top:40px !important}
.kxs .kq-hero .kq-eyebrow{margin-bottom:16px}
.kxs .kq-hero h1{font-size:clamp(34px,4.6vw,58px) !important;max-width:19ch}
.kxs .kq-hero .kh3-sub{margin-top:14px !important;font-size:19px}
.kxs .kq-hero .kq-chat{margin-top:24px}
.kxs .kq-log{height:auto;min-height:150px;max-height:400px}
@media (max-width:760px){.kxs .kq-hero{padding-top:26px !important}.kxs .kq-hero .kh3-sub{font-size:16px}.kxs .kq-log{max-height:340px}}
.kxs .kq-hero .kh3-pp{margin-top:18px}
.kxs .kq-hero{padding-bottom:64px !important}
.kxs .kq-aside{display:grid;gap:24px}
.kxs .kq-agets{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.kxs .kq-agets li{display:grid;grid-template-columns:28px 1fr;gap:2px 12px}
.kxs .kq-agets li::before{content:"✓";grid-row:span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;background:var(--n-grad)}
.kxs .kq-agets b{font:800 18px/1.3 "Plus Jakarta Sans",Inter,sans-serif;color:var(--ink)}
.kxs .kq-agets span{color:var(--mute);font-size:15px;line-height:1.5}
.kxs .kq-ago{margin-top:0}
.kxs .kq-people{padding-bottom:40px !important}
.kxs .kq-people .kh3-ppl{margin-top:30px}
.kxs .kq-nudge{position:fixed;right:22px;bottom:82px;z-index:81;width:320px;max-width:calc(100vw - 32px);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px 16px;box-shadow:0 24px 50px -20px rgba(16,20,45,.45);opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s;text-align:left}
.kxs .kq-nudge.on{opacity:1;transform:none}
.kxs .kq-nh{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.kxs .kq-nh .kq-av{width:26px;height:26px;border-radius:8px;font-size:12px}
.kxs .kq-nh b{font-size:14px;color:var(--ink)}
.kxs .kq-nt{margin:0 0 12px !important;font-size:15px;line-height:1.5;color:var(--ink)}
.kxs .kq-nc{display:flex;flex-wrap:wrap;gap:8px}
.kxs .kq-nc .kq-chip{font-size:13.5px;padding:8px 12px}
.kxs .kq-nx{position:absolute;top:8px;right:10px;border:0;background:none;color:var(--mute);font-size:22px;line-height:1;cursor:pointer;padding:4px}
@media (max-width:760px){.kxs .kq-nudge{display:none !important}.kxs .kq-hero{padding-bottom:40px !important}}
.kxs .kq-dots{display:flex;gap:5px}
.kxs .kq-dots i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.kxs .kq-url{flex:1;min-width:0;text-align:center;font-size:12px;color:var(--mute);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:4px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kxs .kq-agrid{grid-template-columns:1.2fr 1fr}
@media (max-width:960px){.kxs .kq-agrid{grid-template-columns:1fr}}
.kxs .kq-licard{background:#fff;border:1px solid #E0DFDC;border-radius:10px;overflow:hidden;min-width:0}
.kxs .kq-liban{height:96px;background:linear-gradient(120deg,#A0B4B7 0%,#D7C9B8 55%,#C9B8A6 100%)}
.kxs .kq-litop{display:flex;justify-content:space-between;align-items:flex-end;padding:0 18px;margin-top:-52px}
.kxs .kq-liav{width:104px;height:104px;border-radius:50%;border:4px solid #fff;overflow:hidden;background:#F6D9C6;flex:none}
.kxs .kq-liav svg{width:100%;height:100%;display:block}
.kxs .kq-libtns{display:flex;gap:6px;padding-bottom:4px}
.kxs .kq-libtns span{font-size:13px;font-weight:600;border-radius:999px;padding:5px 12px;white-space:nowrap}
.kxs .kq-libtns .b1{background:#0A66C2;color:#fff}
.kxs .kq-libtns .b2{border:1px solid #0A66C2;color:#0A66C2}
.kxs .kq-libody{padding:10px 18px 16px;display:grid;gap:4px;justify-items:start}
.kxs .kq-liname{font-size:22px;font-weight:600;line-height:1.25;color:#191919}
.kxs .kq-lihl{margin:0 !important;font-size:15px;line-height:1.4;color:#191919}
.kxs .kq-limeta{margin:0 !important;font-size:13.5px;color:#666}
.kxs .kq-limeta a, .kxs .kq-lisec a{color:#0A66C2;font-weight:600;cursor:default}
.kxs .kq-lisec{padding:14px 18px;display:grid;gap:8px;justify-items:start}
.kxs .kq-lisec>b{font-size:17px;font-weight:600;color:#191919}
.kxs .kq-lisec p{margin:0 !important;font-size:14px;line-height:1.5;color:#191919}
@media (max-width:760px){.kxs .kq-libtns{display:none}.kxs .kq-liname{font-size:19px}.kxs .kq-lihl{font-size:14px}}
.kxs .kq-cmp{min-width:0;display:grid;gap:12px}
.kxs .kq-cstage{position:relative;height:612px;border-radius:22px;overflow:hidden;background:#F4F2EE;border:1px solid var(--line);box-shadow:var(--n-shadow);font-family:-apple-system,"Segoe UI",Roboto,Inter,sans-serif;color:#191919;user-select:none;touch-action:pan-y}
.kxs .kq-cl{position:absolute;inset:0;padding:16px;display:grid;gap:8px;align-content:start;background:#F4F2EE}
.kxs .kq-after{clip-path:inset(0 0 0 var(--p,50%))}
.kxs .kq-cl .kq-liban{position:relative;height:92px}
.kxs .kq-before .kq-liban{background:#D9D9D6}
.kxs .kq-after .kq-liban{background:linear-gradient(120deg,#1F3A68,#2F5BEA 60%,#7C4DFF);display:flex;align-items:center;justify-content:flex-end;padding:0 18px}
.kxs .kq-noav{display:block;width:100%;height:100%;background:#E8E6E3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='48' r='22' fill='%23A8A6A2'/%3E%3Cpath d='M18 120c3-26 20-40 42-40s39 14 42 40z' fill='%23A8A6A2'/%3E%3C/svg%3E") center/cover}
.kxs .kq-cl .kq-lihl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.kxs .kq-cl .kq-lisec p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.5em}
.kxs .kq-empty{color:#8C8C8C !important;font-style:italic;border:1px dashed #D0CFCB;border-radius:8px;padding:14px;width:100%;text-align:center;min-height:62px;display:grid;place-items:center}
.kxs .kq-cltag{position:absolute;top:26px;font:800 11.5px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:7px 11px;border-radius:999px;z-index:2}
.kxs .kq-before .kq-cltag{left:26px;background:rgba(25,25,25,.78);color:#fff}
.kxs .kq-after .kq-cltag{right:26px;background:#fff;color:#2F5BEA;box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}
.kxs .kq-chandle{position:absolute;top:0;bottom:0;left:var(--p,50%);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 0 18px rgba(0,0,0,.25);pointer-events:none;z-index:3}
.kxs .kq-chandle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--n-grad);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;box-shadow:0 10px 24px -8px rgba(0,0,0,.6)}
.kxs .kq-crange{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:4;-webkit-appearance:none;appearance:none}
.kxs .kq-cbtns{display:flex;justify-content:center;gap:6px}
.kxs .kq-cbtns button{border:1px solid var(--line);background:var(--card);color:var(--body);font:600 13px/1 Inter,sans-serif;padding:8px 14px;border-radius:999px;cursor:pointer}
.kxs .kq-cbtns button.on{background:var(--invert);color:var(--invert-ink);border-color:var(--invert)}
.kxs .kq-asideh{margin:0 !important;font:800 12px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
@media (max-width:760px){.kxs .kq-cstage{height:540px}.kxs .kq-cl{padding:10px}.kxs .kq-cltag{top:18px}.kxs .kq-before .kq-cltag{left:18px}.kxs .kq-after .kq-cltag{right:18px}}
.kxs .kq-before{z-index:1}
.kxs .kq-after{z-index:2}
.kxs .kq-cl .kq-cltag{z-index:5}
.kxs .kq-cl .kq-litop{position:relative;z-index:2;margin-top:-50px;padding:0 18px}
.kxs .kq-cl .kq-liav{width:100px;height:100px}
.kxs .kq-ring{box-shadow:0 0 0 3px #fff,0 0 0 6px #2F5BEA}
.kxs .kq-cl .kq-liban{height:118px;position:relative;overflow:hidden}
.kxs .kq-banB{background:linear-gradient(135deg,#B9C7CC,#D3DADB)!important}
.kxs .kq-banA{background:radial-gradient(260px 160px at 85% 0%,rgba(232,70,124,.55),transparent 70%),radial-gradient(300px 200px at 30% 120%,rgba(124,77,255,.6),transparent 70%),linear-gradient(120deg,#0B1530,#16245A 55%,#1E2F7A)!important;display:flex;align-items:center;justify-content:flex-end;padding:0 18px 0 140px}
.kxs .kq-banA::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px}
.kxs .kq-bantx{position:relative;text-align:right;color:#fff;display:grid;gap:5px}
.kxs .kq-bantx b{font:800 19px/1.12 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.01em}
.kxs .kq-bantx small{font:600 11px/1.2 Inter,sans-serif;color:#C9D3FF;letter-spacing:.02em}
.kxs .kq-banpill{position:absolute;right:18px;bottom:10px;background:#FFC93C;color:#1A1300;font:800 10.5px/1 Inter,sans-serif;padding:5px 9px;border-radius:999px}
.kxs .kq-banA .kq-bantx{margin-bottom:14px}
.kxs .kq-shield{display:inline-block;width:15px;height:15px;vertical-align:-1px;margin-left:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1l6 2.2V8c0 3.3-2.6 5.9-6 7-3.4-1.1-6-3.7-6-7V3.2z' fill='%23666'/%3E%3Cpath d='M5.2 8.2l2 2 3.7-4' stroke='%23fff' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.kxs .kq-litalks{margin:2px 0 0 !important;font-size:13px;color:#666;min-height:1.3em}
.kxs .kq-cl .kq-libody{padding:8px 18px 14px;gap:3px}
.kxs .kq-cl .kq-libtns{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.kxs .kq-cl .kq-libtns span{font-size:13px;font-weight:600;border-radius:999px;padding:5px 13px}
.kxs .kq-cl .kq-libtns .b1{background:#0A66C2;color:#fff}
.kxs .kq-cl .kq-libtns .b2{border:1px solid #666;color:#444;background:#fff}
.kxs .kq-fts{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.kxs .kq-ft{border:1px solid #E0DFDC;border-radius:8px;overflow:hidden;display:grid;font-size:13px}
.kxs .kq-ft>b{padding:7px 9px 0;font-size:13px;font-weight:600}
.kxs .kq-ft small{padding:0 9px 8px;color:#666;font-size:11.5px}
.kxs .kq-ftc{height:62px;display:flex;align-items:flex-end;padding:8px 10px;color:#fff}
.kxs .kq-ftc b{font:800 12.5px/1.1 "Plus Jakarta Sans",Inter,sans-serif}
.kxs .kq-ftc.c1{background:linear-gradient(135deg,#FF8A1F,#E8467C)}
.kxs .kq-ftc.c2{background:linear-gradient(135deg,#13955A,#0E8FA3)}
.kxs .kq-empty{min-height:104px}
.kxs .kq-cstage{height:650px}
.kxs .kq-cstage.kq-end .kq-chandle span{opacity:0}
@media (max-width:760px){.kxs .kq-cstage{height:668px}.kxs .kq-banA{padding-left:110px}.kxs .kq-bantx b{font-size:15px}.kxs .kq-bantx small{display:none}.kxs .kq-cl .kq-liav{width:84px;height:84px}.kxs .kq-cl .kq-litop{margin-top:-42px}}
.kxs .kq-cl{display:flex;flex-direction:column}
.kxs .kq-cl>.kq-licard{flex:none}
.kxs .kq-empty{min-height:160px}
.kxs .kq-cstage{height:754px}
@media (max-width:760px){.kxs .kq-empty{min-height:201px}.kxs .kq-cstage{height:768px}}
.kxs .kq-cl .kq-lisec p.kq-empty{display:grid;place-items:center;-webkit-line-clamp:unset;min-height:160px;width:100%}
@media (max-width:760px){.kxs .kq-cl .kq-lisec p.kq-empty{min-height:201px}}
.kxs .kq-cl .kq-lisec p.kq-empty{min-height:119px}
@media (max-width:760px){.kxs .kq-cl .kq-lisec p.kq-empty{min-height:160px}}
.kxs .kq-sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kxs .kq-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.kxs .kq-stepn{display:inline-block;font:700 11px/1 Inter,sans-serif;letter-spacing:.04em;color:var(--mute);background:var(--chip);border-radius:999px;padding:4px 8px;margin-right:8px;vertical-align:1px}
.kxs .kq-post{position:relative;padding-right:74px}
.kxs .kq-copy{position:absolute;top:9px;right:9px;border:1px solid var(--line);background:var(--card);color:var(--body);font:600 12px/1 Inter,sans-serif;padding:6px 10px;border-radius:999px;cursor:pointer}
.kxs .kq-copy:hover{color:var(--ink);border-color:var(--ink)}
.kxs .kq-chip.quiet{border-color:var(--line);color:var(--mute)}
.kxs .kq-chip.quiet:hover{background:var(--chip);color:var(--ink);border-color:var(--line)}
@media (max-width:760px){.kxs .kq-post{padding-right:12px;padding-bottom:40px}.kxs .kq-copy{top:auto;bottom:9px}}
.kxs .kq-draft{position:relative;margin-top:10px;border:1px solid var(--line);border-left:3px solid #2F5BEA;border-radius:12px;background:var(--soft);padding:12px 74px 12px 14px;font-size:14.5px;line-height:1.55;color:var(--ink)}
.kxs .kq-draft p{margin:0}
.kxs .kq-draft p+p{margin-top:8px}
.kxs .kq-draft mark{background:color-mix(in srgb,#FFC93C 35%,transparent);color:inherit;border-radius:4px;padding:0 3px}
@media (max-width:760px){.kxs .kq-draft{padding:12px 12px 44px}}
.kxs .kq-lv{max-width:1120px;margin:30px auto 0;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--n-shadow);text-align:left}
.kxs .kq-lvbar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--soft)}
.kxs .kq-lvtag{display:inline-flex;align-items:center;gap:6px;font:700 11.5px/1 Inter,sans-serif;color:var(--mute);white-space:nowrap}
.kxs .kq-lvview{position:relative;overflow:hidden;background:#F3F4F8;height:620px}
.kxs .kq-lvstage{position:absolute;top:0;left:0;width:1280px;height:800px;transform-origin:0 0}
.kxs .kq-lvstage iframe{display:block;width:1280px;height:800px;border:0;background:#F3F4F8}
.kxs .kq-lvwait{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--mute);font:600 15px/1.3 Inter,sans-serif}
.kxs .kq-lvwait .kq-av{width:48px;height:48px;font-size:20px;animation:kqPulse 1.4s ease-in-out infinite}
@keyframes kqPulse{0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}
.kxs .kq-lvopen{display:none}
.kxs .kq-lvcap{max-width:760px;margin:16px auto 0 !important;text-align:center}
.kq-lvfull{position:fixed;inset:0;z-index:100000;background:#fff;display:flex;flex-direction:column}
.kq-lvfbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:#0B0B0C;color:#fff;font:700 14px/1.2 -apple-system,Inter,sans-serif}
.kq-lvfbar button{background:#fff;color:#0B0B0C;border:0;border-radius:999px;padding:8px 14px;font:700 13px/1 -apple-system,Inter,sans-serif}
.kq-lvfull iframe{flex:1;width:100%;border:0}
@media (max-width:760px){.kxs .kq-lvview{height:auto;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 16px}.kxs .kq-lvstage{position:static;width:auto;height:auto;transform:none!important}.kxs .kq-lvwait{position:static}.kxs .kq-lvwait .kq-av{animation:none}.kxs .kq-lvopen{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--invert);color:var(--invert-ink);font:800 15px/1 Inter,sans-serif;padding:14px 20px;border-radius:999px;cursor:pointer}.kxs .kq-lvtag{display:none}}
.kxs .kq-cl.kq-after .kq-cltag{top:146px}
@media (max-width:760px){.kxs .kq-cl.kq-after .kq-cltag{top:136px}}
.kxs #pricing .kh3-policy{max-width:900px}
.kxs .kq-pproof{max-width:900px;margin:22px auto 0 !important;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:var(--body)}
.kxs .kq-pproof b{color:var(--ink)}
.kxs .kq-pdots{display:inline-flex}
.kxs .kq-pdots i{width:24px;height:24px;border-radius:50%;border:2px solid var(--page,#fff);margin-left:-7px;background:linear-gradient(135deg,#2F5BEA,#7C4DFF)}
.kxs .kq-pdots i:first-child{margin-left:0;background:linear-gradient(135deg,#F59E0B,#E8467C)}
.kxs .kq-pdots i:last-child{background:linear-gradient(135deg,#10B981,#2F5BEA)}
@media (max-width:860px){.kxs .kq-pproof{font-size:14px;text-align:left;padding:0 4px}}
.kxs .kq-adminnote{max-width:760px;margin:0 auto 22px;text-align:left;background:#FFF8E6;border:1px dashed #E5A200;color:#5A3D00;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5}
.kxs .kq-adminnote ul{margin:6px 0 6px 18px;padding:0}
.kxs .kq-adminnote a{font-weight:700;color:#5A3D00}
.kxs .kq-agrid{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:56px;justify-content:center}
.kxs .kq-cmp{justify-items:center}
.kxs .kq-phone{width:100%;max-width:372px;background:#fff;border:9px solid #fff;border-radius:46px;box-shadow:0 0 0 1px #E3E5EA,0 30px 60px -28px rgba(15,23,42,.35);overflow:hidden;position:relative}
.kxs .kq-pbar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 26px;font:700 13px/1 -apple-system,"Segoe UI",Inter,sans-serif;color:#0B0B0C;background:#fff}
.kxs .kq-notch{width:92px;height:24px;border-radius:999px;background:#0B0B0C}
.kxs .kq-sig{display:inline-flex;align-items:flex-end;gap:2px}
.kxs .kq-sig i{width:3px;background:#0B0B0C;border-radius:1px}
.kxs .kq-sig i:nth-child(1){height:5px}
.kxs .kq-sig i:nth-child(2){height:7px}
.kxs .kq-sig i:nth-child(3){height:9px}
.kxs .kq-sig i:nth-child(4){height:11px}
.kxs .kq-pnav{display:flex;align-items:center;gap:9px;padding:4px 12px 8px;background:#fff}
.kxs .kq-pme{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 Inter,sans-serif;color:#fff;background:linear-gradient(135deg,#F59E0B,#E8467C);flex:none}
.kxs .kq-psearch{flex:1;background:#EEF3F8;border-radius:8px;padding:6px 10px;font:500 12.5px/1.2 -apple-system,Inter,sans-serif;color:#5E6B7A}
.kxs .kq-pchat{width:20px;height:16px;border:2px solid #5E6B7A;border-radius:4px;flex:none}
.kxs .kq-phome{display:block;width:120px;height:5px;border-radius:999px;background:#0B0B0C;margin:7px auto 1px}
.kxs .kq-phone .kq-cstage{height:548px;border-radius:0;border:0;box-shadow:none;background:#EEF0F3}
.kxs .kq-phone .kq-cl{padding:0;gap:6px;background:#EEF0F3}
.kxs .kq-phone .kq-licard{border:0;border-radius:0}
.kxs .kq-phone .kq-cl .kq-liban{height:78px}
.kxs .kq-phone .kq-cl .kq-litop{margin-top:-38px;padding:0 12px}
.kxs .kq-phone .kq-cl .kq-liav{width:76px;height:76px;border-width:3px}
.kxs .kq-phone .kq-cl .kq-libody{padding:4px 12px 10px;gap:2px}
.kxs .kq-phone .kq-liname{font-size:17px}
.kxs .kq-phone .kq-lihl{font-size:13px;line-height:1.35}
.kxs .kq-phone .kq-cl .kq-lihl{min-height:2.7em}
.kxs .kq-phone .kq-litalks{font-size:11.5px;min-height:1.2em}
.kxs .kq-phone .kq-limeta{font-size:11.5px}
.kxs .kq-phone .kq-cl .kq-libtns{margin-top:6px;gap:5px}
.kxs .kq-phone .kq-cl .kq-libtns span{font-size:11.5px;padding:4px 11px}
.kxs .kq-phone .kq-lisec{padding:10px 12px;gap:5px}
.kxs .kq-phone .kq-lisec>b{font-size:14.5px}
.kxs .kq-phone .kq-lisec p{font-size:12.5px;line-height:1.45}
.kxs .kq-phone .kq-cl .kq-lisec p{min-height:4.35em}
.kxs .kq-phone .kq-fts{gap:6px}
.kxs .kq-phone .kq-ftc{height:44px;padding:6px 8px}
.kxs .kq-phone .kq-ftc b{font-size:10.5px}
.kxs .kq-phone .kq-ft>b{font-size:11px;padding:5px 7px 0}
.kxs .kq-phone .kq-ft small{font-size:10px;padding:0 7px 6px}
.kxs .kq-phone .kq-cl .kq-lisec p.kq-empty{min-height:84px}
.kxs .kq-phone .kq-banA{padding:0 10px 0 96px}
.kxs .kq-phone .kq-bantx{gap:3px}
.kxs .kq-phone .kq-bantx b{font-size:13.5px}
.kxs .kq-phone .kq-bantx small{display:block;font-size:8.5px}
.kxs .kq-phone .kq-banA .kq-bantx{margin-bottom:12px}
.kxs .kq-phone .kq-banpill{right:10px;bottom:6px;font-size:8.5px;padding:3px 7px}
.kxs .kq-phone .kq-cltag{top:8px;font-size:9.5px;padding:5px 8px}
.kxs .kq-phone .kq-before .kq-cltag{left:8px}
.kxs .kq-phone .kq-cl.kq-after .kq-cltag{top:86px;right:10px}
.kxs .kq-phone .kq-chandle span{width:40px;height:40px;font-size:16px}
@media (max-width:960px){.kxs .kq-agrid{grid-template-columns:1fr;gap:32px}}
@media (max-width:760px){.kxs .kq-phone .kq-cstage{height:548px}.kxs .kq-phone .kq-cl .kq-libtns{display:flex}.kxs .kq-phone .kq-cl .kq-liav{width:72px;height:72px}.kxs .kq-phone .kq-cl .kq-litop{margin-top:-36px}.kxs .kq-phone .kq-banA{padding-left:90px}.kxs .kq-phone .kq-bantx b{font-size:13px}.kxs .kq-phone .kq-cl.kq-after .kq-cltag{top:86px;right:10px}}
.kxs .kh3 .kh3-sec h2, .kxs .kh3 .kh3-fin h2{text-wrap:balance}
@media (min-width:761px){.kxs .kh3 .kh3-sec h2, .kxs .kh3 .kh3-fin h2{max-width:22ch}}
.kxs .kh3-sec .kh3-lead{max-width:62ch}
.kxs .kh3-sec#people{padding-top:56px}
.kxs .kh3-sec#how{padding-bottom:64px}
.kxs .kq-agrid{margin-top:0;grid-template-columns:minmax(0,400px) minmax(0,560px);grid-template-areas:"cmp head" "cmp aside";column-gap:64px;row-gap:28px;align-items:start;justify-content:center}
.kxs .kq-agrid .kq-cmp{grid-area:cmp;align-self:center}
.kxs .kq-ahd{grid-area:head;align-self:end;text-align:left}
.kxs .kq-agrid .kq-aside{grid-area:aside;align-self:start}
.kxs .kq-ahd h2{margin-left:0 !important;margin-right:0 !important;max-width:none !important}
.kxs .kq-ahd .kh3-lead{margin-left:0 !important;margin-right:0 !important}
.kxs .kq-ahd .kh3-kick{display:inline-block}
@media (max-width:960px){.kxs .kq-agrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "cmp" "aside";row-gap:28px}.kxs .kq-ahd{text-align:center;align-self:auto}.kxs .kq-ahd h2{margin-left:auto !important;margin-right:auto !important;max-width:22ch !important}.kxs .kq-ahd .kh3-lead{margin-left:auto !important;margin-right:auto !important}}
@media (min-width:1024px){.kxs .kq-hero h1{max-width:26ch;text-wrap:balance}}
.kxs .kh3-sec .kq-one{margin-top:12px !important}
.kxs .kh3-sec .kh3-lead, .kxs .kq-hero .kh3-sub{text-wrap:balance}
@media (max-width:760px){.kxs .kq-modes{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:24px}}
html:not(.kq-cur-usd) .kxs .kq-usd, html.kq-cur-usd .kxs .kq-inr{display:none !important}
.kxs .kq-curpick{display:flex;align-items:center;justify-content:center;gap:4px;margin:14px auto 0;font-size:13px;color:var(--mute)}
.kxs .kq-curpick span{margin-right:6px}
.kxs .kq-curpick button{font:inherit;font-size:13px;line-height:1;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.kxs .kq-curpick button[aria-pressed="true"]{background:var(--invert);color:var(--invert-ink);border-color:var(--invert)}
.kxs .kq-curpick button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kxs .kq-why{display:block;font-size:12.5px;line-height:1.45;color:var(--mute);margin-top:4px}
.kxs .kq-vague{margin-top:8px;font-size:13.5px;color:var(--body)}
.kxs .kq-vague mark, .kxs .kq-try mark{background:color-mix(in srgb,#F5B301 28%,transparent);color:var(--ink);border-radius:4px;padding:0 3px}
.kxs .kq-ex{margin-top:2px;border:1px dashed var(--line);border-radius:14px;padding:11px 13px;background:var(--card);display:grid;gap:7px}
.kxs .kq-extag, .kxs .kq-vistag{justify-self:start;font:800 10.5px/1 Inter,sans-serif;letter-spacing:.12em;color:var(--mute);background:var(--chip);padding:4px 8px;border-radius:999px}
.kxs .kq-exrow{display:flex;align-items:center;gap:12px}
.kxs .kq-exrow b{font:800 28px/1 "Plus Jakarta Sans",Inter,sans-serif;color:var(--ink);flex:none}
.kxs .kq-exrow b small{font-size:14px;color:var(--mute);font-weight:700}
.kxs .kq-exrow span{font-size:14px;line-height:1.45;color:var(--body)}
.kxs .kq-exfix{font-size:13.5px;line-height:1.45;color:var(--body)}
.kxs .kq-exfix b{color:var(--ink)}
.kxs .kq-lisaved{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,#2F5BEA 10%,var(--card));color:var(--accent);font-size:13.5px;font-weight:650;padding:6px 10px;border-radius:10px}
.kxs .kq-lisaved i{width:18px;height:18px;border-radius:4px;background:#0A66C2;color:#fff;font:800 11px/18px Inter,sans-serif;font-style:normal;text-align:center}
.kxs .kq-fix{margin-top:10px;display:grid;gap:8px}
.kxs .kq-fix small{display:block;font:800 10.5px/1.4 Inter,sans-serif;letter-spacing:.1em;color:var(--mute)}
.kxs .kq-fix small.no{color:#D92D20}
.kxs .kq-fix s{font-size:14px;line-height:1.45;color:var(--mute);text-decoration-color:#D92D20;text-decoration-thickness:2px}
.kxs .kq-better{border:1px solid color-mix(in srgb,#16A37A 45%,var(--line));background:color-mix(in srgb,#16A37A 9%,var(--card));border-radius:12px;padding:10px 12px}
.kxs .kq-better small{color:#16A37A}
.kxs .kq-brow{display:flex;gap:10px;align-items:flex-start;margin-top:3px}
.kxs .kq-brow b{flex:1;min-width:0;font-weight:650;font-size:14.5px;line-height:1.45;color:var(--ink)}
.kxs .kq-brow .kq-copy{position:static;flex:none}
.kxs .kq-fixok{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14.5px;color:var(--ink)}
.kxs .kq-whyl{margin:0 !important;font-size:13.5px;line-height:1.45;color:var(--body)}
.kxs .kq-role{font-size:13px;color:var(--mute);margin-top:8px !important}
.kxs .kq-role b{color:var(--ink)}
.kxs .kq-rolechg{border:0;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}
.kxs .kq-postx p{font-size:14.5px}
.kxs .kq-vis{aspect-ratio:1/1;max-width:300px;width:100%;box-sizing:border-box;border-radius:14px;padding:18px;background:linear-gradient(135deg,#2F5BEA,#7C4DFF);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.kxs .kq-vis .kq-vistag{background:rgba(255,255,255,.18);color:#fff}
.kxs .kq-vis b{font:800 21px/1.25 "Plus Jakarta Sans",Inter,sans-serif;text-wrap:balance}
.kxs .kq-visby{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;opacity:.92}
.kxs .kq-visby i{width:26px;height:26px;border-radius:50%;background:#fff;color:#2F5BEA;display:grid;place-items:center;font:800 12px/1 Inter,sans-serif;font-style:normal}
.kxs .kq-g7{margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;font-size:13.5px;color:var(--body)}
.kxs .kq-g7 .kq-g7a{color:var(--accent);font-weight:650}
@media (max-width:520px){.kxs .kq-g7{grid-template-columns:minmax(0,1fr)}.kxs .kq-vis b{font-size:18px}}
.kxs .kq-better mark{background:color-mix(in srgb,#F5B301 30%,transparent);color:var(--ink);border-radius:4px;padding:0 3px}
.kxs .kq-vis+p{margin-top:10px !important}
.kxs .kq-postx p:first-of-type b{font-weight:800}
.kxs .kq-chat.kq-fresh .kq-modes{display:none}
.kxs .kq-chat.kq-fresh .kq-in{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.kxs .kq-chat.kq-fresh .kq-log{height:auto;min-height:150px;max-height:400px}
.kxs .kq-alt{margin:0 !important;padding:0 14px 12px;font-size:13.5px;color:var(--mute);background:var(--card)}
.kxs .kq-alt button{border:0;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:760px){.kxs .kq-chat.kq-fresh .kq-bar{flex-direction:column}.kxs .kq-chat.kq-fresh .kq-send{justify-content:center;padding:14px 18px}.kxs .kq-alt{text-align:center}}
@media (max-width:760px){.kxs .kq-alt .kq-altdot{display:none}.kxs .kq-alt button[data-kq-alt="ask"]{display:block;margin:6px auto 0}}

/* ===================== 4.0.0 — the new parts of the home page (kx5) =====================
   Built on the site's own tokens (--ink, --card, --line, --soft, --mute, --n-grad), so light and
   dark both follow the header toggle. Everything is scoped to .kxs .kx5. */

/* hero: one line, one gift button, the price said plainly under it */
.kxs .kx5 .kx5-hero h1{max-width:17ch}
.kxs .kx5 .kx5-line{max-width:640px;margin-top:18px}
.kxs .kx5 .kx5-go{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:12px}
.kxs .kx5 .kx5-gift{font-size:17.5px;padding:18px 30px}
.kxs .kx5 .kx5-note{margin:0 !important;font-size:14px;color:var(--mute);line-height:1.5;text-wrap:balance}
.kxs .kx5 .kx5-hero .kh3-pp{margin-top:18px}

/* what Kudexa is: three moves, each with what is really inside */
.kxs .kx5 .kx5-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;text-align:left}
.kxs .kx5 .kx5-col{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px 24px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--n-shadow);min-width:0;overflow:hidden}
.kxs .kx5 .kx5-col::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c)}
.kxs .kx5 .kx5-n{display:flex;align-items:center;gap:10px;margin:0 !important;font:800 23px/1.1 'Plus Jakarta Sans',Inter,sans-serif;color:var(--ink);letter-spacing:-.02em}
.kxs .kx5 .kx5-n b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:800 14px/1 Inter,sans-serif;background:color-mix(in srgb,var(--c) 14%,var(--card));color:var(--c);flex:none}
.kxs .kx5 .kx5-c3 .kx5-n b{background:var(--n-grad);color:#fff}
.kxs .kx5 .kx5-s{margin:0 !important;font:700 16px/1.45 'Plus Jakarta Sans',Inter,sans-serif;color:var(--ink)}
.kxs .kx5 .kx5-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.kxs .kx5 .kx5-col li{display:flex;gap:10px;font-size:15px;line-height:1.5;color:var(--body)}
.kxs .kx5 .kx5-col li::before{content:"✓";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;display:grid;place-items:center;font:800 11px/1 Inter,sans-serif;background:color-mix(in srgb,#16A37A 14%,var(--card));color:#16A37A}
.kxs .kx5 .kx5-os{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line);font:700 12px/1.4 Inter,sans-serif;letter-spacing:.02em;color:var(--mute)}
.kxs .kx5 .kx5-swap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin:30px auto 0 !important;font-size:15px;color:var(--mute)}
.kxs .kx5 .kx5-swap s{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 13px;color:var(--faint);text-decoration-color:#E8467C;text-decoration-thickness:1.5px}
.kxs .kx5 .kx5-swap b{color:var(--ink)}

/* who it's for */
.kxs .kx5 .kx5-whos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px;text-align:left}
.kxs .kx5 .kx5-w{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:24px;min-width:0}
.kxs .kx5 .kx5-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:var(--card);border:1px solid var(--line)}
.kxs .kx5 .kx5-w b{display:block;margin:16px 0 6px;font:800 19px/1.25 'Plus Jakarta Sans',Inter,sans-serif;color:var(--ink);letter-spacing:-.01em}
.kxs .kx5 .kx5-w p{margin:0 !important;font-size:15.5px;line-height:1.55;color:var(--mute)}

/* your free start: the gifts, then what it costs afterwards — nothing hidden */
.kxs .kx5 .kx5-gifts{max-width:860px;margin:40px auto 0;text-align:left}
.kxs .kx5 .kx5-g{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}
.kxs .kx5 .kx5-g:last-child{border-bottom:0}
.kxs .kx5 .kx5-when{font:800 13.5px/1.6 Inter,sans-serif;color:var(--n-violet);padding-top:2px}
.kxs[data-kx="dark"] .kx5 .kx5-when{color:#B9A2FF}
.kxs .kx5 .kx5-g b{display:block;font:800 19.5px/1.3 'Plus Jakarta Sans',Inter,sans-serif;color:var(--ink);letter-spacing:-.01em}
.kxs .kx5 .kx5-g p{margin:6px 0 0 !important;font-size:15.5px;line-height:1.55;color:var(--mute)}
.kxs .kx5 .kx5-then{max-width:860px;margin:24px auto 0 !important;text-align:center;font-size:15.5px;color:var(--mute);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px}
.kxs .kx5 .kx5-then b{color:var(--ink)}
.kxs .kx5 .kx5-center{text-align:center;margin-top:28px}

/* pricing: two cards, the yearly one with its own reasons */
.kxs .kx5 .kx5-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:900px;margin:30px auto 0;text-align:left}
.kxs .kx5 .kx5-pl{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px 26px;min-width:0;box-shadow:var(--n-shadow)}
.kxs .kx5 .kx5-best{border:2px solid #7C4DFF;box-shadow:0 0 0 6px color-mix(in srgb,#7C4DFF 8%,transparent),var(--n-shadow)}
.kxs .kx5 .kx5-badge{position:absolute;top:-13px;right:22px;background:var(--n-grad);color:#fff;border-radius:999px;padding:5px 12px;font:800 12px/1.2 Inter,sans-serif}
.kxs .kx5 .kx5-plh{display:flex;align-items:center;gap:10px;margin:0 !important;font:800 18px/1.2 'Plus Jakarta Sans',Inter,sans-serif;color:var(--ink)}
.kxs .kx5 .kx5-tag{font:700 11.5px/1 Inter,sans-serif;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,#13955A 12%,var(--card));color:#13955A}
.kxs .kx5 .kx5-amt{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin:14px 0 0 !important}
.kxs .kx5 .kx5-amt b{font:800 44px/1 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.kxs .kx5 .kx5-amt s{font:700 22px/1 'Plus Jakarta Sans',Inter,sans-serif;color:var(--faint);text-decoration-color:#E8467C;text-decoration-thickness:2px}
.kxs .kx5 .kx5-amt small{font-size:15px;color:var(--mute)}
.kxs .kx5 .kx5-sub{margin:8px 0 18px !important;font-size:13.5px;line-height:1.5;color:var(--mute)}
.kxs .kx5 .kx5-why{margin:-12px 0 16px !important;font-size:12.5px;color:var(--faint)}
.kxs .kx5 .kx5-pl .kh3-btn{display:flex;justify-content:center;width:100%;box-sizing:border-box}
.kxs .kx5 .kx5-ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.kxs .kx5 .kx5-ul li{display:flex;gap:9px;font-size:14.5px;line-height:1.45;color:var(--body)}
.kxs .kx5 .kx5-ul li::before{content:"✓";flex:none;color:#16A37A;font-weight:800}
.kxs .kx5 .kx5-ul b{color:var(--ink)}
.kxs .kx5 .kx5-only{margin:16px 0 0 !important;font:800 11.5px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7C4DFF}
.kxs[data-kx="dark"] .kx5 .kx5-only{color:#B9A2FF}
.kxs .kx5 .kx5-ul.kx5-y{margin-top:8px}

/* Ask Kudexa in the corner: the panel */
.kxs .kx5 .kq-panel{position:fixed;right:20px;bottom:20px;z-index:95;width:400px;max-width:calc(100vw - 32px);height:min(640px,calc(100vh - 40px));opacity:0;transform:translateY(14px) scale(.98);transform-origin:100% 100%;transition:opacity .18s,transform .18s}
.kxs .kx5 .kq-panel.on{opacity:1;transform:none}
.kxs .kx5 .kq-panel[hidden]{display:none !important}
.kxs .kx5 .kq-panel .kq-chat{margin:0;max-width:none;height:100%;display:flex;flex-direction:column;border-radius:22px;box-shadow:0 30px 70px -20px rgba(16,20,45,.45),0 0 0 6px color-mix(in srgb,#7C4DFF 7%,transparent)}
.kxs .kx5 .kq-panel .kq-top{flex-wrap:wrap;padding:12px 12px 10px 16px;row-gap:10px}
.kxs .kx5 .kq-panel .kq-who{flex:1}
.kxs .kx5 .kq-panel .kq-modes{order:3;width:100%;margin:0;overflow-x:auto;scrollbar-width:none}
.kxs .kx5 .kq-panel .kq-modes::-webkit-scrollbar{display:none}
.kxs .kx5 .kq-panel .kq-log,.kxs .kx5 .kq-panel .kq-chat.kq-fresh .kq-log{flex:1;height:auto;min-height:0;max-height:none}
.kxs .kx5 .kq-panel .kq-chat.kq-fresh .kq-bar{flex-direction:row}
.kxs .kx5 .kq-panel .kq-chat.kq-fresh .kq-send{padding:0 16px}
.kxs .kx5 .kq-x{margin-left:auto;width:34px;height:34px;flex:none;border:0;border-radius:50%;background:var(--chip);color:var(--mute);font:400 22px/1 Inter,sans-serif;cursor:pointer;display:grid;place-items:center}
.kxs .kx5 .kq-x:hover{color:var(--ink)}
.kxs .kx5 .kq-boot{flex:1;display:grid;place-items:center}

/* the K button */
.kxs .kx5 .kx5-fab{padding:0;width:60px;height:60px;justify-content:center;background:var(--n-grad);border-radius:50%}
.kxs .kx5 .kx5-fab span{width:auto;height:auto;background:none;font:800 22px/1 'Plus Jakarta Sans',Inter,sans-serif}
.kxs .kx5 .kx5-fabdot{position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;background:#22C55E;border:2px solid var(--page)}
html.kx5-chat-on .kxs .kx5 .kx5-fab{opacity:0;pointer-events:none}
.kxs .kx5 .kq-nudge[hidden]{display:none !important}

/* phones: the bar that stays, with the gift and the K */
.kxs .kx5 .kx5-bar{display:none}

/* "before you go" */
.kxs .kx5 .kx5-exit{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;opacity:0;transition:opacity .18s}
.kxs .kx5 .kx5-exit.on{opacity:1}
.kxs .kx5 .kx5-exit[hidden]{display:none !important}
.kxs .kx5 .kx5-exitbg{position:absolute;inset:0;background:rgba(11,15,25,.5)}
.kxs .kx5 .kx5-ex{position:relative;width:520px;max-width:100%;max-height:calc(100vh - 32px);overflow:auto;background:var(--card);color:var(--ink);border-radius:22px;padding:26px 26px 18px;box-shadow:0 30px 70px -20px rgba(0,0,0,.5);transform:translateY(10px);transition:transform .18s}
.kxs .kx5 .kx5-exit.on .kx5-ex{transform:none}
.kxs .kx5 .kx5-grab{display:none}
.kxs .kx5 .kx5-exx{position:absolute;top:14px;right:14px}
.kxs .kx5 .kx5-exk{margin:0 !important;font:800 11.5px/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7C4DFF}
.kxs[data-kx="dark"] .kx5 .kx5-exk{color:#B9A2FF}
.kxs .kx5 .kx5-exh{margin:8px 40px 0 0 !important;font:800 24px/1.2 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.kxs .kx5 .kx5-exwho{display:flex;gap:10px;align-items:flex-start;margin-top:16px}
.kxs .kx5 .kx5-exwho p{margin:0 !important;background:var(--soft);border:1px solid var(--line);border-radius:4px 16px 16px 16px;padding:11px 14px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.kxs .kx5 .kx5-exin{display:flex;gap:8px;margin:14px 0 0}
.kxs .kx5 .kx5-exin input{flex:1;min-width:0;border:1.5px solid color-mix(in srgb,#7C4DFF 55%,var(--line));background:var(--card);color:var(--ink);border-radius:12px;padding:12px 14px;font:500 15px/1.2 Inter,sans-serif;outline:none}
.kxs .kx5 .kx5-exin input:focus{box-shadow:0 0 0 3px color-mix(in srgb,#7C4DFF 18%,transparent)}
.kxs .kx5 .kx5-exin button{border:0;border-radius:12px;background:var(--invert);color:var(--invert-ink);padding:0 18px;font:700 15px/1 Inter,sans-serif;cursor:pointer;white-space:nowrap}
.kxs .kx5 .kx5-exerr{margin:8px 0 0 !important;font-size:13px;color:#E8467C}
.kxs .kx5 .kx5-exticks{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0 !important;font-size:12.5px;color:var(--mute)}
.kxs .kx5 .kx5-exticks span::before{content:"✓ ";color:#16A37A;font-weight:800}
.kxs .kx5 .kx5-exor{display:flex;align-items:center;gap:10px;margin:16px 0 0 !important;font-size:12.5px;color:var(--faint)}
.kxs .kx5 .kx5-exor::before,.kxs .kx5 .kx5-exor::after{content:"";flex:1;height:1px;background:var(--line)}
.kxs .kx5 .kx5-exguide{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:12px;text-align:left;cursor:pointer;color:var(--ink);font:inherit}
.kxs .kx5 .kx5-exguide:hover{border-color:color-mix(in srgb,#7C4DFF 45%,var(--line))}
.kxs .kx5 .kx5-exbook{width:38px;height:46px;flex:none;border-radius:6px;display:grid;place-items:center;font-size:18px;background:linear-gradient(160deg,color-mix(in srgb,#2F5BEA 12%,var(--card)),color-mix(in srgb,#E8467C 12%,var(--card)));border:1px solid var(--line)}
.kxs .kx5 .kx5-exguide b{display:block;font-size:14px}
.kxs .kx5 .kx5-exguide small{display:block;font-size:13px;line-height:1.4;color:var(--mute);margin-top:2px}
.kxs .kx5 .kx5-exguide > span:nth-child(2){flex:1;min-width:0}
.kxs .kx5 .kx5-exguide u{font-weight:700;font-size:13.5px;white-space:nowrap;text-underline-offset:3px}
.kxs .kx5 .kx5-exno{display:block;margin:12px auto 0;border:0;background:none;font:500 13px/1.4 Inter,sans-serif;color:var(--faint);cursor:pointer;padding:6px}
.kxs .kx5 .kx5-exkeep{display:none}
.kxs .kx5 .kx5-keep .kx5-exkeep{display:flex;justify-content:center;width:100%;margin-top:18px;box-sizing:border-box}
.kxs .kx5 .kx5-keep .kx5-exwho,.kxs .kx5 .kx5-keep .kx5-exin,.kxs .kx5 .kx5-keep .kx5-exticks,.kxs .kx5 .kx5-keep .kx5-exor,.kxs .kx5 .kx5-keep .kx5-exguide,.kxs .kx5 .kx5-keep .kx5-exerr,
.kxs .kx5 .kx5-noguide .kx5-exor,.kxs .kx5 .kx5-noguide .kx5-exguide{display:none !important}

@media (max-width:980px){
  .kxs .kx5 .kx5-cols,.kxs .kx5 .kx5-whos{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .kxs .kx5 .kx5-hero h1{max-width:none}
  .kxs .kx5 .kx5-go{align-items:stretch}
  .kxs .kx5 .kx5-gift{justify-content:center;font-size:16.5px;padding:17px 18px;max-width:100%;box-sizing:border-box}
  .kxs .kx5 .kx5-note{text-align:center;font-size:13px}
  .kxs .kx5 .kx5-g{grid-template-columns:minmax(0,1fr);gap:4px}
  .kxs .kx5 .kx5-plans{grid-template-columns:minmax(0,1fr)}
  .kxs .kx5 .kx5-amt b{font-size:36px}
  .kxs .kx5 .kx5-amt s{font-size:18px}
  .kxs .kx5 .kx5-swap{font-size:14px}
  /* the chat opens as a sheet from the bottom */
  .kxs .kx5 .kq-panel{left:0;right:0;bottom:0;width:auto;max-width:none;height:88vh;height:88dvh;transform:translateY(24px);transform-origin:50% 100%}
  .kxs .kx5 .kq-panel .kq-chat{border-radius:22px 22px 0 0;border-bottom:0;box-shadow:0 -20px 50px rgba(16,20,45,.35)}
  html.kx5-chat-on .kxs .kx5 .kx5-bar{transform:translateY(120%)}
  .kxs .kx5 .kx5-fab{display:none !important}
  .kxs .kx5 .kq-nudge:not([hidden]){display:block !important;right:12px;left:auto;bottom:86px;width:280px}
  html:not(.kx5-bar-on) .kxs .kx5 .kq-nudge{bottom:20px}
  .kxs .kx5 .kx5-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;gap:10px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--page) 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);transform:translateY(120%);transition:transform .2s}
  .kxs .kx5 .kx5-bar.on{transform:none}
  .kxs .kx5 .kx5-bar .kx5-gift{flex:1;min-width:0;padding:14px 16px;font-size:15px;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kxs .kx5 .kx5-barask{width:48px;height:48px;flex:none;border:0;border-radius:50%;background:var(--n-grad);color:#fff;font:800 18px/1 'Plus Jakarta Sans',Inter,sans-serif;display:grid;place-items:center;cursor:pointer}
  html.kx5-bar-on .kxs .kh3-fin{margin-bottom:72px}
  /* "before you go" rises from the bottom */
  .kxs .kx5 .kx5-exit{place-items:end stretch;padding:0}
  .kxs .kx5 .kx5-ex{width:auto;border-radius:22px 22px 0 0;padding:12px 18px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(30px)}
  .kxs .kx5 .kx5-grab{display:block;width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}
  .kxs .kx5 .kx5-exh{font-size:21px}
  .kxs .kx5 .kx5-exticks span:last-child{display:none}
}
@media (max-width:389px){.kxs .kx5 .kx5-gift{font-size:15.5px;padding:15px 16px;white-space:normal;text-align:center;line-height:1.25}}
@media (prefers-reduced-motion:reduce){.kxs .kx5 .kq-panel,.kxs .kx5 .kx5-exit,.kxs .kx5 .kx5-ex,.kxs .kx5 .kx5-bar{transition:none}}

/* 4.0.1 — the free personal brand score: a quiet link beside the count, and under the closing button */
.kxs .kx5 .kx5-score{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:color-mix(in srgb,#7C4DFF 45%,transparent);text-decoration-thickness:2px;text-underline-offset:4px;white-space:nowrap}
.kxs .kx5 .kx5-score:hover{text-decoration-color:#7C4DFF}
.kxs .kx5 .kx5-pp{flex-wrap:wrap;justify-content:center;row-gap:6px;text-align:center}
.kxs .kx5 .kx5-finalt{margin:12px 0 0 !important;font-size:14.5px}
.kxs .kx5 .kh3-fin .kx5-score{color:#fff;text-decoration-color:rgba(255,255,255,.45)}
.kxs .kx5 .kh3-fin .kx5-score:hover{text-decoration-color:#fff}
@media (max-width:760px){.kxs .kx5 .kx5-score{white-space:normal}.kxs .kx5 .kq-ago .kh3-btn{white-space:normal;text-align:center;justify-content:center;max-width:100%;box-sizing:border-box}.kxs .kx5 .kx5-ppdot{display:none}.kxs .kx5 .kx5-pp>span:last-child{display:block;text-align:center}.kxs .kx5 .kx5-pp .kx5-score{display:inline-block;margin-top:6px}}
/* 4.0.4 — sections take turns: the page colour, then a soft band, so each one reads as its own part.
   And one rhythm of space between all of them: 88px on a computer, 56px on a phone. */
.kxs .kx5{--kx5-band:color-mix(in srgb,#7C4DFF 4%,var(--soft))}
.kxs .kx5 .kh3-sec{padding-top:88px !important;padding-bottom:88px !important;background:var(--page);border-top:0;border-bottom:0}
.kxs .kx5 .kh3-sec.kx5-alt{background:var(--kx5-band);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* the closing card after a soft band gets the same space above it as every section has */
.kxs .kx5 .kh3-fin.kx5-fingap{margin-top:88px}
.kxs .kx5 .kx5-w{background:var(--card)}
@media (max-width:760px){.kxs .kx5 .kh3-sec{padding-top:56px !important;padding-bottom:56px !important}.kxs .kx5 .kh3-fin.kx5-fingap{margin-top:56px}}
/* 4.0.5 — Why I built Kudexa: his photo and name on one side, his story on the other; real quotes under it once there are any. */
.kxs .kx5 .kx5-fd{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:center;max-width:980px;margin:0 auto;text-align:left}
.kxs .kx5 .kx5-fdme{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px 20px 22px;box-shadow:var(--n-shadow)}
.kxs .kx5 .kx5-fdme img,.kxs .kx5 .kx5-fdin{width:132px;height:132px;border-radius:50%;object-fit:cover;margin-bottom:12px;box-shadow:0 0 0 4px var(--card),0 0 0 6px color-mix(in srgb,#7C4DFF 45%,var(--line))}
.kxs .kx5 .kx5-fdin{display:grid;place-items:center;background:var(--n-grad);color:#fff;font:800 40px/1 'Plus Jakarta Sans',Inter,sans-serif}
.kxs .kx5 .kx5-fdme b{font:800 19px/1.25 'Plus Jakarta Sans',Inter,sans-serif;color:var(--ink)}
.kxs .kx5 .kx5-fdme>span{font-size:14px;color:var(--mute)}
/* 4.0.39 — one unbroken line under the whole link (emoji included), and the arrow back */
.kxs .kx5 .kx5-fdli{margin-top:12px;display:inline-flex;align-items:center;gap:6px;padding-bottom:5px;font:700 14px/1.2 Inter,sans-serif;color:var(--ink);text-decoration:none;border-bottom:1.5px solid color-mix(in srgb,var(--ink) 30%,transparent);transition:border-color .15s}
.kxs .kx5 .kx5-fdli:hover{border-bottom-color:var(--ink)}
.kxs .kx5 .kx5-fdli .kx5-fdar{flex:none;width:10px;height:10px;opacity:.7;transition:transform .15s,opacity .15s}   /* 4.0.40 — a small bold drawn arrow: the same in every font */
.kxs .kx5 .kx5-fdli:hover .kx5-fdar{transform:translate(2px,-2px);opacity:1}
.kxs .kx5 .kx5-fdtx h2{margin:10px 0 18px;max-width:none;text-align:left}
.kxs .kx5 .kx5-fdtx p{margin:0 0 14px !important;font-size:17px;line-height:1.65;color:var(--mute);max-width:62ch}
.kxs .kx5 .kx5-fdfx{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kxs .kx5 .kx5-fdfx li{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font:600 13.5px/1.2 Inter,sans-serif;color:var(--ink)}
.kxs .kx5 .kx5-qs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;max-width:980px;margin:48px auto 0;text-align:left}
.kxs .kx5 .kx5-q{margin:0;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:16px;min-width:0}
.kxs .kx5 .kx5-q blockquote{margin:0;padding:0;border:0;font-size:16px;line-height:1.6;color:var(--ink)}
.kxs .kx5 .kx5-q blockquote:before{content:"\201C";display:block;font:800 34px/0.7 'Plus Jakarta Sans',Inter,sans-serif;color:#7C4DFF;margin-bottom:8px}
.kxs .kx5 .kx5-q figcaption{display:flex;align-items:center;gap:10px;margin-top:auto}
.kxs .kx5 .kx5-q figcaption img,.kxs .kx5 .kx5-q figcaption i{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.kxs .kx5 .kx5-q figcaption i{display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);font:800 15px/1 Inter,sans-serif;font-style:normal;color:var(--ink)}
.kxs .kx5 .kx5-q figcaption span{display:flex;flex-direction:column;min-width:0}
.kxs .kx5 .kx5-q figcaption b{font-size:14.5px;color:var(--ink)}
.kxs .kx5 .kx5-q figcaption small{font-size:13px;color:var(--mute)}
@media (max-width:760px){
  .kxs .kx5 .kx5-fd{grid-template-columns:minmax(0,1fr);gap:28px}
  .kxs .kx5 .kx5-fdme{max-width:320px;width:100%;margin:0 auto;box-sizing:border-box}
  .kxs .kx5 .kx5-fdme img,.kxs .kx5 .kx5-fdin{width:112px;height:112px}
  .kxs .kx5 .kx5-fdtx p{font-size:16px}
  .kxs .kx5 .kx5-qs{margin-top:32px}
}
/* 4.0.5 — the close buttons draw their own cross, so it sits dead centre in its circle whatever the font */
.kxs .kx5 .kq-x{padding:0;line-height:0}
.kxs .kx5 .kq-x svg,.kxs .kx5 .kq-nx svg{display:block;width:14px;height:14px}
.kxs .kx5 .kq-nx{display:grid;place-items:center;width:28px;height:28px;padding:0;line-height:0;border-radius:50%;top:6px;right:6px}
.kxs .kx5 .kq-nx:hover{background:var(--chip);color:var(--ink)}
/* 4.0.7 — every screen size, checked one by one.
   Small phones (iPhone SE 1st, 320px): the headline in 3 lines not 4, the three steps on one row,
   so the button sits well inside the first screen. Short phones get a little less space above. */
@media (max-width:374px){
  .kxs .kx5 .kq-hero h1{font-size:30px !important}
  .kxs .kx5 .kh3-steps3{flex-wrap:nowrap;gap:5px}
  .kxs .kx5 .kh3-step{font-size:13px;padding:5px 9px 5px 5px;gap:5px}
  .kxs .kx5 .kh3-step i{width:20px;height:20px;font-size:10.5px}
}
@media (max-width:760px) and (max-height:700px){.kxs .kx5 .kx5-hero{padding-top:18px !important}.kxs .kx5 .kh3-steps3{margin-top:16px !important}}
/* the "Check yours free" link always on its own line on a phone, never glued to "score" */
@media (max-width:760px){.kxs .kx5 .kx5-pp .kx5-score{display:table;margin:6px auto 0}}
/* Tablets (iPad mini to iPad landscape): a headline sized for the screen, not the phone one */
@media (min-width:761px) and (max-width:1100px){.kxs .kx5 .kq-hero h1{font-size:clamp(46px,5.6vw,56px) !important}}
/* the smallest phones: the chat's button a size smaller, so the link box has room to show what to type */
@media (max-width:374px){.kxs .kx5 .kq-panel .kq-chat.kq-fresh .kq-send{padding:0 12px;font-size:14px}.kxs .kx5 .kq-panel .kq-in{font-size:15px}}
/* 4.0.9 — pricing: one link back to the full list in "What Kudexa is", instead of repeating it */
.kxs .kx5 .kx5-see{white-space:nowrap;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ink) 30%,transparent);text-underline-offset:3px}
.kxs .kx5 .kx5-see:hover{text-decoration-color:var(--ink)}
/* 4.0.12 — the guide row in "before you go": Safari on iPhone does not lay out a button's own contents side by side,
   so the row's layout lives on an inner span. On a phone "Email it to me" takes its own line under the words. */
.kxs .kx5 .kx5-exguide{display:block}
.kxs .kx5 .kx5-exgin{display:flex;align-items:center;gap:12px;width:100%}
.kxs .kx5 .kx5-exgtx{display:block;flex:1;min-width:0}
.kxs .kx5 .kx5-exguide b,.kxs .kx5 .kx5-exguide small{white-space:normal;overflow-wrap:anywhere}
@media (max-width:480px){
  .kxs .kx5 .kx5-exgin{flex-wrap:wrap;align-items:flex-start}
  .kxs .kx5 .kx5-exgtx{flex:1 1 0}
  .kxs .kx5 .kx5-exguide u{flex:1 0 100%;padding-left:52px;margin-top:2px}
}
/* 4.0.13 — Write once: one idea → newsletter → posts → designs → notes → Instagram, as a flow with arrows (a column on phones) */
.kxs .kx5 .kx5-flow{list-style:none;margin:40px auto 0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:26px;max-width:1100px;text-align:left;counter-reset:none}
.kxs .kx5 .kx5-flow li{position:relative;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--c);border-radius:18px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--n-shadow);min-width:0}
.kxs .kx5 .kx5-flow li:not(:last-child):after{content:"";position:absolute;right:-21px;top:50%;width:16px;height:16px;transform:translateY(-50%);background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9m-3.5-4 4 4-4 4' stroke='%239CA3AF' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.kxs .kx5 .kx5-fn{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 12.5px/1 Inter,sans-serif;background:color-mix(in srgb,var(--c) 15%,var(--card));color:var(--c)}
.kxs .kx5 .kx5-flow b{font:800 17px/1.25 'Plus Jakarta Sans',Inter,sans-serif;color:var(--ink);margin-top:4px}
.kxs .kx5 .kx5-flow li>span:last-child{font-size:14.5px;line-height:1.5;color:var(--mute)}
.kxs .kx5 .kx5-flowx{margin:28px auto 0 !important;font-size:15.5px;color:var(--mute);max-width:62ch}
.kxs .kx5 .kx5-flowx b{color:var(--ink)}
@media (max-width:980px){.kxs .kx5 .kx5-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.kxs .kx5 .kx5-flow li:not(:last-child):after{display:none}}
@media (max-width:620px){
  .kxs .kx5 .kx5-flow{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:28px}
  .kxs .kx5 .kx5-flow li{padding-left:52px}
  .kxs .kx5 .kx5-flow li .kx5-fn{position:absolute;left:14px;top:18px}
  .kxs .kx5 .kx5-flow li b{margin-top:0}
  .kxs .kx5 .kx5-flow li:not(:last-child):after{display:block;left:26px;right:auto;top:auto;bottom:-15px;transform:rotate(90deg);width:14px;height:14px}
}
/* 4.0.16 — the platform marks above the Write once heading */
.kxs .kx5 .kx5-pfs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 22px}
.kxs .kx5 .kx5-pf{display:inline-flex;border-radius:11px;box-shadow:0 6px 14px -8px rgba(15,23,42,.45);transition:transform .15s}
.kxs .kx5 .kx5-pf:hover{transform:translateY(-2px)}
.kxs .kx5 .kx5-pf svg{display:block;width:40px;height:40px}
.kxs .kx5 .kx5-flowsec h2{max-width:24ch}
@media (max-width:620px){.kxs .kx5 .kx5-pf svg{width:34px;height:34px}.kxs .kx5 .kx5-pfs{gap:8px;margin-bottom:16px}}
/* 4.0.27 — the free LinkedIn audit doors: the link box under the before/after, the labelled corner pill, the phone bar pill */
@media (min-width:961px){.kxs .kx5 .kq-agrid{grid-template-areas:"cmp head" "cmp aside" "cmp aud"}}
@media (max-width:960px){.kxs .kx5 .kq-agrid{grid-template-areas:"head" "cmp" "aud" "aside"}}
.kxs .kx5 .kx5-aud{grid-area:aud;align-self:start;display:flex;flex-direction:column;gap:8px;min-width:0;width:100%;max-width:560px}
.kxs .kx5 .kx5-audf{display:flex;gap:8px;align-items:stretch;width:100%;margin:0}
.kxs .kx5 .kx5-audin{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:999px;padding:0 8px 0 10px;background:var(--card);cursor:text}
.kxs .kx5 .kx5-audin:focus-within{border-color:var(--accent,#2563EB);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#2563EB) 18%,transparent)}
.kxs .kx5 .kx5-audin i{font-style:normal;font:800 12px/1 Inter,sans-serif;color:#fff;background:#0A66C2;border-radius:5px;padding:4px 5px;flex:none}
.kxs .kx5 .kx5-audin input{border:0;outline:0;background:none;font:inherit;font-size:16px;min-width:0;width:100%;padding:14px 0;color:var(--ink);box-shadow:none}
.kxs .kx5 .kx5-audf .kh3-btn{white-space:nowrap;flex:none;border:0;cursor:pointer}
.kxs .kx5 .kx5-aud small{color:var(--mute);font-size:13.5px}
.kxs .kx5 .kx5-auderr{margin:0 !important;font-size:13.5px;color:#E11D48}
@media (max-width:760px){.kxs .kx5 .kx5-aud{max-width:none;justify-self:stretch}.kxs .kx5 .kx5-audf{flex-direction:column}.kxs .kx5 .kx5-audf .kh3-btn{justify-content:center}.kxs .kx5 .kx5-aud small,.kxs .kx5 .kx5-auderr{text-align:center}}
.kxs .kx5 .kx5-fab.kx5-fabp{width:auto;height:52px;padding:0 20px 0 8px;border-radius:999px;gap:10px;display:flex;align-items:center;color:#fff;transition:opacity .2s,transform .2s}
.kxs .kx5 .kx5-fab.kx5-fabp span{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:17px}
.kxs .kx5 .kx5-fabt{font:700 15px/1 Inter,sans-serif;white-space:nowrap;color:#fff}
html.kx5-fabk .kxs .kx5 .kx5-fab.kx5-fabp{width:60px;height:60px;padding:0;justify-content:center}
html.kx5-fabk .kxs .kx5 .kx5-fab.kx5-fabp span{width:auto;height:auto;background:none;font-size:22px}
html.kx5-fabk .kxs .kx5 .kx5-fabt{display:none}
html.kx5-fabend .kxs .kx5 .kx5-fab{opacity:0;pointer-events:none;transform:translateY(12px)}
.kxs .kx5 .kx5-bar .kx5-barask.kx5-barp{width:auto;height:48px;padding:0 14px 0 6px;border-radius:999px;border:1.5px solid var(--ink);background:var(--card);color:var(--ink);display:flex;align-items:center;gap:7px;font:700 14px/1 Inter,sans-serif;white-space:nowrap}
.kxs .kx5 .kx5-bar .kx5-barp span{width:34px;height:34px;border-radius:50%;background:var(--n-grad);color:#fff;display:grid;place-items:center;font:800 15px/1 'Plus Jakarta Sans',Inter,sans-serif}
.kxs .kx5 .kx5-bar .kx5-barp b{font-weight:700}
.kxs .kx5 .kx5-bar .kx5-gift{padding:14px 12px;font-size:14.5px}
@media (max-width:359px){.kxs .kx5 .kx5-bar .kx5-barask.kx5-barp{padding:0 10px 0 5px;font-size:12.5px;gap:5px}.kxs .kx5 .kx5-bar .kx5-gift{font-size:13.5px;padding:13px 8px}}

/* 4.0.30 — the "how to get your LinkedIn PDF" line under a chat message */
.kxs .kq-msg p.kq-how{font-size:13.5px;line-height:1.5;color:var(--mute);margin-top:6px}