:root{--brand:#00775d;--deep:#123e33;--ink:#143f34;--muted:#526b62;--paper:#f6f7f2;--mint:#e6eee5;--line:#d2ded4;--white:#fff;--red:#813d41;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.22;font-weight:800;text-wrap:balance}h1,h2{letter-spacing:-.025em}h2{font-size:clamp(2rem,3.5vw,3.25rem)}p{text-wrap:pretty}small{display:block}.shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}.section{padding-block:64px}section{scroll-margin-top:90px}.skip{position:fixed;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-200%);z-index:100;background:var(--white);padding:12px 20px}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.eyebrow{font-size:15px;font-weight:700;color:var(--brand);margin-block-end:16px}.caption{font-size:14px;color:var(--muted);line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:12px 26px;border-radius:12px;background:var(--brand);color:var(--white);font-weight:700;line-height:1.5;transition:background .18s,transform .18s}.button:hover{background:var(--deep)}.button:active{transform:translateY(1px)}.button:disabled{cursor:wait;opacity:.75}.button.small{min-height:44px;padding:10px 18px;font-size:14px;gap:12px}.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:10px;background:transparent;color:var(--brand);font-weight:700;border-block-end:1px solid currentColor}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;line-height:1.3;flex-shrink:0}.brand img{object-fit:contain;background:var(--white);border-radius:12px;padding:3px}.brand small{font-size:11px;font-weight:500;letter-spacing:.02em;margin-block-start:3px}.site-header{position:sticky;inset-block-start:0;background:var(--paper);z-index:30;border-block-end:1px solid var(--line)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-nav{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:700}.header-nav a{min-height:44px;display:flex;align-items:center}.header-nav a:hover{color:var(--brand);text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none;min-height:44px;padding:8px;background:transparent}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;min-height:0;padding-block:32px 42px}.hero h1{font-size:clamp(2.8rem,4.65vw,4.45rem);line-height:1.3}.hero h1 em{font-style:normal;color:var(--brand)}.hero-description{font-size:21px;margin-block-start:16px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:24px;margin-block-start:22px;flex-wrap:wrap}.hero-visual{position:relative;display:grid;place-items:center;padding:8px 0 28px;min-width:0;isolation:isolate}.hero-orbit{position:absolute;width:100%;aspect-ratio:1;border-radius:50%;background:var(--mint);z-index:-1}.phone{border:7px solid var(--deep);border-radius:34px;overflow:hidden;background:var(--white);box-shadow:0 20px 44px -20px rgb(20 63 52 / .35);width:min(100%,252px);margin-inline:auto}.phone img{width:100%;height:auto}.hero-phone{width:244px;transform:rotate(-4deg)}.visual-caption{position:absolute;inset-inline-end:-10px;inset-block-end:55px;display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--white);border-radius:16px;box-shadow:0 10px 30px rgb(20 63 52 / .08);font-size:18px;font-weight:800}.visual-caption small{font-size:12px;font-weight:400;color:var(--muted)}.visual-caption img{border-radius:8px}.section-heading{max-width:650px;margin-block-end:28px}.section-heading>p:not(.eyebrow){margin-block-start:16px;color:var(--muted);font-size:18px}.stores-section{padding-block-start:36px}.category-strip{display:flex;flex-wrap:wrap;gap:8px;padding:4px 3px 16px}.category-strip button{white-space:nowrap;border:1px solid var(--line);border-radius:100px;background:transparent;min-height:44px;padding:9px 22px;font-weight:700}.category-strip button[aria-pressed=true]{background:var(--deep);color:var(--white);border-color:var(--deep)}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.store-card{min-height:118px;display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--white);transition:border-color .2s,transform .2s;min-width:0}.store-card:hover{border-color:var(--brand);transform:translateY(-2px)} .store-logo{display:grid;place-items:center;width:80px;height:80px;flex-shrink:0;overflow:hidden;border-radius:14px;background:var(--paper);font-size:24px}.store-logo img{object-fit:contain;width:100%;height:100%}.store-copy{min-width:0}.store-copy strong{display:block;font-size:18px;line-height:1.5}.store-copy>span{display:block;font-size:13px;color:var(--muted);margin-block-start:4px}.store-arrow{margin-inline-start:auto;font-size:21px;color:var(--brand)}.stores-bottom{margin-block-start:20px;display:flex;gap:24px;align-items:center;justify-content:space-between}.how{background:var(--mint)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;padding:0;margin:40px 0 0;list-style:none}.steps>li{border-block-start:1px solid #b6c9bb;padding-block-start:20px}.steps>li>span{display:block;font-size:16px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums;margin-block-end:16px}.steps h3{font-size:21px}.steps p{font-size:15px;color:var(--muted);margin-block-start:8px}.screens .section-heading{margin-inline:auto;text-align:center}.screen-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:28px;align-items:center;padding:8px 55px 0}.screen-gallery .phone{width:min(100%,224px)}.screen-gallery>figure:nth-child(2) .phone{width:min(100%,252px);box-shadow:0 24px 46px -20px rgb(20 63 52 / .4)}.screen-gallery>figure:nth-child(2){padding-block-start:0}.screen-gallery figcaption{font-size:20px;font-weight:700;margin-block-start:24px;text-align:center}.screen-gallery figcaption span{display:block;font-size:13px;color:var(--brand);font-weight:500;margin-block-end:4px}.gallery-note{max-width:650px;text-align:center;margin:28px auto 0}.journey{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0 0 20px;padding:0;border-block:1px solid var(--line)}.journey li{padding:28px 0;position:relative}.journey li+li{padding-inline-start:28px;border-inline-start:1px solid var(--line)}.journey span{display:block;color:var(--muted);font-size:14px}.journey strong{font-size:22px;font-weight:700}.trust{display:flex;justify-content:space-between;gap:22px;margin-block-start:30px;font-size:14px;font-weight:700;flex-wrap:wrap}.trust a{text-decoration:underline;text-underline-offset:4px}.download{background:var(--deep);color:var(--white)}.download-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.download-copy>img{border-radius:14px;margin-block-end:24px}.download-copy h2{font-size:clamp(2.4rem,4vw,3.7rem)}.download-copy p{max-width:43ch;margin-block:20px 28px;color:#d9e5dd;font-size:18px}.download-copy .button{background:var(--white);color:var(--deep)}.download-copy .button:hover{background:var(--mint)}.platforms article{padding-block:25px;border-block-end:1px solid #47695c}.platforms article:first-child{padding-block-start:0}.platform-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.platform-heading h3{font-size:26px}.status-tag{font-size:13px;color:#d9e5dd}.platforms p{font-size:16px;color:#d9e5dd;margin-block-start:14px;max-width:40ch}.platforms>.caption{font-size:13px}.faq{display:grid;grid-template-columns: .65fr 1.35fr;gap:56px}.faq-list details{border-block-end:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:700;font-size:18px;padding-block:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:24px;color:var(--brand);flex-shrink:0}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:16px;color:var(--muted);padding-block-end:22px;max-width:62ch}.faq-list a{text-decoration:underline;text-underline-offset:4px;color:var(--brand)}.merchant{display:flex;align-items:center;justify-content:space-between;gap:32px;border-block:1px solid var(--line);padding-block:30px;margin-block:0 32px}.merchant h2{font-size:30px}.merchant p{margin-block-start:10px;color:var(--muted)}.merchant .button{flex-shrink:0}.site-footer{padding-block:20px 30px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:32px}.footer-main nav{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px}.footer-main nav a{min-height:44px;display:inline-flex;align-items:center}.footer-main nav a:hover{text-decoration:underline}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block-start:1px solid var(--line);padding-block-start:22px;margin-block-start:25px;color:var(--muted);font-size:13px}.mobile-download{display:none}.legal-simple{max-width:760px;padding-block:55px 85px}.legal-simple h1{font-size:38px;margin-block:22px}.legal-simple h2{font-size:24px;margin-block:30px 12px}.legal-simple p,.legal-simple li{font-size:18px;line-height:1.9}.legal-simple ol{padding-inline-start:24px}.legal-simple .button{margin-block:24px}.legal-nav{display:flex;gap:20px;flex-wrap:wrap;margin-block-start:25px}.legal-nav a{text-decoration:underline;min-height:44px;align-content:center}[hidden]{display:none!important}
@media(max-width:1000px){.header-nav{gap:18px}.hero{gap:24px;min-height:0}.hero h1{font-size:clamp(40px,5vw,56px)}.hero-phone{width:240px}.visual-caption{inset-inline-end:0;padding:12px}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-gallery{gap:24px;padding-inline:0}.download-layout{gap:50px}.faq{gap:40px}.footer-main{flex-wrap:wrap}.steps{gap:16px}.steps h3{font-size:18px}}
@media(max-width:700px){html{scroll-padding-top:88px}.shell{width:calc(100% - 40px)}.section{padding-block:36px}.header-inner{min-height:64px;gap:12px;flex-wrap:wrap;position:relative}.brand{font-size:17px;gap:8px}.brand img{width:40px;height:40px}.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:8px;font-size:14px}.header-nav{width:100%;flex-direction:column;align-items:stretch;gap:0;padding-block:0 12px}.header-nav a{padding-inline:12px}.js .header-nav{display:none}.js .header-nav.open{display:flex}.hero{grid-template-columns:1fr;gap:24px;padding-block:28px 30px;min-height:0}.hero h1{font-size:clamp(34px,8.5vw,49px);line-height:1.32}.desktop-break{display:none}.hero-description{font-size:18px;margin-block-start:18px}.eyebrow{font-size:14px;margin-block-end:14px}.hero-actions{margin-block-start:20px;gap:20px}.hero-actions .button{padding-inline:19px}.hero-visual{max-width:370px;width:100%;margin-inline:auto;padding-block:8px 18px}.hero-phone{width:190px}.hero-orbit{width:95%}.visual-caption{inset-inline-end:0;inset-block-end:35px;font-size:16px;padding:10px 14px}.visual-caption img{width:32px;height:32px}.visual-caption small{font-size:11px}.stores-section{padding-block-start:25px}.section-heading{margin-block-end:24px}.section-heading>p:not(.eyebrow){font-size:17px}.store-grid{gap:10px}.store-card{min-height:130px;flex-direction:column;align-items:start;gap:8px;padding:14px;position:relative}.store-logo{width:68px;height:68px}.store-copy strong{font-size:16px}.store-copy>span{font-size:12px}.store-arrow{position:absolute;inset-inline-end:14px;inset-block-start:22px}.stores-bottom{display:block}.category-strip{margin-inline:0;padding-inline:0}.category-strip button{font-size:14px;padding-inline:18px}.steps{grid-template-columns:1fr;gap:0;margin-block-start:24px}.steps>li{display:grid;grid-template-columns:40px 1fr;gap:0 16px;padding-block:12px}.steps>li>span{grid-row:span 2;font-size:18px;margin:0;align-self:center}.steps h3{font-size:20px}.steps p{font-size:15px;margin-block-start:5px}.screens .section-heading{text-align:start}.screen-gallery{display:grid;grid-template-columns:1fr;gap:28px;padding:8px 0 20px;margin-inline:0}.screen-gallery>figure{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);align-items:center;gap:18px;min-width:0}.screen-gallery>figure:nth-child(2){padding-block-start:0}.screen-gallery .phone{width:min(100%,190px);border-width:6px;border-radius:28px}.screen-gallery figcaption{font-size:18px;margin-block-start:18px}.gallery-note{text-align:start;margin-block-start:0}.journey{grid-template-columns:1fr}.journey li{padding-block:18px}.journey li+li{padding-inline-start:0;border-inline-start:0;border-block-start:1px solid var(--line)}.journey strong{font-size:21px}.trust{margin-block-start:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:13px}.download-layout{grid-template-columns:1fr;gap:32px}.download-copy p{font-size:17px}.platforms article{padding-block:20px}.faq{display:block}.faq-list summary{font-size:16px;gap:18px}.merchant{flex-direction:column;align-items:start;padding-block:28px;margin-block-end:32px}.merchant h2{font-size:28px}.merchant p{font-size:16px}.footer-main{display:block}.footer-main nav{margin-block-start:16px;gap:6px 18px}.footer-bottom{flex-wrap:wrap;gap:14px}.site-footer{padding-block-end:calc(32px + env(safe-area-inset-bottom,0px))}.mobile-download{display:flex;position:fixed;inset-inline:0;inset-block-end:0;z-index:25;align-items:center;justify-content:space-between;gap:12px;background:var(--white);border-block-start:1px solid var(--line);padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px rgb(20 63 52 / .05)}.mobile-download>span{font-weight:700;font-size:14px}.mobile-download small{font-size:11px;color:var(--muted);font-weight:400}.legal-simple h1{font-size:30px}}
@media(max-width:350px){.shell{width:calc(100% - 32px)}.hero-actions{gap:14px;font-size:14px}.hero h1{font-size:33px}.screen-gallery>figure{grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:14px}.screen-gallery .phone,.screen-gallery>figure:nth-child(2) .phone{width:170px}.screen-gallery figcaption{font-size:15px}.store-card{padding:12px}.store-copy strong{font-size:15px}.mobile-download{padding-inline:16px}.button.small{padding-inline:12px}.visual-caption{inset-inline-end:0}.trust{grid-template-columns:1fr}.category-strip{margin-inline:0;padding-inline:0}}

