.skph-scale{width:320px;height:660px}.skph{color:#15202e;text-align:left;background:#faf8f4;border:1px solid #15202e38;border-radius:46px;width:320px;height:660px;font-family:Inter,-apple-system,sans-serif;position:relative;overflow:hidden;box-shadow:0 30px 70px #10161f2e,0 2px 8px #10161f14}.skph-clock{letter-spacing:1px;color:#15202e;font-variant-numeric:tabular-nums;font-size:21px;font-weight:300;position:absolute;top:24px;right:30px}.skph-loc{letter-spacing:1.6px;text-transform:uppercase;color:#9aa1ae;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:500;position:absolute;top:30px;left:30px;right:104px;overflow:hidden}.skph-loc b{color:#646c7a;font-weight:600}.skph-hero{position:absolute;top:104px;left:30px;right:30px}.skph-tick{background:#c8956c;width:26px;height:2px;margin-bottom:20px}.skph-until{letter-spacing:3px;text-transform:uppercase;color:#646c7a;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.skph-until .ar{letter-spacing:0;text-transform:none;color:#a9774c;font-family:Amiri,Noto Naskh Arabic,serif;font-size:16px}.skph-count{letter-spacing:-1px;color:#15202e;font-variant-numeric:lining-nums;margin-top:12px;font-family:Playfair Display,Georgia,serif;font-size:72px;line-height:1}.skph-in{color:#a9774c;font-variant-numeric:tabular-nums;margin-top:12px;font-size:14px;font-weight:600}.skph-dl{height:116px;position:absolute;top:316px;left:30px;right:30px}.skph-dl-rail{background:#15202e29;height:1px;position:absolute;top:58px;left:0;right:0}.skph-dl-past{background:#c8956c;height:1px;position:absolute;top:58px;left:0}.skph-dl-dot{background:#9aa1ae;border-radius:50%;width:6px;height:6px;position:absolute;top:55.5px;transform:translate(-50%)}.skph-dl-dot.past{background:#c8956c}.skph-dl-dot.sunrise{background:#faf8f4;border:1.5px solid #c8956c;width:5px;height:5px;top:55px}.skph-dl-dot.next{background:#15202e;width:9px;height:9px;top:54.5px}.skph-dl-now{background:radial-gradient(circle,#c8956c 30%,#c8956c40 70%,#0000 71%);border-radius:50%;width:13px;height:13px;position:absolute;top:52px;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.skph-dl-now{animation:3.2s ease-in-out infinite skph-breathe}@keyframes skph-breathe{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.35)}}}.skph-dl-lab{text-align:center;letter-spacing:.8px;text-transform:uppercase;color:#9aa1ae;white-space:nowrap;font-size:8.5px;font-weight:500;line-height:1.35;position:absolute;transform:translate(-50%)}.skph-dl-lab.below{top:73px}.skph-dl-lab.above{top:14px}.skph-dl-lab .t{letter-spacing:.4px;color:#15202e;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;display:block}.skph-dl-lab.past .t{color:#9aa1ae}.skph-dl-lab.is-next{color:#15202e;font-weight:600}.skph-dl-lab.is-next .t{color:#a9774c}.skph-dl-lab.edge-l{text-align:left;transform:none}.skph-dl-lab.edge-r{text-align:right;transform:translate(-100%)}.skph-nav{color:#9aa1ae;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:30px;left:44px;right:44px}.skph-nav svg{display:block}.skph-nav .active{color:#15202e;position:relative}.skph-nav .active:after{content:"";background:#c8956c;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.skph-nav .qibla{color:#c8956c}.skph-homebar{background:#15202e40;border-radius:4px;width:110px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}@media (width<=1080px){.skph-scale{width:272px;height:561px}.skph-scale .skph{transform-origin:0 0;transform:scale(.85)}}:root{--color-bg:#f7f7f2;--color-bg-alt:#eceee6;--color-gold:#496452;--color-gold-light:#b6c3ac;--color-gold-dark:#38513f;--color-gold-glow:#49645214;--color-dark:#202923;--color-dark-light:#334b3b;--color-dark-lighter:#48604e;--color-divider:#dce0d5;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#71796f;--color-gray-500:#606a61;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic:"Amiri", "Noto Naskh Arabic", serif;--section-padding:6rem 0;--container-max:1200px;--nav-height:72px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 40px #00000014;--shadow-gold:0 4px 20px #c8956c33;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:6px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-dark);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}[dir=rtl] body,[lang=ar] body{font-family:var(--font-arabic), var(--font-body)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:var(--font-arabic), var(--font-heading)}[dir=rtl]{text-align:right}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-dark);font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.125rem,2vw,1.5rem)}p{color:var(--color-gray-500);line-height:1.75}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 2rem}.section{padding:var(--section-padding)}.section-dark{background-color:var(--color-dark);color:var(--color-white)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--color-white)}.section-dark p{color:var(--color-gray-300)}.btn{border-radius:var(--radius-xl);transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-dark);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-dark-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{color:var(--color-dark);border:2px solid var(--color-gray-200);background:0 0}.btn-secondary:hover{border-color:var(--color-gold);color:var(--color-gold-dark);transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-dark));color:var(--color-white);box-shadow:var(--shadow-gold)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 25px #c8956c59}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--color-divider);padding:2rem}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.accent-underline{display:inline-block;position:relative}.accent-underline:after{content:"";background:var(--color-gold);border-radius:2px;width:48px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}[dir=rtl] .accent-underline:after{left:auto;right:50%;transform:translate(50%)}.text-gold{color:var(--color-gold-dark)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}@media (width<=768px){:root{--section-padding:4rem 0;--nav-height:64px}.container{padding:0 1.25rem}.btn{padding:.75rem 1.5rem;font-size:.9375rem}}:focus-visible{outline-offset:5px;outline:2px solid #496452}section[id],footer[id]{scroll-margin-top:var(--nav-height)}h1,h2,h3{letter-spacing:-.045em;font-weight:500}.btn{min-height:48px;box-shadow:none;font-weight:500}.btn:hover{box-shadow:none;transform:none}.btn-gold{background:var(--color-dark)}.btn-secondary{border-width:1px}.card{box-shadow:none}.card:hover{box-shadow:none;border-color:#aab5a5;transform:none}.accent-underline:after{display:none}.brand-link{align-items:center;gap:10px;display:flex}.brand-link img{mix-blend-mode:multiply}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-dark);font-size:10px;font-weight:600;line-height:1.6}.ink-dot{background:currentColor;border-radius:50%;width:6px;height:6px;margin-inline-end:9px;display:inline-block}.paper-hero{padding-top:var(--nav-height);background:var(--color-bg);overflow:hidden}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;min-height:690px;padding-top:60px;padding-bottom:64px;display:grid}.bismillah{font-family:var(--font-arabic);color:var(--color-gold);text-align:start;margin-bottom:46px;font-size:19px}.hero-copy h1{letter-spacing:-.065em;margin:22px 0;font-size:clamp(42px,4.8vw,65px);line-height:1.09}.hero-copy h1 span{color:var(--color-gold)}.hero-description{max-width:410px;font-size:16px;line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:30px;display:flex}.quiet-link{border-bottom:1px solid #9ba697;align-items:center;gap:10px;padding:12px 0;font-size:13px;font-weight:500;display:inline-flex}.quiet-link:hover{color:var(--color-gold)}.hero-note{margin-top:34px;font-size:11px}.hero-object{background:radial-gradient(at 50% 75%,#dce2d2 0,#0000 64%);justify-content:center;align-items:center;min-height:510px;margin:0;display:flex;position:relative}.architectural-line{border:1px solid #d5dbcd;border-radius:50% 50% 0 0/43% 43% 0 0;width:94%;height:98%;position:absolute;top:0}.architectural-line:after{content:"";border-radius:inherit;border:1px solid #e0e4d9;position:absolute;inset:15px}.hero-object figcaption{bottom:0;letter-spacing:.08em;text-transform:uppercase;color:#65705e;background:var(--color-bg);justify-content:space-between;gap:10px;padding-top:18px;font-size:9px;display:flex;position:absolute;inset-inline:0}.device-object{color:#252b24;background:linear-gradient(110deg,#3f493e,#273228 65%,#202a21);border:1px solid #56604e;border-radius:17px;width:292px;padding:22px 22px 18px;position:relative;transform:rotate(-5deg);box-shadow:14px 22px 0 -5px #bdc4b566,0 35px 35px -20px #24302066}.device-screen{background:#e9eadb radial-gradient(#30382b16 .5px,#0000 .5px) 0 0/3px 3px;border-radius:4px;padding:22px 21px 18px;box-shadow:inset 0 0 0 1px #121a13,0 0 0 3px #172219}.screen-top{letter-spacing:-.03em;border-bottom:1px solid #a7af9d;justify-content:space-between;padding-bottom:13px;font-size:13px;display:flex}.screen-top span:first-child{font-weight:600}.screen-prayer{flex-direction:column;padding:28px 0 24px;display:flex}.screen-prayer small{color:#59604e;font-size:11px}.screen-prayer strong{margin-top:4px;font-size:26px;font-weight:400;line-height:1.5}.screen-time{letter-spacing:-.07em;font-size:55px;line-height:1.2}.screen-bottom{border-top:1px solid #a7af9d;justify-content:space-between;gap:12px;padding-top:14px;font-size:10px;display:flex}.device-grille{opacity:.8;background-image:radial-gradient(#101c11 1px,#0000 1px);background-size:5px 5px;height:37px;margin-top:20px}.device-signature{font-family:var(--font-arabic);color:#c0c8b7;text-align:center;margin-top:8px;font-size:17px;display:block}.hero-bottom{border-top:1px solid var(--color-divider);color:#5c695b;justify-content:space-between;gap:16px;padding:22px 0;font-size:11px;display:flex}.hero-bottom span:before{content:"✧";color:var(--color-gold);padding-inline-end:10px}.paper-features{border-bottom:1px solid var(--color-divider)}.editorial-heading{max-width:580px}.editorial-heading h2{margin:16px 0;font-size:38px;line-height:1.2}.editorial-heading>p:last-child{font-size:15px}.feature-columns{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:55px;display:grid}.feature-columns article{border-top:1px solid #cbd3c5;padding-top:20px}.feature-index{color:var(--color-gold);justify-content:space-between;margin-bottom:30px;font-size:11px;display:flex}.feature-columns h3{letter-spacing:-.03em;margin-bottom:12px;font-size:20px}.feature-columns p{font-size:14px;line-height:1.85}.control-section{background:#ebeee5}.control-grid{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.control-copy h2{max-width:420px;margin:22px 0;font-size:44px;line-height:1.12}.control-copy>p:not(.eyebrow){max-width:390px;font-size:15px}.control-copy .quiet-link{margin-top:20px}.control-copy p.demo-note{max-width:300px;margin-top:30px;font-size:11px}.control-demo{background:#f7f7f2;border:1px solid #ccd3c6;border-radius:7px;min-width:0;padding:8px 30px 20px}.demo-tabs{border-bottom:1px solid var(--color-divider);display:flex}.demo-tabs button{color:#65705f;border-bottom:2px solid #0000;flex:1;padding:19px 4px;font-size:12px}.demo-tabs button[aria-selected=true]{color:#253329;border-color:#253329}.demo-panel{min-height:330px;padding-top:28px}.demo-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;display:flex}.demo-panel h3{letter-spacing:-.04em;font-size:24px}.connection-dot{white-space:nowrap;color:#496452;font-size:9px}.connection-dot:before{content:"●";margin-inline-end:5px}.demo-line{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:15px;padding:16px 0;font-size:12px;display:flex}.demo-line strong{font-size:16px;font-weight:500}.demo-line p{margin-top:3px;font-size:10px}.text-toggle{min-width:44px;min-height:44px;font-size:13px;text-decoration:underline}.demo-line select{max-width:60%;font:inherit;color:var(--color-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #82917b;border-radius:0;padding:10px 5px}.volume-label{letter-spacing:.08em;text-transform:uppercase;color:#64705e;margin-top:22px;font-size:10px}.volume-control{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.volume-control button{border:1px solid var(--color-divider);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.volume-control button:disabled{opacity:.3;cursor:default}.volume-control output{letter-spacing:-.06em;font-size:48px;font-weight:400}.volume-control output small{margin-inline-start:4px;font-size:16px}.panel-intro{margin:12px 0 24px;font-size:12px}.device-row{border-top:1px solid var(--color-divider);text-align:start;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:20px 0;font-size:12px;display:flex}.device-row strong{font-size:16px;font-weight:500;display:block}.device-row small{color:#496452;margin-top:5px;display:block}.sync-summary{gap:30px;margin:20px 0;font-size:11px;display:flex}.sync-summary strong{margin-top:8px;font-size:22px;font-weight:400;display:block}.sync-button{width:100%;font-size:13px}.sync-status{margin-top:14px;font-size:11px}.section-heading{text-align:start;max-width:680px;margin-bottom:40px}.section-heading h2{font-size:36px}.section-heading p{max-width:550px;margin-top:14px;font-size:15px}.section-dark .section-heading p{color:#c4cdbd}.live-times{border-top:1px solid var(--color-divider);margin-top:30px;padding-top:20px}.live-times summary{cursor:pointer;padding:10px 0;font-size:14px}.live-times .sq-phone{margin:24px auto}.product-art{background:#eceee6;place-items:center;height:200px;display:grid;position:relative}.product-art .product-badge{top:14px;letter-spacing:.04em;font-size:10px;position:absolute;inset-inline-end:14px}.product-card h4{font-weight:500}.product-card .product-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#contact{--color-gold:#bdcbb0;--color-gold-dark:#bdcbb0;--color-gray-400:#abb5a4;--color-gray-500:#a5b09f;--color-gray-600:#a5b09f}.skip-link{z-index:2000;background:#fff;padding:12px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:10px}@media (width>=1400px){.hero-grid{min-height:740px}.hero-object{min-height:550px}}@media (width<=900px){.hero-grid{gap:32px;min-height:600px}.hero-copy h1{font-size:44px}.hero-object{min-height:430px}.device-object{width:250px;padding:19px}.screen-prayer{padding:20px 0}.screen-time{font-size:48px}.bismillah{margin-bottom:30px}.feature-columns{gap:25px}.control-grid{gap:40px}.control-demo{padding-inline:22px}.control-copy h2{font-size:36px}}@media (width<=650px){.hero-grid{grid-template-columns:1fr;gap:44px;padding-top:32px;padding-bottom:30px}.hero-copy h1{max-width:500px;font-size:clamp(38px,10vw,53px)}.hero-description{max-width:400px;font-size:15px}.bismillah{margin-bottom:28px;font-size:17px}.hero-copy .eyebrow{font-size:9px}.hero-actions{gap:22px;margin-top:25px}.hero-note{margin-top:22px}.hero-object{width:100%;max-width:400px;min-height:430px;margin-inline:auto}.hero-bottom{align-items:flex-start;gap:12px;font-size:9px}.hero-bottom span{flex:1}.hero-bottom span:before{margin-bottom:5px;display:block}.feature-columns{grid-template-columns:1fr;gap:30px;margin-top:35px}.feature-index{margin-bottom:18px}.editorial-heading h2,.section-heading h2{font-size:30px}.control-grid{grid-template-columns:1fr;gap:35px}.control-copy h2{font-size:36px}.control-copy p.demo-note{max-width:100%;margin-top:18px}.control-demo{padding-inline:20px}.demo-title{flex-wrap:wrap}.section-heading{margin-bottom:30px}.section{padding-block:56px}.hero-bottom span:nth-child(2){text-align:center}.hero-bottom span:last-child{text-align:end}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.about-section{border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.about-grid h2{margin:20px 0;font-size:38px}.about-grid>div>p:last-child{font-size:15px;line-height:1.9}.verse-panel{text-align:center;background:#eff1e8;border:1px solid #d5ddca;border-radius:50% 50% 0 0/35% 35% 0 0;margin:0;padding:40px}.verse-panel svg{fill:none;stroke:#708264;stroke-width:2px;width:42px;height:42px;margin:8px auto 30px}.verse-panel p{color:#43583e;font-size:21px;line-height:1.65;font-family:Georgia, var(--font-arabic), serif}.verse-panel cite{color:#64725c;margin-top:24px;font-size:10px;font-style:normal;display:block}.illustration-label{color:#65705e;font-size:9px;position:absolute;bottom:10px;left:14px}.live-times .sq-wrap{margin-inline:auto}@media (width<=700px){.about-grid{grid-template-columns:1fr;gap:35px}.about-grid h2{font-size:30px}.verse-panel{padding:35px 25px}}.footer-brand{align-items:center;gap:10px;display:flex}.footer-brand img{filter:brightness(0)invert()}.product-purchase{flex-wrap:wrap}.product-card{min-width:0}.live-times .skph-scale{direction:ltr;margin:24px auto}.live-times .skph{transform-origin:0 0}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.product-art{height:230px}.product-art svg{width:175px;height:175px}.product-purchase .btn{flex:0 auto}@media (width<=650px){.store-grid{grid-template-columns:1fr}.product-purchase .btn{flex:1}}