@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Light.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Semi_Bold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Extra_Bold.ttf)format("truetype");font-weight:800;font-display:swap}:root{--font:"Yekan Bakh", system-ui, sans-serif;--bg:#0b0b0c;--bg-2:#121214;--ink:#f5f6f8;--ink-2:#a7a7a7;--ink-3:#6d6d6d;--glass:#ffffff0f;--glass-2:#ffffff1a;--stroke:#ffffff1a;--stroke-2:#ffffff2e;--amber:#f2c94c;--coral:#ff7a6e;--blue:#4c6bff;--accent:#7b8fff;--accent-soft:#4c6bff29;--lime:#c6f135;--green:#35d07f;--lilac:#cdb7ff;--gutter:clamp(16px, 4vw, 64px);--radius:28px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#0b0b0c}.wrap{width:min(1280px, 100% - 2 * var(--gutter));margin-inline:auto}.nav{inset-inline:0;z-index:50;padding:18px var(--gutter);mix-blend-mode:normal;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0}.nav>*{pointer-events:auto}.nav:before{content:"";z-index:-1;opacity:0;-webkit-backdrop-filter:blur(14px);background:linear-gradient(#0b0b0cf2 0%,#0b0b0cb3 55%,#0b0b0c00 100%);transition:opacity .4s;position:absolute;inset:0 0 -40px;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.nav.on:before{opacity:1}.nav .mark{align-items:center;gap:10px;display:flex}.nav .mark img{width:auto;height:18px}.nav .links{color:var(--ink-2);gap:28px;font-size:14px;display:flex}.nav .links a{transition:color .25s}.nav .links a:hover{color:var(--ink)}.btn{color:#0b0d12;height:48px;transition:transform .35s var(--ease), box-shadow .35s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:500;display:inline-flex;box-shadow:0 10px 30px #00000059}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px #00000073}.btn.ghost{background:var(--glass);color:var(--ink);border:1px solid var(--stroke-2);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn.small{height:40px;padding:0 18px;font-size:14px}.btn svg{width:18px;height:18px}.hero{isolation:isolate;min-height:100svh;padding:140px 0 80px;position:relative;overflow:hidden}.sky{z-index:-2;background:var(--sky,linear-gradient(180deg, #0b1022 0%, #0b0b0c 100%));transition:background 2s linear;position:absolute;inset:0}.sky:after{content:"";background:radial-gradient(1200px 600px at 70% 110%, #0b0b0ce6, transparent 70%), linear-gradient(180deg, transparent 50%, var(--bg) 100%);position:absolute;inset:0}.stars{z-index:-1;opacity:var(--stars,0);pointer-events:none;transition:opacity 2s;position:absolute;inset:0}.arc{z-index:-1;pointer-events:none;position:absolute;inset:0}.arc svg{width:1400px;max-width:160vw;position:absolute;top:0;left:50%;transform:translate(-50%)}.sun{z-index:-1;background:radial-gradient(circle at 40% 40%,#fff6d6,#f2c94c 55%,#f2c94c00 72%);border-radius:50%;width:72px;height:72px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 80px 30px #f2c94c59,0 0 180px 80px #f2c94c26}.moon{z-index:-1;background:#f0ede6;border-radius:50%;width:40px;height:40px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 60px 16px #dce2ff40}.moon:after{content:"";background:var(--bg-2);opacity:.92;border-radius:50%;position:absolute;inset:0;transform:translate(-30%,-18%)}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.hero-copy{position:relative}.eyebrow{color:var(--ink-2);border:1px solid var(--stroke);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:inline-flex}.eyebrow .pulse{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 #35d07f99}@keyframes pulse{0%{box-shadow:0 0 #35d07f99}70%{box-shadow:0 0 0 10px #35d07f00}to{box-shadow:0 0 #35d07f00}}h1.title{letter-spacing:-.01em;margin-top:0;font-size:clamp(42px,6.2vw,92px);font-weight:300;line-height:1.18}h1.title strong{font-weight:700}h1.title .w{display:inline-block}h1.title .nb{white-space:nowrap}.lead{color:var(--ink-2);max-width:36ch;margin-top:22px;font-size:clamp(16px,1.4vw,20px)}.cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.today-line{color:var(--ink-3);flex-wrap:wrap;gap:22px;margin-top:36px;font-size:14px;display:flex}.today-line b{color:var(--ink);font-weight:500}.panel{border-radius:var(--radius);border:1px solid var(--stroke-2);-webkit-backdrop-filter:blur(30px)saturate(140%);backdrop-filter:blur(30px)saturate(140%);transform-style:preserve-3d;will-change:transform;background:linear-gradient(#ffffff14,#ffffff0a);padding:22px 22px 18px;position:relative;box-shadow:inset 0 1px #ffffff1f,0 40px 120px #00000080}.panel-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.panel-head .big{text-align:center;font-size:84px;font-weight:300;line-height:1}.panel-head .side{flex-direction:column;gap:2px;display:flex}.panel-head .side.start{align-items:flex-start}.panel-head .side.end{align-items:flex-end}.panel-head .side b{font-size:24px;font-weight:500;line-height:1.3}.panel-head .side span{color:var(--ink-2);font-size:14px}.month-nav{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.month-nav .round{background:var(--glass);border:1px solid var(--stroke);border-radius:50%;place-items:center;width:42px;height:42px;transition:background .25s,transform .25s;display:grid}.month-nav .round:hover{background:var(--glass-2);transform:scale(1.06)}.month-nav .round svg{width:18px;height:18px}.month-nav .name{align-items:baseline;gap:8px;display:flex}.month-nav .name b{font-size:22px;font-weight:600}.month-nav .name span{color:var(--ink-2);font-size:14px}.month-nav .today-btn{color:var(--ink-2);border:1px solid var(--stroke);border-radius:999px;padding:6px 12px;font-size:13px}.month-nav .today-btn:hover{color:var(--ink)}.weekdays{color:var(--ink-2);text-align:center;border-bottom:1px solid var(--stroke);grid-template-columns:repeat(7,1fr);margin-top:14px;padding-bottom:8px;font-size:12px;display:grid}.weekdays span:last-child{color:var(--coral)}.grid{perspective:800px;grid-template-columns:repeat(7,1fr);row-gap:2px;margin-top:6px;display:grid}.cell{height:52px;color:var(--ink);will-change:transform, opacity;border-radius:50%;outline:none;place-items:center;font-size:19px;font-weight:400;display:grid;position:relative}.cell .num{width:40px;height:40px;transition:background .25s, box-shadow .25s, transform .25s var(--ease);border-radius:50%;place-items:center;display:grid}.cell:hover .num{background:var(--glass);transform:translateY(-1px)}.cell:focus-visible .num{box-shadow:0 0 0 1.5px var(--stroke-2)}.cell.out{color:var(--ink-3)}.cell.off{color:var(--coral)}.cell.today .num{color:#0b0d12;background:#fff;font-weight:600;box-shadow:0 8px 24px #ffffff2e}.cell.sel:not(.today) .num{background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff8c}.cell .dots{gap:3px;display:flex;position:absolute;bottom:6px}.cell .dots i{background:var(--blue);border-radius:50%;width:5px;height:5px}.day-detail{border-top:1px solid var(--stroke);min-height:72px;margin-top:14px;padding-top:14px}.day-detail .dd-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.day-detail .dd-head b{font-size:15px;font-weight:500}.day-detail .dd-head span{color:var(--ink-2);font-size:13px}.occ{align-items:center;gap:10px;padding:7px 0;font-size:14px;display:flex}.occ i{border-radius:50%;flex:none;width:8px;height:8px}.occ .t{flex:1}.occ .t.h{color:var(--coral)}.occ .p{color:var(--ink-3);white-space:nowrap;font-size:12px}.occ .d{color:var(--ink-2);white-space:nowrap;font-size:12px}.empty{color:var(--ink-3);padding:8px 0;font-size:14px}.search{margin-top:12px;position:relative}.search input{border:1px solid var(--stroke);background:var(--glass);border-radius:999px;outline:none;width:100%;height:50px;padding:0 46px 0 18px;font-size:15px;transition:border-color .25s,background .25s}.search input::placeholder{color:var(--ink-3)}.search input:focus{border-color:var(--stroke-2);background:var(--glass-2)}.search svg{width:18px;height:18px;color:var(--ink-2);pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.results{flex-direction:column;margin-top:8px;display:flex}.prayer{border:1px solid var(--stroke);background:var(--glass);border-radius:22px;margin-top:14px;padding:14px 16px}.prayer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.prayer-top .next{align-items:baseline;gap:10px;display:flex}.prayer-top .next b{color:var(--accent);font-variant-numeric:tabular-nums;font-size:30px;font-weight:500;line-height:1}.prayer-top .next span{color:var(--ink-2);font-size:13px}.prayer-top .next em{color:var(--ink);font-size:13px;font-style:normal}.city{position:relative}.city select{appearance:none;border:1px solid var(--stroke);background:var(--glass);height:36px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;outline:none;padding:0 30px 0 14px;font-size:13px}.city select option{color:#0b0d12}.city svg{pointer-events:none;width:14px;height:14px;color:var(--ink-2);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.times{text-align:center;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:12px;display:grid}.times div{border-radius:12px;padding:6px 2px}.times div b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:500;display:block}.times div span{color:var(--ink-2);font-size:11px}.times div.is-next{background:var(--accent-soft)}.times div.is-next b{color:var(--accent)}.ticker{border-block:1px solid var(--stroke);background:var(--bg);padding:18px 0;position:relative;overflow:hidden}.ticker .track{will-change:transform;gap:48px;width:max-content;display:flex}.ticker .item{white-space:nowrap;color:var(--ink-2);align-items:center;gap:12px;font-size:15px;display:flex}.ticker .item b{color:var(--ink);font-weight:500}.ticker .item i{border-radius:50%;width:6px;height:6px}.ticker .item.h b{color:var(--coral)}section.block{padding:clamp(80px,12vw,160px) 0;position:relative}.kicker{color:var(--accent);letter-spacing:.02em;font-size:14px;font-weight:500}h2.h{margin-top:12px;font-size:clamp(32px,4.4vw,64px);font-weight:300;line-height:1.2}h2.h strong{font-weight:700}h2.h .w{display:inline-block}p.sub{color:var(--ink-2);max-width:48ch;margin-top:16px;font-size:clamp(15px,1.2vw,18px)}.phone{width:var(--pw,300px);aspect-ratio:780/1784;border-radius:calc(var(--pw,300px) * .085);isolation:isolate;box-shadow:0 0 0 calc(var(--pw,300px) * .022) #0d0e12, 0 0 0 calc(var(--pw,300px) * .028) #2c2d33, 0 50px 120px #0009;background:#0d0e12;flex:none;position:relative;overflow:hidden}.phone .status{height:calc(var(--pw,300px) * .115);padding:0 calc(var(--pw,300px) * .075);color:#fff;font-size:calc(var(--pw,300px) * .036);z-index:2;pointer-events:none;direction:ltr;justify-content:space-between;align-items:center;font-weight:500;display:flex;position:absolute;inset:0 0 auto}.phone .status i{align-items:center;gap:calc(var(--pw,300px) * .018);display:flex}.phone .status svg{height:calc(var(--pw,300px) * .028);width:auto}.phone img{object-fit:cover;object-position:top;width:100%;height:100%}.phone:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.flows{background:var(--bg);position:relative}.flows-head{padding:clamp(80px,12vw,160px) 0 0}.flows .pin{align-items:center;height:100svh;display:flex;overflow:hidden}.flows .rail{padding-inline:var(--gutter);will-change:transform;gap:clamp(40px,6vw,120px);display:flex}.flow{flex:none;grid-template-columns:1fr auto;align-items:center;gap:clamp(28px,4vw,72px);width:min(1040px,86vw);display:grid}.flow .copy{max-width:36ch}.flow .n{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px}.flow h3{margin-top:10px;font-size:clamp(30px,3.6vw,52px);font-weight:300;line-height:1.22}.flow h3 strong{font-weight:700}.flow p{color:var(--ink-2);margin-top:14px;font-size:clamp(15px,1.2vw,18px)}.flow ul{color:var(--ink-2);flex-direction:column;gap:8px;margin-top:18px;font-size:15px;list-style:none;display:flex}.flow ul li{align-items:center;gap:10px;display:flex}.flow ul li:before{content:"";background:var(--c,var(--amber));border-radius:50%;flex:none;width:6px;height:6px}.flow .stage{position:relative}.flow .glow{z-index:-1;background:radial-gradient(closest-side, var(--c,var(--amber)), transparent 72%);opacity:.18;filter:blur(30px);position:absolute;inset:-10% -20%}.progress{bottom:28px;left:var(--gutter);right:var(--gutter);background:var(--stroke);height:1px;position:absolute}.progress i{transform-origin:100%;background:var(--ink);display:block;position:absolute;inset:0;transform:scaleX(0)}.bento{grid-template-columns:repeat(12,1fr);gap:18px;margin-top:48px;display:grid}.card{border-radius:var(--radius);border:1px solid var(--stroke);min-height:340px;transition:transform .5s var(--ease), border-color .4s;background:linear-gradient(#ffffff0d,#ffffff05);flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--stroke-2);transform:translateY(-4px)}.card.c4{grid-column:span 4}.card.c5{grid-column:span 5}.card.c6{grid-column:span 6}.card.c7{grid-column:span 7}.card.c8{grid-column:span 8}.card h4{font-size:24px;font-weight:600}.card p{color:var(--ink-2);max-width:34ch;margin-top:8px;font-size:15px}.card h4,.card p{z-index:1;max-width:54%;position:relative}.card .shot{width:42%;max-width:260px;transition:transform .7s var(--ease);border:1px solid var(--stroke-2);border-radius:26px;position:absolute;bottom:-30%;left:5%;overflow:hidden;box-shadow:0 30px 80px #0000008c}.card:hover .shot{transform:translateY(-20px)}.card .shot img{width:100%;height:auto}.card .glyph{background:var(--glass-2);border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:14px;display:grid}.card .glyph svg{width:22px;height:22px}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;display:grid}.stat{border-radius:var(--radius);border:1px solid var(--stroke);background:var(--glass);padding:28px}.stat b{font-variant-numeric:tabular-nums;font-size:clamp(40px,4.5vw,64px);font-weight:300;line-height:1;display:block}.stat span{color:var(--ink-2);margin-top:10px;font-size:15px;display:block}.download{text-align:center;border:1px solid var(--stroke);background:radial-gradient(900px 500px at 50% 120%, #4c6bff47, transparent 70%), var(--bg-2);border-radius:40px;padding:clamp(48px,7vw,100px);position:relative;overflow:hidden}.download .dot{width:72px;height:72px;margin:0 auto 18px}.download h2{font-size:clamp(32px,4.4vw,64px);font-weight:300;line-height:1.2}.download h2 strong{font-weight:700}.download p{color:var(--ink-2);margin-top:14px}.download .cta{justify-content:center}.download small{color:var(--ink-3);margin-top:22px;font-size:13px;display:block}footer{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:48px 0 40px;font-size:13px;display:flex}footer .mark img{opacity:.8;height:16px}.rv{opacity:0;transform:translateY(28px)}@media (width<=1024px){.hero-grid{grid-template-columns:1fr}.flows .pin{height:auto;display:block;overflow:visible}.flows .rail{padding:48px var(--gutter) 24px;flex-direction:column;align-items:center;gap:clamp(56px,10vw,96px)}.flow{text-align:center;grid-template-columns:1fr;justify-items:center;gap:28px;width:min(520px,100%)}.flow .copy{max-width:30ch}.flow .stage,.flow .stage .phone{--pw:min(300px, calc(100vw - 96px));justify-self:center}.progress{display:none}.card.c4,.card.c5,.card.c6,.card.c7,.card.c8{grid-column:span 6}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.hero{padding-top:96px;padding-bottom:48px}.hero-grid{gap:28px}.eyebrow{padding:4px 12px;font-size:12px}h1.title{white-space:nowrap;margin-top:0;font-size:clamp(22px,7vw,36px);line-height:1.3}.lead{max-width:none;margin-top:8px;font-size:15px;line-height:1.6}.cta{gap:8px;margin-top:18px}.cta .btn{height:44px;padding:0 18px;font-size:14px}.today-line,.nav .links,.arc{display:none}.panel{padding:16px 14px 14px}.panel-head .big{font-size:64px}.panel-head .side b{font-size:18px}.cell{height:46px;font-size:17px}.times{grid-template-columns:repeat(3,1fr)}.flow .stage,.flow .stage .phone{--pw:min(320px, calc(100vw - 64px))}.card.c4,.card.c5,.card.c6,.card.c7,.card.c8{grid-column:span 12}.card{min-height:0;max-height:430px;padding:22px 22px 0}.card h4,.card p{max-width:none}.card .shot{width:68%;margin:28px auto -40%;position:relative;bottom:auto;left:auto;transform:none}.card:hover .shot{transform:none}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:18px}.download{border-radius:28px}}@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}*{transition-duration:1ms!important;animation-duration:1ms!important}}