:root{--ink:#18251f;--muted:#66746d;--green:#0f6b4b;--mint:#dceee6;--cream:#f7f8f3;--line:#d9e4de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.nav-wrap{border-bottom:1px solid var(--line);background:rgba(247,248,243,.88);backdrop-filter:blur(12px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-size:1.18rem;font-weight:800;letter-spacing:-.03em;text-decoration:none}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;border-radius:50%;background:var(--green);color:white}.nav-link,.footer a{color:var(--green);text-decoration:none;font-weight:650}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:650px;padding:75px 0}.eyebrow{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(3.5rem,7vw,6.3rem);line-height:.94;letter-spacing:-.075em;margin:20px 0 28px}.hero h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.lead{max-width:510px;color:var(--muted);font-size:1.15rem;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border-radius:999px;text-decoration:none;font-weight:750}.primary{background:var(--green);color:#fff}.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.note{color:#829087;font-size:.8rem;margin-top:18px}.phone-stage{position:relative;display:grid;place-items:center;min-height:500px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:360px;height:360px;background:#d5eadf}.orb-two{width:180px;height:180px;right:10%;bottom:10%;background:#f0ddbd}.phone{position:relative;width:275px;height:540px;padding:11px;border:8px solid #19372c;border-radius:39px;background:#19372c;box-shadow:0 35px 60px #1e4c3b35;transform:rotate(5deg)}.phone:before{content:"";position:absolute;top:7px;left:50%;z-index:2;width:95px;height:22px;transform:translateX(-50%);border-radius:20px;background:#19372c}.phone-content{height:100%;padding:54px 18px 18px;border-radius:25px;background:linear-gradient(#edf7f1,#d9eee3)}.phone-top{position:absolute;top:17px;left:24px;right:24px;z-index:3;display:flex;justify-content:space-between;color:#dff2e8;font-size:.62rem;font-weight:700}.phone-label{margin:0;color:#709083;font-size:.55rem;font-weight:800;letter-spacing:.13em}.location{margin:6px 0 20px;font-size:.86rem;font-weight:750}.next-prayer{padding:18px;border-radius:18px;background:var(--green);color:white;box-shadow:0 10px 25px #0f6b4b35}.next-prayer span,.next-prayer small{display:block;opacity:.7;font-size:.62rem}.next-prayer strong{display:block;margin:9px 0 0;font-size:1.2rem}.next-prayer b{float:right;margin-top:-28px;font-size:1.25rem}.next-prayer small{margin-top:3px}.prayer-row{display:flex;justify-content:space-between;padding:13px 4px;border-bottom:1px solid #c4ddd1;font-size:.75rem}.prayer-row b{font-weight:800}.prayer-row.active{color:var(--green);font-weight:800}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:45px 0 100px;border-top:1px solid var(--line)}.feature-icon{color:var(--green);font-size:2rem}.features h2{font-size:1.15rem;margin:15px 0 8px}.features p{color:var(--muted);line-height:1.6;margin:0}.footer{border-top:1px solid var(--line);padding:25px 0;color:#829087;font-size:.8rem}.footer .container{display:flex;gap:25px;justify-content:flex-end}.footer span{margin-right:auto}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:20px;padding:55px 0}.phone-stage{min-height:500px}.features{grid-template-columns:1fr;padding-bottom:65px}.footer .container{flex-wrap:wrap}.footer span{width:100%;margin:0 0 8px}}
.legal-page{padding:64px 0 88px}.legal-card{max-width:800px;margin:0 auto;padding:clamp(28px,6vw,56px);border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 50px #15241d0d}.legal-card h1{margin:16px 0 8px;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1;letter-spacing:-.055em}.legal-card h2{margin:38px 0 12px;font-size:1.3rem;letter-spacing:-.025em}.legal-card p,.legal-card li{color:var(--muted);line-height:1.75}.legal-card strong{color:var(--ink)}.legal-card ul{padding-left:22px}.legal-card a{color:var(--green);font-weight:700}.legal-meta{margin:0 0 34px;font-size:.9rem}
.lang-switcher{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}.lang-switcher-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.lang-switcher-title{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.lang-switcher-title svg{width:16px;height:16px;stroke:var(--green);fill:none;flex-shrink:0}.lang-current-badge{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--mint);color:var(--green);font-size:.75rem;font-weight:700}.lang-buttons{display:flex;flex-wrap:wrap;gap:8px}.lang-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;text-decoration:none;-webkit-tap-highlight-color:transparent}.lang-btn:hover{border-color:var(--green);color:var(--green);background:#f4fbf7}.lang-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}.lang-btn.active{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 2px 8px #0f6b4b30}.lang-btn .lang-code{font-size:.7rem;opacity:.75;text-transform:uppercase;font-weight:700}.legal-card[dir="rtl"]{text-align:right}.legal-card[dir="rtl"] ul{padding-left:0;padding-right:22px}.legal-card[dir="rtl"] .lang-switcher-header{flex-direction:row-reverse}.legal-card[dir="rtl"] .lang-buttons{direction:ltr;justify-content:flex-end}
.nav-right{display:flex;align-items:center;gap:16px}.nav-lang-switcher{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.nav-lang-btn{background:transparent;border:none;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:750;color:var(--muted);cursor:pointer;transition:all .15s ease;font-family:inherit;line-height:1}.nav-lang-btn:hover{color:var(--ink);background:var(--cream)}.nav-lang-btn.active{background:var(--green);color:#fff}html[dir="rtl"] body{direction:rtl;text-align:right}html[dir="rtl"] .brand-mark{margin-right:0;margin-left:8px}html[dir="rtl"] .phone{transform:rotate(-5deg)}html[dir="rtl"] .phone-top{direction:ltr}html[dir="rtl"] .next-prayer b{float:left}html[dir="rtl"] .features{text-align:right}html[dir="rtl"] .footer .container{justify-content:flex-start}html[dir="rtl"] .footer span{margin-right:0;margin-left:auto}@media(max-width:760px){.nav-right{gap:8px}.nav-lang-btn{padding:3px 5px;font-size:.65rem}.nav-link{font-size:.82rem}}

/* Product landing page */
body{overflow-x:hidden;background:radial-gradient(circle at 75% 12%,#e6f2ec 0,transparent 29%),var(--cream)}
.nav-wrap{position:sticky;top:0;z-index:20}
.hero{min-height:720px}
.hero-copy{position:relative;z-index:2}
.hero-copy:before{content:"";position:absolute;left:-36px;top:-24px;width:8px;height:70px;border-radius:10px;background:#d79a34}
.lead{font-size:1.12rem}
.button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.button:hover{transform:translateY(-2px)}
.button.primary{box-shadow:0 12px 30px #0f6b4b2e}
.status-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#36a674;box-shadow:0 0 0 4px #36a6741f}
.phone-stage:after{content:"PRAY.ZONE MOBILE";position:absolute;right:5%;bottom:8%;padding:9px 13px;border:1px solid #ffffff90;border-radius:999px;background:#ffffffc7;box-shadow:0 8px 24px #18372b16;color:var(--green);font-size:.62rem;font-weight:850;letter-spacing:.13em;backdrop-filter:blur(12px)}
.features{gap:18px;padding:28px 0 92px;border-top:0}
.features>div{min-height:210px;padding:30px;border:1px solid var(--line);border-radius:24px;background:#ffffffb8;box-shadow:0 16px 45px #18251f0a;transition:transform .25s ease,border-color .25s ease}
.features>div:hover{transform:translateY(-5px);border-color:#b8d6c8}
.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--mint);font-size:1.45rem}
.features h2{margin-top:22px}
.proof-band{padding:28px 0;background:var(--ink);color:#fff}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-grid>div{display:grid;gap:5px;padding:10px 28px;border-left:1px solid #ffffff1c}
.proof-grid>div:first-child{border-left:0;padding-left:0}
.proof-grid strong{font-family:Georgia,serif;color:#f1bd68;font-size:1.65rem;font-weight:500}
.proof-grid span{color:#c7d2cc;font-size:.78rem}
.showcase{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:center;padding:120px 0}
.showcase-heading{align-self:start;padding-top:60px}
.showcase-heading h2{margin:16px 0 24px;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.98;letter-spacing:-.06em}
.showcase-heading h2 em{color:var(--green);font-family:Georgia,serif;font-weight:400}
.showcase-heading p:last-child{max-width:420px;color:var(--muted);font-size:1.06rem;line-height:1.75}
.screenshot-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.screenshot-card{margin:0}
.screenshot-card-settings{margin-top:90px}
.screenshot-frame{position:relative;overflow:hidden;aspect-ratio:3/4;border:9px solid var(--ink);border-radius:38px;background:var(--ink);box-shadow:0 30px 70px #18251f24}
.screenshot-frame:before{content:"";position:absolute;z-index:2;top:7px;left:50%;width:58px;height:12px;transform:translateX(-50%);border-radius:999px;background:var(--ink)}
.screenshot-frame img{display:block;width:100%;height:100%;object-fit:cover;background:#f3ece4}
.screenshot-card-qibla .screenshot-frame img{object-position:center center;transform:scale(1.55)}
.screenshot-card-settings .screenshot-frame img{object-position:center top}
.screenshot-card figcaption{display:grid;grid-template-columns:auto 1fr;column-gap:12px;margin-top:18px}
.screenshot-card figcaption span{grid-row:1/3;color:#b07332;font-family:Georgia,serif;font-size:1.3rem}
.screenshot-card figcaption strong{font-size:.9rem}
.screenshot-card figcaption small{margin-top:3px;color:var(--muted);line-height:1.4}
.download-panel{position:relative;overflow:hidden;margin-bottom:110px;padding:clamp(38px,6vw,72px);border-radius:36px;background:linear-gradient(125deg,#10241c,#173b2d);color:#fff;box-shadow:0 28px 70px #10241c28}
.download-panel>div:first-child{position:relative;z-index:2;max-width:720px}
.download-kicker{color:#f0bd67;font-size:.7rem;font-weight:850;letter-spacing:.18em}
.download-panel h2{margin:18px 0 10px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;letter-spacing:-.055em}
.download-panel p{margin:0 0 28px;color:#cbd8d2;font-size:1rem}
.button.light{background:#fff;color:var(--ink)}
.download-mark{position:absolute;right:4%;top:50%;transform:translateY(-50%);color:#ffffff0c;font-family:Georgia,serif;font-size:22rem;line-height:1}
html[dir="rtl"] .hero-copy:before{right:-36px;left:auto}
html[dir="rtl"] .status-dot{margin-right:0;margin-left:7px}
html[dir="rtl"] .proof-grid>div{border-left:0;border-right:1px solid #ffffff1c}
html[dir="rtl"] .proof-grid>div:first-child{border-right:0;padding-right:0;padding-left:28px}
html[dir="rtl"] .download-mark{right:auto;left:4%}
@media(max-width:900px){.showcase{grid-template-columns:1fr;gap:42px;padding:85px 0}.showcase-heading{padding-top:0;max-width:650px}.screenshot-gallery{max-width:680px;margin:0 auto}.proof-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.proof-grid>div:nth-child(3){border-left:0;padding-left:0}.download-mark{font-size:15rem}}
@media(max-width:760px){.nav{height:68px}.nav-link{display:none}.hero{min-height:auto}.hero-copy:before{left:-20px;top:-10px;height:50px}.hero h1{font-size:clamp(3.2rem,16vw,4.8rem)}.phone-stage:after{right:0}.features{gap:14px}.features>div{min-height:0;padding:25px}.proof-grid{gap:14px}.proof-grid>div{padding:8px 16px}.proof-grid>div:nth-child(odd){border-left:0;padding-left:0}.proof-grid strong{font-size:1.3rem}.showcase{padding:72px 0}.screenshot-gallery{grid-template-columns:1fr;gap:32px}.screenshot-card{width:min(82%,310px)}.screenshot-card-settings{margin-top:0;margin-left:auto}.screenshot-frame{border-width:6px;border-radius:25px}.screenshot-card figcaption{grid-template-columns:auto 1fr}.screenshot-card figcaption span{grid-row:1/3;font-size:1rem}.screenshot-card figcaption small{font-size:.68rem}.download-panel{width:calc(100% - 28px);margin-bottom:72px;border-radius:28px}.download-mark{display:none}html[dir="rtl"] .hero-copy:before{right:-20px}html[dir="rtl"] .screenshot-card-settings{margin-right:auto;margin-left:0}}