*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--ground:#000000;--surface:#111111;--ink:#ffffff;--ink-secondary:#e0e0e0;--ink-muted:#999999;--hairline:rgba(255,255,255,0.08);--hairline-strong:rgba(255,255,255,0.16);--surface-subtle:rgba(255,255,255,0.06);--day:#ffffff;--day-ink:#000000;--day-ink-muted:#555555;--day-hairline:rgba(0,0,0,0.08);--day-surface-subtle:rgba(0,0,0,0.06);--focus-ring:#7fb2ff;--state-go:#35c08a;--state-wait:#e8b04b;--state-stop:#ff6b5e;--state-info:#7fb2ff;--font-latin:var(--font-montserrat),"Montserrat",sans-serif;--font-arabic:var(--font-cairo),"Cairo",sans-serif;--type-display-xl:51.2px;--type-display-lg:40px;--type-display-md:28.8px;--type-heading-lg:24px;--type-heading-md:19.2px;--type-body:16px;--type-eyebrow:12.8px;--type-button:16.8px;--leading-body:1.65;--leading-arabic:1.8;--tracking-display-xl:-0.5px;--tracking-eyebrow:1.9px;--tracking-button:0.5px;--radius-card:24px;--radius-control:12px;--radius-pill:999px;--touch:44px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:80px;--space-8:96px;--space-9:120px;--page-pad:32px;--max-width:1120px;--nav-height:88px;--ease:0.2s ease}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-latin);font-size:var(--type-body);font-weight:400;line-height:var(--leading-body);background:var(--ground);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[dir=rtl] body{font-family:var(--font-arabic);line-height:var(--leading-arabic)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.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}.no-flip{transform:none}.ltr-keep{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.type-data{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.cta-content h2,.hero-title,.type-display-xl{font-size:clamp(36px,6vw,var(--type-display-xl));font-weight:800;letter-spacing:var(--tracking-display-xl);line-height:1.1}.section-title,.type-display-lg{font-size:clamp(var(--type-display-md),4vw,var(--type-display-lg));font-weight:800;line-height:1.15;letter-spacing:-.3px}.type-display-md{font-size:var(--type-display-md);font-weight:800;line-height:1.2}.type-heading-lg{font-size:var(--type-heading-lg);font-weight:700;line-height:1.3}.about-tagline,.type-heading-md{font-size:var(--type-heading-md);font-weight:700;line-height:1.4}.about-copy p,.section-desc,.type-body{font-size:var(--type-body);font-weight:400;line-height:var(--leading-body)}.section-label,.type-eyebrow{font-size:var(--type-eyebrow);font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}html[dir=rtl] .btn-primary,html[dir=rtl] .btn-secondary,html[dir=rtl] .cta-content h2,html[dir=rtl] .download-dialog h3,html[dir=rtl] .footer-col h4,html[dir=rtl] .hero-badge,html[dir=rtl] .hero-stat-label,html[dir=rtl] .hero-title,html[dir=rtl] .mobile-menu a,html[dir=rtl] .nav-cta,html[dir=rtl] .nav-links a,html[dir=rtl] .section-label,html[dir=rtl] .section-title,html[dir=rtl] .solution-feature h4,html[dir=rtl] .support-contact-label,html[dir=rtl] .support-feature h4,html[dir=rtl] .type-display-lg,html[dir=rtl] .type-display-xl,html[dir=rtl] .type-eyebrow,html[dir=rtl] .verification-card h3,html[dir=rtl] .vision-card h3,html[dir=rtl] .why-card h3{letter-spacing:0;text-transform:none}html[dir=rtl] .about-copy p,html[dir=rtl] .section-desc,html[dir=rtl] .type-body,html[dir=rtl] body{line-height:var(--leading-arabic)}.animate-on-scroll{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sawa-logo{display:inline-block;position:relative;height:40px;aspect-ratio:3556/729;overflow:hidden;line-height:0;vertical-align:middle;flex-shrink:0}.sawa-logo-img{position:absolute;left:50%;top:50%;height:calc(4267 / 729 * 100%);width:auto;max-width:none;transform:translate(-50%,-50%)}.navbar.scrolled .sawa-logo{height:34px}.sawa-logo.stacked{height:52px}.navbar{position:fixed;top:0;inset-inline:0;z-index:1000;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);padding-block:8px;padding-inline:var(--page-pad);min-height:var(--nav-height);background:var(--ground);border-bottom:1px solid var(--hairline);transition:padding var(--ease)}.navbar.scrolled{min-height:72px}.nav-links{display:flex;align-items:center;justify-content:center;gap:var(--space-4);list-style:none}.nav-links a{display:inline-flex;align-items:center;min-height:var(--touch);font-size:14px;font-weight:500;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:color var(--ease)}.nav-links a.active,.nav-links a:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.lang-switch{display:inline-flex;align-items:center;min-height:var(--touch);border:1px solid var(--hairline);border-radius:var(--radius-pill);overflow:hidden}.lang-switch button{min-height:var(--touch);min-width:var(--touch);padding-inline:14px;background:transparent;color:var(--ink-muted);border:none;cursor:pointer;font-size:13px;font-weight:600;transition:background var(--ease),color var(--ease)}.lang-switch button.active{background:var(--surface);color:var(--ink)}.lang-switch button:not(.lang-ar){font-family:var(--font-latin)}.lang-switch .lang-ar{font-family:var(--font-arabic);letter-spacing:0;text-transform:none}.lang-switch .lang-short{display:none}.btn-primary,.btn-secondary,.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch);padding:12px 24px;border-radius:var(--radius-pill);font-size:var(--type-button);font-weight:700;letter-spacing:var(--tracking-button);cursor:pointer;border:1px solid transparent;transition:background var(--ease),border-color var(--ease),color var(--ease);text-transform:uppercase}.btn-primary,.nav-cta{background:var(--ink);color:var(--ground);border-color:var(--ink)}.btn-primary:hover,.nav-cta:hover{background:var(--ink-secondary);border-color:var(--ink-secondary)}.btn-secondary{background:transparent;color:var(--ink);border-color:var(--hairline-strong)}.btn-secondary:hover{background:var(--surface-subtle);border-color:var(--ink-secondary)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:var(--touch);height:var(--touch);background:none;border:1px solid var(--hairline);border-radius:var(--radius-pill);cursor:pointer;padding:0}.hamburger span{display:block;width:16px;height:1.5px;background:var(--ink);border-radius:1px;transition:transform var(--ease),opacity var(--ease)}.hamburger.active span:first-child{transform:translateY(6.5px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;inset:0;background:var(--ground);z-index:999;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-2);overflow-y:auto;padding:calc(var(--nav-height) + var(--space-4)) var(--page-pad) var(--space-6)}.mobile-menu.active{display:flex}.mobile-menu a{display:inline-flex;align-items:center;min-height:var(--touch);font-size:var(--type-heading-md);font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.06em}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-height) + var(--space-7)) var(--page-pad) var(--space-8)}.hero-content{text-align:center;max-width:720px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--hairline);padding:8px 16px;min-height:36px;border-radius:var(--radius-pill);font-size:var(--type-eyebrow);font-weight:700;color:var(--ink-secondary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);animation:fade-in .5s ease both}.hero-badge .dot{width:8px;height:8px;background:var(--state-go);border-radius:50%;flex-shrink:0}.hero-title{margin-bottom:var(--space-3);text-transform:uppercase;color:var(--ink);animation:fade-in .5s ease .08s both}.hero-subtitle{font-size:var(--type-heading-md);font-weight:400;color:var(--ink-muted);max-width:42ch;margin:0 auto var(--space-5);line-height:var(--leading-body);animation:fade-in .5s ease .16s both}.hero-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;animation:fade-in .5s ease .24s both}.hero-actions,.hero-stats{display:flex;justify-content:center}.hero-stats{gap:var(--space-6);margin-top:var(--space-7);animation:fade-in .5s ease .32s both}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--type-display-md);font-weight:800;color:var(--ink);letter-spacing:-.3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero-stat-label{font-size:var(--type-eyebrow);color:var(--ink-muted);margin-top:6px;text-transform:uppercase;letter-spacing:var(--tracking-eyebrow)}.section{padding:var(--space-9) var(--page-pad)}.section-container{max-width:var(--max-width);margin:0 auto}.section-label{display:inline-flex;align-items:center;gap:8px;color:var(--ink-muted);margin-bottom:var(--space-2)}.section-label:before{content:"";width:24px;height:1px;background:var(--ink);flex-shrink:0}.section-title{margin-bottom:var(--space-2);text-transform:uppercase}.section-desc{color:var(--ink-muted);max-width:42ch;margin-bottom:var(--space-5)}.section-divider{width:100%;height:1px;background:var(--hairline)}.about-page{padding:calc(var(--nav-height) + var(--space-8)) var(--page-pad) var(--space-9);min-height:70vh}.about-tagline{color:var(--ink);margin-bottom:var(--space-5);max-width:42ch;font-weight:600}.about-copy{max-width:42ch;display:flex;flex-direction:column;gap:var(--space-3)}.about-copy p{color:var(--ink-muted)}.about-motto{font-weight:600;color:var(--ink)!important;font-size:var(--type-heading-md)!important}.business-intro{color:var(--ink-muted);max-width:52ch;margin-bottom:var(--space-5)}.business-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);max-width:880px}.business-grid .why-card h2{font-size:var(--type-heading-md);font-weight:700;margin-bottom:8px}.business-screens{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-6);align-items:start}.business-screen img{width:100%;height:auto}.vision-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.download-dialog,.laptop-mockup,.solution-feature,.support-feature,.verification-card,.vision-card,.why-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card)}.solution-feature,.support-feature,.verification-card,.vision-card,.why-card{transition:background var(--ease),border-color var(--ease),color var(--ease),opacity .5s ease,transform .5s ease}.vision-card{padding:var(--space-5)}.solution-feature:hover,.support-feature:hover,.verification-card:hover,.vision-card:hover,.why-card:hover{background:var(--day);border-color:var(--day);color:var(--day-ink)}.solution-feature:hover h4,.support-feature:hover h4,.verification-card:hover h2,.verification-card:hover h3,.vision-card:hover h2,.vision-card:hover h3,.vision-card:hover h4,.why-card:hover h2,.why-card:hover h3{color:var(--day-ink)}.solution-feature:hover p,.support-feature:hover p,.verification-card:hover p,.vision-card:hover p,.why-card:hover p{color:var(--day-ink-muted)}.solution-feature:hover .solution-feature-icon,.support-feature:hover .support-icon,.verification-card:hover .verification-icon,.vision-card:hover .vision-icon,.why-card:hover .why-icon{background:var(--day-surface-subtle);border-color:var(--day-hairline);color:var(--day-ink)}.solution-feature-icon,.support-badge,.support-icon,.verification-icon,.vision-icon,.why-icon{width:44px;height:44px;border-radius:var(--radius-control);background:var(--surface-subtle);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;color:var(--ink-secondary);font-size:16px;flex-shrink:0;transition:background var(--ease),border-color var(--ease),color var(--ease)}.vision-icon{margin-bottom:var(--space-3)}.vision-card h3{font-size:var(--type-heading-lg);font-weight:700;margin-bottom:var(--space-2)}.solution-feature p,.support-feature p,.verification-card p,.vision-card p,.why-card p{transition:color var(--ease)}.vision-card p{color:var(--ink-muted);font-size:var(--type-body);line-height:var(--leading-body)}.solution-layout{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:center}.solution-features{display:flex;flex-direction:column;gap:var(--space-2)}.solution-feature{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3)}.solution-feature h4{font-weight:700;font-size:var(--type-heading-md);margin-bottom:6px}.solution-feature p{font-size:var(--type-body);color:var(--ink-muted);line-height:var(--leading-body)}.solution-visual{display:flex;align-items:center;justify-content:center}.app-preview{width:min(100%,280px);border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--hairline);background:var(--surface)}.app-preview img{width:100%;height:auto;display:block}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.why-card{padding:var(--space-4);text-align:start}.why-icon{margin-bottom:var(--space-3)}.why-card h3{font-size:var(--type-heading-md);font-weight:700;margin-bottom:8px}.why-card p{font-size:var(--type-body);color:var(--ink-muted);line-height:var(--leading-body)}.verification-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.verification-card{padding:var(--space-4);text-align:start}.verification-icon{margin-bottom:var(--space-3)}.verification-card h3{font-size:var(--type-heading-md);font-weight:700;margin-bottom:8px}.verification-card p{font-size:var(--type-body);color:var(--ink-muted);line-height:var(--leading-body)}.support-layout{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:center}.support-features{display:flex;flex-direction:column;gap:var(--space-2)}.support-feature{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3)}.support-feature h4{font-weight:700;font-size:var(--type-heading-md);margin-bottom:4px}.support-feature p{font-size:var(--type-body);color:var(--ink-muted)}.support-visual{display:flex;align-items:center;justify-content:center}.laptop-mockup{width:100%;max-width:380px;overflow:hidden}.laptop-screen{padding:var(--space-5);min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-2)}.laptop-screen h4{font-size:var(--type-heading-md);font-weight:700}.laptop-screen p{font-size:var(--type-body);color:var(--ink-muted)}.support-contacts{display:flex;flex-direction:column;gap:var(--space-1);width:100%;margin-top:var(--space-1)}.support-contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch);padding:8px 12px;border-radius:var(--radius-control)}.support-contact:hover{background:var(--surface-subtle)}.support-contact-label{font-size:var(--type-eyebrow);font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-muted)}.support-contact-value{font-size:var(--type-heading-md);font-weight:700;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.whatsapp-bubble{position:fixed;z-index:900;inset-inline-end:var(--page-pad);bottom:max(var(--space-3),env(safe-area-inset-bottom));width:56px;height:56px;border-radius:var(--radius-pill);background:#25d366;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:background var(--ease),transform var(--ease)}.whatsapp-bubble:hover{background:#1ebe5d;transform:translateY(-2px)}.cta-section{padding:var(--space-9) var(--page-pad);text-align:center}.cta-content{max-width:640px;margin:0 auto}.cta-content h2{margin-bottom:var(--space-3);text-transform:uppercase}.cta-content p{font-size:var(--type-body);color:var(--ink-muted);margin-bottom:var(--space-5);line-height:var(--leading-body);max-width:42ch;margin-inline:auto}.cta-buttons{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.download-dialog-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:var(--space-3)}.download-dialog{position:relative;width:min(100%,420px);padding:var(--space-5) var(--space-4) var(--space-4);text-align:center}.download-dialog-close{position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);width:var(--touch);height:var(--touch);border:1px solid var(--hairline);border-radius:var(--radius-pill);background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.download-dialog-close:hover{background:var(--surface-subtle)}.download-dialog h3{font-size:var(--type-heading-lg);font-weight:700;margin-bottom:8px}.download-dialog p{font-size:var(--type-body);color:var(--ink-muted);margin-bottom:var(--space-4)}.download-dialog-actions{display:flex;flex-direction:column;gap:var(--space-2)}.download-dialog-actions .btn-primary,.download-dialog-actions .btn-secondary{justify-content:center;width:100%}.footer{border-top:1px solid var(--hairline);padding:var(--space-7) var(--page-pad) var(--space-4)}.footer-grid{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;grid-gap:var(--space-5);gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--hairline)}.footer-brand{display:flex;flex-direction:column;align-items:start;text-align:start}.footer-brand p{font-size:var(--type-body);color:var(--ink-muted);line-height:var(--leading-body);max-width:36ch;margin-top:var(--space-2)}.footer-col h4{font-size:var(--type-eyebrow);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);margin-bottom:var(--space-2);color:var(--ink)}.footer-col a{display:flex;align-items:center;min-height:var(--touch);font-size:var(--type-body);color:var(--ink-muted);transition:color var(--ease)}.footer-col a:hover{color:var(--ink)}.footer-social{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.footer-social a{width:var(--touch);height:var(--touch);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;color:var(--ink-muted);border:1px solid var(--hairline);transition:color var(--ease),border-color var(--ease)}.footer-social a:hover{color:var(--ink);border-color:var(--hairline-strong)}.footer-bottom{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.footer-bottom p{font-size:13px;color:var(--ink-muted)}.footer-bottom .arabic{font-family:var(--font-arabic);font-size:14px;letter-spacing:0}.footer-legal{font-size:13px;color:var(--ink-muted)}@media (max-width:1280px){.nav-links{gap:var(--space-2)}.nav-links a{font-size:13px;letter-spacing:.04em}}@media (max-width:1024px){:root{--page-pad:24px;--space-9:96px}.solution-layout,.support-layout,.vision-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.business-screens{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-2);margin-inline:calc(var(--page-pad) * -1);padding-inline:var(--page-pad)}.business-screen{flex:0 0 220px;scroll-snap-align:start}.footer-grid{grid-template-columns:1fr 1fr}.solution-visual{order:-1}.app-preview{width:min(100%,240px)}}@media (max-width:768px){:root{--page-pad:20px;--nav-height:80px;--space-9:80px}.nav-cta,.nav-links{display:none}.hamburger{display:flex}.navbar{grid-template-columns:auto 1fr auto;gap:var(--space-2)}.lang-switch .lang-full{display:none}.lang-switch .lang-short{display:inline}.business-grid,.footer-grid,.verification-grid,.why-grid{grid-template-columns:1fr}.hero{padding-top:calc(var(--nav-height) + var(--space-6));padding-bottom:var(--space-7);min-height:auto}.hero-stats{flex-direction:column;gap:var(--space-3)}.about-copy,.business-intro,.cta-content p,.hero-subtitle,.section-desc{max-width:none}.footer-bottom{flex-direction:column;align-items:flex-start;text-align:start}.sawa-logo{height:32px}.sawa-logo.stacked{height:44px}.about-page,.cta-section,.section{padding-block:var(--space-7)}.about-page{padding-top:calc(var(--nav-height) + var(--space-6))}.mobile-menu .nav-cta{display:inline-flex;margin-top:var(--space-2)}}@media (max-width:480px){:root{--page-pad:16px}.cta-buttons,.hero-actions{flex-direction:column;align-items:stretch}.cta-buttons .btn-primary,.cta-buttons .btn-secondary,.hero-actions .btn-primary{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.animate-on-scroll{opacity:1;transform:none}}