:root{--gm-primary:#0b7a4b;--gm-primary-2:#0e9f6e;--gm-accent:#b8860b;--gm-gold:#f0c14b;--gm-dark:#06281c;--gm-dark-2:#041d14;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'Poppins',sans-serif;color:#1e293b;background:#fff;overflow-x:hidden;}a{text-decoration:none;color:inherit;}img{max-width:100%;}.lp-container{width:min(1180px,92%);margin:0 auto;}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 0;background:rgba(255,255,255,0.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 24px rgba(0,0,0,0.06);transition:all .3s;}.lp-nav.scrolled{background:rgba(255,255,255,0.92);box-shadow:0 8px 30px rgba(0,0,0,.12);padding:8px 0;}.lp-nav.scrolled .lp-brand img{width:56px;height:56px;}.lp-nav.scrolled .lp-brand{font-size:19px;}.lp-nav .lp-container{display:flex;align-items:center;justify-content:space-between;}.lp-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#1e293b;transition:all .3s;}.lp-brand img{width:75px;height:75px;transition:all .3s;}.lp-brand b{color:#b8860b;}.lp-menu{display:flex;align-items:center;gap:26px;}.lp-menu>a:not(.lp-btn){color:#475569;font-size:14px;font-weight:500;transition:.2s;}.lp-menu>a:not(.lp-btn):hover{color:#0b7a4b;}.lp-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;transition:all .25s;font-family:inherit;}.lp-btn-solid{background:linear-gradient(135deg,#0b7a4b,#10b981);color:#fff;box-shadow:0 10px 26px rgba(11,122,75,.4);}.lp-btn-solid:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(11,122,75,.5);}.lp-btn-ghost{background:rgba(255,255,255,0.65);color:#1e293b;border:1px solid rgba(0,0,0,0.12);}.lp-btn-ghost:hover{background:#fff;}.lp-btn-outline{background:transparent;border:1.5px solid #0b7a4b;color:#0b7a4b;}.lp-btn-outline:hover{background:#0b7a4b;color:#fff;}.lp-btn-lg{padding:15px 30px;font-size:15.5px;}.lp-burger{display:none;background:none;border:1px solid rgba(0,0,0,.25);color:#1e293b;font-size:19px;padding:9px 12px;border-radius:10px;cursor:pointer;}.lp-hero{position:relative;background:linear-gradient(160deg,#041d14 0%,#06281c 45%,#0a3a27 100%);color:#fff;padding:150px 0 90px;overflow:hidden;}.lp-hero-bg{position:absolute;inset:0;background-image:radial-gradient(800px 400px at 85% 20%,rgba(212,175,55,.1),transparent 60%),radial-gradient(600px 400px at 10% 90%,rgba(16,185,129,.12),transparent 60%),radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,auto,36px 36px;}.lp-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}.lp-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(240,193,75,.14);border:1px solid rgba(240,193,75,.4);color:#f0c14b;font-size:12.5px;font-weight:600;letter-spacing:.5px;margin-bottom:18px;}.lp-pill.light{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;}.lp-hero h1{font-size:clamp(30px,4.4vw,54px);font-weight:800;line-height:1.18;margin-bottom:20px;}.lp-hero h1 .grad{background:linear-gradient(135deg,#34d399,#f0c14b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.lp-hero-text>p{font-size:16.5px;color:rgba(255,255,255,.78);line-height:1.75;margin-bottom:28px;max-width:540px;}.lp-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}.lp-stats{display:flex;gap:34px;}.lp-stats b{display:block;font-size:25px;font-weight:800;color:#f0c14b;}.lp-stats span{font-size:13px;color:rgba(255,255,255,.65);}.lp-tv{position:relative;}.lp-tv-frame{background:#111;border-radius:26px;padding:14px;box-shadow:0 50px 120px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);}.lp-tv-display{position:relative;border-radius:16px;background:radial-gradient(700px 500px at 80% 0%,rgba(255,255,255,.05),transparent 55%),#06281c;aspect-ratio:16/10;padding:16px 20px 0;overflow:hidden;font-family:'Poppins',sans-serif;}.dsc-top{display:flex;align-items:center;justify-content:space-between;}.dsc-logo{width:34px;height:34px;}.dsc-masjid{text-align:center;line-height:1.3;}.dsc-masjid b{display:block;font-size:11px;color:#fff;}.dsc-masjid span{font-size:8px;color:rgba(255,255,255,.6);}.dsc-date{text-align:right;line-height:1.1;}.dsc-d{font-size:14px;font-weight:800;color:#f0c14b;display:block;}.dsc-m{font-size:8px;color:rgba(255,255,255,.7);}.dsc-clock{font-size:58px;font-weight:800;text-align:center;margin-top:8px;color:#fff;line-height:1;}.dsc-sec{font-size:20px;color:#f0c14b;}.dsc-hijri{text-align:center;font-size:9px;color:#f0c14b;margin-top:4px;}.dsc-pray{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px;}.dsc-row{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 4px;text-align:center;position:relative;}.dsc-row span{display:block;font-size:8px;color:rgba(255,255,255,.75);}.dsc-row i{color:#f0c14b;font-size:8px;position:absolute;top:4px;right:5px;}.dsc-row.active{background:linear-gradient(135deg,#0b7a4b,#10b981);border-color:#f0c14b;}.dsc-row.active span{color:#fff;font-weight:600;}.dsc-ticker{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(90deg,#0b7a4b,#10b981);color:#fff;font-size:9px;padding:6px 12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.lp-tv-stand{width:130px;height:16px;background:linear-gradient(180deg,#2a2a2a,#161616);border-radius:0 0 14px 14px;margin:0 auto;}.lp-float-card{position:absolute;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);border-radius:14px;padding:12px 18px;font-size:13px;font-weight:600;box-shadow:0 20px 50px rgba(0,0,0,.4);animation:float 5s ease-in-out infinite;}.lp-float-card i{color:#f0c14b;margin-right:7px;}.lp-float-1{top:40px;right:-36px;}.lp-float-2{bottom:90px;left:-46px;animation-delay:2.5s;}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}.lp-wave{position:relative;margin-top:60px;}.lp-wave svg{display:block;width:100%;height:70px;}.lp-section{padding:90px 0;}.lp-section-gray{background:#f4f6f9;}.lp-section-dark{background:linear-gradient(160deg,#041d14,#06281c);}.lp-head{text-align:center;max-width:640px;margin:0 auto 52px;}.lp-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;color:#0f172a;margin-bottom:14px;}.lp-head h2.white{color:#fff;}.lp-head p{font-size:15.5px;color:#64748b;line-height:1.7;}.lp-head p.muted{color:rgba(255,255,255,.6);}.lp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}.lp-feature{background:#fff;border:1px solid #eef2f6;border-radius:20px;padding:30px;box-shadow:0 14px 40px rgba(15,40,30,.06);transition:all .28s;}.lp-feature:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(15,40,30,.12);}.grad-ic{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,#0b7a4b,#10b981);margin-bottom:18px;box-shadow:0 10px 24px rgba(11,122,75,.3);}.lp-feature h3{font-size:17px;font-weight:700;margin-bottom:8px;color:#0f172a;}.lp-feature p{font-size:14px;color:#64748b;line-height:1.65;}.lp-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.lp-template{transition:.25s;}.lp-template:hover{transform:translateY(-6px);}.lp-tpl-screen{border-radius:16px;aspect-ratio:16/10;padding:14px 16px;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.08);}.lp-tpl-clock{font-size:34px;font-weight:800;text-align:center;margin-top:14px;}.lp-tpl-pray{display:flex;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap;}.lp-tpl-pray span{font-size:10px;border:1px solid;padding:4px 9px;border-radius:999px;font-weight:600;}.lp-tpl-ticker{position:absolute;left:0;right:0;bottom:0;color:#fff;font-size:10px;padding:7px 12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.lp-template p{text-align:center;margin-top:12px;color:#fff;font-weight:600;font-size:14px;}.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:step;}.lp-step{text-align:center;padding:26px 18px;border-radius:20px;background:#fff;border:1px solid #eef2f6;box-shadow:0 14px 40px rgba(15,40,30,.06);}.lp-step-num{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#0b7a4b,#10b981);color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(11,122,75,.3);}.lp-step h3{font-size:16px;font-weight:700;margin-bottom:7px;}.lp-step p{font-size:13.5px;color:#64748b;line-height:1.6;}.lp-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}.lp-price{background:#fff;border:1px solid #eef2f6;border-radius:22px;padding:32px 28px;display:flex;flex-direction:column;position:relative;box-shadow:0 14px 40px rgba(15,40,30,.06);}.lp-price-pop{border:2px solid #0b7a4b;transform:scale(1.03);box-shadow:0 30px 70px rgba(11,122,75,.18);}.lp-pop{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#0b7a4b,#10b981);color:#fff;font-size:11.5px;font-weight:700;padding:6px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 20px rgba(11,122,75,.4);}.lp-price h3{font-size:18px;font-weight:700;margin-bottom:10px;}.lp-price-val{margin-bottom:22px;}.lp-price-val b{font-size:34px;font-weight:800;color:#0f172a;}.lp-price-val span{color:#94a3b8;font-size:14px;}.lp-price ul{list-style:none;margin-bottom:26px;flex:1;}.lp-price ul li{padding:8px 0;font-size:14px;color:#334155;display:flex;gap:10px;align-items:center;}.lp-price ul li i{color:#0b7a4b;}.lp-price ul li.off{color:#cbd5e1;}.lp-price ul li.off i{color:#cbd5e1;}.lp-faq-wrap{max-width:780px;}.lp-faq-item{border:1px solid #e9eef3;border-radius:15px;margin-bottom:12px;overflow:hidden;background:#fff;transition:.2s;}.lp-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:none;border:none;font-size:15px;font-weight:600;font-family:inherit;color:#0f172a;cursor:pointer;text-align:left;}.lp-faq-q i{transition:.25s;color:#0b7a4b;}.lp-faq-item.open .lp-faq-q i{transform:rotate(180deg);}.lp-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}.lp-faq-item.open .lp-faq-a{max-height:240px;}.lp-faq-a p{padding:0 22px 20px;font-size:14px;color:#64748b;line-height:1.7;}.lp-cta{background:linear-gradient(135deg,#041d14,#0a3a27);text-align:center;padding:80px 0;color:#fff;}.lp-cta h2{font-size:clamp(24px,3.4vw,36px);font-weight:800;margin-bottom:14px;}.lp-cta p{color:rgba(255,255,255,.7);margin-bottom:30px;font-size:15.5px;}.lp-footer{background:#03130d;color:rgba(255,255,255,.7);padding:60px 0 0;}.lp-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px;}.lp-footer h4{color:#fff;font-size:15px;margin-bottom:16px;}.lp-footer a{display:block;font-size:13.5px;margin-bottom:10px;transition:.2s;}.lp-footer a:hover{color:#f0c14b;}.lp-footer p{font-size:13.5px;line-height:1.7;}.lp-footer p i{color:#f0c14b;margin-right:6px;}.lp-footer .lp-brand{margin-bottom:14px;}.lp-copy{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;text-align:center;font-size:13px;}@media (max-width:960px){.lp-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#041d14;flex-direction:column;align-items:flex-start;padding:90px 28px;transition:right .3s ease;box-shadow:-20px 0 60px rgba(0,0,0,.4);}.lp-menu.open{right:0;}.lp-menu .lp-btn{width:100%;justify-content:center;}.lp-menu>a:not(.lp-btn){color:rgba(255,255,255,.85);}.lp-menu>a:not(.lp-btn):hover{color:#f0c14b;}.lp-menu .lp-btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);}.lp-burger{display:block;}.lp-hero-grid{grid-template-columns:1fr;gap:50px;}.lp-hero{padding:120px 0 60px;}.lp-features,.lp-templates,.lp-pricing{grid-template-columns:repeat(2,1fr);}.lp-steps{grid-template-columns:repeat(2,1fr);}.lp-float-1{right:0;}.lp-float-2{left:0;}}@media (max-width:620px){.lp-features,.lp-templates,.lp-pricing,.lp-steps{grid-template-columns:1fr;}.lp-pricing{padding-top:18px;}.lp-footer-grid{grid-template-columns:1fr;}.lp-stats{gap:20px;flex-wrap:wrap;}}