/* Scoped homepage hero. No application or checkout selectors. */
.hp-home{--hp-ink:#193E32;--hp-body:#4E6259;--hp-green:#15734F;--hp-green-hover:#105D40;--hp-orange:#F28A2E;--hp-mint:#E5F2E7;--hp-peach:#FFF0DF;--hp-blue:#E5F1F8;--hp-paper:#F6F8F2;--hp-white:#FFF;--hp-line:#DCE4DB;--hp-focus:#9A3E08}
.hp-hero,.hp-benefits,.hp-film-section{color:var(--hp-ink);font-family:Tajawal,Arial,sans-serif}
.hp-hero{background:var(--hp-paper);padding:0}
.hp-grid{position:relative;isolation:isolate;display:flow-root;width:100%;max-width:none;padding:0;min-height:820px}
.hp-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0;margin:0 24px;padding:32px 0 0}
.hp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;line-height:1.7;color:var(--hp-green)}
.hp-dot{width:8px;height:8px;border-radius:50%;background:var(--hp-orange);flex:none}
.hp-title{margin:0;font-family:inherit;font-size:clamp(2.1rem,1.25rem + 3vw,3.75rem);line-height:1.4;font-weight:800;color:var(--hp-ink);letter-spacing:0;text-wrap:balance}
.hp-title>span{display:inline-block;color:var(--hp-green);border-bottom:4px solid var(--hp-orange);padding-bottom:4px}
.hp-lead{margin:0;max-width:31em;font-size:clamp(1rem,.9rem + .4vw,1.1875rem);line-height:1.85;color:var(--hp-body);font-weight:500;text-wrap:pretty}
.hp-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.hp-primary,.hp-watch{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;font-size:1.0625rem;font-weight:800;line-height:1.5;text-decoration:none;border-radius:16px;transition:background-color .18s ease-out,transform .18s ease-out}
.hp-primary{background:var(--hp-green);color:var(--hp-white);padding:16px 24px;border:2px solid transparent;box-shadow:0 2px 3px rgb(25 62 50 / .08),0 8px 20px rgb(25 62 50 / .08)}
.hp-primary>svg{width:24px;height:24px;flex:none}
.hp-watch{color:var(--hp-ink);padding:8px 4px;border:2px solid transparent}
.hp-play{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--hp-peach);color:var(--hp-ink)}
.hp-play svg{width:28px;height:28px}
.hp-primary:focus-visible,.hp-watch:focus-visible,.hp-film-section .nx-ios:focus-visible{outline:3px solid var(--hp-focus);outline-offset:4px}
.hp-primary:active,.hp-watch:active{transform:scale(.98)}
.hp-primary[aria-disabled=true],.hp-watch[aria-disabled=true]{opacity:.55;pointer-events:none}
@media(hover:hover){.hp-primary:hover{background:var(--hp-green-hover);transform:translateY(-2px)}.hp-watch:hover{background:var(--hp-peach)}}
.hp-art{position:absolute;inset:0;z-index:0;min-width:0;width:100%;height:100%;max-width:none;margin:0;padding:0;pointer-events:none}
.hp-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(246,248,242,.99) 0%,rgba(246,248,242,.96) 32%,rgba(246,248,242,.25) 55%,rgba(246,248,242,0) 73%)}
.hp-photo{overflow:hidden;width:100%;height:100%;background:var(--hp-mint)}
.hp-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 72%}
.hp-benefits{background:var(--hp-paper);padding-block:32px 48px}
.hp-benefit-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.hp-benefit{display:flex;gap:16px;align-items:center;min-width:0;padding:24px;border-radius:24px;background:var(--hp-white);border:1px solid var(--hp-line)}
.hp-benefit>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.hp-benefit h2{margin:0;font-family:inherit;font-size:1.1875rem;font-weight:800;line-height:1.5;color:var(--hp-ink);text-wrap:balance}
.hp-benefit p{margin:0;font-size:1rem;line-height:1.75;font-weight:500;color:var(--hp-body)}
.hp-icon{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:20px;background:var(--hp-mint);color:var(--hp-ink)}
.hp-icon svg{width:40px;height:40px}
.hp-time .hp-icon{background:var(--hp-peach)}
.hp-offline .hp-icon{background:var(--hp-blue)}
.hp-film-section{background:var(--hp-white);padding-block:clamp(48px,6vw,80px);scroll-margin-top:96px}
.hp-film-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center;max-width:1200px}
.hp-film-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.hp-film-copy h2{margin:0;font-family:inherit;font-size:clamp(1.75rem,1.1rem + 2vw,2.5rem);font-weight:800;line-height:1.5;color:var(--hp-ink)}
.hp-film-copy h2>span{color:var(--hp-green)}
.hp-film-copy p{margin:0;font-size:1.0625rem;line-height:1.85;color:var(--hp-body)}
.hp-film-frame{overflow:hidden;min-width:0;border-radius:24px;border:1px solid var(--hp-line);padding:8px;background:var(--hp-paper);box-shadow:0 2px 4px rgb(25 62 50 / .04),0 12px 32px rgb(25 62 50 / .06)}
.hp-film-frame video.nx-film{display:block;width:100%;max-width:none;margin:0;aspect-ratio:16/9;border-radius:16px;background:var(--hp-paper)}
.hp-film-section .nx-ios{margin:8px 0 0;color:var(--hp-ink);border-color:var(--hp-line);min-height:52px}
@media(min-width:640px){.hp-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hp-benefit{flex-direction:column;align-items:flex-start;padding:24px}}
@media(min-width:768px){.hp-grid{min-height:clamp(660px,60vw,850px)}.hp-copy{width:min(52%,600px);margin:0;margin-inline-start:max(32px,calc((100vw - 1152px)/2));padding:48px 0}.hp-art::after{background:radial-gradient(ellipse 85% 82% at 100% 0%,rgba(246,248,242,.99) 0%,rgba(246,248,242,.96) 55%,rgba(246,248,242,.6) 75%,rgba(246,248,242,0) 100%)}.hp-photo img{object-position:50% 72%}}
@media(min-width:960px){.hp-benefit{flex-direction:row;padding:24px 20px;gap:16px}.hp-icon{width:56px;height:56px;border-radius:16px}.hp-icon svg{width:36px;height:36px}.hp-benefit h2{font-size:1.125rem}.hp-benefit p{font-size:1rem}.hp-film-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:48px}}
@media(prefers-reduced-motion:reduce){.hp-primary,.hp-watch{transition:none}.hp-primary:hover,.hp-primary:active,.hp-watch:active{transform:none}}