/* Final polish: preserve the brand, reduce gaps, clarify hierarchy. */
.hero-visual{transform:translateX(12px)}
.store-card:active{transform:translateY(1px);border-color:var(--brand)}
.category-strip button{transition:background .16s,color .16s,border-color .16s}
.category-strip button:hover{border-color:var(--brand)}
.text-link:hover{color:var(--deep)}
.text-link:active{transform:translateY(1px)}
.stores-bottom .text-link{font-size:14px;white-space:nowrap}
.tracking-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
.tracking-story .section-heading{margin:0}
.tracking-story .caption{margin-block-start:18px}
.tracking-story .text-link{margin-block-start:18px;font-size:15px}
.tracking-demo{width:100%;max-width:460px;margin-inline:auto;background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px 28px}
.tracking-demo-heading{display:flex;justify-content:space-between;gap:12px;margin-block-end:18px;font-size:18px}
.tracking-demo-heading span{font-size:13px;color:var(--muted);align-self:center}
.journey{display:block;border:0;margin:0}
.journey li,.journey li+li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;border:0;padding:0 0 24px;position:relative}
.journey li:last-child{padding-block-end:0}
.journey li:not(:last-child):after{content:'';position:absolute;inset-inline-start:21px;inset-block-start:48px;inset-block-end:4px;width:2px;background:var(--line)}
.journey .journey-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--mint);color:var(--brand);border-radius:50%}
.journey .journey-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.journey strong{font-size:20px}
.journey li:nth-child(2) .journey-icon{background:var(--brand);color:var(--white)}
.trust a{min-height:44px;align-content:center}
.trust>span{align-content:center}
.faq-list summary:after{width:28px;text-align:center;transition:transform .16s}
.faq-list details[open] summary:after{content:'+';transform:rotate(45deg)}
.faq-list details[open] p{animation:faq-reveal .16s ease-out}
@keyframes faq-reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.merchant{display:block}
.closing-action,.merchant-invite{display:flex;align-items:center;justify-content:space-between;gap:24px}
.closing-action{padding-block-end:24px}
.merchant-invite{border-block-start:1px solid var(--line);padding-block-start:22px}
.merchant-invite h3{font-size:22px}
.merchant-invite p{font-size:15px;max-width:58ch}
.merchant-invite .text-link{flex-shrink:0;font-size:15px}
.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
.download a:focus-visible{outline-color:var(--white)}
@media(max-width:1000px){.hero-visual{transform:none}.screen-gallery{padding-inline:0}.tracking-story{gap:28px}.tracking-demo{padding:22px}.store-card{gap:14px}}
@media(max-width:700px){.screen-gallery>figure:nth-child(2) .phone{width:min(100%,190px)}.screen-gallery{align-items:center;gap:28px}.screen-gallery figcaption{text-align:start;margin:0;font-size:17px}.stores-bottom .text-link{margin-block-start:12px}.tracking-story{grid-template-columns:1fr;gap:24px}.tracking-demo{padding:20px}.journey li,.journey li+li{padding-block-end:22px}.journey li:last-child{padding-block-end:0}.closing-action,.merchant-invite{align-items:start;flex-direction:column;gap:18px}.merchant .button{width:auto}.hero-visual{max-width:320px}.tracking-story .section-heading>p:not(.eyebrow){font-size:17px}.tracking-demo .caption{font-size:12px}.screen-gallery figcaption{margin-block-start:14px}.gallery-note{font-size:12px}.visual-caption{inset-block-end:24px}.trust{gap:12px}.faq-list summary{padding-block:18px;min-height:64px}}

