:root{--bg:#f7f8fc;--surface:#fff;--text:#15172a;--muted:#686b7d;--primary:#7257ff;--primary2:#4f34d8;--accent:#20d7a5;--line:#e7e8f0;--shadow:0 20px 60px rgba(28,25,66,.12)}
[data-theme="dark"]{--bg:#0d0e18;--surface:#151625;--text:#f7f7fb;--muted:#a9abbc;--line:#292b3e;--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.65}.navbar{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navbar-brand{font-weight:900;letter-spacing:-.04em;color:var(--text)!important}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--primary),#9c6cff);color:#fff;margin-right:.45rem}.nav-link{color:var(--muted)!important;font-weight:600}.nav-link:hover,.nav-link.active{color:var(--primary)!important}.btn{border-radius:12px;font-weight:700;padding:.72rem 1.15rem}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary2);border-color:var(--primary2)}.btn-outline-soft{border:1px solid var(--line);color:var(--text);background:var(--surface)}.hero{padding:8.5rem 0 5rem;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(114,87,255,.22),transparent 67%);right:-120px;top:20px;pointer-events:none}.eyebrow{display:inline-flex;gap:.5rem;align-items:center;padding:.38rem .72rem;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:999px;color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface));font-size:.82rem;font-weight:800}.display-title{font-size:clamp(2.65rem,6vw,5rem);letter-spacing:-.065em;line-height:.98;font-weight:900}.gradient-text{background:linear-gradient(110deg,var(--primary),#bd45db);-webkit-background-clip:text;color:transparent}.lead{color:var(--muted)}.section{padding:5.5rem 0}.section-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:850;letter-spacing:-.045em}.text-muted-custom{color:var(--muted)!important}.card-soft{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 1px 0 rgba(255,255,255,.05);height:100%}.lift{transition:.25s ease}.lift:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.icon-box{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);font-size:1.25rem}.dashboard-mock{background:#11131e;color:#fff;border:1px solid #33364b;border-radius:26px;padding:1rem;box-shadow:0 35px 80px rgba(35,21,112,.28);transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.mock-top{display:flex;gap:.35rem;padding:.4rem}.mock-top i{width:8px;height:8px;border-radius:50%;background:#ff627d}.mock-top i:nth-child(2){background:#ffcc5c}.mock-top i:nth-child(3){background:#20d7a5}.mock-grid{display:grid;grid-template-columns:1fr 2fr;gap:.8rem}.mock-panel{background:#1b1e2d;border:1px solid #2b2f44;border-radius:16px;padding:1rem}.metric{font-size:1.75rem;font-weight:850}.bars span{display:block;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--primary),#a86cff);margin:.75rem 0}.logo-row{filter:grayscale(1);opacity:.6;font-weight:800}.price-card.popular{border:2px solid var(--primary);position:relative}.popular-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;border-radius:999px;padding:.25rem .8rem;font-size:.75rem;font-weight:800}.check-list{list-style:none;padding:0}.check-list li{margin:.75rem 0;color:var(--muted)}.check-list li:before{content:"✓";color:var(--accent);font-weight:900;margin-right:.6rem}.page-hero{padding:8rem 0 3rem;text-align:center}.form-control,.form-select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:.82rem 1rem}.form-control:focus{background:var(--surface);color:var(--text);border-color:var(--primary);box-shadow:0 0 0 .22rem rgba(114,87,255,.14)}.form-label{font-weight:700}.blog-cover{height:220px;border-radius:18px;background:linear-gradient(135deg,#241d5f,#7257ff 55%,#21d4a6);position:relative;overflow:hidden}.blog-cover:after{content:"AI";position:absolute;font-weight:900;font-size:7rem;color:rgba(255,255,255,.12);right:18px;bottom:-40px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:6rem 1rem}.auth-card{width:min(100%,470px)}.docs-sidebar{position:sticky;top:100px}.docs-sidebar a{display:block;color:var(--muted);text-decoration:none;padding:.5rem .75rem;border-radius:9px}.docs-sidebar a:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary)}.code-block{background:#11131e;color:#e8e9f5;border-radius:16px;padding:1.2rem;overflow:auto}.cta{background:linear-gradient(135deg,#181340,#7257ff);color:#fff;border-radius:28px;padding:3.5rem}.footer{border-top:1px solid var(--line);padding:4rem 0 2rem}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--primary)}.social a{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;margin-right:.35rem}.accordion-item{background:var(--surface);border-color:var(--line);color:var(--text)}.accordion-button{background:var(--surface);color:var(--text);font-weight:700}.accordion-button:not(.collapsed){background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--primary)}
@media(max-width:991px){.hero{padding-top:7rem}.dashboard-mock{transform:none;margin-top:2rem}.mock-grid{grid-template-columns:1fr}.display-title{font-size:3.2rem}.section{padding:4rem 0}}
.language-float{position:fixed;top:1rem;right:1rem;z-index:20;text-decoration:none}[dir="rtl"] body{font-family:"Cairo",Tahoma,Arial,sans-serif}[dir="rtl"] .brand-mark{margin-right:0;margin-left:.45rem}[dir="rtl"] .check-list li:before{margin-right:0;margin-left:.6rem}[dir="rtl"] .hero:before{right:auto;left:-120px}[dir="rtl"] .dashboard-mock{transform:perspective(1000px) rotateY(4deg) rotateX(2deg)}[dir="rtl"] .language-float{right:auto;left:1rem}
@media(max-width:575px){.display-title{font-size:2.65rem}.page-hero{padding-top:7rem}.cta{padding:2.2rem 1.3rem}.hero .btn{width:100%;margin:.3rem 0}}