:root{--bg:#ffffff;--bg2:#f4f7fb;--ink:#0b1b33;--mut:#5b6b82;--line:#e3e9f2;--ac:#2563eb;--ac2:#7c3aed;--ok:#16a34a;--card:#ffffff;--hero:#0b1b33}@media(prefers-color-scheme:dark){:root{--bg:#0a1322;--bg2:#0e1a2e;--ink:#eaf0fa;--mut:#9fb0c8;--line:#1e2d47;--card:#101d33;--hero:#060d19}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Cairo,Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}.wrap{max-width:1140px;margin:0 auto;padding:0 20px}.grad{background:linear-gradient(135deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-block;padding:12px 26px;border-radius:10px;border:0;cursor:pointer;font:inherit;font-weight:700}.btn-p{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff}.btn-p:hover{filter:brightness(1.1)}.btn-o{border:1.5px solid var(--line);color:inherit;background:transparent}.btn-o:hover{border-color:var(--ac)}header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{font-weight:800;font-size:1.5rem;display:flex;align-items:center;gap:8px}.logo i{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--ac),var(--ac2));display:grid;place-items:center;color:#fff;font-style:normal;font-size:1.1rem}.links{display:flex;gap:26px;color:var(--mut);font-weight:600}.links a:hover{color:var(--ink)}@media(max-width:780px){.links{display:none}}.hero{background:var(--hero);color:#eaf0fa;padding:84px 0 96px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-40% -10% auto auto;width:640px;height:640px;background:radial-gradient(circle,rgba(124,58,237,.35),transparent 65%)}.hero .wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;position:relative}@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}}.tag{display:inline-block;padding:4px 14px;border:1px solid #2b4170;border-radius:99px;color:#9fb8ee;font-size:.9rem;margin-bottom:18px}h1{font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.25;font-weight:800;margin-bottom:18px}.hero p.lead{color:#b4c3dc;font-size:1.15rem;max-width:560px;margin-bottom:28px}.cta{display:flex;gap:12px;flex-wrap:wrap}.hero .btn-o{border-color:#2b4170;color:#eaf0fa}.stats{display:flex;gap:32px;margin-top:38px;flex-wrap:wrap}.stats b{display:block;font-size:1.7rem}.stats span{color:#9fb0c8;font-size:.9rem}.mock{background:#0e1b33;border:1px solid #243a64;border-radius:16px;padding:14px;box-shadow:0 30px 80px #00000073}.screen{aspect-ratio:16/9;border-radius:10px;background:linear-gradient(135deg,#1b2d57,#2a1d52);position:relative;display:grid;place-items:center;overflow:hidden}.play{width:68px;height:68px;border-radius:50%;background:#ffffff24;display:grid;place-items:center;font-size:1.7rem}.wm{position:absolute;font-size:.75rem;color:#ffffff59;top:14%;left:10%;transform:rotate(-8deg)}.wm.b{inset:auto 8% 18% auto}.bar{height:6px;border-radius:9px;background:#1d2f55;margin-top:12px;overflow:hidden}.bar i{display:block;height:100%;width:42%;background:linear-gradient(90deg,var(--ac),var(--ac2))}.chips{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.chips span{font-size:.78rem;padding:3px 10px;border-radius:99px;background:#15284b;color:#9fb8ee}section{padding:84px 0}.alt{background:var(--bg2)}.sh{text-align:center;max-width:640px;margin:0 auto 48px}.sh h2{font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:800;margin-bottom:10px}.sh p{color:var(--mut)}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px}.card .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;background:color-mix(in srgb,var(--ac) 12%,transparent);margin-bottom:14px}.card h3{font-size:1.1rem;margin-bottom:6px}.card p{color:var(--mut);font-size:.96rem}.steps{counter-reset:s}.steps .card{position:relative}.steps .card:before{counter-increment:s;content:counter(s);position:absolute;top:-16px;right:22px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;display:grid;place-items:center;font-weight:800}.toggle{display:flex;justify-content:center;gap:6px;margin:-20px auto 36px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:5px;width:max-content}.toggle button{border:0;background:transparent;color:var(--mut);font:inherit;font-weight:700;padding:8px 22px;border-radius:99px;cursor:pointer}.toggle button.on{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff}.plans{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.plan{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;flex-direction:column;position:relative}.plan.pop{border:2px solid var(--ac);box-shadow:0 18px 50px #2563eb2e}.pop-t{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;padding:2px 16px;border-radius:99px;font-size:.82rem;font-weight:700}.plan h3{font-size:1.25rem}.plan .d{color:var(--mut);font-size:.92rem;margin-bottom:14px}.price{font-size:2.5rem;font-weight:800}.price small{font-size:.95rem;color:var(--mut);font-weight:600}.plan ul{list-style:none;margin:20px 0 26px;flex:1}.plan li{padding:5px 0;color:var(--mut);font-size:.96rem}.plan li:before{content:"✓";color:var(--ok);font-weight:800;margin-left:8px}.note{text-align:center;color:var(--mut);font-size:.85rem;margin-top:22px}.q p{margin-bottom:14px}.q b{display:block}.q span{color:var(--mut);font-size:.88rem}details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 22px;margin-bottom:12px;max-width:780px;margin-inline:auto}summary{cursor:pointer;font-weight:700;list-style:none}summary:after{content:"+";float:left;color:var(--ac);font-size:1.3rem;line-height:1}details[open] summary:after{content:"−"}details p{color:var(--mut);margin-top:10px}.contact{background:var(--hero);color:#eaf0fa}.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media(max-width:860px){.contact .wrap{grid-template-columns:1fr}}.contact p{color:#b4c3dc}form{display:grid;gap:12px}input,select,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #2b4170;background:#0e1b33;color:#eaf0fa;font:inherit}input::placeholder,textarea::placeholder{color:#7d90b3}.ok{display:none;background:#0f3b24;color:#9df0bf;padding:12px;border-radius:10px}footer{padding:30px 0;color:var(--mut);font-size:.9rem;border-top:1px solid var(--line)}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.by{display:block;font-size:.7rem;font-weight:600;color:var(--mut);line-height:1;margin-top:-2px}.logo span{line-height:1.2}footer b{color:var(--ink)}