:root{--purple:#36134f;--purple-light:#f3eef7;--orange:#e77836;--ink:#272330;--muted:#6d6873;--line:#e5e0e8;--paper:#faf9f7;--white:#fff;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:white;font:400 16px/1.85 Cairo,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;line-height:1.5}h1{font-size:clamp(36px,4.6vw,64px);letter-spacing:-1.5px}h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.8px;color:var(--purple)}h3{font-size:21px}p{color:var(--muted)}a,button,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}a:hover{color:var(--purple)}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.header{background:white;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:30px;min-height:104px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo-window{height:76px;width:54px;position:relative;overflow:hidden;display:block}.logo-window img{position:absolute;width:119px;max-width:none;height:auto;top:-21px;left:-32px}.brand-type{display:flex;flex-direction:column}.brand-type strong{color:var(--purple);font-size:20px;line-height:1.5}.brand-type small{font-size:10px;color:var(--muted)}.header nav{display:flex;gap:23px;align-items:center;margin-inline:auto;font-size:13px;font-weight:600;white-space:nowrap}.header nav a{padding-block:12px;position:relative}.header nav a[aria-current]{color:var(--purple)}.header nav a[aria-current]:after{content:'';height:2px;background:var(--orange);position:absolute;bottom:3px;inset-inline:0}.header-actions{display:flex;align-items:center;gap:23px;flex-shrink:0}.language{font-size:13px;border-inline-start:1px solid var(--line);padding-inline-start:20px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--purple);color:white;padding:13px 23px;border:1px solid transparent;border-radius:6px;font-weight:700;font-size:15px;min-height:50px;transition:background .15s}.button:hover{color:white;background:#542373}.button span{font:24px/1 Arial,sans-serif}.header .button{font-size:12px;padding:10px 17px;min-height:44px;gap:15px}.header .button span{font-size:20px}.menu-toggle{display:none}.hero{position:relative;min-height:505px;background:#e9e5e2;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.02) 8%,rgba(255,255,255,.87) 70%,rgba(255,255,255,.98) 100%);z-index:-1}[dir=ltr] .hero:before{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 35%,rgba(255,255,255,.02) 90%)}.hero-content{padding-block:48px 65px}.eyebrow{font-size:13px;color:var(--purple);font-weight:700;display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}.eyebrow:before{content:'';width:18px;height:3px;background:var(--orange);flex-shrink:0}.hero h1{color:var(--purple);max-width:670px;line-height:1.45}.hero p{font-size:19px;max-width:490px;color:#4a4153;margin-block:16px 26px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.hero-link{font-size:14px;font-weight:700;color:var(--purple);border-bottom:1px solid #9c8da6;padding-bottom:3px}.hero-link span{margin-inline-start:12px}.hero-caption{position:absolute;inset-inline-end:18px;bottom:10px;font-size:10px;background:rgba(255,255,255,.88);padding:3px 9px;border-radius:3px;max-width:80%;color:#524d56}.benefit-strip{background:var(--purple);color:#fff}.benefit-strip .container{display:flex;justify-content:space-around;align-items:center;gap:24px;min-height:68px}.benefit-strip span{display:flex;align-items:center;gap:12px;font-size:14px}.benefit-strip i{font-style:normal;color:#ffac76;font-size:19px}.section{padding-block:86px}.section-head{margin-bottom:35px}.section-head p{max-width:660px;margin-top:14px;font-size:17px}.preview-section{background:var(--paper)}.preview-section .section-head{text-align:center}.preview-section .section-head p{margin-inline:auto}.product-preview{border:1px solid #dcd4e2;border-radius:12px;background:#fff;box-shadow:0 18px 50px #36134f0d;overflow:hidden}.app-top{display:flex;align-items:center;gap:25px;padding:16px 25px;border-bottom:1px solid var(--line);font-size:13px}.app-top strong{color:var(--purple);font-size:17px}.app-top>span:not(.sample-badge){color:var(--muted)}.sample-badge{margin-inline-start:auto;background:#fff1e6;color:#844317;padding:2px 11px;border:1px solid #f5d8c4;border-radius:4px;font-size:11px;white-space:nowrap}.app-layout{display:grid;grid-template-columns:175px minmax(0,1fr)}.app-sidebar{display:flex;flex-direction:column;gap:10px;padding:25px 15px;background:#fcfafd;border-inline-end:1px solid var(--line);font-size:13px}.app-sidebar span{padding:7px 12px;color:#6a5c75}.app-sidebar .selected{background:#ede5f3;border-radius:5px;color:var(--purple);font-weight:700;border-inline-start:3px solid var(--purple)}.app-main{padding:25px 28px 30px;min-width:0}.app-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.app-heading h3{font-size:18px}.app-heading>span{font-size:11px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.metrics>div{padding:13px 18px;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column}.metrics>div:last-child{background:#fff8f2;border-color:#f0d6c1}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{font-size:29px;text-align:start;color:var(--purple);align-self:start}.metrics small{font-size:13px;font-weight:400;color:var(--muted)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap;text-align:start}th{background:#f8f6fa;color:#70677b;font-weight:600}th,td{padding:12px 14px;text-align:start;border-bottom:1px solid #eee9f0}td:nth-child(4){direction:ltr;unicode-bidi:isolate}.status{background:#f8f0e5;color:#845116;padding:3px 10px;border-radius:4px;font-size:11px}tr:nth-child(2) .status{color:#2f6d52;background:#edf5ef}figcaption{font-size:12px;color:var(--muted);padding:12px 24px;background:#fff;border-top:1px solid var(--line)}.workflow{background:#fff}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px}.steps li{position:relative}.step-number{font:500 14px/1.5 Cairo,sans-serif;color:var(--purple);display:flex;align-items:center;gap:20px;margin-bottom:20px}.step-number:after{content:'';height:1px;background:#d9cee1;flex:1}.steps h3{margin-bottom:10px;color:var(--purple);font-size:19px}.steps p{font-size:14px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.feature-list article{display:flex;gap:20px;border-top:1px solid var(--line);padding-block:30px}.feature-number{font-size:13px;color:#aa6b42;flex-shrink:0;padding-top:2px}.feature-label{font-size:12px;color:var(--purple);font-weight:600;display:block;margin-bottom:7px}.feature-list h3{font-size:22px;margin-bottom:11px}.feature-list p{font-size:15px}.config-note{background:var(--paper);border-inline-start:3px solid var(--orange);padding:17px 22px;font-size:13px;margin-top:15px}.text-link{display:inline-flex;gap:22px;align-items:center;font-weight:700;color:var(--purple);font-size:15px;margin-top:22px;border-bottom:1px solid #baa9c6;padding-bottom:5px}.customers{background:var(--paper);text-align:center;padding-block:55px}.customers h2{font-size:20px}.customer-names{display:flex;justify-content:space-around;align-items:center;gap:30px;padding-block:35px;font-size:29px;font-weight:700;color:#5b4d63}.customers p{font-size:12px}.onboarding{background:#f4eff7}.faq-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:90px}.faq h2{max-width:250px}.faq details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:21px;font-weight:600;font-size:16px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:24px;font-weight:400;color:var(--purple);flex-shrink:0}details[open] summary:after{content:'−'}details p{padding:0 0 22px;font-size:15px}.cta{background:var(--purple);padding-block:66px;color:#fff}.cta .eyebrow{color:#e2d1ed}.cta h2{color:#fff;font-size:clamp(29px,3vw,43px)}.cta p{color:#ddcfe6;max-width:640px;margin-block:15px 27px}.orange{background:#ee985d;color:#2e163b}.orange:hover{background:#ffb981;color:#2e163b}.phone{display:flex;align-items:center;gap:17px;font-size:20px}.phone span{font-size:13px;color:#ddcfe6}.phone:hover{color:#ffbc8e}footer{padding-top:60px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:80px;padding-bottom:45px}.footer-brand{font-size:24px;font-weight:700;color:var(--purple);display:inline-flex;flex-direction:column}.footer-brand span{font-size:9px;letter-spacing:3px;color:#8e5d42;margin-top:3px}.footer-grid p{font-size:13px;max-width:360px;margin-top:18px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;font-size:13px;align-content:start}.footer-grid>div:last-child{font-size:15px;line-height:2.5}.footer-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;gap:20px;justify-content:space-between;color:var(--muted);font-size:10px}.page-hero{padding:70px 0;background:var(--paper);border-bottom:1px solid var(--line)}.page-hero h1{color:var(--purple);font-size:clamp(34px,4vw,50px);max-width:950px}.page-hero p{font-size:18px;max-width:750px;margin-top:20px}.page-hero+.preview-section{background:white}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.story-grid p{margin-top:20px}.story-grid figure{border-radius:10px;overflow:hidden;border:1px solid var(--line)}.story-grid img{display:block}.product-story{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact-card{padding:40px;background:var(--purple-light);border-radius:12px;border:1px solid #e3d7eb}.contact-card h2{font-size:29px}.contact-number{display:block;font-size:38px;color:var(--purple);font-weight:700;margin-block:20px}.contact-card .actions{gap:20px}.contact-card .text-link{margin:0}.contact-grid h2{font-size:28px}.prepare-list{padding-inline-start:23px;margin-block:20px}.prepare-list li{padding-inline-start:8px;margin-bottom:12px}.prepare-list li::marker{color:var(--orange)}.contact-grid p{font-size:14px}.skip-link{position:absolute;inset-inline-start:20px;top:-80px;background:var(--purple);color:#fff;padding:12px 25px;z-index:10}.skip-link:focus{top:12px;color:white}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[dir=ltr] .brand-type small{font-size:9px}[dir=ltr] .header-inner{gap:20px}[dir=ltr] .header nav{gap:19px}[dir=ltr] .header-actions{gap:18px}[dir=ltr] .hero h1{line-height:1.3}[dir=ltr] .hero p{max-width:465px}[dir=ltr] h1,[dir=ltr] h2{letter-spacing:-1.3px}
@media(min-width:1500px){.hero{min-height:540px}.hero-image{object-position:center 58%}}
@media(max-width:1150px){.container{width:calc(100% - 48px)}.header-inner{flex-wrap:wrap;gap:8px 25px;padding-block:12px}.header-actions{margin-inline-start:auto}.header nav{order:3;width:100%;justify-content:center}.header .brand-type small{display:none}.hero{min-height:490px}.footer-grid{gap:40px}.header .brand-type strong{font-size:19px}.logo-window{height:64px}.logo-window img{top:-28px}}
@media(max-width:760px){h1{font-size:39px;letter-spacing:-1px}h2{font-size:29px}.container{width:calc(100% - 36px)}.header-inner{min-height:85px;gap:10px;position:relative;padding-block:9px}.brand{gap:6px}.brand-type strong{font-size:16px!important}.logo-window{width:43px;height:62px}.logo-window img{width:99px;left:-27px;top:-18px}.header-actions{gap:12px!important}.header-actions .button{display:none}.language{padding:10px 0;border:0;font-size:12px}.menu-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;background:white;padding:7px 10px;min-height:42px;font-size:12px;order:2;margin-inline-start:4px;color:var(--purple)}.header nav{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px 20px!important;font-size:13px;order:4;padding-block:7px}.js .header nav{display:none}.js .header nav.open{display:flex}.hero{min-height:470px}.hero:before{background:linear-gradient(90deg,#ffffff65,#fffffff0 78%)}[dir=ltr] .hero:before{background:linear-gradient(90deg,#fffffff0 25%,#ffffff65)}.hero-image{object-position:65% center}.hero-content{padding-block:38px 60px}.hero h1{max-width:100%}.hero p{font-size:17px;max-width:350px;margin-block:16px 24px}.eyebrow{font-size:11px;margin-bottom:12px}.actions{gap:20px}.hero .button{padding:11px 16px;gap:16px;font-size:14px}.hero-link{font-size:12px}.hero-caption{font-size:8px}.benefit-strip .container{min-height:80px;gap:12px;justify-content:space-between}.benefit-strip span{font-size:10px;line-height:1.8;gap:7px}.benefit-strip i{font-size:14px}.section{padding-block:55px}.section-head p{font-size:15px}.section-head{margin-bottom:28px}.app-top{padding:12px;gap:9px;flex-wrap:wrap}.app-top strong{font-size:13px}.app-top>span:not(.sample-badge){display:none}.sample-badge{font-size:10px}.app-layout{grid-template-columns:1fr}.app-sidebar{display:none}.app-main{padding:18px 12px}.app-heading h3{font-size:14px}.app-heading>span{font-size:9px}.metrics{gap:8px;margin-bottom:18px}.metrics>div{padding:9px 7px}.metrics span{font-size:9px}.metrics strong{font-size:24px}.metrics small{font-size:10px}.table-scroll table{font-size:11px;min-width:520px}th,td{padding:10px}.product-preview figcaption{font-size:10px;padding:10px 13px}.steps{grid-template-columns:1fr 1fr;gap:30px 22px}.steps h3{font-size:17px}.steps p{font-size:13px}.step-number{margin-bottom:12px}.feature-list{grid-template-columns:1fr}.feature-list article{padding-block:25px;gap:15px}.feature-list h3{font-size:21px}.feature-list p{font-size:14px}.config-note{padding:14px 16px;font-size:12px}.customers{padding-block:40px}.customers h2{font-size:18px}.customer-names{gap:16px;flex-wrap:wrap;font-size:22px;padding-block:25px}.customers p{font-size:11px}.faq-layout{grid-template-columns:1fr;gap:20px}.faq h2{max-width:100%}summary{font-size:14px;gap:18px}details p{font-size:13px}.cta{padding-block:48px}.cta p{font-size:15px}.cta .phone{font-size:19px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{max-width:100%}.footer-grid nav{font-size:12px;gap:8px 15px;grid-template-columns:1fr}.footer-grid>div:last-child{font-size:14px}.footer-bottom{flex-direction:column;gap:8px;font-size:9px}.page-hero{padding-block:44px}.page-hero h1{font-size:34px}.page-hero p{font-size:16px}.story-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.story-grid p{font-size:15px}.contact-card{padding:25px}.contact-number{font-size:32px}.contact-grid h2{font-size:25px}.prepare-list{font-size:14px}[dir=ltr] .brand-type strong{font-size:14px!important}[dir=ltr] .hero h1{font-size:38px}[dir=ltr] .benefit-strip span{font-size:10px}.button{font-size:14px}}
@media(max-width:360px){.brand-type{display:none}.hero h1{font-size:35px}.hero-link{font-size:11px}.hero .actions{gap:14px}.hero .button{font-size:12px}.benefit-strip .container{gap:7px}.benefit-strip span{font-size:9px}.metrics span{font-size:8px}.contact-number{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Frame the complete supplied mark, trimming only the photograph's whitespace. */
.logo-window{height:84px}.logo-window img{width:110px;left:-28px;top:-20px}
.workflow .steps li:not(:last-child) .step-number:after{content:'←';background:none;height:auto;text-align:end;font-size:21px;line-height:1;color:#8a719c}
[dir=ltr] .workflow .steps li:not(:last-child) .step-number:after{content:'→'}
@media(max-width:760px){.logo-window{height:64px}.logo-window img{width:85px;left:-21px;top:-14px}.benefit-strip span,[dir=ltr] .benefit-strip span{font-size:12px}.benefit-strip .container{min-height:90px}.metrics span{font-size:11px}.table-scroll table{font-size:13px;min-width:560px}.status{font-size:12px}.footer-bottom{font-size:11px}.hero-caption{font-size:10px}}