@font-face{font-family:Luminari;src:url(/assets/Luminari-DG1RG0vm.ttf) format("truetype"),url(/fonts/Luminari.ttf) format("truetype"),local("Luminari");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Luminari;src:url(/assets/Luminari-DG1RG0vm.ttf) format("truetype"),url(/fonts/Luminari.ttf) format("truetype"),local("Luminari");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Luminari;src:url(/assets/Luminari-DG1RG0vm.ttf) format("truetype"),url(/fonts/Luminari.ttf) format("truetype"),local("Luminari");font-weight:700;font-style:normal;font-display:swap}:root{--primary: #141414;--primary-light: #E8F5E9;--bg-body: #FAFCFB;--bg-section: #F3F7F5;--bg-section-alt: #FFFFFF;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, 1);--border-light: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .1), 0 8px 20px rgba(0, 0, 0, .06);--emerald: #10B981;--emerald-dark: #059669;--emerald-darker: #047857;--emerald-light: #34D399;--emerald-lightest: #D1FAE5;--emerald-glow: rgba(16, 185, 129, .1);--emerald-glow-strong: rgba(16, 185, 129, .18);--amber: #F59E0B;--gold: #EAB308;--red: #EF4444;--gradient-hero: linear-gradient(155deg, #EDF7F0 0%, #FAFCFB 35%, #EEF4FA 100%);--gradient-emerald: linear-gradient(135deg, #10B981, #059669);--gradient-emerald-soft: linear-gradient(135deg, rgba(16, 185, 129, .08), rgba(5, 150, 105, .04));--text-primary: #1A2332;--text-secondary: #4B5563;--text-muted: #9CA3AF;--text-accent: #059669;--text-on-emerald: #FFFFFF;--font-heading: "Luminari", serif;--font-body: "Noto Sans", "Inter", system-ui, sans-serif;--font-ui: "Inter", "Noto Sans", system-ui, sans-serif;--section-padding: 100px 0;--container-width: 1200px;--container-padding: 0 24px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 100px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;max-width:100vw;width:100%}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{font-family:var(--font-body);background:var(--bg-body);color:var(--text-primary);line-height:1.6;overflow-x:hidden;max-width:100vw;width:100%;position:relative;scrollbar-width:none;-ms-overflow-style:none}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.section-container{max-width:var(--container-width);margin:0 auto;padding:var(--container-padding)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}.door-intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;pointer-events:all;display:flex;overflow:hidden;transition:opacity .8s cubic-bezier(.16,1,.3,1) 1.2s,visibility .8s ease 1.8s}.door-intro-overlay.door-opened{pointer-events:none;opacity:0;visibility:hidden}.door-panel-left{position:absolute;top:0;left:0;width:50.2%;height:100%;background:#000;clip-path:inset(0 0 0 0);transition:clip-path 1.6s cubic-bezier(.76,0,.24,1);will-change:clip-path}.door-panel-right{position:absolute;top:0;right:0;width:50.2%;height:100%;background:#000;clip-path:inset(0 0 0 0);transition:clip-path 1.6s cubic-bezier(.76,0,.24,1);will-change:clip-path}.door-intro-overlay.door-opened .door-panel-left{clip-path:inset(0 100% 0 0)}.door-intro-overlay.door-opened .door-panel-right{clip-path:inset(0 0 0 100%)}.door-center-emblem{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px;transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1);pointer-events:none}.door-intro-overlay.door-opened .door-center-emblem{opacity:0;transform:translate(-50%,-50%) scale(1.18)}.door-logo-ring{width:108px;height:108px;border-radius:28px;background:#0a1414d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(52,211,153,.45);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 50px #10b98166}.door-logo-img{width:100%;height:100%;object-fit:cover;border-radius:26px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.6))}.door-bismillah{font-family:var(--font-arabic),serif;font-size:1.25rem;color:#ffffffe6;letter-spacing:1.5px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.section-header{text-align:center;margin-bottom:56px}.section-tag,.board-tag{display:inline-flex;align-items:center;gap:9px;padding:5px 16px 5px 6px;background:linear-gradient(135deg,#fffffff5,#f0fdf8e6);color:#065f46;border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:.82rem;font-weight:700;letter-spacing:.35px;margin-bottom:16px;border:1px solid rgba(16,185,129,.24);box-shadow:0 4px 14px #10b98114,0 1px 2px #00000008,inset 0 1px #fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:default;transition:all .35s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.section-tag:hover,.board-tag:hover{transform:translateY(-2px);border-color:#10b98173;box-shadow:0 8px 24px #10b98129,0 2px 6px #0000000a,inset 0 1px #fff;color:#047857}.section-tag .lucide-icon,.board-tag .lucide-icon{width:24px;height:24px;padding:4px;border-radius:50%;background:linear-gradient(135deg,#10b98124,#05966914);border:1px solid rgba(16,185,129,.22);color:#059669;margin-right:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #fffc,0 1px 3px #10b98114;transition:all .35s cubic-bezier(.34,1.56,.64,1);vertical-align:middle}.section-tag:hover .lucide-icon,.board-tag:hover .lucide-icon{transform:scale(1.12);background:linear-gradient(135deg,#10b98138,#05966924);border-color:#10b98166;color:#047857}.lucide-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;overflow:visible;transition:transform .3s cubic-bezier(.16,1,.3,1),stroke .3s ease}.lucide-sparkles .sparkle-main{transform-origin:12px 12px;animation:lucide-sparkle-spin 7s linear infinite}.lucide-sparkles .sparkle-top,.lucide-sparkles .sparkle-dot{transform-origin:center;animation:lucide-sparkle-twinkle 2.2s ease-in-out infinite alternate}@keyframes lucide-sparkle-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes lucide-sparkle-twinkle{0%{opacity:.35;transform:scale(.7)}to{opacity:1;transform:scale(1.2)}}*:hover>.lucide-sparkles .sparkle-main,.lucide-sparkles:hover .sparkle-main{animation-duration:2s}.lucide-clock .clock-minute,.lucide-timer .timer-hand{transform-origin:12px 12px;animation:lucide-clock-spin 9s linear infinite}.lucide-clock .clock-hour{transform-origin:12px 12px;animation:lucide-clock-spin 54s linear infinite}@keyframes lucide-clock-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*:hover>.lucide-clock .clock-minute,.lucide-clock:hover .clock-minute,*:hover>.lucide-timer .timer-hand,.lucide-timer:hover .timer-hand{animation-duration:2.2s}.lucide-compass .compass-needle{transform-origin:12px 12px;animation:lucide-compass-float 6s ease-in-out infinite}@keyframes lucide-compass-float{0%,to{transform:rotate(0)}25%{transform:rotate(28deg)}50%{transform:rotate(-22deg)}75%{transform:rotate(14deg)}}*:hover>.lucide-compass .compass-needle,.lucide-compass:hover .compass-needle{animation:lucide-compass-spin 1.2s cubic-bezier(.34,1.56,.64,1)}@keyframes lucide-compass-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lucide-bell{transform-origin:12px 2px}.lucide-bell .bell-clapper{transform-origin:12px 18px}*:hover>.lucide-bell,.lucide-bell:hover{animation:lucide-bell-ring .9s cubic-bezier(.36,.07,.19,.97) both}*:hover>.lucide-bell .bell-clapper,.lucide-bell:hover .bell-clapper{animation:lucide-bell-clapper .9s cubic-bezier(.36,.07,.19,.97) both}@keyframes lucide-bell-ring{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-13deg)}60%{transform:rotate(9deg)}80%{transform:rotate(-5deg)}}@keyframes lucide-bell-clapper{0%,to{transform:translate(0)}20%{transform:translate(-2.5px)}40%{transform:translate(2px)}60%{transform:translate(-1.5px)}80%{transform:translate(1px)}}.lucide-flame{transform-origin:12px 22px;animation:lucide-flame-flicker 3s ease-in-out infinite alternate}@keyframes lucide-flame-flicker{0%{transform:scale(1) scaleY(1)}33%{transform:scale(1.08) scaleY(1.12) rotate(1.5deg)}66%{transform:scale(.96) scaleY(1.04) rotate(-1.5deg)}to{transform:scale(1.05) scaleY(1.09)}}*:hover>.lucide-flame,.lucide-flame:hover{animation-duration:.9s}.lucide-book-open .book-left,.lucide-book-open .book-right{transform-origin:12px 14px;transition:transform .4s cubic-bezier(.16,1,.3,1)}*:hover>.lucide-book-open .book-left,.lucide-book-open:hover .book-left{transform:rotate(-9deg) scale(1.06)}*:hover>.lucide-book-open .book-right,.lucide-book-open:hover .book-right{transform:rotate(9deg) scale(1.06)}.lucide-shield-check .shield-check{transform-origin:12px 12px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}*:hover>.lucide-shield-check .shield-check,.lucide-shield-check:hover .shield-check{transform:scale(1.3)}*:hover>.lucide-shield-check,.lucide-shield-check:hover{transform:translateY(-2px)}*:hover>.lucide-trophy,.lucide-trophy:hover{animation:lucide-trophy-cheer .75s cubic-bezier(.16,1,.3,1)}@keyframes lucide-trophy-cheer{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-5px) rotate(-6deg)}60%{transform:translateY(-3px) rotate(6deg)}to{transform:translateY(0) rotate(0)}}.lucide-map-pin .pin-drop{transform-origin:12px 22px;animation:lucide-pin-bounce 4s ease-in-out infinite}@keyframes lucide-pin-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}*:hover>.lucide-map-pin .pin-drop,.lucide-map-pin:hover .pin-drop{animation:lucide-pin-hop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes lucide-pin-hop{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.1)}to{transform:translateY(0) scale(1)}}.lucide-star .star-shape{transform-origin:12px 12px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),fill .3s ease}*:hover>.lucide-star .star-shape,.lucide-star:hover .star-shape{transform:scale(1.25) rotate(18deg);fill:currentColor}.lucide-heart .heart-shape{transform-origin:12px 12px;animation:lucide-heart-pulse 3.2s ease-in-out infinite;transition:fill .3s ease}@keyframes lucide-heart-pulse{0%,to{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.12)}56%{transform:scale(1)}}*:hover>.lucide-heart .heart-shape,.lucide-heart:hover .heart-shape{animation-duration:1.1s;fill:currentColor}.lucide-sun .sun-rays{transform-origin:12px 12px;animation:lucide-sun-spin 16s linear infinite}@keyframes lucide-sun-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*:hover>.lucide-sun .sun-rays,.lucide-sun:hover .sun-rays{animation-duration:3.5s}.lucide-sunrise .sun-rise-core,.lucide-sunrise .sun-rise-arrow{transform-origin:12px 18px;animation:lucide-sunrise-float 3s ease-in-out infinite alternate}@keyframes lucide-sunrise-float{0%{transform:translateY(2px)}to{transform:translateY(-2px)}}.lucide-sunset .sun-set-core,.lucide-sunset .sun-set-arrow{transform-origin:12px 18px;animation:lucide-sunset-float 3s ease-in-out infinite alternate}@keyframes lucide-sunset-float{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}.lucide-moon-star .moon-star-1,.lucide-moon-star .moon-star-2{transform-origin:20px 4px;animation:lucide-sparkle-twinkle 2.6s ease-in-out infinite alternate}.lucide-moon-star .moon-body{transform-origin:12px 12px;animation:lucide-moon-rock 5.5s ease-in-out infinite alternate}@keyframes lucide-moon-rock{0%{transform:rotate(0)}to{transform:rotate(-8deg)}}*:hover>.lucide-smartphone,.lucide-smartphone:hover{transform:rotate(-6deg) scale(1.08)}.lucide-download .download-arrow-head,.lucide-download .download-arrow-stem{transition:transform .3s cubic-bezier(.16,1,.3,1)}*:hover>.lucide-download .download-arrow-head,*:hover>.lucide-download .download-arrow-stem,.lucide-download:hover .download-arrow-head,.lucide-download:hover .download-arrow-stem{transform:translateY(3px)}*:hover>.lucide-zap,.lucide-zap:hover{animation:lucide-zap-flash .4s ease infinite alternate}@keyframes lucide-zap-flash{0%{transform:scale(1);filter:drop-shadow(0 0 2px currentColor)}to{transform:scale(1.2);filter:drop-shadow(0 0 8px currentColor)}}.lucide-lock .lock-shackle{transform-origin:17px 11px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}*:hover>.lucide-lock .lock-shackle,.lucide-lock:hover .lock-shackle{transform:translateY(-3.5px)}.lucide-ban{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}*:hover>.lucide-ban,.lucide-ban:hover{transform:scale(1.15) rotate(15deg)}.lucide-trash-2 .trash-lid,.lucide-trash-2 .trash-handle{transform-origin:4px 6px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}*:hover>.lucide-trash-2 .trash-lid,*:hover>.lucide-trash-2 .trash-handle,.lucide-trash-2:hover .trash-lid,.lucide-trash-2:hover .trash-handle{transform:rotate(-16deg) translateY(-2px)}.section-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.25;margin-bottom:16px;color:var(--text-primary)}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-ui);font-weight:600;font-size:.95rem;padding:14px 28px;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-smooth);border:none;white-space:nowrap}.btn-icon{width:20px;height:20px;flex-shrink:0}.play-store-icon{width:1.25em;height:1.25em;display:inline-block;vertical-align:-.15em;fill:currentColor;flex-shrink:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}*:hover>.play-store-icon,.play-store-icon:hover{transform:scale(1.18) rotate(-4deg)}.btn-lg{padding:16px 32px;font-size:1rem}.btn-primary{background:var(--gradient-emerald);color:#fff;box-shadow:0 4px 20px #10b98140}.btn-primary:hover{box-shadow:0 6px 30px #10b98166;transform:translateY(-2px)}.btn-outline{background:#fff;color:var(--text-primary);border:1.5px solid var(--border-medium);box-shadow:var(--shadow-sm)}.btn-outline:hover{border-color:var(--emerald);color:var(--emerald-dark);background:var(--emerald-lightest);box-shadow:var(--shadow-md)}.btn-white{background:#fff;color:var(--emerald-darker);box-shadow:var(--shadow-lg);font-weight:700}.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.rainbow-button,.btn-rainbow{--color-1: hsl(0 100% 63%);--color-2: hsl(270 100% 63%);--color-3: hsl(210 100% 63%);--color-4: hsl(195 100% 63%);--color-5: hsl(90 100% 63%);--speed: 2s;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border-radius:9999px;font-family:var(--font-ui);font-weight:600;font-size:.95rem;padding:14px 28px;color:#fff!important;text-decoration:none;white-space:nowrap;border:1.5px solid transparent;isolation:isolate;background:linear-gradient(#141414,#141414) padding-box,linear-gradient(#141414 50%,#14141499 80%,#14141400) padding-box,linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2)) border-box;background-size:100% 100%,100% 100%,200% 100%;animation:rainbow-anim var(--speed) infinite linear;transition:transform var(--transition-smooth),filter var(--transition-smooth)}.rainbow-button:before,.btn-rainbow:before{content:"";position:absolute;bottom:-20%;left:50%;z-index:-1;height:25%;width:65%;transform:translate(-50%);background:linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2));background-size:200% 100%;filter:blur(14px);border-radius:9999px;animation:rainbow-anim var(--speed) infinite linear;opacity:.75;transition:opacity var(--transition-smooth),filter var(--transition-smooth)}.rainbow-button:hover,.btn-rainbow:hover{transform:translateY(-2px)}.rainbow-button:hover:before,.btn-rainbow:hover:before{opacity:1;filter:blur(18px)}.rainbow-button:active,.btn-rainbow:active{transform:scale(.98)}.btn-rainbow.btn-lg,.rainbow-button.btn-lg{padding:16px 34px;font-size:1.02rem}.btn-rainbow.btn-sm,.rainbow-button.btn-sm{padding:8px 20px;font-size:.88rem}@keyframes rainbow-anim{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,200% 0}}.navbar{position:fixed;top:0;left:0;right:0;z-index:10000;padding:18px 0;transition:all var(--transition-smooth)}.navbar.scrolled{background:#ffffffeb;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border-light);padding:10px 0;box-shadow:0 4px 20px #0000000d}.nav-container{max-width:var(--container-width);margin:0 auto;padding:var(--container-padding);display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo-img{height:36px;width:auto;max-width:145px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,20,60,.4));transition:filter var(--transition-smooth),transform var(--transition-fast)}.navbar.scrolled .nav-logo-img{filter:drop-shadow(0 1px 4px rgba(0,0,0,.12))}.nav-logo:hover .nav-logo-img{transform:scale(1.03)}.nav-links{display:flex;align-items:center;list-style:none;gap:4px}.nav-drawer-header{display:none!important}.nav-backdrop{display:none}.nav-link{padding:8px 16px;font-family:var(--font-ui);font-size:.92rem;font-weight:500;color:#ffffffeb;border-radius:var(--radius-sm);text-shadow:0 1px 8px rgba(0,25,70,.35);transition:all var(--transition-fast)}.nav-link:hover{color:#fff;background:#ffffff26}.navbar.scrolled .nav-link{color:var(--text-secondary);text-shadow:none}.navbar.scrolled .nav-link:hover{color:var(--text-primary);background:#0000000a}.nav-link-cta{background:var(--gradient-emerald);color:#fff!important;padding:10px 22px;border-radius:var(--radius-pill);font-weight:600}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.nav-hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all var(--transition-fast)}.navbar.scrolled .nav-hamburger span{background:var(--text-primary)}.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero-sky{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;padding-top:130px;padding-bottom:80px;background-color:#2b7ce6;perspective:1200px}.hero-sky-bg{position:absolute;top:-40px;left:-30px;right:-30px;bottom:-40px;background-image:url(/assets/hero_sky_clouds-BMGopxLj.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;z-index:1;pointer-events:none;will-change:transform;transform:translateZ(0);transition:transform .1s ease-out}.hero-sky-container{position:relative;z-index:10;max-width:920px;width:100%;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-sky-content{display:flex;flex-direction:column;align-items:center;max-width:820px;will-change:transform}.hero-sky .reveal{opacity:1;transform:translateY(0);animation:hero-appear .8s cubic-bezier(.16,1,.3,1) both}.hero-sky .reveal.reveal-delay-1{animation-delay:.15s}.hero-sky .reveal.reveal-delay-2{animation-delay:.3s}@keyframes hero-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-sky-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#ffffff38;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:.88rem;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,20,60,.3);margin-bottom:24px;box-shadow:0 4px 16px #001e501f}.hero-sky-badge-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399;animation:pulse-dot 2s ease-in-out infinite}.hero-sky-title{font-family:var(--font-heading);font-size:clamp(2.4rem,5.8vw,4.2rem);font-weight:700;line-height:1.15;color:#fff;margin-bottom:20px;text-shadow:0 4px 28px rgba(10,40,95,.45),0 2px 6px rgba(0,20,50,.3);letter-spacing:-.5px}.hero-sky-subtitle{font-size:clamp(1.05rem,2vw,1.25rem);color:#fffffff2;line-height:1.7;max-width:640px;margin-bottom:32px;text-shadow:0 2px 14px rgba(5,30,75,.35)}.hero-sky-cta-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-bottom:40px}.hero-rainbow-btn{box-shadow:0 10px 30px #00143c59}.btn-sky-glass{background:#ffffff38;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;border:1.5px solid rgba(255,255,255,.5);box-shadow:0 8px 24px #00143c2e;text-shadow:0 1px 4px rgba(0,20,60,.25)}.btn-sky-glass:hover{background:#ffffff59;border-color:#fffc;color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px #00143c40}.hero-sky-device-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:10px;width:100%;perspective:1000px;z-index:10}.hero-sky-device{position:relative;width:275px;max-width:82vw;border-radius:36px;border:6px solid #14171f;background:#14171f;box-shadow:0 28px 75px #0a23506b,0 10px 28px #00000040,0 0 0 1px #ffffff59;overflow:hidden;z-index:12;transition:transform .12s ease-out}.device-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:64px;height:14px;background:#0d0f14;border-radius:10px;z-index:20}.device-screen-img{width:100%;height:auto;display:block;border-radius:30px;image-rendering:auto;-webkit-font-smoothing:antialiased}.device-glare{display:none}.hero-sky-badges{position:relative;z-index:20;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:36px;padding:10px 24px;background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.85);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:.85rem;font-weight:600;color:#1a365d;box-shadow:0 8px 24px #001e501f}.badge-dot{opacity:.4}.prayer-times{padding:48px 0 40px;background:var(--bg-section);position:relative}.prayer-times .section-header{margin-bottom:20px}.prayer-times .section-tag{margin-bottom:8px}.prayer-times .section-title{font-size:clamp(1.7rem,3vw,2.2rem);margin-bottom:4px}.prayer-times .section-subtitle{font-size:.92rem;max-width:580px;margin:0 auto}.prayer-times-wrapper{max-width:820px;margin:0 auto}.celestial-prayer-card{position:relative;border-radius:26px;padding:22px 28px;color:#fff;overflow:hidden;margin-bottom:18px;transition:background .8s cubic-bezier(.4,0,.2,1),box-shadow .8s cubic-bezier(.4,0,.2,1)}.celestial-prayer-card.theme-fajr{background:linear-gradient(135deg,#1e1b4b,#312e81 40%,#581c87 75%,#be185d);box-shadow:0 16px 45px #312e8147}.celestial-prayer-card.theme-sunrise{background:linear-gradient(135deg,#1e3a8a,#2563eb 35%,#ea580c 75%,#f59e0b);box-shadow:0 16px 45px #2563eb47}.celestial-prayer-card.theme-dhuhr{background:linear-gradient(135deg,#0284c7,#38bdf8 45%,#7dd3fc 80%,#bae6fd);box-shadow:0 16px 45px #0284c747}.celestial-prayer-card.theme-asr{background:linear-gradient(135deg,#1d4ed8,#3b82f6,#f97316 80%,#fed7aa);box-shadow:0 16px 45px #1d4ed847}.celestial-prayer-card.theme-maghrib{background:linear-gradient(135deg,#4c0519,#831843,#9333ea 70%,#ea580c);box-shadow:0 16px 45px #83184347}.celestial-prayer-card.theme-isha{background:linear-gradient(135deg,#090d16,#0f172a 45%,#1e293b 80%,#334155);box-shadow:0 16px 45px #0f172a59}.celestial-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .8s ease;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 60px 80px,#fff,#0000),radial-gradient(1.5px 1.5px at 120px 40px,#fff,#0000),radial-gradient(2px 2px at 240px 60px,#fff,#0000),radial-gradient(1.2px 1.2px at 320px 30px,#fff,#0000),radial-gradient(1.5px 1.5px at 420px 75px,#fff,#0000);background-repeat:repeat;background-size:600px 160px}.theme-isha .celestial-stars,.theme-fajr .celestial-stars{opacity:.85}.celestial-top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;position:relative;z-index:5}.celestial-location{display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:.88rem;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.25)}.celestial-location svg{width:16px;height:16px;stroke:#fff}.celestial-dates{display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:.8rem;font-weight:500;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.2)}.celestial-date-dot{opacity:.6}.celestial-visual-container{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:18px;margin-bottom:16px;position:relative;z-index:5}.celestial-info-pane{display:flex;flex-direction:column}.celestial-tag{display:inline-flex;align-items:center;padding:3px 10px;width:fit-content;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fff;margin-bottom:6px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.celestial-prayer-name{font-family:var(--font-heading);font-size:clamp(1.6rem,2.5vw,2rem);font-weight:700;line-height:1.1;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25);margin-bottom:2px;transition:opacity .3s ease,transform .3s ease}.celestial-prayer-time{font-family:var(--font-ui);font-size:clamp(2rem,3.8vw,2.6rem);font-weight:900;color:#fff;line-height:1;letter-spacing:-.5px;text-shadow:0 3px 12px rgba(0,0,0,.3);font-variant-numeric:tabular-nums;margin-bottom:2px;transition:opacity .3s ease,transform .3s ease}.celestial-prayer-time .time-ampm{font-size:1rem;font-weight:700;opacity:.9;letter-spacing:0;margin-left:2px}.celestial-prayer-arabic{font-family:Amiri,Traditional Arabic,serif;font-size:1.1rem;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.2);margin-top:1px}.celestial-sky-stage{position:relative;height:130px;width:100%}.celestial-arc-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.arc-dashed-line{fill:none;stroke:#ffffff73;stroke-width:2.2;stroke-dasharray:6 6}.arc-point{fill:#fff9;transition:all .3s ease}.arc-point.active-point{fill:#fff;r:5.5;filter:drop-shadow(0 0 6px rgba(255,255,255,.9))}.celestial-body{position:absolute;transform:translate(-50%,-50%);z-index:10;pointer-events:none;will-change:left,top}.celestial-body.sun-mode .celestial-body-core{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fffbeb,#fef08a 25%,#f59e0b 65%,#d97706 90%,#b45309);box-shadow:0 0 25px #fbbf24d9,0 0 50px #f59e0b80,inset -3px -3px 8px #b4530966;animation:sun-pulse 4s ease-in-out infinite alternate}.celestial-body.sun-mode .celestial-body-corona{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:radial-gradient(circle,#fef08a4d,#f59e0b00 70%);pointer-events:none;animation:corona-spin 20s linear infinite}.celestial-body.moon-mode .celestial-body-core{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#f8fafc 40%,#e2e8f0 75%,#94a3b8);box-shadow:0 0 22px #ffffffe6,0 0 45px #e2e8f080,inset -3px -3px 6px #94a3b880;animation:moon-glow 5s ease-in-out infinite alternate}.celestial-body.moon-mode .celestial-body-corona{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:radial-gradient(circle,#ffffff40,#cbd5e100 70%)}@keyframes sun-pulse{0%{transform:scale(.96);box-shadow:0 0 22px #fbbf24bf,0 0 45px #f59e0b66}to{transform:scale(1.04);box-shadow:0 0 35px #fbbf24f2,0 0 65px #f59e0b99}}@keyframes moon-glow{0%{transform:scale(.96);box-shadow:0 0 18px #fffc,0 0 30px #e2e8f066}to{transform:scale(1.04);box-shadow:0 0 30px #fff,0 0 55px #e2e8f099}}@keyframes corona-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arc-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:.74rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 3px rgba(0,0,0,.25);padding:0 16px}.celestial-bottom-pills{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:5}.celestial-glass-pill{background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:12px 18px;color:#1e293b;box-shadow:0 8px 24px #0000000f,0 1px 4px #0000000a;display:flex;flex-direction:column;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.celestial-glass-pill:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000001a}.pill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pill-title{font-family:var(--font-ui);font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px}.pill-icon{width:15px;height:15px;stroke:#64748b}.pill-value-row{display:flex;align-items:baseline;margin-bottom:2px}.pill-big-val{font-family:var(--font-ui);font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:.3px;font-variant-numeric:tabular-nums}.pill-subtext{font-size:.76rem;color:#64748b;font-weight:500}.prayer-cards-section-header{text-align:center;margin-bottom:10px}.prayer-cards-guide-hint{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--text-muted);background:var(--bg-card);padding:4px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-light);display:inline-block}.prayer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.prayer-card{position:relative;padding:14px 8px;border-radius:16px;background:#fff;border:1.5px solid var(--border-light);text-align:center;transition:all var(--transition-fast);cursor:pointer;outline:none;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #00000008}.prayer-card:hover{border-color:var(--emerald-light);transform:translateY(-2px);box-shadow:0 6px 18px #10b9811f}.prayer-card:focus-visible{border-color:var(--emerald);box-shadow:0 0 0 3px #10b98140}.prayer-card.active-prayer{background:linear-gradient(180deg,#FFFFFF 0%,var(--emerald-lightest) 100%);border-color:var(--emerald);box-shadow:0 6px 18px #10b98129,0 0 0 1.5px var(--emerald);transform:translateY(-2px)}.prayer-card-name{font-family:var(--font-ui);font-size:.88rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.prayer-card-arabic{font-family:Amiri,Traditional Arabic,serif;font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.prayer-card-time{font-family:var(--font-ui),"Inter",sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:6px;line-height:1.15}.prayer-time-val{font-size:1.02rem;font-weight:800;color:var(--emerald-darker);font-variant-numeric:tabular-nums;letter-spacing:-.3px}.prayer-time-period{font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:1px}.prayer-card.active-prayer .prayer-time-val{color:#065f46}.prayer-card.active-prayer .prayer-time-period{color:#047857}.prayer-card-badge{font-family:var(--font-ui);font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-pill);background:#0000000d;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast)}.prayer-card.active-prayer .prayer-card-badge{background:var(--emerald);color:#fff}.prayer-method-note{text-align:center;font-size:.72rem;color:var(--text-muted);margin-top:8px}.features{padding:48px 0 54px;background:var(--bg-section-alt);position:relative}.features-bento-grid{display:flex;flex-direction:column;gap:16px;max-width:1040px;margin:0 auto}.bento-row{display:grid;gap:16px}.bento-row.row-wide-left{grid-template-columns:1.65fr 1fr}.bento-row.row-wide-right{grid-template-columns:1fr 1.65fr}.bento-card{background:#fff;border-radius:22px;border:1.5px solid rgba(0,0,0,.06);box-shadow:0 6px 20px #00000008,0 1px 3px #00000005;padding:24px 28px;position:relative;overflow:hidden;display:flex;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s ease;min-height:180px}.bento-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #00000012,0 3px 8px #10b9810d;border-color:#10b98140}.bento-content{display:flex;flex-direction:column;justify-content:center;z-index:2;position:relative}.bento-wide .bento-content{max-width:58%}.bento-title{font-family:var(--font-ui),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:clamp(1.15rem,1.6vw,1.38rem);font-weight:600;line-height:1.25;letter-spacing:-.2px;color:#0f172a;margin-bottom:8px}.bento-desc{font-family:var(--font-ui);font-size:.84rem;color:#64748b;line-height:1.5;margin-bottom:0}.bento-3d-icon{pointer-events:none;filter:none!important;background:transparent;transition:transform .4s cubic-bezier(.16,1,.3,1)}.bento-wide{justify-content:space-between;align-items:center}.bento-visual-right{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:40%;display:flex;justify-content:center;align-items:center;pointer-events:none}.bento-3d-prayer{max-width:140px;width:100%}.bento-card:hover .bento-3d-prayer{transform:translateY(-4px) scale(1.04)}.bento-3d-duas{max-width:148px;width:100%}.bento-card:hover .bento-3d-duas{transform:translateY(-4px) scale(1.04)}.bento-narrow{flex-direction:column;justify-content:space-between}.bento-visual-bottom{display:flex;justify-content:center;align-items:center;margin-top:8px}.bento-3d-qibla{max-width:115px;width:100%}.bento-card:hover .bento-3d-qibla{transform:translateY(-4px) scale(1.04)}.bento-visual-top{display:flex;justify-content:center;margin-bottom:6px}.bento-3d-streak{max-width:110px;width:100%}.bento-card:hover .bento-3d-streak{transform:translateY(-4px) scale(1.04)}.bento-card-reverse{flex-direction:row-reverse}.bento-visual-left{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:40%;display:flex;justify-content:center;align-items:center;pointer-events:none}.bento-3d-analytics{max-width:135px;width:100%}.bento-card:hover .bento-3d-analytics{transform:translateY(-4px) scale(1.04)}.bento-visual-bottom-right{display:flex;justify-content:center;align-items:center;margin-top:8px}.bento-3d-privacy{max-width:110px;width:100%}.bento-card:hover .bento-3d-privacy{transform:translateY(-4px) scale(1.04)}.how-it-works{padding:95px 0 105px;background:linear-gradient(180deg,#f8fafc,#fff,#f8fafc);border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);position:relative;overflow:hidden}.how-it-works:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:350px;background:radial-gradient(ellipse at 50% 0%,#10b98114,#fff0 70%);pointer-events:none;z-index:0}.how-it-works-board{max-width:820px;margin:0 auto;background:transparent;border-radius:0;padding:0;border:none;box-shadow:none;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.board-header{margin-bottom:34px}.board-heading{font-family:var(--font-heading),"Inter",sans-serif;font-size:clamp(1.85rem,3.2vw,2.5rem);font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.5px;margin-bottom:8px}.board-subheading{font-size:.95rem;color:var(--text-secondary);max-width:520px;margin:0 auto}.pointer-card-wrapper{width:100%;max-width:680px;position:relative;margin-bottom:24px;display:flex;justify-content:flex-start}.pointer-card{--pointer-x: 0px;--pointer-pin-x: 50%;width:100%;max-width:620px;margin:0 auto;background:#fff;border-radius:20px;padding:16px 20px;border:1.5px solid rgba(0,0,0,.08);box-shadow:0 14px 35px #00000014,0 2px 8px #00000005;position:relative;transition:all .4s cubic-bezier(.2,.9,.3,1)}.pointer-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pointer-card-title{font-family:var(--font-ui),"Inter",sans-serif;font-size:1.05rem;font-weight:700;color:#0f172a;transition:opacity .25s ease,transform .25s ease}.pointer-card-badge-icon{font-size:1.1rem;opacity:.85}.pointer-card-body{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pointer-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:30px;font-size:.85rem;font-weight:600;line-height:1;transition:all .3s cubic-bezier(.2,.9,.3,1)}.pointer-pill.primary{background:#f1f5f9;color:#0f172a;flex:1;min-width:180px}.pointer-pill.primary .pill-check{width:20px;height:20px;border-radius:50%;background:var(--emerald);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;line-height:1;flex-shrink:0}.pointer-pill.secondary{background:#ecfdf5;color:#065f46;border:1px solid rgba(16,185,129,.2)}.pointer-pill .pill-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;flex-shrink:0;transform:translateY(-.5px)}.pointer-pill .pill-text{display:inline-flex;align-items:center;line-height:1.2}.pointer-arrow-pin{position:absolute;bottom:-9px;left:var(--pointer-pin-x, 10%);width:16px;height:16px;background:#fff;border-right:1.5px solid rgba(0,0,0,.08);border-bottom:1.5px solid rgba(0,0,0,.08);transform:translate(-50%) rotate(45deg);box-shadow:4px 4px 6px #00000005;transition:left .45s cubic-bezier(.2,.9,.3,1)}.stepper-track-container{width:100%;max-width:680px;position:relative;margin:16px 0 28px;padding:16px 12px 14px;overflow:visible}.stepper-gradient-track{position:absolute;top:24px;left:36px;right:36px;height:40px;border-radius:30px;background:#e8edf2;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d;z-index:1}.stepper-track-fill{height:100%;width:20%;background:linear-gradient(90deg,#047857,#059669,#10b981 70%,#34d399);border-radius:30px;box-shadow:0 0 16px #10b98166;transition:width .5s cubic-bezier(.2,.9,.3,1)}.stepper-nodes-row{position:relative;display:flex;justify-content:space-between;align-items:flex-start;width:100%;z-index:2;padding-top:6px;overflow:visible}.step-node-item{display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;padding:0;outline:none;width:84px;transition:transform .25s ease;overflow:visible}.step-node-item:hover{transform:translateY(-2px)}.step-node-bubble{width:56px;height:56px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:800;font-size:1.05rem;border:4px solid var(--bg-section-alt);box-shadow:0 4px 10px #00000014;transition:all .4s cubic-bezier(.2,.9,.3,1);position:relative;margin-top:2px}.step-node-bubble .node-check{display:none;font-size:1.25rem}.step-node-item.active .step-node-bubble{background:#10b981;color:#fff;box-shadow:0 0 0 5px #10b98140,0 8px 18px #10b98166;transform:scale(1.06)}.step-node-item.active .node-check{display:block}.step-node-item.active .node-num{display:none}.step-node-item.completed .step-node-bubble{background:#059669;color:#fff;box-shadow:0 4px 10px #00000014}.step-node-item.completed .node-check{display:block}.step-node-item.completed .node-num{display:none}.step-node-meta{margin-top:10px;display:flex;flex-direction:column;align-items:center}.step-node-idx{display:none}.step-node-label{font-family:var(--font-ui),"Inter",sans-serif;font-size:.82rem;font-weight:700;color:#64748b;transition:color .3s ease;white-space:nowrap}.step-node-item.active .step-node-label{color:#0f172a;font-weight:800}.step-node-item.completed .step-node-label{color:#0f172a}.stepper-protip-pill{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(0,0,0,.08);padding:10px 22px;border-radius:100px;box-shadow:0 4px 14px #00000008;transition:all .3s ease;max-width:600px;margin:0 auto}.protip-badge{font-family:var(--font-ui);font-size:.74rem;font-weight:800;color:#047857;background:#ecfdf5;border:1px solid rgba(16,185,129,.22);padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;flex-shrink:0}.protip-text{font-size:.84rem;font-weight:600;color:#334155;line-height:1.45;text-align:left}.badges-showcase{padding:85px 0 95px;background:var(--bg-section);position:relative;overflow:hidden;text-align:center}.badges-header{position:relative;max-width:780px;margin:0 auto 30px}.badges-title{font-family:var(--font-heading),"Inter",sans-serif;font-size:clamp(2rem,3.8vw,2.85rem);font-weight:800;color:var(--text-primary);line-height:1.15;margin-top:12px;letter-spacing:-.5px}.floating-badge-tag{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;font-family:var(--font-ui);font-size:.82rem;font-weight:700;color:#fff!important;box-shadow:0 10px 25px #00000026;pointer-events:none;z-index:15;animation:float-badge 5s ease-in-out infinite alternate}.floating-badge-tag span{color:#fff!important}.floating-badge-tag:after{content:"";position:absolute;bottom:-6px;left:20px;width:10px;height:10px;transform:rotate(45deg)}.floating-badge-tag.tag-blue{top:18%;left:12%;background:#2563eb}.floating-badge-tag.tag-blue:after{background:#2563eb}.floating-badge-tag.tag-emerald{top:30%;right:14%;background:#059669;animation-delay:2s}.floating-badge-tag.tag-emerald:after{background:#059669}@keyframes float-badge{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2deg)}to{transform:translateY(4px) rotate(1.5deg)}}.badges-deck-wrapper{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 0 50px;perspective:1200px}.badges-deck{display:flex;justify-content:center;align-items:center;position:relative;height:250px;max-width:820px;width:100%;margin:0 auto}.badge-card{--tx: 0px;--ty: 0px;--rot: 0deg;--z: 1;--hover-y: 0px;--hover-scale: 1;--hover-rot: 0deg;--glow-color: rgba(16, 185, 129, .28);--glow-accent: rgba(245, 158, 11, .16);width:165px;height:165px;position:absolute;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#fff,#fafbfd 55%,#f0f4f8);border:1.5px solid rgba(0,0,0,.07);box-shadow:0 18px 38px #0000001c,0 4px 12px #0000000a;cursor:pointer;z-index:var(--z);display:flex;justify-content:center;align-items:center;padding:12px;opacity:0;transform:translate3d(0,45px,0) scale(.65) rotate(0);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .3s ease;will-change:transform,opacity}.badge-card:before{content:"";position:absolute;bottom:-15px;left:5%;right:5%;height:75%;background:radial-gradient(ellipse at 50% 90%,var(--glow-color) 0%,var(--glow-accent) 45%,rgba(255,255,255,0) 75%);border-radius:50%;pointer-events:none;z-index:1;filter:blur(6px);transition:opacity .4s ease,transform .4s ease,filter .4s ease;opacity:.85}.badge-card:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--glow-color),transparent);pointer-events:none;z-index:1;opacity:.7}.badge-card-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;position:relative;z-index:2;filter:drop-shadow(0 6px 14px rgba(0,0,0,.12));transition:transform .35s ease,filter .35s ease}.badge-card.badge-pos-1{--tx: -240px;--ty: 28px;--rot: -16deg;--z: 1;--glow-color: rgba(245, 158, 11, .38);--glow-accent: rgba(251, 191, 36, .2)}.badge-card.badge-pos-2{--tx: -160px;--ty: 12px;--rot: -10deg;--z: 2;--glow-color: rgba(148, 163, 184, .45);--glow-accent: rgba(203, 213, 225, .25)}.badge-card.badge-pos-3{--tx: -80px;--ty: 2px;--rot: -5deg;--z: 3;--glow-color: rgba(234, 179, 8, .32);--glow-accent: rgba(254, 240, 138, .2)}.badge-card.badge-pos-4{--tx: 0px;--ty: -8px;--rot: 0deg;--z: 4;--glow-color: rgba(16, 185, 129, .45);--glow-accent: rgba(52, 211, 153, .25)}.badge-card.badge-pos-5{--tx: 80px;--ty: 2px;--rot: 5deg;--z: 3;--glow-color: rgba(217, 119, 6, .38);--glow-accent: rgba(251, 146, 60, .2)}.badge-card.badge-pos-6{--tx: 160px;--ty: 12px;--rot: 10deg;--z: 2;--glow-color: rgba(234, 179, 8, .48);--glow-accent: rgba(253, 224, 71, .25)}.badge-card.badge-pos-7{--tx: 240px;--ty: 28px;--rot: 16deg;--z: 1;--glow-color: rgba(59, 130, 246, .42);--glow-accent: rgba(147, 197, 253, .22)}.badges-deck-wrapper.revealed .badge-card{opacity:1;transform:translate3d(var(--tx),calc(var(--ty) + var(--hover-y)),0) scale(var(--hover-scale)) rotate(calc(var(--rot) + var(--hover-rot)))}.badges-deck-wrapper.revealed .badge-card.badge-pos-4{transition-delay:.05s}.badges-deck-wrapper.revealed .badge-card.badge-pos-3,.badges-deck-wrapper.revealed .badge-card.badge-pos-5{transition-delay:.15s}.badges-deck-wrapper.revealed .badge-card.badge-pos-2,.badges-deck-wrapper.revealed .badge-card.badge-pos-6{transition-delay:.26s}.badges-deck-wrapper.revealed .badge-card.badge-pos-1,.badges-deck-wrapper.revealed .badge-card.badge-pos-7{transition-delay:.38s}.badges-deck-wrapper.panned .badge-card{transition:transform .45s cubic-bezier(.2,.9,.3,1),box-shadow .45s cubic-bezier(.2,.9,.3,1),border-color .35s ease!important;transition-delay:0s!important}.badge-card:hover{--hover-y: -22px;--hover-scale: 1.12;--hover-rot: calc(-.35 * var(--rot));z-index:50!important;box-shadow:0 30px 60px #0000002e,0 0 32px var(--glow-color);border-color:#10b98159}.badge-card:hover:before{opacity:1;filter:blur(4px) brightness(1.25);transform:scale(1.08)}.badge-card:hover .badge-card-img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}.badges-footer{max-width:580px;margin:10px auto 0}.badges-subtitle{font-family:var(--font-ui);font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.badges-cta-row{display:flex;justify-content:center;align-items:center}@media(max-width:860px){.badges-deck{height:200px}.badge-card{width:125px;height:125px;border-radius:20px}.badge-card.badge-pos-1{--tx: -170px;--ty: 20px;--rot: -14deg}.badge-card.badge-pos-2{--tx: -115px;--ty: 8px;--rot: -9deg}.badge-card.badge-pos-3{--tx: -58px;--ty: 1px;--rot: -4deg}.badge-card.badge-pos-4{--tx: 0px;--ty: -6px;--rot: 0deg}.badge-card.badge-pos-5{--tx: 58px;--ty: 1px;--rot: 4deg}.badge-card.badge-pos-6{--tx: 115px;--ty: 8px;--rot: 9deg}.badge-card.badge-pos-7{--tx: 170px;--ty: 20px;--rot: 14deg}.floating-badge-tag{display:none}}@media(max-width:520px){.badges-deck{height:170px}.badge-card{width:95px;height:95px;border-radius:16px}.badge-card.badge-pos-1{--tx: -120px;--ty: 14px;--rot: -12deg}.badge-card.badge-pos-2{--tx: -80px;--ty: 6px;--rot: -8deg}.badge-card.badge-pos-3{--tx: -40px;--ty: 1px;--rot: -4deg}.badge-card.badge-pos-4{--tx: 0px;--ty: -4px;--rot: 0deg}.badge-card.badge-pos-5{--tx: 40px;--ty: 1px;--rot: 4deg}.badge-card.badge-pos-6{--tx: 80px;--ty: 6px;--rot: 8deg}.badge-card.badge-pos-7{--tx: 120px;--ty: 14px;--rot: 12deg}}.guidance-bento-section{padding:95px 0 105px;background:linear-gradient(180deg,#f8fafc,#fff);position:relative;overflow:hidden}.guidance-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;max-width:1120px;margin:0 auto}.guidance-card{position:relative;border-radius:28px;padding:36px 32px;border:1.5px solid rgba(255,255,255,.95);box-shadow:0 14px 36px #0000000a,0 2px 8px #00000005;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.guidance-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px #00000014,0 4px 16px #00000008}.guidance-card-featured{grid-column:span 7;min-height:300px}.guidance-card-medium{grid-column:span 5;min-height:300px}.guidance-card-tri{grid-column:span 4;min-height:280px}.guidance-card-sky{background:radial-gradient(circle at 85% 15%,rgba(199,210,254,.9) 0%,rgba(224,231,255,.5) 45%,transparent 75%),radial-gradient(circle at 15% 85%,rgba(186,230,253,.75) 0%,rgba(224,242,254,.35) 50%,transparent 80%),linear-gradient(135deg,#f0f9ff,#eef2ff,#e0e7ff)}.guidance-card-peach{background:radial-gradient(circle at 85% 15%,rgba(254,215,170,.85) 0%,rgba(254,243,199,.5) 45%,transparent 75%),radial-gradient(circle at 15% 85%,rgba(254,202,202,.7) 0%,rgba(254,226,226,.35) 50%,transparent 80%),linear-gradient(135deg,#fffbeb,#fff7ed,#fee2e2)}.guidance-card-mint{background:radial-gradient(circle at 85% 15%,rgba(167,243,208,.85) 0%,rgba(209,250,229,.5) 45%,transparent 75%),radial-gradient(circle at 15% 85%,rgba(153,246,228,.75) 0%,rgba(204,251,241,.35) 50%,transparent 80%),linear-gradient(135deg,#f0fdf4,#ecfdf5,#e0f2fe)}.guidance-card-lavender{background:radial-gradient(circle at 85% 15%,rgba(233,213,255,.9) 0%,rgba(243,232,255,.5) 45%,transparent 75%),radial-gradient(circle at 15% 85%,rgba(221,214,254,.75) 0%,rgba(237,233,254,.35) 50%,transparent 80%),linear-gradient(135deg,#faf5ff,#f5f3ff,#ede9fe)}.guidance-card-honey{background:radial-gradient(circle at 85% 15%,rgba(253,230,138,.85) 0%,rgba(254,240,138,.5) 45%,transparent 75%),radial-gradient(circle at 15% 85%,rgba(254,215,170,.7) 0%,rgba(255,237,213,.35) 50%,transparent 80%),linear-gradient(135deg,#fefce8,#fffbeb,#fef3c7)}.guidance-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.guidance-tag-pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:.76rem;font-weight:700;padding:5px 14px;border-radius:20px;background:#ffffffeb;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 6px #00000008;width:fit-content}.guidance-tag-pill.tag-blue{color:#1d4ed8}.guidance-tag-pill.tag-amber{color:#b45309}.guidance-tag-pill.tag-emerald{color:#047857}.guidance-tag-pill.tag-purple{color:#6d28d9}.guidance-tag-pill.tag-honey{color:#92400e}.guidance-arabic-pill{font-family:var(--font-arabic),serif;font-size:1rem;font-weight:700;color:#1e293b;background:#ffffffa6;padding:3px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.8)}.guidance-arabic-script{font-family:var(--font-arabic),serif;font-size:1.15rem;font-weight:700;color:#334155;margin-bottom:8px;opacity:.85}.guidance-card-title{font-family:var(--font-ui),sans-serif;font-size:1.32rem;font-weight:800;color:#0f172a;margin-bottom:10px;letter-spacing:-.3px;line-height:1.3}.guidance-card-featured .guidance-card-title{font-size:1.45rem}.guidance-card-quote{font-family:var(--font-ui),"Inter",sans-serif;font-size:.95rem;line-height:1.65;color:#334155;font-style:italic;margin-bottom:18px}.guidance-card-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px}.guidance-surah-badge{font-family:var(--font-ui);font-size:.8rem;font-weight:700;color:#1e293b}.guidance-ayah-num{font-family:var(--font-ui);font-size:.76rem;font-weight:600;color:#64748b;background:#0000000d;padding:2px 8px;border-radius:6px}@media(max-width:980px){.guidance-card-featured,.guidance-card-medium{grid-column:span 12}.guidance-card-tri{grid-column:span 6}}@media(max-width:680px){.guidance-bento-grid{grid-template-columns:1fr;gap:18px}.guidance-card-featured,.guidance-card-medium,.guidance-card-tri{grid-column:span 1;min-height:auto;padding:28px 22px}}.reviews-arc-section{padding:95px 0 105px;background:linear-gradient(180deg,#fff,#f8fafc);position:relative;overflow:hidden}.reviews-arc-stage{position:relative;width:100%;max-width:720px;margin:0 auto;min-height:520px;display:flex;flex-direction:column;align-items:center}.arc-avatars-ring{position:relative;width:100%;max-width:720px;height:300px;margin:0 auto;overflow:visible}.arc-lines-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.arc-avatar-node{position:absolute;width:60px;height:60px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;outline:none;z-index:2;will-change:left,top,opacity,transform}.arc-avatar-node.active{z-index:5}.arc-avatar-circle{width:58px;height:58px;border-radius:50%;overflow:hidden;background:#f1f5f9;border:3px solid #FFFFFF;box-shadow:0 4px 16px #0000001a;transition:box-shadow .4s ease,border-color .4s ease,transform .4s ease}.arc-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.arc-avatar-node.active .arc-avatar-circle{border-color:var(--emerald);box-shadow:0 0 0 4px #10b98140,0 8px 24px #0000001f;transform:scale(1.08)}.arc-avatar-badge{position:absolute;top:64px;left:50%;transform:translate(-50%) translateY(4px) scale(.9);display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #00000014;font-family:var(--font-ui);font-size:.72rem;font-weight:700;color:#334155;white-space:nowrap;opacity:0;transition:opacity .35s ease,transform .35s ease;pointer-events:none}.arc-avatar-node.active .arc-avatar-badge{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.arc-review-card{width:100%;max-width:520px;position:relative;z-index:4;margin-top:-15px}.arc-review-card-inner{background:#fff;border-radius:24px;padding:28px 32px;border:1.5px solid rgba(0,0,0,.07);box-shadow:0 20px 60px #00000012,0 4px 16px #00000008;transition:opacity .35s ease,transform .35s ease}.arc-review-card-inner.fade-out{opacity:0;transform:translateY(8px) scale(.98)}.arc-review-stars{font-size:1.05rem;color:#f59e0b;letter-spacing:2px;margin-bottom:14px}.arc-review-text{font-family:var(--font-ui),"Inter",sans-serif;font-size:.95rem;color:var(--text-secondary);line-height:1.75;font-style:italic;margin-bottom:20px}.arc-review-author{display:flex;align-items:center;gap:12px}.arc-review-author-img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #F1F5F9;background:#f1f5f9;transition:opacity .35s ease}.arc-review-author-name{font-family:var(--font-ui);font-weight:700;font-size:.92rem;color:var(--text-primary)}.arc-review-author-role{font-family:var(--font-ui);font-size:.78rem;color:var(--text-muted);font-weight:500}.app-showcase{padding:100px 0 110px;background:linear-gradient(180deg,#fff,#f8fafc);position:relative;overflow:hidden}.showcase-deck-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:1100px;margin:30px auto 0;padding:40px 20px 20px;perspective:1200px}.showcase-devices-deck{display:flex;align-items:flex-end;justify-content:center;position:relative;width:100%;min-height:520px}.showcase-device-item{position:relative;display:flex;flex-direction:column;align-items:center;transition:transform .65s cubic-bezier(.16,1,.3,1),z-index .3s ease,filter .65s ease;will-change:transform}.showcase-device-frame{position:relative;border-radius:36px;border:6px solid #14171F;background:#14171f;box-shadow:0 26px 65px #0f172a47,0 10px 25px #00000026,0 0 0 1px #ffffff40;overflow:hidden;transition:box-shadow .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.showcase-device-frame .device-screen-img{width:100%;height:auto;display:block;border-radius:30px;image-rendering:auto;-webkit-font-smoothing:antialiased}.showcase-device-center{z-index:10;transform:translateY(0) scale(1.04)}.showcase-device-center .showcase-device-frame{width:260px;box-shadow:0 32px 75px #0f172a52,0 12px 30px #0000002e,0 0 0 1px #ffffff4d}.showcase-device-left{z-index:5;margin-right:-105px;transform:translate(0) translateY(24px) scale(.92) rotate(-4deg);opacity:.94}.showcase-device-left .showcase-device-frame{width:245px}.showcase-device-right{z-index:5;margin-left:-105px;transform:translate(0) translateY(24px) scale(.92) rotate(4deg);opacity:.94}.showcase-device-right .showcase-device-frame{width:245px}.showcase-device-label{margin-top:20px;font-family:var(--font-ui);font-size:.85rem;font-weight:700;color:#475569;background:#ffffffe6;padding:4px 14px;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 12px #0000000a;transition:all .4s ease;white-space:nowrap}.showcase-deck-wrapper:hover .showcase-device-left,.showcase-deck-wrapper.hover-active .showcase-device-left{transform:translate(-120px) translateY(8px) scale(.98) rotate(-1deg);opacity:1}.showcase-deck-wrapper:hover .showcase-device-left .showcase-device-frame,.showcase-deck-wrapper.hover-active .showcase-device-left .showcase-device-frame{filter:brightness(1);box-shadow:0 30px 65px #0f172a40,0 0 0 1px #ffffff59}.showcase-deck-wrapper:hover .showcase-device-center,.showcase-deck-wrapper.hover-active .showcase-device-center{transform:translateY(-16px) scale(1.08)}.showcase-deck-wrapper:hover .showcase-device-center .showcase-device-frame,.showcase-deck-wrapper.hover-active .showcase-device-center .showcase-device-frame{box-shadow:0 40px 90px #0f172a61,0 0 0 1px #ffffff73}.showcase-deck-wrapper:hover .showcase-device-right,.showcase-deck-wrapper.hover-active .showcase-device-right{transform:translate(120px) translateY(8px) scale(.98) rotate(1deg);opacity:1}.showcase-deck-wrapper:hover .showcase-device-right .showcase-device-frame,.showcase-deck-wrapper.hover-active .showcase-device-right .showcase-device-frame{filter:brightness(1);box-shadow:0 30px 65px #0f172a40,0 0 0 1px #ffffff59}.showcase-device-item:hover{z-index:20!important}.showcase-device-item:hover .showcase-device-label{color:var(--emerald);border-color:#10b9814d;box-shadow:0 6px 18px #10b98126}@media(max-width:900px){.showcase-deck-wrapper:hover .showcase-device-left{transform:translate(-50px) translateY(8px) scale(.95)}.showcase-deck-wrapper:hover .showcase-device-right{transform:translate(50px) translateY(8px) scale(.95)}}@media(max-width:680px){.showcase-devices-deck{flex-direction:column;align-items:center;gap:32px;min-height:auto}.showcase-device-left,.showcase-device-center,.showcase-device-right{margin:0!important;transform:none!important;opacity:1!important}.showcase-device-frame,.showcase-device-center .showcase-device-frame{width:250px!important}.showcase-deck-wrapper:hover .showcase-device-left,.showcase-deck-wrapper:hover .showcase-device-center,.showcase-deck-wrapper:hover .showcase-device-right{transform:none!important}}.download-cta{padding:100px 0 110px;position:relative;background:linear-gradient(155deg,#021a12,#063426,#084835 70%,#032318);overflow:hidden;border-top:1px solid rgba(255,255,255,.1)}.download-ambient-glow{position:absolute;border-radius:50%;pointer-events:none}.glow-top-left{top:-120px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.3) 0%,transparent 70%);filter:blur(60px)}.glow-bottom-right{bottom:-120px;right:-100px;width:550px;height:550px;background:radial-gradient(circle,rgba(52,211,153,.22) 0%,transparent 70%);filter:blur(70px)}.download-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.download-cta-container{display:flex;align-items:center;justify-content:space-between;gap:48px;max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:10}.download-content{flex:1.1;max-width:560px}.download-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#a7f3d0;font-family:var(--font-ui);font-size:.82rem;font-weight:700;letter-spacing:.4px;margin-bottom:20px;box-shadow:0 4px 16px #0003}.download-title{font-family:var(--font-heading);font-size:clamp(2.1rem,3.6vw,2.9rem);font-weight:800;line-height:1.2;margin-bottom:20px;color:#fff;letter-spacing:-.5px}.gradient-text-gold{background:linear-gradient(135deg,#fde68a,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline}.download-subtitle{font-size:1.02rem;color:#ffffffe0;line-height:1.7;margin-bottom:30px}.download-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:34px}.download-feature-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .3s ease}.download-feature-item:hover{background:#ffffff1a;border-color:#10b98166;transform:translateY(-2px)}.feature-icon-box{width:32px;height:32px;border-radius:10px;background:#10b98133;border:1px solid rgba(16,185,129,.35);display:flex;align-items:center;justify-content:center;color:#34d399;flex-shrink:0;margin-top:1px}.feature-icon-box .lucide-icon{width:18px;height:18px}.feature-text-block strong{display:block;font-family:var(--font-ui);font-size:.88rem;font-weight:700;color:#fff;margin-bottom:2px}.feature-text-block span{display:block;font-family:var(--font-ui);font-size:.76rem;color:#ffffffb8;line-height:1.35}.download-action-group{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.download-trust-badge{display:flex;flex-direction:column;gap:4px}.trust-stars{color:#fbbf24;font-size:.95rem;letter-spacing:2px;text-shadow:0 0 10px rgba(251,191,36,.4)}.trust-label{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:#fffc}.download-mockup-deck-container{flex:.9;max-width:480px;display:flex;flex-direction:column;align-items:center;position:relative}.cta-screen-tabs{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#00000073;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-pill);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:38px;z-index:30;box-shadow:0 8px 30px #00000059}.cta-tab-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;border:none;background:transparent;color:#ffffffbf;border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.cta-tab-btn:hover{color:#fff;background:#ffffff1a}.cta-tab-btn.active{color:#064e3b;background:linear-gradient(135deg,#fff,#e2e8f0);box-shadow:0 4px 14px #00000040}.cta-tab-btn .lucide-icon{width:15px;height:15px}.tab-label-desktop{display:inline}.tab-label-mobile{display:none}.cta-mockup-stage{position:relative;width:100%;height:540px;display:flex;align-items:flex-start;justify-content:center;perspective:1200px;-webkit-perspective:1200px}.cta-phone-card{position:absolute;top:10px;display:flex;flex-direction:column;align-items:center;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .65s ease,z-index .3s ease,filter .65s ease;will-change:transform,opacity;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cta-phone-frame{position:relative;width:240px;border-radius:36px;border:6px solid #14171F;background:#14171f;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff38;overflow:hidden;transition:box-shadow .65s cubic-bezier(.16,1,.3,1),width .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.cta-phone-frame .device-screen-img{width:100%;height:auto;display:block;border-radius:30px;image-rendering:auto;-webkit-font-smoothing:antialiased}.cta-phone-floating-pill{margin-top:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 15px;background:#0f172ae0;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);color:#fff;font-family:var(--font-ui);font-size:.78rem;font-weight:700;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 20px #0006;transition:opacity .4s ease,transform .4s ease;opacity:0;transform:translateY(6px);pointer-events:none}.cta-phone-floating-pill .lucide-icon{width:14px;height:14px;color:#34d399}.cta-phone-card.pos-front{z-index:12;transform:translateZ(0);opacity:1}.cta-phone-card.pos-front .cta-phone-frame{width:255px;box-shadow:0 35px 85px #000000b8,0 0 0 1.5px #ffffff61,0 0 40px #10b98147}.cta-phone-card.pos-front .cta-phone-floating-pill{opacity:1;transform:translateY(0);background:#064e3bf0;border-color:#34d3998c;box-shadow:0 6px 20px #10b9814d;pointer-events:auto}.cta-phone-card.pos-right-1{z-index:8;transform:translate3d(58px,18px,0) scale(.92) rotate(3.5deg);opacity:.9}.cta-phone-card.pos-left-1{z-index:6;transform:translate3d(-58px,24px,0) scale(.88) rotate(-3.5deg);opacity:.85}.cta-phone-card.pos-right-2{z-index:4;transform:translate3d(98px,40px,0) scale(.82) rotate(7deg);opacity:.75}.cta-phone-card:hover{opacity:1}.cta-phone-card:hover{filter:brightness(1)}@media(max-width:1024px){.download-cta-container{flex-direction:column;text-align:center;gap:48px}.download-content{max-width:650px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.download-features-grid{text-align:left}.download-action-group{justify-content:center}}@media(max-width:640px){.download-features-grid{grid-template-columns:1fr}.cta-screen-tabs{flex-wrap:wrap;justify-content:center}.cta-mockup-stage{height:440px}.cta-phone-frame{width:210px}}.footer{padding:60px 0 30px;background:#fafcfb;border-top:1px solid var(--border-light)}.footer-top{display:flex;justify-content:space-between;gap:48px;margin-bottom:40px}.footer-brand{max-width:260px}.footer-logo{height:38px;width:auto;max-width:145px;object-fit:contain;margin-bottom:14px;display:block}.footer-tagline{font-size:.9rem;color:var(--text-muted)}.footer-links-group{display:flex;flex-direction:column;gap:10px}.footer-heading{font-family:var(--font-ui);font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.footer-link{font-size:.9rem;color:var(--text-muted);transition:color var(--transition-fast)}.footer-link:hover{color:var(--emerald-dark)}.footer-bottom{padding-top:24px;border-top:1px solid var(--border-light);text-align:center;font-size:.85rem;color:var(--text-muted)}@media(min-width:1024px){.features-bento{grid-template-columns:repeat(6,1fr)}.feature-card-lg{grid-column:span 3}.feature-card-sm{grid-column:span 2}.feature-card-full{grid-column:span 6}}@media(max-width:1024px){:root{--section-padding: 80px 0}.hero-sky{padding-top:110px;padding-bottom:60px}.hero-sky-device{width:290px}.steps-row{flex-wrap:wrap}.step-connector{display:none}.arc-avatars-ring{max-width:100%;height:220px}.arc-avatar-circle{width:48px;height:48px}.arc-review-card-inner{padding:22px 20px}.download-cta-inner{flex-direction:column;text-align:center}.download-content{max-width:100%}.download-phone{max-width:240px}.footer-top{flex-direction:column;align-items:center;text-align:center}.showcase-phones{flex-direction:column;align-items:center}.showcase-phone img,.showcase-phone-center img{width:250px}}@media(max-width:768px){:root{--section-padding: 64px 0;--container-padding: 0 16px}html,body{overflow-x:hidden!important;max-width:100vw;width:100%}.nav-logo-img{height:31px!important;max-width:125px!important}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#021b19bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9990;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.nav-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.nav-links{position:fixed;top:0;right:-100%;width:min(320px,85vw);height:100vh;height:100dvh;background:#021b19;border-left:1px solid rgba(52,211,153,.25);box-shadow:-10px 0 40px #0009;flex-direction:column;padding:24px 24px 36px;gap:6px;transition:right .35s cubic-bezier(.16,1,.3,1),visibility .35s ease;visibility:hidden;pointer-events:none;z-index:10000;overflow-y:auto}.nav-links.open{right:0;visibility:visible;pointer-events:auto}.nav-drawer-header{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding-bottom:18px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-drawer-logo{height:28px;width:auto;filter:brightness(0) invert(1)}.nav-drawer-close{width:38px;height:38px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#cbd5e1;cursor:pointer;transition:all var(--transition-fast)}.nav-drawer-close:hover{background:#ef444433;border-color:#ef444466;color:#f87171;transform:rotate(90deg)}.nav-links .nav-link{color:#e2e8f0!important;text-shadow:none!important;padding:12px 16px;font-size:1.02rem;font-weight:600;width:100%;border-radius:12px;transition:all var(--transition-fast)}.nav-links .nav-link:hover{background:#ffffff14;color:#34d399!important}.nav-links .nav-link-sub{font-size:.92rem;opacity:.75;padding-left:20px}.nav-links .rainbow-button{margin-top:12px;width:100%;justify-content:center}.nav-hamburger{display:flex}.hero-sky{padding-top:95px;padding-bottom:45px;overflow:hidden}.hero-sky-title{font-size:clamp(1.85rem,7.5vw,2.75rem)}.hero-sky-subtitle{font-size:.95rem;padding:0 8px}.hero-sky-cta-row{flex-direction:column;width:100%;gap:12px}.hero-sky-cta-row .btn,.hero-sky-cta-row .rainbow-button{width:100%;justify-content:center}.hero-sky-device{width:min(255px,78vw);border-radius:34px;border-width:6px}.hero-sky-badges{font-size:.78rem;gap:8px;padding:8px 16px}.prayer-times-wrapper{padding:0}.celestial-prayer-card{padding:24px 16px;border-radius:24px}.celestial-visual-container{grid-template-columns:1fr;gap:18px}.celestial-sky-stage{height:130px}.celestial-bottom-pills{grid-template-columns:1fr;gap:10px}.prayer-grid{grid-template-columns:repeat(5,1fr);gap:5px}.prayer-card{padding:10px 3px;border-radius:12px}.prayer-card-name{font-size:.74rem}.prayer-card-arabic{font-size:.68rem}.prayer-card-time{font-size:.82rem;margin-bottom:4px}.prayer-time-val{font-size:.84rem}.prayer-time-period{font-size:.58rem}.prayer-card-badge{font-size:.55rem;padding:2px 3px}.bento-row.row-wide-left,.bento-row.row-wide-right{grid-template-columns:1fr;gap:18px}.bento-card{padding:26px 20px;flex-direction:column!important;min-height:auto}.bento-wide .bento-content{max-width:100%}.bento-visual-right,.bento-visual-left{position:static;transform:none;width:100%;margin-top:18px;display:flex;justify-content:center}.bento-img-phone,.bento-img-phone-bottom{max-width:170px}.how-it-works{padding:60px 0 70px;overflow:hidden}.how-it-works-board{width:100%;max-width:100%;padding:0 4px}.board-heading{font-size:clamp(1.5rem,6vw,2.1rem);padding:0 4px;line-height:1.25}.board-subheading{font-size:.88rem;padding:0 6px;line-height:1.5}.pointer-card-wrapper{width:100%;max-width:100%;padding:0 2px}.pointer-card{width:100%;padding:16px 14px;border-radius:20px;margin-bottom:22px}.pointer-card-title{font-size:.92rem}.pointer-card-body{flex-direction:column;gap:8px;align-items:stretch}.pointer-pill{width:100%;justify-content:flex-start;padding:8px 12px;font-size:.78rem}.stepper-track-container{width:100%;max-width:100%;padding:18px 2px 8px;margin:8px 0 20px;overflow:visible}.stepper-gradient-track{display:none}.stepper-nodes-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:2px;padding:12px 0 0;overflow:visible}.step-node-item{flex:1;min-width:0;width:auto;max-width:64px;padding:2px 0 0;display:flex;flex-direction:column;align-items:center;overflow:visible}.step-node-bubble{width:44px;height:44px;font-size:.88rem;border-width:3px;margin-top:2px}.step-node-item.active .step-node-bubble{box-shadow:0 0 0 5px #10b98140,0 6px 14px #10b98159;transform:scale(1.04)}.step-node-bubble .node-check svg{width:18px;height:18px}.step-node-meta{margin-top:6px;width:100%;display:flex;justify-content:center}.step-node-label{font-size:.66rem;white-space:normal;text-align:center;line-height:1.15;word-break:normal;max-width:58px;color:#64748b;display:block}.stepper-protip-pill{width:100%;max-width:100%;padding:10px 14px;gap:10px;flex-direction:row;align-items:center;text-align:left;border-radius:16px}.protip-badge{padding:4px 8px;font-size:.7rem;white-space:nowrap;flex-shrink:0}.protip-text{font-size:.78rem;line-height:1.4;text-align:left}.reviews-arc-section{padding:60px 0 70px;overflow:hidden}.reviews-arc-stage{min-height:auto;gap:16px}.arc-avatars-ring{height:220px;max-width:330px;margin:0 auto}.arc-avatar-circle{width:44px;height:44px;border-width:2.5px}.arc-avatar-node{width:46px;height:46px}.arc-avatar-badge{display:none}.arc-review-card{margin-top:0;padding:0 4px;width:100%}.arc-review-card-inner{padding:20px 16px;border-radius:20px}.arc-review-text{font-size:.88rem;line-height:1.6;margin-bottom:14px}.app-showcase{padding:60px 0 70px;overflow:hidden}.showcase-deck-wrapper{margin-top:15px;padding:20px 10px 10px}.showcase-devices-deck{flex-direction:column;align-items:center;gap:24px;min-height:auto}.showcase-device-left,.showcase-device-center,.showcase-device-right{margin:0!important;transform:none!important;opacity:1!important}.showcase-device-frame,.showcase-device-center .showcase-device-frame{width:min(240px,75vw)!important}.showcase-deck-wrapper:hover .showcase-device-left,.showcase-deck-wrapper:hover .showcase-device-center,.showcase-deck-wrapper:hover .showcase-device-right{transform:none!important}.badges-showcase{padding:60px 0 70px;overflow:hidden}.badge-fan-stage{height:170px}.badge-card{width:64px;height:64px}.badge-card.badge-center{width:78px;height:78px}.download-cta{padding:65px 0 75px;overflow:hidden}.download-cta-container{flex-direction:column;text-align:center;gap:36px;padding:0 16px}.download-content{max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.download-title{font-size:clamp(1.75rem,6vw,2.25rem);line-height:1.22}.download-subtitle{font-size:.92rem;line-height:1.6;margin-bottom:24px}.download-features-grid{grid-template-columns:1fr;gap:10px;width:100%;margin-bottom:28px}.download-action-group{justify-content:center;width:100%;gap:16px}.download-mockup-deck-container{width:100%;max-width:350px}.tab-label-desktop{display:none}.tab-label-mobile{display:inline}.cta-screen-tabs{display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:350px;gap:2px;padding:4px;border-radius:100px;margin-bottom:24px}.cta-tab-btn{padding:7px 4px;font-size:.7rem;gap:3px;justify-content:center;width:100%}.cta-tab-btn .lucide-icon{width:13px;height:13px;flex-shrink:0}.cta-mockup-stage{height:460px;width:100%}.cta-phone-frame{width:195px;border-radius:30px}.cta-phone-card.pos-front .cta-phone-frame{width:220px}.cta-phone-card.pos-right-1{transform:translate3d(32px,14px,0) scale(.9) rotate(3deg)}.cta-phone-card.pos-left-1{transform:translate3d(-32px,18px,0) scale(.86) rotate(-3deg)}.cta-phone-card.pos-right-2{transform:translate3d(58px,30px,0) scale(.8) rotate(5deg)}.footer{padding:48px 0 24px}.footer-top{flex-direction:column;align-items:center;text-align:center;gap:28px}.footer-brand{max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto}.footer-logo{margin:0 auto 10px;display:block;height:38px;width:auto}.footer-tagline{text-align:center;margin:0 auto}.footer-links-group{align-items:center;text-align:center;gap:8px}.footer-heading,.footer-bottom{text-align:center}.btn-lg{width:100%;justify-content:center}}.custom-scrollbar{position:fixed;right:12px;top:50%;transform:translateY(-50%) translate(10px);z-index:99999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),visibility .35s}.custom-scrollbar.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translate(0)}.custom-scrollbar-track{position:relative;width:5px;height:130px;background:#0000001f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:9999px;cursor:pointer;box-shadow:0 1px 4px #0000000f;transition:width .2s cubic-bezier(.16,1,.3,1),background .2s ease}.custom-scrollbar:hover .custom-scrollbar-track{width:7px;background:#0000002e}.custom-scrollbar-thumb{position:absolute;top:0;left:0;width:100%;height:28px;background:#111827;border-radius:9999px;box-shadow:0 2px 6px #00000040;cursor:grab;will-change:transform;transform:translateZ(0);transition:background .2s ease,width .2s ease}.custom-scrollbar-thumb:hover{background:#000}.custom-scrollbar-thumb:active{cursor:grabbing;background:#000}.legal-page{background:#fafcfb;color:var(--text-primary)}.navbar-solid{background:#fffffff0!important;backdrop-filter:blur(20px) saturate(1.5)!important;-webkit-backdrop-filter:blur(20px) saturate(1.5)!important;border-bottom:1px solid var(--border-light)!important;padding:12px 0!important;box-shadow:0 4px 20px #0000000a!important}.navbar-solid .nav-logo-img{filter:drop-shadow(0 1px 4px rgba(0,0,0,.12))!important}.navbar-solid .nav-link{color:var(--text-secondary)!important;text-shadow:none!important;font-weight:600!important}.navbar-solid .nav-link:hover{color:var(--emerald-darker)!important;background:var(--emerald-lightest)!important}.navbar-solid .nav-hamburger span{background:var(--text-primary)!important}.legal-header{position:relative;padding:130px 0 60px;background:linear-gradient(155deg,#edf7f0,#fafcfb 45%,#eef4fa);border-bottom:1px solid var(--border-light);overflow:hidden;text-align:center}.legal-header-bg{position:absolute;top:0;left:50%;transform:translate(-50%);width:900px;height:400px;background:radial-gradient(ellipse at 50% 20%,#10b9811f,#fff0 70%);pointer-events:none;z-index:0}.legal-header-container{position:relative;z-index:1;max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.legal-breadcrumbs{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:.84rem;font-weight:600;color:var(--text-muted);margin-bottom:18px}.breadcrumb-link{display:inline-flex;align-items:center;gap:4px;color:var(--emerald-dark);transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--emerald-darker);text-decoration:underline}.breadcrumb-sep{color:#cbd5e1}.breadcrumb-current{color:var(--text-secondary)}.legal-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:#10b9811a;border:1px solid rgba(16,185,129,.25);font-family:var(--font-ui);font-size:.78rem;font-weight:700;color:var(--emerald-dark);margin-bottom:14px}.legal-title{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;color:var(--text-primary);line-height:1.15;letter-spacing:-.5px;margin-bottom:12px}.legal-subtitle{font-family:var(--font-ui);font-size:.95rem;color:var(--text-secondary)}.legal-subtitle strong{color:var(--text-primary)}.legal-main-section{padding:50px 0 90px;position:relative}.legal-layout-container{max-width:860px;margin:0 auto}.legal-toc-bar{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#fff;border:1px solid var(--border-light);border-radius:18px;margin-bottom:30px;box-shadow:0 4px 16px #00000005;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.legal-toc-bar::-webkit-scrollbar{display:none}.toc-title{font-family:var(--font-ui);font-size:.8rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.toc-pills{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.toc-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-pill);background:#f1f5f9;border:1px solid rgba(0,0,0,.04);font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:#475569;white-space:nowrap;transition:all var(--transition-fast)}.toc-pill:hover{background:var(--emerald-lightest);border-color:#10b9814d;color:var(--emerald-darker);transform:translateY(-1px)}.legal-document-card{background:#fff;border:1.5px solid rgba(0,0,0,.06);border-radius:28px;padding:48px 52px;box-shadow:0 16px 48px #00000008,0 2px 8px #00000005}.legal-intro-card{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid rgba(16,185,129,.22);border-radius:20px;padding:24px 28px;margin-bottom:40px}.intro-icon-ring{width:44px;height:44px;border-radius:50%;background:var(--emerald);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #10b9814d}.intro-heading{font-family:var(--font-heading);font-size:1.28rem;font-weight:700;color:#064e3b;margin-bottom:6px}.intro-text{font-family:var(--font-body);font-size:.96rem;color:#047857;line-height:1.7}.legal-section{display:flex;align-items:flex-start;gap:24px;padding:36px 0;border-bottom:1px solid rgba(0,0,0,.06);scroll-margin-top:100px}.legal-section:last-of-type{border-bottom:none}.section-num-badge{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-family:var(--font-ui);font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #10b98140;margin-top:2px}.section-body{flex:1}.section-heading{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:#0f172a;margin-bottom:12px;line-height:1.3}.section-body p{font-family:var(--font-body);font-size:1rem;line-height:1.8;color:#334155;margin-bottom:14px}.section-body p:last-child{margin-bottom:0}.legal-prohibition-box{display:flex;align-items:flex-start;gap:12px;background:#fffbeb;border:1px solid rgba(245,158,11,.3);border-radius:14px;padding:14px 18px;margin-top:14px}.prohibition-icon{font-size:1.1rem;flex-shrink:0}.legal-prohibition-box p{font-size:.92rem!important;color:#92400e!important;margin:0!important;font-weight:500}.legal-disclaimer-card{background:#fffbeb;border:1.5px solid rgba(245,158,11,.35);border-radius:18px;padding:20px 24px;margin-top:16px;box-shadow:0 4px 14px #f59e0b0d}.disclaimer-header{display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:.92rem;color:#b45309;margin-bottom:8px}.disclaimer-text{font-size:.94rem!important;color:#78350f!important;line-height:1.7!important;margin:0!important}.legal-contact-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#022c22,#064e3b);border-radius:22px;padding:32px 36px;margin-top:40px;color:#fff;box-shadow:0 12px 32px #064e3b33}.contact-card-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:6px}.contact-card-desc{font-family:var(--font-body);font-size:.92rem;color:#fffc;line-height:1.6;margin:0}.contact-card-btn{white-space:nowrap;flex-shrink:0}.active-link{color:var(--emerald-dark)!important;font-weight:700}.privacy-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.privacy-pillar-pill{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--border-light);border-radius:16px;padding:12px 16px;font-family:var(--font-ui);font-size:.88rem;font-weight:700;color:#1e293b;box-shadow:0 4px 14px #00000008;transition:all var(--transition-fast);cursor:default}.privacy-pillar-pill:hover{transform:translateY(-2px);border-color:#10b98159;box-shadow:0 8px 24px #10b98114;background:#f0fdf4}.privacy-pillar-icon-box{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.privacy-pillar-pill:hover .privacy-pillar-icon-box{transform:scale(1.08)}.icon-box-emerald{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid rgba(16,185,129,.3);color:#059669}.icon-box-rose{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border:1px solid rgba(244,63,94,.3);color:#e11d48}.icon-box-amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(245,158,11,.3);color:#d97706}.prohibition-icon-box{width:28px;height:28px;border-radius:8px;background:#fee2e2;border:1px solid rgba(239,68,68,.3);color:#dc2626;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prohibition-icon-svg{color:#dc2626}.privacy-check-list{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:12px}.privacy-check-list li{display:flex;align-items:flex-start;gap:12px;font-family:var(--font-body);font-size:.98rem;color:#334155;line-height:1.65}.check-icon-circle{width:26px;height:26px;border-radius:50%;background:#ecfdf5;border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.permissions-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.permission-card{background:#f8fafc;border:1px solid var(--border-light);border-radius:18px;padding:22px;box-shadow:0 4px 12px #00000005;transition:all var(--transition-fast)}.permission-card:hover{border-color:#10b9814d;background:#f0fdf4;transform:translateY(-2px)}.permission-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.permission-icon-box{width:36px;height:36px;border-radius:10px;background:#ecfdf5;border:1px solid rgba(16,185,129,.25);display:flex;align-items:center;justify-content:center}.permission-title{font-family:var(--font-heading);font-size:1.12rem;font-weight:700;color:#0f172a;margin:0}.permission-desc{font-size:.92rem!important;color:#475569!important;line-height:1.65!important;margin:0!important}.analytics-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.analytics-box{border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:10px}.analytics-box p{font-size:.92rem!important;line-height:1.65!important;margin:0!important}.track-box{background:#f0fdf4;border:1px solid rgba(16,185,129,.3)}.track-box p{color:#065f46!important}.not-track-box{background:#fef2f2;border:1px solid rgba(239,68,68,.25)}.not-track-box p{color:#991b1b!important}.analytics-box-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.track-badge{color:#059669}.not-track-badge{color:#dc2626}.privacy-contact-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.privacy-contact-card-link{display:flex;align-items:center;gap:14px;background:#f8fafc;border:1.5px solid var(--border-light);border-radius:16px;padding:16px 18px;text-decoration:none;transition:all var(--transition-fast)}.privacy-contact-card-link:hover{background:#f0fdf4;border-color:#10b98159;transform:translateY(-2px);box-shadow:0 4px 16px #10b98114}.contact-icon-pill{width:38px;height:38px;border-radius:50%;background:var(--emerald);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-link-label{display:block;font-family:var(--font-ui);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.contact-link-val{display:block;font-family:var(--font-ui);font-size:.95rem;font-weight:700;color:var(--emerald-dark)}@media(max-width:768px){.legal-header{padding:105px 0 45px}.legal-title{font-size:2.1rem}.legal-subtitle{font-size:.86rem}.legal-main-section{padding:30px 0 70px}.legal-document-card{padding:28px 20px;border-radius:20px}.legal-intro-card{padding:18px 16px;border-radius:16px;flex-direction:column;gap:12px}.legal-section{flex-direction:column;gap:12px;padding:26px 0}.section-num-badge{width:32px;height:32px;font-size:.88rem}.section-heading{font-size:1.2rem}.section-body p{font-size:.94rem;line-height:1.7}.legal-disclaimer-card{padding:16px 18px;border-radius:14px}.privacy-pillars-grid{grid-template-columns:1fr;gap:8px}.permissions-cards-grid,.analytics-comparison-grid,.privacy-contact-links{grid-template-columns:1fr;gap:12px}.legal-contact-card{flex-direction:column;text-align:center;padding:24px 20px;gap:18px}.contact-card-btn{width:100%;justify-content:center}}.waitlist-page{background-color:#021b19;background-image:radial-gradient(circle at 50% 0%,rgba(16,185,129,.15) 0%,transparent 60%),radial-gradient(circle at 10% 80%,rgba(6,78,59,.25) 0%,transparent 50%),radial-gradient(circle at 90% 40%,rgba(20,184,166,.12) 0%,transparent 50%);color:#f8fafc;min-height:100vh;position:relative;overflow-x:hidden}.waitlist-main-section{position:relative;padding:140px 20px 80px;min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.waitlist-glow-sphere{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px);z-index:0}.glow-top{top:-10%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(circle,#10b98140,#04785700 70%)}.glow-bottom{bottom:0;right:10%;width:450px;height:450px;background:radial-gradient(circle,rgba(20,184,166,.15) 0%,transparent 70%)}.waitlist-container{position:relative;z-index:1;max-width:780px;width:100%;margin:0 auto;text-align:center}.waitlist-badge-wrapper{margin-bottom:20px}.waitlist-pill-badge{display:inline-flex;align-items:center;gap:8px;background:#10b9811f;border:1px solid rgba(52,211,153,.35);color:#34d399;font-family:var(--font-ui);font-size:.85rem;font-weight:700;padding:8px 18px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 20px #10b98133}.waitlist-headline{font-family:var(--font-heading);font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:800;line-height:1.15;color:#fff;margin-bottom:18px;letter-spacing:-.02em}.waitlist-highlight{background:linear-gradient(135deg,#6ee7b7,#34d399 40%,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.waitlist-subtitle{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.15rem);line-height:1.7;color:#cbd5e1;max-width:640px;margin:0 auto 36px}.waitlist-card{background:#0f2220bf;border:1.5px solid rgba(52,211,153,.25);border-radius:28px;padding:40px 36px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000059,0 0 40px #10b98114;margin-bottom:48px;text-align:left}.form-header{margin-bottom:24px}.form-header h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:#f1f5f9;margin-bottom:6px}.form-header p{font-size:.92rem;color:#94a3b8}.platform-selector-group{margin-bottom:20px}.platform-label{display:block;font-family:var(--font-ui);font-size:.82rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.platform-pills{display:flex;gap:10px;flex-wrap:wrap}.platform-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-family:var(--font-ui);font-size:.85rem;font-weight:600;padding:10px 16px;border-radius:12px;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.platform-pill input{display:none}.platform-pill:hover{background:#ffffff14;border-color:#34d39966;color:#fff}.platform-pill.active{background:#10b9812e;border-color:#10b981;color:#6ee7b7;box-shadow:0 0 16px #10b98133}.input-action-row{display:flex;gap:12px;margin-bottom:16px}.waitlist-input-wrapper{position:relative;flex:1}.input-mail-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.waitlist-email-field{width:100%;background:#00000059;border:1.5px solid rgba(255,255,255,.15);border-radius:16px;padding:16px 16px 16px 48px;font-family:var(--font-body);font-size:1rem;color:#fff;outline:none;transition:all var(--transition-fast)}.waitlist-email-field:focus{border-color:#10b981;background:#00000080;box-shadow:0 0 0 4px #10b98133}.waitlist-email-field::placeholder{color:#64748b}.waitlist-submit-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:1rem;padding:16px 28px;border-radius:16px;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:0 8px 24px #10b98159}.waitlist-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #10b98180;background:linear-gradient(135deg,#34d399,#10b981)}.waitlist-submit-btn:active{transform:translateY(0)}.waitlist-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.waitlist-form-msg{font-family:var(--font-body);font-size:.9rem;min-height:22px;margin-bottom:8px;transition:all var(--transition-fast)}.waitlist-form-msg.error{color:#f87171}.waitlist-form-msg.success{color:#34d399}.waitlist-privacy-guarantee{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#64748b}.waitlist-success-state{text-align:center;padding:20px 10px;animation:waitlist-pop-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes waitlist-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.success-icon-badge{width:72px;height:72px;border-radius:50%;background:#10b98126;border:2px solid rgba(52,211,153,.4);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:10px}.success-desc{font-size:1rem;color:#cbd5e1;max-width:520px;margin:0 auto 24px;line-height:1.6}.success-perks-unlocked{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:30px}.unlocked-item{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(52,211,153,.3);padding:8px 16px;border-radius:12px;font-size:.88rem;color:#e2e8f0}.unlocked-badge{color:#34d399;font-weight:700}.success-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.waitlist-perks-section{margin-bottom:48px}.perks-heading{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:24px}.perks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.perk-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;transition:all var(--transition-smooth)}.perk-card:hover{transform:translateY(-4px);background:#ffffff0f;border-color:#34d39959;box-shadow:0 12px 30px #0003}.perk-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.perk-card h4{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:#f8fafc;margin-bottom:8px}.perk-card p{font-size:.88rem;color:#94a3b8;line-height:1.55}.waitlist-social-proof{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:10px}.proof-avatars{display:flex;align-items:center}.proof-avatars .avatar-circle{width:38px;height:38px;border-radius:50%;border:2px solid #021B19;margin-left:-10px;object-fit:cover;background:#064e3b}.proof-avatars .avatar-circle:first-child{margin-left:0}.proof-text{text-align:left;font-family:var(--font-ui)}.proof-count{display:block;font-size:.95rem;font-weight:700;color:#34d399}.proof-sub{font-size:.82rem;color:#94a3b8}.waitlist-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#021b19d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.waitlist-modal-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.waitlist-modal-card{position:relative;background:#032b28;border:1.5px solid rgba(52,211,153,.35);border-radius:28px;max-width:500px;width:100%;max-height:92vh;overflow-y:auto;margin:auto;padding:36px 30px;box-shadow:0 25px 70px #0009,0 0 50px #10b9812e;transform:scale(.94) translateY(15px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);color:#fff}.waitlist-modal-backdrop.active .waitlist-modal-card{transform:scale(1) translateY(0)}.modal-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.modal-close-btn:hover{background:#ffffff29;color:#fff;transform:rotate(90deg)}.modal-badge{display:inline-flex;align-items:center;gap:6px;background:#10b98126;border:1px solid rgba(52,211,153,.4);color:#34d399;font-family:var(--font-ui);font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:999px;margin-bottom:12px}.modal-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:8px}.modal-subtitle{font-size:.92rem;color:#cbd5e1;line-height:1.55;margin-bottom:22px}.pill-text-stack{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.25}.pill-main-name{font-family:var(--font-ui);font-weight:700;font-size:.92rem;color:#fff}.pill-sub-name{font-family:var(--font-body);font-size:.72rem;color:#94a3b8;margin-top:1px}.platform-pill.active .pill-sub-name,.modal-pill.active .pill-sub-name{color:#6ee7b7}.modal-platform-pills{display:flex;gap:12px;margin-bottom:18px}.modal-pill{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.12);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.modal-pill input{display:none}.modal-pill:hover{background:#ffffff14;border-color:#34d39959}.modal-pill.active{background:#10b9812e;border-color:#10b981;box-shadow:0 0 16px #10b98140}.modal-perks-highlight{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.modal-perk-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff0a;border:1px solid rgba(52,211,153,.2);border-radius:16px;padding:12px 6px;transition:all var(--transition-fast)}.modal-perk-item:hover{transform:translateY(-2px);background:#10b9811a;border-color:#34d39973}.perk-mini-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;transition:transform var(--transition-fast)}.modal-perk-item:hover .perk-mini-icon{transform:scale(1.1)}.icon-box-amber{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24}.icon-box-emerald{background:#10b98126;border:1px solid rgba(52,211,153,.4);color:#34d399}.icon-box-rose{background:#f43f5e26;border:1px solid rgba(244,63,94,.4);color:#fb7185}.icon-box-amber .lucide-trophy{animation:perk-trophy-shine 3s ease-in-out infinite}.icon-box-emerald .lucide-flame{animation:perk-flame-pulse 2.2s ease-in-out infinite}.icon-box-rose .lucide-bell{animation:perk-bell-swing 2.8s ease-in-out infinite}@keyframes perk-trophy-shine{0%,to{transform:rotate(0) scale(1);filter:drop-shadow(0 0 0 rgba(245,158,11,0))}50%{transform:rotate(-4deg) scale(1.08);filter:drop-shadow(0 0 8px rgba(245,158,11,.6))}}@keyframes perk-flame-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(16,185,129,0))}50%{transform:scale(1.12) translateY(-1px);filter:drop-shadow(0 0 8px rgba(52,211,153,.7))}}@keyframes perk-bell-swing{0%,to{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-4deg)}}.perk-mini-info{display:flex;flex-direction:column;line-height:1.25}.perk-mini-info strong{font-family:var(--font-ui);font-size:.76rem;font-weight:700;color:#fff}.perk-mini-info span{font-size:.66rem;color:#94a3b8;margin-top:2px}@media(max-width:768px){.waitlist-main-section{padding:105px 16px 50px}.waitlist-card{padding:26px 18px;border-radius:22px}.platform-pills{flex-direction:column;gap:8px}.platform-pill{width:100%;justify-content:center}.input-action-row{flex-direction:column}.waitlist-submit-btn{width:100%;justify-content:center}.perks-grid{grid-template-columns:1fr;gap:12px}.waitlist-social-proof{flex-direction:column;text-align:center}.proof-text{text-align:center}.waitlist-modal-card{padding:26px 18px;border-radius:22px}.modal-perks-highlight{grid-template-columns:1fr;gap:8px}.modal-perk-item{flex-direction:row;justify-content:flex-start;padding:10px 14px;gap:12px;text-align:left}.modal-perk-item .perk-mini-icon{margin-bottom:0}.modal-perk-item .perk-mini-info{text-align:left}}.morphing-btn-container{display:flex;justify-content:center;align-items:center;width:100%;padding:6px 0;margin:6px 0}.morphing-btn-shell{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;background:#042623bf;border:1.5px solid rgba(52,211,153,.35);border-radius:9999px;padding:3px;width:auto;max-width:250px;min-height:52px;overflow:hidden;box-shadow:0 8px 24px #0000004d,0 0 20px #10b98126;transition:max-width .45s cubic-bezier(.34,1.56,.64,1),background .3s ease,border-color .3s ease,box-shadow .35s ease;-webkit-user-select:none;user-select:none}.morphing-btn-shell:hover{border-color:#34d39999;box-shadow:0 10px 30px #0006,0 0 25px #10b98140}.morphing-btn-shell.expanded{max-width:500px;width:100%;background:#021b19f2;border-color:#10b981;box-shadow:0 12px 35px #00000080,0 0 35px #10b98159;border-radius:9999px}.morphing-input-area{display:flex;align-items:center;gap:10px;flex:0;width:0;opacity:0;overflow:hidden;pointer-events:none;padding:0;transition:opacity .35s ease,flex .4s cubic-bezier(.34,1.56,.64,1),padding .35s ease}.morphing-btn-shell.expanded .morphing-input-area{flex:1;width:auto;opacity:1;pointer-events:auto;padding:0 12px 0 20px;gap:12px}.morphing-input-area .input-mail-icon{color:#34d399;flex-shrink:0;width:18px;height:18px}.morphing-email-input{width:100%;min-width:0;background:transparent;border:none;outline:none;font-family:var(--font-body);font-size:.96rem;color:#fff;padding:10px 0}.morphing-email-input::placeholder{color:#94a3b8;opacity:.85}.morphing-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--font-ui);font-size:.95rem;font-weight:700;color:#fff;border-radius:9999px;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.morphing-btn-shell.expanded .morphing-action-btn{padding:10px 20px;font-size:.9rem}.morphing-icon-wrap{display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease}.morphing-action-btn:hover .morphing-icon-wrap{transform:scale(1.15) rotate(5deg)}.morphing-action-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.morphing-btn-shell{max-width:220px}.morphing-btn-shell.expanded{max-width:100%}.morphing-action-btn{padding:11px 18px;font-size:.88rem}.morphing-email-input{font-size:.88rem}}