/* Generated by tools/rtl/make-rtl-css.js from landing.css (sha256 cec4ea9e69f386f13f52e63caa32c77fe8bc9b3327b7dbb97471eb2b70dcbcb5). Do not edit by hand. */
/* Kaam360 public pages: landing, sign-up, legal. Kept apart from app.css so the app is never affected. */
/* Read by screen readers only (the same rule as in app.css, which the home and features pages do not load). */
.nx-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:root{
  --lp-ink:#0f172a; --lp-muted:#475569; --lp-soft:#64748b; --lp-line:#e2e8f0; --lp-bg:#ffffff; --lp-alt:#f8fafc;
  --lp-brand:#4338ca; --lp-brand-d:#3730a3; --lp-brand-l:#eef2ff; --lp-brand-m:#c7d2fe;
  --lp-green:#16a34a; --lp-amber:#f59e0b; --lp-red:#dc2626;
  --lp-radius:16px; --lp-shadow:0 1px 2px rgba(15,23,42,.06),0 12px 32px -8px rgba(15,23,42,.18);
}
html{scroll-behavior:smooth}
/* The app stylesheet makes html and body exactly one screen tall; on these long public pages that cut the sticky header off after one screen. */
html,body{height:auto;min-height:100%}
body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--lp-ink);background:var(--lp-bg);-webkit-font-smoothing:antialiased;line-height:1.55}
/* The public pages are always light. A visitor who chose the dark look inside the app has a dark theme saved on this device, and the app's dark rules
   (which are more specific than the line above) would otherwise turn all text here pale on the white cards. */