.scroll-reveal{transition:opacity .48s ease-out,transform .48s cubic-bezier(.2,.7,.3,1)}
.reveal-pending{opacity:0;transform:translateY(18px)}
.store-card.scroll-reveal:not(.reveal-pending):hover{transform:translateY(-2px)}
.screen-gallery .phone{transition:box-shadow .22s ease}
@media(hover:hover){.screen-gallery figure:hover .phone{box-shadow:0 24px 48px -18px rgb(20 63 52 / .38)}}

/* Tech Forward direction: restrained precision within the established identity. */
.tech-visual .hero-orbit{border-radius:30px;background:var(--mint);width:88%;aspect-ratio:1.08;border:1px solid var(--line)}
.tech-visual:before{content:'';position:absolute;inset:14% 2% 12%;border:1px solid var(--line);border-radius:32px;z-index:-1;transform:rotate(6deg)}
.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:6px 12px;border-radius:8px;font-size:13px}
.hero-copy .eyebrow:before{content:'';width:6px;height:6px;background:var(--brand);border-radius:50%}
.button{border-radius:10px;box-shadow:0 2px 0 rgb(20 63 52 / .09)}
.header-nav a{position:relative}
.header-nav a:after{content:'';position:absolute;inset-inline:0;inset-block-end:3px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:right;transition:transform .18s ease}
.header-nav a:hover{text-decoration:none}
.header-nav a:hover:after,.header-nav a:focus-visible:after{transform:scaleX(1)}
.store-card{border-radius:14px}
.steps>li{border-block-start:2px solid var(--line)}
.steps>li>span{font-size:14px;letter-spacing:.06em}
.about-strip{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;border-block-start:1px solid var(--line);padding-block-start:30px;margin-block-start:34px;scroll-margin-top:95px}
.about-message .eyebrow{margin-block-end:10px}
.about-message h3{font-size:26px}
.about-message>p:last-child{margin-block-start:12px;max-width:47ch;color:var(--muted);font-size:16px}
.about-strip .trust{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:14px 24px;margin:0}
.about-strip .trust>span:before{content:'✓';color:var(--brand);margin-inline-end:8px}
#contact{scroll-margin-top:90px}
@media(max-width:1000px){.header-nav{gap:16px;font-size:14px}.header-inner{gap:16px}.about-strip{gap:28px}}
@media(max-width:700px){.hero-copy .eyebrow{font-size:12px;margin-block-end:16px}.tech-visual .hero-orbit{width:94%}.tech-visual:before{inset-inline:0;transform:rotate(4deg)}.about-strip{grid-template-columns:1fr;gap:20px;padding-block-start:24px;margin-block-start:24px}.about-message h3{font-size:23px}.about-strip .trust{gap:8px 16px}.header-nav a:after{display:none}}