/* One approved review at a time; all cards share a grid cell to reserve height. */
.hp-reviews{padding:48px 0;background:var(--hp-paper);color:var(--hp-ink)}
.hp-reviews .hp-reviews-inner{max-width:880px;display:flex;gap:24px;align-items:stretch;margin:0 auto;text-align:center}
.hp-reviews-heading{display:flex;flex-direction:column;align-items:center;gap:8px}
.hp-reviews-heading h2{margin:0;font:800 clamp(1.5rem,2.5vw,2rem)/1.5 Tajawal,Arial,sans-serif;color:var(--hp-ink)}
.hp-reviews .rev-vp{padding:0;overflow:visible;mask-image:none;-webkit-mask-image:none;border-radius:24px;background:var(--hp-white);box-shadow:inset 0 0 0 1px var(--hp-line),0 8px 24px rgb(25 62 50 / .04)}
.hp-reviews .rev-vp:focus-visible{outline:3px solid var(--hp-focus);outline-offset:4px}
.hp-reviews .rev-track{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:0;animation:none}
.hp-reviews .rev-card{grid-area:1/1;width:100%;min-width:0;min-height:208px;margin:0;padding:28px;gap:16px;border-radius:24px;background:transparent;border:1px solid transparent;box-shadow:none;text-align:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:none;transition:opacity .28s ease-in,visibility 0s linear .28s}
.hp-reviews .rev-card.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .48s ease-out .28s,visibility 0s linear 0s}
.hp-reviews blockquote{margin:0;max-width:100%;overflow-wrap:anywhere}
.hp-reviews .rev-card p{margin:0;color:var(--hp-ink);font:500 clamp(1.0625rem,1.6vw,1.25rem)/1.8 Tajawal,Arial,sans-serif}
.hp-reviews .rev-who{align-items:center;gap:4px}
.hp-reviews .rev-who b{font-size:1rem;color:var(--hp-ink)}
.hp-reviews .rev-who span{font-size:.875rem;color:var(--hp-body);opacity:1}
.hp-reviews .rev-stars{align-self:center;color:#A85A0B}
.hp-reviews .rev-stars svg{width:18px;height:18px}
@media(prefers-reduced-motion:reduce){.hp-reviews .rev-card,.hp-reviews .rev-card.is-active{transition:none;transform:none}}

/* Explicit store choices remain available with JavaScript disabled. */
.hp-downloads{scroll-margin-top:120px;max-width:100%;border-radius:16px}
.hp-downloads:target{outline:3px solid var(--hp-green);outline-offset:12px}
.hp-store-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%}
.hp-home .hp-store-links .nx-ios{margin-top:8px;max-width:100%;padding:10px 16px;min-height:56px;background:var(--hp-white);color:var(--hp-ink);border:1px solid var(--hp-line)}
.hp-home .hp-store-links .nx-ios:focus-visible{outline:3px solid var(--hp-focus);outline-offset:4px}
.hp-home .hp-store-links .nx-ios:hover{border-color:var(--hp-green)}
.hp-home .hp-store-links .nx-ios b{font-size:18px}
.hp-home .hp-store-links .nx-ios small{font-size:12px}
.hp-store-footer{margin-top:8px}
@media(max-width:639px){.hp-downloads,.hp-store-links{width:100%}.hp-store-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hp-home .hp-store-links .nx-ios{justify-content:center;gap:8px;padding:10px 8px}.hp-home .hp-store-links .nx-ios svg{width:22px;height:22px;flex:none}.hp-home .hp-store-links .nx-ios b{font-size:16px}.hp-home .hp-store-links .nx-ios small{font-size:11px}}
@media(max-width:359px){.hp-store-links{grid-template-columns:minmax(0,1fr)}}