:root{
  --landing-green:#173f27;
  --landing-green-2:#205431;
  --landing-gold:#b8892b;
  --landing-cream:#fcf6e9;
  --landing-card:#fffdf9;
  --landing-border:#e5dac2;
  --landing-text:#193521;
  --landing-muted:#6b6558;
  --landing-shadow:0 30px 80px rgba(20,57,34,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.app-landing-body{margin:0;background:var(--landing-cream);color:var(--landing-text);font-family:var(--font-ar);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.landing-container{width:min(1180px,calc(100vw - 40px));margin:0 auto}
.landing-header{position:sticky;top:0;z-index:80;background:rgba(252,246,233,.92);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:.2s ease}
.landing-header.is-scrolled{border-color:var(--landing-border);box-shadow:0 8px 30px rgba(21,52,31,.06)}
.landing-nav{height:78px;display:flex;align-items:center;gap:28px}
.landing-brand{display:inline-flex;align-items:center;gap:10px;font-weight:950;font-size:24px;color:var(--landing-green);white-space:nowrap}
.landing-brand .brand-mark{width:26px;height:30px}
.landing-nav__links{display:flex;align-items:center;gap:24px;margin-inline:auto;font-size:14px;font-weight:800;color:#405544}
.landing-nav__links a:hover{color:var(--landing-gold)}
.landing-download-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--landing-green);color:#fff;font-weight:900;font-size:13px}

.landing-hero{padding:72px 0 56px;position:relative;overflow:hidden}
.landing-hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(184,137,43,.18),rgba(184,137,43,0) 70%);top:-220px;inset-inline-end:-120px;pointer-events:none}
.landing-hero__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);gap:64px;align-items:center;min-height:660px}
.landing-kicker{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.01em;color:var(--landing-gold);margin-bottom:16px}
.landing-hero__copy h1{font-size:clamp(52px,6vw,84px);line-height:1.06;margin:0 0 24px;font-weight:950;letter-spacing:-.03em}
.landing-hero__copy h1 span{color:var(--landing-gold)}
.landing-hero__copy>p{font-size:18px;line-height:1.9;color:var(--landing-muted);max-width:610px;margin:0 0 28px}
.landing-store-actions{display:flex;flex-wrap:wrap;gap:12px}
.landing-store-button{min-width:170px;min-height:62px;padding:10px 18px;border-radius:16px;background:var(--landing-green);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 12px 30px rgba(23,63,39,.16);transition:.2s ease}
.landing-store-button:hover{transform:translateY(-2px)}
.landing-store-button small{font-size:10px;opacity:.72}.landing-store-button strong{font-size:18px;direction:ltr}
.landing-store-button.is-disabled{cursor:default;opacity:.68;filter:saturate(.7);pointer-events:none}
.landing-store-button--light{background:#fff;color:var(--landing-green);box-shadow:none}
.landing-trust-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;font-size:11.5px;font-weight:800;color:#657366}
.landing-hero__visual{position:relative;height:650px}
.phone-mockup{position:absolute;background:#0b0b0b;border:9px solid #111;border-radius:42px;overflow:hidden;box-shadow:var(--landing-shadow)}
.phone-mockup:after{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:92px;height:25px;background:#0d0d0d;border-radius:999px;z-index:2}
.phone-mockup img{display:block;width:100%;height:100%;object-fit:contain;object-position:top;background:#fcf6e9}
.phone-mockup--front{width:292px;height:598px;right:40px;top:8px;transform:rotate(3deg);z-index:3}
.phone-mockup--back{width:265px;height:542px;left:18px;top:72px;transform:rotate(-8deg);z-index:1;opacity:.98}
.landing-floating-card{position:absolute;padding:14px 16px;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(255,253,249,.92);backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(25,53,33,.12);z-index:5;display:flex;flex-direction:column;gap:2px}
.landing-floating-card span{font-size:10px;color:var(--landing-muted)}.landing-floating-card strong{font-size:12px;color:var(--landing-green)}
.landing-floating-card--one{right:0;bottom:70px}.landing-floating-card--two{left:0;top:60px}

.landing-proof{padding:0 0 72px}
.landing-proof__grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--landing-border);border-radius:24px;background:rgba(255,253,249,.68);overflow:hidden}
.landing-proof article{padding:24px 28px;border-inline-start:1px solid var(--landing-border);display:flex;flex-direction:column;gap:6px}
.landing-proof article:first-child{border-inline-start:0}
.landing-proof strong{font-size:16px;color:var(--landing-green)}.landing-proof span{font-size:12.5px;line-height:1.65;color:var(--landing-muted)}

.landing-section{padding:110px 0}
.landing-section__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:80px;align-items:center}
.landing-section__grid--reverse{grid-template-columns:minmax(360px,.86fr) minmax(0,1fr)}
.landing-section__copy h2,.landing-section-heading h2,.landing-blog-heading h2,.landing-download h2{font-size:clamp(38px,4.2vw,60px);line-height:1.14;margin:0 0 22px;letter-spacing:-.025em}
.landing-section__copy>p,.landing-section-heading>p{font-size:16px;line-height:1.9;color:var(--landing-muted);max-width:680px}
.landing-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:26px}
.landing-checks span{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--landing-border);font-size:12.5px;font-weight:800}
.landing-checks span:before{content:"✓";color:var(--landing-gold);margin-inline-end:8px}
.landing-section__visual{position:relative;min-height:620px}
.phone-mockup--single{width:300px;height:612px;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute}
.landing-section__visual--account:before{content:"";position:absolute;inset:60px 0;border-radius:42px;background:var(--landing-green)}

