:root{--navy:#263b67;--blue:#4269b2;--ink:#17263f;--muted:#6a7790;--line:#e2e8f3;--bg:#f6f8fc;font-family:Cairo,Tahoma,sans-serif;color:var(--ink);scroll-behavior:smooth;scroll-padding-top:110px}*{box-sizing:border-box}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #6195f0;outline-offset:5px}button{font:inherit}.container{max-width:1200px;width:calc(100% - 64px);margin:auto}.header{position:sticky;top:0;z-index:5;background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:90px}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo-mark{display:grid;place-items:center;background:var(--navy);color:#c6dcff;border-radius:13px;width:45px;height:45px;font-size:29px;font-weight:800}.logo strong{display:block;font-size:27px;line-height:1.25}.logo small{font-size:10px;color:var(--muted)}nav,.nav-actions{display:flex;align-items:center;gap:27px}nav a,.login{font-size:13px;font-weight:700}nav a:hover,.login:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--navy);color:#fff;padding:14px 24px;border:1px solid var(--navy);border-radius:10px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#38578e;transform:translateY(-2px)}.button.small{padding:10px 17px;font-size:12px}.button.outline{background:#fff;color:var(--navy);border-color:#ccd7ea}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-top:90px;padding-bottom:90px}.eyebrow{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.2px;display:inline-flex;gap:9px;align-items:center}.eyebrow i{width:7px;height:7px;background:#6a8cd2;border-radius:50%;box-shadow:0 0 0 5px #edf2fc}h1{font-size:clamp(40px,4.4vw,59px);line-height:1.55;letter-spacing:-1.5px;font-weight:900;margin:15px 0 17px}h1 span{color:var(--blue)}.lead{font-size:15px;line-height:2.15;color:var(--muted);max-width:510px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{font-size:13px;font-weight:700}.text-link span{margin-right:8px}.micro{font-size:10px;color:var(--muted);margin-top:15px}.micro span{margin:0 6px}.use-tags{display:flex;gap:10px;margin-top:35px}.use-tags span{font-size:10px;padding:5px 12px;background:var(--bg);border:1px solid var(--line);border-radius:30px;color:var(--muted)}.preview{position:relative;border:1px solid #dbe4f3;border-radius:20px;padding:24px;background:#fff;box-shadow:0 24px 75px #263b6717}.preview:before{content:"";position:absolute;inset:-22px;z-index:-1;background:linear-gradient(140deg,#edf2fb,#f9fbfe);border-radius:34px;transform:rotate(-3deg)}.preview-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.preview-brand{font-size:21px;font-weight:800;color:var(--navy)}.preview-brand small{display:block;font-size:9px;font-weight:400;color:var(--muted)}.demo-label{background:#f1f4fb;color:#677a9b;font-size:9px;border-radius:30px;padding:5px 10px}.preview-intro{display:flex;justify-content:space-between;font-size:10px;margin:21px 0 12px;color:var(--muted)}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-stats>div{border:1px solid var(--line);border-radius:11px;padding:15px 12px;background:#fafbfe}.preview-stats small{display:block;font-size:10px}.preview-stats b{display:block;text-align:right;font-size:24px;margin-top:7px;color:var(--navy)}.preview-stats em{font-size:10px;font-weight:400;font-style:normal}.preview-stats span{font-size:8px;color:var(--muted)}.preview-list h3{font-size:12px;display:flex;justify-content:space-between;margin:22px 0 3px}.preview-list h3 span{font-size:9px;font-weight:400;color:var(--muted)}.demo-row{display:flex;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #f0f3f8}.demo-icon{width:30px;height:32px;border-radius:8px;display:grid;place-items:center;background:#edf2fb;color:var(--blue)}.demo-row>div{flex:1}.demo-row strong{display:block;font-size:10px}.demo-row small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.demo-row>b{font-size:12px;text-align:right}.demo-row>b small{display:inline;font-size:8px;font-weight:400}.pill{font-size:8px;border-radius:20px;padding:4px 8px}.blue{color:#456cae;background:#edf2fc}.amber{color:#a37934;background:#fff6e6}.grey{color:#728098;background:#f1f3f7}.preview-footer{display:flex;gap:11px;align-items:center;padding-top:20px}.checkmark{border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:var(--navy);color:#c5dcff}.preview-footer strong{display:block;font-size:10px}.preview-footer small{font-size:8px;color:var(--muted)}.trust-band{border-block:1px solid var(--line);background:#fafbfe}.trust-items{display:flex;justify-content:space-between;gap:20px;padding-block:22px;font-size:12px;color:#65728a}.trust-items span:before{content:'✓';color:var(--blue);margin-left:10px}.section{padding-block:85px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-heading p{max-width:410px;color:var(--muted);font-size:13px;line-height:2}.section-heading h2,.faq-section h2{font-size:32px;line-height:1.75;margin:9px 0 0;font-weight:800}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article{border:1px solid var(--line);padding:26px;border-radius:15px;transition:border-color .2s}.features article:hover{border-color:#96b0df}.feature-icon{display:grid;place-items:center;width:42px;height:42px;font-size:23px;background:#eef2fa;color:var(--blue);border-radius:11px}.features h3,.steps h3{font-size:16px;margin:19px 0 9px}.features p,.steps p{font-size:12px;line-height:2.1;color:var(--muted);margin:0}.how-section{background:#f6f8fc}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.steps b{font-size:36px;line-height:1;color:#7897cd;font-weight:600}.steps h3{margin-top:20px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan-card{border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:7px}.plan-card>span{font-size:12px;color:var(--blue);font-weight:700}.plan-card h3{font-size:20px;margin:5px 0}.price{font-size:12px;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}.price b{font-size:37px;color:var(--navy);margin-left:6px}.plan-card p{font-size:12px;line-height:2;color:var(--muted);margin-bottom:22px;flex:1}.plan-card .button{font-size:12px;gap:7px;padding:12px}.plan-card>small{font-size:9px;color:var(--muted);text-align:center;margin-top:6px}.plan-card.featured{border:2px solid #6687c2;background:#f6f8fe;box-shadow:0 14px 35px #263b670a}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;padding-bottom:90px}.faq-section>div>p{color:var(--muted);font-size:12px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px}.faq summary:after{content:'+';font-size:21px;font-weight:400;color:var(--blue)}.faq details[open] summary:after{content:'−'}.faq p{font-size:12px;line-height:2.1;color:var(--muted)}.closing{display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(115deg,#385891,#22355e);border-radius:22px;padding:46px 55px;color:#fff}.closing span{font-size:12px;color:#c7d6f2}.closing h2{font-size:31px;line-height:1.8;margin:12px 0 0}.button.light{background:#fff;color:var(--navy);border-color:#fff}.closing p{font-size:10px;color:#cad8f2;text-align:center}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:45px}.footer>span{font-size:11px;color:var(--muted)}.footer>div{display:flex;gap:25px;font-size:11px;color:var(--muted)}
@media(max-width:1000px){.hero{gap:35px}.nav nav{display:none}.container{width:calc(100% - 44px)}h1{font-size:45px}.hero-actions{gap:14px}.hero-actions .button{padding:12px 17px;font-size:12px}.trust-items{flex-wrap:wrap;justify-content:center}.features{grid-template-columns:repeat(2,1fr)}.plan-card{padding:20px}.preview{padding:17px}.preview-stats b{font-size:21px}}
@media(max-width:680px){.container{width:calc(100% - 36px)}.nav{min-height:77px;gap:10px}.logo{gap:8px}.logo-mark{width:37px;height:37px;font-size:24px}.logo strong{font-size:23px}.logo small{font-size:8px}.nav-actions{gap:13px}.login{font-size:11px}.nav-actions .button{padding:8px 12px;font-size:10px}.nav-actions .button span{display:none}.hero{grid-template-columns:1fr;padding-top:46px;padding-bottom:55px;gap:50px}.hero-copy{text-align:center}.eyebrow{font-size:10px}h1{font-size:44px;line-height:1.55;letter-spacing:-1px;margin-top:13px}.lead{font-size:13px;line-height:2.1;margin-inline:auto}.hero-actions{justify-content:center;gap:20px}.hero-actions .button{font-size:12px;padding:13px 17px}.text-link{font-size:11px}.micro{font-size:9px}.use-tags{justify-content:center;margin-top:24px}.preview{margin:0 5px;padding:20px}.preview:before{inset:-10px}.preview-stats b{font-size:25px}.trust-items{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:9px;padding-block:20px}.trust-items span:before{margin-left:6px}.section{padding-block:55px}.section-heading{display:block;margin-bottom:25px}.section-heading h2,.faq-section h2{font-size:27px}.section-heading p{font-size:12px}.features{gap:12px}.features article{padding:17px 14px}.feature-icon{width:35px;height:35px;font-size:21px}.features h3{font-size:13px}.features p{font-size:10px}.steps{grid-template-columns:1fr;gap:30px}.steps article{padding-right:55px;position:relative}.steps b{position:absolute;right:0;top:5px;font-size:28px}.steps h3{margin-top:0;font-size:15px}.plans{grid-template-columns:1fr;gap:15px}.plan-card{padding:25px}.plan-card p{margin-bottom:15px}.plan-card.featured{order:-1}.faq-section{grid-template-columns:1fr;gap:14px;padding-bottom:55px}.faq summary{font-size:12px}.closing{display:block;text-align:center;padding:32px 20px;border-radius:17px}.closing h2{font-size:27px;margin-bottom:24px}.closing span{font-size:10px}.footer{flex-wrap:wrap;padding-block:32px}.footer>span{font-size:10px}.footer>div{width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:20px;margin-top:7px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}

#publicBilling{font:inherit;padding:10px 16px;border:1px solid #cdd9ed;border-radius:9px;background:white;color:#263b67;margin-bottom:20px}
