@font-face{font-family:Inter;src:url('../fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Beiruti;src:url('../fonts/beiruti-arabic.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
:root{--text-body:1.125rem;--text-ui:1rem;--text-small:.875rem;--text-caption:.8125rem;--ink:#15243b;--muted:#59677a;--blue:#2459e0;--paper:#f8f9f6;--line:#dde2e4;--radius:16px;--space:clamp(64px,8vw,120px)}
*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:var(--text-body);line-height:1.75;-webkit-font-smoothing:antialiased}html[dir=rtl] body,[lang=ar]{font-family:Beiruti,Inter,system-ui,sans-serif;--text-body:1.25rem;--text-ui:1.125rem;--text-small:1rem;--text-caption:.9375rem}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(40px,5.7vw,80px)}h2{font-size:clamp(30px,3.3vw,48px)}h3{font-size:23px;letter-spacing:-.025em}p{color:var(--muted)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.45;font-weight:600}[dir=rtl] h1{font-size:clamp(38px,5vw,67px)}[dir=rtl] h2{font-size:clamp(29px,3vw,42px)}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#d8e4ff;color:var(--ink)}[x-cloak]{display:none!important}[hidden]{display:none!important}.shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:var(--space)}.section-tight{padding-top:20px}.eyebrow{display:block;color:var(--blue);font-size:var(--text-small);font-weight:650;text-transform:uppercase;letter-spacing:.13em;line-height:1.6;margin-bottom:23px}[dir=rtl] .eyebrow{letter-spacing:0;font-size:var(--text-small)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px}.section-heading>p{max-width:350px;font-size:var(--text-body)}.section-link{margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:18px 26px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:7px;font-size:var(--text-ui);font-weight:600;line-height:1.5;transition:background .2s,transform .2s;min-height:52px}.button:hover{background:#1946ba;transform:translateY(-2px)}.button-small{padding:12px 18px;min-height:44px;font-size:var(--text-ui);gap:18px}.button-light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.button-light:hover{background:#e3eaf8;color:var(--ink)}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:28px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:var(--text-ui);font-weight:600;color:var(--ink);line-height:1.5}.arrow{display:inline-block;font-size:21px;transition:transform .2s}.text-link:hover .arrow,.button:hover .arrow{transform:translate(2px,-2px)}[dir=rtl] .arrow{transform:scaleX(-1)}[dir=rtl] .text-link:hover .arrow,[dir=rtl] .button:hover .arrow{transform:scaleX(-1) translate(2px,-2px)}.skip-link{position:fixed;top:8px;inset-inline-start:12px;padding:10px;background:white;z-index:2000;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:100;background:rgba(248,249,246,.96);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}.site-header.scrolled{border-color:var(--line);box-shadow:0 4px 20px #15243b05}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-.05em;font-weight:700;white-space:nowrap}.brand-mark{height:33px;width:33px;background:var(--blue);color:white;border-radius:8px;display:grid;place-content:center;font-size:24px;line-height:1}.brand-dot{color:var(--blue)}.wordmark img{max-width:150px;max-height:42px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:27px}.desktop-nav a{font-size:var(--text-ui);font-weight:500;color:var(--muted);position:relative;padding-block:12px}.desktop-nav a[aria-current=page],.desktop-nav a:hover{color:var(--blue)}.desktop-nav a[aria-current=page]:after{content:'';width:4px;height:4px;border-radius:50%;background:var(--blue);position:absolute;bottom:1px;left:50%}.header-actions{display:flex;align-items:center;gap:22px}.language-switch{display:flex;align-items:center;gap:7px;font-size:var(--text-ui);white-space:nowrap}.language-switch span{color:#9aa6b4}.language-switch a{padding-block:12px;min-width:24px}.language-switch a[aria-current]{font-weight:700;color:var(--blue)}.mobile-nav{display:none}.menu-toggle{width:44px;height:44px;background:none;border:1px solid var(--line);border-radius:7px;padding:12px}.menu-toggle span{display:block;height:1.5px;background:var(--ink);margin-block:5px}.hero{min-height:675px;padding-block:70px 86px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px}.hero h1{max-width:650px;font-size:clamp(46px,5.3vw,76px);line-height:1.04;font-weight:550}.hero-description{max-width:475px;margin-block:27px 32px;font-size:var(--text-body);line-height:1.85}.hero-note{display:flex;align-items:center;gap:12px;font-size:var(--text-small);color:var(--muted);margin-top:42px}.note-line{display:block;width:27px;height:1px;background:var(--blue)}.hero-art{position:relative;min-width:0;height:480px;display:flex;align-items:center;justify-content:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#dfe4ed 1px,transparent 1px),linear-gradient(90deg,#dfe4ed 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,black,transparent 72%)}.art-orbit{position:absolute;width:390px;height:390px;border:1px solid #c8d6f7;border-radius:50%;background:#e7edfb70}.hero-browser{position:relative;z-index:2;width:91%;max-width:475px;background:#fff;border:1px solid #d6dce7;border-radius:12px;overflow:hidden;box-shadow:0 30px 70px -25px #1d387942;transform:rotate(-5deg)}[dir=rtl] .hero-browser{transform:rotate(5deg)}.browser-bar{height:35px;border-bottom:1px solid #dfe4ed;background:#fff;display:flex;align-items:center;gap:5px;padding-inline:14px;direction:ltr}.browser-bar i{width:6px;height:6px;background:#cad2df;border-radius:50%}.browser-bar span{font-size:var(--text-caption);color:#52627b;letter-spacing:.06em;margin-inline:auto}.concept-art{background:#edf1fa;padding:27px 30px;color:#193d91;min-height:335px;position:relative}.concept-art .eyebrow{font-size:var(--text-caption);letter-spacing:.14em;color:#4264a3;margin-bottom:22px}.concept-title{display:block;font-size:45px;font-weight:550;letter-spacing:-.06em;line-height:1.03}.concept-bottom{display:flex;align-items:center;justify-content:space-between;margin-block:15px}.concept-bottom>span:last-child{font-size:var(--text-small);line-height:1.6;text-align:end}.concept-shape{display:block;width:107px;height:107px;border-radius:26px 26px 26px 0;background:var(--blue);color:#edf1fa;font-size:85px;line-height:1;text-align:center;font-weight:600;letter-spacing:-.08em;transform:rotate(10deg);box-shadow:14px 8px 0 #a8c0fc}.concept-art small{display:block;font-size:var(--text-caption);color:#425b88}.hero-project-image{width:100%;height:335px;object-fit:cover;object-position:top}.art-label{position:absolute;inset-inline-end:-4px;bottom:32px;z-index:3;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 40px #20315312;padding:17px 23px;display:flex;gap:14px;align-items:center;transform:rotate(3deg)}.art-label-icon{background:#e9f0fe;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:26px}.art-label strong{display:block;font-size:var(--text-small);font-weight:600}.art-label div>span{display:block;font-size:var(--text-small);color:var(--muted)}.art-caption{position:absolute;bottom:0;inset-inline-start:35px;font-size:var(--text-caption);color:#52627b;letter-spacing:.18em}.capability-strip{border-block:1px solid var(--line)}.capability-strip .shell{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:25px}.capability-strip span{font-size:var(--text-ui);letter-spacing:.035em;color:#5a6a7e;display:flex;align-items:center;gap:14px}.capability-strip span:before{content:'✳';color:var(--blue);font-size:var(--text-small)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 30px}.project-card:first-child:nth-last-child(3){grid-column:1/-1}.project-image,.project-detail-frame{display:block;background:#e9edf3;border:1px solid #dbe1e8;border-radius:12px;overflow:hidden}.project-image img{width:100%;height:330px;object-fit:cover;object-position:top;transition:transform .5s}.project-image:hover img{transform:scale(1.035)}.project-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;padding-top:23px}.project-caption h3{font-size:21px;line-height:1.3}.project-caption p{font-size:var(--text-body);margin-top:8px;max-width:480px}.circle-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;flex-shrink:0;transition:background .2s}.circle-link:hover{background:#e7edfb}.image-placeholder{height:330px;background:#e9edf3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;font-size:20px}.placeholder-symbol{color:var(--blue);font-size:58px;font-weight:300}.image-placeholder small{font-size:var(--text-small);color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{background:#fff;border:1px solid var(--line);padding:32px;border-radius:var(--radius);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;align-items:flex-start}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #172d4c08}.service-number{display:block;color:var(--blue);font-size:var(--text-small);font-weight:600;margin-bottom:47px}.service-card h3{font-size:22px;line-height:1.3;margin-bottom:15px}.service-card>p{font-size:var(--text-body);line-height:1.85;margin-bottom:28px}.service-card .text-link{margin-top:auto;font-size:var(--text-ui)}.service-thumbnail{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;margin-bottom:24px}.why-section{background:#15243b;color:white;padding-block:var(--space)}.why-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.why-section .eyebrow{color:#a4bcff}.why-section p{color:#b3becf;font-size:var(--text-body)}.why-grid>div>p:last-child{max-width:400px;margin-top:26px}.why-list article{display:flex;gap:25px;border-top:1px solid #ffffff22;padding-block:24px}.why-list article:last-child{border-bottom:1px solid #ffffff22}.why-list article>span{font-size:var(--text-small);color:#a4bcff;margin-top:5px}.why-list h3{font-size:19px;margin-bottom:10px;letter-spacing:-.015em}.why-list p{font-size:var(--text-body)}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.step-number{font-size:var(--text-small);color:var(--blue);display:block;border-top:1px solid var(--line);padding-top:20px;margin-bottom:38px}.process-grid h3{font-size:21px;margin-bottom:15px}.process-grid p{font-size:var(--text-body)}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.solution-card{border:1px solid #d7dfef;border-radius:var(--radius);padding:32px;background:#edf1f9;transition:background .25s,transform .25s}.solution-card:hover{background:#e1e9fb;transform:translateY(-3px)}.solution-card .eyebrow{font-size:var(--text-small);margin-bottom:54px}.solution-card h3{font-size:23px;margin-bottom:15px}.solution-card>p{font-size:var(--text-body);margin-bottom:32px}.faq-section{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;border-top:1px solid var(--line)}.faq-section>div>p:last-child{font-size:var(--text-body);margin-top:23px}.faq-list details{border-bottom:1px solid var(--line);padding-block:23px}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font-size:var(--text-ui);font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:22px;font-weight:300;color:var(--blue)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin-top:17px;font-size:var(--text-body);max-width:90%}.cta-section{background:var(--blue);color:white;padding-block:80px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta-inner .eyebrow{color:#dbe7ff}.cta-inner h2{font-size:clamp(36px,4.3vw,61px)}.cta-inner h2>span{color:#c3d4ff}.cta-inner p:last-child{color:#e5ecff;margin-top:23px;font-size:var(--text-body);max-width:490px}.cta-inner .button{flex-shrink:0}.site-footer{background:#f1f3f0;padding-top:72px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:75px;padding-bottom:64px}.footer-grid .wordmark{margin-bottom:20px}.footer-grid p{font-size:var(--text-ui);max-width:265px;margin-bottom:24px}.footer-grid .eyebrow{font-size:var(--text-small)}.footer-grid nav{display:flex;flex-direction:column;gap:12px;font-size:var(--text-ui)}.footer-grid>div:last-child>a{display:block;font-size:var(--text-ui);margin-bottom:12px}.social-links{display:flex;flex-wrap:wrap;gap:15px;font-size:var(--text-ui)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:22px;font-size:var(--text-small);color:var(--muted)}.whatsapp-float{position:fixed;bottom:24px;inset-inline-end:24px;z-index:90;display:flex;align-items:center;gap:9px;padding:12px 17px;background:#fff;border:1px solid var(--line);box-shadow:0 5px 20px #15243b10;border-radius:50px;color:#146041;font-size:var(--text-ui);font-weight:600}.page-intro{padding-block:85px 65px}.page-intro h1{max-width:940px}.intro-copy{font-size:var(--text-body);max-width:640px;margin-top:28px;line-height:1.9}.detail-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:70px;align-items:start}.detail-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin-bottom:38px}.prose-content{font-size:var(--text-body);line-height:1.9;overflow-wrap:anywhere;margin-block:30px}.prose-content p{margin-bottom:18px}.benefit-list{list-style:none;margin:24px 0;padding:0}.benefit-list li{padding-block:12px;padding-inline-start:25px;border-bottom:1px solid var(--line);position:relative;font-size:var(--text-body);color:var(--muted)}.benefit-list li:before{content:'✓';color:var(--blue);position:absolute;inset-inline-start:0}.brief-panel{background:#edf1f9;border:1px solid #d7dfef;padding:32px;border-radius:16px}.brief-panel h2{font-size:27px;letter-spacing:-.025em}.brief-panel p:not(.eyebrow){margin-block:24px;font-size:var(--text-body)}.project-detail-frame img{width:100%;height:auto}.project-detail-frame .image-placeholder{height:500px}.project-description{margin-top:56px}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px solid var(--line);border-radius:16px}.empty-state h2{font-size:30px;margin-block:15px}.empty-state p{margin-bottom:25px}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:95px;padding-bottom:120px}.contact-grid>div:first-child>p:not(.eyebrow){margin-top:25px;font-size:var(--text-body);max-width:400px}.contact-methods{display:flex;flex-direction:column;align-items:flex-start;gap:17px;margin-top:38px;font-size:var(--text-body)}.contact-methods a:hover{color:var(--blue)}.contact-note{font-size:var(--text-small)!important;border-top:1px solid var(--line);padding-top:25px}.form-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:38px;scroll-margin-top:120px}.form-panel h2{font-size:26px;margin-bottom:30px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.form-wide{grid-column:1/-1}.form-field label{display:block;font-size:var(--text-ui);font-weight:600;margin-bottom:8px}.form-control{width:100%;border:1px solid #cbd3df;border-radius:6px;background:#fcfcfb;padding:12px;font-size:var(--text-body);color:var(--ink);min-height:46px;resize:vertical}.form-control:focus{outline:2px solid var(--blue);outline-offset:1px;background:#fff}.form-control[aria-invalid=true]{border-color:#b42318}.form-note{font-size:var(--text-small);line-height:1.6;margin-block:23px}.form-alert{font-size:var(--text-ui);background:#fff1ef;color:#9d231b;border-radius:7px;padding:15px;margin-bottom:24px}.field-errors{font-size:var(--text-small);color:#a31b12}.errorlist{list-style:none;padding:0;margin-top:6px}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.success-message{padding-block:20px}.success-message p{margin-bottom:24px;font-size:var(--text-body)}.scope-panel{padding:45px;background:#edf1f9;border-radius:16px;margin-bottom:80px}.scope-panel p:not(.eyebrow){margin-block:25px;max-width:730px}.error-actions{display:flex;gap:30px;align-items:center;padding-bottom:100px}.messages{padding-block:14px;font-size:var(--text-ui)}
@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-enter{animation:enter .6s both}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}.hero-art.hero-enter{animation-delay:.18s}.reveal-pending{opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s}.reveal-pending.is-visible{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1600px){.hero{min-height:720px}.hero-art{height:520px}}
@media(max-width:1150px){.shell{width:calc(100% - 64px)}.desktop-nav{gap:18px}.header-cta{font-size:var(--text-ui);padding-inline:13px;gap:12px}.header-actions{gap:15px}.hero{gap:25px}.hero h1{font-size:58px}.hero-art{height:440px}.concept-title{font-size:39px}.why-grid{gap:55px}.contact-grid{gap:50px}.service-card{padding:26px}}
@media(max-width:1000px){.desktop-nav,.header-cta{display:none}.header-inner{height:78px}.mobile-nav{display:flex;flex-direction:column;gap:6px;padding-bottom:22px}.mobile-nav a{padding:10px;font-size:var(--text-ui)}.mobile-nav[hidden]{display:none}.menu-toggle:not([hidden]){display:block}.hero{min-height:0;padding-block:65px;gap:20px}.hero h1{font-size:49px}.hero-art{height:405px}.hero-browser{width:93%}.concept-art{padding:24px;min-height:290px}.concept-title{font-size:34px}.concept-shape{width:88px;height:88px;font-size:70px}.art-label{padding:13px;inset-inline-end:-10px;bottom:15px}.art-caption{bottom:-20px}.art-orbit{width:300px;height:300px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.solution-card{padding:24px}.solution-card h3{font-size:20px}.footer-grid{gap:40px}.detail-grid{gap:35px}.faq-section{gap:40px}.whatsapp-float{padding:12px}.whatsapp-float span{display:none}}
@media(max-width:700px){.shell{width:calc(100% - 40px)}.header-inner{height:72px}.wordmark{font-size:23px}.hero{grid-template-columns:1fr;padding-block:43px 42px;gap:25px}.hero h1{font-size:clamp(42px,9.5vw,63px);max-width:550px}.hero-description{font-size:var(--text-body);margin-block:22px 26px}.hero .eyebrow{font-size:var(--text-small);margin-bottom:20px}.hero .button-row{gap:19px}.button{padding:16px 20px;font-size:var(--text-ui);gap:18px}.hero-note{margin-top:28px}.hero-art{height:380px;max-width:480px;width:100%;margin-inline:auto}.hero-browser{width:86%;max-width:400px}.concept-title{font-size:38px}.concept-art{min-height:290px}.art-label{inset-inline-end:0;bottom:16px}.art-caption{bottom:0;font-size:var(--text-caption)}.capability-strip .shell{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-block:24px}.capability-strip span{font-size:var(--text-ui);gap:8px}.section-heading{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:32px}.section-heading>p{max-width:100%;font-size:var(--text-body)}.project-grid,.service-grid,.why-grid,.solution-grid,.faq-section,.contact-grid,.detail-grid{grid-template-columns:1fr}.project-grid{gap:35px}.project-image img,.image-placeholder{height:250px}.service-card{padding:27px}.service-number{margin-bottom:28px}.why-grid{gap:38px}.why-section h2{font-size:35px}.why-list article{padding-block:22px}.process-grid{gap:30px 22px}.process-grid p{font-size:var(--text-body)}.process-grid h3{font-size:18px}.step-number{margin-bottom:24px}.solution-card .eyebrow{margin-bottom:30px}.faq-section{gap:32px}.faq-list summary{font-size:var(--text-ui)}.cta-section{padding-block:58px}.cta-inner{align-items:flex-start;flex-direction:column;gap:28px}.cta-inner h2{font-size:44px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px;padding-bottom:38px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{max-width:100%}.footer-grid>div:last-child>a{font-size:var(--text-ui);overflow-wrap:anywhere}.site-footer{padding-top:48px}.footer-bottom{flex-direction:column;gap:8px;padding-bottom:75px}.whatsapp-float{bottom:16px;inset-inline-end:16px}.page-intro{padding-block:48px 42px}.page-intro h1{font-size:clamp(37px,8vw,52px)}.intro-copy{font-size:var(--text-body);margin-top:22px}.contact-grid{gap:40px;padding-bottom:65px}.form-panel{padding:25px}.form-grid{grid-template-columns:1fr;gap:19px}.form-field{grid-column:1/-1}.form-panel h2{font-size:23px}.scope-panel{padding:27px;margin-bottom:55px}.project-detail-frame .image-placeholder{height:300px}.detail-grid{gap:30px}.brief-panel{order:-1}.error-actions{flex-wrap:wrap;gap:24px}.prose-content{font-size:var(--text-body)}[dir=rtl] .hero h1{font-size:clamp(36px,8vw,48px);line-height:1.4}[dir=rtl] .hero .eyebrow{font-size:var(--text-small)}}
.deliverables{border-block:1px solid var(--line);padding-block:25px;margin-block:35px}.deliverables h2{font-size:25px;margin-bottom:18px}.deliverables p{font-size:var(--text-body)}
/* Dedicated rental project landing page. */
.rental-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-block:75px 85px}.rental-hero h1{font-size:clamp(39px,4.4vw,62px);line-height:1.12}.rental-hero .hero-description{font-size:var(--text-body);margin-block:25px 28px}.rental-hero-note{font-size:var(--text-small);margin-top:25px}.rental-preview{border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden;box-shadow:0 25px 65px -25px #16356936;transform:rotate(-2deg)}[dir=rtl] .rental-preview{transform:rotate(2deg)}.rental-preview img{width:100%;height:auto}.rental-preview-caption{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:var(--text-small);color:var(--muted)}.rental-preview-caption a{color:var(--blue);font-weight:600}.rental-preview-caption .arrow{font-size:var(--text-small)}.rental-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.rental-value-grid h3{font-size:22px;margin-bottom:18px}.rental-value-grid p{font-size:var(--text-body)}.rental-workflow{background:var(--ink);color:white;padding-block:75px}.rental-workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.rental-workflow .eyebrow{color:#a4bcff}.rental-workflow h2{margin-bottom:25px}.rental-workflow p{font-size:var(--text-body);color:#c5cddd;max-width:520px}.rental-statuses ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px;counter-reset:status}.rental-statuses li{padding:20px;border:1px solid #ffffff24;border-radius:8px;font-size:var(--text-ui);counter-increment:status}.rental-statuses li:before{content:'0' counter(status);display:block;color:#a4bcff;font-size:var(--text-small);margin-bottom:12px}.rental-statuses p{font-size:var(--text-body);line-height:1.9}.rental-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.rental-feature{background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px}.rental-feature .service-number{margin-bottom:22px}.rental-feature h3{font-size:25px;line-height:1.4;margin-bottom:16px}.rental-feature>p{font-size:var(--text-body)}.rental-feature .benefit-list{margin-bottom:0}.rental-pricing{background:#edf1f9}.rental-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.rental-pricing h2{margin-bottom:25px}.rental-pricing p{font-size:var(--text-body)}.rental-small-note{border-top:1px solid #d3dceb;margin-top:25px;padding-top:22px;font-size:var(--text-small)!important}.rental-rate-card{padding:28px;background:white;border:1px solid var(--line);border-radius:14px}.rental-rate-card table{width:100%;border-collapse:collapse;font-size:var(--text-ui)}.rental-rate-card caption{text-align:start;font-size:var(--text-ui);font-weight:600;margin-bottom:20px}.rental-rate-card th,.rental-rate-card td{padding:17px 8px;text-align:start;border-bottom:1px solid var(--line);font-weight:400}.rental-rate-card thead th{color:var(--muted);font-size:var(--text-small)}.rental-rate-card tbody th{font-weight:600;white-space:nowrap}.rental-rate-card>p{font-size:var(--text-small);margin-top:20px}.rental-setup{display:grid;grid-template-columns:1fr 1fr;gap:80px}.rental-setup-list{list-style:none;margin:0;padding:0}.rental-setup-list li{display:flex;gap:24px;padding-block:22px;border-top:1px solid var(--line);align-items:flex-start}.rental-setup-list li>span{font-size:var(--text-small);color:var(--blue);padding-top:3px}.rental-setup-list p{font-size:var(--text-body)}.rental-scope{border:1px solid var(--line);padding:42px;background:white;border-radius:16px}.rental-scope h2{font-size:30px}.rental-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:35px}.rental-scope h3{font-size:20px;line-height:1.5;margin-bottom:15px}.rental-scope p{font-size:var(--text-body)}.rental-pages{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.rental-faq{border-top:0}.rental-final-actions{display:flex;flex-direction:column;align-items:center;gap:22px;flex-shrink:0}.rental-light-link{font-size:var(--text-ui);color:white}[dir=rtl] .rental-hero h1{line-height:1.4;font-size:clamp(35px,4vw,53px)}
@media(max-width:1000px){.rental-hero{gap:35px}.rental-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.rental-workflow-grid,.rental-pricing-grid,.rental-setup{gap:40px}.rental-strip .shell{flex-wrap:wrap;justify-content:flex-start}.rental-strip span{width:calc(50% - 20px)}}
@media(max-width:700px){.rental-hero,.rental-workflow-grid,.rental-feature-grid,.rental-pricing-grid,.rental-setup,.rental-scope-grid{grid-template-columns:1fr}.rental-hero{padding-block:44px 56px;gap:40px}.rental-hero h1{font-size:40px}.rental-hero .hero-description{font-size:var(--text-body)}.rental-preview-caption{font-size:var(--text-small);padding:14px}.rental-workflow{padding-block:55px}.rental-workflow-grid{gap:30px}.rental-workflow h2{font-size:33px}.rental-feature{padding:26px}.rental-feature h3{font-size:22px}.rental-feature>p{font-size:var(--text-body)}.rental-rate-card{padding:19px}.rental-rate-card table{font-size:var(--text-ui)}.rental-rate-card th,.rental-rate-card td{padding:15px 5px}.rental-scope{padding:27px}.rental-scope h2{font-size:25px}.rental-scope-grid{gap:28px}.rental-final-actions{align-items:flex-start}.rental-strip .shell{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.rental-strip span{width:100%}.rental-value-grid h3{font-size:19px}[dir=rtl] .rental-hero h1{font-size:37px}}
/* Safaa's editorial cream, brown and gold presentation. */
.commerce-landing{--ink:#38291f;--blue:#846025;--muted:#655846;--line:#e5dfd4;background:#faf8f2}.commerce-landing .rental-hero h1{font-size:clamp(40px,4.4vw,61px)}.commerce-landing .button:hover{background:#654817}.commerce-landing .rental-strip{background:#f0eadc}.commerce-hero-preview{box-shadow:0 25px 65px -25px #5f422f3d;border-radius:14px;overflow:hidden;transform:rotate(-2deg);border:1px solid #e5dfd4}[dir=rtl] .commerce-hero-preview{transform:rotate(2deg)}.commerce-preview{background:#f2ebdc;color:#422f20;overflow:hidden;padding:24px 27px;font-family:Inter,system-ui,sans-serif}.commerce-preview:lang(ar),[dir=rtl] .commerce-preview{font-family:Beiruti,Inter,sans-serif}.commerce-store-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8cdb7;padding-bottom:18px}.commerce-store-logo{font-size:29px;line-height:1.1;letter-spacing:-.04em;font-weight:600}.commerce-store-logo small{display:block;font-size:var(--text-caption);letter-spacing:.04em;color:#70583b;font-weight:400;margin-top:7px}.commerce-store-symbol{font-size:31px;color:#73531f}.commerce-store-body{padding-top:28px}.commerce-store-kicker{display:block;font-size:var(--text-caption);color:#73531f;margin-bottom:15px}.commerce-store-body>strong{display:block;font-size:38px;line-height:1.12;font-weight:500;letter-spacing:-.04em}.commerce-store-body>p{font-size:var(--text-caption);color:#70583b;max-width:260px;margin-top:15px}.commerce-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}.commerce-products>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;background:#e9deca;padding:26px 12px 14px;border-radius:50px 50px 6px 6px;min-height:144px}.commerce-products>div>span:last-child{font-size:var(--text-caption);color:#705336}.commerce-jar{display:block;position:relative;width:49px;height:60px;border-radius:8px 8px 12px 12px;background:#b2823d;box-shadow:inset 7px 0 #ffffff26,inset -7px 0 #0000000b;border:1px solid #9a713749}.commerce-jar:before{content:'';position:absolute;top:-7px;left:-2px;width:51px;height:10px;border-radius:3px;background:#54452e}.commerce-jar:after{content:'✳';position:absolute;inset:14px 6px 12px;background:#eee5d0;display:grid;place-items:center;font-size:18px;color:#7f6034}.commerce-amlou{background:#886345}.commerce-argan{background:#c79642;width:29px;height:75px;border-radius:7px 7px 4px 4px}.commerce-argan:before{left:4px;width:19px;height:15px;top:-14px}.commerce-argan:after{font-size:var(--text-small);inset:21px 3px 16px}.commerce-preview-note{margin-top:20px;font-size:var(--text-caption);color:#70583b;text-align:center}.commerce-preview-compact{min-height:330px;padding:22px 28px}.commerce-preview-compact .commerce-store-header{padding-bottom:12px}.commerce-preview-compact .commerce-store-body{padding-top:18px}.commerce-preview-compact .commerce-store-body>strong{font-size:31px}.commerce-preview-compact .commerce-store-body>p{display:none}.commerce-preview-compact .commerce-products{margin-top:17px}.commerce-preview-compact .commerce-products>div{min-height:108px;padding:16px 12px 10px;gap:12px}.commerce-preview-compact .commerce-jar{height:44px;width:40px}.commerce-preview-compact .commerce-jar:before{width:42px}.commerce-preview-compact .commerce-argan{height:55px;width:24px}.commerce-preview-compact .commerce-argan:before{width:16px;left:3px}.commerce-preview-compact .commerce-jar:after{font-size:var(--text-small);inset:12px 4px 8px}.commerce-preview-compact .commerce-preview-note{margin-top:12px}.commerce-introduction{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.commerce-introduction>div>p:last-child{margin-top:25px;font-size:var(--text-body)}.commerce-demo-note{background:#eee5d3;border:1px solid #dfd3bc;border-radius:14px;padding:34px}.commerce-demo-note h3{font-size:25px;line-height:1.4;margin-bottom:22px}.commerce-demo-note p{font-size:var(--text-body);margin-bottom:18px}.commerce-landing .rental-feature{background:#fffdf8}.commerce-workflow{background:#3c3025;color:#faf3e8;padding-block:75px}.commerce-workflow .eyebrow{color:#ddbd81}.commerce-workflow>div>p:last-child{max-width:760px;color:#d6c9b5;font-size:var(--text-body);margin-top:30px}.commerce-statuses{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin-top:35px}.commerce-statuses li{border:1px solid #ffffff28;padding:20px 12px;border-radius:7px;font-size:var(--text-ui)}.commerce-statuses li>span{display:block;color:#ddbd81;font-size:var(--text-small);margin-bottom:16px}.commerce-access{display:grid;grid-template-columns:1fr 1fr;gap:75px}.commerce-access>div>p:not(.eyebrow){margin-top:27px;font-size:var(--text-body)}.commerce-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.commerce-chips span{background:#eee5d3;border:1px solid #dfd3bc;padding:10px 15px;border-radius:7px;font-size:var(--text-ui);color:#654a26}.commerce-foundation{border-inline-start:1px solid #dfd3bc;padding-inline-start:35px}.commerce-foundation h3{font-size:25px;line-height:1.4;margin-bottom:20px}.commerce-foundation p{font-size:var(--text-body);margin-bottom:20px}.commerce-fit{background:#f0eadc}.commerce-audiences{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;gap:16px;margin:0}.commerce-audiences li{border-top:1px solid #d7cbb3;padding-top:17px;font-size:var(--text-body)}.commerce-landing .rental-setup-list h3{font-size:20px;line-height:1.45;margin-bottom:10px}.commerce-future{background:#fffdf8}.commerce-future-intro{margin-top:24px;max-width:680px}.commerce-final{background:#3c3025;color:#fff8ee;padding-block:80px}.commerce-final .eyebrow{color:#ddbd81}.commerce-final p:last-child{color:#ddcfb9}.commerce-final-link{color:#fff8ee;font-size:var(--text-ui)}.commerce-final .button-light{background:#f5ead4;color:#3c3025;border-color:#f5ead4}.commerce-final .button-light:hover{background:#e8d5af}
@media(max-width:1000px){.commerce-introduction,.commerce-access{gap:35px}.commerce-statuses{grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-store-body>strong{font-size:32px}.commerce-products>div{padding-inline:8px}}
@media(max-width:700px){.commerce-landing .rental-hero h1{font-size:40px}.commerce-introduction,.commerce-access,.commerce-audiences{grid-template-columns:1fr}.commerce-hero-preview{margin-inline:6px}.commerce-preview{padding:22px}.commerce-store-body>strong{font-size:36px}.commerce-introduction,.commerce-access{gap:32px}.commerce-demo-note{padding:27px}.commerce-statuses{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-foundation{border-inline-start:0;border-top:1px solid #dfd3bc;padding-inline-start:0;padding-top:28px}.commerce-final{padding-block:58px}.commerce-workflow{padding-block:55px}.commerce-preview-compact .commerce-store-body>strong{font-size:28px}.commerce-chips span{font-size:var(--text-ui)}[dir=rtl] .commerce-landing .rental-hero h1{font-size:38px}}

/* Readable text and controls across Latin and Arabic layouts. */
[dir="rtl"] body{font-weight:500;line-height:1.8}
.hero-copy,.rental-hero-copy,.hero-art,.rental-preview,.commerce-hero-preview,
.form-panel,.section-heading>*,.footer-grid>*,.service-card,.project-caption>div{min-width:0}
p,li,summary,label,.button,.text-link,.footer-grid a{overflow-wrap:break-word}
.form-control{min-height:52px}
.form-panel form .button{margin-top:8px}
.prose-content{max-width:68ch}
.hero-description{max-width:52ch;line-height:1.8}
.section-heading>p{max-width:400px}
.footer-grid p{max-width:34ch}
.footer-grid>div:last-child>a{overflow-wrap:anywhere}
.project-caption h3,.service-card h3,.solution-card h3,.process-grid h3{font-size:1.5rem;line-height:1.35}
[dir="rtl"] .project-caption h3,[dir="rtl"] .service-card h3,
[dir="rtl"] .solution-card h3,[dir="rtl"] .process-grid h3{font-size:1.75rem;line-height:1.45}
.rental-feature h3,.commerce-demo-note h3,.commerce-foundation h3{font-size:1.625rem;line-height:1.4}
[dir="rtl"] .rental-feature h3,[dir="rtl"] .commerce-demo-note h3,
[dir="rtl"] .commerce-foundation h3{font-size:1.875rem;line-height:1.45}
.footer-grid nav a,.language-switch a{min-height:44px;display:inline-flex;align-items:center}
.social-links a{padding-block:8px}
.rental-preview-caption{flex-wrap:wrap;line-height:1.6}
.rental-rate-card table{table-layout:fixed}
.rental-rate-card tbody th{white-space:normal}
.commerce-statuses{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.contact-note,.rental-small-note{font-size:var(--text-small)!important}
@media(max-width:1180px){
 .desktop-nav,.header-cta{display:none}
 .header-inner{height:auto;min-height:80px;padding-block:10px}
 .mobile-nav{display:flex;flex-direction:column;gap:8px;padding-bottom:22px}
 .mobile-nav a{font-size:var(--text-ui);padding:12px}
 .mobile-nav[hidden]{display:none}
 .menu-toggle:not([hidden]){display:block}
}
@media(max-width:700px){
 :root{--text-body:1rem;--text-ui:1rem;--text-small:.875rem;--text-caption:.8125rem}
 html[dir="rtl"] body,[lang="ar"]{--text-body:1.125rem;--text-ui:1.125rem;--text-small:1rem;--text-caption:.9375rem}
 .shell{width:calc(100% - 40px)}
 .button-row{gap:18px;align-items:flex-start}
 .button{white-space:normal;text-align:center;max-width:100%;min-height:52px}
 .process-grid,.rental-value-grid{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr}
 .footer-grid>div:first-child{grid-column:auto}
 .commerce-statuses{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rental-rate-card table{font-size:var(--text-ui)}
 .rental-final-actions{width:100%;align-items:flex-start}
 .commerce-jar:after{line-height:1}
}

/* AutoMaroc: readable feature inventory in both writing directions. */
.cars-landing .rental-hero h1{font-size:clamp(2.6rem,4.2vw,4.5rem)}
.cars-table{border:1px solid var(--line);border-radius:20px;overflow:hidden}
.cars-table table{width:100%;border-collapse:collapse;font-size:var(--text-body);text-align:start;table-layout:fixed}
.cars-table caption{text-align:start;padding:24px;background:#edf3fb;font-weight:600}
.cars-table th,.cars-table td{padding:20px 24px;border-bottom:1px solid #dce3ed;vertical-align:top;overflow-wrap:anywhere}
.cars-table thead{background:#f1f4f8}
.cars-table tbody th{font-weight:600;width:42%}
.cars-table tbody tr:nth-child(even){background:#fafbfd}
.cars-table tbody tr:last-child th,.cars-table tbody tr:last-child td{border-bottom:0}
@media(max-width:700px){.cars-table th,.cars-table td{padding:16px 12px}.cars-table caption{padding:18px 12px}.cars-landing .button-row{align-items:flex-start}}

/* Homepage project slideshow: stable browser frame, layered depth and quiet motion. */
.hero-showcase{display:block;height:auto;min-height:450px;padding:25px 6px 12px;isolation:isolate}
.showcase-glow{position:absolute;inset:2% -3% 6%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#dbe7ff 0%,#eef3ff80 48%,transparent 72%)}
.hero-showcase .art-grid{inset:-20px;opacity:.65}
.showcase-heading{display:flex;align-items:center;gap:9px;position:relative;margin-bottom:32px;color:var(--muted);font-size:var(--text-caption);font-weight:550}
.showcase-status{width:8px;height:8px;border-radius:50%;background:#2459e0;box-shadow:0 0 0 5px #2459e010;flex-shrink:0}
.showcase-edition{margin-inline-start:auto;font-size:11px;letter-spacing:.1em;color:#59677a}
.showcase-deck{position:relative;padding:0 8px}
.showcase-back{position:absolute;inset:5% 4% -3%;border-radius:18px;border:1px solid #cbd6ec;background:#eef2fa;z-index:-1}
.showcase-back-one{transform:rotate(5deg);box-shadow:0 16px 35px -20px #263f7750}
.showcase-back-two{transform:rotate(-4deg);background:#e0e9fb;inset:8% 7% -2%}
.hero-showcase .showcase-browser{width:100%;max-width:none;transform:none;border-radius:16px;border-color:#d5deed;box-shadow:0 25px 65px -25px #1d38794a}
.showcase-browser .browser-bar{height:37px;padding-inline:15px;background:#fff;border-bottom:1px solid #e5eaf2}
.showcase-window-icon{margin-inline-start:auto!important;color:#64748b}
.showcase-stage{display:grid;background:#fff;overflow:hidden}
.showcase-slide{grid-area:1/1;min-width:0}
.showcase-slide:not(.is-active){pointer-events:none}
.showcase-slide.is-outgoing{z-index:1}
.showcase-slide.is-active{z-index:2}
.showcase-project{display:block}
.showcase-media{aspect-ratio:16/10;overflow:hidden;background:#f2f5fa}
.showcase-media>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}
.showcase-project:hover .showcase-media>img{transform:scale(1.025)}
.showcase-project:focus-visible{outline-offset:-4px}
.showcase-project-caption{display:flex;gap:15px;justify-content:space-between;align-items:center;min-height:104px;padding:19px 21px;border-top:1px solid #e5eaf2;background:#fff}
.showcase-kicker{display:block;color:var(--blue);font-size:var(--text-caption);margin-bottom:5px}
.showcase-project-caption strong{display:block;font-size:var(--text-ui);line-height:1.45;font-weight:600;overflow-wrap:anywhere}
.showcase-link-icon{display:grid;place-items:center;background:#edf2ff;color:#2459e0;border-radius:50%;width:38px;height:38px;flex-shrink:0;font-size:22px;transition:transform .2s}
.showcase-project:hover .showcase-link-icon{transform:translate(2px,-2px)}
.showcase-controls{position:relative;display:flex;justify-content:space-between;gap:16px;align-items:center;margin:34px 8px 0}
.showcase-pagination,.showcase-buttons{display:flex;align-items:center;gap:6px}
.showcase-dot{display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:12px 4px;min-width:28px;min-height:44px}
.showcase-dot-track{display:block;width:20px;height:5px;background:#c8d2e4;border-radius:5px;transition:width .25s,background .25s}
.showcase-dot[aria-pressed=true] .showcase-dot-track{width:43px;background:#2459e0}
.showcase-buttons>button{width:44px;height:44px;border:1px solid #d5deeb;border-radius:50%;background:#fff;color:#20314b;display:grid;place-items:center;font-size:20px;transition:background .2s,transform .2s}
.showcase-buttons>button:hover{background:#e6edff;transform:translateY(-2px)}
.showcase-counter{font-size:var(--text-caption);font-variant-numeric:tabular-nums;color:var(--muted);margin-inline-end:9px;white-space:nowrap;direction:ltr}
.showcase-placeholder{min-height:300px;background:linear-gradient(135deg,#e4edff,#fafbff);padding:35px;display:flex;flex-direction:column;justify-content:center;gap:15px;color:#173c98}
.showcase-placeholder>span{font-size:90px;font-weight:700;line-height:1;direction:ltr}
.showcase-placeholder>strong{font-size:26px;line-height:1.4}
.showcase-placeholder>small{font-size:var(--text-small);color:var(--muted)}
.hero-showcase .commerce-preview{height:100%;min-height:0;padding:16px 22px}
.hero-showcase .commerce-store-body{padding-top:12px}
.hero-showcase .commerce-store-body>strong{font-size:27px}
.hero-showcase .commerce-products{margin-top:12px}
.hero-showcase .commerce-products>div{min-height:94px}
.hero-showcase .commerce-preview-note{font-size:12px;margin-top:10px}
[dir=rtl] .showcase-prev-icon,[dir=rtl] .showcase-next-icon{transform:scaleX(-1)}
@media(prefers-reduced-motion:no-preference){.showcase-slide.is-entering{animation:showcase-in .55s both}.showcase-slide.is-outgoing{animation:showcase-out .55s both}}
@keyframes showcase-in{from{opacity:0;transform:translateX(20px) scale(.985)}to{opacity:1;transform:none}}
@keyframes showcase-out{from{opacity:1;transform:none}to{opacity:0;transform:translateX(-15px)}}
[dir=rtl] .showcase-slide{--showcase-direction:-1}
@media(prefers-reduced-motion:no-preference){[dir=rtl] .showcase-slide.is-entering{animation-name:showcase-in-rtl}[dir=rtl] .showcase-slide.is-outgoing{animation-name:showcase-out-rtl}}
@keyframes showcase-in-rtl{from{opacity:0;transform:translateX(-20px) scale(.985)}to{opacity:1;transform:none}}
@keyframes showcase-out-rtl{from{opacity:1;transform:none}to{opacity:0;transform:translateX(15px)}}
@media(max-width:1150px){.showcase-edition{display:none}.hero-showcase{min-height:0}.showcase-heading{margin-bottom:24px}.showcase-project-caption{padding:17px;min-height:110px}.showcase-counter{display:none}}
@media(max-width:700px){.hero-showcase{max-width:500px;width:100%;padding-top:15px;margin-top:8px}.showcase-controls{margin-top:28px}.showcase-media{aspect-ratio:16/11}.showcase-project-caption{padding:16px;min-height:102px}.showcase-buttons{gap:4px}.showcase-buttons>button{width:42px;height:42px}.showcase-controls{gap:8px}.hero-showcase .commerce-store-body>strong{font-size:23px}.hero-showcase .commerce-products>div{min-height:75px;padding-top:12px}.hero-showcase .commerce-store-header{padding-bottom:8px}.hero-showcase .commerce-preview-note{font-size:11px}}
/* Keep the illustrated storefront legible within the same fixed media area. */
.hero-showcase .commerce-store-kicker,.hero-showcase .commerce-preview-note{display:none}
.hero-showcase .commerce-store-logo{font-size:25px}
.hero-showcase .commerce-store-logo small{font-size:var(--text-caption)}
@media(max-width:700px){.hero-showcase .commerce-preview{padding:12px 16px}.hero-showcase .commerce-store-logo{font-size:22px}.hero-showcase .commerce-store-logo small{display:none}.hero-showcase .commerce-store-body{padding-top:8px}.hero-showcase .commerce-store-body>strong{font-size:21px}.hero-showcase .commerce-products{margin-top:9px;gap:8px}.hero-showcase .commerce-products>div{min-height:66px;padding:8px 5px 5px;gap:5px}.hero-showcase .commerce-products>div>span:last-child{font-size:var(--text-caption)}.hero-showcase .commerce-jar{height:30px;width:30px}.hero-showcase .commerce-jar:before{width:32px;height:7px;top:-5px}.hero-showcase .commerce-jar:after{font-size:12px;inset:8px 4px 5px}.hero-showcase .commerce-argan{height:36px;width:18px}.hero-showcase .commerce-argan:before{width:12px;left:2px}.hero-showcase .commerce-argan:after{inset:10px 2px 5px}}
.showcase-project-caption{height:126px;min-height:126px}
.showcase-project-caption strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media(max-width:700px){.showcase-media{aspect-ratio:6/5}.showcase-project-caption{height:126px;min-height:126px}}
.showcase-media>img{object-fit:contain;object-position:center;background:#f3f6fb}