@layer components{.k-site{--k-ink:#0e1b2c;--k-slate:#51607a;--k-chalk:#f5f7fa;--k-surface:#fff;--k-mist:#e3e8f0;--k-control:#7f8da6;--k-success:#0d7f53;--k-success-100:#ddf3e8;--k-success-text:#0a6b45;--k-danger:#d92d20;--k-danger-100:#fee4e2;--k-danger-text:#b42318;--k-orange-100:#ffe7d1;--k-orange-text:#8a3a00;--k-radius-control:12px;--k-radius-card:16px;--k-radius-modal:24px;background:var(--k-chalk);min-height:100vh;color:var(--k-ink);font-family:var(--font-k-body), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}.k-site[lang=ar]{font-family:var(--font-k-arabic), var(--font-k-body), system-ui, sans-serif}.k-site h1,.k-site h2,.k-site h3,.k-site .k-heading{font-family:var(--font-k-heading), var(--font-k-body), system-ui, sans-serif;letter-spacing:-.01em;line-height:1.2}.k-site[lang=ar] h1,.k-site[lang=ar] h2,.k-site[lang=ar] h3,.k-site[lang=ar] .k-heading{font-family:var(--font-k-arabic), system-ui, sans-serif;letter-spacing:0}.k-site .k-num{font-variant-numeric:tabular-nums}.k-site .k-muted{color:var(--k-slate)}.k-site a.k-link,.k-site .k-link{color:var(--k-brand-text);text-underline-offset:2px;text-decoration:underline}.k-site :focus-visible{outline:2px solid var(--k-brand);outline-offset:2px}.k-btn{border-radius:var(--k-radius-control);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:15px;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.k-btn:disabled{opacity:.5;cursor:not-allowed}.k-btn-primary{background:var(--k-brand);color:#fff}.k-btn-primary:hover:not(:disabled){background:var(--k-brand-hover)}.k-btn-accent{background:var(--k-accent);color:var(--k-accent-text)}.k-btn-accent:hover:not(:disabled){filter:brightness(.95)}.k-btn-secondary{background:var(--k-surface);color:var(--k-ink);border-color:var(--k-control)}.k-btn-secondary:hover:not(:disabled){background:var(--k-chalk)}.k-btn-ghost{color:var(--k-ink);background:0 0}.k-btn-ghost:hover:not(:disabled){background:#0e1b2c0f}.k-btn-lg{min-height:52px;padding:0 28px;font-size:16px}.k-btn-block{width:100%}.k-card{background:var(--k-surface);border:1px solid var(--k-mist);border-radius:var(--k-radius-card)}.k-card-hover{transition:border-color .15s,box-shadow .15s}.k-card-hover:hover{border-color:var(--k-control);box-shadow:0 6px 24px #0e1b2c0f}.k-label{color:var(--k-ink);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.k-hint{color:var(--k-slate);margin-top:4px;font-size:13px}.k-error{color:var(--k-danger-text);margin-top:4px;font-size:13px}.k-input{border-radius:var(--k-radius-control);background:var(--k-surface);width:100%;min-height:44px;color:var(--k-ink);border:1px solid var(--k-control);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding:10px 14px;font-size:16px}.k-input::placeholder{color:#8592a6}.k-input:focus{outline:2px solid var(--k-brand);outline-offset:0;border-color:var(--k-brand)}textarea.k-input{min-height:88px}.k-chip{background:var(--k-mist);color:#3a4960;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:13px;font-weight:500;line-height:22px;display:inline-flex}.k-chip-brand{background:var(--k-brand-tint);color:var(--k-brand-text)}.k-chip-trial{background:var(--k-orange-100);color:var(--k-orange-text)}.k-chip-success{background:var(--k-success-100);color:var(--k-success-text)}.k-chip-danger{background:var(--k-danger-100);color:var(--k-danger-text)}.k-seg{border:1px solid var(--k-control);background:var(--k-surface);min-height:40px;color:var(--k-ink);cursor:pointer;border-radius:999px;padding:0 16px;font-size:14px;font-weight:500}.k-seg[aria-pressed=true]{background:var(--k-brand);border-color:var(--k-brand);color:#fff}.k-choice{border-radius:var(--k-radius-control);border:1px solid var(--k-control);background:var(--k-surface);cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.k-choice[aria-pressed=true]{border-color:var(--k-brand);outline:1px solid var(--k-brand);background:var(--k-brand-tint)}.k-choice:has(input:checked){border-color:var(--k-brand);outline:1px solid var(--k-brand);background:var(--k-brand-tint)}.k-choice input{accent-color:var(--k-brand);margin-top:3px}.k-overlay{z-index:100;background:#0e1b2c8c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:640px){.k-overlay{align-items:center;padding:24px}}.k-modal{background:var(--k-surface);border-radius:var(--k-radius-modal) var(--k-radius-modal) 0 0;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #0e1b2c40}@media (min-width:640px){.k-modal{border-radius:var(--k-radius-modal)}}.k-hero{background:var(--k-ink);color:#fff;position:relative;overflow:hidden}.k-hero-media{object-fit:cover;opacity:.45;width:100%;height:100%;position:absolute;inset:0}.k-hero:after{content:"";background:linear-gradient(#0e1b2c33 0%,#0e1b2cbf 100%);position:absolute;inset:0}.k-hero>.k-hero-inner{z-index:1;position:relative}.k-mobile-bar{inset-inline:0;z-index:60;padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--k-mist);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;gap:8px;display:flex;position:fixed;bottom:0}@media (min-width:768px){.k-mobile-bar{display:none}}.k-skeleton{background:linear-gradient(90deg, var(--k-mist) 0%, #eef1f6 50%, var(--k-mist) 100%);background-size:200% 100%;border-radius:8px;animation:1.2s infinite k-shimmer}@keyframes k-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.k-site *,.k-site :before,.k-site :after{transition:none!important;animation:none!important}}}
