@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#242820;--muted:#787b71;--mint:#a0e5d6;--paper:#f6f5f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #5c9786;outline-offset:5px}.glass{background:linear-gradient(130deg,#ffffffb8,#ffffff53);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffffce;box-shadow:0 8px 28px #2c32170a,inset 0 1px 0 #fff}.nav{position:fixed;z-index:20;top:22px;left:50%;transform:translateX(-50%);width:calc(100% - 100px);max-width:1340px;height:70px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.wordmark{font-size:29px;font-weight:650;letter-spacing:-1.8px}.wordmark span{font-weight:400}.wordmark sup{font-size:10px;letter-spacing:0;margin-left:8px;vertical-align:super;border:1px solid #c9cbbe;border-radius:5px;padding:2px 4px}nav{display:flex;gap:35px;font-size:12px}.nav-cta{font-size:12px;background:#292d25;color:white;border-radius:20px;padding:11px 17px}.nav-cta span{margin-left:17px}.hero{min-height:900px;height:100svh;max-height:1150px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;padding:140px max(8%,calc((100% - 1200px)/2));align-items:center;background:radial-gradient(ellipse at 85% 60%,#e6e2c9,transparent 54%)}.hero-glow{position:absolute;right:5%;top:20%;width:520px;height:520px;border-radius:50%;background:#e6e2c2;filter:blur(90px);opacity:.7}.hero-copy{z-index:2}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;line-height:1.7}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#779480;margin-right:8px}h1{font-size:clamp(70px,7.8vw,120px);line-height:.98;letter-spacing:-7px;font-weight:500;margin:30px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#747e5f}.intro{font-size:18px;line-height:1.65;color:#777b70}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{border:0;display:inline-flex;align-items:center;gap:23px;border-radius:28px;padding:17px 23px;font-size:12px;transition:transform .3s,box-shadow .3s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #3333}.dark{background:#282d25;color:white}.text-link{font-size:12px}.text-link span{margin-left:7px}.platform{font-size:8px;letter-spacing:1.9px;color:#97998e;margin-top:29px}.hero-product{position:relative;display:flex;justify-content:center;align-items:center;perspective:1400px;height:640px}.phone{background:#23272b;padding:8px;border-radius:42px;position:relative;box-shadow:inset 0 0 0 2px #777b78,0 30px 55px #30352236,8px 8px 0 #a3a69a;border:2px solid #c2c4b8;overflow:hidden;flex-shrink:0}.phone img{width:100%;display:block;border-radius:32px}.hero-phone{width:280px;transform:rotateY(-12deg) rotateZ(7deg);animation:float 7s ease-in-out infinite}.camera{width:8px;height:8px;position:absolute;top:16px;left:50%;transform:translateX(-50%);background:#16191c;border:2px solid #363b40;border-radius:50%;z-index:2}.floating-note{position:absolute;left:-25px;bottom:120px;border-radius:22px;padding:17px 23px;display:flex;align-items:center;gap:14px;animation:float 8s ease-in-out infinite}.note-icon{font-size:28px;color:#6b8c77}.floating-note small{font-size:7px;letter-spacing:1.3px;color:#798273}.floating-note p{margin:6px 0 0;font-size:13px}.version-tag{position:absolute;right:-15px;top:75px;border-radius:30px;padding:14px 19px;font-size:10px;color:#73796a}.version-tag span{color:#85946f;margin-right:7px}.orbit{position:absolute;width:470px;height:470px;border:1px solid #c5c8ad66;border-radius:50%;transform:rotateX(60deg) rotateZ(-30deg);bottom:-20px}.orbit-two{width:580px;height:580px;bottom:-75px;opacity:.5}.hero-bottom{position:absolute;left:8%;right:8%;bottom:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#898d80}.hero-bottom b{margin-left:18px;font-size:15px}h2{font-size:clamp(36px,4vw,61px);line-height:1.12;font-weight:500;letter-spacing:-2.8px;margin:21px 0}h2 span{color:#a0a397}.statement{padding:130px 20px 110px;text-align:center;background:#fffefa}.statement>p:not(.eyebrow){max-width:480px;margin:24px auto;color:var(--muted);font-size:15px;line-height:1.7}.principles{display:flex;justify-content:center;gap:50px;margin-top:45px;font-size:12px;color:#717966}.experience{padding:100px 8% 110px;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading>p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:24px}.tour{border-radius:36px;display:grid;grid-template-columns:1fr 1fr;background:#eaece3;overflow:hidden;min-height:720px}.tour-copy{padding:65px 12%}.segmented{display:flex;padding:5px;border-radius:30px;max-width:300px}.segmented button{border:0;background:transparent;color:#7a7e73;padding:12px 17px;border-radius:24px;font-size:11px;flex:1;white-space:nowrap;transition:.3s}.segmented button[aria-selected=true]{background:white;color:#2b3228;box-shadow:0 3px 8px #2221}.tour-number{display:block;font-size:9px;letter-spacing:1.6px;color:#8a9380;margin-top:60px}h3{font-weight:500}.tour-text h3{font-size:39px;line-height:1.15;letter-spacing:-1.6px;margin:20px 0}.tour-text>p{font-size:14px;line-height:1.8;color:#7c8375;max-width:290px}.detail{display:flex;gap:15px;align-items:center;border-top:1px solid #cfd3c5;margin-top:30px;padding-top:12px}.detail>span{font-size:25px;color:#798e74}.detail p{font-size:11px;line-height:1.7;color:#7c8375}.tour-arrows{display:flex;gap:9px;align-items:center;margin-top:30px}.tour-arrows button{width:35px;height:35px;border:1px solid #cbd0c3;border-radius:50%;background:transparent}.tour-arrows span{font-size:9px;color:#8c9385;margin-left:8px}.tour-stage{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#d4dbc7,transparent 70%);padding:50px 20px 65px}.tour-phone{width:260px;z-index:1;transition:transform .5s}.tour-phone:hover{transform:translateY(-7px) rotate(1deg)}.stage-circle{position:absolute;width:390px;height:390px;border:1px solid #c6cfbb;border-radius:50%}.image-caption{position:absolute;bottom:25px;font-size:7px;letter-spacing:2px;color:#87907d}.details{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:0 8% 110px;max-width:1600px;margin:auto}.details article{border-radius:32px;padding:50px;overflow:hidden}.reminder{background:#e5e9e1}.sound{background:#e9ece8}.details h2{font-size:40px;letter-spacing:-1.7px}.details article>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#7d8578;max-width:350px}.prayer-card{position:relative;border-radius:23px;margin-top:40px;padding:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.prayer-card small{font-size:8px;letter-spacing:1.4px;color:#7e9c87}.prayer-card h3{font-size:24px;margin:8px 0}.prayer-card strong{font-size:46px;font-weight:400;letter-spacing:-2px}.prayer-line{width:100%;height:1px;background:#ccd5c6;margin:17px 0 8px}.prayer-card p{font-size:11px;line-height:1.7;color:#84907c}.sun{font-size:40px;color:#9baa8c}.demo-label{font-size:6px;letter-spacing:1px;color:#8c9586;display:block;margin-top:13px}.sound-icon{display:block;font-size:45px;color:#7a9985;margin-bottom:27px}.audio-demo{padding:23px;border-radius:22px;margin-top:30px}.audio-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.audio-top small{font-size:6px;letter-spacing:1px;color:#849383}.audio-top h3{font-size:17px;margin:8px 0}.audio-top button{width:43px;height:43px;border-radius:50%;background:#a3ddcc;border:0;color:#3f6959}.progress{height:5px;background:#ccd4ca;border-radius:10px;margin:24px 0 12px;overflow:hidden}.progress span{height:100%;width:15%;background:#80bba5;display:block;transition:width 1s linear}.audio-demo>p{font-size:8px;color:#899482;display:flex;justify-content:space-between}.release{margin:0 8% 90px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;max-width:1344px}.release-art{border-radius:30px;overflow:hidden;aspect-ratio:1}.release-art img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.release-art:hover img{transform:scale(1.04)}.release-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#818677}.release-copy .button{margin-top:20px}.release-info{max-width:390px}footer{margin:0 8%;border-top:1px solid #dfe1d6;padding:35px 0;display:flex;gap:30px;align-items:center;flex-wrap:wrap}footer>p{font-size:11px;color:#979b90;flex:1}footer>a:not(.wordmark){font-size:10px}footer>small{width:100%;color:#a6aa9f;font-size:8px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}@media(min-width:1600px){.release{margin-left:auto;margin-right:auto}}@media(max-width:1000px){.hero{padding-left:6%;padding-right:4%;min-height:800px}.hero-phone{width:240px}.floating-note{left:-50px;bottom:150px}.version-tag{right:0;font-size:8px}.hero-product{height:580px}h1{letter-spacing:-4px}.hero-actions{gap:15px}.tour-copy{padding:45px 10%}.tour-text h3{font-size:32px}.details article{padding:30px}.details h2{font-size:33px}.orbit{width:360px;height:360px}.orbit-two{width:450px;height:450px}}@media(max-width:700px){.nav{width:calc(100% - 28px);top:12px;height:59px;padding:0 17px;border-radius:22px}.nav nav{display:none}.wordmark{font-size:25px}.nav-cta{font-size:10px}.hero{height:auto;min-height:0;max-height:none;grid-template-columns:1fr;padding:130px 7% 80px;text-align:center}.hero h1{font-size:77px;margin:25px 0;letter-spacing:-4.5px}.intro{font-size:15px}.hero-actions{justify-content:center}.button{padding:15px 19px;font-size:11px}.hero-product{height:590px;margin-top:15px}.hero-phone{width:235px}.floating-note{left:0;bottom:100px;padding:13px 17px}.floating-note p{font-size:11px}.version-tag{right:0;top:55px}.hero-bottom{left:7%;right:7%;font-size:6px;letter-spacing:1px}.hero-glow{width:300px;right:0;top:50%}.statement{padding:80px 7%}.statement h2{font-size:36px;letter-spacing:-1.8px}.statement>p:not(.eyebrow){font-size:13px}.principles{gap:20px;flex-wrap:wrap;font-size:10px;margin-top:30px}.experience{padding:65px 5%}.section-heading{display:block;padding:0 4%}.section-heading h2{font-size:41px}.section-heading>p{font-size:12px}.tour{grid-template-columns:1fr;min-height:0;border-radius:28px}.tour-copy{padding:32px 9%}.tour-number{margin-top:30px}.tour-text h3{font-size:34px}.tour-text>p{max-width:none}.detail{margin-top:22px}.tour-arrows{margin-top:15px}.tour-stage{padding-top:25px;padding-bottom:60px}.tour-phone{width:235px}.stage-circle{width:300px;height:300px}.details{grid-template-columns:1fr;padding:0 5% 65px;gap:20px}.details article{padding:35px 30px}.details h2{font-size:35px}.sound-icon{font-size:32px;margin-bottom:20px}.release{grid-template-columns:1fr;margin:0 5% 60px;gap:25px}.release-copy{padding:0 5%}.release h2{font-size:43px}.release-art{max-height:440px}footer{gap:16px;margin:0 7%}footer>p{font-size:9px}.eyebrow{font-size:8px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Full-screen Misk presentation */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{background:#f6f5f0}main{height:100dvh;position:relative;overflow:hidden}.topbar{position:fixed;z-index:20;top:32px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between}.top-note{font-size:8px;letter-spacing:2.5px;color:#949989}.slide-count{font-size:12px;letter-spacing:1px}.slide-count i{font-style:normal;color:#a1a698;margin-left:6px}.slide{position:absolute!important;inset:0;margin:0!important;max-width:none!important;width:100%;height:100dvh!important;min-height:0!important;max-height:none!important;padding:95px 8% 125px!important;visibility:hidden;pointer-events:none;opacity:0;transform:translateX(45px) scale(.985);transition:opacity .55s,transform .7s cubic-bezier(.22,1,.36,1),visibility .7s;overflow:hidden}.slide[hidden]{display:none!important}.slide.active{visibility:visible;pointer-events:auto;opacity:1;transform:none}.slide.enter-from-left{transform:translateX(-45px) scale(.985)}.hero{display:grid;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(64px,7.5vw,115px)}.hero-product{height:100%;max-height:650px}.hero-phone{width:auto;height:min(68dvh,620px);aspect-ratio:1080 / 2203}.phone img{width:100%;height:100%;object-fit:cover}.hero .floating-note{bottom:15%;left:-8%}.hero .version-tag{top:12%;right:-5%}.bottom-nav{position:fixed;z-index:30;bottom:max(23px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:4px;border-radius:30px;padding:7px;background:linear-gradient(120deg,#ffffffd9,#f1f3e9aa);box-shadow:0 16px 50px #4751361a,inset 0 1px 0 #fff}.bottom-nav a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100px;height:57px;font-size:9px;color:#838a79;border-radius:23px;transition:color .3s}.bottom-nav a>span{font-size:18px;height:21px;line-height:21px}.bottom-nav a[aria-current=page]{color:#fff}.nav-indicator{position:absolute;left:7px;top:7px;width:100px;height:57px;border-radius:23px;background:#303a2d;box-shadow:0 5px 12px #303a2d26;transition:transform .6s cubic-bezier(.22,1,.36,1)}.slide-controls{position:fixed;z-index:25;bottom:38px;right:5%;display:flex;gap:9px}.slide-controls button{border:1px solid #d7dccd;background:#ffffff65;border-radius:50%;width:36px;height:36px;color:#5d6952}.slide-controls button:disabled{opacity:.25;cursor:default}.keyboard-hint{position:fixed;left:5%;bottom:51px;font-size:7px;letter-spacing:1.7px;color:#939b87}.experience{display:flex;align-items:center;background:radial-gradient(ellipse at 75% 50%,#dee5d3,transparent 65%)}.tour{min-height:0;height:100%;width:100%;background:transparent;overflow:visible;grid-template-columns:1fr 1fr}.tour-copy{padding:0 5%;display:flex;flex-direction:column;justify-content:center}.tour-number{margin-top:35px}.tour-text h3{font-size:clamp(30px,4vw,55px);letter-spacing:-2px}.tour-text>p{max-width:370px}.tour-stage{padding:0 20px 15px;background:none}.tour-phone{height:min(65dvh,610px);width:auto;aspect-ratio:1080 / 2203}.image-caption{bottom:-12px}.tour-arrows{margin-top:20px}.detail{max-width:370px}.features{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 90%,#dfe7d7,transparent 70%)}.feature-heading{text-align:center;margin-bottom:30px}.feature-heading h2{font-size:clamp(30px,4vw,54px);margin:12px 0}.feature-heading>p:last-child{font-size:13px;color:#89907f;margin:0}.feature-heading em,.faq em{font-family:Georgia,serif;font-weight:400;color:#78856a}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{background:linear-gradient(145deg,#ffffffcf,#ffffff57);border:1px solid #ffffffdd;border-radius:26px;padding:25px 23px;box-shadow:0 12px 45px #52633d07;transition:transform .4s,box-shadow .4s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #52633d15}.feature-index{font-size:7px;letter-spacing:1.6px;color:#899780}.feature-visual{height:150px;display:flex;flex-direction:column;justify-content:center;position:relative;margin:15px 0}.feature-card h3{font-size:20px;letter-spacing:-.6px;margin:14px 0 10px}.feature-card>p{font-size:12px;line-height:1.7;color:#89917f;margin:0}.mini-label{font-size:8px;letter-spacing:1.4px;color:#7b9d8c}.prayer-visual strong{font-size:27px;font-weight:400;margin-top:10px;display:flex;justify-content:space-between;gap:10px}.prayer-visual i{font-style:normal;color:#84947a}.arc{font-size:45px;color:#9ba980;margin-top:13px}.quran-visual>span{font-size:27px;color:#657e6b}.quran-visual small{font-size:14px;color:#9aa78f}.wave{display:flex;gap:5px;align-items:center;height:48px;margin-bottom:10px}.wave i{width:5px;border-radius:3px;background:#8dc5ac;height:20px}.wave i:nth-child(3n){height:37px}.wave i:nth-child(2n){height:28px}.mini-progress{height:5px;background:linear-gradient(to right,#97ceba 23%,#d9e2d2 23%);border-radius:10px;margin-top:18px}.quote-visual>span{font-size:30px;color:#829c76}.quote-visual p{font-family:Georgia,serif;font-size:25px;line-height:1.3;color:#748368;margin:9px 0}.apps-visual{display:grid;grid-template-columns:repeat(2,54px);grid-template-rows:repeat(2,54px);gap:10px;align-content:center}.apps-visual span{display:grid;place-items:center;background:linear-gradient(135deg,#f9fff7,#d6e1cf);border:1px solid #fff;border-radius:17px;color:#83967b;font-size:27px;box-shadow:0 4px 10px #46523d0c}.feature-footnote{text-align:center;font-size:7px;letter-spacing:1px;color:#9da592;margin:20px 0 0}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;align-items:center;background:radial-gradient(ellipse at 20% 70%,#e7e9d9,transparent 60%)}.faq h2{font-size:clamp(35px,4.5vw,66px)}.faq-intro>p:last-of-type{font-size:13px;color:#8b9480}.faq-symbol{display:block;font-family:Georgia,serif;font-size:130px;color:#acb49b5c;line-height:1;margin-top:25px}.faq-list{border-top:1px solid #d6ddca}.faq-item{border-bottom:1px solid #d6ddca;padding:18px 0}.faq-item h3{margin:0}.faq-item button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;background:none;border:0;text-align:left;font-size:15px;padding:0;color:#424e38}.faq-item button span{font-size:23px;font-weight:400;color:#899a7b;transition:transform .3s}.faq-item button[aria-expanded=true] span{transform:rotate(45deg)}.faq-item>p{font-size:12px;line-height:1.8;color:#89947e;margin:12px 27px 0 0}.release{gap:8%;align-content:center;background:radial-gradient(ellipse at 20% 55%,#e8e4d0,transparent 60%)}.release-art{width:min(100%,62dvh);justify-self:center}.release h2{font-size:clamp(36px,4.2vw,64px)}.release-copy>p:not(.eyebrow){font-size:12px}.release-info{font-size:11px!important;line-height:1.6!important}.release-copy .button{margin-top:12px}
@media(max-height:720px) and (min-width:701px){.slide{padding-top:80px!important;padding-bottom:115px!important}.hero h1{font-size:74px;margin:20px 0}.hero .intro{font-size:15px}.hero-actions{margin-top:20px}.platform{margin-top:18px}.tour-number{margin-top:20px}.tour-text h3{font-size:36px;margin:15px 0}.tour-text>p{font-size:12px}.detail{margin-top:15px;padding-top:5px}.feature-visual{height:105px;margin:10px 0}.feature-card{padding:20px}.feature-heading{margin-bottom:20px}.feature-card h3{font-size:18px}.faq-item{padding:13px 0}.faq-item>p{font-size:11px}.release h2{font-size:43px}.faq-symbol{font-size:90px}}
@media(max-width:1000px){.bottom-nav a{width:86px}.nav-indicator{width:86px}.keyboard-hint{display:none}.slide-controls{right:3%;gap:5px}.slide-controls button{width:29px;height:29px}.feature-card{padding:18px 15px}.feature-card h3{font-size:18px}.feature-card>p{font-size:11px}.prayer-visual strong{font-size:21px}.quote-visual p{font-size:22px}.faq{gap:5%}}
@media(max-width:700px){.topbar{top:20px;left:6%;right:6%}.top-note{font-size:6px;letter-spacing:1.6px}.slide-count{font-size:9px}.slide{padding:75px 6% 110px!important}.bottom-nav{bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 28px);max-width:430px;gap:0;padding:6px;border-radius:26px}.bottom-nav a{width:20%;height:52px;gap:4px;font-size:8px}.bottom-nav a>span{font-size:18px}.nav-indicator{top:6px;left:6px;width:calc((100% - 12px)/5);height:52px;border-radius:20px}.slide-controls{display:none}.hero{grid-template-columns:1fr;grid-template-rows:auto 1fr;text-align:center;gap:10px;align-content:center}.hero h1{font-size:clamp(44px,8.3dvh,67px);line-height:.95;margin:12px 0;letter-spacing:-3px}.hero h1 br{display:none}.hero h1 em{display:block}.hero .eyebrow{font-size:6px}.hero .intro{font-size:11px;line-height:1.6;margin:12px 0}.hero-actions{margin-top:15px;gap:20px}.hero-actions .button{font-size:9px;padding:12px 17px}.hero-actions .text-link{font-size:10px}.platform{display:none}.hero-product{height:100%;min-height:0;margin:0}.hero-phone{height:min(39dvh,340px);width:auto;border-radius:27px;padding:5px}.phone img{border-radius:20px}.camera{top:10px;width:5px;height:5px}.hero .floating-note{left:0;bottom:10%;padding:10px 12px;border-radius:16px}.floating-note .note-icon{font-size:20px}.floating-note small{font-size:5px}.floating-note p{font-size:9px}.hero .version-tag{right:0;top:10%;font-size:7px;padding:10px 12px}.orbit{width:240px;height:240px;bottom:-20px}.orbit-two{width:300px;height:300px;bottom:-45px}.hero-glow{top:40%;height:220px;width:220px}.tour{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px}.tour-copy{padding:0;display:block;text-align:center}.segmented{max-width:270px;margin:auto;padding:4px}.segmented button{padding:9px 12px;font-size:10px}.tour-number{margin-top:17px;font-size:7px}.tour-text h3{font-size:29px;margin:10px 0;line-height:1.08;letter-spacing:-1px}.tour-text h3 br{display:none}.tour-text>p{font-size:10px;line-height:1.6;max-width:310px;margin:0 auto}.detail{display:none}.tour-arrows{position:absolute;left:0;right:0;bottom:37%;justify-content:space-between;padding:0 9%;z-index:3;pointer-events:none}.tour-arrows button{pointer-events:auto;background:#ffffff75}.tour-arrows span{display:none}.tour-stage{min-height:0;padding:5px 0 14px}.tour-phone{height:min(43dvh,370px);width:auto;border-radius:27px;padding:5px}.image-caption{bottom:0;font-size:5px}.stage-circle{width:250px;height:250px}.features{justify-content:center}.feature-heading{margin-bottom:17px}.feature-heading h2{font-size:30px;letter-spacing:-1.5px}.feature-heading .eyebrow{font-size:6px}.feature-heading>p:last-child{font-size:10px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:10px}.feature-card{padding:15px;border-radius:20px}.feature-index{font-size:5px;letter-spacing:1px}.feature-visual{height:85px;margin:5px 0}.feature-card h3{font-size:15px;margin:9px 0 6px}.feature-card>p{font-size:9px;line-height:1.5}.prayer-visual strong{font-size:20px}.mini-label{font-size:6px}.arc{font-size:23px;margin-top:5px}.quran-visual>span{font-size:21px}.wave{height:31px;margin-bottom:5px;gap:4px}.wave i{width:4px;height:13px}.wave i:nth-child(3n){height:26px}.wave i:nth-child(2n){height:19px}.mini-progress{margin-top:10px}.quote-visual>span{font-size:20px}.quote-visual p{font-size:20px;margin:5px 0}.apps-visual{grid-template-columns:repeat(2,33px);grid-template-rows:repeat(2,33px);gap:7px}.apps-visual span{font-size:20px;border-radius:11px}.feature-footnote{font-size:5px;margin-top:12px}.faq{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:20px}.faq-intro{text-align:center}.faq h2{font-size:33px;letter-spacing:-1.5px;margin:12px 0}.faq-intro>p:last-of-type{font-size:10px}.faq-symbol{display:none}.faq-item{padding:13px 0}.faq-item button{font-size:12px}.faq-item button span{font-size:19px}.faq-item>p{font-size:10px;line-height:1.7;margin-top:9px}.release{display:flex;flex-direction:column;justify-content:center;gap:22px}.release-art{width:min(65vw,29dvh);height:auto;flex-shrink:0;border-radius:22px}.release-copy{text-align:center;padding:0}.release-copy .eyebrow{font-size:6px;margin:0}.release h2{font-size:34px;line-height:1.03;letter-spacing:-1.5px;margin:12px 0}.release h2 br{display:none}.release-copy>p:not(.eyebrow){font-size:10px;line-height:1.65;max-width:310px;margin:10px auto}.release-copy .button{font-size:10px;padding:13px 19px;margin-top:7px}.release-info{font-size:9px!important;line-height:1.5!important}}
@media(max-height:680px) and (max-width:700px){.slide{padding-top:65px!important;padding-bottom:94px!important}.hero h1{font-size:45px}.hero .intro{margin:8px 0;font-size:10px}.hero-actions{margin-top:9px}.hero-phone{height:33dvh}.hero-product{gap:0}.tour-number{margin-top:10px}.tour-text h3{font-size:24px}.tour-text>p{font-size:9px}.tour-phone{height:39dvh}.feature-heading{margin-bottom:10px}.feature-heading h2{font-size:25px;margin:8px 0}.feature-visual{height:57px}.feature-card{padding:11px}.feature-card h3{font-size:13px;margin:5px 0}.feature-card>p{font-size:8px}.arc{display:none}.quote-visual p{font-size:17px}.quote-visual>span{display:none}.apps-visual{grid-template-rows:repeat(2,24px);grid-template-columns:repeat(2,24px);gap:5px}.apps-visual span{font-size:15px;border-radius:8px}.faq{gap:10px}.faq h2{font-size:28px}.faq-item{padding:10px 0}.faq-item>p{font-size:9px}.release-art{width:24dvh}.release{gap:15px}.release h2{font-size:30px}.release-copy>p:not(.eyebrow){font-size:9px}}
@media(prefers-reduced-motion:reduce){.slide{transition:none!important}}
/* Eight-screen app tour, with paged descriptions to preserve the no-scroll layout. */
.tour-copy{padding:0 3%;min-width:0}.tour-eyebrow{margin:0 0 15px;font-size:8px;color:#859077}.screen-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;border-radius:20px;width:100%;max-width:425px}.screen-selector button{border:0;background:transparent;border-radius:13px;padding:10px 7px;font-size:10px;color:#87917c;transition:background .3s,color .3s,box-shadow .3s}.screen-selector button[aria-selected=true]{background:#fff;color:#35452d;box-shadow:0 3px 10px #34452b12}.screen-selector button:hover{background:#ffffff70}.tour-number{margin-top:27px;font-size:7px;letter-spacing:1.4px;line-height:1.6}.tour-text h3{font-size:clamp(29px,3.8vw,49px);margin:16px 0 19px}.screen-description{min-height:168px;max-width:440px}.screen-overview{font-size:13px;color:#7a8570;line-height:1.85;margin:0}.screen-points{list-style:none;margin:0;padding:0}.screen-points li{margin:0 0 12px;padding-left:13px;border-left:2px solid #b6cbb0}.screen-points strong{display:block;font-size:11px;font-weight:550;color:#57694b;margin-bottom:3px}.screen-points span{display:block;font-size:11px;line-height:1.65;color:#86917b}.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:440px;margin-top:18px;border-top:1px solid #d6decc;padding-top:17px}.tour-footer .tour-arrows{margin:0;gap:12px}.tour-footer .screen-position{display:block;font-size:8px;letter-spacing:1px;margin:0}.screen-details-toggle{background:transparent;border:0;padding:9px 0 9px 10px;font-size:10px;color:#647757;white-space:nowrap}.screen-details-toggle span{margin-left:10px}.image-caption{font-size:6px}.tour-phone img{object-fit:contain;background:#242b30}.screen-description [hidden]{display:none!important}
@media(max-height:760px) and (min-width:701px){.tour-eyebrow{margin-bottom:10px}.screen-selector button{padding:8px 5px}.tour-number{margin-top:17px}.tour-text h3{font-size:34px;margin:12px 0}.screen-description{min-height:145px}.screen-overview{font-size:11px;line-height:1.8}.screen-points li{margin-bottom:8px}.screen-points strong{font-size:10px}.screen-points span{font-size:10px}.tour-footer{margin-top:10px;padding-top:12px}}
@media(max-width:700px){.experience.slide{padding-top:70px!important;padding-bottom:100px!important}.tour{grid-template-rows:auto minmax(0,1fr);gap:9px}.tour-copy{padding:0;text-align:left}.tour-eyebrow{font-size:6px;letter-spacing:1.5px;text-align:center;margin-bottom:9px}.screen-selector{max-width:360px;margin:auto;border-radius:17px;padding:4px;gap:2px}.screen-selector button{padding:7px 3px;font-size:8px;border-radius:11px}.tour-number{margin-top:12px;font-size:5.5px;letter-spacing:1px;text-align:center}.tour-text h3{font-size:26px;line-height:1.1;margin:8px 0 10px;text-align:center}.tour-text h3 br{display:none}.screen-description{min-height:99px;max-width:360px;margin:auto}.screen-overview{font-size:10px;line-height:1.7;text-align:center}.screen-points{display:grid;gap:5px}.screen-points li{margin:0;padding-left:8px}.screen-points strong{font-size:8px;margin-bottom:1px}.screen-points span{font-size:8px;line-height:1.5}.tour-footer{margin:7px auto 0;padding-top:7px;max-width:360px}.tour-footer .tour-arrows{position:static;padding:0;pointer-events:auto;gap:10px}.tour-footer .tour-arrows button{width:26px;height:26px;font-size:11px}.tour-footer .screen-position{font-size:7px}.screen-details-toggle{font-size:8px;padding:6px 0}.tour-stage{padding:2px 0 13px}.tour-phone{height:min(36dvh,340px);max-height:100%;width:auto}.stage-circle{width:210px;height:210px}.image-caption{font-size:5px;letter-spacing:1px}.show-details h3{font-size:23px}.show-details .screen-description{min-height:125px}}
@media(max-height:700px) and (max-width:700px){.experience.slide{padding-top:60px!important;padding-bottom:92px!important}.tour-eyebrow{display:none}.screen-selector button{padding:5px 2px;font-size:7px}.tour-number{margin-top:8px}.tour-text h3{font-size:22px;margin:6px 0}.screen-description{min-height:83px}.screen-overview{font-size:9px;line-height:1.6}.tour-footer{margin-top:5px;padding-top:5px}.tour-phone{height:31dvh}.screen-points strong{font-size:7px}.screen-points span{font-size:7px}.screen-points{gap:4px}.show-details .screen-description{min-height:109px}.show-details h3{font-size:20px}}

.faq-item>p a{color:#56744b;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}