:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-150:#eceef2;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--amber-400:#fbbf24;--amber-500:#f59e0b;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:999px;--duration-fast:130ms;--duration-base:220ms;--duration-slow:420ms;--ease-premium:cubic-bezier(0.22,1,0.36,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Inter,"SF Pro Text",Roboto,"Helvetica Neue","Noto Sans Arabic","Geeza Pro","Segoe UI Arabic",ui-sans-serif,system-ui,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--color-bg:#fbfbfd;--color-bg-subtle:var(--slate-50);--color-surface:#ffffff;--color-surface-raised:var(--slate-50);--color-surface-hover:var(--slate-100);--color-text:#0b1220;--color-text-muted:var(--slate-500);--color-text-subtle:var(--slate-400);--color-border:#e7e9ee;--color-border-strong:var(--slate-300);--color-primary:var(--indigo-600);--color-primary-hover:var(--indigo-700);--color-primary-contrast:#ffffff;--color-primary-soft:rgba(79,70,229,0.09);--color-ring:rgba(79,70,229,0.45);--color-success:var(--emerald-600);--color-danger:var(--red-600);--color-warning:var(--amber-500);--color-overlay:rgba(15,23,42,0.45);--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 1px 2px rgba(15,23,42,0.05),0 1px 3px rgba(15,23,42,0.05);--shadow-md:0 2px 4px rgba(15,23,42,0.04),0 6px 16px rgba(15,23,42,0.06);--shadow-lg:0 4px 8px rgba(15,23,42,0.05),0 16px 40px rgba(15,23,42,0.1);--shadow-xl:0 12px 32px rgba(15,23,42,0.1),0 32px 64px rgba(15,23,42,0.14);--shadow-primary:0 4px 14px rgba(79,70,229,0.32);--touch-target-min:44px;--z-dropdown:1000;--z-sticky:1100;--z-backdrop:1200;--z-modal:1300;--z-toast:1400;--z-tooltip:1500;--button-primary-bg:var(--color-primary);--button-primary-fg:var(--color-primary-contrast);--button-radius:var(--radius-md)}:root[data-theme=dark]{--color-bg:#0b1020;--color-bg-subtle:#0d1326;--color-surface:#131a2e;--color-surface-raised:#1a2338;--color-surface-hover:#212c46;--color-text:#eef1f8;--color-text-muted:#9aa6be;--color-text-subtle:#6b7793;--color-border:#23304d;--color-border-strong:#33436a;--color-primary:var(--indigo-500);--color-primary-hover:var(--indigo-400);--color-primary-contrast:#ffffff;--color-primary-soft:rgba(129,140,248,0.14);--color-ring:rgba(129,140,248,0.55);--color-success:var(--emerald-400);--color-danger:var(--red-400);--color-warning:var(--amber-400);--color-overlay:rgba(2,6,18,0.66);--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 2px 6px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.36);--shadow-lg:0 8px 24px rgba(0,0,0,0.44),0 24px 56px rgba(0,0,0,0.5);--shadow-xl:0 16px 48px rgba(0,0,0,0.55),0 40px 80px rgba(0,0,0,0.6);--shadow-primary:0 4px 16px rgba(99,102,241,0.4)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-base:0ms;--duration-slow:0ms}}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;color-scheme:light dark}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-base);line-height:1.6;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";min-block-size:100dvh;transition:background-color var(--duration-base) var(--ease-premium),color var(--duration-base) var(--ease-premium)}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;text-wrap:balance;font-weight:700}p{text-wrap:pretty}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-premium)}a:hover{color:var(--color-primary-hover)}img,svg,video{display:block;max-inline-size:100%}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--color-primary-soft);color:var(--color-text)}:lang(ar){letter-spacing:0}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{inline-size:10px;block-size:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle);background-clip:content-box}.stack{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.stack-sm{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.stack-lg{display:grid;grid-gap:var(--space-8);gap:var(--space-8)}.row,.row-between{display:flex;align-items:center;gap:var(--space-3)}.row-between{justify-content:space-between;flex-wrap:wrap}.muted{color:var(--color-text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-premium),border-color var(--duration-base) var(--ease-premium),transform var(--duration-base) var(--ease-premium)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong);transform:translateY(-2px)}.card-title{font-size:var(--text-lg);font-weight:650;margin:0}.btn,.card-title{letter-spacing:-.01em}.btn{--btn-bg:transparent;--btn-fg:var(--color-text);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:2.5rem;padding-inline:var(--space-4);padding-block:var(--space-2);border-radius:var(--button-radius);border:1px solid transparent;background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease-premium),box-shadow var(--duration-fast) var(--ease-premium),background-color var(--duration-fast) var(--ease-premium),border-color var(--duration-fast) var(--ease-premium),filter var(--duration-fast) var(--ease-premium)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-ring)}.btn:active:not(:disabled){transform:translateY(.5px) scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{inline-size:1.05em;block-size:1.05em}.btn-primary{--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-contrast);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){--btn-bg:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{--btn-bg:var(--color-surface);--btn-fg:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);transform:translateY(-1px)}.btn-ghost{--btn-bg:transparent;--btn-fg:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{--btn-bg:var(--color-danger);--btn-fg:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn-block{inline-size:100%}.btn-lg{min-block-size:3rem;padding-inline:var(--space-6);font-size:var(--text-base)}.btn-icon{padding-inline:var(--space-2);min-inline-size:2.5rem}.field{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.label{font-size:var(--text-sm);font-weight:600}.control,.label{color:var(--color-text)}.control{inline-size:100%;min-block-size:2.5rem;padding-inline:var(--space-3);padding-block:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-premium),box-shadow var(--duration-fast) var(--ease-premium),background-color var(--duration-fast) var(--ease-premium)}.control::placeholder{color:var(--color-text-subtle)}.control:hover{border-color:var(--color-text-subtle)}.control:focus,.control:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-ring)}.control[aria-invalid=true]{border-color:var(--color-danger)}.control[aria-invalid=true]:focus{box-shadow:0 0 0 3px rgba(220,38,38,.28)}select.control{cursor:pointer}.field-error{color:var(--color-danger);font-size:var(--text-sm);font-weight:500}.field-hint{color:var(--color-text-muted);font-size:var(--text-sm)}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary);inline-size:1.05rem;block-size:1.05rem;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding-inline:var(--space-2);padding-block:3px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.2;background:var(--color-surface-raised);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge-success{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 26%,transparent)}.badge-danger{background:color-mix(in srgb,var(--color-danger) 14%,transparent);color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 26%,transparent)}.badge-warning{background:color-mix(in srgb,var(--color-warning) 18%,transparent);color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent)}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 26%,transparent)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs)}.table{inline-size:100%;border-collapse:collapse;font-size:var(--text-sm)}.table td,.table th{padding:var(--space-3) var(--space-4);text-align:start}.table th{color:var(--color-text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface-raised)}.table td,.table th{-webkit-border-after:1px solid var(--color-border);border-block-end:1px solid var(--color-border)}.table tbody tr{transition:background-color var(--duration-fast) var(--ease-premium)}.table tbody tr:hover{background:var(--color-surface-raised)}.table tbody tr:last-child td{-webkit-border-after:none;border-block-end:none}.skeleton{background:linear-gradient(90deg,var(--color-surface-raised) 25%,var(--color-surface-hover) 37%,var(--color-surface-raised) 63%);background-size:400% 100%;border-radius:var(--radius-md);min-block-size:1rem;animation:skeleton 1.4s ease-in-out infinite}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.state{display:grid;grid-gap:var(--space-3);gap:var(--space-3);place-items:center;text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-muted)}.state-icon{display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);-webkit-margin-after:var(--space-1);margin-block-end:var(--space-1)}.state-title{color:var(--color-text);font-weight:650;font-size:var(--text-lg)}.overlay{position:fixed;inset:0;z-index:var(--z-backdrop);background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:var(--space-4);animation:overlay-in var(--duration-base) var(--ease-premium)}.dialog-panel{inline-size:min(28rem,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-6);animation:dialog-in var(--duration-base) var(--ease-out-expo)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dialog-panel,.overlay{animation:none}}.skip-link{position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);z-index:var(--z-toast);transform:translateY(-150%);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-contrast);font-weight:600;box-shadow:var(--shadow-lg);transition:transform var(--duration-fast) var(--ease-premium)}.skip-link:focus-visible{transform:translateY(0);outline:none}.skel-title{block-size:2rem;inline-size:12rem}.skel-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-6);display:grid;grid-gap:var(--space-4);gap:var(--space-4);box-shadow:var(--shadow-sm)}.appbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-inline:var(--space-4) var(--space-6);padding-block:var(--space-3);-webkit-border-after:1px solid var(--color-border);border-block-end:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 82%,transparent);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:var(--z-sticky);min-block-size:3.75rem}.shell{display:grid;grid-template-columns:1fr;min-block-size:100dvh}@media (min-width:60rem){.shell-with-nav{grid-template-columns:15.5rem 1fr}}.sidenav{display:none}@media (min-width:60rem){.sidenav{display:block;-webkit-border-end:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);padding:var(--space-5) var(--space-4);background:var(--color-bg-subtle)}}.brand-mark{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.brand-logo{display:grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--indigo-500),var(--indigo-700));color:#fff;font-weight:800;font-size:.85rem;box-shadow:var(--shadow-primary)}.navlink{display:flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-3);padding-block:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:background-color var(--duration-fast) var(--ease-premium),color var(--duration-fast) var(--ease-premium)}.navlink:hover{background:var(--color-surface-hover);color:var(--color-text)}.navlink[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.content{padding:var(--space-6);display:grid;grid-gap:var(--space-6);gap:var(--space-6);align-content:start;max-inline-size:74rem;inline-size:100%;margin-inline:auto;animation:content-in var(--duration-slow) var(--ease-out-expo)}@keyframes content-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.content{animation:none}}.page-title{font-size:var(--text-2xl);font-weight:750;letter-spacing:-.025em;margin:0}.metric{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.metric-value{font-size:var(--text-3xl);font-weight:750;letter-spacing:-.03em;line-height:1.05}.metric-label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500}.grid-cards{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr))}.mkt-nav{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-inline:clamp(var(--space-4),4vw,var(--space-12));padding-block:var(--space-4);background:color-mix(in srgb,var(--color-bg) 80%,transparent);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent}.mkt-nav.is-scrolled{border-block-end-color:var(--color-border)}@media (max-width:34rem){.hide-sm{display:none!important}.mkt-nav{padding-inline:var(--space-4)}}.mkt-hero{display:grid;grid-gap:clamp(var(--space-10),6vw,var(--space-20));gap:clamp(var(--space-10),6vw,var(--space-20));grid-template-columns:1fr;align-items:center;padding-inline:clamp(var(--space-4),4vw,var(--space-12));padding-block:clamp(var(--space-12),8vw,var(--space-24));max-inline-size:78rem;margin-inline:auto}@media (min-width:62rem){.mkt-hero{grid-template-columns:1.05fr .95fr}}.mkt-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);align-self:start;padding-inline:var(--space-3);padding-block:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.mkt-dot{inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-full);background:var(--color-success)}.mkt-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin-block:var(--space-5) var(--space-4)}.mkt-title em{font-style:normal;color:var(--color-primary)}.mkt-sub{font-size:clamp(var(--text-lg),2.2vw,var(--text-xl));color:var(--color-text-muted);max-inline-size:34ch}.mkt-cta{display:flex;gap:var(--space-3);flex-wrap:wrap;-webkit-margin-before:var(--space-8);margin-block-start:var(--space-8)}.mkt-trust{-webkit-margin-before:var(--space-6);margin-block-start:var(--space-6);color:var(--color-text-subtle);font-size:var(--text-sm)}.mkt-visual{position:relative;perspective:1400px}.mkt-window{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;transform:rotateY(-9deg) rotateX(3deg);transform-style:preserve-3d}@media (max-width:62rem){.mkt-window{transform:none}}.mkt-window-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);-webkit-border-after:1px solid var(--color-border);border-block-end:1px solid var(--color-border);background:var(--color-surface-raised)}.mkt-window-dot{inline-size:.6rem;block-size:.6rem;border-radius:var(--radius-full);background:var(--color-border-strong)}.mkt-window-url{-webkit-margin-start:var(--space-2);margin-inline-start:var(--space-2);font-size:var(--text-xs);color:var(--color-text-subtle)}.mkt-window-body{padding:var(--space-5);display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.mkt-cover{block-size:5.5rem;border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--indigo-500),var(--indigo-700));position:relative}.mkt-avatar{position:absolute;inset-block-end:-1.25rem;inset-inline-start:var(--space-4);inline-size:3rem;block-size:3rem;border-radius:var(--radius-md);background:var(--color-surface);border:2px solid var(--color-surface);box-shadow:var(--shadow-md);display:grid;place-items:center;font-weight:800;color:var(--color-primary)}.mkt-prods{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3);-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4)}.mkt-prod{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border)}.mkt-line{block-size:.6rem;border-radius:var(--radius-full);background:var(--color-surface-hover)}.mkt-values{display:grid;grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));max-inline-size:78rem;margin-inline:auto;padding-inline:clamp(var(--space-4),4vw,var(--space-12));padding-block:var(--space-12);-webkit-border-before:1px solid var(--color-border);border-block-start:1px solid var(--color-border)}.mkt-value-icon{display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}.mkt-footer{text-align:center;padding-block:var(--space-10);color:var(--color-text-subtle);font-size:var(--text-sm);-webkit-border-before:1px solid var(--color-border);border-block-start:1px solid var(--color-border)}.pf{max-inline-size:64rem;margin-inline:auto}.pf-cover{block-size:clamp(9rem,26vw,15rem);border-radius:0 0 var(--radius-xl) var(--radius-xl);background:linear-gradient(120deg,var(--indigo-500),var(--indigo-700) 70%,var(--indigo-600));position:relative;overflow:hidden}.pf-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 15% 0,rgba(255,255,255,.18),transparent 60%)}.pf-cover img{inline-size:100%;block-size:100%;object-fit:cover}.pf-head{display:flex;align-items:flex-end;gap:var(--space-4);padding-inline:clamp(var(--space-4),4vw,var(--space-8));-webkit-margin-before:-3rem;margin-block-start:-3rem;position:relative}.pf-logo{inline-size:5.5rem;block-size:5.5rem;border-radius:var(--radius-lg);flex-shrink:0;background:var(--color-surface);border:3px solid var(--color-surface);box-shadow:var(--shadow-lg);display:grid;place-items:center;font-size:var(--text-3xl);font-weight:800;color:var(--color-primary);overflow:hidden}.pf-logo img{inline-size:100%;block-size:100%;object-fit:cover}.pf-name{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:800;letter-spacing:-.03em;margin:0}.pf-body{padding-inline:clamp(var(--space-4),4vw,var(--space-8));padding-block:var(--space-8);display:grid;grid-gap:var(--space-10);gap:var(--space-10)}.pf-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pf-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding-inline:var(--space-3);padding-block:var(--space-1);border-radius:var(--radius-full);background:var(--color-surface-raised);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.pf-section-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-4)}.pf-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}.pf-prod{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-premium),transform var(--duration-base) var(--ease-premium),border-color var(--duration-base) var(--ease-premium)}.pf-prod:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--color-border-strong)}.pf-prod-img{aspect-ratio:4/3;background:linear-gradient(135deg,var(--color-surface-raised),var(--color-surface-hover));display:grid;place-items:center;color:var(--color-text-subtle)}.pf-prod-img img{inline-size:100%;block-size:100%;object-fit:cover}.pf-prod-body{padding:var(--space-4);display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.pf-cta-bar{position:-webkit-sticky;position:sticky;inset-block-end:0;z-index:var(--z-sticky);display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-surface) 85%,transparent);-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);-webkit-border-before:1px solid var(--color-border);border-block-start:1px solid var(--color-border)}.pf-badge-wa{--btn-bg:#25d366;--btn-fg:#05300f}.pf-badge-wa:hover{filter:brightness(1.05)}.uploader{gap:var(--space-2)}.dropzone,.uploader{display:grid;grid-gap:var(--space-2)}.dropzone{position:relative;place-items:center;text-align:center;gap:var(--space-2);min-block-size:9rem;padding:var(--space-6);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text-muted);cursor:pointer;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-premium),background-color var(--duration-fast) var(--ease-premium)}.dropzone:hover{color:var(--color-text)}.dropzone.is-dragging,.dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.dropzone.is-dragging{border-style:solid;color:var(--color-primary)}.dropzone.has-image{padding:0;border-style:solid;border-color:var(--color-border)}.dropzone-preview{inline-size:100%;block-size:100%;object-fit:cover}.dropzone-cover{aspect-ratio:16/5;min-block-size:0}.dropzone-logo{inline-size:7rem;block-size:7rem;min-block-size:0;border-radius:var(--radius-lg)}.dropzone-icon{color:var(--color-text-subtle)}.uploader-overlay{position:absolute;inset:0;display:grid;place-items:center;grid-gap:var(--space-2);gap:var(--space-2);background:color-mix(in srgb,var(--color-surface) 75%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--color-text);font-size:var(--text-sm);font-weight:600}.progress-track{inline-size:60%;block-size:4px;background:var(--color-border);overflow:hidden}.progress-bar,.progress-track{border-radius:var(--radius-full)}.progress-bar{block-size:100%;background:var(--color-primary);animation:indeterminate 1.1s var(--ease-premium) infinite}@keyframes indeterminate{0%{inline-size:15%;transform:translateX(-100%)}50%{inline-size:45%}to{inline-size:15%;transform:translateX(340%)}}@media (prefers-reduced-motion:reduce){.progress-bar{animation:none;inline-size:100%}}.media-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-raised)}.media-thumb img{inline-size:100%;block-size:100%;object-fit:cover}.media-remove{position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1);inline-size:1.75rem;block-size:1.75rem;display:grid;place-items:center;border-radius:var(--radius-full);border:none;cursor:pointer;background:color-mix(in srgb,var(--color-overlay) 90%,black);color:#fff}.media-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}.seg{display:inline-flex;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px;gap:2px}.seg-btn{display:grid;place-items:center;min-inline-size:2rem;min-block-size:1.85rem;padding-inline:var(--space-2);border:none;background:transparent;color:var(--color-text-subtle);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-premium),color var(--duration-fast) var(--ease-premium)}.seg-btn:hover{color:var(--color-text)}.seg-btn[aria-pressed=true]{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}