/* Wajed original, independent website extension — inspired by user-provided flow reference, not copied assets. */
[hidden]{display:none!important}.desktop-nav{gap:21px}.desktop-nav a{white-space:nowrap}.demo-anchor{display:inline-flex;align-items:center;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#9acb24;color:#536e35;padding:13px}
.site-header:after{content:'';position:absolute;inset-inline-start:0;bottom:0;height:2px;width:var(--scroll-progress,0%);background:var(--lime);transition:width .12s linear}
.live-demo-section{background:var(--lime);color:var(--ink);position:relative;overflow:hidden}
.preview-stage{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:95px 0}
.live-intro{position:relative;z-index:2}.live-intro h2{font-size:clamp(40px,5vw,74px);letter-spacing:-.07em;line-height:1.2;margin:18px 0}.live-intro h2 em{color:var(--ink);font-style:normal;text-decoration:underline;text-decoration-color:#f6f4eb;text-decoration-thickness:9px;text-underline-offset:9px}.live-intro>p{color:#53663b;line-height:2;font-size:15px;max-width:520px}
.preview-input-label{display:block;font-size:14px;font-weight:800;margin:30px 0 8px}.preview-input-wrap{max-width:510px;height:64px;background:white;border:2px solid var(--ink);border-radius:18px;display:flex;align-items:center;gap:10px;padding:0 20px;box-shadow:0 8px 0 #00000016}.preview-input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink)}.preview-input-wrap span{font-size:23px}.preview-signup{max-width:510px;min-width:280px;margin-top:15px;width:100%;justify-content:space-between}.microcopy{font-size:11px!important;color:#547331!important;line-height:1.8!important}
.preview-art{min-height:550px;display:grid;place-items:center;position:relative;isolation:isolate}.preview-art:before{content:'';position:absolute;width:560px;height:560px;border:1px solid #123b1e55;border-radius:50%;transform:rotate(27deg) scaleX(.75);z-index:-1}.preview-phone{height:536px;width:min(350px,92%);border:9px solid var(--ink);background:var(--paper);border-radius:45px;padding:31px 19px 25px;box-shadow:15px 30px 60px #1e2c1738;transform:rotate(6deg);position:relative;transition:transform .35s}.preview-phone:hover{transform:rotate(2deg) translateY(-6px)}
.preview-phone-head{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:800;padding-bottom:18px;border-bottom:1px solid #ddd}.preview-logo{background:var(--ink);color:var(--lime);font-weight:900;border-radius:10px;width:33px;height:33px;display:grid;place-items:center;font-size:23px}.preview-top-meta{margin-inline-start:auto;font-size:9px;color:#65892a}.preview-marchant{display:flex;align-items:center;flex-direction:column;margin:25px 0 20px}.preview-marchant>span{font-size:12px;color:#8a9886}.preview-marchant strong{font-size:20px;max-width:100%;text-align:center;word-break:break-word;line-height:1.5}.preview-order{border:1px solid #dde4d5;background:#f3f4ea;border-radius:21px;display:flex;align-items:center;flex-direction:column;padding:9px 12px 20px}.preview-order-label{font-size:11px;color:#677564}.preview-order>strong{font-size:110px;line-height:1.1;font-family:'DM Sans',monospace;letter-spacing:-.1em;transform:translateX(-5px)}.preview-state{background:#e2f2bd;border-radius:50px;padding:4px 17px;font-size:12px;font-weight:800}.preview-queue{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:8px;font-size:11px;font-weight:800}.preview-queue>div{display:flex;gap:5px;align-items:center}.preview-queue-dot{background:#81ba32;width:8px;height:8px;border-radius:50%}.preview-queue>span{color:#8d9c8c;font-size:10px}.preview-cta{border-radius:15px;padding:12px;background:var(--ink);color:white;text-align:center;font-weight:800;font-size:13px}.preview-phone>small{font-size:9px;color:#9eaba0;display:block;text-align:center;margin-top:10px}.preview-decor{position:absolute;font-weight:900}.deco-one{font-size:92px;top:16px;right:4px;color:#29491c}.deco-two{bottom:45px;left:0;background:#fefdfa;border-radius:21px;padding:6px 22px;transform:rotate(-12deg);font-family:'DM Sans';font-size:50px;box-shadow:0 10px 30px #18381b2c}
.pricing-section{background:var(--cream)}.price-heading{margin-bottom:45px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1040px;margin:auto}.price-card{border:1px solid #dfe3d8;border-radius:31px;padding:40px;background:var(--paper);display:flex;flex-direction:column;min-height:530px}.price-card.featured{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 24px 70px #1c321a20}.price-top{display:flex;justify-content:space-between;align-items:center;font-weight:800}.price-tag{background:var(--lime);border-radius:50px;color:var(--ink);padding:6px 14px;font-size:11px}.price-flower{font-size:36px;color:var(--lime)}.price-tag.next{background:#e9eee1;color:#627565}.price-card h3{font-size:28px;margin:22px 0 8px}.price-card>p{color:#b5c0b3;font-size:14px;max-width:390px;line-height:1.9;margin:0}.price-card.roadmap>p{color:var(--grey)}.price-value{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:23px 0 12px}.price-value strong{font-size:67px;font-weight:900;font-family:'DM Sans','IBM Plex Sans Arabic',sans-serif;letter-spacing:-.08em;line-height:1.1;color:var(--lime)}.price-value small{font-size:25px;letter-spacing:0}.price-value span{font-size:12px;color:#a5bc9e}.future-price{font-weight:800;font-size:26px;margin:28px 0;color:#324a3b;min-height:67px}.price-card ul{list-style:none;margin:15px 0 29px;padding:0;display:grid;gap:11px}.price-card li{display:flex;align-items:center;gap:11px;font-size:13px}.price-card li:before{content:'✓';background:#344c39;color:var(--lime);border-radius:50%;font-size:10px;display:grid;place-items:center;width:20px;height:20px;flex-shrink:0}.price-card.roadmap li:before{color:#486a38;background:#e9efe5}.plan-cta{margin-top:auto;border:0;border-radius:13px;background:var(--lime);padding:17px 20px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:800;color:var(--ink);transition:transform .15s}.plan-cta:hover{transform:translateY(-2px)}.plan-cta.alternate{background:var(--ink);color:white}
.integration-section{background:#e9ece3}.integration-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;align-items:center}.integration-layout h2{font-size:clamp(41px,5vw,69px);line-height:1.2}.integration-layout>div:first-child>p{color:var(--grey);font-size:15px;line-height:2}.integration-facts{display:grid;gap:11px;margin:30px 0}.integration-facts>span{font-weight:700;font-size:13px}.integration-facts>span::first-letter{color:#7fae2d}.integration-art{background:var(--ink);color:white;border-radius:32px;min-height:380px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:30px 15px;position:relative;overflow:hidden}.integration-art:before{content:'';height:320px;width:320px;border-radius:50%;background:#354e35;filter:blur(62px);position:absolute}.flow-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;min-height:190px;flex:1 1 110px;max-width:160px;padding:18px 9px;border:1px solid #526d56;border-radius:24px;background:#1d392b}.flow-middle{background:var(--lime);color:var(--ink);border-color:var(--lime)}.flow-label{font-size:12px;white-space:nowrap}.flow-card>strong{font-family:'DM Sans','IBM Plex Sans Arabic';font-size:32px;line-height:1.4}.flow-middle>strong{font-family:inherit;font-size:15px}.flow-state{color:#c9cebf;font-size:9px}.flow-state.green{color:var(--lime)}.flow-symbol{font-size:66px;color:#486d30;line-height:1}.flow-middle .flow-symbol{color:#213e25}.flow-arrow{font-size:23px;z-index:1;color:var(--lime)}.flow-caption{flex:0 0 100%;text-align:center;color:#91a991;font-size:10px;z-index:2}
.help-dock{position:fixed;bottom:26px;left:26px;z-index:80}.help-dock>button{width:54px;height:54px;background:var(--ink);color:var(--lime);border:4px solid #fff;border-radius:50%;box-shadow:0 10px 35px #091d1838;display:grid;place-items:center;cursor:pointer;font-size:26px;font-weight:800}.help-dock>button:hover{background:#2a4736}.help-dock>div{position:absolute;bottom:66px;left:0;width:224px;background:white;border-radius:20px;box-shadow:0 15px 60px #0002;padding:18px;display:grid;gap:8px;direction:rtl;text-align:right}.help-dock>div>strong{font-size:15px;margin-bottom:6px}.help-dock>div>a{border-top:1px solid #eee;padding-top:9px;color:#405c48;font-weight:700;font-size:12px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.preview-stage{gap:20px}.integration-layout{gap:32px}.integration-art{min-height:360px}.flow-card{flex-basis:88px}.flow-arrow{font-size:15px}.desktop-nav{gap:12px;font-size:12px}}
@media(max-width:820px){.preview-stage{grid-template-columns:1fr;padding:72px 0;gap:5px}.preview-art{min-height:510px}.integration-layout{grid-template-columns:1fr;gap:36px}.integration-art{min-height:340px}.price-card{padding:29px}.price-grid{gap:12px}}
@media(max-width:570px){.live-intro h2{font-size:42px}.preview-stage{padding:64px 0 35px}.preview-art{min-height:490px}.preview-phone{height:500px;width:310px;transform:rotate(3deg)}.preview-order>strong{font-size:83px}.preview-marchant{margin:18px 0 12px}.preview-decor.deco-one{font-size:42px}.preview-decor.deco-two{font-size:29px;bottom:23px;left:5px}.price-grid{grid-template-columns:1fr;gap:15px}.price-card{min-height:0;padding:26px}.price-heading{margin-bottom:26px}.integration-art{padding:22px 8px;gap:4px}.flow-card{max-width:110px;flex-basis:78px;border-radius:17px;padding:10px 4px;min-height:155px}.flow-card>strong{font-size:25px}.flow-middle>strong{font-size:11px}.flow-symbol{font-size:49px}.flow-label{font-size:9px}.flow-state{font-size:8px}.flow-arrow{font-size:12px}.help-dock{bottom:13px;left:11px}.help-dock>button{width:49px;height:49px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none!important}}


/* Immersive first impression: independent Wajed art direction */
.hero{background:#0d1f17;color:#f6f8ee;border-radius:43px;overflow:hidden;position:relative;padding-inline:clamp(32px,5vw,76px);margin-top:25px;box-shadow:0 23px 76px #0a25151d}
.hero:before{content:'';position:absolute;width:640px;height:640px;border-radius:50%;inset-inline-start:-350px;bottom:-440px;pointer-events:none;background:radial-gradient(circle at center,#aad62a48,transparent 63%)}
.hero:after{content:'✳';position:absolute;left:-65px;top:-125px;font-size:290px;color:#c8f72c08;pointer-events:none;transform:rotate(-15deg)}
.hero .eyebrow{color:#dbfba0;background:#29412c}.hero .mini-star{color:var(--lime)}
.hero h1 em{color:var(--lime)}.hero .underlined{text-decoration-color:var(--lime)}
.hero .hero-lead{color:#bccdbd}.hero .btn-light{background:#243d2e;border-color:#3d6148;color:#fff}.hero .btn-light:hover{background:#3a5943}
.hero .demo-anchor{color:#cdf876}.hero .hero-meta{color:#bdc9ba}.hero .round-check{background:#35503c;color:var(--lime)}
.hero .hero-art-caption{color:#b3c7ad}.hero .hero-orbit{border-color:#b3dd5e33}
.hero .hero-art:before{background:#9ff028;opacity:.23}
.hero .chip-top,.hero .chip-bottom{color:#183027}
@media(max-width:820px){.hero{padding-inline:32px}.hero-art{min-height:620px}}
@media(max-width:530px){.hero{width:calc(100% - 20px);padding:39px 22px 30px;border-radius:26px;margin-top:12px}.hero h1{font-size:clamp(54px,13vw,70px)}.hero .eyebrow{font-size:9px}.hero .hero-lead{font-size:14px}.hero .hero-buttons{gap:9px}.hero .btn{font-size:12px;padding:12px 13px}.hero .demo-anchor{font-size:11px}.hero-art{min-height:565px}}

/* Ensure the handset preview remains legible inside dark hero */
.hero .phone-screen{color:#102019}
.hero .phone-number,.hero .phone-shop,.hero .phone-label,.hero .phone-progress strong,.hero .phone-brand{color:#102019}

/* Direct Android app download, visible above the fold on mobile too. */
.announcement-download{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#d9fd76;font-weight:850;letter-spacing:0;min-height:100%;padding-inline:8px}
.announcement-download:hover,.announcement-download:focus-visible{text-decoration:underline;text-underline-offset:4px}
.hero-buttons>a[href="/download/android"]{white-space:normal;text-align:center}
@media(max-width:530px){.announcement-download{font-size:11px}.hero-buttons>a[href="/download/android"]{width:100%;min-height:55px;font-size:14px}}