:root{--green:#0b4034;--green-2:#124b3e;--cream:#f7f4eb;--sand:#e9e1d0;--paper:#fffdf8;--gold:#c6a14d;--ink:#123e33;--muted:#6f756d;--line:#d9d4c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,blockquote{margin:0}h1,h2,h3,blockquote,.footer-brand{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.03}h1{font-size:clamp(58px,6.3vw,96px)}h2{font-size:clamp(45px,4.7vw,72px)}h3{font-size:clamp(25px,2.3vw,36px)}p{color:var(--muted)}em{color:var(--gold);font-weight:400}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-80px;left:14px;z-index:30;background:#fff;color:#111;padding:9px 14px}.skip:focus{top:10px}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.19em;color:#b9c7bf;margin-bottom:27px}.eyebrow span{display:inline-block;width:29px;height:1px;background:var(--gold);vertical-align:middle;margin-right:13px}.gold-text{color:#a9893e}.section-shell{max-width:1410px;margin:auto}
.site-header{height:88px;background:var(--green);color:#fff;display:flex;align-items:center;gap:35px;padding:0 max(6vw,calc((100vw - 1270px)/2));border-bottom:1px solid #ffffff18}.brand img{width:155px;max-height:45px;object-fit:contain}.site-header nav{display:flex;gap:34px;margin-left:auto;font-size:12px;color:#c9d3cf}.site-header nav a:hover{color:#fff}.outline-button{border:1px solid #ffffff3d;border-radius:99px;padding:10px 20px;font-size:11px;font-weight:700}.menu{display:none;background:none;color:#fff;border:0}
.hero{min-height:790px;background:var(--green);color:#fff;display:grid;grid-template-columns:1fr 1.05fr;padding:58px max(6vw,calc((100vw - 1270px)/2)) 70px;overflow:hidden}.hero-copy{align-self:center;position:relative;z-index:2;padding-bottom:35px}.hero h1 em{display:inline-block;font-style:italic;margin-top:3px}.hero-intro{max-width:550px;color:#bfcbc6;font-size:17px;line-height:1.75;margin-top:32px}.hero-actions{display:flex;align-items:center;gap:31px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 24px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#18392f;box-shadow:0 12px 28px #001f1633}.play-link{display:flex;gap:13px;align-items:center;font-size:12px}.play-link>span{width:34px;height:34px;border:1px solid #ffffff45;border-radius:50%;display:grid;place-items:center;font-size:8px}.trust-row{display:flex;gap:27px;margin-top:42px;color:#aabdb4;font-size:10px}.trust-row span::first-letter{color:var(--gold)}
.hero-visual{min-height:620px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #d7e2db1c;border-radius:50%}.orbit-one{width:630px;height:630px}.orbit-two{width:480px;height:480px}.halo{position:absolute;width:360px;height:460px;background:#30635372;border-radius:48% 48% 42% 42%;transform:rotate(-8deg)}.phone{background:#111;border:8px solid #111;border-radius:43px;overflow:hidden;box-shadow:0 38px 70px #001a145c}.phone img{width:100%;height:100%;object-fit:cover}.hero-phone{position:relative;z-index:3;width:255px;height:565px;transform:rotate(7deg);border-width:7px}.hero-phone:before,.gallery-phone:before,.mini-phone:before{content:'';position:absolute;z-index:2;top:8px;left:50%;transform:translateX(-50%);width:31%;height:18px;background:#111;border-radius:99px}.floating-card{position:absolute;z-index:5;background:#fffdf8;color:#20372f;box-shadow:0 12px 30px #001e1735;display:flex;align-items:center;gap:13px;font-family:Georgia,serif}.floating-card small{display:block;font:8px Arial;letter-spacing:.12em;color:#8b8d87}.floating-card>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf0e8;color:var(--green)}.floating-adhkar{left:7%;top:45%;padding:12px 25px 12px 13px;border-radius:9px;width:260px}.floating-prayer{right:-3%;bottom:14%;padding:13px 18px;border-radius:5px;width:250px}.floating-prayer strong{font:24px Georgia;margin-left:auto}.reminder-mark{position:absolute;right:2%;top:15%;z-index:4;width:120px;height:120px;border:1px solid #d9e0db24;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--gold)}.reminder-mark span{font-family:serif;font-size:25px}.reminder-mark small{color:#a9bbb2;font-size:10px}
.need{padding:125px 38px;display:grid;grid-template-columns:.82fr 1.18fr;gap:100px}.need-lead{border-right:1px solid var(--line)}.need-story{max-width:690px}.need-large{font:34px/1.35 Georgia;color:var(--ink);letter-spacing:-.025em}.need-story>p:nth-child(2){margin-top:27px;max-width:610px}.need-points{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:55px;border-top:1px solid var(--line);padding-top:28px}.need-points article>span{color:var(--gold);font-size:9px}.need-points h3{font:22px/1.15 Georgia;margin-top:24px}.need-points p{font-size:12px;margin-top:11px}.features{padding:40px 38px 28px}.special-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;padding:50px 0 70px}.special-heading .eyebrow{grid-column:1/-1;margin-bottom:-12px}.special-heading>p:last-child{max-width:430px;padding-bottom:7px}.feature-wide{min-height:630px;background:var(--sand);display:grid;grid-template-columns:.9fr 1.45fr;gap:35px;padding:70px 65px;overflow:hidden}.feature-copy{align-self:center}.feature-copy>p:last-child,.feature-block>div>p:last-child{max-width:430px;margin-top:27px;font-size:14px;line-height:1.85}.dhikr-stage{position:relative;min-height:490px}.paper-card{position:absolute;inset:30px 0 22px 9%;background:var(--paper);box-shadow:0 30px 55px #705e3824;padding:37px 44px;transform:rotate(1.3deg)}.paper-top,.paper-bottom{display:flex;justify-content:space-between;color:#99988f;font-size:8px;letter-spacing:.17em}.paper-card>p{font-family:serif;font-size:37px;color:var(--green);text-align:center;margin:78px 0 23px;line-height:1.6}.paper-card>h3{font-size:22px;letter-spacing:0;text-align:center;color:#4c504b}.paper-bottom{position:absolute;left:44px;right:44px;bottom:34px;align-items:end;border-top:1px solid #e2ded3;padding-top:21px}.paper-bottom strong{font:44px Georgia;color:var(--green);letter-spacing:-.04em}.paper-bottom small{font-size:13px;color:#777}.mini-phone{position:absolute;width:150px;height:330px;right:-18px;bottom:-70px;transform:rotate(-6deg);border-radius:27px;border-width:5px}.mini-phone:before{height:11px;top:5px}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.feature-block{height:590px;padding:57px 52px;overflow:hidden;position:relative}.feature-block h2{font-size:55px}.feature-block>div>p:last-child{max-width:490px}.prayer-block{background:var(--green);color:#fff}.prayer-block p{color:#bdcbc4}.prayer-ticket{position:absolute;bottom:-25px;left:52px;right:52px;background:#fbf8ef;color:var(--green);padding:29px 34px;display:grid;grid-template-columns:1fr auto;align-items:end;box-shadow:0 20px 38px #001a142e}.prayer-ticket small{grid-column:1/-1;font-size:8px;letter-spacing:.16em;color:#97978d}.prayer-ticket span{font:45px Georgia}.prayer-ticket strong{font:35px Georgia}.habits-block{background:#eee9dc}.tracker-crop{position:absolute;top:280px;left:45px;right:45px;height:390px;background:#fff;overflow:hidden;box-shadow:0 22px 45px #6d604428}.tracker-crop img{width:100%;margin-top:-45px}
.inside{padding:120px 38px}.inside-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px}.inside-heading>p{max-width:390px;font-size:14px}.screen-tabs{display:flex;border-bottom:1px solid var(--line)}.screen-tabs button{border:0;background:transparent;padding:15px 27px;color:#777;font-size:12px}.screen-tabs button[aria-selected=true]{color:var(--green);border-bottom:2px solid var(--gold);font-weight:700}.screen-panel{min-height:670px;background:#e7e1d3;display:grid;grid-template-columns:.9fr 1.1fr;margin-top:28px;overflow:hidden}.screen-copy{padding:85px 70px;align-self:center}.screen-copy>span{display:block;font:82px Georgia;color:#cfc4a9;margin-bottom:35px}.screen-copy .eyebrow{color:#957b3f;margin-bottom:17px}.screen-copy h3{font-size:48px;max-width:500px}.screen-copy>p:last-child{max-width:430px;margin-top:24px;font-size:14px}.device-stage{position:relative;display:grid;place-items:center;background:var(--green)}.device-stage:before,.device-stage:after{content:'';position:absolute;border:1px solid #ffffff1b;border-radius:50%;width:520px;height:520px}.device-stage:after{width:380px;height:380px}.gallery-phone{z-index:2;width:275px;height:610px;box-shadow:0 30px 55px #00170f8c}.gallery-phone img{transition:opacity .18s}.gallery-phone.is-changing img{opacity:.25}
.walkthrough{padding:25px 38px 120px;display:grid;grid-template-columns:.72fr 1.28fr;gap:85px;align-items:center}.walkthrough-copy>p:not(.eyebrow){margin-top:23px;max-width:390px}.video-note{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;gap:17px;align-items:center}.video-note span{background:var(--green);color:white;padding:5px 10px;font-size:10px}.video-note small{color:#85877e}.video-frame{height:610px;background:var(--green);padding:38px;display:grid;place-items:center}.video-frame video{height:100%;max-width:100%;background:#000;border-radius:24px;box-shadow:0 24px 45px #00180f70}
.privacy{background:var(--green);color:#fff;padding:110px max(6vw,calc((100vw - 1270px)/2));display:grid;grid-template-columns:1fr 1fr;gap:120px}.privacy-copy>p:last-child{color:#b8c9c1;max-width:420px;margin-top:28px}.privacy-list article{display:flex;gap:28px;padding:30px 0;border-bottom:1px solid #ffffff20}.privacy-list article:first-child{padding-top:0}.privacy-list article>span{color:var(--gold);font-size:10px}.privacy-list h3{font-size:29px}.privacy-list p{color:#b7c8c0;font-size:13px;margin-top:12px}
.reviews{padding:125px 38px}.reviews-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:58px}.reviews-heading>p{max-width:390px;padding-bottom:8px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.review-card{margin:0;background:#ebe4d6;padding:43px 38px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between}.review-card-featured{background:var(--green);color:#fff}.review-card blockquote{font-size:clamp(24px,2.1vw,32px);line-height:1.25;letter-spacing:-.03em}.review-card figcaption{display:flex;flex-direction:column;gap:2px;margin-top:38px;padding-top:22px;border-top:1px solid #183f3524}.review-card-featured figcaption{border-color:#ffffff2b}.review-card figcaption strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.review-card figcaption span{color:#8a8d85;font-size:10px}.review-card-featured figcaption span{color:#a9bcb4}
.about{padding:130px 15%;text-align:center;position:relative}.quote-mark{font:100px Georgia;color:#d7c99f;height:65px}.about blockquote{font-size:clamp(38px,4.5vw,67px);max-width:1020px;margin:auto}.about-body{max-width:670px;margin:35px auto 0}
.waitlist{background:var(--green);color:#fff;padding:105px max(6vw,calc((100vw - 1270px)/2))}.waitlist-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:105px;align-items:center;max-width:1270px;margin:auto}.waitlist-copy>p:not(.eyebrow){color:#b8c9c1;max-width:470px;margin-top:27px}.waitlist-details{display:flex;flex-wrap:wrap;gap:12px 22px;color:#9fb5ac;font-size:10px;margin-top:32px}.waitlist-details span::first-letter{color:var(--gold)}.waitlist-form{background:#fffdf8;color:var(--green);padding:44px}.waitlist-form>label{display:block;font:28px Georgia;margin-bottom:19px}.email-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.email-row input{min-width:0;border:1px solid #d6d1c5;border-right:0;background:#fff;padding:0 18px;color:#183b31;font:14px Arial}.email-row input::placeholder{color:#969991}.email-row input:focus{position:relative;outline:2px solid var(--gold);outline-offset:2px}.email-row .button{border:0;white-space:nowrap}.form-note{font-size:10px;line-height:1.6;margin-top:15px}.form-status{min-height:20px;color:#8b6d28;font-size:11px;margin-top:7px}.mailchimp-honeypot{position:absolute;left:-5000px}
.feedback{padding:110px 38px 120px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feedback-card{background:#e8e2d5;padding:50px}.feedback-card>span{font-size:8px;letter-spacing:.17em;color:#987c38}.feedback-card h3{font-size:37px;margin:23px 0}.feedback-card p{font-size:14px}.button-dark{margin-top:28px;background:var(--green);color:#fff}.feedback-card>small{display:block;margin-top:13px;color:#777;font-size:10px}.closing{text-align:center;background:#e7e0d2;padding:75px 25px}.closing>span{font-family:serif;font-size:27px;color:#a47f28}.closing>p{font:italic 17px Georgia;color:#32473e;margin:9px 0}.closing>small{font-size:8px;letter-spacing:.15em;color:#658075}footer{background:#062f27;color:#dbe4df;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px max(6vw,calc((100vw - 1270px)/2))}.footer-brand{font-size:27px}.footer-brand small{display:block;font:9px Arial;color:#98afa5;letter-spacing:.05em;margin-top:6px}footer>div{display:flex;gap:27px;font-size:11px}footer>small{color:#8da59b;font-size:10px}
@media(max-width:1050px){.hero{grid-template-columns:1fr .8fr}.hero-visual{transform:scale(.86);transform-origin:center}.floating-adhkar{left:-14%}.floating-prayer{right:-15%}.feature-wide{grid-template-columns:1fr;padding:60px}.dhikr-stage{min-height:430px}.paper-card{inset:0 5%}.mini-phone{right:0}.feature-block h2{font-size:46px}.screen-panel{grid-template-columns:.8fr 1fr}.screen-copy{padding:55px 40px}.privacy{gap:65px}.walkthrough{gap:45px}.review-grid{grid-template-columns:1fr 1fr}.review-card-featured{grid-row:span 2}.waitlist-inner{gap:60px}}
@media(max-width:760px){.site-header{height:76px;position:relative;z-index:20;padding:0 6vw}.brand img{width:130px}.menu{display:block;margin-left:auto}.site-header>.outline-button{display:none}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--green);padding:24px 6vw;box-shadow:0 20px 30px #001d1666}.site-header nav.open{display:flex;flex-direction:column}.hero{display:block;padding:50px 6vw 70px;min-height:0}.hero h1{font-size:clamp(54px,16vw,78px)}.hero-intro{font-size:15px}.hero-actions{gap:20px}.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-visual{transform:none;min-height:610px;margin-top:50px}.orbit-one{width:520px;height:520px}.orbit-two{width:390px;height:390px}.hero-phone{width:230px;height:510px}.floating-adhkar{left:-2%;top:46%;width:210px}.floating-prayer{right:-4%;bottom:10%;width:210px}.reminder-mark{right:-2%;top:8%;width:95px;height:95px}.need{grid-template-columns:1fr;padding:80px 6vw;gap:45px}.need-lead{border-right:0;border-bottom:1px solid var(--line);padding-bottom:40px}.need-points{grid-template-columns:1fr}.features,.inside{padding:50px 5vw 18px}.special-heading{grid-template-columns:1fr;padding:25px 0 50px}.special-heading .eyebrow{grid-column:auto;margin-bottom:0}.feature-wide{padding:45px 25px;display:block}.feature-wide h2{font-size:46px}.dhikr-stage{margin-top:40px;min-height:420px}.paper-card{inset:0;padding:25px}.paper-card>p{font-size:25px;margin-top:65px}.mini-phone{width:125px;height:280px;bottom:-25px}.feature-pair{grid-template-columns:1fr}.feature-block{height:540px;padding:45px 28px}.feature-block h2{font-size:45px}.prayer-ticket{left:28px;right:28px}.tracker-crop{left:28px;right:28px}.inside-heading{display:block}.inside-heading>p{margin-top:25px}.screen-tabs{overflow:auto}.screen-tabs button{padding:13px 20px}.screen-panel{grid-template-columns:1fr;min-height:0}.screen-copy{padding:47px 28px}.screen-copy>span{font-size:55px;margin-bottom:22px}.screen-copy h3{font-size:38px}.device-stage{padding:45px 0;min-height:590px}.gallery-phone{width:240px;height:532px}.walkthrough{grid-template-columns:1fr;padding:70px 6vw;gap:40px}.video-frame{height:560px;padding:28px}.privacy{grid-template-columns:1fr;padding:80px 6vw;gap:55px}.reviews{padding:80px 6vw}.reviews-heading{grid-template-columns:1fr;gap:24px}.review-grid{grid-template-columns:1fr}.review-card,.review-card-featured{min-height:0;grid-row:auto;padding:35px 28px}.about{padding:90px 7vw}.waitlist{padding:80px 6vw}.waitlist-inner{grid-template-columns:1fr;gap:45px}.waitlist-form{padding:32px 27px}.email-row{grid-template-columns:1fr}.email-row input{height:55px;border-right:1px solid #d6d1c5;border-bottom:0}.feedback{grid-template-columns:1fr;padding:70px 6vw;gap:40px}.feedback-card{padding:35px 27px}footer{flex-wrap:wrap;padding:35px 6vw}footer>small{width:100%}}
@media(max-width:430px){.hero-actions{align-items:stretch;flex-direction:column}.play-link{justify-content:center}.trust-row{grid-template-columns:1fr}.hero-visual{min-height:560px}.hero-phone{width:210px;height:468px}.reminder-mark{display:none}.paper-card>h3{font-size:18px}.paper-card>p{font-size:22px}.screen-tabs button{padding-inline:15px}.video-frame{height:500px;padding:20px}footer>div{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Collision-safe layout: previews participate in normal flow. */
.feature-block{height:auto;min-height:650px;display:flex;flex-direction:column}
.prayer-ticket{position:relative;inset:auto;margin-top:auto;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.prayer-ticket span,.prayer-ticket strong{white-space:nowrap}
.tracker-crop{position:relative;inset:auto;height:360px;margin-top:40px;flex:none}

@media(max-width:1100px){
  .site-header{height:76px;position:relative;z-index:20;padding:0 6vw}
  .menu{display:block;margin-left:auto}
  .site-header>.outline-button{display:none}
  .site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--green);padding:24px 6vw;box-shadow:0 20px 30px #001d1666}
  .site-header nav.open{display:flex;flex-direction:column}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}
  .hero-copy{max-width:760px}
  .hero-visual{transform:none;min-height:640px;margin-top:25px}
  .floating-adhkar{left:8%}.floating-prayer{right:5%}
  .feature-pair{grid-template-columns:1fr}
  .feature-block{min-height:620px}
  .prayer-ticket{margin-top:65px}
  .tracker-crop{margin-top:45px}
}

@media(max-width:760px){
  .hero{padding-top:50px}
  .hero-visual{min-height:570px;margin-top:35px}
  .orbit-one{width:480px;height:480px}.orbit-two{width:350px;height:350px}
  .hero-phone{width:230px;height:510px;transform:rotate(4deg)}
  .floating-card{display:none}
  .reminder-mark{right:2%;top:5%;width:95px;height:95px}
  .feature-wide{overflow:visible}
  .dhikr-stage{min-height:auto}
  .paper-card{position:relative;inset:auto;min-height:390px}
  .mini-phone{display:none}
  .feature-block{height:auto;min-height:0}
  .prayer-ticket{inset:auto;margin-top:55px;padding:25px 28px}
  .tracker-crop{inset:auto;height:370px;margin-top:35px}
}

.video-frame{height:auto;aspect-ratio:16/9;padding:0;overflow:hidden}
.video-frame video{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;box-shadow:none}
.mobile-video{display:none!important}

@media(max-width:760px){
  .video-frame{height:auto;aspect-ratio:auto;padding:20px}
  .video-frame .desktop-video{display:none}
  .video-frame .mobile-video{display:block!important;width:min(100%,260px);height:auto;aspect-ratio:720/1616;margin:auto;object-fit:contain;border-radius:22px;box-shadow:0 24px 45px #00180f70}
}

/* 2026 presentation refresh: a calmer, more editorial product story. */
:root{--cream:#fbfaf5;--sand:#eee9dd;--paper:#fff;--ink:#092f29;--muted:#66716d;--line:#dddcd4;--gold:#bd963c}
body{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;background:var(--cream);font-size:16px}
h1,h2,h3,blockquote,.footer-brand{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-weight:540;letter-spacing:-.055em}
.site-header{height:96px;background:rgba(251,250,245,.92);color:var(--ink);border-color:#123e3314;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;font:600 23px/1 Georgia,serif;letter-spacing:-.025em}.brand img{width:34px;height:34px;border-radius:9px}.brand span{display:block}.site-header nav{color:#53645f;font-size:13px}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:right .2s}.site-header nav a:hover{color:var(--green)}.site-header nav a:hover:after{right:0}.outline-button{border:0;background:var(--green);color:#fff;padding:13px 22px;box-shadow:0 10px 28px #0b40341a}.menu{color:var(--ink)}
.hero{min-height:calc(100vh - 96px);background:radial-gradient(circle at 83% 37%,#e3eadf 0 18%,transparent 44%),var(--cream);color:var(--ink);padding-top:50px}.hero-copy{padding-bottom:20px}.hero .eyebrow{display:inline-flex;align-items:center;color:#586862;border:1px solid #183e3320;border-radius:999px;padding:8px 13px;margin-bottom:29px;letter-spacing:.12em;background:#ffffff8c}.hero .eyebrow span{width:6px;height:6px;border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(64px,6.4vw,102px);line-height:.94;max-width:680px}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.07em}.hero-intro{color:#596963;font-size:18px;line-height:1.68;max-width:610px}.button{border-radius:999px;padding:17px 25px}.button-gold{background:var(--green);color:#fff;box-shadow:0 13px 30px #0b403426}.hero .button-gold span{color:var(--gold)}.play-link{font-weight:600;color:#40544d}.play-link>span{border-color:#173e332c}.trust-row{color:#65736e;font-size:11px}.hero-visual{min-height:680px}.halo{width:410px;height:500px;background:linear-gradient(150deg,#d3dfd4,#bacdbf);box-shadow:inset 0 0 80px #ffffff54}.orbit{border-color:#16493c16}.hero-phone{width:272px;height:603px;transform:rotate(4deg);box-shadow:0 40px 85px #173c2c38}.floating-card{border:1px solid #fff;box-shadow:0 20px 45px #153a2c24;border-radius:18px}.floating-adhkar{left:1%;padding:14px 24px 14px 14px}.floating-prayer{right:-1%;padding:15px 19px;border-radius:18px}.reminder-mark{right:0;border-color:#123e3320;background:#ffffff78;backdrop-filter:blur(12px)}.reminder-mark small{color:#5d7169}
.section-shell{max-width:1340px}.need{padding-top:150px;padding-bottom:150px;gap:120px}.need-lead{border:0}.need-lead h2{font-size:clamp(50px,5.3vw,78px)}.need-lead h2 span{color:#9aa19e}.need-story{padding-top:55px}.need-large{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:clamp(28px,2.4vw,38px);font-weight:520;line-height:1.25;letter-spacing:-.045em}.need-points h3{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:21px;font-weight:600;letter-spacing:-.035em}
.special-heading{padding-top:90px}.special-heading h2{font-size:clamp(48px,5vw,74px)}.feature-wide,.feature-block,.screen-panel,.review-card,.feedback-card,.waitlist-form{border-radius:28px}.feature-wide{background:linear-gradient(135deg,#eee8da,#e7e0d1);padding:80px 70px}.paper-card{border-radius:18px}.feature-pair{gap:22px;margin-top:22px}.feature-block{padding:64px 58px}.prayer-ticket,.tracker-crop{border-radius:20px}.inside{padding-top:150px}.screen-panel{border-radius:28px}.device-stage{border-radius:0 28px 28px 0}.walkthrough{padding-top:55px;padding-bottom:150px}.video-frame{border-radius:28px;box-shadow:0 28px 80px #153a2c20}.privacy{padding-top:140px;padding-bottom:140px}.privacy-list article{padding:36px 0}.reviews{padding-top:150px;padding-bottom:150px}.review-card{border:1px solid #173e330b;box-shadow:0 16px 45px #173e3308}.review-card-featured{box-shadow:0 24px 65px #0b403424}.about{padding-top:160px;padding-bottom:160px}.waitlist{padding-top:130px;padding-bottom:130px}.waitlist-form{box-shadow:0 30px 70px #00191242}.email-row input{border-radius:999px 0 0 999px}.email-row .button{border-radius:0 999px 999px 0}.feedback{padding-top:140px;padding-bottom:140px}.feedback-card{box-shadow:0 16px 45px #173e330d}
.faq{padding:70px 38px 150px;display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.faq-heading{position:sticky;top:140px;align-self:start}.faq-heading>p:last-child{max-width:340px;margin-top:25px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:28px 0}.faq-list summary{cursor:pointer;list-style:none;font-size:20px;font-weight:600;letter-spacing:-.025em;padding-right:45px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:5px;top:-4px;font:32px Georgia;color:var(--gold);transition:transform .2s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{max-width:720px;margin-top:17px;line-height:1.8}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}.review-card:nth-child(2){transition-delay:.08s}.review-card:nth-child(3){transition-delay:.16s}
@media(max-width:1100px){.site-header{height:82px}.hero{min-height:auto}.hero-visual{min-height:700px}.site-header nav{top:82px;background:rgba(251,250,245,.98);color:var(--ink)}.need-story{padding-top:0}.device-stage{border-radius:0 0 28px 28px}.faq{grid-template-columns:1fr;gap:45px}.faq-heading{position:static}}
@media(max-width:760px){.site-header{height:74px}.site-header nav{top:74px}.brand{font-size:20px}.brand img{width:30px;height:30px}.hero{padding-top:54px}.hero h1{font-size:clamp(55px,16vw,72px)}.hero-intro{font-size:16px}.hero-visual{min-height:600px}.halo{width:300px;height:420px}.need{padding-top:95px;padding-bottom:95px}.need-lead h2{font-size:45px}.need-story{padding-top:0}.special-heading{padding-top:45px}.feature-wide,.feature-block,.screen-panel,.review-card,.feedback-card,.waitlist-form,.video-frame{border-radius:18px}.feature-wide{padding:46px 25px}.feature-block{padding:46px 28px}.device-stage{border-radius:0 0 18px 18px}.inside{padding-top:95px}.walkthrough{padding-top:85px;padding-bottom:100px}.privacy{padding-top:95px;padding-bottom:95px}.reviews{padding-top:95px;padding-bottom:95px}.about{padding-top:110px;padding-bottom:110px}.waitlist{padding-top:95px;padding-bottom:95px}.email-row input{border-radius:999px;height:58px;border-bottom:1px solid #d6d1c5}.email-row .button{border-radius:999px;margin-top:10px}.feedback{padding-top:100px;padding-bottom:100px}.faq{padding:40px 6vw 110px}.faq-list details{padding:24px 0}.faq-list summary{font-size:18px}footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

.latest{padding-block:60px}.latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.latest-card{padding:40px;background:#eee9dd;border:1px solid #123e3310;border-radius:24px;min-width:0}.latest-card h3{font-size:40px}.latest-card>p:not(.eyebrow){margin-top:22px;font-size:15px;line-height:1.8}.supplication-preview{background:var(--paper);padding:28px;border-radius:18px;margin-top:30px}.supplication-preview p[lang=ar]{font:27px/1.9 Georgia,serif;color:var(--green)}.supplication-preview p+p{font-size:13px;margin-top:18px}.supplication-preview small{display:block;font-size:8px;letter-spacing:.1em;color:#8c7842;margin-top:18px}.latest-points{padding-left:20px;margin-top:30px;color:var(--muted);line-height:2.3;font-size:14px}.reader-card{background:var(--green);color:white}.reader-card>p:not(.eyebrow){color:#c6d4cc}.reader-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.reader-options span{padding:9px 16px;border:1px solid #ffffff38;border-radius:99px;font-size:12px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.collection-grid figure{margin:0;background:#fffdf8;border-radius:16px;overflow:hidden}.collection-grid img{width:100%;height:115px;object-fit:contain;padding:12px}.collection-grid figcaption{text-align:center;font-size:12px;padding:0 10px 14px}.latest-card{transition:box-shadow .4s ease,transform .5s ease}@media(hover:hover) and (pointer:fine){.latest-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #173e3315}}@media(max-width:760px){.latest-grid{grid-template-columns:1fr}.latest-card{padding:30px 24px}.latest-card h3{font-size:34px}.supplication-preview{padding:22px}}
/* Shared centered canvas and consistent interaction timing. */
:root{--page-width:1120px;--ease-out:cubic-bezier(.22,1,.36,1)}
main,.site-header,footer{width:calc(100% - 64px);max-width:var(--page-width);margin-inline:auto}
.site-header{padding-inline:24px;gap:24px}.site-header nav{gap:22px;font-size:12px}
.wordmark{flex:none}.wordmark img{display:block;width:187px;height:auto;max-height:none;border-radius:0;object-fit:contain}
.brand.wordmark{background:transparent;padding:11px 0}
footer{padding:44px 36px;border-radius:24px 24px 0 0}.footer-brand small{margin-top:12px}
.footer-brand.wordmark img{box-sizing:content-box;background:var(--cream);padding:12px 16px;border-radius:12px}
.section-shell{width:100%;max-width:100%;padding-inline:32px}
.hero{padding:48px 32px 64px;min-height:710px;gap:24px;border-radius:24px}
.hero h1{font-size:clamp(58px,5.5vw,78px)}.hero-intro{font-size:17px}
.hero-visual{min-height:590px}.hero-phone{width:240px;height:533px}
.floating-adhkar{left:0;width:220px}.floating-prayer{right:0;width:220px}
.orbit-one{width:540px;height:540px}.orbit-two{width:420px;height:420px}
.need{gap:64px}.feature-wide{padding:60px 40px;gap:24px}.feature-block{padding:48px 36px}
.feature-block h2{font-size:46px}.screen-copy{padding:60px 40px}.walkthrough{gap:44px}
.privacy,.waitlist{padding:90px 48px;border-radius:24px}.privacy{gap:60px}
.waitlist-inner{gap:48px;grid-template-columns:1fr 1.15fr}.waitlist-form{padding:30px}
.reviews-heading,.feedback,.faq{gap:48px}.review-card{padding:34px 28px}.review-card blockquote{font-size:25px}
.about blockquote{max-width:850px}.closing{border-radius:24px;margin-bottom:24px}
.gallery-phone{position:relative}
.button,.outline-button,.wordmark,.play-link,.screen-tabs button,footer a,.faq-list summary{transition:color .3s ease,background-color .3s ease,box-shadow .4s ease,transform .5s var(--ease-out)}
.button>span,.play-link>span{transition:transform .5s var(--ease-out),background-color .3s ease}
.feature-wide,.feature-block,.feedback-card,.hero-phone{transition:transform .7s var(--ease-out),box-shadow .7s var(--ease-out)}
.reveal{transition:opacity .9s ease,transform 1s var(--ease-out),box-shadow .5s ease}
.reveal:focus-within{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){
  .button:hover,.outline-button:hover{background:var(--green-2);transform:translateY(-3px);box-shadow:0 16px 30px #0b40342e}
  .button:hover>span{transform:translateX(4px)}.play-link:hover>span{transform:translateY(3px);background:#c6a14d22}
  .wordmark:hover{transform:translateY(-2px)}footer a:hover{color:var(--gold)}
  .screen-tabs button:hover{background:#c6a14d14;color:var(--green)}
  .review-card.is-visible:hover,.feature-block:hover,.feedback-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px #173e3320}
  .hero-visual:hover .hero-phone{transform:rotate(2deg) translateY(-5px)}
  .faq-list summary:hover{color:#9b782b}
}
@media(max-width:1100px){
  .site-header nav{padding-inline:24px}.hero-copy{margin-inline:auto;width:100%;max-width:680px}
  .hero-visual{margin-inline:auto;width:100%;max-width:600px}
  .waitlist-inner{grid-template-columns:1fr;max-width:680px}.waitlist-copy>p{max-width:540px}
}
@media(max-width:760px){
  main,.site-header,footer{width:calc(100% - 32px)}.site-header{padding-inline:8px;gap:12px}
  .brand.wordmark{padding:9px 0}.wordmark img{width:150px}
  .section-shell{padding-inline:8px}.hero{padding:40px 16px 48px;gap:0}
  .hero h1{font-size:clamp(48px,13vw,68px)}.hero .eyebrow{font-size:8px;letter-spacing:.09em}
  .hero-visual{min-height:550px}.hero-phone{width:220px;height:489px}
  .need{gap:40px}.feature-wide{padding:40px 22px}.feature-block{padding:40px 24px}
  .feature-block h2{font-size:40px}.screen-copy{padding:40px 26px}
  .privacy,.waitlist{padding:64px 24px;gap:40px}.waitlist-form{padding:28px 20px}
  .reviews-heading,.feedback,.faq{gap:36px}.review-card{padding:32px 26px}
  footer{padding:36px 24px}.closing{padding-inline:18px}.trust-row{gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*,*::before,*::after{animation:none!important;transition:none!important}}