:root{--brand-50:#FCF0F6;--brand-100:#F9B3D1;--brand-200:#F28BBD;--brand-300:#E26A9C;--brand-400:#D64A80;--brand-500:#C62E65;--brand-600:#A82453;--brand-700:#861C42;--brand-800:#631331;--brand-900:#420C21;--bg-canvas:#FFFFFF;--bg-surface:#FFFFFF;--bg-subtle:#FDF4F9;--bg-inverse:#2F1847;--ink:#2F1847;--ink-2:#624763;--ink-3:#8E7490;--line:#E9D8E3;--line-strong:#D9C3D4;--scrim:rgba(47,24,71,.45);--success:#1F9D63;--success-bg:#E4F5EC;--success-ink:#0E6B40;--warning:#D97706;--warning-bg:#FBF0DC;--warning-ink:#8F4E04;--danger:#DC2626;--danger-bg:#FBE9E7;--danger-ink:#A11515;--info:#2563EB;--info-bg:#E6EEFC;--info-ink:#1A46B4;--rank-1:#1F9D63;--rank-2:#8FC93A;--rank-3:#D97706;--rank-4:#DC2626;--rank-none:#D9CFD6;--on-brand:#FFFFFF;--on-danger:#FFFFFF;--on-rank-1:#FFFFFF;--on-rank-2:#2B3810;--on-rank-3:#FFFFFF;--on-rank-4:#FFFFFF;--on-rank-none:#3D2B3C;--knob:#FFFFFF;--font-ui:"Inter Tight",system-ui,-apple-system,sans-serif;--font-accent:"Instrument Serif",Georgia,serif;--font-data:"IBM Plex Mono",ui-monospace,monospace;--leading-body:1.55;--tracking-label:.08em;--tracking-display:-.025em;--tracking-wordmark:-.01em;--text-display:600 2.25rem/1.1 var(--font-ui);--text-h1:600 1.5rem/1.2 var(--font-ui);--text-h2:600 1.125rem/1.3 var(--font-ui);--text-body:400 .875rem/var(--leading-body) var(--font-ui);--text-small:400 .8125rem/1.5 var(--font-ui);--text-label:600 .6875rem/1.4 var(--font-ui);--text-metric:600 1.5rem/1.1 var(--font-data);--space-1:.25rem;--space-2:.5rem;--space-3:.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-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--elev-1:0 1px 2px rgba(47,24,71,.05);--elev-2:0 2px 8px rgba(47,24,71,.06),0 1px 2px rgba(47,24,71,.05);--elev-3:0 8px 24px rgba(47,24,71,.1),0 2px 6px rgba(47,24,71,.06);--dur-fast:.12s;--dur-med:.2s;--dur-slow:.32s;--ease-out:cubic-bezier(.2,.7,.3,1);--focus-ring:0 0 0 3px var(--brand-100),0 0 0 1.5px var(--brand-500)}[data-theme=dark]{--bg-canvas:#1B0F28;--bg-surface:#241536;--bg-subtle:#2C1B42;--bg-inverse:#FDF4F9;--ink:#F7F0F6;--ink-2:#B9A3BB;--ink-3:#8E7490;--line:#35204E;--line-strong:#4A2E68;--scrim:rgba(9,4,15,.65);--brand-50:#33102A;--brand-100:#4A1638;--success-bg:#0F2A1C;--success-ink:#5FD39B;--success:#3FBF7F;--warning-bg:#2E1F08;--warning-ink:#F0B45C;--warning:#E8A33D;--danger-bg:#33110F;--danger-ink:#F08A84;--danger:#E86A64;--info-bg:#0E1D3D;--info-ink:#8FB3F7;--info:#6B96F0;--rank-1:#3FBF7F;--rank-2:#A8D94E;--rank-3:#E8A33D;--rank-4:#E86A64;--rank-none:#3E2A55;--on-danger:#2A0B09;--on-rank-none:#C4B0C6;--elev-1:0 1px 2px rgba(0,0,0,.4);--elev-2:0 2px 8px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.4);--elev-3:0 8px 24px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.45);--focus-ring:0 0 0 3px var(--brand-100),0 0 0 1.5px var(--brand-400)}:root:lang(ar){--font-ui:"IBM Plex Sans Arabic","Segoe UI Arabic",system-ui,sans-serif;--font-accent:"Amiri",Georgia,serif;--leading-body:1.75;--tracking-label:0;--tracking-display:0;--tracking-wordmark:0}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{background:var(--bg-canvas);color:var(--ink);font:var(--text-body);-webkit-font-smoothing:antialiased;transition:background var(--dur-med) var(--ease-out),color var(--dur-med) var(--ease-out)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}h1,h2,h3{font-family:var(--font-ui)}.mono{font-family:var(--font-data);font-variant-numeric:tabular-nums}.ic{width:1.0625rem;height:1.0625rem;flex:none;vertical-align:-2px}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.label{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-2)}.accent-serif{font-family:var(--font-accent);font-style:italic;font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:600 .8125rem/1 var(--font-ui);border-radius:var(--radius-md);padding:0 var(--space-4);min-height:2.75rem;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap}.btn-sm{min-height:2.25rem;padding:0 var(--space-3);font-size:.75rem;border-radius:var(--radius-sm)}.btn-primary{background:var(--brand-500);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-600)}.btn-primary:active{transform:translateY(1px)}.btn-dark{background:var(--ink);color:var(--bg-canvas)}.btn-dark:hover{opacity:.88}.btn-secondary{background:var(--bg-surface);color:var(--ink);border:1px solid var(--line-strong)}.btn-secondary:hover{border-color:var(--ink-3)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--ink)}.btn-danger{background:var(--danger);color:var(--on-danger)}.btn-danger:hover{background:var(--danger-ink)}.btn[disabled]{opacity:.45;pointer-events:none}.input,select.input,textarea.input{width:100%;font:var(--text-body);color:var(--ink);background:var(--bg-surface);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:0 var(--space-3);min-height:2.75rem;transition:border var(--dur-fast),box-shadow var(--dur-fast)}textarea.input{padding:var(--space-3);min-height:6rem;resize:vertical}.input::placeholder{color:var(--ink-3)}.input:focus{border-color:var(--brand-500);box-shadow:var(--focus-ring);outline:none}.field{display:grid;gap:var(--space-2)}.field>label{font:600 .8125rem/1.3 var(--font-ui)}.field .hint{font:var(--text-small);color:var(--ink-2)}.card{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--elev-1)}.card-pad{padding:var(--space-5)}.card-hover{transition:box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.card-hover:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font:600 .6875rem/1 var(--font-ui);letter-spacing:calc(var(--tracking-label) * .25);border-radius:var(--radius-pill);padding:.3125rem .625rem}.badge-success{background:var(--success-bg);color:var(--success-ink)}.badge-warning{background:var(--warning-bg);color:var(--warning-ink)}.badge-danger{background:var(--danger-bg);color:var(--danger-ink)}.badge-info{background:var(--info-bg);color:var(--info-ink)}.badge-neutral{background:var(--bg-subtle);color:var(--ink-2)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.delta{display:inline-flex;align-items:center;gap:2px;font:600 .75rem/1 var(--font-data)}.delta-up{color:var(--success-ink)}.delta-down{color:var(--danger-ink)}.delta-flat{color:var(--ink-3)}.shell{display:grid;grid-template-columns:15rem 1fr;min-height:100vh}.sidebar{background:var(--bg-inverse);color:var(--bg-canvas);display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);position:sticky;top:0;height:100vh}.sidebar .brandlock{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-5)}.sidebar .brandlock b{font:600 .9375rem/1 var(--font-ui);letter-spacing:var(--tracking-wordmark)}.navgroup{font:var(--text-label);letter-spacing:calc(var(--tracking-label) * 1.25);text-transform:uppercase;opacity:.5;padding:var(--space-3) var(--space-2) var(--space-1)}.navitem{display:flex;align-items:center;gap:var(--space-3);font:500 .8125rem/1 var(--font-ui);padding:.75rem var(--space-3);border-radius:var(--radius-md);opacity:.72;min-height:2.75rem;transition:all var(--dur-fast) var(--ease-out)}.navitem:hover{opacity:1;background:color-mix(in srgb,currentColor 8%,transparent)}.navitem.active{opacity:1;background:color-mix(in srgb,currentColor 13%,transparent);font-weight:600}.navitem .ct{margin-inline-start:auto;font:600 .625rem/1 var(--font-data);background:var(--brand-500);color:var(--on-brand);border-radius:var(--radius-pill);padding:.25rem .4375rem}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.content{padding:var(--space-6);max-width:75rem}@media(max-width:56rem){.shell{grid-template-columns:4.5rem 1fr}.sidebar .brandlock b,.navitem span,.navgroup{display:none}.navitem{justify-content:center}.content{padding:var(--space-4)}}.stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5)}.stat .v{font:var(--text-metric)}.stat .l{font:var(--text-small);color:var(--ink-2)}.stat-row{display:flex;align-items:center;gap:var(--space-3)}.score-ring{position:relative;display:inline-grid;place-items:center}.score-ring .val{position:absolute;font:600 1.125rem/1 var(--font-data)}.score-ring .track{stroke:var(--line)}.score-ring .arc{stroke:var(--brand-500);stroke-linecap:round;transition:stroke-dashoffset var(--dur-slow) var(--ease-out)}.score-ring .head{fill:var(--ink)}.rankgrid{display:grid;gap:5px}.rankcell{aspect-ratio:1;border-radius:var(--radius-sm);display:grid;place-items:center;font:600 .625rem/1 var(--font-data);transition:transform var(--dur-fast) var(--ease-out)}.rankcell:hover{transform:scale(1.15);box-shadow:var(--elev-2);z-index:2}.rank-1{background:var(--rank-1);color:var(--on-rank-1)}.rank-2{background:var(--rank-2);color:var(--on-rank-2)}.rank-3{background:var(--rank-3);color:var(--on-rank-3)}.rank-4{background:var(--rank-4);color:var(--on-rank-4)}.rank-none{background:var(--rank-none);color:var(--on-rank-none)}.table{width:100%;border-collapse:collapse;font:var(--text-body)}.table th{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-2);text-align:start;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}.table td{padding:var(--space-3);border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr{transition:background var(--dur-fast)}.table tbody tr:hover{background:var(--bg-subtle)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--line)}.tab{font:500 .8125rem/1 var(--font-ui);color:var(--ink-2);padding:var(--space-3) var(--space-4);border-bottom:2px solid transparent;margin-bottom:-1px;min-height:2.75rem}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--brand-500)}.stars{color:var(--warning);letter-spacing:1px;font-size:.8125rem}.avatar{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font:600 .6875rem/1 var(--font-ui);color:var(--on-brand);background:var(--brand-400);flex:none}.toggle{width:2.75rem;height:1.5rem;border-radius:var(--radius-pill);background:var(--line-strong);position:relative;transition:background var(--dur-fast);flex:none;border:none}.toggle:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--knob);transition:transform var(--dur-fast) var(--ease-out);box-shadow:var(--elev-1)}.toggle[aria-checked=true]{background:var(--brand-500)}.toggle[aria-checked=true]:after{transform:translate(1.25rem)}[dir=rtl] .toggle[aria-checked=true]:after{transform:translate(-1.25rem)}.modal-back{position:fixed;inset:0;background:var(--scrim);display:none;place-items:center;z-index:50;padding:var(--space-4)}.modal-back.open{display:grid}.modal{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--elev-3);width:min(34rem,100%);padding:var(--space-6);animation:rise var(--dur-med) var(--ease-out)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast{position:fixed;bottom:var(--space-6);inset-inline-end:var(--space-6);z-index:60;display:flex;align-items:center;gap:var(--space-3);background:var(--bg-inverse);color:var(--bg-canvas);font:500 .8125rem/1.4 var(--font-ui);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--elev-3);animation:rise var(--dur-med) var(--ease-out)}.toast .ok{color:var(--rank-1)}.empty{display:grid;place-items:center;text-align:center;gap:var(--space-3);padding:var(--space-16) var(--space-6)}.empty .t{font:var(--text-h2)}.empty .d{font:var(--text-small);color:var(--ink-2);max-width:26rem}.sweep{animation:sweep-rot 1.1s linear infinite}@keyframes sweep-rot{to{transform:rotate(360deg)}}.sentbar{display:flex;height:8px;border-radius:var(--radius-pill);overflow:hidden;gap:2px}.sentbar i{display:block}.prog{height:6px;border-radius:var(--radius-pill);background:var(--bg-subtle);overflow:hidden}.prog>i{display:block;height:100%;border-radius:inherit;background:var(--brand-500)}.mnav{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-8);background:var(--bg-canvas);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.mnav .links{display:flex;gap:var(--space-6);font:500 .8125rem/1 var(--font-ui);color:var(--ink-2);margin-inline-start:var(--space-4)}.mnav .links a:hover{color:var(--ink)}.mnav .links a.active{color:var(--ink);font-weight:600}.mwrap{max-width:72rem;margin-inline:auto;padding-inline:var(--space-8)}.section{padding-block:var(--space-24)}.h-display{font:var(--text-display);letter-spacing:var(--tracking-display)}.h-big{font:600 clamp(2.5rem,5vw,4rem)/1.04 var(--font-ui);letter-spacing:var(--tracking-display)}.price-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.price-card.featured{border-color:var(--brand-500);box-shadow:var(--elev-2)}.check li{list-style:none;display:flex;gap:var(--space-2);font:var(--text-small);padding-block:4px}.check li:before{content:"✓";color:var(--success);font-weight:700}.footer{border-top:1px solid var(--line);padding:var(--space-12) var(--space-8);color:var(--ink-2);font:var(--text-small)}.specnote{font:400 .625rem/1.7 var(--font-data);color:var(--ink-3);border-top:1px dashed var(--line-strong);padding:var(--space-2) var(--space-6);background:var(--bg-canvas)}.specnote b{color:var(--ink-2);font-weight:600}.skip-link{position:fixed;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:50;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--brand-500);color:var(--on-brand);transform:translateY(-200%);transition:transform var(--dur-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0)}.chrome-brand{display:inline-flex;align-items:center;gap:var(--space-2);flex:none}.chrome-brand-mark{display:block}:root[dir=rtl] .chrome-brand-mark{transform:scaleX(-1)}.chrome-wordmark{font:var(--text-body);font-weight:600;letter-spacing:var(--tracking-wordmark);color:var(--ink)}.chrome-actions{display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto}.chrome-icon-button{inline-size:2.75rem;min-block-size:2.75rem;padding:0}.chrome-icon-button .ic{inline-size:1.25rem;block-size:1.25rem}.theme-icon-moon,[data-theme=dark] .theme-icon-sun{display:none}[data-theme=dark] .theme-icon-moon{display:block}.mobile-nav-toggle{display:none}.mobile-nav{position:fixed;inset-block-start:4.8125rem;inset-inline:var(--space-3);z-index:29;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--elev-3)}.mobile-nav-links{display:grid;gap:var(--space-1)}.mobile-nav-links a{display:flex;align-items:center;min-block-size:2.75rem;padding-inline:var(--space-3);border-radius:var(--radius-md);font-weight:600}.mobile-nav-links a:hover,.mobile-nav-links a[aria-current=page]{background:var(--bg-subtle)}.mobile-nav-links .chrome-disabled{display:flex;align-items:center;min-block-size:2.75rem;padding-inline:var(--space-3)}.chrome-disabled{color:var(--ink-3);cursor:default}.mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding-block-start:var(--space-3);margin-block-start:var(--space-3);border-block-start:1px solid var(--line)}.site-main{min-block-size:50vh}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:var(--space-6);margin-block-end:var(--space-8)}.footer-intro{max-inline-size:16rem}.footer-tagline{margin-block-start:var(--space-3)}.footer-group-title{margin-block-end:var(--space-3)}.footer-links{display:grid;gap:var(--space-2)}.footer-links a:hover{color:var(--ink)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding-block-start:var(--space-4);border-block-start:1px solid var(--line)}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:64rem){.mnav{padding-inline:var(--space-4);gap:var(--space-3)}.mnav .links{gap:var(--space-4);margin-inline-start:0}.footer-grid{grid-template-columns:2fr repeat(2,minmax(0,1fr))}}@media(max-width:48rem){.mnav .links,.desktop-auth{display:none}.mobile-nav-toggle{display:inline-flex}.mwrap{padding-inline:var(--space-4)}.section{padding-block:var(--space-16)}.footer{padding:var(--space-10) var(--space-4)}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1 / -1;max-inline-size:24rem}}@media(max-width:28rem){.footer-grid,.mobile-nav-actions{grid-template-columns:1fr}.chrome-wordmark{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}