/* Catalogue accents frame the real screen without hiding its controls. */
.hero-product{position:absolute;width:132px;background:var(--white);padding:6px;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 28px rgb(20 63 52 / .12);z-index:2;margin:0}
.hero-product img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block}
.hero-product figcaption{padding:8px 3px 3px;font-size:15px;font-weight:800;text-align:center}
.hero-food{inset-inline-end:0;inset-block-start:18%;transform:rotate(-7deg)}
.hero-coffee{inset-inline-start:0;inset-block-end:20%;transform:rotate(7deg);width:112px}
.hero-visual{padding-block-end:0}
.hero-visual .visual-caption{position:relative;inset:auto;transform:none;white-space:normal;margin-block-start:26px;max-width:100%;padding:12px 16px;gap:12px;border:1px solid var(--line);box-shadow:0 6px 18px rgb(20 63 52 / .05);line-height:1.5}
.hero-visual .visual-caption>img{flex:0 0 36px;width:36px;height:36px;object-fit:contain}
.hero-visual .visual-caption>span{min-width:0}
.hero-visual .visual-caption small{margin-block-start:3px;line-height:1.6}
.screen-gallery figcaption small{display:block;font-size:15px;line-height:1.7;font-weight:400;color:var(--muted);max-width:27ch;margin:10px auto 0}
.button>span[aria-hidden],.text-link>span[aria-hidden]{display:inline-block;transition:transform .2s ease}
.button:hover>span[aria-hidden],.button:focus-visible>span[aria-hidden]{transform:translate(-3px,2px)}
.text-link:hover>span[aria-hidden]{transform:translate(2px,-2px)}
.button:active{transform:translateY(2px);box-shadow:none}
.journey li:not(:last-child):after{content:'';position:absolute;inset-inline-start:21px;top:48px;bottom:4px;width:2px;background:var(--brand);transform-origin:top}
@media(prefers-reduced-motion:no-preference){
  .hero-product{animation:catalogue-enter .65s cubic-bezier(.2,.7,.3,1) both}
  .hero-food{animation-delay:.12s}.hero-coffee{animation-delay:.24s}
  .hero-phone{animation:phone-enter .65s ease-out both}
  .journey-played li:not(:last-child):after{animation:journey-line .7s ease-out both}
  .journey-played li:nth-child(2):after{animation-delay:.65s}
  .journey-played .journey-icon{animation:journey-node .5s ease-out both}
  .journey-played li:nth-child(2) .journey-icon{animation-delay:.65s}
  .journey-played li:nth-child(3) .journey-icon{animation-delay:1.3s}
}
@keyframes catalogue-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes phone-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes journey-line{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes journey-node{from{box-shadow:0 0 0 0 rgb(0 119 93 / .2)}to{box-shadow:0 0 0 10px transparent}}
@media(max-width:1100px) and (min-width:701px){.hero-product{width:105px}.hero-coffee{width:95px}}
@media(max-width:700px){.hero-product{width:98px;border-radius:14px;padding:4px}.hero-coffee{width:85px;inset-block-end:22%}.hero-food{inset-block-start:14%}.hero-product figcaption{font-size:13px;padding-block:6px 2px}.hero-visual{padding-block-end:0}.screen-gallery figcaption small{font-size:14px;margin-inline:0}}
@media(max-width:350px){.hero-product{width:83px}.hero-coffee{width:76px}.screen-gallery figcaption small{font-size:13px}}
/* Incremental discovery, pickup and partnership sections. */
body{font-size:18px}
.hero-visual .visual-caption{font-size:20px}
.hero-visual .visual-caption small{font-size:14px}
.section-heading>p:not(.eyebrow),.steps p,.merchant p{font-size:19px}
.caption,.gallery-note,.store-copy>span,.footer-bottom,.about-strip .trust{font-size:16px}
.screen-gallery figcaption{font-size:22px}
.screen-gallery figcaption small,.about-message>p:last-child,.faq-list p{font-size:18px}
.faq-list summary{font-size:20px}
.categories-section{padding-block-end:12px}
.category-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;padding-block-end:12px}
.category-strip button{border-radius:14px;white-space:normal;padding:16px 12px;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--white);font-size:18px;transition:background .18s,border-color .18s,transform .18s}
.category-strip button:before{content:'';display:block;width:30px;height:30px;background:currentColor;mask:url('/assets/category-store.svg') center/contain no-repeat}
.category-strip button[data-filter="all"]:before{mask-image:url('/assets/category-all.svg')}
.category-strip button[data-filter="مطاعم"]:before{mask-image:url('/assets/category-food.svg')}
.category-strip button[data-filter="كافيهات"]:before{mask-image:url('/assets/category-coffee.svg')}
.category-strip button[data-filter="حلويات ومخابز"]:before{mask-image:url('/assets/category-bakery.svg')}
.category-strip button:hover{border-color:var(--brand);transform:translateY(-2px)}
.category-strip button:active{transform:translateY(1px)}
.store-card{padding:24px;gap:20px;min-height:144px}
.store-logo{width:88px;height:88px;flex-shrink:0;border-radius:16px}
.store-copy strong{font-size:22px;line-height:1.45}
.store-copy>span{margin-block-start:8px}
.pickup-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;background:var(--mint);border:1px solid var(--line);border-radius:24px;padding:42px}
.pickup-copy>p:not(.eyebrow){font-size:20px;max-width:40ch;margin-block:22px;line-height:1.85}
.pickup-summary{padding:30px;background:var(--paper);border-radius:18px;text-align:center;border:1px solid var(--line)}
.pickup-summary>img{margin-inline:auto;border-radius:14px}
.pickup-summary>p{font-size:23px;margin-block:20px}
.pickup-summary strong{font-size:30px}
.pickup-summary ol{list-style:none;padding:0;margin:0;display:flex;justify-content:space-between;gap:12px;border-block-start:1px solid var(--line);padding-block-start:20px;font-size:18px}
.pickup-summary li span{display:block;font-size:14px;color:var(--brand);margin-block-end:6px;font-weight:700}
.join-heading{padding-block:28px 22px;border-block-start:1px solid var(--line)}
.join-heading h2{font-size:32px}
.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.join-card{border:1px solid var(--line);border-radius:18px;padding:30px;background:var(--white);display:flex;flex-direction:column;align-items:start}
.join-symbol{font-size:30px;color:var(--brand);margin-block-end:16px}
.join-card h3{font-size:27px;line-height:1.4}
.join-card p{margin-block:16px 24px;color:var(--muted)}
.join-card .button{margin-block-start:auto}
.join-card small{font-size:15px;color:var(--muted);margin-block-start:12px}
@media(max-width:1000px){.store-card{padding:18px;gap:14px}.store-logo{width:76px;height:76px}.pickup-panel{gap:24px;padding:28px}}
@media(max-width:700px){
 .category-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-strip button{font-size:18px;min-height:110px}
 .store-card{padding:16px;min-height:180px}.store-copy strong{font-size:20px}.store-copy>span{font-size:16px}.store-logo{width:80px;height:80px}
 .hero-visual .visual-caption{font-size:20px;gap:10px;padding:12px}.hero-visual .visual-caption small{font-size:14px}
 .screen-gallery>figure{grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:16px}.screen-gallery .phone,.screen-gallery>figure:nth-child(2) .phone{width:160px}.screen-gallery figcaption{font-size:21px}.screen-gallery figcaption small{font-size:16px}
 .pickup-panel{grid-template-columns:1fr;padding:24px 20px;gap:24px}.pickup-copy h2{font-size:32px}.pickup-copy>p:not(.eyebrow){font-size:19px}.pickup-summary{padding:24px 16px}.pickup-summary ol{font-size:16px}
 .join-grid{grid-template-columns:1fr}.join-card{padding:24px}.join-card h3{font-size:25px}.join-card .button{width:100%}.join-heading h2{font-size:29px}
 .faq-list summary{font-size:19px}.gallery-note,.tracking-demo .caption{font-size:15px}.visual-caption small{font-size:14px}
}
@media(max-width:350px){.screen-gallery>figure{grid-template-columns:minmax(0,1fr);gap:16px}.screen-gallery .phone,.screen-gallery>figure:nth-child(2) .phone{width:190px}.screen-gallery figcaption{text-align:center}.screen-gallery figcaption small{margin-inline:auto}.store-copy strong{font-size:18px}.store-card{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-phone{transform:none}.reveal-pending{opacity:1;transform:none}}


/* September refresh: current catalogue photography and visible, bounded motion. */
.coffee-showcase { padding-block: 64px 80px; }
.coffee-showcase .section-heading { max-width: 700px; }
.coffee-cover { overflow: hidden; border-radius: 24px; margin-block-end: 24px; }
.coffee-cover img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.coffee-products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.coffee-products figure { min-width: 0; }
.coffee-products img { width: 100%; border-radius: 18px; aspect-ratio: 1; object-fit: cover; }
.coffee-products figcaption { padding-block: 18px 24px; }
.coffee-products figcaption span { color: var(--muted); font-size: 16px; }
.coffee-products h3 { margin-block-start: 6px; font-size: clamp(22px,2.5vw,30px); }
.coffee-showcase > .caption { border-block-start: 1px solid var(--line); padding-block-start: 18px; }
.site-header { background: rgb(246 247 242 / .95); backdrop-filter: blur(14px); }
@media (prefers-reduced-motion:no-preference) {
  .hero-phone { animation: phone-enter 1s ease-out both; }
  .hero-product { animation: catalogue-enter 1s cubic-bezier(.16,1,.3,1) both, product-settle 3s ease-in-out 1s; }
  .hero-coffee { animation-delay: .2s,1.2s; }
  .coffee-products img,.coffee-cover img,.screen-gallery .phone { transition: transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s; }
  .store-card,.button { transition: transform .3s,background .3s,box-shadow .3s; }
  .steps>li>span { transition: color .3s,transform .3s; display: inline-block; }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .coffee-products figure:hover img { transform: translateY(-8px); box-shadow: 0 22px 35px -24px var(--deep); }
  .coffee-cover:hover img { transform: scale(1.025); }
  .screen-gallery figure:hover .phone { transform: translateY(-8px) rotate(1deg); }
  .button:hover { transform: translateY(-3px); box-shadow: 0 12px 22px -16px var(--deep); }
  .steps>li:hover>span { color: var(--brand); transform: translateY(-4px); }
}
.khayal-ad { width:100%; max-width:850px; margin:0 auto 64px; padding:0; overflow:hidden; border-radius:22px; outline:1px solid var(--line); box-shadow:0 18px 42px -24px rgb(20 63 52 / .4); }
.khayal-ad video { display:block; width:100%; height:auto; aspect-ratio:14/9; object-fit:contain; }
@media(max-width:700px) { .khayal-ad { margin-block-end:40px; border-radius:14px; } }
@keyframes product-settle { 0%,100%{translate:0 0} 50%{translate:0 -14px} }
/* Restrained web glass approximation. Keep brand, layout and photography intact.
   Solid surfaces are the fallback; mobile limits blur to the sticky header. */
.liquid-glass {
  --glass-fill: rgb(255 255 255 / .82);
  --glass-edge: rgb(255 255 255 / .92);
  --glass-shadow: 0 12px 32px -24px rgb(20 63 52 / .32);
  background:
    radial-gradient(ellipse 65% 650px at 0% 160px, rgb(0 119 93 / .12), transparent 75%),
    radial-gradient(ellipse 55% 550px at 100% 850px, rgb(0 119 93 / .08), transparent 75%),
    var(--paper);
}
.liquid-glass .site-header {
  background: rgb(246 247 242 / .94);
  border-block-end: 1px solid var(--glass-edge);
  box-shadow: 0 1px 0 rgb(20 63 52 / .07), 0 8px 30px -24px rgb(20 63 52 / .3);
}
.liquid-glass :is(.store-card,.tracking-demo,.join-card,.visual-caption) {
  background: var(--glass-fill);
  border: 1px solid var(--glass-edge);
  box-shadow: inset 0 1px 0 var(--white), inset 0 -1px 0 rgb(20 63 52 / .05), var(--glass-shadow);
}
.liquid-glass .category-strip button:not([aria-pressed=true]) {
  background: var(--glass-fill);
  border-color: var(--glass-edge);
  box-shadow: inset 0 1px 0 var(--white), var(--glass-shadow);
}
.liquid-glass .hero-orbit {
  background: linear-gradient(145deg, rgb(255 255 255 / .75), rgb(0 119 93 / .1));
  border: 1px solid var(--glass-edge);
  box-shadow: inset 0 2px 5px var(--white), inset 0 -14px 40px rgb(0 119 93 / .06);
}
.liquid-glass .how { background: rgb(230 238 229 / .62); }
.liquid-glass .pickup-panel {
  background: linear-gradient(125deg, rgb(255 255 255 / .78), rgb(230 238 229 / .74));
  border-color: var(--glass-edge);
  box-shadow: inset 0 1px 0 var(--white), var(--glass-shadow);
}
.liquid-glass .pickup-summary { background: rgb(255 255 255 / .84); }
.liquid-glass .button {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .25), 0 7px 18px -12px rgb(20 63 52 / .4);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .liquid-glass .site-header {
    background: rgb(246 247 242 / .8);
    -webkit-backdrop-filter: blur(16px) saturate(125%);
    backdrop-filter: blur(16px) saturate(125%);
  }
  @media(min-width:701px) {
    .liquid-glass :is(.store-card,.tracking-demo,.join-card,.visual-caption) {
      -webkit-backdrop-filter: blur(8px);
      backdrop-filter: blur(8px);
    }
  }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .liquid-glass :is(.store-card,.join-card) {
    transition: transform .35s ease, box-shadow .35s ease;
  }
  .liquid-glass .join-card:hover {
    transform: translateY(-4px);
    box-shadow: inset 0 1px 0 var(--white), 0 18px 34px -24px rgb(20 63 52 / .45);
  }
}
/* Audit follow-up: descriptive cards are not links; downloads are the primary action. */
.liquid-glass .store-card:hover,.liquid-glass .store-card:active {
  transform: none;
  border-color: var(--glass-edge);
}
.status-tag,.mobile-download small { font-size:14px; line-height:1.6; }
.download-copy>img { box-sizing:content-box; padding:10px; background:var(--paper); border-radius:16px; }
.download-copy .text-link { color:var(--white); }
.platforms .button { margin-block-start:18px; background:var(--white); color:var(--deep); }
.platforms .button:hover { background:var(--mint); }
.download-layout { gap:64px; }
@media(max-width:700px) {
  .download-layout { gap:32px; }
  .platforms .button { width:100%; }
  .hero-description { max-width:34ch; }
}
@media(max-width:700px) {
  .liquid-glass { --glass-fill: rgb(255 255 255 / .94); }
  .liquid-glass .site-header {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: rgb(246 247 242 / .92);
  }
  .liquid-glass :is(.store-card,.tracking-demo,.join-card,.visual-caption) { box-shadow: inset 0 1px 0 var(--white), 0 5px 16px -14px rgb(20 63 52 / .3); }
}
@media(prefers-reduced-transparency:reduce), (prefers-contrast:more) {
  .liquid-glass { --glass-fill: var(--white); --glass-edge: var(--line); background: var(--paper); }
  .liquid-glass :is(.site-header,.store-card,.tracking-demo,.join-card,.visual-caption,.pickup-panel,.pickup-summary,.hero-orbit) {
    background: var(--paper);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
  }
}
@media(max-width:700px) {
  .coffee-showcase { padding-block: 42px; }
  .coffee-cover { border-radius: 16px; margin-block-end: 22px; }
  .coffee-products { grid-template-columns: 1fr; gap: 26px; }
  .coffee-products figure { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 18px; align-items: center; }
  .coffee-products figcaption { padding: 0; }
  .coffee-products h3 { font-size: 24px; line-height: 1.4; }
  .coffee-products figcaption span { font-size: 15px; }
  .coffee-showcase>.caption { margin-block-start: 24px; }
}
/* Refined discovery page: stable layouts, restrained motion and direct downloads. */
.hero{padding-block:48px;gap:48px}
.hero h1{font-size:clamp(2.5rem,4.3vw,4rem)}
.hero-description{max-width:38ch}
.hero-actions{gap:12px}
.hero-actions .button{font-size:18px;gap:16px}
.button.button-outline{background:var(--white);color:var(--brand);border:1px solid var(--brand)}
.hero-explore{margin-block-start:14px}
.launch-notice{margin-block-start:22px;padding-inline-start:16px;border-inline-start:3px solid var(--red);font-size:16px;max-width:48ch}
.launch-notice p{color:var(--muted)}
.launch-notice strong{display:block;margin-block-start:4px;line-height:1.7}
.delivery-route{max-width:360px;margin-block-start:18px;pointer-events:none}
.delivery-route svg{display:block;width:100%;height:58px;overflow:visible}
.route-track{stroke:var(--line);stroke-width:2}
.route-draw{stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;animation:delivery-arrival 2s ease-out both}
.route-stops{fill:var(--brand);stroke:var(--paper);stroke-width:3}
.delivery-route>div{display:flex;justify-content:space-between;padding-inline:16px;font-size:13px;color:var(--muted)}
@keyframes delivery-arrival{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.categories-section{padding-block-end:0}
.stores-section>.section-heading{display:none}
.store-grid{align-content:start}
.store-card{min-height:144px;padding:24px;cursor:default}
.store-copy strong{font-size:21px}
.store-copy>span{font-size:15px}
.store-logo{width:88px;height:88px;background:var(--white);border:1px solid var(--line);border-radius:18px}
.journey-screens{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:32px 0;padding:0}
.journey-screens>li{min-width:0}
.step-copy{min-height:156px}
.step-number{color:var(--brand);font-weight:800;font-size:18px}
.step-copy h3{font-size:26px;margin-block:8px}
.step-copy p{color:var(--muted);font-size:17px;max-width:30ch}
.journey-screens .phone{width:210px;transform:none}
.pickup-panel{display:flex;align-items:center;gap:26px;padding:30px}
.pickup-panel>img{flex-shrink:0;border-radius:16px}
.pickup-copy{flex:1}
.pickup-copy h2{font-size:30px}
.pickup-copy p{font-size:17px;max-width:60ch}
.pickup-copy .eyebrow{margin-block-end:8px}
.pickup-panel>.text-link{flex-shrink:0}
.stories-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.stories-grid figure{margin:0;min-width:0}
.stories-grid img,.stories-grid video{display:block;width:100%;height:auto;aspect-ratio:14/9;object-fit:cover;border-radius:20px;background:var(--deep)}
.stories-grid video{object-fit:contain}
.stories-grid figcaption{padding-block:18px}
.stories-grid h3{font-size:24px}
.stories-grid p{margin-block-start:8px;color:var(--muted);font-size:17px}
.about-strip{margin:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .button:hover{transform:translateY(-2px)}
 .store-card:hover{box-shadow:inset 0 1px 0 var(--white),0 8px 24px -18px rgb(20 63 52 / .25)}
}
@media(max-width:1000px){.hero{gap:24px}.store-card{padding:18px}.store-logo{width:72px;height:72px}.pickup-panel{flex-wrap:wrap}}
@media(max-width:700px){
 .hero{padding-block:28px 20px;gap:24px}
 .hero h1{font-size:clamp(32px,8.4vw,46px)}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .hero-actions .button{font-size:16px;padding:12px 8px;gap:8px;min-height:54px}
 .hero-description{font-size:19px;max-width:none}
 .hero-explore{margin-block-start:10px}
 .launch-notice{font-size:15px;margin-block-start:16px}
 .delivery-route{max-width:280px;margin-block-start:12px}
 .hero-visual{max-width:310px}
 .hero-phone{width:195px}
 .categories-section{padding-block-end:0}
 .store-card{padding:16px;min-height:170px;gap:12px}
 .store-copy strong{font-size:18px}
 .store-copy>span{font-size:14px}
 .journey-screens{grid-template-columns:1fr;gap:32px}
 .journey-screens>li{display:grid;grid-template-columns:1fr 130px;gap:20px;align-items:center;padding-block:10px}
 .step-copy{min-height:0}
 .step-copy h3{font-size:24px}
 .step-copy p{font-size:16px}
 .journey-screens .phone{width:130px;border-width:4px;border-radius:20px}
 .pickup-panel{padding:22px;gap:16px}
 .pickup-panel>img{width:48px;height:48px}
 .pickup-copy{flex-basis:calc(100% - 64px)}
 .pickup-copy h2{font-size:25px}
 .pickup-panel>.text-link{margin-inline-start:64px}
 .stories-grid{grid-template-columns:1fr;gap:16px}
 .stories-grid img,.stories-grid video{max-height:270px}
 .closing-action{flex-wrap:wrap}
}
@media(max-width:350px){.journey-screens>li{grid-template-columns:1fr 112px;gap:12px}.journey-screens .phone{width:112px}.hero-actions .button{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-draw{animation:none;stroke-dashoffset:0}.button,.store-card,.category-strip button{transition:none!important}}
.category-strip{display:flex;flex-wrap:wrap;gap:10px}
.category-strip button{min-height:48px;padding:10px 18px;flex-direction:row;gap:10px;font-size:16px}
.category-strip button:before{width:20px;height:20px}
@media(max-width:700px){.hero .eyebrow{margin-block-end:12px}.hero-description{margin-block-start:14px}.category-strip button{padding:10px 12px;font-size:15px}.delivery-route svg{height:42px}}