@font-face{font-family:Inter;src:url('/assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html[lang=en]{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html[lang=en] body,html[lang=en] button,html[lang=en] input,html[lang=en] select{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html[lang=ar],html[lang=ar] body{font-family:"IBM Plex Sans","IBM Plex Sans Arabic",sans-serif}
.suite-site{--purple:#6a11cb;--ink:#242327;--muted:#636168;--line:#eae3f2;background:#f5f5f7;font-size:15px;line-height:1.75}
.suite-site .wrap{max-width:1600px;padding-inline:clamp(22px,3vw,48px)}
.suite-site header{background:#fff;border:0;box-shadow:0 2px 14px #21112b0c}
.suite-site .nav{min-height:74px;gap:32px}.suite-site .brand img{width:158px}.suite-site .nav nav{gap:28px}.suite-site .nav nav a{font-weight:500;font-size:13px}.suite-site .nav-actions{gap:22px}.suite-site .language{font-size:13px;font-weight:500}
.suite-site h1,.suite-site h2{font-weight:500;letter-spacing:-.035em}.suite-site h1{font-size:clamp(36px,3.7vw,60px);line-height:1.09}.suite-site h2{font-size:clamp(28px,2.7vw,44px);line-height:1.18}.suite-site h3{font-size:21px;font-weight:600;line-height:1.4}
.suite-site .button{background:linear-gradient(110deg,#6a11cb,#8e2de2);border:0;border-radius:10px;box-shadow:0 10px 30px #6a11cb26;gap:20px;min-height:52px;font-size:13px;font-weight:600;letter-spacing:.07em;padding:14px 27px}.suite-site .button:hover{filter:brightness(1.08);transform:translateY(-1px)}.suite-site .button.secondary{background:#fff;color:#6a11cb;border:1px solid #e9def4;box-shadow:0 10px 30px #6a11cb0c}.suite-site .button.small{min-height:40px;padding:9px 20px;font-size:12px;box-shadow:none}
.suite-hero{padding:64px 0 85px;background:radial-gradient(circle at 15% 18%,#6a11cb25,transparent 30%),radial-gradient(circle at 85% 12%,#8e2de225,transparent 32%),linear-gradient(135deg,#fff,#f5f5f7 50%,#f0e7ff);min-height:min(760px,90vh);display:flex;align-items:center}
.suite-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:42px;width:100%}.suite-badge{display:inline-flex;padding:7px 14px;border-radius:100px;border:1px solid #7b1fea25;background:#ffffffd9;font-size:11px;color:#6a11cb;letter-spacing:.22em;box-shadow:0 10px 30px #6a11cb12;margin-bottom:28px}.suite-lead{font-size:clamp(16px,1.25vw,20px);line-height:1.7;margin:26px 0 30px;max-width:550px;color:#5a575f}.hero-shot{min-width:0}.hero-shot .real-screen{box-shadow:0 18px 60px #6a11cb26;border-radius:24px;background:white}.hero-shot .real-screen img{object-fit:contain}.hero-shot figcaption{padding:10px;font-size:10px}
.real-screen{min-width:0;margin:0;background:#fff;border:1px solid #e9e3ef;border-radius:20px;box-shadow:0 16px 45px #4c1a7712;overflow:hidden}.real-screen a{display:block}.real-screen img{display:block;width:100%;height:auto;max-width:100%}.real-screen figcaption{padding:10px 18px;color:#85808a;font-size:11px;line-height:1.5;background:white;text-align:center}.real-screen a:focus-visible{outline:3px solid #7b1fea;outline-offset:-3px}
.suite-dashboard{padding:75px 0 68px}.center-heading{max-width:850px;margin:0 auto 46px;text-align:center}.center-heading p:not(.eyebrow){font-size:17px;color:var(--muted);margin-top:22px;line-height:1.85}.suite-site .eyebrow{font-size:11px;letter-spacing:.25em;font-weight:500;margin-bottom:15px}.suite-dashboard .real-screen{max-width:1300px;margin:auto;border-radius:22px}.dashboard-links{display:flex;justify-content:center;gap:30px;margin-top:24px;font-size:13px}
.suite-intro{padding-top:70px;padding-bottom:40px;text-align:center}.suite-intro .feature-index{margin-top:32px;gap:8px;max-width:1100px}.suite-intro .feature-index a{font-size:12px;border:1px solid #e6dced;padding:7px 13px;background:#ffffffbd}
.suite-feature{padding:80px 0}.suite-feature.lavender{background:radial-gradient(ellipse at 85% 35%,#eee4fa,transparent 60%),#f8f6fb}.suite-row{display:grid;grid-template-columns:.65fr 1.35fr;gap:54px;align-items:center}.suite-row.flip{grid-template-columns:1.35fr .65fr}.suite-row.flip .suite-copy{order:2}.suite-copy{min-width:0}.suite-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:24px;line-height:1.85}.suite-copy ul{padding:0;list-style:none;margin:22px 0;display:grid;gap:10px;font-size:13px;color:#55505d}.suite-copy li{padding-inline-start:24px;position:relative}.suite-copy li:before{content:'✓';position:absolute;inset-inline-start:0;color:#7b1fea;font-weight:700}.suite-copy .text-link{font-size:13px;font-weight:600}.detail-image{display:grid;grid-template-columns:.4fr 1fr;gap:42px;align-items:center;margin-top:45px}.detail-image>div{color:var(--muted);font-size:14px}.detail-image h3{color:var(--ink);margin-bottom:12px}.detail-image .real-screen{max-width:900px}
.suite-security{padding:85px 0;background:#eee7f7}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.security-grid article{background:#ffffffcf;border:1px solid #fff;border-radius:20px;padding:32px;box-shadow:0 12px 30px #36125706}.security-symbol{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:#7b1fea;background:#efe2ff;margin-bottom:20px;font-size:20px}.security-grid p{font-size:14px;line-height:1.8;color:var(--muted);margin:15px 0 24px}.security-grid a{font-size:13px;font-weight:600}
.suite-site .business{padding-block:85px 100px;background:radial-gradient(circle at 90% 0,#eee1fb,transparent 60%),#f8f6fb}.suite-site footer{background:#fff;padding-bottom:100px}.section-dock{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:9px;padding:9px 13px;align-items:center;background:#fffffff0;border:1px solid #eadff4;border-radius:100px;box-shadow:0 8px 30px #6a11cb26;z-index:45}.section-dock a{display:flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:#f5effc}.section-dock a:before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#a15be6}.section-dock a.active{width:52px;border-radius:30px;background:#7415d2}.section-dock a.active:before{background:#fff;width:25px;border-radius:20px}.section-dock a:focus-visible{outline:2px solid #7b1fea}
html[dir=rtl] .suite-site h1,html[dir=rtl] .suite-site h2,html[dir=rtl] .suite-site .eyebrow,html[dir=rtl] .suite-site .button{letter-spacing:0}
@media(min-width:1600px){.suite-hero{min-height:730px}.suite-row{gap:75px}}
@media(max-width:1050px){.suite-site .nav{gap:20px}.suite-site .nav nav{gap:15px}.suite-site .nav nav a{font-size:12px}.suite-row,.suite-row.flip{grid-template-columns:.8fr 1.2fr;gap:30px}.suite-row.flip .suite-copy{order:0}.suite-hero-grid{gap:28px}.suite-site .nav-actions{gap:14px}.suite-site .brand img{width:135px}}
@media(max-width:800px){.suite-site .nav{flex-wrap:wrap;padding-block:12px;gap:10px;min-height:68px}.suite-site .nav nav{order:3;width:100%;overflow:auto;justify-content:center;gap:23px;padding-block:4px}.suite-site .nav-actions{margin-inline-start:auto}.suite-hero{padding:45px 0 55px;min-height:0}.suite-hero-grid{grid-template-columns:1fr;gap:36px}.suite-hero h1 br{display:none}.suite-hero h1{max-width:650px}.suite-lead{max-width:650px}.hero-shot{max-width:700px}.suite-row,.suite-row.flip{grid-template-columns:1fr;gap:30px}.suite-row.flip .suite-copy{order:0}.suite-feature{padding:50px 0}.suite-copy{max-width:680px}.suite-dashboard{padding:48px 0}.suite-intro{padding-top:40px}.center-heading{margin-bottom:28px}.center-heading p:not(.eyebrow){font-size:15px}.detail-image{grid-template-columns:1fr;gap:25px;margin-top:35px}.security-grid{grid-template-columns:1fr}.suite-security{padding:50px 0}.real-screen{border-radius:14px}.suite-site footer{padding-bottom:100px}}
@media(max-width:420px){.suite-site .wrap{padding-inline:18px}.suite-site .nav nav{gap:15px}.suite-site .nav nav a{font-size:11px}.suite-site .brand img{width:120px}.suite-site .nav-actions{gap:12px}.suite-site .button.small{padding:8px 13px;min-height:35px}.suite-site .language{font-size:12px}.suite-site h1{font-size:36px}.suite-site .button{padding-inline:18px}.suite-copy>p:not(.eyebrow){font-size:14px}.section-dock{bottom:12px}.real-screen figcaption{font-size:10px;padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.suite-site .button{transition:none}}

html[lang=ar] .suite-hero h1 bdi{display:block}html[lang=ar] .suite-hero h1 br{display:none}