:root{--primary:#6e22d8;--primary-dark:#24055d;--violet:#9b28ec;--pink:#cc22d9;--blue:#2469f2;--teal:#08a79d;--green:#0ca76f;--text:#171043;--muted:#68617e;--soft:#faf8ff;--border:#ece7f7;--shadow:0 12px 35px rgba(53,21,115,.11)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Cairo',sans-serif;color:var(--text);background:#fff;line-height:1.75}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 34px));margin:auto}.section{padding:76px 0}.soft{background:#fbfaff}.topbar{background:#1b0750;color:#fff;font-size:12px}.topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between}.top-links,.contact-links{display:flex;gap:22px;align-items:center}.topbar a,.topbar span{color:#fff;opacity:.9}.header{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #f0ecfa}.nav-inner{height:76px;display:flex;align-items:center;gap:28px}.brand{margin-left:auto}.brand img{width:118px}.nav-inner nav{display:flex;gap:27px;align-items:center}.nav-inner nav a{font-size:14px;font-weight:700;padding:25px 0 20px;position:relative}.nav-inner nav a.active,.nav-inner nav a:hover{color:var(--primary)}.nav-inner nav a.active:after{content:"";position:absolute;right:10%;left:10%;bottom:10px;height:2px;background:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:12px 22px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.25s;cursor:pointer;font-family:inherit}.btn.primary{background:linear-gradient(135deg,var(--violet),var(--primary));color:#fff;box-shadow:0 9px 22px rgba(110,34,216,.27)}.btn.primary:hover{transform:translateY(-2px)}.btn.outline{border-color:#8d38e4;color:var(--primary);background:#fff}.nav-cta{margin-right:auto}.menu{display:none;background:none;border:0;width:42px}.menu span{display:block;width:25px;height:2px;background:var(--text);margin:5px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 28% 28%,#f0e6ff 0,transparent 37%),linear-gradient(180deg,#fff,#fbf9ff);padding:45px 0 38px}.hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:center}.hero-tag{display:inline-flex;background:#f3ecff;border:1px solid #e2d4fb;color:#6c26c9;padding:7px 16px;border-radius:99px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(35px,4.1vw,58px);line-height:1.27;margin:20px 0 13px;font-weight:900}.hero h1>span{font-size:24px;color:var(--primary)}.hero h1 em{font-style:normal;color:#7a16d4}.hero-copy>p{color:var(--muted);font-size:14px;max-width:520px}.checks{display:flex;flex-wrap:wrap;gap:8px 17px;margin:18px 0;font-size:12px;font-weight:700}.checks span:before{content:"✓";display:inline-grid;place-items:center;color:#fff;background:#0bb19c;width:17px;height:17px;border-radius:50%;margin-left:5px}.hero-actions{display:flex;gap:12px;margin-top:23px}.login-link{display:inline-block;color:#4b237f;font-size:13px;font-weight:800;margin-top:17px}.screen-frame{background:#fff;border-radius:17px;padding:7px;box-shadow:0 25px 55px rgba(51,19,112,.18);border:1px solid #e4d8f8;overflow:hidden}.screen-frame img{border-radius:12px}.dots{position:absolute;width:130px;height:130px;background-image:radial-gradient(#8f52dc 1.1px,transparent 1.1px);background-size:11px 11px;opacity:.25}.dots-a{left:10%;bottom:8%}.dots-b{right:5%;top:10%}
.clients{padding:22px 0 29px;border-bottom:1px solid #f1edf8}.clients h2{text-align:center;font-size:14px;margin-bottom:18px;color:#5b5273}.clients-carousel{display:flex;align-items:center;gap:12px}.carousel-btn{border:none;background:linear-gradient(135deg,#6e22d8,#9b28ec);color:#fff;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;box-shadow:0 8px 18px rgba(110,34,216,.18);flex-shrink:0}.client-logos{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;flex:1;align-items:center;justify-content:flex-start;text-align:center;color:#4e4860;font-weight:800;scroll-behavior:smooth;scroll-snap-type:x proximity;padding:6px 2px}.client-logos::-webkit-scrollbar{display:none}.client-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;min-width:180px;padding:12px 16px;border:1px solid #e7dbff;border-radius:16px;background:linear-gradient(135deg,#fff,#f8f3ff);box-shadow:0 8px 20px rgba(110,34,216,.06);white-space:nowrap;flex-shrink:0;scroll-snap-align:start}.client-name{font-size:13px;font-weight:800}.client-item small{display:block;margin-top:4px;font-size:10px;color:#7d7498;font-weight:700}.section-title{text-align:center;margin-bottom:35px}.section-title h2{font-size:27px;font-weight:900}.section-title p{color:var(--muted);font-size:13px}.benefits-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.benefits-grid article{background:#fff;border:1px solid var(--border);border-radius:12px;text-align:center;padding:21px 12px;box-shadow:0 7px 23px rgba(47,19,103,.05)}.benefits-grid i{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 11px;border-radius:10px;background:#f1e7ff;color:var(--primary);font-style:normal;font-size:20px}.benefits-grid h3{font-size:14px}.benefits-grid p{font-size:11px;color:var(--muted);line-height:1.7}.tabs{display:flex;justify-content:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}.tabs button{border:0;background:#f1e8ff;color:#72589c;padding:7px 25px;border-radius:99px;font-family:inherit;font-weight:700;cursor:pointer}.tabs button.active{background:#ead9ff;color:var(--primary)}.feature-showcase{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center}.feature-copy{padding:20px}.feature-icon{display:grid;place-items:center;width:48px;height:48px;background:#efe2ff;color:var(--primary);border-radius:12px;font-size:22px}.feature-copy h3{font-size:26px;margin:15px 0}.feature-copy ul{list-style:none;display:grid;gap:10px;font-size:13px;color:#41375e}.feature-copy li:before{content:"✓";color:var(--primary);font-weight:900;margin-left:8px}.feature-image{background:#fff;padding:8px;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.feature-image img{width:100%;border-radius:9px}.specialty-row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.specialty-row div{background:#fff;border:1px solid var(--border);padding:14px 6px;border-radius:11px;text-align:center;color:#7b27dd;font-weight:800}.specialty-row span{display:block;font-size:11px;color:#41365d;margin-top:5px}.pricing{background:#fff}.pricing-layout{display:grid;grid-template-columns:1fr repeat(2,1.2fr);gap:20px;align-items:center}.security-art{height:270px;position:relative;background:radial-gradient(circle,#f0e8ff 0,transparent 68%)}.security-art .lock{font-size:70px;position:absolute;right:43%;top:25%}.security-art .shield{position:absolute;right:20%;bottom:18%;width:85px;height:95px;border-radius:45% 45% 55% 55%;display:grid;place-items:center;background:linear-gradient(145deg,#6c2ee7,#7847ff);color:#fff;font-size:38px;box-shadow:var(--shadow)}.price-card{position:relative;background:#fff;border:2px solid;padding:26px 20px;border-radius:9px;min-height:335px}.price-card.green{border-color:#33c698}.price-card.purple{border-color:#9135e7}.price-card.blue{border-color:#3f77f4}.price-card.featured{transform:translateY(-5px)}.price-card h3{text-align:center;font-size:17px;color:var(--primary)}.price{text-align:center;margin:15px 0}.price b{font-size:34px}.price small{font-size:12px;display:block;color:var(--muted);margin-top:2px}.hosting-price{display:flex;align-items:center;justify-content:center;gap:8px;background:#f7f2ff;border:1px solid #eadfff;border-radius:10px;padding:10px 12px;margin:0 0 16px}.hosting-price strong{font-size:21px;color:var(--primary)}.hosting-price span{font-size:11px;color:var(--muted);line-height:1.4}.price-card ul{list-style:none;display:grid;gap:8px;margin:18px 0;font-size:12px}.price-card li:before{content:"✓";color:#16b486;margin-left:7px}.price-card a{display:block;color:#fff;text-align:center;padding:9px;border-radius:4px;font-weight:800;font-size:13px;background:var(--primary)}.green a{background:#0da772}.blue a{background:#2071ef}.badge{position:absolute;top:-14px;right:12px;background:#fff5b7;color:#5f5114;padding:4px 9px;border:1px solid #e6d463;border-radius:7px;font-size:10px;font-weight:900}.numbers{background:linear-gradient(90deg,#3b0d9b,#8a1cdc);color:#fff;padding:22px 0}.numbers-grid{display:grid;grid-template-columns:repeat(5,1fr)}.numbers-grid div{text-align:center;border-left:1px solid rgba(255,255,255,.2)}.numbers-grid div:last-child{border-left:0}.numbers b{display:block;font-size:23px}.numbers span{font-size:11px;opacity:.86}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.reviews article{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px;box-shadow:0 7px 18px rgba(55,25,105,.06)}.quote{font-size:32px;color:var(--primary);line-height:1}.reviews p{font-size:12px;color:#4d4661;min-height:60px}.person{display:flex;align-items:center;gap:10px;margin-top:12px}.person>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eadeff;color:var(--primary);font-weight:900}.person div{display:flex;flex-direction:column}.person b{font-size:12px}.person small{font-size:10px;color:var(--muted)}.person em{font-style:normal;color:#f4a900;font-size:11px}.video-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.thumb{position:relative;border-radius:7px;overflow:hidden;background:#eee}.thumb img{aspect-ratio:16/9;object-fit:cover}.thumb button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;border:0;background:rgba(34,7,83,.86);color:#fff}.thumb span{position:absolute;bottom:5px;left:5px;background:#20114a;color:#fff;font-size:9px;padding:2px 5px;border-radius:3px}.video-grid h3{text-align:center;font-size:11px;margin-top:7px}.more-videos{display:table;margin:20px auto 0;color:var(--primary);font-size:12px;font-weight:800;background:#eadcff;padding:6px 20px;border-radius:20px}.demo{background:#f5f0ff;padding:48px 0}.demo-box{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:35px}.demo h2{font-size:27px}.demo p{color:var(--muted);font-size:13px}.demo form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo input{font-family:inherit;padding:12px;border:1px solid #dfd5ef;border-radius:8px}.demo button{grid-column:1/-1}.demo form p{grid-column:1/-1;color:var(--green)}footer{background:linear-gradient(90deg,#22065b,#4b0d91);color:#fff;padding:45px 0 14px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:45px}.footer-brand img{width:130px;filter:brightness(0) invert(1);margin-bottom:14px}.footer-grid p{font-size:12px;opacity:.75}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid h3{font-size:14px;margin-bottom:12px}.footer-grid a,.footer-grid span{font-size:11px;color:#fff;opacity:.78;margin-bottom:6px}.social{margin-top:12px}.copyright{text-align:center;font-size:10px;opacity:.7;padding-top:20px}.to-top{position:fixed;left:18px;bottom:18px;width:42px;height:42px;border:0;border-radius:50%;background:var(--primary);color:#fff;font-size:19px;opacity:0;visibility:hidden;transition:.2s}.to-top.show{opacity:1;visibility:visible}.reveal{opacity:0;transform:translateY(20px);transition:.6s}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.15s}
@media(max-width:1000px){.nav-inner nav{position:fixed;top:112px;right:15px;left:15px;background:#fff;display:none;flex-direction:column;padding:18px;box-shadow:var(--shadow);border-radius:14px}.nav-inner nav.open{display:flex}.nav-inner nav a{padding:7px}.nav-inner nav a.active:after{display:none}.nav-cta{display:none}.menu{display:block;margin-right:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.checks{justify-content:center}.benefits-grid{grid-template-columns:repeat(3,1fr)}.specialty-row{grid-template-columns:repeat(4,1fr)}.pricing-layout{grid-template-columns:repeat(2,1fr)}.security-art{display:none}.video-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.topbar{display:none}.nav-inner{height:68px}.brand img{width:102px}.section{padding:55px 0}.hero{padding-top:25px}.hero h1{font-size:34px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.clients{overflow:hidden}.client-logos{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr 1fr}.feature-showcase{grid-template-columns:1fr}.feature-copy{order:1}.specialty-row{grid-template-columns:repeat(2,1fr)}.pricing-layout{grid-template-columns:1fr}.price-card.featured{transform:none}.numbers-grid{grid-template-columns:1fr 1fr}.numbers-grid div{padding:8px;border-bottom:1px solid rgba(255,255,255,.14)}.reviews{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr 1fr}.demo-box{grid-template-columns:1fr}.demo form{grid-template-columns:1fr}.demo button{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.section-title h2{font-size:23px}}

/* Updated pricing options */
.pricing-two-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin:0 auto;align-items:stretch}
.pricing-two-cards .price-card{min-height:0;padding:28px 24px;display:flex;flex-direction:column}
.plan-option{border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:16px;background:#fff}
.ownership-option{background:#fcfbff}
.cloud-option{background:#f7f2ff;border-color:#e5d6fa}
.option-label{display:block;text-align:center;font-size:13px;font-weight:900;color:var(--primary);margin-bottom:4px}
.plan-option .price{margin:8px 0 12px}
.plan-option .price b{font-size:31px}
.plan-option ul{margin:10px 0 0}
.plan-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:800;margin:12px 0 0}
.plan-divider:before,.plan-divider:after{content:"";height:1px;background:var(--border);flex:1}
.plan-divider span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--border)}
.setup-fee{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px dashed #d9c3f5;border-radius:9px;padding:9px 11px;margin:9px 0}
.setup-fee small{font-size:10px;color:var(--muted);line-height:1.4}
.setup-fee strong{color:var(--primary);font-size:20px;white-space:nowrap}
.pricing-two-cards .hosting-price{margin:0}
.pricing-two-cards .price-card>a{margin-top:auto;padding:11px}
.pricing-note{max-width:820px;margin:22px auto 0;text-align:center;color:var(--muted);font-size:12px;background:#faf8ff;border:1px solid var(--border);padding:11px 15px;border-radius:10px}
@media(max-width:680px){.pricing-two-cards{grid-template-columns:1fr}.pricing-two-cards .price-card{padding:24px 18px}.setup-fee{align-items:flex-start;flex-direction:column}.setup-fee strong{font-size:22px}}