:root{--deep:#063b54;--blue:#087f94;--cyan:#11b7bf;--mint:#76d8cb;--ink:#123044;--muted:#617985;--pearl:#f3f7f6;--line:#dbe8e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"IBM Plex Sans Arabic",sans-serif;color:var(--ink);background:var(--pearl)}a{text-decoration:none;color:inherit}.site-header{height:82px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:34px;padding:0 max(5vw,24px);background:rgba(247,250,249,.9);border-bottom:1px solid rgba(6,59,84,.08);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;margin-left:auto}.brand-symbol{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--blue),var(--cyan));position:relative;display:block;box-shadow:0 9px 24px rgba(8,127,148,.18)}.brand-symbol:before,.brand-symbol:after,.brand-symbol i{content:"";position:absolute;border:2px solid #fff;border-radius:50%}.brand-symbol:before{width:27px;height:11px;left:7px;top:15px;transform:rotate(25deg)}.brand-symbol:after{width:11px;height:27px;left:16px;top:7px;transform:rotate(25deg)}.brand-symbol i:nth-child(1){width:6px;height:6px;border:0;background:#fff;left:19px;top:19px}.brand-symbol i:nth-child(2){width:4px;height:4px;border:0;background:#a8f1e7;right:5px;top:8px}.brand-symbol i:nth-child(3){width:4px;height:4px;border:0;background:#fff;left:6px;bottom:8px}.brand>span:last-child{display:grid}.brand b{font-size:20px}.brand b em{font-style:normal;opacity:.3;margin:0 5px}.brand b small{font-size:12px;letter-spacing:1px}.brand>span>i{font-style:normal;font-size:9px;color:var(--muted);margin-top:3px}.site-header nav{display:flex;gap:26px;font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--blue)}.login-link,.primary-action{background:linear-gradient(110deg,var(--deep),var(--blue));color:#fff;padding:12px 19px;border-radius:12px;font-weight:700;box-shadow:0 10px 22px rgba(6,59,84,.16)}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.hero{min-height:690px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:6vw;padding:90px max(7vw,32px);background:linear-gradient(145deg,#063b54,#087f94 58%,#10a9af);color:#fff}.hero-orbits{position:absolute;width:940px;aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-280px;bottom:-470px}.hero-orbits:before,.hero-orbits:after,.hero-orbits i{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}.hero-orbits:before{inset:14%}.hero-orbits:after{inset:28%}.hero-orbits i:nth-child(1){inset:42%}.hero-orbits i:nth-child(2){inset:56%}.hero-orbits i:nth-child(3){inset:68%;background:rgba(118,216,203,.07)}.hero-copy{position:relative;z-index:2}.eyebrow,.section-heading>span,.contact-copy>span{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:12px;font-weight:700}.hero h1{font-size:clamp(44px,5.2vw,72px);line-height:1.2;letter-spacing:-2px;margin:25px 0 18px}.hero h1 em{font-style:normal;color:#9ff1e6}.hero-copy>p{max-width:670px;font-size:18px;line-height:2;color:rgba(255,255,255,.82)}.hero-actions{display:flex;gap:12px;margin-top:30px}.secondary-action{padding:11px 19px;border:1px solid rgba(255,255,255,.4);border-radius:12px;font-weight:700}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:32px;font-size:12px;color:rgba(255,255,255,.75)}.hero-preview{position:relative;z-index:2;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.4);border-radius:22px;box-shadow:0 35px 80px rgba(0,29,41,.25);overflow:hidden;transform:perspective(1200px) rotateY(-5deg)}.preview-head{height:43px;background:#edf4f4;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#7b929d;font-size:10px;direction:ltr}.preview-head div{display:flex;gap:5px}.preview-head i{width:7px;height:7px;border-radius:50%;background:#a8c5c6}.preview-body{height:350px;display:grid;grid-template-columns:80px 1fr;direction:ltr}.preview-body aside{background:var(--deep);display:flex;flex-direction:column;gap:15px;padding:18px 13px;color:#fff;direction:rtl}.preview-body aside span{height:7px;border-radius:5px;background:rgba(255,255,255,.18)}.preview-body section{padding:24px;direction:rtl}.preview-body header{display:flex;justify-content:space-between}.preview-body header small,.preview-body header b{display:block}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.preview-stats i,.preview-grid i{display:block;background:#e8f3f2;border:1px solid #dcebea;border-radius:12px}.preview-stats i{height:68px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-grid i{height:78px}.stage-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:-42px auto 0;position:relative;z-index:3;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 45px rgba(12,65,76,.1);overflow:hidden}.stage-strip div{padding:22px;border-left:1px solid var(--line)}.stage-strip div:last-child{border:0}.stage-strip span,.stage-strip b{display:block}.stage-strip span{color:var(--blue);font-weight:700}.stage-strip b{font-size:11px;color:var(--muted);margin-top:6px}.section{padding:100px max(7vw,28px)}.section-heading{text-align:center;max-width:700px;margin:0 auto 45px}.section-heading>span,.contact-copy>span{background:#e0f3f1;border-color:#cbe8e5;color:var(--blue)}.section-heading h2,.contact h2{font-size:38px;margin:16px 0 8px}.section-heading p{color:var(--muted)}.feature-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 10px 28px rgba(16,69,77,.05)}.feature-grid article>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#e5f5f3;color:var(--blue);font-size:20px}.feature-grid h3{margin:18px 0 7px}.feature-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.pricing{background:#fff}.billing-toggle{width:max-content;margin:-18px auto 35px;background:#edf3f2;padding:5px;border-radius:13px;display:flex}.billing-toggle button{border:0;background:transparent;padding:10px 18px;border-radius:9px;font:600 13px inherit;color:var(--muted);cursor:pointer}.billing-toggle button.active{background:#fff;color:var(--blue);box-shadow:0 4px 14px rgba(10,66,76,.1)}.billing-toggle small{color:#138071}.pricing-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:stretch}.pricing-grid article{position:relative;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fbfdfc;display:flex;flex-direction:column}.pricing-grid article.featured{border:2px solid var(--cyan);box-shadow:0 18px 35px rgba(17,183,191,.13)}.pricing-grid article.featured>i{position:absolute;top:-13px;right:18px;background:var(--cyan);color:#fff;padding:5px 10px;border-radius:999px;font-size:10px;font-style:normal}.pricing-grid header span{font-size:19px;font-weight:700}.pricing-grid header p{color:var(--muted);font-size:11px;height:35px}.price{display:grid;margin:20px 0}.price b{font-size:38px;color:var(--deep)}.price small{color:var(--muted)}.pricing-grid ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:10px;color:#48636f;font-size:12px}.pricing-grid li:before{content:"✓";color:#17a291;font-weight:bold;margin-left:7px}.pricing-grid article>a{margin-top:auto;text-align:center;padding:11px;border-radius:10px;background:#e3f3f1;color:var(--blue);font-weight:700}.featured>a{background:var(--blue)!important;color:#fff!important}.addons{max-width:1180px;margin:24px auto 0;padding:20px 24px;border-radius:16px;background:#eef6f5;display:flex;align-items:center;justify-content:space-between}.addons div{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.addons span{color:var(--blue);font-weight:700}.addons b{font-size:11px;color:#526d77}.addons a{font-weight:700;color:var(--blue)}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:linear-gradient(145deg,#edf6f5,#f8faf9)}.contact-copy{padding-top:30px}.contact-copy p{color:var(--muted);line-height:1.9}.contact-copy div{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.contact-copy a{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:10px;color:var(--blue);font-weight:600}.contact form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact label{display:grid;gap:7px;font-size:12px;font-weight:600}.contact label.wide{grid-column:1/-1}.contact input,.contact select,.contact textarea{border:1px solid #d9e6e5;background:#fbfdfd;border-radius:10px;padding:11px;font:inherit;outline:0}.contact textarea{min-height:90px;resize:vertical}.contact button{grid-column:1/-1;border:0;border-radius:11px;background:var(--blue);color:#fff;padding:13px;font:700 14px inherit}.contact form p{grid-column:1/-1;color:#8a9da4;font-size:10px;margin:0}.faq{max-width:900px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 19px;margin:9px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{color:var(--muted);font-size:13px}footer{display:flex;align-items:center;gap:25px;padding:34px max(6vw,25px);background:var(--deep);color:#fff}.footer-brand{margin-left:auto}.footer-brand>span>i{color:rgba(255,255,255,.6)}footer p{font-size:11px;color:rgba(255,255,255,.55)}footer>div:last-child{display:flex;gap:15px;font-size:12px}.footer-brand .brand-symbol{box-shadow:none}.menu-open nav{display:flex!important}@media(max-width:1050px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-preview{max-width:700px}.stage-strip{grid-template-columns:1fr 1fr;margin:0;border-radius:0;max-width:none}.stage-strip div{border-bottom:1px solid var(--line)}.site-header nav{display:none;position:absolute;top:81px;right:0;left:0;padding:20px;background:#fff;flex-direction:column}.menu-toggle{display:block}.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.site-header{height:70px;padding:0 16px}.site-header .login-link{padding:9px 11px;font-size:11px}.brand b{font-size:17px}.brand-symbol{width:39px;height:39px}.hero{padding:65px 22px;min-height:auto}.hero h1{font-size:42px}.hero-copy>p{font-size:15px}.hero-preview{display:none}.stage-strip,.feature-grid,.pricing-grid,.contact{grid-template-columns:1fr}.section{padding:70px 20px}.section-heading h2,.contact h2{font-size:30px}.stage-strip div{border-left:0}.pricing-grid{gap:16px}.addons{align-items:flex-start;gap:15px;flex-direction:column}.contact form{grid-template-columns:1fr}.contact label.wide{grid-column:auto}.contact button,.contact form p{grid-column:auto}.trust-row{gap:9px;display:grid}.hero-actions{flex-direction:column;text-align:center}footer{align-items:flex-start;flex-direction:column}.footer-brand{margin:0}.footer-brand+ p{order:3}}