:root{--light:#fbf7ef;--dark:#171a2e;--sun:#f4c15b;--lilac:#7468d4;--ease:cubic-bezier(.65,.02,.2,1)}.wrap{width:min(1240px,100% - 96px);margin-inline:auto}h1,h2,h3{letter-spacing:-.035em;font-weight:700}h2{font-size:clamp(32px,3.5vw,50px);line-height:1.06}.button-solid{background:var(--fg,var(--dark));color:var(--bg,var(--light))}.button-solid:hover{opacity:.92}.text-link{border-bottom:1px solid;align-items:center;gap:6px;padding-bottom:2px;font-size:14px;font-weight:700;display:inline-flex}.brand img{object-fit:contain;width:44px;height:42px}.sky{--cols:[full-start] minmax(48px,1fr) [content-start] minmax(0,1240px) [content-end] minmax(48px,1fr) [full-end];grid-template-columns:var(--cols);background:linear-gradient(to bottom,var(--c0) 0%,var(--c1) 26%,var(--c2) 50%,var(--c3) 74%,var(--c4) 100%);grid-template-rows:auto 1fr auto;min-height:clamp(820px,100svh,980px);display:grid;position:relative;overflow:hidden}.sky .site-header,.sky .sky-arc{--fg:var(--light);--bg:var(--dark);color:var(--fg);transition:color .6s}.sky[data-top=dark] .site-header,.sky[data-mid=dark] .sky-arc{--fg:var(--dark);--bg:var(--light)}.sky .sky-copy,.sky .sky-readout{--fg:var(--light);--bg:var(--dark);color:var(--fg);transition:color .6s}.sky[data-low=dark] .sky-copy,.sky[data-low=dark] .sky-readout{--fg:var(--dark);--bg:var(--light)}.site-header{z-index:3;grid-area:1/content;justify-content:space-between;align-items:center;gap:24px;height:84px;display:flex;position:relative}.sky .brand img{filter:brightness(0)invert();opacity:.92;transition:filter .6s}.sky[data-top=dark] .brand img{filter:brightness(0);opacity:.85}.site-header nav{gap:28px;font-size:14px;display:flex}.site-header nav a{opacity:.78}.site-header nav a:hover{opacity:1}.nav-cta{border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.nav-cta:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.sky-copy{z-index:2;grid-area:3/content;justify-self:start;max-width:410px;padding-bottom:56px;position:relative}.sky-copy h1{font-size:clamp(34px,3.2vw,46px);line-height:1.04}.sky-copy p{opacity:.86;margin-top:16px;font-size:16px;line-height:1.6}.sky-cta{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:26px;display:flex}.sky-cta span{opacity:.72;font-size:13px}.sky-readout{z-index:2;text-align:right;grid-area:3/content;justify-self:end;width:290px;padding-bottom:56px;position:relative}.sky-phase{letter-spacing:-.035em;font-size:clamp(30px,2.8vw,40px);font-weight:700;line-height:1}.sky-hint{opacity:.8;min-height:3em;margin-top:10px;font-size:14px;line-height:1.5}.sky-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.sky-controls button{border:1px solid color-mix(in srgb,currentColor 35%,transparent);min-height:40px;color:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.sky-controls button:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.sky-stage{z-index:1;grid-area:1/full/-1;position:relative}.sky-arc{cursor:grab;touch-action:pan-y;height:45%;position:absolute;top:13%;left:0;right:0}.sky-arc[data-dragging=true]{cursor:grabbing}.sky-horizon{opacity:.22;background:currentColor;height:1px;position:absolute;top:100%;left:0;right:0}.arc-dot{opacity:.42;background:currentColor;border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:absolute}.arc-prayer{justify-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.arc-prayer i{opacity:.7;border:1.5px solid;border-radius:50%;width:11px;height:11px;transition:background .3s,border-color .3s,opacity .3s}.arc-prayer[data-passed=true] i{background:var(--sun);border-color:var(--sun);opacity:1}.arc-prayer span{letter-spacing:.01em;white-space:nowrap;opacity:.85;font-size:12px;font-weight:700;position:absolute;bottom:18px}.sky-sun{left:var(--sun-x);top:var(--sun-y);z-index:2;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;padding:0;position:absolute}.sun-disc,.sun-moon{border-radius:50%;position:absolute;inset:12px}.sun-disc{background:radial-gradient(circle at 40% 38%,#fff3cf,var(--sun) 60%);opacity:calc(1 - var(--moon));box-shadow:0 0 0 7px #f4c15b33,0 0 34px 10px #f4c15b66}.sun-moon{opacity:var(--moon);inset:11px 14px 13px 10px;transform:rotate(-18deg);box-shadow:7px 4px #f3e6c4}.sky-phone{pointer-events:none;width:clamp(230px,19vw,284px);position:absolute;top:26%;left:50%;transform:translate(-50%)}.device{aspect-ratio:606/1252;border-radius:15%/7.2%;position:relative;box-shadow:0 50px 70px -30px #0000008a,0 20px 30px -16px #0006}.device-screen{background:#1d1f33;border-radius:14.7%/6.77%;width:91.91%;height:96.65%;position:absolute;top:1.68%;left:3.96%;overflow:hidden}.device-screen img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.device-glare{z-index:3;mix-blend-mode:screen;background:linear-gradient(112deg,#0000 36%,#fff2 46%,#ffffff08 52%,#0000 60%) 0 0/320% 100%;position:absolute;inset:0}.device-frame{width:100%;height:100%;position:absolute;inset:0}.hour{padding:130px 0}.hour-copy p{opacity:.82;max-width:440px;margin-top:18px;font-size:16px}.stamp{align-items:center;gap:12px;margin-bottom:22px;font-size:14px;font-weight:700;display:inline-flex}.stamp span{border:1px solid color-mix(in srgb,currentColor 35%,transparent);font-variant-numeric:tabular-nums;border-radius:999px;padding:5px 11px}.hour .hour-copy p.stamp{opacity:1;margin-top:0;font-size:14px}.hour-night{color:var(--light);background:linear-gradient(#181b3a,#242449)}.hour-morning{color:var(--dark);background:linear-gradient(#a6c1dc,#d6d7d1 70%,#e4dbc6)}.hour-midday{color:var(--dark);background:linear-gradient(#e6dcbe,#efe6d0)}.hour-afternoon{color:var(--dark);background:linear-gradient(#baccd7,#dbd7c4)}.hour-sunset{color:var(--light);background:linear-gradient(#585a78,#856b6c 45%,#b37e5f)}.hour-isha{color:var(--light);background:linear-gradient(#211c31,#151526)}.alarms-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:72px;display:grid}.alarm-list{border-top:1px solid #ffffff1f;margin:0;padding:0;list-style:none}.alarm-list li{border-bottom:1px solid #ffffff1f;grid-template-columns:auto 1fr auto auto;grid-template-areas:"time time days toggle""name name days toggle";align-items:center;column-gap:20px;padding:20px 0;display:grid}.alarm-time{letter-spacing:-.04em;font-variant-numeric:tabular-nums;grid-area:time;font-size:clamp(44px,4.6vw,64px);line-height:1}.alarm-time small{letter-spacing:0;margin-left:8px;font-size:.42em}.alarm-name{opacity:.75;grid-area:name;margin-top:6px;font-size:15px}.alarm-days{background:#ffffff12;border-radius:999px;grid-area:days;gap:1px;padding:5px 9px;display:flex}.alarm-days i{text-align:center;opacity:.35;width:13px;font-size:11px;font-style:normal}.alarm-days i.on{opacity:1}.alarm-toggle{background:var(--lilac);border-radius:999px;grid-area:toggle;width:46px;height:28px;position:relative}.alarm-toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;top:3px;right:3px}.adhkar-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:72px;display:grid}.adhkar-phone{justify-content:center;display:flex}.adhkar-phone .phone{width:min(290px,100%);transform:rotate(-3deg)}.adhkar-index{border-top:1px solid #171a2e26;margin:34px 0 0;padding:0;list-style:none}.adhkar-index li{border-bottom:1px solid #171a2e26;justify-content:space-between;align-items:baseline;gap:20px;padding:15px 0;display:flex}.adhkar-index span{letter-spacing:-.025em;font-size:clamp(20px,1.9vw,26px);font-weight:700}.adhkar-index small{opacity:.66;text-align:right;font-size:13px}.quran-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.spec{grid-template-columns:repeat(3,1fr);max-width:460px;margin:36px 0 0;display:grid}.spec div{border-top:1px solid #171a2e33;padding-top:14px}.spec dt{opacity:.65;font-size:12px}.spec dd{margin:4px 0 0;font-size:16px;font-weight:700}.mushaf{justify-self:center;width:min(440px,100%);margin:0}.mushaf img{border-radius:6px;width:100%;height:auto;transform:rotate(1.5deg);box-shadow:0 40px 50px -30px #4a3a1a80,0 10px 20px -10px #4a3a1a40}.mushaf figcaption{opacity:.65;text-align:center;margin-top:22px;font-size:13px}.circles-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.hour-copy p.try{opacity:1;font-weight:700}.circle-demo{color:#1f2128;background:#fff;border-radius:24px;justify-self:center;width:min(470px,100%);padding:22px 22px 8px;box-shadow:0 40px 60px -34px #2a3a4a8c}.cd-head{border-bottom:1px solid #eeedf0;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.cd-name{letter-spacing:-.02em;font-size:19px;font-weight:700}.cd-sub{color:#77757f;margin-top:2px;font-size:13px}.cd-ring{--k:.5;background:conic-gradient(var(--lilac) calc(var(--k)*100%),#e3e2ea 0);isolation:isolate;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:13px;font-weight:700;display:grid;position:relative}.cd-ring:before{content:"";z-index:-1;background:#fff;border-radius:50%;position:absolute;inset:5px}.cd-cols{color:#9a98a3;justify-content:flex-end;gap:12px;padding:12px 2px 0;font-size:10px;font-weight:700;display:flex}.cd-cols span{text-align:center;width:18px}.circle-demo ul{margin:0;padding:0;list-style:none}.circle-demo li{border-bottom:1px solid #f1f0f3;align-items:center;gap:12px;padding:12px 0;display:flex}.circle-demo li:last-child{border:0}.cd-avatar{background:var(--lilac);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.cd-who{flex:1;font-size:15px;line-height:1.25}.cd-who small{color:#8b8994;font-size:12px;display:block}.cd-nudge{color:#5e5a7a;background:#efeef6;border-radius:999px;padding:3px 9px;font-size:11px}.cd-dots{gap:12px;display:flex}.cd-dots i,.cd-dots button{background:0 0;border:2px solid #bdb8e0;border-radius:50%;width:18px;height:18px;padding:0}.cd-dots i.on{background:var(--lilac);border-color:var(--lilac)}.cd-dots i.later{border-style:dotted}.cd-dots button{cursor:pointer;transition:background .2s,border-color .2s,transform .2s;position:relative}.cd-dots button:before{content:"";position:absolute;inset:-12px}.cd-dots button:hover:not(:disabled){transform:scale(1.15)}.cd-dots button[aria-pressed=true]{background:var(--lilac);border-color:var(--lilac)}.cd-dots button:disabled{cursor:not-allowed;border-style:dotted}.circle-demo li.cd-me{background:#f6f5fd;border:0;border-radius:12px;margin:0 -10px;padding:12px 10px}.reflect-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px;display:grid}.ayah{border-radius:20px;justify-self:center;width:min(520px,100%);height:auto;transform:rotate(-2deg);box-shadow:0 0 0 6px #fbf7ef,0 50px 70px -30px #2a141080}.isha-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:72px;display:grid}.keeps{grid-template-columns:1fr 1fr;gap:28px;max-width:540px;margin:36px 0 28px;display:grid}.keeps div{border-top:1px solid #ffffff2a;padding-top:14px}.keeps h3{letter-spacing:-.01em;font-size:15px}.hour-copy .keeps p{margin-top:8px;font-size:14px}.isha-phone{justify-content:center;display:flex}.isha-phone .phone{width:min(280px,100%);transform:rotate(3deg)}.phone{aspect-ratio:606/1252;filter:drop-shadow(0 30px 30px #0000004a);flex-shrink:0;width:260px;position:relative}.phone-screen{object-fit:fill;background:#202333;border-radius:14.7%/6.77%;width:91.91%;height:96.65%;position:absolute;top:1.68%;left:3.96%}.phone-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.faq{color:var(--light);background:#151526;padding:40px 0 110px}.faq-grid{border-top:1px solid #ffffff1a;grid-template-columns:.7fr 1.3fr;gap:72px;padding-top:80px;display:grid}.faq-grid>div:first-child p{opacity:.75;margin-top:16px;font-size:15px}.faq-grid a{border-bottom:1px solid}.faq-list{border-top:1px solid #ffffff1f}.faq-list details{border-bottom:1px solid #ffffff1f;padding:20px 0}.faq-list summary{cursor:pointer;letter-spacing:-.015em;font-size:17px;font-weight:700}.faq-list details p{opacity:.75;max-width:640px;margin-top:10px}.closing{color:var(--light);background:linear-gradient(#151526,#121321)}.closing-inner{text-align:center;--fg:var(--light);--bg:var(--dark);flex-direction:column;align-items:center;padding:110px 0 120px;display:flex}.closing-moon{border-radius:50%;width:56px;height:56px;margin-bottom:30px;transform:rotate(-18deg)translate(-7px);box-shadow:14px 8px #f3e6c4}.closing h2{font-size:clamp(36px,4.6vw,64px)}.closing p{opacity:.75;margin:14px 0 30px}main:has(.site-footer){background:#121321}.site-footer{color:#9b9ab0;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 36px;font-size:13px;display:flex}.site-footer .brand img{filter:brightness(0)invert();opacity:.6;width:36px;height:35px}.footer-links{flex-wrap:wrap;gap:20px;display:flex}.footer-links a:hover,.site-footer p a:hover{color:#fff}.sky a:focus-visible,.sky button:focus-visible,.hour a:focus-visible,.faq a:focus-visible,.faq summary:focus-visible,.closing a:focus-visible,.site-footer a:focus-visible{outline-offset:4px;outline:2px solid}.cd-dots button:focus-visible{outline:2px solid var(--lilac);outline-offset:3px}@media (max-width:1100px){.wrap{width:calc(100% - 64px)}.sky{--cols:[full-start] 32px [content-start] minmax(0,1fr) [content-end] 32px [full-end]}.sky-copy{max-width:340px}.sky-readout{width:240px}.alarms-grid,.adhkar-grid,.quran-grid,.circles-grid,.reflect-grid,.isha-grid{gap:44px}}@media (max-width:860px){.site-header nav{display:none}.sky{grid-template-rows:auto auto auto auto;min-height:0}.sky .sky-copy{--fg:var(--light);--bg:var(--dark);grid-row:2;max-width:520px;padding:18px 0 0}.sky[data-mid=dark] .sky-copy{--fg:var(--dark);--bg:var(--light)}.sky-stage{grid-row:3;height:680px}.sky-arc{height:40%;top:6%}.sky-phone{width:240px;top:23%}.sky-readout{text-align:left;grid-row:4;justify-self:stretch;width:auto;padding:28px 0 40px}.sky-controls{justify-content:flex-start}.sky-hint{min-height:0}.hour{padding:84px 0}.alarms-grid,.adhkar-grid,.quran-grid,.circles-grid,.reflect-grid,.isha-grid,.faq-grid{grid-template-columns:1fr;gap:48px}.adhkar-phone{order:2}.faq-grid{gap:28px;padding-top:60px}}@media (max-width:600px){.wrap{width:calc(100% - 32px)}.sky{--cols:[full-start] 16px [content-start] minmax(0,1fr) [content-end] 16px [full-end]}.site-header{height:70px}.sky-copy h1{font-size:32px}.sky-cta .button{width:100%}.sky-stage{height:600px}.arc-prayer span{font-size:11px;bottom:15px}.sky-phone{width:212px;top:22%}.alarm-list li{grid-template-columns:auto 1fr auto;grid-template-areas:"time time toggle""name days days";row-gap:8px}.alarm-days{justify-self:end}.adhkar-index li{flex-direction:column;gap:2px}.adhkar-index small{text-align:left}.circle-demo{padding:18px 16px 6px}.cd-dots,.cd-cols{gap:9px}.keeps{grid-template-columns:1fr}.site-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.sky .site-header,.sky .sky-arc,.sky .sky-copy,.sky .sky-readout,.arc-prayer i,.cd-dots button{transition:none}}