*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:var(--font-sans);font-size:16px;line-height:1.5;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.15;letter-spacing:-.015em;color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none;padding:0}ul,ol{list-style:none}hr{border:0;border-top:1px solid var(--color-separator)}table{border-collapse:collapse;border-spacing:0}::selection{background:var(--color-primary);color:#fff}::-moz-selection{background:var(--color-primary);color:#fff}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--canvas: #fffdf5;--canvas-alt: #ffffff;--canvas-warm: #fffbef;--canvas-deep: #0f172a;--canvas-dark: #1e1b38;--color-bg: var(--canvas);--color-bg-pure: #ffffff;--color-bg-elevated: #ffffff;--color-bg-subtle: var(--canvas-warm);--color-bg-dark: #0f172a;--color-bg-hero: var(--canvas);--color-bg-section-alt: var(--canvas-alt);--surface: #ffffff;--surface-hover: #fffdf5;--surface-deep: #fffbef;--brand-light: #fff5f2;--brand-soft: #ffeae4;--brand-muted: #ffc6b8;--brand: #f95738;--brand-hover: #e0482b;--brand-deep: #c8381d;--nur-light: #fffbeb;--nur-soft: #fef3c7;--nur-muted: #fde68a;--nur: #f59e0b;--nur-hover: #d97706;--nur-deep: #b45309;--jannah-light: #ecfdf5;--jannah-soft: #d1fae5;--jannah-muted: #a7f3d0;--jannah: #10b981;--jannah-hover: #059669;--jannah-deep: #059669;--periwinkle-light: #eff6ff;--periwinkle-soft: #dbeafe;--periwinkle: #3b82f6;--periwinkle-hover: #2563eb;--lilac-light: #fdf4ff;--lilac-soft: #fae8ff;--lilac: #c084fc;--lilac-deep: #a855f7;--ink: #0f172a;--ink-secondary: #334155;--ink-muted: #64748b;--ink-inverse: #ffffff;--line: #e5e0d0;--line-strong: #cbd5e1;--line-subtle: #f1f3f5;--rescue-light: #fff1f2;--rescue: #f43f5e;--rescue-hover: #e11d48;--brand-nur: var(--brand);--brand-nur-hover: var(--brand-hover);--brand-nur-deep: var(--brand-deep);--brand-nur-soft: var(--brand-light);--brand-nur-glow: rgba(249, 87, 56, .25);--color-action-orange: #f95738;--color-action-orange-hover: #e0482b;--color-primary: #f95738;--color-primary-hover: #e0482b;--color-primary-pressed: #c8381d;--habit-fard-bg: rgba(249, 87, 56, .06);--habit-sunnah-active: var(--periwinkle);--habit-sunnah-bg: rgba(59, 130, 246, .06);--habit-night-active: var(--lilac-deep);--habit-night-bg: rgba(168, 85, 247, .06);--color-orange: #f95738;--color-orange-hover: #e0482b;--color-pink: var(--lilac);--color-cyan: var(--periwinkle);--color-purple: var(--lilac);--color-purple-deep: var(--lilac-deep);--color-premium: #f95738;--flame: #f95738;--flame-hover: #e0482b;--flame-deep: #c8381d;--habit-fard: #cbd5e1;--habit-fard-active: var(--brand);--habit-fard-bg: rgba(79, 70, 229, .06);--habit-sunnah: #cbd5e1;--habit-sunnah-active: var(--brand);--habit-sunnah-bg: rgba(79, 70, 229, .06);--habit-dawn: #cbd5e1;--habit-dawn-active: var(--nur);--habit-dawn-bg: rgba(245, 158, 11, .06);--habit-quran: #cbd5e1;--habit-quran-active: var(--jannah);--habit-quran-bg: rgba(16, 185, 129, .06);--habit-adhkar: #cbd5e1;--habit-adhkar-active: var(--jannah);--habit-adhkar-bg: rgba(16, 185, 129, .06);--habit-night: #cbd5e1;--habit-night-active: var(--brand-deep);--habit-night-bg: rgba(55, 48, 163, .06);--color-rescue: #cbd5e1;--color-rescue-active: var(--rescue);--color-rescue-bg: rgba(244, 63, 94, .06);--color-secondary: var(--nur);--color-orange: var(--nur);--color-orange-hover: var(--nur-hover);--color-pink: var(--rescue);--color-cyan: var(--brand);--color-gold: var(--nur);--color-green: var(--jannah);--color-purple: var(--brand);--color-purple-deep: var(--brand-deep);--color-premium: var(--brand);--flame-light: var(--brand-light);--flame-soft: var(--brand-soft);--flame: var(--brand);--flame-hover: var(--brand-hover);--flame-deep: var(--brand-deep);--amber-light: var(--nur-light);--amber-soft: var(--nur-soft);--amber: var(--nur);--amber-deep: var(--nur-deep);--sage-light: var(--jannah-light);--sage: var(--jannah);--sage-deep: var(--jannah-deep);--canvas-dawn: var(--canvas);--canvas-golden: var(--canvas-warm);--color-text: var(--ink);--color-text-primary: var(--ink);--color-text-secondary: var(--ink-secondary);--color-text-tertiary: var(--ink-muted);--color-text-muted: var(--ink-muted);--color-text-inverse: #ffffff;--color-text-hero: var(--ink);--color-text-light: var(--ink-secondary);--color-text-nur: var(--brand-deep);--brand-navbar: #0f172a;--brand-navbar-text: rgba(255, 255, 255, .7);--brand-navbar-text-active: #ffffff;--layer-1: var(--surface);--layer-1-hover: var(--surface-hover);--layer-1-pressed: var(--surface-deep);--layer-2: var(--canvas-warm);--layer-transparent: rgba(79, 70, 229, 0);--layer-transparent-hover: rgba(79, 70, 229, .04);--layer-transparent-pressed: rgba(79, 70, 229, .08);--color-border: var(--line);--color-border-subtle: var(--line-subtle);--color-border-strong: var(--line-strong);--color-separator: var(--line);--color-separator-subtle: rgba(15, 23, 42, .06);--color-success: var(--jannah);--color-success-bg: var(--jannah-light);--color-danger: var(--rescue);--color-danger-bg: var(--rescue-light);--color-warning: var(--nur);--color-warning-bg: var(--nur-light);--color-info: var(--brand);--color-info-bg: var(--brand-light);--color-bg-nur-soft: var(--brand-light);--font-sans: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-arabic: "Amiri", "Traditional Arabic", serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-hero: clamp(2.5rem, 5.5vw, 4.2rem);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.85;--tracking-tighter: -.03em;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 48px;--space-12: 56px;--space-13: 64px;--space-14: 80px;--space-15: 96px;--space-16: 128px;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 10px 30px rgba(15, 23, 42, .05);--shadow-lg: 0 8px 32px rgba(15, 23, 42, .09);--shadow-xl: 0 16px 48px rgba(15, 23, 42, .12);--shadow-colored: var(--shadow-sm);--shadow-orange: var(--shadow-sm);--shadow-purple: var(--shadow-sm);--duration-instant: .1s;--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: .7s;--ease-standard: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1136px;--container-padding: 24px;--z-base: 0;--z-elevated: 10;--z-dropdown: 50;--z-sticky: 80;--z-nav: 90;--z-modal: 100;--z-toast: 110;--z-tooltip: 120}:root{--grad-nur: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #f59e0b 100%);--grad-warm: linear-gradient(160deg, #eef2ff 0%, #ffffff 40%, #f8fafc 100%);--grad-brand: linear-gradient(105deg, #4f46e5 0%, #3730a3 100%);--grad-hero: linear-gradient(170deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);--grad-cta: linear-gradient(155deg, #0f172a 0%, #1e1b4b 60%, #312e81 100%);--grad-completion: linear-gradient( 135deg, #4f46e5 0%, #f59e0b 50%, #10b981 100% );--grad-fard: linear-gradient(135deg, #3730a3 0%, #4f46e5 100%);--grad-quran: linear-gradient(135deg, #10b981 0%, #f59e0b 100%)}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.container{max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}.relative{position:relative}.absolute{position:absolute}@media (min-width: 1280px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}@media (max-width: 991px){.section{padding-top:var(--space-15);padding-bottom:var(--space-15)}}@media (max-width: 767px){.section{padding-top:var(--space-14);padding-bottom:var(--space-14)}.container{padding-left:var(--space-5);padding-right:var(--space-5)}}@media (max-width: 479px){.section{padding-top:var(--space-13);padding-bottom:var(--space-13)}.container{padding-left:var(--space-4);padding-right:var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-standard);cursor:pointer;border:none;text-decoration:none;font-size:var(--text-base);line-height:1;-webkit-tap-highlight-color:transparent}.card{background:var(--color-bg-pure);border-radius:var(--radius-lg);padding:var(--space-11) var(--space-6);border:1px solid #e5e0d0;transition:all .22s cubic-bezier(.16,1,.3,1);color:var(--color-text-primary)}.card:hover{border-color:var(--color-border);box-shadow:0 10px 30px #0f172a0d;transform:translateY(-2px)}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:var(--brand-navbar);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:none;transition:background var(--duration-base)}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-md);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--font-display)}.diamond{background:var(--brand-nur);transform:rotate(45deg)}.input{width:100%;padding:14px 16px;background:var(--color-bg-pure);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-sans);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.input:focus{border-color:var(--brand-nur);box-shadow:0 0 0 3px var(--brand-nur-glow)}.input::placeholder{color:var(--color-text-muted)}.footer{background:var(--brand-navbar);color:var(--color-text-inverse);padding:64px var(--container-padding) 40px;text-align:center}@property --rb-tri-fill{syntax: "<percentage>"; inherits: false; initial-value: 0%;}:root{--nh-1: 4px;--nh-2: 8px;--nh-3: 12px;--nh-4: 16px;--nh-5: 20px;--nh-6: 24px;--nh-8: 32px;--nh-12: 48px;--nh-16: 64px;--nh-shell: 1240px;--nh-read: 1040px;--nh-gutter: clamp(1.25rem, 3vw, 2.5rem);--nh-section-py: clamp(3rem, 4.8vw, 4.75rem);--nh-hero-pt: clamp(5rem, 6.5vw, 6rem);--nh-head-gap: clamp(1.75rem, 2.8vw, 2.5rem);--nh-block-gap: clamp(2rem, 3.2vw, 2.75rem);--nh-r-md: 12px;--nh-r-lg: 16px;--nh-block-radius: var(--nh-r-lg);--nh-block-border: 2px;--nh-block-lip: 4px;--nh-ground: #fffbef;--nh-hairline: #e5e0d0;--nh-lip: 0 3px 0 var(--nh-hairline);--nh-lip-lg: 0 5px 0 var(--nh-hairline);--nh-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -10px rgba(15, 23, 42, .1);--nh-shadow-lift: 0 2px 6px rgba(15, 23, 42, .06), 0 18px 40px -14px rgba(15, 23, 42, .16);--nh-fs-h1: clamp(2.25rem, 5.4vw, 4rem);--nh-fs-h2: clamp(2rem, 4.4vw, 3.25rem);--nh-fs-stat: clamp(1.875rem, 3.4vw, 2.5rem);--nh-fs-h3: 1.25rem;--nh-fs-lead: clamp(1.125rem, 1.5vw, 1.3125rem);--nh-fs-body: 1rem;--nh-fs-sm: .875rem;--nh-fs-xs: .75rem;--nh-w-display: 700;--nh-w-title: 700;--nh-w-label: 600;--nh-w-body: 400;--nh-lh-display: 1.12;--nh-ls-display: -.02em;--nh-lh-body: 1.7;--nh-ls-label: .08em;--nh-ease: cubic-bezier(.16, 1, .3, 1);--nh-brand: #f95738;--nh-accent-soft: #ff7050;--nh-ring-track: #ebe4d3;--nh-tri-track: rgba(15, 23, 42, .14)}.rb-home{min-height:100vh;background:var(--nh-ground);color:#0f172a;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;letter-spacing:-.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rb-h2{font-size:var(--nh-fs-h2);font-weight:var(--nh-w-display);line-height:var(--nh-lh-display);letter-spacing:var(--nh-ls-display);color:#0f172a;margin:0 0 var(--nh-4)}.rb-accent{color:var(--nh-brand)}.rb-nav-wrap{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nh-ground);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.rb-nav-wrap.scrolled{border-bottom-color:var(--nh-hairline);box-shadow:var(--nh-shadow)}.rb-nav{max-width:var(--nh-shell);margin:0 auto;padding:var(--nh-3) var(--nh-gutter);display:flex;justify-content:space-between;align-items:center;gap:var(--nh-4)}.rb-nav-right{display:flex;align-items:center;gap:var(--nh-5)}.rb-logo{display:inline-flex;align-items:center;gap:var(--nh-3);text-decoration:none;color:#0f172a}.rb-logo svg{flex-shrink:0}.rb-logo-word{font-weight:var(--nh-w-display);font-size:1rem;letter-spacing:.06em}.rb-navlink{color:#0f172a;font-weight:var(--nh-w-label);text-decoration:none;font-size:var(--nh-fs-sm);white-space:nowrap}.rb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--nh-2);font-family:inherit;font-size:var(--nh-fs-body);line-height:1;cursor:pointer;white-space:nowrap}.rb-btn--sm{font-size:var(--nh-fs-sm)}.rb-band{padding:var(--nh-section-py) 0}.rb-section{max-width:var(--nh-read);margin:0 auto;padding:0 var(--nh-gutter)}.rb-head--center{text-align:center}.rb-subhead{font-size:var(--nh-fs-lead);font-weight:var(--nh-w-body);line-height:var(--nh-lh-body);color:#334155;margin:0;max-width:58ch}.rb-head--center .rb-subhead{margin-left:auto;margin-right:auto;max-width:48ch}.rb-cta-wrap{padding:0 var(--nh-gutter)}.rb-cta-section{position:relative;max-width:var(--nh-shell);margin:0 auto;border-radius:var(--nh-r-lg);overflow:hidden;background-color:#0f172a;padding:clamp(3.5rem,6.5vw,5.5rem) var(--nh-8);text-align:center;box-shadow:var(--nh-shadow-lift)}.rb-cta-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.rb-cta-h2{font-size:var(--nh-fs-h2);font-weight:var(--nh-w-display);line-height:var(--nh-lh-display);letter-spacing:var(--nh-ls-display);color:#fff;margin:0 0 var(--nh-4);max-width:16ch}.rb-cta-sub{font-size:var(--nh-fs-lead);font-weight:var(--nh-w-body);line-height:var(--nh-lh-body);color:#cbd5e1;margin:0 0 var(--nh-8);max-width:40ch}.rb-footer{max-width:var(--nh-shell);margin:0 auto;padding:var(--nh-16) var(--nh-gutter) var(--nh-12);text-align:center}.rb-footer .rb-logo{margin-bottom:var(--nh-6)}.rb-footer-links{display:flex;justify-content:center;gap:var(--nh-6);margin-bottom:var(--nh-8);flex-wrap:wrap}.rb-footer-link{color:#0f172a;font-size:var(--nh-fs-sm);font-weight:var(--nh-w-label);text-decoration:none;opacity:.72;transition:opacity .2s ease}.rb-footer-link:hover{opacity:1}.rb-footer-note{color:#64748b;font-size:.8125rem;font-weight:var(--nh-w-body);margin:0}@media (max-width: 480px){.rb-nav .rb-logo-word{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (max-width: 360px){:root{--nh-fs-h1: 2rem}}.rb-home{--nh-ground: #06070c;--nh-hairline: #242938;--nh-ring-track: rgba(255, 255, 255, .1);--nh-tri-track: rgba(255, 255, 255, .2);--nh-lip: 0 3px 0 rgba(0, 0, 0, .45);--nh-lip-lg: 0 5px 0 rgba(0, 0, 0, .45);--nh-shadow: 0 10px 30px -12px rgba(0, 0, 0, .6);--nh-shadow-lift: 0 18px 44px -14px rgba(0, 0, 0, .7);--night-ink: #f2eee4;--night-ink-2: #c9c4bb;--night-ink-3: #8e8a83;--night-day: #94afff;--night-glass: rgba(16, 19, 28, .62);--night-glass-line: rgba(255, 255, 255, .12);background:radial-gradient(120% 60% at 50% 0%,#0d1328,#06070c00 70%),#06070c;color:var(--night-ink)}.rb-home .rb-h2,.rb-home .rb-logo,.rb-home .rb-navlink{color:var(--night-ink)}.rb-home .rb-subhead{color:var(--night-ink-2)}.rb-home .rb-footer-link{color:var(--night-ink)}.rb-home .rb-footer-note{color:var(--night-ink-3)}.rb-home .rb-accent{color:var(--night-day)}.rb-home .rb-nav-wrap{background:#06070c8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.rb-home .rb-nav-wrap.scrolled{border-bottom-color:var(--night-glass-line)}.rb-home .rb-band--night{background:transparent}.rb-glass{background:var(--night-glass);border-color:var(--night-glass-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rb-home .rb-cta-section{background:radial-gradient(90% 120% at 50% 0%,#94afff29,#06070c00 70%),#0b0f1e;border:1px solid var(--night-glass-line)}.rb-glass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nh-4);margin-top:var(--nh-head-gap)}.rb-glass{height:100%;padding:var(--nh-6);border:1px solid var(--night-glass-line);border-radius:22px}.rb-glass-mark{display:block;width:48px;height:48px;margin:0 0 var(--nh-4)}.rb-glass-title{color:var(--night-ink);margin:0 0 var(--nh-2);font-size:var(--nh-fs-h3);font-weight:var(--nh-w-title)}.rb-home .rb-glass-text{margin:0;line-height:var(--nh-lh-body)}.rb-home .rb-glass-note{margin:var(--nh-3) 0 0;color:var(--night-ink);font-weight:var(--nh-w-label)}.rb-glass-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nh-4) var(--nh-6);margin-top:var(--nh-6)}.rb-btn--night{text-decoration:none}.rb-glass-link{color:var(--night-day);font-weight:var(--nh-w-title);text-decoration:underline;text-underline-offset:3px}@media (max-width: 720px){.rb-glass-grid{grid-template-columns:1fr}}.rb-hadith span{display:block;margin-top:6px;font-style:normal;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.rb-heart-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--nh-6);align-items:center;margin-top:var(--nh-head-gap)}.rb-heart-points{display:grid;gap:var(--nh-4)}.rb-demo{display:flex;flex-direction:column;align-items:center;text-align:center}.rb-demo-heart{width:min(260px,70vw);aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,rgba(207,217,255,.18),transparent 65%)}.rb-demo-stone{position:relative;width:72%;aspect-ratio:1;isolation:isolate;transition:filter .6s ease}.rb-demo-stone img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.rb-demo-stone img+img{mix-blend-mode:plus-lighter;opacity:.4}.rb-demo-stone img:last-of-type{opacity:.33}.rb-demo-dot{position:absolute;width:11%;aspect-ratio:1;border-radius:50%;background:#000;box-shadow:0 0 6px #0009;transform:translate(-50%,-50%);animation:rb-dot-in .4s ease-out}@keyframes rb-dot-in{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.rb-demo-status{color:var(--night-ink, #fff);min-height:1.5em;margin:var(--nh-3) 0}.rb-demo-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.rb-demo-btn{font:inherit;font-weight:600;padding:10px 16px;min-height:44px;border-radius:999px;border:1px solid rgba(148,175,255,.45);background:#1b2340;color:#fff;cursor:pointer}.rb-demo-btn--sin{background:#000}.rb-demo-btn--ask{background:#e9eeff;color:#0b0f1e}.rb-demo-btn:disabled{opacity:.4;cursor:default}.rb-hadith{max-width:46ch;margin:var(--nh-8, 48px) auto 0;text-align:center;color:var(--night-ink, #fff);font-size:1.1rem;font-style:italic;line-height:1.5}.rb-glass-actions--center{justify-content:center}@media (max-width: 720px){.rb-heart-split{grid-template-columns:1fr}}.rb-home{background:#06070c}.rb-scene{box-sizing:border-box;height:100vh;height:100svh;min-height:560px;padding-top:72px;background:#000}.rb-scene-frame{display:block;width:100%;height:100%;border:0}.rb-home .rb-band--night{background:#06070c}.rb-logo img{display:block;border-radius:8px}#how{scroll-margin-top:72px}html:has(.rb-home),body:has(.rb-home){background:#000}.rb-home{--p-black: #000;--p-ink: #fff;--p-ink-2: rgba(255, 255, 255, .8);--p-ink-3: rgba(255, 255, 255, .5);--p-surface: rgba(255, 255, 255, .04);--p-surface-2: rgba(255, 255, 255, .07);--p-pill: #f2eee4;--p-pill-ink: #0b0c12;--night-ink: var(--p-ink);--night-ink-2: var(--p-ink-2);--night-ink-3: var(--p-ink-3);background:var(--p-black);color:var(--p-ink)}.rb-home .rb-band,.rb-home .rb-band--night,.rb-home .rb-scene{background:transparent}.rb-home .rb-band{padding:clamp(3rem,5vw,4.5rem) 0}.rb-home .rb-band+.rb-band{padding-top:0}.rb-home .rb-scene+.rb-band{padding-top:clamp(2rem,4vw,3rem)}.rb-home .rb-nav-wrap,.rb-home .rb-nav-wrap.scrolled{top:12px;padding:0 16px;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.rb-home .rb-nav{max-width:1120px;padding:6px 6px 6px 16px;border-radius:999px;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rb-home .rb-nav-wrap.scrolled .rb-nav{background:#141414b8}.rb-home .rb-logo-word{font-weight:600;letter-spacing:.04em}.rb-home .rb-navlink{color:var(--p-ink-2);font-weight:500}.rb-home .rb-navlink:hover{color:var(--p-ink)}.rb-home .rb-scene{padding-top:0}.rb-home .rb-h2,.rb-home .rb-cta-h2{color:var(--p-ink);font-weight:600;font-size:clamp(2rem,3.4vw,2.75rem);line-height:1.15;letter-spacing:-.02em}.rb-home .rb-accent{color:inherit}.rb-home .rb-subhead,.rb-home .rb-cta-sub{color:var(--p-ink-2);font-size:clamp(1.0625rem,1.3vw,1.1875rem);line-height:1.7;max-width:30rem;margin-left:auto;margin-right:auto}.rb-home .rb-glass{background:var(--p-surface);border:0;border-radius:28px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.rb-home .rb-glass-title{color:var(--p-ink);font-weight:600;letter-spacing:-.01em}.rb-home .rb-glass-text{color:var(--p-ink-2)}.rb-home .rb-glass-note{color:var(--p-ink-3);font-weight:500}.rb-home .rb-hadith{color:var(--p-ink-2);font-style:normal;font-size:1.0625rem;line-height:1.7}.rb-home .rb-hadith span{color:var(--p-ink-3)}.rb-home .rb-btn,.rb-home .rb-btn:hover,.rb-home .rb-btn:active{background-color:var(--p-pill);color:var(--p-pill-ink);border:0;border-radius:999px;box-shadow:none;font-weight:600;transform:none}.rb-home .rb-btn{padding:14px 24px;transition:opacity .18s var(--nh-ease),transform .12s var(--nh-ease)}.rb-home .rb-btn:hover{opacity:.88}.rb-home .rb-btn:active{transform:scale(.97)}.rb-home .rb-btn--sm{padding:10px 18px}.rb-home .rb-btn--night,.rb-home .rb-btn--night:hover,.rb-home .rb-btn--night:active{background-color:var(--p-surface-2);color:var(--p-ink)}.rb-home .rb-glass-link{color:var(--p-ink-2);font-weight:500;text-decoration:none}.rb-home .rb-glass-link:hover{color:var(--p-ink)}.rb-home .rb-demo-btn{border:0;background:var(--p-surface-2);color:var(--p-ink);font-weight:500}.rb-home .rb-demo-btn--ask{background:var(--p-pill);color:var(--p-pill-ink)}.rb-home .rb-cta-section{background:transparent;border:0;box-shadow:none;padding-top:0;padding-bottom:0}.rb-home .rb-footer{padding-top:clamp(3rem,5vw,4.5rem);padding-bottom:32px}.rb-home .rb-footer-link{color:var(--p-ink-3);font-weight:500;opacity:1}.rb-home .rb-footer-link:hover{color:var(--p-ink)}.rb-home .rb-footer-note{color:var(--p-ink-3)}html:has(.legal),body:has(.legal){background:#000}.legal{min-height:100vh;min-height:100dvh;background:#000;color:#fffc;font-family:var(--font-sans);font-size:16px;line-height:1.6;padding:28px 22px 64px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.legal__page{max-width:480px;margin:0 auto}.legal .legal__back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:20px;color:#fffc;font-size:.9375rem;font-weight:600;text-decoration:none}.legal .legal__back:hover{color:#fff;text-decoration:none}.legal h1,.legal h2{font-family:var(--font-sans);color:#fff;font-weight:600;letter-spacing:-.02em}.legal h1{font-size:1.75rem;line-height:1.15;margin:0}.legal h2{font-size:1.25rem;line-height:1.25;margin:0 0 10px}.legal .legal__meta{margin:8px 0 40px;color:#ffffff80;font-size:.8125rem}.legal section{margin-bottom:36px}.legal p,.legal ul{margin:0}.legal p+p,.legal p+ul,.legal ul+p{margin-top:12px}.legal ul{list-style:disc;padding-left:20px}.legal li+li{margin-top:8px}.legal li::marker{color:#ffffff80}.legal strong{color:#fff;font-weight:600}.legal a{color:#fff;text-decoration:underline;text-decoration-color:#ffffff80;text-underline-offset:3px;overflow-wrap:anywhere}.legal a:hover{text-decoration-color:#fff}.legal a:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:2px}.legal__foot{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);color:#ffffff80;font-size:.875rem}.legal .legal__links{display:flex;gap:24px;margin-top:4px}.legal .legal__links a{display:inline-flex;align-items:center;min-height:44px;color:#fffc;font-weight:600;text-decoration:none}.legal .legal__links a[aria-current=page]{color:#fff;text-decoration:underline;text-decoration-color:#ffffff80}.legal--center{display:grid;place-items:center;text-align:center}.legal--center .legal__page{width:100%}.legal--center .legal__meta{margin:0 0 8px}.legal--center h1{margin-bottom:12px}.legal--center .legal__acts{justify-content:center}.legal .legal__mark{display:block;margin:8px 0 24px}.legal--center .legal__mark{margin:0 auto 28px}.legal .legal__steps{list-style:decimal;margin:0;padding-left:22px}.legal .legal__steps li::marker{color:#ffffff80;font-weight:600}.legal .legal__qr{display:inline-block;margin:4px 0 16px;padding:16px;border-radius:20px;background:#fff;line-height:0}.legal .legal__acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.legal .legal__pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:#f2eee4;color:#0b0c12;font-size:.9375rem;font-weight:600;text-decoration:none}.legal .legal__pill:hover{background:#fff}.legal .legal__pill--quiet{background:#ffffff12;color:#fffc}.legal .legal__pill--quiet:hover{background:#ffffff1a;color:#fff}.legal .legal__pill:focus-visible{outline:2px solid #fff;outline-offset:3px}