html[data-theme="dark"]{color-scheme:light}
html[data-theme="dark"] body{background:var(--lp-bg);color:var(--lp-ink)}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{color:var(--lp-ink)}
*,*::before,*::after{box-sizing:border-box}
h1,h2,h3,h4,p{margin:0}
a{color:inherit}
img{max-width:100%}
.lp-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}
.lp-narrow{max-width:760px}
.lp-center{text-align:center}
.lp-muted{color:var(--lp-muted)}
.lp-skip{position:absolute;right:-999px;top:8px;background:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.lp-skip:focus{right:8px}
#main:focus{outline:none}
.lp-skip:focus-visible{outline:3px solid var(--lp-brand-m);outline-offset:2px}

/* ---- buttons ---- */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}
.lp-btn:focus-visible,.lp-link:focus-visible,.lp-nav a:focus-visible,.lp-faq summary:focus-visible{outline:3px solid var(--lp-brand-m);outline-offset:2px}
.lp-btn-primary{background:var(--lp-brand);color:#fff;box-shadow:0 6px 16px -6px rgba(67,56,202,.6)}
.lp-btn-primary:hover{background:var(--lp-brand-d);transform:translateY(-1px)}
.lp-btn-ghost{background:#fff;color:var(--lp-ink);border-color:var(--lp-line)}
.lp-btn-ghost:hover{border-color:var(--lp-brand-m);background:var(--lp-brand-l)}
.lp-btn-light{background:#fff;color:var(--lp-brand-d)}
.lp-btn-light:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(0,0,0,.4)}
.lp-btn-lg{padding:15px 28px;font-size:16px;border-radius:14px}
.lp-btn-sm{padding:7px 14px;font-size:13px;border-radius:10px;box-shadow:none}
.lp-noclick{pointer-events:none;cursor:default}

/* ---- header ---- */
.lp-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--lp-line)}
.lp-header-in{display:flex;align-items:center;gap:28px;height:68px}
.lp-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:20px;letter-spacing:-.02em}
.lp-brand b{color:var(--lp-brand)}
.lp-nav{display:flex;gap:26px;margin-right:12px}
.lp-nav a{text-decoration:none;color:var(--lp-muted);font-weight:500;font-size:15px;padding:6px 2px;white-space:nowrap}
.lp-header-cta,.lp-header-cta a,.lp-header-cta button{white-space:nowrap}
.lp-nav{flex:0 0 auto}
@media (max-width:1180px){.lp-header-in{gap:16px}.lp-nav{gap:16px;margin-right:4px}.lp-header-cta{gap:12px}}
@media (max-width:1060px){.lp-nav a[href$="#why"],.lp-nav a[href$="#faq"]{display:none}.lp-nav{gap:18px}}
.lp-nav a:hover{color:var(--lp-ink)}
.lp-header-cta{margin-right:auto;display:flex;align-items:center;gap:18px}
.lp-link{text-decoration:none;font-weight:600;font-size:15px;color:var(--lp-ink)}
.lp-link:hover{color:var(--lp-brand)}
.lp-menu{display:none;margin-right:auto;position:relative}
.lp-menu summary{list-style:none;cursor:pointer;width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:10px;border:1px solid var(--lp-line)}
.lp-menu summary::-webkit-details-marker{display:none}
.lp-menu summary span{display:block;width:18px;height:2px;background:var(--lp-ink);border-radius:2px}
.lp-menu-panel{position:absolute;left:0;top:52px;width:min(86vw,300px);background:#fff;border:1px solid var(--lp-line);border-radius:16px;box-shadow:var(--lp-shadow);padding:12px;display:flex;flex-direction:column;gap:4px}
.lp-menu-panel a{padding:12px 14px;text-decoration:none;font-weight:600;border-radius:10px}
.lp-menu-panel a:hover{background:var(--lp-brand-l)}
.lp-menu-panel .lp-btn{margin-top:6px}

/* ---- hero ---- */
.lp-hero{position:relative;overflow:hidden;padding:72px 0 88px;background:linear-gradient(-180deg,#f5f7ff 0%,#fff 100%)}
.lp-hero-bg{position:absolute;inset:0;background:
  radial-gradient(600px 320px at 12% 10%,rgba(99,102,241,.18),transparent 70%),
  radial-gradient(520px 300px at 92% 28%,rgba(14,165,233,.14),transparent 70%),
  linear-gradient(rgba(67,56,202,.045) 1px,transparent 1px),linear-gradient(-90deg,rgba(67,56,202,.045) 1px,transparent 1px);
  background-size:auto,auto,44px 44px,44px 44px;mask-image:linear-gradient(180deg,#000 55%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent)}
.lp-hero-in{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.lp-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-brand);background:var(--lp-brand-l);padding:6px 12px;border-radius:999px}
.lp-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.07;letter-spacing:-.035em;font-weight:800;margin:18px 0 20px}
.lp-grad{background:linear-gradient(-90deg,#4338ca,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-lead{font-size:clamp(17px,1.6vw,20px);color:var(--lp-muted);max-width:620px}
.lp-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 22px}
.lp-assure{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--lp-muted);font-size:14px;font-weight:500}
.lp-assure li::before{content:"";display:inline-block;width:16px;height:16px;margin-left:7px;vertical-align:-3px;background:var(--lp-green);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.lp-hero-art{position:relative;min-height:460px}
.lp-float-a{position:absolute;top:0;right:0;width:92%}
.lp-float-b{position:absolute;bottom:0;left:0;width:68%}
.lp-float-c{position:absolute;bottom:24px;right:-22px;width:176px;display:flex;align-items:center;gap:12px;padding:14px}
.lp-float-c small{color:var(--lp-muted);font-size:12px;line-height:1.35}

/* ---- mock product cards ---- */
.lp-mock{background:#fff;border:1px solid var(--lp-line);border-radius:var(--lp-radius);box-shadow:var(--lp-shadow);padding:16px 18px;font-size:13.5px;text-align:right}
.lp-mock-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-bottom:10px}
.lp-mock-head b{font-size:15px}
.lp-sub{flex-basis:100%;color:var(--lp-soft);font-weight:400;font-size:12.5px}
.lp-dot-ico{width:22px;height:22px;border-radius:7px;background:var(--lp-brand-l);position:relative;display:inline-block}
.lp-dot-ico::after{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid var(--lp-brand)}
.lp-chip{font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 10px;border:1px solid var(--lp-line);background:#fff}
.lp-chip-red{color:#b91c1c;border-color:#fecaca;background:#fef2f2;margin-right:auto}
.lp-chip-amber{color:#b45309;border-color:#fde68a;background:#fffbeb}
.lp-chip-green{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}
.lp-trow{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--lp-line)}
.lp-trow:first-of-type{border-top:0}
.lp-trow b{display:block;font-size:14px}
.lp-trow b em{font-style:normal;font-weight:500;color:var(--lp-soft);font-size:12px;margin-right:6px}
.lp-trow small{display:block;color:var(--lp-muted);font-size:12.5px;margin-top:2px}
.lp-light{flex:none;width:12px;height:12px;border-radius:50%;margin-top:5px}
.lp-light.is-red{background:var(--lp-red);box-shadow:0 0 0 4px rgba(220,38,38,.15)}
.lp-light.is-amber{background:var(--lp-amber);box-shadow:0 0 0 4px rgba(245,158,11,.18)}
.lp-light.is-green{background:var(--lp-green);box-shadow:0 0 0 4px rgba(22,163,74,.14)}
.lp-amount{margin-right:auto;font-weight:700;font-size:16px}
.lp-amount em{font-style:normal;font-weight:500;font-size:11px;color:var(--lp-soft)}
.lp-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:16px 0 14px}
.lp-track::before{content:"";position:absolute;right:12.5%;left:12.5%;top:9px;height:2px;background:var(--lp-line)}
.lp-track span{position:relative;text-align:center;font-size:11.5px;font-weight:600;color:var(--lp-soft);padding-top:26px}
.lp-track span i{position:absolute;right:50%;top:0;transform:translateX(50%);width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--lp-line)}
.lp-track span small{display:block;font-weight:500;font-size:10.5px}
.lp-track span.done{color:var(--lp-brand)}
.lp-track span.done i{background:var(--lp-brand);border-color:var(--lp-brand)}
.lp-track span.done i::after{content:"";position:absolute;right:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.lp-track span.now{color:var(--lp-brand)}
.lp-track span.now i{background:var(--lp-brand);border-color:var(--lp-brand);box-shadow:0 0 0 5px rgba(67,56,202,.18)}
.lp-track span.now i::after{content:"";position:absolute;right:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.lp-track-lg span{font-size:12.5px}
.lp-fake-btn{display:inline-block;background:var(--lp-brand);color:#fff;font-weight:600;font-size:13px;padding:8px 14px;border-radius:10px;border:0}
.lp-fake-note{margin-right:10px;color:var(--lp-soft);font-size:12.5px;border:1px solid var(--lp-line);border-radius:10px;padding:7px 12px;display:inline-block}
.lp-ring{--p:60;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--lp-brand) calc(var(--p)*1%),#e5e7eb 0);display:grid;place-items:center;flex:none;position:relative}
.lp-ring::before{content:"";position:absolute;inset:8px;background:#fff;border-radius:50%}
.lp-ring span{position:relative;font-weight:700;font-size:14px}
.lp-ring-sm{width:56px;height:56px}
@media (prefers-reduced-motion:no-preference){
  .lp-float-a{animation:lp-bob 7s ease-in-out infinite}
  .lp-float-b{animation:lp-bob 8s ease-in-out -2s infinite}
  .lp-float-c{animation:lp-bob 6s ease-in-out -4s infinite}
}
@keyframes lp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
html[data-motion=reduce] .lp-float-a,html[data-motion=reduce] .lp-float-b,html[data-motion=reduce] .lp-float-c{animation:none}

/* ---- strip ---- */
.lp-strip{border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line);background:#fff;padding:22px 0}
.lp-strip .lp-wrap{display:flex;align-items:center;gap:18px 34px;flex-wrap:wrap;justify-content:center}
.lp-strip p{color:var(--lp-soft);font-size:14px;max-width:340px}
.lp-strip ul{list-style:none;margin:0;padding:0;display:flex;gap:10px 28px;flex-wrap:wrap}
.lp-strip li{font-weight:600;color:var(--lp-muted)}

/* ---- sections ---- */
.lp-section{padding:96px 0}
.lp-alt{background:var(--lp-alt);border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line)}
.lp-section-head{max-width:760px;margin:0 auto 64px;text-align:center}
.lp-section-head.lp-left{text-align:right;margin:0}
.lp-section-head h2{font-size:clamp(28px,3.6vw,42px);line-height:1.12;letter-spacing:-.03em;font-weight:800;margin:14px 0 14px}
.lp-section-head p{color:var(--lp-muted);font-size:18px}
.lp-feature{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;margin-bottom:96px}
.lp-feature:last-child{margin-bottom:0}
.lp-flip .lp-feature-copy{order:2}
.lp-num{font-size:14px;font-weight:800;color:var(--lp-brand);letter-spacing:.08em}
.lp-feature h3{font-size:clamp(24px,2.6vw,32px);line-height:1.15;letter-spacing:-.025em;font-weight:800;margin:10px 0 14px}
.lp-feature p{color:var(--lp-muted);font-size:17px}
.lp-ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:11px}
.lp-ticks li{position:relative;padding-right:30px;color:var(--lp-ink);font-weight:500;font-size:15.5px}
.lp-ticks li::before{content:"";position:absolute;right:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--lp-brand-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234338ca' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat}
.lp-feature-art{position:relative;padding:28px;border-radius:24px;background:linear-gradient(-135deg,#eef2ff,#e0f2fe)}
.lp-mock-wide{width:100%}
.lp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.lp-kpis>div{border:1px solid var(--lp-line);border-radius:12px;padding:10px 12px;background:#fff}
.lp-kpis small{display:block;color:var(--lp-soft);font-size:11.5px}
.lp-kpis b{display:block;font-size:16px;letter-spacing:-.01em}
.lp-kpis b.g{color:var(--lp-green)} .lp-kpis b.a{color:#b45309}
.lp-kpis em{font-style:normal;color:var(--lp-soft);font-size:11px}
.lp-pay-card{border:1px solid var(--lp-line);border-radius:12px;padding:14px}
.lp-bar{display:flex;height:8px;border-radius:99px;background:#e5e7eb;overflow:hidden;margin:6px 0 4px}
.lp-bar i{display:block;height:100%}
.lp-bar i.b{background:var(--lp-brand)} .lp-bar i.o{background:var(--lp-amber)}
.lp-pay-actions{display:flex;align-items:center}
.lp-contract{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--lp-line);margin-bottom:10px}
.lp-contract small{display:block;color:var(--lp-soft);font-size:11.5px}
.lp-contract b{font-size:15px}
.lp-contract .lp-chip{margin-right:auto}
.lp-phase{display:flex;justify-content:space-between;background:var(--lp-alt);border-radius:8px;padding:7px 10px;margin:8px 0 4px;font-size:12.5px}
.lp-phase span{color:var(--lp-soft)}
.lp-ptask{display:flex;align-items:center;gap:10px;padding:6px 10px;font-size:13px}
.lp-ptask i{width:14px;height:14px;border:2px solid var(--lp-brand-m);border-radius:4px;flex:none}
.lp-ptask em{margin-right:auto;font-style:normal;color:var(--lp-soft);font-size:12px}
.lp-gantt{position:relative;height:34px;margin-top:8px;border-radius:8px;background:repeating-linear-gradient(-90deg,var(--lp-alt) 0 1px,transparent 1px 10%)}
.lp-gantt span{position:absolute;right:var(--l);width:var(--w);height:8px;border-radius:99px;background:var(--lp-brand)}
.lp-gantt span:nth-child(1){top:2px} .lp-gantt span:nth-child(2){top:13px;background:#0ea5e9} .lp-gantt span:nth-child(3){top:24px;background:#8b5cf6} .lp-gantt span:nth-child(4){top:24px;right:80%;background:var(--lp-green);width:10%}
.lp-mock-portal{max-width:440px;margin:0 auto;padding:0;overflow:hidden}
.lp-portal-top{background:linear-gradient(-120deg,#312e81,#4338ca);color:#fff;padding:18px 20px}
.lp-portal-top b{display:block;font-size:17px}
.lp-portal-top small{opacity:.8;font-size:12.5px}
.lp-portal-prog{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--lp-line)}
.lp-portal-prog small{display:block;color:var(--lp-soft)}
.lp-portal-card{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--lp-line)}
.lp-portal-card:last-child{border-bottom:0}
.lp-portal-card small{display:block;color:var(--lp-soft);font-size:12px}
.lp-portal-pair{display:flex;gap:8px;margin-right:auto}
.lp-mock-mail{max-width:440px;margin:0 auto}
.lp-mail-meta{padding-bottom:10px;border-bottom:1px solid var(--lp-line);margin-bottom:6px}
.lp-mail-meta b{display:block;font-size:15px} .lp-mail-meta small{color:var(--lp-soft)}
.lp-mail-sec{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--lp-soft);margin:12px 0 4px}
.lp-mail-sec.is-red{color:var(--lp-red)} .lp-mail-sec.is-amber{color:#b45309}
.lp-mail-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-weight:600;font-size:13.5px}
.lp-mail-row i{width:8px;height:8px;border-radius:50%;background:var(--lp-brand);flex:none}
.lp-mail-row em{margin-right:auto;font-style:normal;font-weight:400;color:var(--lp-soft);font-size:12px;text-align:left}
.lp-mock-mail .lp-btn{margin-top:14px}
.lp-prow{display:grid;grid-template-columns:2.1fr 1fr 1.1fr 1.1fr;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--lp-line);font-size:13px}
.lp-prow-h{border-top:0;color:var(--lp-soft);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 0}
.lp-prow .g{color:var(--lp-green);font-weight:700} .lp-prow .a{color:#b45309;font-weight:700} .lp-prow .r{color:var(--lp-red);font-weight:700}
.lp-margin{display:inline-block;width:46px;height:7px;border-radius:99px;background:#e5e7eb;margin-left:8px;position:relative;vertical-align:1px;overflow:hidden}
.lp-margin::after{content:"";position:absolute;right:0;top:0;bottom:0;width:calc(var(--m)*1.7);max-width:100%;background:var(--lp-green)}
.lp-margin.is-amber::after{background:var(--lp-amber)} .lp-margin.is-red::after{background:var(--lp-red)}

/* ---- tiles ---- */
.lp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lp-tile{background:#fff;border:1px solid var(--lp-line);border-radius:var(--lp-radius);padding:22px;transition:transform .15s,box-shadow .15s,border-color .15s}
.lp-tile:hover{transform:translateY(-3px);box-shadow:var(--lp-shadow);border-color:var(--lp-brand-m)}
.lp-tile h4{font-size:16px;margin:14px 0 6px;font-weight:700}
.lp-tile p{font-size:14.5px;color:var(--lp-muted)}
.lp-ico{width:42px;height:42px;border-radius:12px;background:var(--lp-brand-l);position:relative}
.lp-ico::before{content:"";position:absolute;inset:10px;background:var(--lp-brand);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}

/* ---- steps ---- */
.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:s}
.lp-steps li{position:relative;padding:28px;border:1px solid var(--lp-line);border-radius:var(--lp-radius);background:#fff}
.lp-steps li span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lp-brand);color:#fff;font-weight:800;margin-bottom:16px}
.lp-steps h4{font-size:19px;margin-bottom:8px}
.lp-steps p{color:var(--lp-muted)}

/* ---- trial ---- */
.lp-trial{background:linear-gradient(-120deg,#312e81 0%,#4338ca 55%,#0ea5e9 130%);color:#fff;padding:64px 0}
.lp-trial-in{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.lp-trial h2{font-size:clamp(26px,3.2vw,38px);letter-spacing:-.03em;font-weight:800;margin-bottom:10px}
.lp-trial p{max-width:640px;color:rgba(255,255,255,.86);font-size:17px}
.lp-trial-cta{display:grid;gap:10px;justify-items:center}
.lp-trial-cta small{color:rgba(255,255,255,.8)}
.lp-trial-cta small a{color:#fff;font-weight:600}

/* ---- faq ---- */
.lp-faq-wrap{display:grid;grid-template-columns:.8fr 1.4fr;gap:56px;align-items:start}
.lp-faq details{border-bottom:1px solid var(--lp-line);padding:4px 0}
.lp-faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:17px;padding:16px 0 16px 36px;position:relative}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";position:absolute;left:6px;top:50%;transform:translateY(-52%);font-size:24px;color:var(--lp-brand);font-weight:500}
.lp-faq details[open] summary::after{content:"\2212"}
.lp-faq p{color:var(--lp-muted);padding:0 0 18px 36px;font-size:16px}

/* ---- final cta ---- */
.lp-final{text-align:center;padding:92px 0;background:radial-gradient(700px 260px at 50% 0%,rgba(99,102,241,.14),transparent 70%),var(--lp-alt);border-top:1px solid var(--lp-line)}
.lp-final h2{font-size:clamp(28px,3.6vw,44px);letter-spacing:-.03em;font-weight:800}
.lp-final p{color:var(--lp-muted);font-size:18px;margin:12px 0 28px}

/* ---- footer ---- */
.lp-footer{background:#0f172a;color:#cbd5e1;padding:56px 0 0}
.lp-footer-in{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:36px}
.lp-footer .lp-brand{color:#fff}
.lp-footer .lp-brand b{color:#a5b4fc}
.lp-footer-brand p{margin-top:12px;max-width:280px;color:#94a3b8;font-size:14.5px}
.lp-footer-cols{display:flex;gap:56px;flex-wrap:wrap}
.lp-footer h2{color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.lp-footer-cols a{display:block;text-decoration:none;color:#cbd5e1;padding:4px 0;font-size:14.5px}
.lp-footer-cols a:hover{color:#fff}
.lp-footer-base{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;padding-bottom:28px;font-size:13px;color:#94a3b8}

/* ---- legal & plain pages ---- */
.lp-legal{padding:72px 0 96px}
.lp-legal h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.03em;font-weight:800;margin:12px 0 10px}
.lp-legal h2{font-size:20px;margin:34px 0 8px}
.lp-legal p{color:var(--lp-muted);margin:0 0 12px;font-size:16.5px}
.lp-legal .lp-lead{margin:14px auto 28px}
.lp-legal .lp-btn{margin:4px}

/* ---- responsive ---- */
@media (max-width:1020px){
  .lp-hero-in{grid-template-columns:1fr;gap:40px}
  .lp-hero-art{min-height:430px;max-width:560px;width:100%;margin:0 auto}
  .lp-feature,.lp-faq-wrap{grid-template-columns:1fr;gap:32px}
  .lp-flip .lp-feature-copy{order:0}
  .lp-grid{grid-template-columns:repeat(2,1fr)}
  .lp-steps{grid-template-columns:1fr}
}
@media (max-width:860px){
  .lp-nav,.lp-header-cta{display:none}
  .lp-menu{display:block}
}
@media (max-width:560px){
  .lp-wrap{padding:0 18px}
  .lp-section{padding:64px 0}
  .lp-hero{padding:44px 0 56px}
  .lp-grid{grid-template-columns:1fr}
  .lp-feature{margin-bottom:64px}
  .lp-feature-art{padding:14px;border-radius:18px}
  .lp-kpis{grid-template-columns:repeat(2,1fr)}
  .lp-prow{grid-template-columns:1.6fr 1fr 1fr;font-size:12px}
  .lp-prow>span:nth-child(2){display:none}
  .lp-hero-art{min-height:auto;display:grid;gap:14px}
  .lp-float-a,.lp-float-b,.lp-float-c{position:static;width:auto;animation:none}
  .lp-float-c{display:none}
  .lp-cta-row .lp-btn{width:100%}
  .lp-trial-cta,.lp-trial-cta .lp-btn{width:100%}
  .lp-fake-note{display:none}
}
.lp-ico.i1::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E")}
.lp-ico.i2::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h4v16H4zM10 4h4v10h-4zM16 4h4v13h-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h4v16H4zM10 4h4v10h-4zM16 4h4v13h-4z'/%3E%3C/svg%3E")}
.lp-ico.i3::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3C/svg%3E")}
.lp-ico.i4::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E")}
.lp-ico.i5::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E")}
.lp-ico.i6::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z'/%3E%3C/svg%3E")}
.lp-ico.i7::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E")}
.lp-ico.i8::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z'/%3E%3C/svg%3E")}
.lp-ico.i9::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E")}
.lp-ico.i10::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E")}
.lp-ico.i11::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E")}
.lp-ico.i12::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26 5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26 5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z'/%3E%3C/svg%3E")}
/* ---- sign-up, confirmation and password pages ---- */
.lp-auth{padding:64px 0 96px;background:linear-gradient(-180deg,#f5f7ff 0%,#fff 60%)}
.lp-auth-in{display:grid;grid-template-columns:1fr 460px;gap:64px;align-items:center}
.lp-auth-one{grid-template-columns:minmax(0,480px);justify-content:center}
.lp-auth-side h1{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.03em;font-weight:800;margin:16px 0}
.lp-auth-card{background:#fff;border:1px solid var(--lp-line);border-radius:20px;box-shadow:var(--lp-shadow);padding:32px}
.lp-auth-card h1,.lp-auth-card h2{font-size:24px;letter-spacing:-.02em;margin-bottom:14px}
.lp-auth-card p{color:var(--lp-muted);margin:0 0 12px}
.lp-form{display:grid;gap:14px;margin-top:6px}
.lp-field{display:grid;gap:6px}
.lp-field label{font-weight:600;font-size:14px}
.lp-field small{color:var(--lp-soft);font-size:12.5px}
.lp-input{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;font:inherit;font-size:15px;background:#fff;color:var(--lp-ink)}
.lp-input:focus{outline:3px solid var(--lp-brand-m);border-color:var(--lp-brand)}
.lp-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--lp-muted)}
.lp-check input{margin-top:3px;width:17px;height:17px;accent-color:var(--lp-brand)}
.lp-check a{color:var(--lp-brand);font-weight:600}
.lp-block{width:100%}
.lp-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:12px;padding:10px 14px;font-size:14px}
.lp-hp{position:absolute;right:-5000px;width:1px;height:1px;overflow:hidden}
.lp-auth-foot{margin-top:18px !important;text-align:center;font-size:14px}
.lp-auth-foot a{color:var(--lp-brand);font-weight:600}
.lp-small{font-size:13px}
.lp-sent{text-align:center}
.lp-sent-ico{width:64px;height:64px;border-radius:50%;background:var(--lp-brand-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234338ca' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E") center/30px no-repeat;margin:0 auto 14px}
@media (max-width:960px){.lp-auth-in{grid-template-columns:1fr;gap:32px}}
@media (max-width:560px){.lp-auth{padding:36px 0 64px}.lp-auth-card{padding:22px}}
/* ---- pricing ---- */
.lp-cur{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 0 28px}
.lp-cur label{font-weight:600;font-size:14px}.lp-cur-select{width:auto;min-width:200px;padding:8px 12px}
.lp-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.lp-plan-card{position:relative;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px 22px}
.lp-plan-card.is-featured{border:2px solid var(--lp-brand);box-shadow:0 14px 40px rgba(67,56,202,.18)}
.lp-plan-card h3{margin:0;font-size:20px}.lp-plan-tag{margin:0;color:#475569;font-size:14px}
.lp-plan-flag{position:absolute;top:-12px;right:22px;background:var(--lp-brand);color:#fff;font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px}
.lp-plan-price{display:flex;flex-direction:column}.lp-plan-price b{font-size:34px;line-height:1.15}.lp-plan-price small{color:#64748b;font-size:13px}
.lp-plan-card .lp-ticks{flex:1;margin:4px 0 8px;align-content:start}
.lp-plan-note{text-align:center;color:#64748b;font-size:13.5px;margin:22px auto 0;max-width:720px}
@media (max-width:1000px){.lp-plans{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.lp-plans{grid-template-columns:1fr}}
.lp-legal ul{color:var(--lp-muted);margin:0 0 14px;padding-right:22px;font-size:16.5px}.lp-legal li{margin:0 0 6px}
.lp-draft{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:12px 16px;margin:0 0 18px;color:#92400e;font-size:15px}
.lp-table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:15.5px}.lp-table th,.lp-table td{text-align:right;padding:10px 12px;border-bottom:1px solid #e2e8f0;vertical-align:top}.lp-table th{color:#0f172a}
.lp-help-search{display:flex;gap:8px;margin:0 0 18px}.lp-help-search input{flex:1;min-width:0;padding:11px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:16px}.lp-help-search button{padding:11px 18px;border:0;border-radius:10px;background:#0f172a;color:#fff;font-size:16px;cursor:pointer}
.lp-help-list{list-style:none;padding-right:0!important}
#help-body h2{margin-top:22px}

/* Help centre */
.hc-page .lp-wrap{max-width:1040px}
.hc-hero{text-align:center;margin:0 auto 28px;max-width:640px}.hc-hero .lp-help-search{margin-top:18px}
.hc-start{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 30px}
.hc-start-card{display:block;padding:18px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;text-decoration:none;color:#0f172a}
.hc-start-card:hover{border-color:#6366f1;background:#eef2ff}.hc-start-card strong{display:block;font-size:17px;margin-bottom:4px}.hc-start-card span{color:#475569;font-size:15px}
.hc-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px, 100%),1fr));gap:12px 36px}
.hc-group h2{margin:18px 0 8px;font-size:18px}
.hc-list{list-style:none;padding:0!important;margin:0}.hc-list li{margin:0 0 4px}
.hc-list a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#0f172a}.hc-list a:hover{background:#f1f5f9}
.hc-list strong{display:block;font-size:16px}.hc-list span{display:block;color:#64748b;font-size:14.5px}
.hc-foot{margin-top:30px}
.hc-crumb{margin:0 0 6px}
.hc-article{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:44px;align-items:start}
@media (max-width:860px){.hc-article{grid-template-columns:1fr}.hc-toc{order:-1;position:static!important}}
.hc-meta{color:#64748b!important;font-size:14.5px!important}
.hc-toc{position:sticky;top:90px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;border-right:2px solid #e2e8f0;padding-right:14px}
.hc-toc strong{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.hc-toc a{color:#334155;text-decoration:none}.hc-toc a:hover{color:#4f46e5}
.hc-body{font-size:17px;line-height:1.65;color:#1e293b}
.hc-body h2{margin:36px 0 10px;font-size:23px;scroll-margin-top:90px}.hc-body h3{margin:24px 0 8px;font-size:18px}
.hc-body p,.hc-body li{color:#334155;font-size:17px}
.hc-body code{background:#f1f5f9;border-radius:5px;padding:1px 6px;font-size:.92em;word-break:break-all}
.hc-steps{list-style:none;counter-reset:hc;padding:0!important;margin:14px 0}
.hc-steps>li{counter-increment:hc;position:relative;padding:4px 48px 14px 0;margin:0}
.hc-steps>li::before{content:counter(hc);position:absolute;right:0;top:2px;width:32px;height:32px;border-radius:50%;background:#4f46e5;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.hc-sub{display:block;margin:6px 0 0;padding-right:12px;border-right:3px solid #e2e8f0;color:#475569;font-size:16px}
.hc-call{display:block;margin:16px 0;padding:14px 16px;border-radius:12px;border:1px solid;font-size:16px;line-height:1.55}
.hc-call.tip{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.hc-call.note{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.hc-call.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}
.hc-fig{margin:18px 0}.hc-fig img{max-width:100%;border:1px solid #e2e8f0;border-radius:12px}.hc-fig figcaption{color:#64748b;font-size:14px;margin-top:6px}
/* Longer words (German, Spanish) need more room in the header: let it use a wider band than the page body. */
.lp-header .lp-wrap{max-width:1360px}
@media (max-width:1320px){.lp-nav a[href$="#why"],.lp-nav a[href$="#faq"]{display:none}}

/* Topic pages and guides (/solutions, /guides) */
.sol-page .lp-wrap{max-width:860px}
.sol-crumb{font-size:14px;color:var(--lp-muted);margin:0}
.sol-crumb a{color:var(--lp-brand);text-decoration:none}
.sol-lead{font-size:19px!important;line-height:1.6;color:var(--lp-ink)!important;max-width:720px}
.sol-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:22px 0 8px!important}
.sol-cta span{font-size:14px;color:var(--lp-muted)}
.sol-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 8px}
.sol-point{background:#fff;border:1px solid var(--lp-line,#e6e9f2);border-radius:16px;padding:20px 20px 8px}
.sol-point h2{font-size:18px!important;margin:0 0 8px!important}
.sol-q{font-size:17px;margin:6px 0 6px}
.sol-links{margin:0 0 8px;padding-inline-start:20px}
.sol-links li{margin:6px 0}
.sol-links a{color:var(--lp-brand)}
@media (max-width:820px){.sol-points{grid-template-columns:1fr}}
/* ---- connecting an app: the consent screen (#385 G13) ---- */
.lp-consent-head{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 18px}
.lp-consent-logo{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--lp-brand-l);color:var(--lp-brand);font-weight:800;font-size:20px;border:1px solid var(--lp-brand-m)}
.lp-consent-logo.is-warn{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.lp-consent-link{color:var(--lp-soft);display:inline-flex}
.lp-consent-k{width:44px;height:44px}
.lp-consent h1{text-align:center}
.lp-consent-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;font-size:14px}
.lp-consent-pill{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--lp-alt);border:1px solid var(--lp-line);font-size:12.5px;font-weight:600;color:var(--lp-muted)}
.lp-consent-pill.is-ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.lp-consent-who{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;padding:12px 14px;border:1px solid var(--lp-line);border-radius:14px;background:var(--lp-alt)}
.lp-consent-who small{display:block;color:var(--lp-soft);font-size:12px}
.lp-consent-who b{font-size:14.5px;overflow-wrap:anywhere}
.lp-consent-h{font-size:15px;margin:18px 0 8px}
.lp-consent-scopes{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.lp-consent-scopes li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--lp-line)}
.lp-consent-scopes li svg{flex:none;margin-top:2px;color:var(--lp-brand)}
.lp-consent-scopes li.is-write svg{color:#b45309}
.lp-consent-scopes li span{flex:1}
.lp-consent-scopes code{font-size:11.5px;color:var(--lp-soft);background:var(--lp-alt);padding:1px 6px;border-radius:6px;white-space:nowrap}
.lp-consent-note,.lp-consent-back,.lp-consent-links{font-size:13.5px}
.lp-consent-links{display:flex;gap:14px;flex-wrap:wrap}
.lp-consent-links a{color:var(--lp-brand);font-weight:600}
.lp-consent-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.lp-consent-actions .lp-btn{min-width:120px;justify-content:center}
@media (max-width:560px){.lp-consent-who{grid-template-columns:1fr}.lp-consent-actions{flex-direction:column-reverse}.lp-consent-actions .lp-btn{width:100%}}

/* ---- the developer page (#385 G13) ---- */
.lp-dev-in{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}
.lp-dev-toc{position:sticky;top:96px;display:grid;gap:4px;font-size:14px;padding:16px;border:1px solid var(--lp-line);border-radius:14px;background:var(--lp-alt)}
.lp-dev-toc strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--lp-soft);margin-bottom:4px}
.lp-dev-toc a{color:var(--lp-muted);text-decoration:none;padding:3px 0}
.lp-dev-toc a:hover{color:var(--lp-brand)}
.lp-dev-eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-brand);background:var(--lp-brand-l);padding:4px 10px;border-radius:999px}
.lp-dev-body{min-width:0}
.lp-dev-body h2{scroll-margin-top:90px;padding-top:6px;border-top:1px solid var(--lp-line);margin-top:40px}
.lp-dev-body ol,.lp-dev-body ul{color:var(--lp-muted);padding-inline-start:22px;display:grid;gap:6px;margin:0 0 14px}
.lp-dev-body code{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:.88em;background:var(--lp-alt);border:1px solid var(--lp-line);border-radius:6px;padding:1px 5px;overflow-wrap:anywhere}
.lp-dev-body a{color:var(--lp-brand)}
.lp-dev-body .lp-btn{text-decoration:none}
.lp-dev-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
/* Code reads left to right in every language. */
.lp-code{margin:10px 0 16px;padding:16px 18px;background:#0f172a;color:#e2e8f0;border-radius:14px;overflow-x:auto;font-size:13px;line-height:1.6;direction:ltr;text-align:left}
.lp-code code{background:none;border:0;padding:0;color:inherit;font-size:inherit;white-space:pre;overflow-wrap:normal}
.lp-dev-table{overflow-x:auto;margin:10px 0 16px;border:1px solid var(--lp-line);border-radius:14px}
.lp-dev-table table{width:100%;border-collapse:collapse;font-size:14px}
.lp-dev-table th,.lp-dev-table td{padding:9px 12px;border-bottom:1px solid var(--lp-line);text-align:start;vertical-align:top;color:var(--lp-muted)}
.lp-dev-table th{background:var(--lp-alt);color:var(--lp-ink);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
.lp-dev-table tr:last-child td{border-bottom:0}
.lp-dev-m{display:inline-block;min-width:54px;text-align:center;font:700 11.5px ui-monospace,Consolas,monospace;padding:2px 6px;border-radius:6px;background:#e0f2fe;color:#075985}
.lp-dev-m.m-post{background:#dcfce7;color:#166534}.lp-dev-m.m-patch{background:#fef3c7;color:#92400e}.lp-dev-m.m-delete{background:#fee2e2;color:#991b1b}
.lp-dev-ex{border:1px solid var(--lp-line);border-radius:14px;margin:0 0 10px;padding:0 14px;background:#fff}
.lp-dev-ex summary{cursor:pointer;font-weight:600;padding:10px 0}
.lp-dev-ex[open] summary{border-bottom:1px solid var(--lp-line);margin-bottom:4px}
.lp-dev-log li b{color:var(--lp-ink)}
@media (max-width:960px){.lp-dev-in{grid-template-columns:1fr;gap:20px}.lp-dev-toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.lp-dev-toc strong{grid-column:1/-1}}
@media (max-width:560px){.lp-code{font-size:12px;padding:12px}}

/* ---- the status page (/status, #302) ---- */
.lp-status-now{display:flex;align-items:center;gap:14px;border:1px solid var(--lp-line);border-radius:var(--lp-radius);padding:16px 18px;margin:18px 0 14px;background:var(--lp-alt)}
.lp-status-now b{display:block;font-size:18px}.lp-status-now small{color:var(--lp-muted)}
.lp-status-dot{width:14px;height:14px;border-radius:50%;background:var(--lp-green);box-shadow:0 0 0 5px rgba(22,163,74,.18);flex:none}
.lp-status-now.bad .lp-status-dot{background:var(--lp-red);box-shadow:0 0 0 5px rgba(220,38,38,.18)}
.lp-status-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.lp-status-item{border:1px solid var(--lp-line);border-right:4px solid var(--lp-green);border-radius:14px;padding:14px 18px;margin:0 0 12px;background:var(--lp-bg)}
.lp-status-item.open{border-right-color:var(--lp-red)}.lp-status-item.plan{border-right-color:var(--lp-amber)}
.lp-status-item header{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.lp-status-item h3{margin:0;font-size:17px}
.lp-status-pill{font-size:12.5px;font-weight:650;padding:2px 10px;border-radius:999px;background:var(--lp-brand-l);color:var(--lp-brand-d)}
.lp-status-updates{list-style:none;margin:10px 0 0;padding:0}
.lp-status-updates li{border-top:1px solid var(--lp-line);padding:8px 0 2px}.lp-status-updates li p{margin:2px 0 6px;font-size:15px}

/* ---- the security questionnaire (/security/questionnaire, #307): reads well on screen and prints as a clean document ---- */
.lp-qa-back{margin:0 0 6px;font-size:14.5px}.lp-qa-back a{color:var(--lp-muted);text-decoration:none}.lp-qa-back a:hover{color:var(--lp-brand)}
.lp-qa-meta{color:var(--lp-soft);font-size:14px;margin:0 0 14px}
.lp-qa-get{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.lp-qa-get .lp-btn{margin:0}
.lp-dpa-record{border:1px solid var(--lp-line);border-radius:12px;padding:14px 18px;margin:0 0 18px;background:var(--lp-alt)}.lp-dpa-record p{margin:4px 0}
.lp-qa-toc{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.lp-qa-toc a{font-size:14px;text-decoration:none;color:var(--lp-ink);border:1px solid var(--lp-line);border-radius:999px;padding:5px 12px;background:var(--lp-bg)}
.lp-qa-toc a:hover{border-color:var(--lp-brand-m);background:var(--lp-brand-l)}.lp-qa-toc small{color:var(--lp-soft)}
.lp-qa-list{margin:0 0 10px}
.lp-qa-list dt{font-weight:650;color:var(--lp-ink);margin:18px 0 4px;font-size:16px;scroll-margin-top:80px}
.lp-qa-list dd{margin:0;color:var(--lp-muted);font-size:15.5px;padding:0 0 14px;border-bottom:1px solid var(--lp-line)}
.lp-qa-id{display:inline-block;min-width:52px;font-size:12.5px;font-weight:700;color:var(--lp-brand);letter-spacing:.02em}
.lp-qa-tag{display:inline-block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#92400e;background:#fef3c7;border-radius:6px;padding:1px 7px;margin-left:8px;vertical-align:1px}
.lp-qa-policy-note{font-size:14.5px}
.lp-printonly{display:none}
.lp-qa-todo{background:#fef3c7;color:#92400e;border-radius:4px;padding:0 4px}
@media print{
  .lp-header,.lp-footer,.lp-skip,.lp-noprint,.lp-draft{display:none!important}
  .lp-printonly{display:block}
  body{background:#fff;color:#000}
  .lp-legal{padding:0}.lp-wrap{max-width:none;padding:0}
  .lp-qa h1{font-size:24pt;margin:0 0 6pt}.lp-qa h2{font-size:14pt;margin:18pt 0 4pt;break-after:avoid;color:#3730a3}
  .lp-qa-list dt{font-size:10.5pt;margin:9pt 0 2pt;break-after:avoid}
  .lp-qa-list dd{font-size:10pt;color:#222;break-inside:avoid;padding-bottom:7pt}
  .lp-qa p{font-size:10pt;color:#222}
  @page{margin:16mm}
}

/* "Ask Kaam360": the AI chat button for visitors (js/kaam-ask.js) */
.ka{position:fixed;bottom:20px;left:20px;z-index:60;font-size:14.5px}
.ka-open{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;background:var(--lp-brand);color:#fff;font:inherit;font-weight:600;cursor:pointer;box-shadow:var(--lp-shadow)}
.ka-open span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.2);font-weight:700}
.ka-open:hover{background:var(--lp-brand-d)}
.ka-open:focus-visible,.ka-close:focus-visible{outline:3px solid var(--lp-brand-m);outline-offset:2px}
.ka-panel{position:absolute;bottom:60px;left:0;width:min(380px,calc(100vw - 32px));max-height:min(560px,calc(100dvh - 110px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--lp-line);border-radius:var(--lp-radius);box-shadow:var(--lp-shadow);overflow:hidden}
.ka-panel[hidden]{display:none}
.ka-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--lp-brand);color:#fff}
.ka-close{border:0;background:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 4px}
.ka-log{flex:1 1 auto;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--lp-alt)}
.ka-msg{max-width:88%;padding:9px 12px;border-radius:12px;background:#fff;border:1px solid var(--lp-line)}
.ka-msg p{margin:0 0 6px}.ka-msg p:last-of-type{margin-bottom:0}
.ka-me{align-self:flex-end;background:var(--lp-brand-l);border-color:var(--lp-brand-m)}
.ka-wait{color:var(--lp-soft)}.ka-err{color:var(--lp-red)}
.ka-src{display:block;margin-top:6px;font-size:13px;color:var(--lp-brand)}
.ka-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--lp-line)}
.ka-form textarea{flex:1;resize:none;border:1px solid var(--lp-line);border-radius:10px;padding:8px 10px;font:inherit}
.ka-foot{margin:0;padding:0 12px 10px;font-size:12px;color:var(--lp-soft)}
.ka-foot a{color:var(--lp-brand)}
@media (max-width:600px){.ka{bottom:12px;left:12px}.ka-open{padding:10px 14px}}
@media print{.ka{display:none}}
