:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fbf8f3;--cream:#f3eadc;--sand:#eadfcf;--mr:#5b1e16;--ink:#1e1714;--grey:#76695f;--rule:#e7ded2;--or:#ee6a1f;--good:#2b7a4b;--body:var(--font-dm-sans),system-ui,-apple-system,"Segoe UI",sans-serif;--ar:var(--font-plex-arabic),"Noto Sans Arabic","Geeza Pro",sans-serif}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}h1,h2,h3,p{margin:0}[hidden]{display:none!important}body{background:var(--paper);color:var(--ink);font:16px/1.55 var(--body);-webkit-font-smoothing:antialiased}.w{max-width:1120px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));margin:0 auto}.ar{font-family:var(--ar);text-align:right;font-weight:700;line-height:1.25}.num{font-variant-numeric:tabular-nums}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}header.h{z-index:20;padding-top:env(safe-area-inset-top,0px);background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:21;background:var(--paper);position:fixed;inset:0 0 auto}header.h .w{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{letter-spacing:.3em;color:var(--mr);font-size:18px;font-weight:700;text-decoration:none}header nav{align-items:center;gap:28px;font-size:15px;display:flex}header nav a{color:var(--grey);text-decoration:none}header nav a:hover{color:var(--ink)}header nav .wal{color:var(--ink);border:1px solid var(--rule);background:#fff;border-radius:999px;padding:9px 16px;font-weight:600}header nav .wal:hover{border-color:var(--ink)}@media (max-width:720px){header nav .hide{display:none}}.hero{padding-block:48px 88px}.hero .w{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;display:grid}@media (max-width:900px){.hero .w{grid-template-columns:minmax(0,1fr);gap:48px}.hero{padding-block:24px 64px}}.kick{color:var(--mr);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.kick:before{content:"";background:var(--mr);width:28px;height:2px}.hero .ar{color:var(--mr);text-align:center;margin-top:32px;font-size:clamp(36px,5.4vw,60px)}.hero h1{text-align:center;letter-spacing:-.03em;text-wrap:balance;margin-top:10px;font-size:clamp(30px,4.2vw,50px);font-weight:700;line-height:1.08}.hero .lead{color:var(--grey);text-align:center;max-width:44ch;margin:18px auto 0;font-size:18px}.ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:34px;display:flex}.go{background:var(--or);color:#fff;border-radius:999px;align-items:center;gap:10px;padding:17px 30px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 24px -12px #ee6a1fe6}.go:hover{transform:translateY(-1px);box-shadow:0 14px 28px -12px #ee6a1fe6}.go svg{width:18px;height:18px}.ghost{border-bottom:1.5px solid var(--ink);padding-bottom:2px;font-weight:600;text-decoration:none}.quick{border-top:1px solid var(--rule);flex-wrap:wrap;gap:16px 0;margin-top:44px;padding-top:22px;display:flex}.quick div{border-right:1px solid var(--rule);margin-right:26px;padding-right:26px}.quick div:last-child{border-right:0;margin-right:0;padding-right:0}.quick b{letter-spacing:-.02em;font-size:24px;line-height:1.1;display:block}.quick span{color:var(--grey);font-size:13px}.art{place-items:center;min-height:500px;display:grid;position:relative}.disc{aspect-ratio:1;background:var(--cream);border-radius:50%;width:min(440px,100%);position:absolute}.disc:after{content:"";border:1.5px dashed var(--sand);border-radius:50%;position:absolute;inset:34px}.cup{z-index:2;filter:drop-shadow(0 28px 30px #5b1e1638);width:200px;height:280px;margin-bottom:40px;margin-right:90px;animation:6s ease-in-out infinite bob;position:relative}@keyframes bob{50%{translate:0 -8px}}.cup .lid{background:#fffdf9;border-radius:14px 14px 6px 6px;height:26px;position:absolute;top:0;left:-12px;right:-12px;box-shadow:inset 0 -5px #efe6d9}.cup .lid:before{content:"";background:#fffdf9;border-radius:8px 8px 2px 2px;width:54px;height:12px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.cup .rim{background:#f1e8db;border-radius:3px;height:10px;position:absolute;top:24px;left:-5px;right:-5px}.cup .body{clip-path:polygon(0 0,100% 0,87% 100%,13% 100%);background:linear-gradient(90deg,#ede3d5 0%,#fbf6ef 38%,#f6efe4 62%,#e6daca 100%);position:absolute;inset:32px 0 0}.cup .sleeve{background:var(--mr);clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);justify-content:center;align-items:center;gap:14px;height:104px;display:flex;position:absolute;top:104px;left:8px;right:8px}.cup .sleeve .wm{color:#f6ebdd;letter-spacing:.32em;writing-mode:vertical-rl;font-size:13px;font-weight:700;transform:rotate(180deg)}.cup .qr{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 6px 4px;display:flex}.cup .qr i{width:64px;height:64px;display:block}.cup .qr i svg{width:100%;height:100%;display:block}.cup .qr small{letter-spacing:.12em;color:var(--mr);font-size:8px;font-weight:700}.try{z-index:3;background:#fff;border-radius:20px;width:236px;padding:14px;position:absolute;bottom:6px;right:0;box-shadow:0 24px 50px -20px #1e171459,0 0 0 1px #1e17140a}.try .t{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.try .t span:last-child{color:var(--grey);font-weight:500}.scr{background:#eaf4ec;border-radius:12px;height:104px;position:relative;overflow:hidden}.scr .res{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scr .res b{color:var(--good);letter-spacing:-.01em;font-size:20px}.scr .res span{color:var(--good);font-size:12px}.scr canvas{touch-action:none;cursor:grab;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.try p{color:var(--grey);text-align:center;margin-top:9px;font-size:12px}.try p a{color:var(--or);font-weight:700}@media (max-width:900px){.art{min-height:440px}.try{right:4%}}@media (max-width:480px){.art{min-height:420px}.cup{margin-bottom:70px;margin-right:70px;transform:scale(.82)}.try{width:204px;bottom:0;right:0}.quick div{margin-right:14px;padding-right:14px}.quick b{font-size:19px}.quick span{font-size:12px}}section.s{border-top:1px solid var(--rule);padding-block:88px}.shead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;display:flex}.shead h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(28px,3.6vw,40px);line-height:1.1}.shead .ar{color:var(--mr);font-size:clamp(22px,2.6vw,28px)}.shead p{color:var(--grey);max-width:42ch;margin-top:10px}.steps{counter-reset:st;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (max-width:820px){.steps{grid-template-columns:minmax(0,1fr)}}.step{border:1px solid var(--rule);background:#fff;border-radius:24px;flex-direction:column;gap:14px;padding:26px;display:flex}.step .ic{background:var(--cream);width:52px;height:52px;color:var(--mr);border-radius:16px;place-items:center;display:grid}.step .ic svg{width:26px;height:26px}.step .n{color:var(--grey);font-size:13px;font-weight:700}.step h3{letter-spacing:-.02em;font-size:21px}.step p{color:var(--grey);font-size:15px}.wins{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}@media (max-width:900px){.wins{grid-template-columns:minmax(0,1fr)}}.free{background:var(--mr);color:#f6ebdd;border-radius:28px;flex-direction:column;gap:18px;padding:32px;display:flex;position:relative;overflow:hidden}.free .lbl{letter-spacing:.06em;text-transform:uppercase;color:#e9c9b8;font-size:13px;font-weight:700}.free h3{letter-spacing:-.03em;color:#fff;font-size:clamp(28px,3.4vw,40px);line-height:1.08}.free p{color:#e9d7cb;max-width:40ch}.cupsrow{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.cupsrow i{clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);background:#f6ebdd38;border-radius:2px;width:20px;height:26px}.cupsrow i.f{background:var(--or)}.stack{flex-direction:column;gap:14px;min-width:0;display:flex}.plist{flex-direction:column;gap:12px;display:flex}.pz{border:1px solid var(--rule);background:#fff;border-radius:20px;align-items:center;gap:16px;padding:20px 22px;display:flex}.pz .g{background:var(--cream);width:44px;height:44px;color:var(--mr);border-radius:14px;flex:none;place-items:center;display:grid}.pz .g svg{width:22px;height:22px}.pz .m{flex:1;min-width:0}.pz b{letter-spacing:-.01em;font-size:17px;display:block}.pz small{color:var(--grey);font-size:14px;display:block}.pz .o{text-align:right;white-space:nowrap}.pz .o b{font-size:18px}.pz .o small{font-size:12px}.delivery{color:var(--grey);flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;font-size:14px;display:flex}.delivery span.app{border:1px solid var(--rule);color:var(--ink);background:#fff;border-radius:999px;padding:7px 14px;font-weight:600}.final{padding-block:24px 96px}.band{background:var(--ink);color:#fff;border-radius:32px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:clamp(32px,5vw,56px);display:grid}@media (max-width:760px){.band{grid-template-columns:minmax(0,1fr)}}.band .ar{color:#f6ebdd;font-size:clamp(26px,3.4vw,38px)}.band h2{color:#cfc2b7;letter-spacing:-.01em;margin-top:6px;font-size:clamp(20px,2.4vw,26px);font-weight:500}footer.f{border-top:1px solid var(--rule);padding-block:30px calc(30px + env(safe-area-inset-bottom,0px));color:var(--grey);font-size:14px}footer.f .w{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}footer.f nav{gap:20px;display:flex}footer.f a{text-decoration:none}footer.f a:hover{color:var(--ink)}.dock{display:none}@media (max-width:600px){header.h .w{height:62px}.logo{font-size:16px}header nav .wal{padding:8px 14px;font-size:14px}.hero{padding-block:12px 40px}.hero .w{gap:28px}.kick{font-size:13px}.hero .ar{margin-top:28px;font-size:34px}.hero h1{margin-top:6px;font-size:28px}.hero .lead{margin-top:12px;font-size:16px}.ctas{flex-direction:column;align-items:stretch;gap:14px;margin-top:24px}.ctas .go{justify-content:center;padding:16px 20px}.ctas .ghost{align-self:center}.quick{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;padding-top:18px;display:grid}.quick div{margin-right:10px;padding-right:10px}.quick b{font-size:18px}.quick span{margin-top:3px;font-size:11.5px;line-height:1.3;display:block}.art{min-height:340px}.disc{width:300px}.disc:after{inset:24px}.cup{margin-bottom:64px;margin-right:96px;transform:scale(.72)}.try{border-radius:16px;width:188px;padding:11px;bottom:4px}.scr{height:84px}.scr .res b{font-size:17px}section.s{padding-block:52px}.shead{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:24px}.shead h2{font-size:27px}.shead p{margin-top:6px;font-size:15px}.shead .ar{order:-1;align-self:flex-end;font-size:20px}.steps{gap:12px}.step{border-radius:18px;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;padding:18px;display:grid}.step .ic{border-radius:13px;grid-row:span 3;width:44px;height:44px}.step .ic svg{width:22px;height:22px}.step .n{font-size:12px}.step h3{font-size:17px}.step p{font-size:14px}.free{border-radius:22px;gap:14px;padding:24px}.free h3{font-size:26px}.free p{font-size:15px}.cupsrow{gap:5px}.cupsrow i{width:14px;height:18px}.pz{border-radius:16px;gap:12px;padding:14px 16px}.pz .g{border-radius:12px;width:38px;height:38px}.pz b{font-size:15px}.pz small{font-size:13px}.pz .o b{font-size:16px}.delivery{gap:8px;font-size:13px}.delivery span.app{padding:6px 12px}.final{padding-block:8px 48px}.band{text-align:center;border-radius:24px;gap:20px;padding:28px 22px}.band .ar{text-wrap:balance;text-align:center;font-size:21px}.band h2{font-size:17px}.band .go{justify-content:center}footer.f .w{flex-direction:column;align-items:flex-start;gap:10px}footer.f{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.dock{z-index:30;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--rule);transition:transform .25s;display:block;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.dock.show{transform:none}.dock .go{box-shadow:none;justify-content:center;padding:15px 20px;display:flex}}@media (max-width:360px){.hero .ar{font-size:30px}.hero h1{font-size:25px}.quick b{font-size:16px}.try{width:176px}}@media (prefers-reduced-motion:reduce){.cup{animation:none}.go,.dock{transition:none}}.qrsvg{display:contents}