.landing-section--green{background:var(--landing-green);color:#fff;overflow:hidden}
.landing-section-heading{max-width:760px;margin-bottom:54px}.landing-section-heading--light p{color:rgba(255,255,255,.68)}.landing-section-heading--light .landing-kicker{color:#d6ae57}
.landing-seller-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.landing-seller-points{display:grid;gap:16px}
.landing-seller-points article{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.landing-seller-points article>span{font-size:11px;color:#d6ae57;font-weight:900}.landing-seller-points h3{font-size:22px;margin:0 0 7px}.landing-seller-points p{margin:0;color:rgba(255,255,255,.68);font-size:13.5px;line-height:1.75}
.landing-seller-phones{position:relative;height:650px}
.phone-mockup--seller-a{width:278px;height:568px;left:40px;top:42px;transform:rotate(-5deg)}
.phone-mockup--seller-b{width:288px;height:590px;right:42px;top:10px;transform:rotate(5deg);z-index:2}

.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.landing-steps article{padding:28px;border:1px solid var(--landing-border);border-radius:22px;background:#fff}
.landing-steps article>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f7ead1;color:var(--landing-gold);font-size:11px;font-weight:900}
.landing-steps h3{font-size:21px;margin:20px 0 8px}.landing-steps p{margin:0;color:var(--landing-muted);font-size:13px;line-height:1.8}

.landing-login-preview{background:#f7edd9}
.phone-mockup--login{width:298px;height:610px}
.landing-inline-stats{display:flex;gap:12px;margin-top:26px}.landing-inline-stats div{min-width:140px;padding:16px 18px;border-radius:16px;background:#fff}.landing-inline-stats strong,.landing-inline-stats span{display:block}.landing-inline-stats strong{font-size:16px;color:var(--landing-green)}.landing-inline-stats span{font-size:10.5px;color:var(--landing-muted);margin-top:4px}

.landing-blog-section{background:#fff}
.landing-blog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.landing-blog-heading>div{max-width:720px}.landing-blog-heading h2{margin-bottom:0}.landing-blog-heading>a{font-size:13px;font-weight:900;color:var(--landing-gold)}
.landing-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.landing-blog-card{border:1px solid var(--landing-border);border-radius:20px;overflow:hidden;background:var(--landing-card)}
.landing-blog-card__image{display:block;height:180px}.landing-blog-card__image img{width:100%;height:100%;object-fit:cover}
.landing-blog-card>div{padding:18px}.landing-blog-card span{font-size:10px;font-weight:900;color:var(--landing-gold)}.landing-blog-card h3{font-size:18px;line-height:1.5;margin:8px 0}.landing-blog-card p{font-size:12px;line-height:1.7;color:var(--landing-muted);margin:0}
.landing-blog-placeholder{grid-column:1/-1;padding:30px;border:1px dashed var(--landing-border);border-radius:20px;text-align:center;color:var(--landing-muted)}

.landing-download{padding:90px 0 110px}
.landing-download__card{min-height:560px;border-radius:34px;background:var(--landing-green);color:#fff;padding:54px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;overflow:hidden;position:relative}
.landing-download__card>div:first-child{z-index:2}.landing-download p{color:rgba(255,255,255,.68);font-size:15px;line-height:1.8;max-width:560px;margin-bottom:28px}
.landing-download__phones{position:relative;height:470px}
.phone-mockup--download-a{width:230px;height:470px;right:20px;top:28px;transform:rotate(5deg)}
.phone-mockup--download-b{width:215px;height:440px;left:42px;top:0;transform:rotate(-7deg);opacity:.96}

.landing-footer{padding:48px 0 24px;border-top:1px solid var(--landing-border);background:#fff}
.landing-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.landing-footer__grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.landing-footer__grid p{font-size:12px;color:var(--landing-muted);max-width:300px;line-height:1.7}.landing-footer__grid a:not(.landing-brand){font-size:12px;color:#556457}
.landing-footer__bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--landing-border);padding-top:20px;margin-top:32px;font-size:10.5px;color:var(--landing-muted)}

@media(max-width:1000px){
  .landing-nav__links{display:none}
  .landing-hero__grid,.landing-section__grid,.landing-section__grid--reverse,.landing-seller-grid,.landing-download__card{grid-template-columns:1fr}
  .landing-hero__copy{text-align:center}.landing-hero__copy>p{margin-inline:auto}.landing-store-actions,.landing-trust-row{justify-content:center}
  .landing-hero__visual{height:620px;max-width:620px;width:100%;margin:0 auto}
  .landing-section__copy{text-align:center}.landing-section__copy>p{margin-inline:auto}.landing-checks{text-align:start}
  .landing-section__visual{min-height:600px}
  .landing-seller-phones{max-width:650px;width:100%;margin:0 auto}
  .landing-section-heading{text-align:center;margin-inline:auto;margin-bottom:44px}.landing-section-heading>p{margin-inline:auto}
  .landing-download__card>div:first-child{text-align:center}.landing-download p{margin-inline:auto}.landing-download .landing-store-actions{justify-content:center}
}
@media(max-width:720px){
  .landing-container{width:min(100% - 28px,1180px)}
  .landing-nav{height:68px}.landing-brand{font-size:21px}.landing-download-link{min-height:40px;padding:0 14px;font-size:12px}
  .landing-hero{padding-top:44px}.landing-hero__grid{min-height:auto;gap:38px}.landing-hero__copy h1{font-size:48px}
  .landing-hero__copy>p{font-size:15px}.landing-store-button{min-width:150px;min-height:58px}.landing-store-button strong{font-size:16px}
  .landing-hero__visual{height:500px}.phone-mockup{border-width:7px;border-radius:34px}.phone-mockup:after{width:72px;height:20px}
  .phone-mockup--front{width:220px;height:450px;right:20px}.phone-mockup--back{width:198px;height:405px;left:16px;top:60px}
  .landing-floating-card{display:none}
  .landing-proof{padding-bottom:30px}.landing-proof__grid{grid-template-columns:1fr}.landing-proof article{border-inline-start:0;border-top:1px solid var(--landing-border)}.landing-proof article:first-child{border-top:0}
  .landing-section{padding:74px 0}.landing-section__copy h2,.landing-section-heading h2,.landing-blog-heading h2,.landing-download h2{font-size:35px}
  .landing-checks{grid-template-columns:1fr}.landing-section__visual{min-height:520px}.phone-mockup--single{width:245px;height:500px}
  .landing-seller-grid{gap:28px}.landing-seller-phones{height:500px}.phone-mockup--seller-a{width:205px;height:420px;left:8px}.phone-mockup--seller-b{width:214px;height:438px;right:8px}
  .landing-steps{grid-template-columns:1fr}.landing-inline-stats{justify-content:center;flex-wrap:wrap}
  .landing-blog-heading{align-items:flex-start;flex-direction:column}.landing-blog-grid{grid-template-columns:1fr}
  .landing-download{padding:60px 0 80px}.landing-download__card{padding:34px 20px;min-height:auto}.landing-download__phones{height:390px}.phone-mockup--download-a{width:184px;height:376px;right:6px}.phone-mockup--download-b{width:174px;height:356px;left:8px}
  .landing-footer__grid{grid-template-columns:1fr}.landing-footer__bottom{flex-direction:column}
}
@media(max-width:430px){
  .landing-hero__copy h1{font-size:41px}.landing-store-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.landing-store-button{min-width:0;width:100%}
  .landing-hero__visual{height:455px}.phone-mockup--front{width:196px;height:402px;right:5px}.phone-mockup--back{width:176px;height:360px;left:3px}
  .landing-seller-phones{height:450px}.phone-mockup--seller-a{width:178px;height:364px}.phone-mockup--seller-b{width:185px;height:380px}
}