/* ========================================================================== HafizPrime Design Tokens Moroccan / Zellige inspired palette. All values are tokens — never hard-code. ========================================================================== */:root{--hp-emerald-50:#E8F3EE;--hp-emerald-100:#C7E2D3;--hp-emerald-200:#9FCEB4;--hp-emerald-300:#6FB48E;--hp-emerald-400:#3E9A6A;--hp-emerald-500:#0D5D46;--hp-emerald-600:#0B4E3A;--hp-emerald-700:#083D2D;--hp-emerald-800:#062C20;--hp-emerald-900:#031712;--hp-gold-50:#FBF5E7;--hp-gold-100:#F3E5BE;--hp-gold-200:#E9D091;--hp-gold-300:#D9B868;--hp-gold-400:#C5A059;--hp-gold-500:#A8843E;--hp-gold-600:#86682F;--hp-gold-700:#654E23;--hp-gold-800:#443418;--hp-gold-900:#221A0B;--hp-blue-400:#3F648B;--hp-blue-500:#2E5077;--hp-blue-600:#243F5D;--hp-terra-400:#E38B29;--hp-terra-500:#C67419;--hp-terra-600:#9A5912;--hp-sand-50:#FBF8F2;--hp-sand-100:#F5EFE6;--hp-sand-200:#EDE3D0;--hp-sand-300:#E0D3B7;--hp-zellige:#047857;--hp-bg:var(--hp-sand-100);--hp-bg-raised:#FFFFFF;--hp-bg-sunken:var(--hp-sand-200);--hp-ink:#1B2420;--hp-ink-muted:#4C5852;--hp-ink-soft:#7A857F;--hp-border:#E1D8C8;--hp-border-strong:#C7BBA6;--hp-primary:var(--hp-emerald-500);--hp-primary-hover:var(--hp-emerald-600);--hp-on-primary:#FFFFFF;--hp-accent:var(--hp-gold-400);--hp-accent-hover:var(--hp-gold-500);--hp-link:var(--hp-emerald-600);--hp-link-hover:var(--hp-emerald-700);--hp-success:#0F8A4A;--hp-warning:#C67419;--hp-danger:#B4281E;--hp-focus:#F3D06B;--hp-s-0:0;--hp-s-1:0.25rem;--hp-s-2:0.5rem;--hp-s-3:0.75rem;--hp-s-4:1rem;--hp-s-5:1.5rem;--hp-s-6:2rem;--hp-s-7:3rem;--hp-s-8:4rem;--hp-s-9:6rem;--hp-s-10:8rem;--hp-r-0:0;--hp-r-1:4px;--hp-r-2:8px;--hp-r-3:12px;--hp-r-4:16px;--hp-r-5:24px;--hp-r-pill:9999px;--hp-shadow-1:0 1px 2px rgba(11,78,58,0.06),0 1px 3px rgba(11,78,58,0.04);--hp-shadow-2:0 2px 6px rgba(11,78,58,0.08),0 4px 12px rgba(11,78,58,0.06);--hp-shadow-3:0 6px 16px rgba(11,78,58,0.10),0 12px 32px rgba(11,78,58,0.08);--hp-shadow-4:0 20px 40px rgba(11,78,58,0.14);--hp-shadow-gold:0 6px 22px rgba(197,160,89,0.35);--hp-font-display:"Playfair Display","Amiri",Georgia,"Times New Roman",serif;--hp-font-body:"Inter","Tajawal",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--hp-font-arabic:"Amiri","Noto Naskh Arabic","Tajawal",serif;--hp-font-mono:"JetBrains Mono",ui-monospace,"Fira Code",monospace;--hp-fs-xs:0.75rem;--hp-fs-sm:0.875rem;--hp-fs-md:1rem;--hp-fs-lg:1.125rem;--hp-fs-xl:1.25rem;--hp-fs-2xl:1.5rem;--hp-fs-3xl:1.875rem;--hp-fs-4xl:2.375rem;--hp-fs-5xl:3rem;--hp-fs-6xl:3.75rem;--hp-fs-7xl:4.5rem;--hp-lh-tight:1.1;--hp-lh-snug:1.25;--hp-lh-normal:1.55;--hp-lh-loose:1.7;--hp-fw-regular:400;--hp-fw-medium:500;--hp-fw-semi:600;--hp-fw-bold:700;--hp-fw-black:900;--hp-ls-tight:-0.02em;--hp-ls-normal:0;--hp-ls-wide:0.04em;--hp-ls-mega:0.08em;--hp-container-narrow:42rem;--hp-container-prose:48rem;--hp-container-md:64rem;--hp-container-lg:80rem;--hp-container-xl:90rem;--hp-t-fast:150ms;--hp-t-base:220ms;--hp-t-slow:320ms;--hp-t-slower:480ms;--hp-ease:cubic-bezier(.2,.7,.2,1);--hp-ease-out:cubic-bezier(0,0,.2,1);--hp-z-base:1;--hp-z-sticky:100;--hp-z-overlay:500;--hp-z-modal:1000;--hp-z-toast:2000;}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--hp-bg:#0A1612;--hp-bg-raised:#10201B;--hp-bg-sunken:#050D0B;--hp-ink:#EEF2EF;--hp-ink-muted:#B6C2BC;--hp-ink-soft:#7E8B86;--hp-border:#1E2E28;--hp-border-strong:#2E433B;--hp-primary:var(--hp-emerald-300);--hp-primary-hover:var(--hp-emerald-200);--hp-on-primary:#031712;--hp-link:var(--hp-emerald-200);--hp-link-hover:#FFFFFF;--hp-shadow-1:0 1px 2px rgba(0,0,0,0.5);--hp-shadow-2:0 4px 12px rgba(0,0,0,0.55);--hp-shadow-3:0 12px 32px rgba(0,0,0,0.6);}}:root[data-theme="dark"]{--hp-bg:#0A1612;--hp-bg-raised:#10201B;--hp-bg-sunken:#050D0B;--hp-ink:#EEF2EF;--hp-ink-muted:#B6C2BC;--hp-ink-soft:#7E8B86;--hp-border:#1E2E28;--hp-border-strong:#2E433B;--hp-primary:var(--hp-emerald-300);--hp-primary-hover:var(--hp-emerald-200);--hp-on-primary:#031712;--hp-link:var(--hp-emerald-200);--hp-link-hover:#FFFFFF;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}*,*::before,*::after{box-sizing:border-box;}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;}ul[role="list"],ol[role="list"]{list-style:none;padding:0;margin:0;}html:focus-within{scroll-behavior:smooth;}body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}a:not([class]){text-decoration-skip-ink:auto;}img,picture,video,canvas,svg{max-width:100%;display:block;}input,button,textarea,select{font:inherit;color:inherit;}button{cursor:pointer;background:none;border:0;}button:disabled,[disabled]{cursor:not-allowed;}table{border-collapse:collapse;}hr{border:0;border-top:1px solid var(--hp-border);}::selection{background:var(--hp-gold-200);color:var(--hp-emerald-800);}.skip-link{position:absolute;top:-40px;left:0;padding:8px 16px;background:var(--hp-emerald-500);color:#fff;z-index:var(--hp-z-toast);transform:translateY(-100%);transition:transform var(--hp-t-fast) var(--hp-ease);}.skip-link:focus{transform:translateY(0);outline:3px solid var(--hp-focus);outline-offset:2px;}:focus-visible{outline:3px solid var(--hp-focus);outline-offset:2px;border-radius:var(--hp-r-1);}:focus:not(:focus-visible){outline:0;}html{font-size:100%;scroll-padding-top:6rem;}body{font-family:var(--hp-font-body);font-size:var(--hp-fs-md);line-height:var(--hp-lh-normal);color:var(--hp-ink);background:var(--hp-bg);font-feature-settings:"ss01","cv11";}:where(h1,h2,h3,h4,h5,h6){font-family:var(--hp-font-display);font-weight:var(--hp-fw-semi);line-height:var(--hp-lh-tight);letter-spacing:var(--hp-ls-tight);color:var(--hp-ink);text-wrap:balance;}h1{font-size:clamp(2.25rem,4vw + 1rem,var(--hp-fs-7xl));}h2{font-size:clamp(1.875rem,3vw + 0.5rem,var(--hp-fs-5xl));}h3{font-size:clamp(1.5rem,2vw + 0.4rem,var(--hp-fs-3xl));}h4{font-size:var(--hp-fs-2xl);}h5{font-size:var(--hp-fs-xl);}h6{font-size:var(--hp-fs-lg);letter-spacing:var(--hp-ls-wide);text-transform:uppercase;}p{text-wrap:pretty;max-width:70ch;}a{color:var(--hp-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--hp-t-fast) var(--hp-ease);}a:hover,a:focus-visible{color:var(--hp-link-hover);text-decoration-thickness:2px;}strong,b{font-weight:var(--hp-fw-semi);}em,i{font-style:italic;}small{font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);}code,kbd,samp,pre{font-family:var(--hp-font-mono);font-size:0.92em;}code{padding:2px 6px;background:var(--hp-bg-sunken);border-radius:var(--hp-r-1);}pre{padding:var(--hp-s-4);overflow-x:auto;background:var(--hp-bg-sunken);border-radius:var(--hp-r-2);}blockquote{margin:var(--hp-s-5) 0;padding:var(--hp-s-4) var(--hp-s-5);border-inline-start:4px solid var(--hp-gold-400);background:var(--hp-bg-raised);font-style:italic;border-radius:0 var(--hp-r-2) var(--hp-r-2) 0;}.arabic{font-family:var(--hp-font-arabic);font-size:1.4em;line-height:2;direction:rtl;font-feature-settings:"kern","calt","liga";}.verse{display:inline-block;font-family:var(--hp-font-arabic);line-height:2.2;direction:rtl;padding:var(--hp-s-3) var(--hp-s-4);background:linear-gradient(180deg,var(--hp-sand-50),var(--hp-sand-100));border-radius:var(--hp-r-2);}[dir="rtl"]{--hp-font-body:"Tajawal","Inter",system-ui,sans-serif;}@media print{:root{--hp-bg:#fff;--hp-ink:#000;}nav,footer,.hp-cta-bar,.no-print{display:none !important;}a::after{content:" (" attr(href) ")";font-size:0.8em;color:#555;}h1,h2,h3{page-break-after:avoid;}img,figure{page-break-inside:avoid;}}.hp-container{width:100%;max-width:var(--hp-container-lg);margin-inline:auto;padding-inline:var(--hp-s-5);}.hp-container--narrow{max-width:var(--hp-container-narrow);}.hp-container--prose{max-width:var(--hp-container-prose);}.hp-container--md{max-width:var(--hp-container-md);}.hp-container--xl{max-width:var(--hp-container-xl);}.hp-section{padding-block:clamp(var(--hp-s-6),5vw,var(--hp-s-8));}.hp-section--tight{padding-block:var(--hp-s-5);}.hp-section--sunken{background:var(--hp-bg-sunken);}.hp-section--raised{background:var(--hp-bg-raised);}.hp-section--emerald{background:var(--hp-emerald-500);color:#fff;}.hp-section--emerald:where(h1,h2,h3,h4,h5,h6){color:#fff;}.hp-stack{display:flex;flex-direction:column;gap:var(--hp-s-4);}.hp-stack--sm{gap:var(--hp-s-2);}.hp-stack--lg{gap:var(--hp-s-6);}.hp-stack--xl{gap:var(--hp-s-7);}.hp-cluster{display:flex;flex-wrap:wrap;gap:var(--hp-s-3);align-items:center;}.hp-cluster--center{justify-content:center;}.hp-grid{display:grid;gap:var(--hp-s-6);}.hp-grid--2{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));}.hp-grid--3{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));}.hp-grid--4{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));}.hp-split{display:grid;gap:var(--hp-s-7);align-items:center;grid-template-columns:1fr;}@media (min-width:56rem){.hp-split{grid-template-columns:1.1fr 1fr;}.hp-split--reverse{grid-template-columns:1fr 1.1fr;}.hp-split--reverse >:first-child{order:2;}}.hp-eyebrow{display:inline-flex;align-items:center;gap:var(--hp-s-2);font-size:var(--hp-fs-xs);font-weight:var(--hp-fw-semi);letter-spacing:var(--hp-ls-mega);text-transform:uppercase;color:var(--hp-emerald-600);padding:var(--hp-s-1) var(--hp-s-3);background:var(--hp-emerald-50);border-radius:var(--hp-r-pill);}.hp-eyebrow--gold{color:var(--hp-gold-600);background:var(--hp-gold-50);}.hp-divider{height:24px;background-image:radial-gradient(circle at 12px 12px,var(--hp-gold-400) 2px,transparent 2.5px),radial-gradient(circle at 0 12px,var(--hp-gold-400) 1px,transparent 1.5px);background-size:24px 24px;opacity:0.4;margin-block:var(--hp-s-6);}.hp-ar-square{aspect-ratio:1 / 1;}.hp-ar-video{aspect-ratio:16 / 9;}.hp-ar-phone{aspect-ratio:9 / 19.5;}main{min-block-size:60vh;}.hp-btn{--btn-bg:var(--hp-primary);--btn-fg:var(--hp-on-primary);--btn-border:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--hp-s-2);padding:var(--hp-s-3) var(--hp-s-5);min-height:3rem;font-weight:var(--hp-fw-semi);font-size:var(--hp-fs-md);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);border-radius:var(--hp-r-pill);text-decoration:none;transition:transform var(--hp-t-fast) var(--hp-ease),box-shadow var(--hp-t-fast) var(--hp-ease),background var(--hp-t-fast) var(--hp-ease);box-shadow:var(--hp-shadow-1);white-space:nowrap;}.hp-btn:hover{--btn-bg:var(--hp-primary-hover);transform:translateY(-1px);box-shadow:var(--hp-shadow-2);}.hp-btn:active{transform:translateY(0);}.hp-btn--ghost{--btn-bg:transparent;--btn-fg:var(--hp-primary);--btn-border:var(--hp-border-strong);box-shadow:none;}.hp-btn--ghost:hover{--btn-bg:var(--hp-emerald-50);}.hp-btn--gold{--btn-bg:var(--hp-gold-400);--btn-fg:var(--hp-emerald-800);box-shadow:var(--hp-shadow-gold);}.hp-btn--gold:hover{--btn-bg:var(--hp-gold-500);}.hp-btn--lg{padding:var(--hp-s-4) var(--hp-s-6);font-size:var(--hp-fs-lg);min-height:3.5rem;}.hp-btn--sm{padding:var(--hp-s-2) var(--hp-s-4);font-size:var(--hp-fs-sm);min-height:2.25rem;}.hp-btn[aria-disabled="true"]{opacity:0.5;pointer-events:none;}.hp-store-badges{display:flex;flex-wrap:wrap;gap:var(--hp-s-3);}.hp-store-badge{display:inline-block;transition:transform var(--hp-t-fast) var(--hp-ease);}.hp-store-badge:hover{transform:translateY(-2px);}.hp-store-badge img{height:52px;width:auto;}.hp-header{position:sticky;top:0;z-index:var(--hp-z-sticky);backdrop-filter:saturate(140%) blur(10px);background:color-mix(in srgb,var(--hp-bg) 85%,transparent);border-bottom:1px solid transparent;transition:border-color var(--hp-t-fast) var(--hp-ease),box-shadow var(--hp-t-fast) var(--hp-ease);}.hp-header[data-scrolled="true"]{border-bottom-color:var(--hp-border);box-shadow:var(--hp-shadow-1);}.hp-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--hp-s-5);padding-block:var(--hp-s-3);}.hp-header__brand{display:inline-flex;align-items:center;gap:var(--hp-s-2);font-family:var(--hp-font-display);font-size:var(--hp-fs-xl);color:var(--hp-ink);text-decoration:none;}.hp-header__brand svg{width:36px;height:36px;}.hp-header__brand-text{font-weight:var(--hp-fw-regular);letter-spacing:-0.01em;}.hp-header__brand-text strong{font-weight:var(--hp-fw-bold);color:var(--hp-emerald-600);}.hp-header__brand-text em{font-style:normal;color:var(--hp-gold-600);font-weight:var(--hp-fw-semi);}.hp-nav{display:none;}@media (min-width:64rem){.hp-nav{display:flex;align-items:center;gap:var(--hp-s-5);}}.hp-nav a{color:var(--hp-ink);text-decoration:none;font-weight:var(--hp-fw-medium);padding:var(--hp-s-2) var(--hp-s-3);border-radius:var(--hp-r-2);}.hp-nav a:hover{background:var(--hp-bg-sunken);color:var(--hp-primary);}.hp-nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--hp-r-2);border:1px solid var(--hp-border);}@media (min-width:64rem){.hp-nav__toggle{display:none;}}.hp-mobile-menu{position:fixed;inset:0 0 0 0;background:var(--hp-bg);padding:var(--hp-s-6);display:none;flex-direction:column;gap:var(--hp-s-4);z-index:var(--hp-z-modal);}.hp-mobile-menu[data-open="true"]{display:flex;}.hp-mobile-menu a{font-size:var(--hp-fs-xl);padding:var(--hp-s-3) 0;border-bottom:1px solid var(--hp-border);color:var(--hp-ink);text-decoration:none;}.hp-hero{position:relative;padding-block:clamp(var(--hp-s-7),8vw,var(--hp-s-10));overflow:hidden;}.hp-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,var(--hp-emerald-50) 0%,transparent 55%),radial-gradient(ellipse at bottom right,var(--hp-gold-50) 0%,transparent 60%);z-index:-1;}.hp-hero__eyebrow{color:var(--hp-emerald-600);}.hp-hero__title{font-size:clamp(2.5rem,5vw + 1rem,var(--hp-fs-7xl));margin-block:var(--hp-s-4);}.hp-hero__lede{font-size:var(--hp-fs-xl);color:var(--hp-ink-muted);max-width:44ch;}.hp-hero__cta{margin-top:var(--hp-s-6);}.hp-hero__visual{position:relative;aspect-ratio:9 / 19;max-width:320px;margin-inline:auto;background:linear-gradient(140deg,var(--hp-emerald-500),var(--hp-emerald-700));border-radius:44px;box-shadow:var(--hp-shadow-4);padding:14px;position:relative;}.hp-hero__visual::before{content:"";position:absolute;top:14px;left:50%;transform:translateX(-50%);width:110px;height:24px;background:#000;border-radius:0 0 18px 18px;z-index:2;}.hp-hero__screen{width:100%;height:100%;border-radius:32px;overflow:hidden;background:var(--hp-sand-50);display:flex;flex-direction:column;padding:var(--hp-s-5);gap:var(--hp-s-4);}.hp-feature-card{background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-4);padding:var(--hp-s-6);display:flex;flex-direction:column;gap:var(--hp-s-3);transition:transform var(--hp-t-base) var(--hp-ease),box-shadow var(--hp-t-base) var(--hp-ease),border-color var(--hp-t-base) var(--hp-ease);text-decoration:none;color:inherit;position:relative;overflow:hidden;}.hp-feature-card:hover{transform:translateY(-4px);box-shadow:var(--hp-shadow-3);border-color:var(--hp-emerald-300);}.hp-feature-card__icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:var(--hp-emerald-50);color:var(--hp-emerald-600);border-radius:var(--hp-r-3);}.hp-feature-card__title{font-size:var(--hp-fs-xl);font-weight:var(--hp-fw-semi);color:var(--hp-ink);}.hp-feature-card__body{color:var(--hp-ink-muted);font-size:var(--hp-fs-md);}.hp-dial{--size:220px;--pct:92;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--hp-gold-400) calc(var(--pct) * 1%),var(--hp-emerald-100) 0);display:grid;place-items:center;position:relative;}.hp-dial::before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--hp-bg-raised);}.hp-dial__value{position:relative;font-family:var(--hp-font-display);font-size:2.5rem;font-weight:var(--hp-fw-bold);color:var(--hp-emerald-600);}.hp-dial__label{position:relative;display:block;font-size:var(--hp-fs-xs);letter-spacing:var(--hp-ls-mega);text-transform:uppercase;color:var(--hp-ink-muted);margin-top:2px;}.hp-quote{background:var(--hp-bg-raised);border-radius:var(--hp-r-4);padding:var(--hp-s-6);box-shadow:var(--hp-shadow-2);display:flex;flex-direction:column;gap:var(--hp-s-4);}.hp-quote__text{font-family:var(--hp-font-display);font-size:var(--hp-fs-xl);line-height:var(--hp-lh-snug);color:var(--hp-ink);}.hp-quote__meta{display:flex;align-items:center;gap:var(--hp-s-3);}.hp-quote__avatar{width:44px;height:44px;border-radius:50%;background:var(--hp-emerald-100);}.hp-quote__name{font-weight:var(--hp-fw-semi);}.hp-quote__role{color:var(--hp-ink-muted);font-size:var(--hp-fs-sm);}.hp-field{display:flex;flex-direction:column;gap:var(--hp-s-2);}.hp-label{font-weight:var(--hp-fw-semi);font-size:var(--hp-fs-sm);}.hp-input,.hp-textarea,.hp-select{width:100%;padding:var(--hp-s-3) var(--hp-s-4);background:var(--hp-bg-raised);border:1px solid var(--hp-border-strong);border-radius:var(--hp-r-2);font-size:var(--hp-fs-md);transition:border-color var(--hp-t-fast) var(--hp-ease),box-shadow var(--hp-t-fast) var(--hp-ease);}.hp-input:focus,.hp-textarea:focus,.hp-select:focus{outline:none;border-color:var(--hp-emerald-500);box-shadow:0 0 0 4px rgba(13,93,70,0.15);}.hp-textarea{resize:vertical;min-height:6rem;}.hp-help{font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);}.hp-error{font-size:var(--hp-fs-sm);color:var(--hp-danger);}.hp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--hp-s-6);}.hp-stat{text-align:center;}.hp-stat__value{font-family:var(--hp-font-display);font-size:var(--hp-fs-5xl);font-weight:var(--hp-fw-bold);color:var(--hp-emerald-600);}.hp-stat__label{font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);letter-spacing:var(--hp-ls-wide);text-transform:uppercase;}.hp-badge{display:inline-flex;align-items:center;gap:var(--hp-s-1);font-size:var(--hp-fs-xs);font-weight:var(--hp-fw-semi);padding:3px 10px;border-radius:var(--hp-r-pill);background:var(--hp-emerald-50);color:var(--hp-emerald-700);}.hp-badge--gold{background:var(--hp-gold-50);color:var(--hp-gold-700);}.hp-badge--beta{background:var(--hp-terra-400);color:#fff;}.hp-faq{border:1px solid var(--hp-border);border-radius:var(--hp-r-3);background:var(--hp-bg-raised);}.hp-faq + .hp-faq{margin-top:var(--hp-s-3);}.hp-faq summary{padding:var(--hp-s-4) var(--hp-s-5);font-weight:var(--hp-fw-semi);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--hp-s-4);}.hp-faq summary::after{content:"+";font-size:1.4em;color:var(--hp-primary);}.hp-faq[open] summary::after{content:"–";}.hp-faq__body{padding:0 var(--hp-s-5) var(--hp-s-4);color:var(--hp-ink-muted);}.hp-footer{background:var(--hp-emerald-800);color:var(--hp-sand-100);padding-block:var(--hp-s-8) var(--hp-s-5);margin-top:var(--hp-s-9);position:relative;overflow:hidden;}.hp-footer::before{content:"";position:absolute;inset:0;opacity:0.08;pointer-events:none;background-image:url("../svg/zellige-hero.svg");background-size:400px;mask-image:linear-gradient(180deg,black 0%,transparent 60%);}.hp-footer .hp-container{position:relative;}.hp-footer a{color:var(--hp-sand-100);text-decoration:none;transition:color var(--hp-t-fast) var(--hp-ease);}.hp-footer a:hover{color:var(--hp-gold-200);text-decoration:underline;}.hp-footer__brand-row{display:grid;gap:var(--hp-s-4);align-items:start;margin-bottom:var(--hp-s-7);padding-bottom:var(--hp-s-6);border-bottom:1px solid rgba(255,255,255,0.08);}@media (min-width:56rem){.hp-footer__brand-row{grid-template-columns:auto 1fr auto;gap:var(--hp-s-7);align-items:center;}}.hp-footer__brand{display:inline-flex;align-items:center;gap:var(--hp-s-2);font-family:var(--hp-font-display);font-size:var(--hp-fs-2xl);text-decoration:none;color:var(--hp-sand-100);}.hp-footer__brand svg{width:36px;height:36px;}.hp-footer__brand-text{font-weight:var(--hp-fw-regular);}.hp-footer__brand-text strong{color:var(--hp-sand-100);font-weight:var(--hp-fw-bold);}.hp-footer__brand-text em{font-style:normal;color:var(--hp-gold-200);font-weight:var(--hp-fw-semi);}.hp-footer__tagline{margin:0;max-width:36rem;font-size:var(--hp-fs-sm);line-height:var(--hp-lh-normal);color:rgba(255,255,255,0.78);}.hp-footer__cta{display:flex;gap:var(--hp-s-3);flex-wrap:wrap;}.hp-footer__cta .hp-store-badge img{height:44px;width:auto;}.hp-footer__grid{display:grid;grid-template-columns:1fr;gap:var(--hp-s-5);}@media (min-width:36rem){.hp-footer__grid{grid-template-columns:repeat(2,1fr);gap:var(--hp-s-6);}}@media (min-width:64rem){.hp-footer__grid{grid-template-columns:repeat(4,1fr);}}.hp-footer__col h2{color:var(--hp-gold-200);font-family:var(--hp-font-body);font-size:var(--hp-fs-xs);letter-spacing:var(--hp-ls-mega);text-transform:uppercase;font-weight:var(--hp-fw-bold);margin:0 0 var(--hp-s-3);}.hp-footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--hp-s-2);}.hp-footer__col li{line-height:1.4;}.hp-footer__col a{font-size:var(--hp-fs-sm);}.hp-footer__bottom{display:grid;grid-template-columns:1fr;gap:var(--hp-s-3);align-items:center;padding-top:var(--hp-s-5);margin-top:var(--hp-s-7);border-top:1px solid rgba(255,255,255,0.08);font-size:var(--hp-fs-sm);color:rgba(255,255,255,0.7);text-align:center;}@media (min-width:56rem){.hp-footer__bottom{grid-template-columns:auto 1fr auto;}.hp-footer__copy{text-align:left;}.hp-footer__locale{text-align:center;}.hp-footer__meta{text-align:right;}}.hp-footer__bottom a{color:rgba(255,255,255,0.85);}.hp-footer__bottom a:hover{color:var(--hp-gold-200);}.hp-footer__locale{display:inline-flex;gap:var(--hp-s-2);justify-content:center;align-items:center;flex-wrap:wrap;}.hp-footer__locale a[lang="ar"],.hp-footer__locale a[lang="ur"]{font-family:"Amiri","Noto Naskh Arabic",serif;font-size:var(--hp-fs-md);}.hp-footer__meta{display:inline-flex;gap:var(--hp-s-3);align-items:center;justify-content:center;flex-wrap:wrap;}@media (min-width:56rem){.hp-footer__meta{justify-content:flex-end;}}.hp-footer__meta svg{display:block;}[dir="rtl"] .hp-footer__bottom{text-align:right;}[dir="rtl"] .hp-footer__copy{text-align:right;}[dir="rtl"] .hp-footer__meta{justify-content:flex-start;}.hp-cookie{position:fixed;bottom:var(--hp-s-4);right:var(--hp-s-4);left:auto;z-index:var(--hp-z-overlay);background:var(--hp-bg-raised);border:1px solid var(--hp-border-strong);border-radius:var(--hp-r-3);padding:var(--hp-s-5);box-shadow:var(--hp-shadow-3);max-width:22rem;display:none;}.hp-cookie[data-open="true"]{display:block;}@media (max-width:36rem){.hp-cookie{left:var(--hp-s-3);right:var(--hp-s-3);bottom:80px;max-width:none;}}[dir="rtl"] .hp-cookie{left:var(--hp-s-4);right:auto;}[dir="rtl"] @media (max-width:36rem){.hp-cookie{left:var(--hp-s-3);right:var(--hp-s-3);}}.hp-404{text-align:center;padding-block:var(--hp-s-9);}.hp-404__code{font-family:var(--hp-font-display);font-size:clamp(4rem,12vw,10rem);color:var(--hp-emerald-200);line-height:1;}/* ========================================================================== HafizPrime — v2 upgrades (richer hero,steps,compare table,quote wall) ========================================================================== */ .hp-gradient-gold{background:linear-gradient(110deg,var(--hp-gold-500),var(--hp-gold-300) 60%,var(--hp-gold-500));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;}.hp-hero--v2{position:relative;overflow:hidden;padding-block:clamp(3rem,6vw,6rem);}.hp-hero--v2::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 70% 60% at 20% 20%,rgba(13,93,70,.08),transparent 70%),radial-gradient(ellipse 60% 50% at 80% 90%,rgba(197,160,89,.12),transparent 70%),var(--hp-bg);}.hp-hero__zellige{position:absolute;inset:-40px;z-index:-1;background-image:url("../svg/zellige-hero.svg");background-size:600px;background-repeat:repeat;opacity:0.5;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}.hp-hero__title{font-size:clamp(2.5rem,5vw + 1rem,4.75rem);line-height:1.05;letter-spacing:-0.02em;margin:0.5rem 0;}.hp-hero__visual-wrap{position:relative;max-width:420px;margin-inline:auto;padding:0 1rem;}.hp-hero__device{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(11,78,58,0.22));transform:perspective(1400px) rotateY(-2deg) rotateX(1deg);transition:transform var(--hp-t-slower) var(--hp-ease);}.hp-hero__visual-wrap:hover .hp-hero__device{transform:perspective(1400px) rotateY(0) rotateX(0);}.hp-hero__chip{position:absolute;background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-pill);padding:8px 14px;font-size:var(--hp-fs-sm);font-weight:var(--hp-fw-semi);color:var(--hp-emerald-700);display:inline-flex;align-items:center;gap:8px;box-shadow:var(--hp-shadow-2);white-space:nowrap;}.hp-hero__chip--one{top:10%;right:-18px;transform:rotate(6deg);}.hp-hero__chip--two{bottom:18%;left:-18px;transform:rotate(-5deg);color:var(--hp-gold-700);background:var(--hp-gold-50);border-color:var(--hp-gold-200);}@media (prefers-reduced-motion:reduce){.hp-hero__device{transform:none;}.hp-hero__chip{transform:none;}}.hp-trustline{display:flex;align-items:center;gap:12px;font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);}.hp-trustline strong{color:var(--hp-ink);}.hp-stars{color:var(--hp-gold-500);display:inline-flex;gap:2px;}.hp-trust-strip{padding-block:var(--hp-s-5);border-block:1px solid var(--hp-border);background:var(--hp-bg-raised);}.hp-trust-strip__row{gap:var(--hp-s-5) var(--hp-s-6);justify-content:center;font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);text-align:center;}.hp-trust-strip__row strong{color:var(--hp-ink);font-weight:var(--hp-fw-semi);}.hp-trust-strip__row > div{position:relative;padding:0 var(--hp-s-3);}.hp-trust-strip__row > div + div::before{content:"·";position:absolute;left:-4px;color:var(--hp-border-strong);}.hp-section__lead{max-width:42rem;margin-inline:auto;}.hp-checklist{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--hp-s-3);}.hp-checklist li{display:flex;align-items:flex-start;gap:var(--hp-s-3);}.hp-checklist .hp-check,.hp-checklist svg{color:var(--hp-emerald-500);flex-shrink:0;margin-top:2px;}.hp-link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:var(--hp-fw-semi);color:var(--hp-primary);text-decoration:none;}.hp-link-arrow svg{transition:transform var(--hp-t-fast) var(--hp-ease);}.hp-link-arrow:hover svg{transform:translateX(3px);}.hp-feature-card__icon{background:linear-gradient(140deg,var(--hp-emerald-50),#fff);border:1px solid var(--hp-emerald-100);}.hp-feature-card{position:relative;}.hp-feature-card::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(140deg,transparent,rgba(197,160,89,0.3)) border-box;mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--hp-t-base) var(--hp-ease);pointer-events:none;}.hp-feature-card:hover::after{opacity:1;}.hp-steps{list-style:none;padding:0;display:grid;gap:var(--hp-s-5);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));counter-reset:step;}.hp-step{background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-4);padding:var(--hp-s-5);position:relative;overflow:hidden;}.hp-step__num{font-family:var(--hp-font-display);font-size:3rem;font-weight:var(--hp-fw-bold);color:var(--hp-gold-300);line-height:1;display:block;margin-bottom:var(--hp-s-3);}.hp-step h3{font-size:var(--hp-fs-lg);margin-bottom:var(--hp-s-2);}.hp-step p{color:var(--hp-ink-muted);font-size:var(--hp-fs-sm);margin:0;}.hp-step::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--hp-emerald-500),var(--hp-gold-400));}.hp-chart{width:100%;max-width:640px;height:auto;filter:drop-shadow(0 10px 24px rgba(11,78,58,.1));border-radius:var(--hp-r-3);background:#fff;padding:var(--hp-s-3);border:1px solid var(--hp-border);}.hp-dial-wrap{display:grid;place-items:center;gap:var(--hp-s-4);}.hp-dial--xl{--size:300px;}.hp-dial--xl .hp-dial__value{font-size:3.5rem;}.hp-dial-caption{color:var(--hp-ink-muted);font-size:var(--hp-fs-sm);text-align:center;}.hp-dial-caption strong{color:var(--hp-success);}.hp-compare{background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-3);overflow:hidden;box-shadow:var(--hp-shadow-1);}.hp-compare table{width:100%;border-collapse:collapse;}.hp-compare th,.hp-compare td{padding:var(--hp-s-4);text-align:left;border-bottom:1px solid var(--hp-border);}.hp-compare thead th{background:var(--hp-bg-sunken);font-weight:var(--hp-fw-semi);font-size:var(--hp-fs-sm);letter-spacing:var(--hp-ls-wide);text-transform:uppercase;color:var(--hp-ink-muted);}.hp-compare__ours{background:linear-gradient(180deg,var(--hp-emerald-50),transparent);color:var(--hp-emerald-700) !important;}.hp-compare tr:last-child td{border-bottom:none;}.hp-check-yes{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--hp-emerald-500);color:#fff;font-weight:700;font-size:14px;}.hp-quote-wall{display:grid;gap:var(--hp-s-5);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));}.hp-quote{position:relative;}.hp-quote__mark{position:absolute;top:var(--hp-s-4);right:var(--hp-s-4);color:var(--hp-gold-300);opacity:0.5;}.hp-quote__avatar{background:linear-gradient(140deg,var(--hp-emerald-300),var(--hp-emerald-500));}.hp-cta-final{position:relative;overflow:hidden;}.hp-cta-final::before{content:"";position:absolute;inset:0;background-image:url("../svg/zellige-hero.svg");opacity:0.15;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);}.hp-cta-divider{display:block;margin:0 auto var(--hp-s-4);filter:brightness(0) invert(1) opacity(0.5);}@keyframes hp-fade-up{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity var(--hp-t-slow) var(--hp-ease),transform var(--hp-t-slow) var(--hp-ease);}[data-reveal].is-visible{opacity:1;transform:none;}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;}}.hp-scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:var(--hp-z-sticky);background:linear-gradient(90deg,var(--hp-emerald-500),var(--hp-gold-400));transform-origin:0 50%;transform:scaleX(var(--hp-scroll,0));pointer-events:none;}.hp-sticky-cta{position:fixed;bottom:0;left:0;right:0;background:var(--hp-bg-raised);border-top:1px solid var(--hp-border);padding:var(--hp-s-3);display:none;z-index:var(--hp-z-sticky);box-shadow:0 -8px 24px rgba(11,78,58,0.08);}@media (max-width:56rem){.hp-sticky-cta{display:flex;justify-content:center;gap:var(--hp-s-2);}body{padding-bottom:80px;}}.hp-breadcrumbs{font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);margin-bottom:var(--hp-s-4);}.hp-breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--hp-s-2);}.hp-breadcrumbs li + li::before{content:"/";margin-right:var(--hp-s-2);color:var(--hp-ink-soft);}.hp-breadcrumbs a{color:var(--hp-ink-muted);text-decoration:none;}.hp-breadcrumbs a:hover{color:var(--hp-primary);}.hp-prose h2{margin-top:var(--hp-s-7);margin-bottom:var(--hp-s-3);padding-top:var(--hp-s-3);border-top:1px solid var(--hp-border);}.hp-prose h3{margin-top:var(--hp-s-6);margin-bottom:var(--hp-s-3);}.hp-prose p{line-height:var(--hp-lh-loose);margin-block:var(--hp-s-4);max-width:70ch;}.hp-prose ul,.hp-prose ol{padding-left:1.5em;margin-block:var(--hp-s-4);}.hp-prose li{margin-block:var(--hp-s-2);}.hp-prose table{width:100%;margin-block:var(--hp-s-5);border-collapse:collapse;}.hp-prose th,.hp-prose td{padding:var(--hp-s-3);border-bottom:1px solid var(--hp-border);text-align:left;}.hp-prose th{background:var(--hp-bg-sunken);font-weight:var(--hp-fw-semi);}.hp-prose blockquote{font-size:var(--hp-fs-lg);}.hp-prose code{font-size:0.9em;}.hp-page-header{padding-block:var(--hp-s-7);background:linear-gradient(180deg,var(--hp-emerald-50),transparent);border-bottom:1px solid var(--hp-border);position:relative;overflow:hidden;}.hp-page-header::before{content:"";position:absolute;inset:0;opacity:0.3;background-image:url("../svg/zellige-hero.svg");background-size:400px;pointer-events:none;mask-image:linear-gradient(to bottom,black,transparent);}.hp-page-header .hp-container{position:relative;}.hp-page-header h1{font-size:clamp(2rem,4vw + 0.5rem,3.75rem);margin-block:var(--hp-s-3);}.hp-page-header__lede{font-size:var(--hp-fs-xl);color:var(--hp-ink-muted);max-width:46rem;}.hp-feature-index{display:grid;gap:var(--hp-s-5);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));}.hp-feature-index__item{padding:var(--hp-s-5);}.hp-feature-index__item .hp-feature-card__icon{width:44px;height:44px;}.hp-nav a{position:relative;}.hp-nav a::after{content:"";position:absolute;left:var(--hp-s-3);right:var(--hp-s-3);bottom:4px;height:2px;background:var(--hp-gold-400);transform:scaleX(0);transform-origin:left;transition:transform var(--hp-t-fast) var(--hp-ease);}.hp-nav a:hover::after,.hp-nav a.is-active::after{transform:scaleX(1);}.hp-footer__grid{gap:var(--hp-s-7);}.hp-footer__col ul a{text-decoration:none;opacity:0.85;transition:opacity var(--hp-t-fast);}.hp-footer__col ul a:hover{opacity:1;text-decoration:underline;}.hp-share{display:flex;gap:var(--hp-s-2);align-items:center;flex-wrap:wrap;}.hp-share a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--hp-border);border-radius:var(--hp-r-pill);font-size:var(--hp-fs-sm);text-decoration:none;color:var(--hp-ink-muted);}.hp-share a:hover{background:var(--hp-bg-sunken);color:var(--hp-ink);}.hp-toc{background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-3);padding:var(--hp-s-4);margin-block:var(--hp-s-5);}.hp-toc h4{font-size:var(--hp-fs-sm);letter-spacing:var(--hp-ls-mega);text-transform:uppercase;color:var(--hp-ink-muted);font-weight:var(--hp-fw-semi);margin-bottom:var(--hp-s-2);}.hp-toc ol{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px;}.hp-toc a{color:var(--hp-ink-muted);text-decoration:none;}.hp-toc a:hover{color:var(--hp-primary);text-decoration:underline;}.hp-related{background:var(--hp-bg-sunken);padding:var(--hp-s-5);border-radius:var(--hp-r-3);margin-top:var(--hp-s-7);}.hp-related h3{margin-top:0;font-size:var(--hp-fs-lg);}.hp-related ul{list-style:none;padding:0;display:grid;gap:var(--hp-s-2);}.hp-related a{color:var(--hp-ink);text-decoration:none;font-weight:var(--hp-fw-medium);}.hp-related a:hover{color:var(--hp-primary);}.hp-tool{background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-3);padding:var(--hp-s-6);box-shadow:var(--hp-shadow-1);}.hp-tool fieldset{border:none;padding:0;margin:0;}.hp-tool legend{font-weight:var(--hp-fw-semi);margin-bottom:var(--hp-s-2);}.hp-tool label{display:flex;align-items:center;gap:var(--hp-s-2);padding:var(--hp-s-2) 0;}.hp-feature-card__icon{color:var(--hp-emerald-600);}.hp-feature-hero{padding-block:clamp(2.5rem,5vw,4rem);background:linear-gradient(180deg,var(--hp-emerald-50),transparent);border-bottom:1px solid var(--hp-border);position:relative;overflow:hidden;}.hp-feature-hero::before{content:"";position:absolute;inset:0;opacity:0.3;background-image:url("../svg/zellige-hero.svg");background-size:400px;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);}.hp-feature-hero .hp-split{align-items:center;gap:var(--hp-s-7);position:relative;}.hp-feature-hero__title{font-size:clamp(2rem,3.5vw + 0.5rem,3.5rem);margin-block:var(--hp-s-3);}.hp-feature-hero__visual img{width:100%;max-width:360px;height:auto;filter:drop-shadow(0 16px 36px rgba(11,78,58,0.22));margin-inline:auto;transform:perspective(1400px) rotateY(-3deg);transition:transform var(--hp-t-slower) var(--hp-ease);}.hp-feature-hero__visual img:hover{transform:perspective(1400px) rotateY(0);}@media (prefers-reduced-motion:reduce){.hp-feature-hero__visual img{transform:none;}}.hp-page-header{margin-bottom:0;}.hp-dial-wrap{gap:var(--hp-s-3);}.hp-hero__title{text-wrap:balance;max-width:18ch;}.hp-grid--3{gap:var(--hp-s-5);}.hp-compare th,.hp-compare td{padding:var(--hp-s-3) var(--hp-s-4);font-size:var(--hp-fs-sm);}@media (max-width:36rem){.hp-compare table{font-size:var(--hp-fs-xs);}}[dir="rtl"] .hp-prose{text-align:right;font-family:var(--hp-font-arabic),var(--hp-font-body);}[dir="rtl"] .hp-prose h1,[dir="rtl"] .hp-prose h2,[dir="rtl"] .hp-prose h3{font-family:"Amiri","Noto Naskh Arabic","Playfair Display",serif;}[dir="rtl"] .hp-prose blockquote{border-inline-start:none;border-inline-end:4px solid var(--hp-gold-400);border-radius:var(--hp-r-2) 0 0 var(--hp-r-2);}.hp-section + .hp-section--sunken{border-top:1px solid var(--hp-border);}.hp-btn:focus-visible{box-shadow:0 0 0 4px rgba(243,208,107,0.45),var(--hp-shadow-2);}.hp-prose img,.hp-feature-card img{border-radius:var(--hp-r-2);height:auto;}.hp-prose a[href^="http"]:not([href*="hafizprime.com"])::after{content:" ↗";color:var(--hp-ink-soft);}.hp-input[type="search"]{padding-inline-start:var(--hp-s-5);}.hp-prose a:visited{color:var(--hp-emerald-700);}:target{scroll-margin-top:6rem;}.hp-scroll-progress{height:2px;opacity:0.85;}.hp-quote{transition:transform var(--hp-t-fast) var(--hp-ease),box-shadow var(--hp-t-fast) var(--hp-ease);}.hp-quote:hover{transform:translateY(-2px);box-shadow:var(--hp-shadow-3);}@media (max-width:56rem){.hp-footer__brand svg{width:32px;height:32px;}}:root[data-theme="dark"] .hp-hero__chip{background:var(--hp-bg-raised);border-color:var(--hp-border);color:var(--hp-emerald-200);}:root[data-theme="dark"] .hp-hero__chip--two{color:var(--hp-gold-300);background:#1a1810;border-color:#2a2418;}:root[data-theme="dark"] .hp-dial{background:conic-gradient(var(--hp-gold-400) calc(var(--pct) * 1%),#0e1a16 0);}:root[data-theme="dark"] .hp-dial::before{background:var(--hp-bg-raised);}:root[data-theme="dark"] .hp-trust-strip{background:var(--hp-bg-raised);border-color:var(--hp-border);}:root[data-theme="dark"] .hp-trust-strip__row{color:var(--hp-ink-muted);}:root[data-theme="dark"] .hp-trust-strip__row strong{color:var(--hp-ink);}:root[data-theme="dark"] .hp-compare{background:var(--hp-bg-raised);border-color:var(--hp-border);}:root[data-theme="dark"] .hp-compare thead th{background:var(--hp-bg-sunken);color:var(--hp-ink-muted);}:root[data-theme="dark"] .hp-compare__ours{background:linear-gradient(180deg,#0e1f18,transparent);color:var(--hp-emerald-200) !important;}:root[data-theme="dark"] .hp-compare th,:root[data-theme="dark"] .hp-compare td{border-color:var(--hp-border);color:var(--hp-ink);}:root[data-theme="dark"] .hp-step{background:var(--hp-bg-raised);border-color:var(--hp-border);}:root[data-theme="dark"] .hp-step__num{color:var(--hp-gold-500);}:root[data-theme="dark"] .hp-quote{background:var(--hp-bg-raised);box-shadow:none;border:1px solid var(--hp-border);}:root[data-theme="dark"] .hp-quote__avatar{background:linear-gradient(140deg,var(--hp-emerald-700),var(--hp-emerald-500));}:root[data-theme="dark"] .hp-feature-card{background:var(--hp-bg-raised);border-color:var(--hp-border);}:root[data-theme="dark"] .hp-feature-card__icon{background:linear-gradient(140deg,#0e1f18,var(--hp-bg-raised));border-color:var(--hp-emerald-700);color:var(--hp-emerald-200);}:root[data-theme="dark"] .hp-eyebrow{background:#0e1f18;color:var(--hp-emerald-200);}:root[data-theme="dark"] .hp-eyebrow--gold{background:#1a1810;color:var(--hp-gold-300);}:root[data-theme="dark"] .hp-faq{background:var(--hp-bg-raised);border-color:var(--hp-border);}:root[data-theme="dark"] .hp-btn--ghost{--btn-fg:var(--hp-emerald-200);--btn-border:var(--hp-border-strong);}:root[data-theme="dark"] .hp-btn--ghost:hover{--btn-bg:#0e1f18;}:root[data-theme="dark"] .hp-input,:root[data-theme="dark"] .hp-textarea,:root[data-theme="dark"] .hp-select{background:var(--hp-bg-sunken);border-color:var(--hp-border-strong);color:var(--hp-ink);}:root[data-theme="dark"] .hp-tool{background:var(--hp-bg-raised);border-color:var(--hp-border);}:root[data-theme="dark"] .hp-gradient-gold{background:linear-gradient(110deg,var(--hp-gold-300),var(--hp-gold-100) 60%,var(--hp-gold-300));-webkit-background-clip:text;background-clip:text;color:transparent;}:root[data-theme="dark"] .hp-page-header{background:linear-gradient(180deg,#0e1f18,transparent);border-color:var(--hp-border);}:root[data-theme="dark"] .hp-feature-hero{background:linear-gradient(180deg,#0e1f18,transparent);border-color:var(--hp-border);}:root[data-theme="dark"] .hp-chart{background:var(--hp-bg-raised);border-color:var(--hp-border);}.hp-theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--hp-r-pill);border:1px solid var(--hp-border);background:var(--hp-bg-raised);color:var(--hp-ink-muted);cursor:pointer;transition:color var(--hp-t-fast) var(--hp-ease),border-color var(--hp-t-fast) var(--hp-ease),background var(--hp-t-fast) var(--hp-ease);}.hp-theme-toggle:hover{color:var(--hp-primary);border-color:var(--hp-primary);}.hp-theme-toggle svg{display:block;}.hp-theme-toggle__moon{display:none;}:root[data-theme="dark"] .hp-theme-toggle__sun{display:none;}:root[data-theme="dark"] .hp-theme-toggle__moon{display:block;}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hp-theme-toggle__sun{display:none;}:root:not([data-theme="light"]) .hp-theme-toggle__moon{display:block;}}/* ================================================================ * Content tables (hp-md-table) — used by tajweed pages,learn hub,* surah guides,and any markdown-sourced content with pipe tables. * Wrapper gives horizontal scroll on narrow viewports. * ============================================================== */ .hp-table-wrap{margin-block:var(--hp-s-6);overflow-x:auto;border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);background:var(--hp-bg);box-shadow:var(--hp-shadow-soft,0 1px 2px rgba(0,0,0,.04));}.hp-md-table,.hp-table{width:100%;border-collapse:collapse;font-size:var(--hp-fs-base);line-height:var(--hp-lh-normal);}.hp-md-table thead,.hp-table thead{background:linear-gradient(180deg,var(--hp-emerald-50,#f0f8f3),transparent);}.hp-md-table th,.hp-table th{padding:var(--hp-s-4) var(--hp-s-4);text-align:left;font-weight:var(--hp-fw-bold);font-size:var(--hp-fs-sm);letter-spacing:0.02em;text-transform:uppercase;color:var(--hp-ink-muted);border-bottom:2px solid var(--hp-border-strong,var(--hp-border));white-space:nowrap;}.hp-md-table td,.hp-table td{padding:var(--hp-s-4) var(--hp-s-4);border-bottom:1px solid var(--hp-border);vertical-align:top;}.hp-md-table tbody tr:last-child td,.hp-table tbody tr:last-child td{border-bottom:none;}.hp-md-table tbody tr:nth-child(even),.hp-table tbody tr:nth-child(even){background:var(--hp-bg-sunken);}.hp-md-table tbody tr:hover,.hp-table tbody tr:hover{background:var(--hp-emerald-50,rgba(16,88,63,0.04));}.hp-md-table td:first-child,.hp-table td:first-child{font-weight:var(--hp-fw-semi);}.hp-md-table td strong,.hp-table td strong{color:var(--hp-ink);}[dir="rtl"] .hp-md-table th,[dir="rtl"] .hp-table th,[dir="rtl"] .hp-md-table td,[dir="rtl"] .hp-table td{text-align:right;}@media (max-width:36rem){.hp-md-table th,.hp-table th,.hp-md-table td,.hp-table td{padding:var(--hp-s-3);font-size:var(--hp-fs-sm);}}/* ================================================================ * Support / Sadaqah Jariyah page * ============================================================== */ .hp-support-hero{padding:var(--hp-s-10) var(--hp-s-6);background:linear-gradient(135deg,var(--hp-emerald-900,#052e22) 0%,var(--hp-emerald-800,#0a4534) 50%,var(--hp-gold-900,#6b5020) 100%);text-align:center;position:relative;overflow:hidden;}.hp-support-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;}.hp-support-hero__inner{max-width:48rem;margin:0 auto;position:relative;z-index:1;}.hp-support-hero__kicker{font-family:"Amiri",serif;font-size:clamp(1.5rem,3vw,2.5rem);color:var(--hp-gold-300,#dbb873);letter-spacing:0.05em;display:block;margin-bottom:var(--hp-s-4);}.hp-support-hero__title{font-size:clamp(1.75rem,4vw,3rem);font-weight:800;color:#fff;line-height:1.2;margin:0 0 var(--hp-s-5);}.hp-support-hero__lede{font-size:var(--hp-fs-lg);color:rgba(255,255,255,0.85);line-height:1.7;max-width:42rem;margin:0 auto;}.hp-support-section{padding:var(--hp-s-8) var(--hp-s-6);max-width:52rem;margin:0 auto;}.hp-support-section--alt{background:var(--hp-bg-sunken);max-width:100%;}.hp-support-section--alt > *{max-width:52rem;margin-left:auto;margin-right:auto;}.hp-support-section h2{font-size:var(--hp-fs-2xl);font-weight:700;margin-bottom:var(--hp-s-5);color:var(--hp-ink);}.hp-support-hadith{background:linear-gradient(135deg,var(--hp-emerald-50,#f0f8f3),var(--hp-bg));border-left:4px solid var(--hp-gold-500,#c5a059);border-radius:var(--hp-radius-md);padding:var(--hp-s-6);margin:var(--hp-s-6) 0;font-size:var(--hp-fs-lg);line-height:1.8;}.hp-support-hadith p:first-child{font-family:"Amiri",serif;font-size:clamp(1.2rem,2.5vw,1.6rem);text-align:center;direction:rtl;color:var(--hp-emerald-800,#0a4534);margin-bottom:var(--hp-s-4);}.hp-support-hadith cite{display:block;text-align:right;font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);margin-top:var(--hp-s-3);}.hp-support-three-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--hp-s-5);margin-top:var(--hp-s-6);}.hp-support-pillar{background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);padding:var(--hp-s-5);text-align:center;transition:transform var(--hp-t-fast) var(--hp-ease),box-shadow var(--hp-t-fast);}.hp-support-pillar:hover{transform:translateY(-3px);box-shadow:var(--hp-shadow-lift);}.hp-support-pillar__icon{font-size:2.5rem;display:block;margin-bottom:var(--hp-s-3);}.hp-support-pillar h3{font-size:var(--hp-fs-lg);font-weight:700;margin:0 0 var(--hp-s-2);color:var(--hp-emerald-700,#0d5d46);}.hp-support-pillar p{font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);line-height:1.6;margin:0;}.hp-support-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--hp-s-5);margin-top:var(--hp-s-5);}.hp-support-tier{background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);padding:var(--hp-s-5);transition:transform var(--hp-t-fast) var(--hp-ease),box-shadow var(--hp-t-fast);}.hp-support-tier:hover{transform:translateY(-3px);box-shadow:var(--hp-shadow-lift);}.hp-support-tier__amount{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--hp-emerald-600,#10805f);margin-bottom:var(--hp-s-1);}.hp-support-tier__label{font-size:var(--hp-fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--hp-gold-600,#a8863d);margin-bottom:var(--hp-s-3);}.hp-support-tier p{font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);line-height:1.6;margin:0;}.hp-support-tier--custom{border-style:dashed;border-color:var(--hp-gold-400,#d4ad5a);}.hp-support-tier--custom .hp-support-tier__amount{color:var(--hp-gold-600,#a8863d);}.hp-support-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--hp-s-6);margin-top:var(--hp-s-5);}.hp-support-method{background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);padding:var(--hp-s-6);}.hp-support-method h3{font-size:var(--hp-fs-xl);font-weight:700;margin:0 0 var(--hp-s-3);}.hp-support-method__note{font-size:var(--hp-fs-xs);color:var(--hp-ink-muted);margin-top:var(--hp-s-3);}.hp-support-reveal{margin-top:var(--hp-s-5);}.hp-support-reveal summary{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--hp-s-2);width:100%;padding:var(--hp-s-4) var(--hp-s-6);font-size:var(--hp-fs-lg);font-weight:600;font-family:inherit;color:var(--hp-emerald-700,#0d5d46);background:var(--hp-bg);border:2px solid var(--hp-emerald-500,#0d9e6d);border-radius:var(--hp-radius-md);text-align:center;transition:background var(--hp-t-fast),color var(--hp-t-fast),transform var(--hp-t-fast);list-style:none;}.hp-support-reveal summary::-webkit-details-marker{display:none;}.hp-support-reveal summary::after{content:' ▼';font-size:0.7em;transition:transform var(--hp-t-fast);}.hp-support-reveal[open] summary::after{transform:rotate(180deg);}.hp-support-reveal summary:hover{background:var(--hp-emerald-50,#f0f8f3);transform:translateY(-2px);box-shadow:var(--hp-shadow-lift);}.hp-support-bank{margin-top:var(--hp-s-5);animation:hp-fade-in 0.3s ease;}@keyframes hp-fade-in{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}.hp-support-promises{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--hp-s-5);margin-top:var(--hp-s-5);}.hp-support-promise{padding:var(--hp-s-5);border-top:3px solid var(--hp-emerald-500,#0d9e6d);background:var(--hp-bg-raised);border-radius:0 0 var(--hp-radius-md) var(--hp-radius-md);}.hp-support-promise h3{font-size:var(--hp-fs-base);font-weight:700;margin:0 0 var(--hp-s-2);color:var(--hp-emerald-700);}.hp-support-promise p{font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);line-height:1.6;margin:0;}.hp-support-math{background:var(--hp-bg-raised);border:1px solid var(--hp-gold-300,#dbb873);border-radius:var(--hp-radius-lg);padding:var(--hp-s-6);margin:var(--hp-s-5) 0;}.hp-support-math ul{list-style:none;padding:0;margin:0;}.hp-support-math li{padding:var(--hp-s-2) 0;font-size:var(--hp-fs-lg);border-bottom:1px solid var(--hp-border);}.hp-support-math li:last-child{border-bottom:none;font-weight:700;color:var(--hp-emerald-700);}.hp-support-testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--hp-s-5);margin-top:var(--hp-s-5);}.hp-support-testimonial{background:var(--hp-bg-raised);border-radius:var(--hp-radius-lg);padding:var(--hp-s-5);border-left:3px solid var(--hp-gold-400,#d4ad5a);font-style:italic;}.hp-support-testimonial p{font-size:var(--hp-fs-base);line-height:1.7;margin:0 0 var(--hp-s-3);}.hp-support-testimonial cite{font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);font-style:normal;}.hp-support-free-help{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--hp-s-5);margin-top:var(--hp-s-5);}.hp-support-free-item{padding:var(--hp-s-5);background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);}.hp-support-free-item h3{font-size:var(--hp-fs-base);font-weight:700;margin:0 0 var(--hp-s-2);}.hp-support-free-item p{font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);line-height:1.6;margin:0;}.hp-support-closing{font-family:"Amiri",serif;font-size:var(--hp-fs-2xl);text-align:center;color:var(--hp-gold-600,#a8863d);margin:var(--hp-s-6) 0 var(--hp-s-4);line-height:1.6;}.hp-support-cta-final{text-align:center;margin:var(--hp-s-5) 0;}.hp-support-method .hp-btn--primary,.hp-support-cta-final .hp-btn--primary{display:inline-block;padding:var(--hp-s-4) var(--hp-s-7);font-size:var(--hp-fs-lg);font-weight:700;}[dir="rtl"] .hp-support-hadith{border-left:none;border-right:4px solid var(--hp-gold-500);}[dir="rtl"] .hp-support-hadith cite{text-align:left;}[dir="rtl"] .hp-support-testimonial{border-left:none;border-right:3px solid var(--hp-gold-400);}@media (max-width:36rem){.hp-support-hero{padding:var(--hp-s-7) var(--hp-s-4);}.hp-support-section{padding:var(--hp-s-6) var(--hp-s-4);}.hp-support-tiers{grid-template-columns:1fr;}}/* ================================================================ * Support banner — homepage * ============================================================== */ .hp-support-banner{background:linear-gradient(135deg,var(--hp-emerald-900,#052e22) 0%,var(--hp-emerald-800,#0a4534) 60%,var(--hp-gold-900,#6b5020) 100%);color:#fff;position:relative;overflow:hidden;}.hp-support-banner::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;}.hp-support-banner__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--hp-s-8);align-items:center;position:relative;z-index:1;}.hp-support-banner__kicker{font-family:"Amiri",serif;font-size:clamp(1.2rem,2.5vw,1.8rem);color:var(--hp-gold-300,#dbb873);margin:0 0 var(--hp-s-3);}.hp-support-banner__text h2{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;color:#fff;line-height:1.3;margin:0 0 var(--hp-s-4);}.hp-support-banner__text > p{color:rgba(255,255,255,0.8);line-height:1.7;font-size:var(--hp-fs-base);max-width:36rem;}.hp-support-banner__verse{text-align:center;padding:var(--hp-s-6);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--hp-radius-lg);}.hp-support-banner__arabic{font-family:"Amiri","Amiri Quran",serif;font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:2;direction:rtl;color:var(--hp-gold-200,#e8d5a0);margin:0 0 var(--hp-s-4);}.hp-support-banner__ref{font-size:var(--hp-fs-sm);color:rgba(255,255,255,0.7);line-height:1.6;margin:0;}@media (max-width:48rem){.hp-support-banner__inner{grid-template-columns:1fr;}.hp-support-banner__verse{margin-top:var(--hp-s-4);}}/* ================================================================ * Story submission form * ============================================================== */ .hp-story-form{max-width:36rem;margin:var(--hp-s-6) auto 0;}.hp-story-form__field{margin-bottom:var(--hp-s-4);}.hp-story-form__field label{display:block;font-weight:var(--hp-fw-semi);font-size:var(--hp-fs-sm);margin-bottom:var(--hp-s-2);color:var(--hp-ink);}.hp-story-form__field input,.hp-story-form__field textarea{width:100%;padding:var(--hp-s-3) var(--hp-s-4);border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);font-family:inherit;font-size:var(--hp-fs-base);background:var(--hp-bg);color:var(--hp-ink);transition:border-color var(--hp-t-fast);}.hp-story-form__field input:focus,.hp-story-form__field textarea:focus{outline:none;border-color:var(--hp-emerald-500,#0d9e6d);box-shadow:0 0 0 3px rgba(13,158,109,0.15);}.hp-story-form__field textarea{resize:vertical;min-height:8rem;}.hp-story-form__hint{font-size:var(--hp-fs-xs);color:var(--hp-ink-muted);margin-top:var(--hp-s-1);}.hp-story-form__status{margin-top:var(--hp-s-4);padding:var(--hp-s-3) var(--hp-s-4);border-radius:var(--hp-radius-md);font-size:var(--hp-fs-sm);display:none;}.hp-story-form__status--success{display:block;background:var(--hp-emerald-50,#f0f8f3);color:var(--hp-emerald-700,#0d5d46);border:1px solid var(--hp-emerald-200,#a3d9c3);}.hp-story-form__status--error{display:block;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;}.hp-stories-empty{text-align:center;color:var(--hp-ink-muted);font-style:italic;padding:var(--hp-s-6) 0;}/* ================================================================ * App screenshot phone mockup * ============================================================== */ .hp-app-screenshot{max-width:280px;margin:var(--hp-s-6) auto;border-radius:2rem;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);background:#000;position:relative;}.hp-app-screenshot img{width:100%;height:auto;display:block;border-radius:2rem;}.hp-app-screenshot--float-right{float:right;margin:0 0 var(--hp-s-5) var(--hp-s-6);}.hp-app-screenshot--float-left{float:left;margin:0 var(--hp-s-6) var(--hp-s-5) 0;}.hp-app-screenshots-pair{display:flex;gap:var(--hp-s-5);justify-content:center;margin:var(--hp-s-6) auto;max-width:600px;}.hp-app-screenshots-pair .hp-app-screenshot{margin:0;max-width:260px;flex:1;}@media (max-width:36rem){.hp-app-screenshot--float-right,.hp-app-screenshot--float-left{float:none;margin:var(--hp-s-5) auto;}.hp-app-screenshots-pair{flex-direction:column;align-items:center;}}.u-text-center{text-align:center;}.u-text-start{text-align:start;}.u-text-end{text-align:end;}.u-mt-0{margin-top:0 !important;}.u-mt-1{margin-top:var(--hp-s-1);}.u-mt-2{margin-top:var(--hp-s-2);}.u-mt-3{margin-top:var(--hp-s-3);}.u-mt-4{margin-top:var(--hp-s-4);}.u-mt-5{margin-top:var(--hp-s-5);}.u-mt-6{margin-top:var(--hp-s-6);}.u-mt-7{margin-top:var(--hp-s-7);}.u-mb-0{margin-bottom:0 !important;}.u-mb-4{margin-bottom:var(--hp-s-4);}.u-mb-6{margin-bottom:var(--hp-s-6);}.u-muted{color:var(--hp-ink-muted);}.u-soft{color:var(--hp-ink-soft);}.u-max-prose{max-width:var(--hp-container-prose);margin-inline:auto;}.u-visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}.u-rtl-flip{}[dir="rtl"] .u-rtl-flip{transform:scaleX(-1);}.u-no-wrap{white-space:nowrap;}.u-balance{text-wrap:balance;}.u-pretty{text-wrap:pretty;}.u-hide-mobile{display:none;}@media (min-width:56rem){.u-hide-mobile{display:initial;}.u-hide-desktop{display:none;}}@media print{	:root{--hp-bg:#fff;--hp-ink:#000;}	body{font-size:11pt;line-height:1.5;color:#000;background:#fff;}	header.hp-header,footer.hp-footer,nav,.hp-cookie,.hp-nav__toggle,.hp-mobile-menu,.no-print{display:none !important;}	main{padding-block:0 !important;}	a{color:#000;text-decoration:underline;}	a[href]:not([href^="#"])::after{content:" (" attr(href) ")";font-size:9pt;color:#555;}	img,figure{page-break-inside:avoid;max-width:100% !important;}	h1,h2,h3{page-break-after:avoid;font-family:Georgia,serif;}	p,li{orphans:3;widows:3;}	.hp-btn,.hp-store-badges,.hp-hero__visual{display:none !important;}	.hp-prose{max-width:100%;}	.arabic,.verse{font-size:14pt;}	@page{margin:2cm;}}/* ========================================================================== HafizPrime — PREMIUM LAYER Metallic accents,cinematic hero,scroll-pinned storytelling,marquees,glassmorphism,shimmer CTAs,calligraphy flourishes,film grain. This stylesheet is LAST in the bundle so it wins specificity. ========================================================================== */:root{--hp-gradient-gold-metal:linear-gradient(135deg,#E9D091 0%,#F6DFA8 30%,#C5A059 60%,#8E6A2B 100%);--hp-gradient-emerald-deep:linear-gradient(135deg,#0D5D46 0%,#083D2D 55%,#031712 100%);--hp-gradient-aurora-1:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(13,93,70,.28),transparent 60%);--hp-gradient-aurora-2:radial-gradient(ellipse 50% 40% at 80% 30%,rgba(197,160,89,.22),transparent 60%);--hp-gradient-aurora-3:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(13,93,70,.18),transparent 60%);--hp-glow-emerald:0 0 60px rgba(13,93,70,.35),0 0 120px rgba(13,93,70,.18);--hp-glow-gold:0 0 80px rgba(197,160,89,.45),0 0 140px rgba(197,160,89,.22);--hp-shadow-lift:0 30px 60px -20px rgba(11,78,58,.4),0 18px 36px -18px rgba(11,78,58,.3);--hp-shadow-frame:0 40px 80px -30px rgba(8,61,45,.5),0 24px 48px -24px rgba(8,61,45,.35);--hp-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='1' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' /></svg>");}body::after{content:"";position:fixed;inset:0;background-image:var(--hp-grain);background-size:200px 200px;pointer-events:none;z-index:9999;opacity:0.4;mix-blend-mode:multiply;}@media (prefers-reduced-motion:reduce){body::after{display:none;}}.hp-aurora{position:absolute;inset:-20% -10%;z-index:-1;pointer-events:none;background:var(--hp-gradient-aurora-1),var(--hp-gradient-aurora-2),var(--hp-gradient-aurora-3);filter:blur(30px) saturate(110%);animation:hp-aurora-drift 18s ease-in-out infinite;}@keyframes hp-aurora-drift{0%,100%{transform:translate3d(0,0,0) scale(1);}50%{transform:translate3d(3%,2%,0) scale(1.04);}}@media (prefers-reduced-motion:reduce){.hp-aurora{animation:none;}}.hp-metal-gold{background:var(--hp-gradient-gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(197,160,89,.25));}.hp-hero--v2{padding-block:clamp(4rem,7vw,7rem);}.hp-hero__title{font-weight:800;letter-spacing:-0.035em;font-feature-settings:"ss01","cv11","liga";}.hp-hero__title em{font-style:normal;background:var(--hp-gradient-gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent;}.hp-hero__visual-wrap{perspective:1600px;}.hp-hero__device{filter:drop-shadow(0 60px 80px rgba(11,78,58,.35)) drop-shadow(0 28px 48px rgba(11,78,58,.22));transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);transition:transform 500ms var(--hp-ease);}.hp-hero__visual-wrap:hover .hp-hero__device{transform:perspective(1600px) rotateY(0deg) rotateX(0deg) translateY(-4px);}.hp-hero__visual-wrap::before{content:"";position:absolute;inset:4% 8% 8% 8%;background:radial-gradient(ellipse at center,rgba(197,160,89,.28),transparent 70%);filter:blur(40px);z-index:-1;pointer-events:none;}.hp-hero__chip{backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);background:rgba(255,255,255,.7);border-color:rgba(255,255,255,.6);box-shadow:0 10px 30px -10px rgba(11,78,58,.3),inset 0 1px 0 rgba(255,255,255,.8);animation:hp-float 7s ease-in-out infinite;}.hp-hero__chip--two{animation-delay:-3s;}@keyframes hp-float{0%,100%{transform:translateY(0) rotate(var(--r,0deg));}50%{transform:translateY(-8px) rotate(var(--r,0deg));}}.hp-hero__chip--one{--r:6deg;}.hp-hero__chip--two{--r:-5deg;}@media (prefers-reduced-motion:reduce){.hp-hero__chip{animation:none;}}.hp-ratings{display:inline-flex;align-items:center;gap:var(--hp-s-3);padding:10px 18px;border-radius:var(--hp-r-pill);background:var(--hp-bg-raised);box-shadow:var(--hp-shadow-2);border:1px solid var(--hp-border);font-size:var(--hp-fs-sm);}.hp-ratings strong{font-size:var(--hp-fs-md);color:var(--hp-ink);}.hp-ratings .hp-stars svg{width:14px;height:14px;fill:var(--hp-gold-500);}.hp-ratings__divider{width:1px;height:18px;background:var(--hp-border-strong);}.hp-btn{position:relative;overflow:hidden;isolation:isolate;}.hp-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform 800ms var(--hp-ease);pointer-events:none;}.hp-btn:hover::after{transform:translateX(120%);}.hp-btn--gold{box-shadow:var(--hp-shadow-gold),inset 0 1px 0 rgba(255,255,255,.6);}.hp-btn--gold:hover{box-shadow:0 12px 40px rgba(197,160,89,.55),inset 0 1px 0 rgba(255,255,255,.6);}.hp-btn:not(.hp-btn--ghost):not(.hp-btn--gold):hover{box-shadow:0 12px 40px rgba(13,93,70,.35),inset 0 1px 0 rgba(255,255,255,.1);}.hp-btn:active{transform:translateY(1px) scale(.985);}.hp-glass{background:rgba(255,255,255,.58);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border:1px solid rgba(255,255,255,.65);box-shadow:0 20px 50px -20px rgba(11,78,58,.18);}:root[data-theme="dark"] .hp-glass{background:rgba(16,32,27,.6);border-color:rgba(255,255,255,.08);}.hp-feature-card{transform:translateZ(0);background:linear-gradient(180deg,var(--hp-bg-raised),color-mix(in srgb,var(--hp-bg-raised) 92%,transparent));box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 24px 40px -24px rgba(11,78,58,.18);}.hp-feature-card:hover{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,var(--hp-shadow-lift);}.hp-feature-card__icon{background:linear-gradient(140deg,var(--hp-emerald-50),#fff);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 14px -6px rgba(13,93,70,.2);}.hp-dial{background:conic-gradient(from -90deg,#E9D091 0%,#C5A059 calc(var(--pct) * 1%),var(--hp-emerald-100) 0);}.hp-dial::before{box-shadow:inset 0 2px 0 rgba(255,255,255,.6);}.hp-dial__value{background:var(--hp-gradient-gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent;}.hp-dial-wrap{position:relative;}.hp-dial-wrap::before{content:"";position:absolute;inset:-30px;background:radial-gradient(circle at 50% 50%,rgba(197,160,89,.25),transparent 60%);filter:blur(20px);z-index:-1;pointer-events:none;}.hp-badge--metal{background:var(--hp-gradient-gold-metal);color:var(--hp-emerald-800);border:1px solid rgba(142,106,43,.4);text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 4px 10px -4px rgba(142,106,43,.45);font-weight:700;}.hp-stats{gap:var(--hp-s-7);}.hp-stat{padding:var(--hp-s-5) var(--hp-s-4);border-radius:var(--hp-r-3);position:relative;}.hp-stat::before{content:"";position:absolute;inset:10%;background:radial-gradient(ellipse at center,rgba(197,160,89,.08),transparent 60%);filter:blur(10px);z-index:-1;pointer-events:none;}.hp-stat__value{background:var(--hp-gradient-gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;letter-spacing:-0.02em;}.hp-flourish{text-align:center;margin-block:var(--hp-s-7);}.hp-flourish svg{max-width:240px;height:auto;filter:drop-shadow(0 1px 0 rgba(197,160,89,.3));}.hp-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}.hp-marquee__track{display:flex;gap:var(--hp-s-6);width:max-content;animation:hp-scroll-x 45s linear infinite;}.hp-marquee__track > *{flex:0 0 auto;}@keyframes hp-scroll-x{from{transform:translateX(0);}to{transform:translateX(-50%);}}@media (prefers-reduced-motion:reduce){.hp-marquee__track{animation:none;}}.hp-marquee--slow .hp-marquee__track{animation-duration:80s;}.hp-marquee--rev .hp-marquee__track{animation-direction:reverse;}.hp-reciter-chip{display:inline-flex;align-items:center;gap:var(--hp-s-2);padding:10px 18px;border-radius:var(--hp-r-pill);background:var(--hp-bg-raised);border:1px solid var(--hp-border);font-size:var(--hp-fs-sm);white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 6px -2px rgba(11,78,58,.1);}.hp-reciter-chip__dot{width:8px;height:8px;border-radius:50%;background:var(--hp-gradient-gold-metal);box-shadow:0 0 10px rgba(197,160,89,.5);}.hp-testi-card{flex:0 0 320px;padding:var(--hp-s-5);background:var(--hp-bg-raised);border-radius:var(--hp-r-3);border:1px solid var(--hp-border);box-shadow:var(--hp-shadow-2);}.hp-testi-card p{font-family:var(--hp-font-display);font-size:var(--hp-fs-lg);line-height:1.45;margin:0 0 var(--hp-s-4);}.hp-testi-card footer{display:flex;align-items:center;gap:var(--hp-s-3);color:var(--hp-ink-muted);font-size:var(--hp-fs-sm);}.hp-testi-card__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(140deg,var(--hp-emerald-400),var(--hp-emerald-600));}.hp-showcase{display:grid;grid-template-columns:1fr;gap:var(--hp-s-7);padding-block:var(--hp-s-8);}@media (min-width:64rem){.hp-showcase{grid-template-columns:1fr 1fr;gap:var(--hp-s-9);align-items:start;}.hp-showcase__device{position:sticky;top:6rem;align-self:start;}}.hp-showcase__item{padding:var(--hp-s-6) var(--hp-s-5);border-radius:var(--hp-r-4);border:1px solid transparent;transition:border-color var(--hp-t-base) var(--hp-ease),background var(--hp-t-base) var(--hp-ease);margin-bottom:var(--hp-s-5);}.hp-showcase__item h3{font-size:var(--hp-fs-3xl);margin-block:var(--hp-s-2) var(--hp-s-3);font-weight:700;}.hp-showcase__item p{color:var(--hp-ink-muted);font-size:var(--hp-fs-lg);line-height:1.55;margin:0;}.hp-showcase__item.is-active{background:var(--hp-bg-raised);border-color:var(--hp-emerald-200);box-shadow:var(--hp-shadow-2);}.hp-showcase__num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--hp-gradient-gold-metal);color:var(--hp-emerald-800);font-weight:800;font-size:var(--hp-fs-sm);box-shadow:inset 0 1px 0 rgba(255,255,255,.5);}.hp-endorsement{display:grid;gap:var(--hp-s-5);grid-template-columns:auto 1fr;align-items:center;padding:var(--hp-s-5) var(--hp-s-6);background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-4);box-shadow:var(--hp-shadow-1);}.hp-endorsement__seal{width:72px;height:72px;border-radius:50%;background:var(--hp-gradient-gold-metal);display:grid;place-items:center;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),var(--hp-shadow-2);}.hp-pro-ring{--size:84px;width:var(--size);height:var(--size);display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--hp-gold-400) 0 92%,var(--hp-emerald-100) 0);position:relative;}.hp-pro-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--hp-bg-raised);}.hp-pro-ring > *{position:relative;}.hp-footer{padding-block-start:var(--hp-s-9);}.hp-footer__brand-row{gap:var(--hp-s-6);}.hp-newsletter{display:flex;gap:10px;flex-wrap:wrap;padding:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:var(--hp-r-pill);max-width:480px;}.hp-newsletter input{flex:1 1 200px;min-width:0;padding:10px 16px;border:0;background:transparent;color:#fff;font:inherit;outline:none;}.hp-newsletter input::placeholder{color:rgba(255,255,255,.6);}.hp-newsletter button{background:var(--hp-gradient-gold-metal);color:var(--hp-emerald-800);padding:10px 22px;border-radius:var(--hp-r-pill);font-weight:700;border:0;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);}.hp-section--sunken{background:var(--hp-bg-sunken);}.hp-section + .hp-section{position:relative;}.hp-section + .hp-section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:64px;height:1px;background:linear-gradient(90deg,transparent,var(--hp-gold-400),transparent);opacity:0.5;}.hp-hero__visual{animation:hp-hero-lift 12s ease-in-out infinite;}@keyframes hp-hero-lift{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}@media (prefers-reduced-motion:reduce){.hp-hero__visual{animation:none;}}:root[data-theme="dark"] .hp-hero__chip{background:rgba(16,32,27,.7);color:var(--hp-emerald-200);}:root[data-theme="dark"] .hp-feature-card{background:linear-gradient(180deg,var(--hp-bg-raised),#091814);}:root[data-theme="dark"] .hp-glass{background:rgba(16,32,27,.6);}:root[data-theme="dark"] .hp-ratings{background:var(--hp-bg-raised);}:root[data-theme="dark"] .hp-endorsement{background:var(--hp-bg-raised);}.hp-orn{display:inline-block;width:8px;height:8px;background:var(--hp-gold-400);transform:rotate(45deg);margin-inline:var(--hp-s-2);}.hp-corners{position:relative;}.hp-corners::before,.hp-corners::after{content:"";position:absolute;width:36px;height:36px;border:2px solid var(--hp-gold-400);opacity:.6;}.hp-corners::before{top:-12px;left:-12px;border-right:0;border-bottom:0;}.hp-corners::after{bottom:-12px;right:-12px;border-left:0;border-top:0;}article .hp-prose > p:first-of-type::first-letter{font-family:var(--hp-font-display);font-size:4.5em;font-weight:800;float:left;line-height:0.85;padding:0.08em 0.12em 0 0;background:var(--hp-gradient-gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(197,160,89,.3));}[dir="rtl"] article .hp-prose > p:first-of-type::first-letter{float:right;padding:0.08em 0 0 0.12em;}.hp-prose blockquote{font-family:var(--hp-font-display);font-size:var(--hp-fs-2xl);line-height:1.3;color:var(--hp-emerald-700);border-inline-start:4px solid var(--hp-gold-400);padding:var(--hp-s-4) var(--hp-s-6);margin:var(--hp-s-6) 0;position:relative;background:var(--hp-bg-raised);border-radius:0 var(--hp-r-3) var(--hp-r-3) 0;box-shadow:var(--hp-shadow-1);}.hp-prose blockquote::before{content:"“";position:absolute;top:-10px;left:20px;font-family:Georgia,serif;font-size:5rem;color:var(--hp-gold-400);line-height:1;opacity:0.4;}.hp-prose h2{position:relative;padding-top:var(--hp-s-5);margin-top:var(--hp-s-7);border-top:none;}.hp-prose h2::before{content:"";display:block;width:48px;height:2px;background:linear-gradient(90deg,var(--hp-gold-400),transparent);margin-bottom:var(--hp-s-3);}[dir="rtl"] .hp-prose h2::before{background:linear-gradient(-90deg,var(--hp-gold-400),transparent);}.hp-prose figcaption{font-family:var(--hp-font-display);font-style:italic;color:var(--hp-ink-muted);text-align:center;margin-top:var(--hp-s-2);font-size:var(--hp-fs-sm);}.hp-prose table th{background:linear-gradient(180deg,var(--hp-emerald-50),transparent);color:var(--hp-emerald-700);font-weight:700;}.hp-prose table tr:nth-child(even) td{background:rgba(13,93,70,.02);}.hp-showcase__item{cursor:pointer;}.hp-showcase__item h3{transition:color var(--hp-t-fast) var(--hp-ease);}.hp-showcase__item:hover h3{color:var(--hp-emerald-600);}.hp-footer__brand-row{align-items:start;}@media (min-width:56rem){.hp-footer__brand-row{grid-template-columns:auto 1fr auto;}}.hp-feature-hero{position:relative;overflow:hidden;}.hp-feature-hero::after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--hp-gold-400),transparent);z-index:1;}.hp-feature-hero--v2 .hp-aurora{opacity:0.8;}.hp-feature-hero__title{font-size:clamp(2.25rem,3.5vw + 0.5rem,3.5rem);line-height:1.08;letter-spacing:-0.025em;font-weight:800;}.hp-feature-hero__visual{perspective:1600px;position:relative;}.hp-feature-hero__visual::before{content:"";position:absolute;inset:10% 10% 15% 10%;background:radial-gradient(ellipse at center,rgba(197,160,89,.28),transparent 70%);filter:blur(40px);z-index:-1;pointer-events:none;}.hp-feature-hero__visual img{width:100%;max-width:360px;filter:drop-shadow(0 50px 60px rgba(11,78,58,.3)) drop-shadow(0 24px 36px rgba(11,78,58,.2));transform:perspective(1400px) rotateY(-4deg) rotateX(2deg);transition:transform 400ms var(--hp-ease);margin-inline:auto;display:block;}.hp-feature-hero__visual:hover img{transform:perspective(1400px) rotateY(0) rotateX(0);}@media (prefers-reduced-motion:reduce){.hp-feature-hero__visual img{transform:none;}}[data-tilt]{transform-style:preserve-3d;will-change:transform;}.hp-page-header{position:relative;overflow:hidden;}.hp-page-header .hp-aurora{opacity:0.6;}.hp-page-header__lede{max-width:50rem;}.hp-page-header h1 em.hp-metal-gold,.hp-page-header h1 .hp-metal-gold{display:inline-block;}.hp-blog-hero{position:relative;overflow:hidden;padding-block:clamp(3.5rem,6vw,5.5rem);background:linear-gradient(180deg,var(--hp-emerald-50),transparent);border-bottom:1px solid var(--hp-border);}.hp-blog-hero .hp-aurora{opacity:0.5;}.hp-blog-hero h1{font-size:clamp(2rem,3vw + 0.8rem,3.25rem);font-weight:800;letter-spacing:-0.02em;line-height:1.08;}.hp-blog-hero__meta{display:flex;flex-wrap:wrap;gap:var(--hp-s-3);align-items:center;color:var(--hp-ink-muted);font-size:var(--hp-fs-sm);margin-top:var(--hp-s-3);}.hp-blog-hero__meta strong{color:var(--hp-ink);}[dir="rtl"]{--hp-font-display:"Amiri Quran","Amiri","Noto Naskh Arabic",serif;}[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4,[lang="ar"] h1,[lang="ar"] h2,[lang="ar"] h3,[lang="ur"] h1,[lang="ur"] h2,[lang="ur"] h3{font-family:"Amiri","Noto Naskh Arabic",serif;line-height:1.5;letter-spacing:0;}[dir="rtl"] .hp-prose{font-size:1.08rem;line-height:1.85;}[dir="rtl"] .hp-prose p{max-width:70ch;}[dir="rtl"] .hp-prose h2::before{margin-left:0;}[dir="rtl"] .hp-feature-hero__title,[dir="rtl"] .hp-hero__title{font-family:"Amiri",serif;font-weight:700;letter-spacing:0;}.hp-ticker{background:var(--hp-emerald-800);color:var(--hp-sand-100);font-size:var(--hp-fs-sm);border-bottom:1px solid rgba(197,160,89,.25);position:relative;overflow:hidden;}.hp-ticker::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 80% at 10% 50%,rgba(197,160,89,.1),transparent 70%),radial-gradient(ellipse 40% 80% at 90% 50%,rgba(13,93,70,.4),transparent 70%);pointer-events:none;}.hp-ticker__inner{display:flex;align-items:center;gap:var(--hp-s-3);padding:8px var(--hp-s-5);position:relative;z-index:1;}.hp-ticker__pulse{width:8px;height:8px;border-radius:50%;background:#3ee68b;box-shadow:0 0 0 0 rgba(62,230,139,.55);animation:hp-ticker-pulse 1.8s ease-out infinite;flex-shrink:0;}@keyframes hp-ticker-pulse{0%{box-shadow:0 0 0 0 rgba(62,230,139,.6);}70%{box-shadow:0 0 0 10px rgba(62,230,139,0);}100%{box-shadow:0 0 0 0 rgba(62,230,139,0);}}@media (prefers-reduced-motion:reduce){.hp-ticker__pulse{animation:none;}}.hp-ticker__label{font-weight:700;letter-spacing:0.15em;text-transform:uppercase;font-size:10px;color:#3ee68b;}.hp-ticker__track{flex:1;position:relative;overflow:hidden;height:1.3em;}.hp-ticker__track > span{display:block;position:absolute;inset:0;opacity:0;transform:translateY(100%);transition:opacity 400ms var(--hp-ease),transform 400ms var(--hp-ease);color:rgba(255,255,255,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.hp-ticker__track > span.is-active{opacity:1;transform:translateY(0);}.hp-ticker__track > span.is-out{opacity:0;transform:translateY(-100%);}.hp-ticker__cta{color:var(--hp-gold-200);font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0;}.hp-ticker__cta:hover{color:#fff;}@media (max-width:28rem){.hp-ticker__label,.hp-ticker__cta{display:none;}}.hp-carousel{display:flex;gap:var(--hp-s-5);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--hp-s-4) var(--hp-s-5);margin-inline:calc(var(--hp-s-5) * -1);}.hp-carousel::-webkit-scrollbar{display:none;}.hp-carousel__card{flex:0 0 min(88vw,420px);scroll-snap-align:start;border-radius:var(--hp-r-4);padding:var(--hp-s-6);background:linear-gradient(160deg,#0D5D46,#062C20);color:#fff;position:relative;overflow:hidden;box-shadow:var(--hp-shadow-lift);display:flex;flex-direction:column;gap:var(--hp-s-3);min-height:340px;text-decoration:none;}.hp-carousel__card::before{content:"";position:absolute;inset:0;opacity:0.22;background-image:url("../svg/zellige-hero.svg");background-size:300px;pointer-events:none;mask-image:linear-gradient(180deg,transparent,black);}.hp-carousel__card.hp-carousel__card--gold{background:linear-gradient(160deg,#E9D091,#C5A059 50%,#8E6A2B);color:#062C20;}.hp-carousel__card.hp-carousel__card--blue{background:linear-gradient(160deg,#2E5077,#1a2e4a);}.hp-carousel__card.hp-carousel__card--terra{background:linear-gradient(160deg,#E38B29,#9A5912);}.hp-carousel__card__kicker{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;font-weight:700;opacity:0.85;position:relative;}.hp-carousel__card h3{font-family:var(--hp-font-display);font-size:clamp(1.5rem,2.5vw + 0.5rem,2.25rem);font-weight:800;line-height:1.1;margin:0;color:inherit;position:relative;}.hp-carousel__card p{color:inherit;opacity:0.9;margin:0;position:relative;}.hp-carousel__card__foot{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:inherit;opacity:0.95;position:relative;}.hp-audio-preview{display:flex;align-items:center;gap:var(--hp-s-3);padding:var(--hp-s-3) var(--hp-s-4);background:var(--hp-bg-sunken);border-radius:var(--hp-r-3);margin-top:var(--hp-s-3);}.hp-audio-preview audio{width:100%;max-width:320px;}.hp-blog-hero[data-cat="reciters"]{background:linear-gradient(180deg,var(--hp-gold-50),transparent);}.hp-blog-hero[data-cat="tajweed"]{background:linear-gradient(180deg,#e8efe8,transparent);}.hp-blog-hero[data-cat="memorization-science"]{background:linear-gradient(180deg,var(--hp-emerald-50),transparent);}.hp-blog-hero[data-cat="how-to"]{background:linear-gradient(180deg,#fbf3e8,transparent);}.hp-blog-hero[data-cat] .hp-eyebrow{background:rgba(255,255,255,.7);}.hp-hero__video{width:100%;max-width:360px;aspect-ratio:9 / 19;border-radius:44px;object-fit:cover;display:block;margin-inline:auto;box-shadow:var(--hp-shadow-frame);}/* ========================================================================== PER-PAGE PREMIUM HEROES (session 13) ========================================================================== */ .hp-story-hero,.hp-surah-hero,.hp-juz-hero,.hp-download-hero,.hp-help-hero,.hp-compare-hero,.hp-campaign-hero,.hp-landing-hero,.hp-tajweed-hero,.hp-audience-hero{position:relative;overflow:hidden;padding-block:clamp(3.5rem,6vw,5.5rem);background:linear-gradient(180deg,var(--hp-emerald-50),transparent);border-bottom:1px solid var(--hp-border);}.hp-story-hero .hp-aurora,.hp-surah-hero .hp-aurora,.hp-juz-hero .hp-aurora,.hp-download-hero .hp-aurora,.hp-help-hero .hp-aurora,.hp-compare-hero .hp-aurora,.hp-campaign-hero .hp-aurora,.hp-landing-hero .hp-aurora,.hp-tajweed-hero .hp-aurora,.hp-audience-hero .hp-aurora{opacity:0.6;}.hp-story-hero h1,.hp-surah-hero h1,.hp-juz-hero h1,.hp-download-hero h1,.hp-help-hero h1,.hp-compare-hero h1,.hp-campaign-hero h1,.hp-landing-hero h1,.hp-tajweed-hero h1,.hp-audience-hero h1{font-size:clamp(2rem,3.5vw + 0.5rem,3.5rem);font-weight:800;letter-spacing:-0.025em;line-height:1.1;margin-block:var(--hp-s-3);}.hp-story-hero{background:linear-gradient(180deg,var(--hp-gold-50),transparent);}.hp-story-hero__strip{display:flex;gap:var(--hp-s-2);flex-wrap:wrap;margin-top:var(--hp-s-4);}.hp-surah-hero{background:linear-gradient(180deg,#eef7f1,transparent);}.hp-surah-hero__title{font-family:var(--hp-font-display);}.hp-surah-hero__nav{margin-top:var(--hp-s-4);display:flex;gap:var(--hp-s-2);flex-wrap:wrap;}.hp-surah-hero__number{display:grid;place-items:center;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--hp-bg-raised) 60%,transparent 70%);text-align:center;margin-inline:auto;position:relative;}.hp-surah-hero__number::before{content:"";position:absolute;inset:-12px;border:1px dashed var(--hp-gold-400);border-radius:50%;opacity:0.4;}.hp-surah-hero__num{font-family:var(--hp-font-display);font-size:5rem;font-weight:900;background:var(--hp-gradient-gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;}.hp-surah-hero__of{display:block;font-size:var(--hp-fs-sm);letter-spacing:0.15em;text-transform:uppercase;color:var(--hp-ink-muted);margin-top:6px;}.hp-juz-hero{background:linear-gradient(180deg,#eaf3ee,transparent);}.hp-juz-hero__big{display:grid;place-items:center;width:240px;height:240px;margin-inline:auto;position:relative;}.hp-juz-hero__big::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(197,160,89,.22),transparent 70%);filter:blur(10px);}.hp-juz-hero__big span{font-family:var(--hp-font-display);font-size:10rem;font-weight:900;line-height:1;background:var(--hp-gradient-gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;}.hp-juz-hero__bar{width:100%;max-width:420px;height:6px;background:var(--hp-border);border-radius:var(--hp-r-pill);margin-top:var(--hp-s-4);overflow:hidden;}.hp-juz-hero__bar-fill{height:100%;background:var(--hp-gradient-gold-metal);transition:width 400ms var(--hp-ease);}.hp-download-hero{background:linear-gradient(180deg,var(--hp-emerald-50),transparent);}.hp-download-hero .hp-hero__visual-wrap{max-width:360px;perspective:1600px;}.hp-download-hero .hp-hero__device{filter:drop-shadow(0 40px 50px rgba(11,78,58,.3));transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);}.hp-help-hero{background:linear-gradient(180deg,#f2efe6,transparent);}.hp-quick-answer{margin-top:var(--hp-s-4);padding:var(--hp-s-4) var(--hp-s-5);background:var(--hp-bg-raised);border:1px solid var(--hp-gold-200);border-left:4px solid var(--hp-gold-400);border-radius:0 var(--hp-r-3) var(--hp-r-3) 0;box-shadow:var(--hp-shadow-1);}[dir="rtl"] .hp-quick-answer{border-left:1px solid var(--hp-gold-200);border-right:4px solid var(--hp-gold-400);border-radius:var(--hp-r-3) 0 0 var(--hp-r-3);}.hp-quick-answer strong{display:inline-block;font-size:var(--hp-fs-xs);letter-spacing:0.15em;text-transform:uppercase;color:var(--hp-gold-700);margin-bottom:var(--hp-s-2);}.hp-quick-answer p{margin:0;color:var(--hp-ink);}.hp-compare-hero{background:linear-gradient(180deg,var(--hp-sand-100),transparent);}.hp-compare-hero__vs{display:inline-block;padding:4px 14px;background:var(--hp-ink);color:#fff;border-radius:var(--hp-r-pill);font-family:var(--hp-font-body);font-size:0.5em;font-weight:700;letter-spacing:0.1em;vertical-align:middle;margin-inline:var(--hp-s-2);}.hp-campaign-hero[data-season="ramadan"]{background:linear-gradient(180deg,#f0ecf5,transparent);}.hp-campaign-hero[data-season="hajj"]{background:linear-gradient(180deg,#fbf3e8,transparent);}.hp-campaign-hero[data-season="eid"]{background:linear-gradient(180deg,#f9ecd9,transparent);}.hp-campaign-hero[data-season="night"]{background:linear-gradient(180deg,#e3e6ef,transparent);}.hp-campaign-hero[data-season="muharram"]{background:linear-gradient(180deg,#e9f0ee,transparent);}.hp-landing-hero{background:linear-gradient(180deg,var(--hp-emerald-50),transparent);}.hp-tajweed-hero{background:linear-gradient(180deg,#ebf3ee,transparent);}.hp-audience-hero{background:linear-gradient(180deg,var(--hp-gold-50),transparent);}@media (max-width:64rem){.hp-surah-hero__number,.hp-juz-hero__big{width:180px;height:180px;}.hp-surah-hero__num{font-size:3.5rem;}.hp-juz-hero__big span{font-size:7rem;}}.hp-features-index-hero{position:relative;overflow:hidden;padding-block:clamp(4rem,7vw,6rem);background:linear-gradient(180deg,var(--hp-emerald-50),transparent);border-bottom:1px solid var(--hp-border);text-align:center;}.hp-features-index-hero .hp-aurora{opacity:0.7;}.hp-features-index-hero h1{font-size:clamp(2.5rem,4vw + 0.5rem,4rem);font-weight:800;letter-spacing:-0.03em;line-height:1.05;margin-block:var(--hp-s-3);}.hp-features-index-hero .hp-page-header__lede{max-width:42rem;margin-inline:auto;font-size:var(--hp-fs-lg);}.hp-features-index-hero__nav{margin-top:var(--hp-s-5);display:flex;flex-wrap:wrap;gap:var(--hp-s-2);justify-content:center;}.hp-features-index-hero__nav a{display:inline-block;padding:8px 16px;border-radius:var(--hp-r-pill);background:var(--hp-bg-raised);border:1px solid var(--hp-border);font-size:var(--hp-fs-sm);font-weight:600;color:var(--hp-ink);text-decoration:none;transition:background var(--hp-t-fast) var(--hp-ease),border-color var(--hp-t-fast) var(--hp-ease);}.hp-features-index-hero__nav a:hover{background:var(--hp-emerald-50);border-color:var(--hp-emerald-200);}.hp-features-index-grid{display:grid;gap:var(--hp-s-5);grid-template-columns:1fr;}@media (min-width:48rem){.hp-features-index-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:72rem){.hp-features-index-grid{grid-template-columns:repeat(3,1fr);}}.hp-features-index__card{padding:var(--hp-s-5);text-decoration:none;color:inherit;}html{scroll-behavior:smooth;scroll-padding-top:6rem;}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}.hp-nav{position:relative;}.hp-megamenu-trigger{position:relative;}.hp-megamenu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);width:min(90vw,880px);background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-4);box-shadow:var(--hp-shadow-4);padding:var(--hp-s-5);opacity:0;pointer-events:none;transition:opacity 200ms var(--hp-ease),transform 200ms var(--hp-ease);z-index:calc(var(--hp-z-sticky) + 10);}.hp-megamenu-trigger:hover .hp-megamenu,.hp-megamenu-trigger:focus-within .hp-megamenu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}.hp-megamenu__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--hp-s-3);}.hp-megamenu a{display:grid;grid-template-columns:28px 1fr;gap:var(--hp-s-3);align-items:start;padding:var(--hp-s-3);border-radius:var(--hp-r-2);text-decoration:none;color:var(--hp-ink);transition:background var(--hp-t-fast) var(--hp-ease);}.hp-megamenu a:hover{background:var(--hp-emerald-50);}.hp-megamenu a strong{font-size:var(--hp-fs-sm);color:var(--hp-ink);font-weight:700;display:block;}.hp-megamenu a span{font-size:var(--hp-fs-xs);color:var(--hp-ink-muted);line-height:1.4;}.hp-megamenu a svg{color:var(--hp-emerald-600);margin-top:2px;}@media (max-width:64rem){.hp-megamenu{display:none;}}.hp-404{position:relative;overflow:hidden;padding-block:clamp(4rem,8vw,7rem);}.hp-404 .hp-aurora{opacity:0.6;}.hp-404__hero{text-align:center;position:relative;}.hp-404__dua{max-width:44rem;margin-inline:auto;padding:var(--hp-s-5) var(--hp-s-6);background:var(--hp-bg-raised);border:1px solid var(--hp-gold-200);border-radius:var(--hp-r-3);margin-block:var(--hp-s-6);box-shadow:var(--hp-shadow-2);}.hp-404__dua .arabic{font-family:"Amiri","Noto Naskh Arabic",serif;font-size:1.8em;direction:rtl;display:block;color:var(--hp-emerald-700);margin-bottom:var(--hp-s-3);line-height:1.8;}.hp-404__dua em{font-style:italic;color:var(--hp-ink-muted);display:block;}.hp-404__popular{max-width:44rem;margin-inline:auto;margin-top:var(--hp-s-6);text-align:left;}.hp-404__popular h3{font-size:var(--hp-fs-sm);letter-spacing:0.12em;text-transform:uppercase;color:var(--hp-ink-muted);font-weight:700;text-align:center;}.hp-404__popular ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--hp-s-3);padding:0;list-style:none;}.hp-404__popular a{display:block;padding:var(--hp-s-3) var(--hp-s-4);background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-2);text-decoration:none;color:var(--hp-ink);font-weight:600;}.hp-404__popular a:hover{border-color:var(--hp-emerald-400);}.hp-blog-layout{display:grid;gap:var(--hp-s-6);grid-template-columns:1fr;max-width:var(--hp-container-lg);margin-inline:auto;padding-inline:var(--hp-s-5);}@media (min-width:72rem){.hp-blog-layout{grid-template-columns:minmax(200px,240px) minmax(0,var(--hp-container-prose)) minmax(200px,240px);align-items:start;}.hp-blog-layout__toc,.hp-blog-layout__aside{position:sticky;top:6rem;align-self:start;}}.hp-blog-layout__toc{padding:var(--hp-s-4);background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-3);}.hp-blog-layout__toc h2{font-size:var(--hp-fs-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--hp-ink-muted);font-weight:700;margin:0 0 var(--hp-s-3);}.hp-blog-layout__toc ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--hp-s-2);counter-reset:toc;}.hp-blog-layout__toc li{counter-increment:toc;position:relative;padding-left:1.4em;font-size:var(--hp-fs-sm);line-height:1.4;}.hp-blog-layout__toc li::before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--hp-gold-500);font-size:0.75em;font-weight:700;}.hp-blog-layout__toc a{color:var(--hp-ink-muted);text-decoration:none;transition:color var(--hp-t-fast);}.hp-blog-layout__toc a:hover{color:var(--hp-primary);}.hp-blog-layout__toc a.is-active{color:var(--hp-primary);font-weight:600;}.hp-blog-layout__aside{padding:var(--hp-s-4);}.hp-blog-layout__author{background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-3);padding:var(--hp-s-4);text-align:center;}.hp-blog-layout__author__seal{width:56px;height:56px;border-radius:50%;background:var(--hp-gradient-gold-metal);display:grid;place-items:center;color:var(--hp-emerald-800);font-weight:800;margin-inline:auto;box-shadow:inset 0 2px 0 rgba(255,255,255,.4);}.hp-blog-layout__author h4{font-size:var(--hp-fs-md);margin:var(--hp-s-3) 0 4px;}.hp-blog-layout__author .hp-badge{font-size:10px;margin-top:var(--hp-s-2);}.hp-blog-layout__share{margin-top:var(--hp-s-4);padding:var(--hp-s-3);background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-3);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}.hp-blog-layout__share a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--hp-border);color:var(--hp-ink-muted);text-decoration:none;font-size:14px;transition:all var(--hp-t-fast);}.hp-blog-layout__share a:hover{border-color:var(--hp-primary);color:var(--hp-primary);}@media (max-width:72rem){.hp-blog-layout__toc,.hp-blog-layout__aside{display:none;}}.hp-search-trigger{display:none;align-items:center;gap:var(--hp-s-2);padding:6px 10px;border-radius:var(--hp-r-pill);border:1px solid var(--hp-border);background:var(--hp-bg-raised);color:var(--hp-ink-muted);font-size:var(--hp-fs-sm);cursor:pointer;}.hp-search-trigger:hover{border-color:var(--hp-emerald-300);color:var(--hp-ink);}.hp-search-trigger kbd{padding:2px 6px;border:1px solid var(--hp-border);border-radius:4px;font-size:10px;font-family:inherit;background:var(--hp-bg-sunken);}@media (min-width:64rem){.hp-search-trigger{display:inline-flex;}}.hp-cmdk{position:fixed;inset:0;z-index:var(--hp-z-modal);display:none;}.hp-cmdk[data-open="true"]{display:block;}.hp-cmdk__backdrop{position:absolute;inset:0;background:rgba(6,28,20,0.55);backdrop-filter:blur(6px);}.hp-cmdk__panel{position:absolute;top:12vh;left:50%;transform:translateX(-50%);width:min(92vw,640px);background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-4);box-shadow:var(--hp-shadow-4);overflow:hidden;}.hp-cmdk__bar{display:flex;align-items:center;gap:var(--hp-s-3);padding:var(--hp-s-4) var(--hp-s-5);border-bottom:1px solid var(--hp-border);color:var(--hp-ink-muted);}.hp-cmdk__bar input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:var(--hp-fs-lg);color:var(--hp-ink);}.hp-cmdk__esc{padding:2px 8px;border:1px solid var(--hp-border);border-radius:4px;font-size:10px;background:var(--hp-bg-sunken);}.hp-cmdk__results{list-style:none;margin:0;padding:var(--hp-s-2);max-height:50vh;overflow-y:auto;}.hp-cmdk__results a{display:grid;grid-template-columns:auto 1fr auto;gap:var(--hp-s-3);align-items:center;padding:var(--hp-s-3) var(--hp-s-4);text-decoration:none;color:var(--hp-ink);border-radius:var(--hp-r-2);}.hp-cmdk__results li.is-active a,.hp-cmdk__results a:hover{background:var(--hp-emerald-50);}.hp-cmdk__results__kind{padding:2px 8px;border-radius:var(--hp-r-pill);font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;background:var(--hp-bg-sunken);color:var(--hp-ink-muted);}.hp-cmdk__results__kind[data-k="post"]{background:var(--hp-gold-50);color:var(--hp-gold-700);}.hp-cmdk__results__title{font-weight:600;}.hp-cmdk__results__title mark{background:var(--hp-gold-200);color:inherit;padding:0 2px;border-radius:2px;}.hp-cmdk__results__desc{display:block;font-size:var(--hp-fs-sm);color:var(--hp-ink-muted);margin-top:2px;}.hp-cmdk__empty{padding:var(--hp-s-6);text-align:center;color:var(--hp-ink-muted);}.hp-cmdk__foot{display:flex;gap:var(--hp-s-4);flex-wrap:wrap;padding:var(--hp-s-3) var(--hp-s-5);border-top:1px solid var(--hp-border);font-size:11px;color:var(--hp-ink-muted);background:var(--hp-bg-sunken);}.hp-cmdk__foot kbd{padding:2px 6px;border:1px solid var(--hp-border);border-radius:4px;background:var(--hp-bg-raised);font-family:inherit;}.hp-cmdk__foot__brand{margin-left:auto;font-weight:600;color:var(--hp-emerald-600);}.hp-learn-grid{display:grid;gap:var(--hp-s-5);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));margin-top:var(--hp-s-6);}.hp-learn-card{padding:var(--hp-s-5);background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-3);text-decoration:none;color:var(--hp-ink);display:flex;flex-direction:column;gap:var(--hp-s-3);min-height:160px;position:relative;overflow:hidden;transition:transform var(--hp-t-base) var(--hp-ease),box-shadow var(--hp-t-base) var(--hp-ease);}.hp-learn-card:hover{transform:translateY(-3px);box-shadow:var(--hp-shadow-lift);}.hp-learn-card__kicker{font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--hp-emerald-600);font-weight:700;}.hp-learn-card h3{font-size:var(--hp-fs-xl);font-weight:700;margin:0;}.hp-learn-card p{color:var(--hp-ink-muted);font-size:var(--hp-fs-sm);line-height:1.5;margin:0;}.hp-alphabet-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--hp-s-2);margin-top:var(--hp-s-4);}@media (max-width:48rem){.hp-alphabet-grid{grid-template-columns:repeat(4,1fr);}}.hp-alphabet-grid span{aspect-ratio:1;display:grid;place-items:center;font-family:"Amiri",serif;font-size:clamp(1.25rem,2vw + 0.5rem,1.75rem);background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-2);color:var(--hp-ink);transition:all var(--hp-t-fast) var(--hp-ease);}.hp-alphabet-grid span:hover{background:var(--hp-emerald-50);border-color:var(--hp-emerald-400);transform:scale(1.05);}.hp-blog-archive__featured{display:grid;grid-template-columns:1fr;gap:var(--hp-s-6);padding:var(--hp-s-6);background:linear-gradient(140deg,var(--hp-emerald-500),var(--hp-emerald-700));color:#fff;border-radius:var(--hp-r-4);box-shadow:var(--hp-shadow-lift);position:relative;overflow:hidden;}@media (min-width:64rem){.hp-blog-archive__featured{grid-template-columns:2fr 1fr;align-items:center;}}.hp-blog-archive__featured::before{content:"";position:absolute;inset:0;opacity:0.12;background-image:url("../svg/zellige-hero.svg");pointer-events:none;}.hp-blog-archive__featured > *{position:relative;}.hp-blog-archive__featured h2{font-size:clamp(1.5rem,3vw + 0.5rem,2.5rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:var(--hp-s-2) 0 var(--hp-s-3);}.hp-blog-archive__featured p{color:rgba(255,255,255,.85);}.hp-blog-archive__filter{display:flex;flex-wrap:wrap;gap:var(--hp-s-2);margin-block:var(--hp-s-7) var(--hp-s-5);}.hp-blog-archive__filter a{display:inline-block;padding:8px 16px;border-radius:var(--hp-r-pill);background:var(--hp-bg-raised);border:1px solid var(--hp-border);font-size:var(--hp-fs-sm);font-weight:600;color:var(--hp-ink);text-decoration:none;}.hp-blog-archive__filter a.is-active,.hp-blog-archive__filter a:hover{background:var(--hp-emerald-500);color:#fff;border-color:var(--hp-emerald-500);}.hp-day-life{display:grid;gap:var(--hp-s-5);grid-template-columns:1fr;margin-top:var(--hp-s-6);}@media (min-width:64rem){.hp-day-life{grid-template-columns:repeat(4,1fr);}}.hp-day-life__slot{position:relative;padding:var(--hp-s-5);background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-3);display:flex;flex-direction:column;gap:var(--hp-s-3);min-height:220px;overflow:hidden;}.hp-day-life__slot::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--hp-gradient-gold-metal);}.hp-day-life__slot__time{font-family:var(--hp-font-display);font-size:var(--hp-fs-2xl);font-weight:700;color:var(--hp-emerald-600);line-height:1;}.hp-day-life__slot__hour{display:block;font-size:var(--hp-fs-xs);letter-spacing:0.15em;text-transform:uppercase;color:var(--hp-ink-muted);margin-top:4px;}.hp-day-life__slot h3{font-size:var(--hp-fs-lg);margin:0;}.hp-day-life__slot p{color:var(--hp-ink-muted);font-size:var(--hp-fs-sm);margin:0;}.hp-day-life__slot__emoji{font-size:2rem;line-height:1;}.hp-back-to-top{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--hp-bg-raised);border:1px solid var(--hp-border);color:var(--hp-emerald-700);display:grid;place-items:center;cursor:pointer;box-shadow:var(--hp-shadow-2);z-index:var(--hp-z-sticky);opacity:0;transform:translateY(8px);transition:opacity var(--hp-t-base) var(--hp-ease),transform var(--hp-t-base) var(--hp-ease);padding:0;}.hp-back-to-top[hidden]{display:none;}.hp-back-to-top[data-visible="true"]{opacity:1;transform:none;}.hp-back-to-top:hover{color:var(--hp-emerald-500);border-color:var(--hp-emerald-400);}.hp-back-to-top__ring{position:absolute;inset:0;width:100%;height:100%;}.hp-back-to-top__progress{transition:stroke-dashoffset 80ms linear;}.hp-back-to-top__icon{position:relative;z-index:1;}@media (max-width:56rem){.hp-back-to-top{bottom:80px;}}[dir="rtl"] .hp-back-to-top{right:auto;left:20px;}.hp-install-prompt{position:fixed;bottom:20px;left:20px;max-width:360px;z-index:var(--hp-z-overlay);display:none;animation:hp-install-slide-in 300ms var(--hp-ease);}.hp-install-prompt[data-open="true"]{display:block;}@keyframes hp-install-slide-in{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}.hp-install-prompt__inner{display:flex;align-items:center;gap:var(--hp-s-3);padding:var(--hp-s-3) var(--hp-s-4);background:var(--hp-bg-raised);border:1px solid var(--hp-border);border-radius:var(--hp-r-3);box-shadow:var(--hp-shadow-3);}.hp-install-prompt__inner img{flex-shrink:0;border-radius:10px;}.hp-install-prompt__inner strong{display:block;font-weight:700;}.hp-install-prompt__close{width:24px;height:24px;border:0;background:transparent;color:var(--hp-ink-muted);font-size:20px;line-height:1;cursor:pointer;padding:0;border-radius:50%;}.hp-install-prompt__close:hover{background:var(--hp-bg-sunken);color:var(--hp-ink);}@media (max-width:36rem){.hp-install-prompt{left:12px;right:12px;bottom:12px;max-width:none;}}[dir="rtl"] .hp-install-prompt{left:auto;right:20px;}.hp-hero__eyebrow,.hp-hero .hp-eyebrow{animation:hp-eyebrow-pulse 2.6s ease-in-out infinite;}@keyframes hp-eyebrow-pulse{0%,100%{box-shadow:0 0 0 0 rgba(13,93,70,0);}50%{box-shadow:0 0 0 6px rgba(13,93,70,.08);}}@media (prefers-reduced-motion:reduce){.hp-hero .hp-eyebrow{animation:none;}}