:root{--bg: #07080a;--bg-elevated: #111316;--bg-card: #0e1013;--bg-card-hi: #161a1f;--border: #1e2228;--border-soft: #15181d;--border-hot: #2a3138;--fg: #f4f5f7;--fg-muted: #9aa0a8;--fg-subtle: #61666e;--accent: #c6ff3a;--accent-dim: #a4d61f;--accent-ink: #07080a;--accent-glow: rgba(198,255,58,.2);--danger: #ff5577;--ok: #4ade80;--radius-xs: 4px;--radius: 10px;--radius-lg: 18px;--radius-pill: 999px;--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--tap: 44px;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{max-width:100%;display:block}img{background:var(--bg-elevated)}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none;transition:color .12s ease}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;margin:0;color:var(--fg)}h1{font-size:clamp(2.5rem,11vw,5.5rem);line-height:.95}h2{font-size:clamp(1.7rem,6vw,2.5rem);line-height:1.05}h3{font-size:1.15rem;line-height:1.25}p{margin:0}button{font-family:var(--font-sans);font-size:.95rem;font-weight:600;cursor:pointer;background:transparent;color:var(--fg);border:1px solid var(--border-hot);border-radius:var(--radius);min-height:var(--tap);padding:.65rem 1.1rem;transition:background .14s ease,border-color .14s ease,transform 80ms ease,color .14s ease;touch-action:manipulation;letter-spacing:-.005em}button:hover{background:var(--bg-card-hi);border-color:var(--fg-subtle)}button:active:not(:disabled){transform:scale(.98)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 0 0 0 var(--accent-glow)}button.primary:hover{background:var(--accent-dim);border-color:var(--accent-dim);box-shadow:0 0 0 4px var(--accent-glow)}button:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font:inherit;font-size:16px;padding:.7rem .95rem;width:100%;min-height:var(--tap);transition:border-color .12s ease,background .12s ease}textarea{min-height:88px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);background:var(--bg-card)}input::placeholder,textarea::placeholder{color:var(--fg-subtle)}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1}.container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07080ad9;border-bottom:1px solid var(--border-soft);padding-top:env(safe-area-inset-top,0)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:.55rem 0;gap:.5rem;min-height:56px}@media (min-width: 768px){.site-header__inner{padding:.85rem 0}}.site-header__logo{font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.02em;white-space:nowrap}.site-header__logo:hover{color:var(--accent)}.site-header__toggle{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);width:var(--tap);height:var(--tap);padding:0;border:1px solid var(--border-hot);border-radius:var(--radius);background:transparent}.site-header__toggle-bars{display:inline-block;position:relative;width:18px;height:2px;background:var(--fg);transition:background .1s ease}.site-header__toggle-bars:before,.site-header__toggle-bars:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--fg);transition:transform .18s ease}.site-header__toggle-bars:before{top:-6px}.site-header__toggle-bars:after{top:6px}.site-header__toggle[aria-expanded=true]{background:var(--accent);border-color:var(--accent)}.site-header__toggle[aria-expanded=true] .site-header__toggle-bars{background:transparent}.site-header__toggle[aria-expanded=true] .site-header__toggle-bars:before{background:var(--accent-ink);transform:translateY(6px) rotate(45deg)}.site-header__toggle[aria-expanded=true] .site-header__toggle-bars:after{background:var(--accent-ink);transform:translateY(-6px) rotate(-45deg)}.site-header__nav{display:none;font-family:var(--font-display);font-size:1.6rem;font-weight:600;letter-spacing:-.02em}.site-header__nav.is-open{display:flex;flex-direction:column;position:absolute;inset:100% 0 auto 0;background:var(--bg);border-bottom:1px solid var(--border);padding:1rem 1rem 1.5rem;gap:.1rem;box-shadow:0 16px 32px #0000008c}.site-header__nav a{display:flex;align-items:center;min-height:var(--tap);padding:.4rem 0;color:var(--fg-muted);border-bottom:none}.site-header__nav a:hover,.site-header__nav a.active{color:var(--accent)}@media (min-width: 768px){.site-header__toggle{display:none}.site-header__nav,.site-header__nav.is-open{display:flex;flex-direction:row;position:static;background:none;border:0;padding:0;box-shadow:none;gap:1.5rem;font-family:var(--font-sans);font-size:.92rem;font-weight:500;letter-spacing:0}.site-header__nav a{min-height:auto;padding:0}}.hero{padding:2rem 0;position:relative;overflow:hidden}@media (min-width: 768px){.hero{padding:4.5rem 0 3rem}}@media (min-width: 1024px){.hero{padding:7rem 0 4rem}}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);padding:.3rem .65rem;border:1px solid var(--accent);border-radius:var(--radius-pill);margin-bottom:1.25rem}.hero__eyebrow:before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.hero__title{max-width:14ch}.hero__title em{font-style:normal;background:linear-gradient(180deg,var(--accent),var(--accent-dim));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__sub{margin-top:1.25rem;max-width:52ch;color:var(--fg-muted);font-size:1.05rem;line-height:1.5}@media (min-width: 768px){.hero__sub{font-size:1.15rem;margin-top:1.5rem}}.hero__cta{margin-top:1.75rem;display:flex;flex-direction:column;gap:.5rem}@media (min-width: 480px){.hero__cta{flex-direction:row;flex-wrap:wrap;gap:.7rem}}.section{padding:2rem 0}@media (min-width: 768px){.section{padding:3.5rem 0}}.section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.section__head h2{font-size:clamp(1.4rem,5vw,1.9rem)}.section__head a{color:var(--fg-muted);font-size:.85rem;font-family:var(--font-mono)}.section__head a:hover{color:var(--accent)}.brand-grid{display:grid;gap:.85rem;grid-template-columns:1fr}@media (min-width: 540px){.brand-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}}@media (min-width: 900px){.brand-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width: 1240px){.brand-grid{grid-template-columns:repeat(4,1fr)}}.brand-card{position:relative;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:border-color .16s ease,transform .16s ease,background .16s ease}.brand-card:hover{border-color:var(--accent);background:var(--bg-card-hi);transform:translateY(-2px)}.brand-card__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-elevated)}.brand-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.brand-card:hover .brand-card__media img{transform:scale(1.04)}.brand-card__media--logo{background:radial-gradient(at top right,rgba(198,255,58,.06),transparent 55%),linear-gradient(180deg,var(--bg-card),var(--bg-elevated))}.brand-card__media--logo img{object-fit:contain;padding:2rem 1.75rem;background:transparent;transition:transform .36s ease,filter .36s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.brand-card:hover .brand-card__media--logo img{transform:scale(1.03)}.brand-card__media--text{display:flex;align-items:center;justify-content:center;background:radial-gradient(at top right,rgba(198,255,58,.1),transparent 60%),var(--bg-elevated)}.brand-card__media--text span{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,8vw,3rem);letter-spacing:-.04em;color:var(--fg);text-align:center;padding:1rem;line-height:.95}.brand-card__badge{position:absolute;top:.65rem;left:.65rem;z-index:2;display:inline-flex;align-items:center;gap:.35rem;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .55rem;border-radius:var(--radius-pill)}.brand-card__body{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.brand-card__name{font-family:var(--font-display);font-weight:700;font-size:1.15rem;line-height:1.15;letter-spacing:-.02em;color:var(--fg)}.brand-card__meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-subtle)}.brand-card__summary{color:var(--fg-muted);font-size:.9rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brand-card__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.25rem}.brand-card__score{display:flex;flex-wrap:wrap;gap:.5rem .75rem;font-family:var(--font-mono);font-size:.7rem;color:var(--fg-subtle);letter-spacing:.04em;border-top:1px solid var(--border-soft);padding-top:.65rem;margin-top:.4rem}.brand-card__score b{font-weight:600;color:var(--fg)}.tag-pill{display:inline-block;border:1px solid var(--border-hot);border-radius:var(--radius-pill);padding:.22rem .65rem;font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--fg-muted);letter-spacing:.02em;text-transform:uppercase;line-height:1.3;transition:border-color .14s ease,color .14s ease,background .14s ease}.tag-pill:hover{color:var(--fg);border-color:var(--fg-subtle)}.tag-pill.style{color:var(--accent);border-color:var(--accent);background:#c6ff3a0d}.tag-pill.style:hover{background:#c6ff3a26}.tag-pill.category{color:var(--fg);border-color:var(--border-hot);background:var(--bg-elevated)}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.filter-bar select,.filter-bar input{background:var(--bg-card);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .75rem;font:inherit;font-size:15px;min-height:var(--tap);flex:1 1 140px;min-width:0}.brand-profile{padding:1.5rem 0 3rem}@media (min-width: 768px){.brand-profile{padding:3rem 0 4rem}}.brand-profile__header{display:flex;flex-direction:column;gap:.65rem;max-width:760px}.brand-profile__summary{margin-top:.9rem;color:var(--fg-muted);font-size:1.05rem;max-width:65ch;line-height:1.55}@media (min-width: 768px){.brand-profile__summary{font-size:1.15rem}}.signal-cards{margin-top:1.75rem;display:grid;gap:.55rem;grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.signal-cards{grid-template-columns:repeat(3,1fr);gap:.7rem}}@media (min-width: 960px){.signal-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}.signal-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);padding:.85rem .95rem;transition:border-color .14s ease}.signal-card:hover{border-color:var(--border-hot)}.signal-card__label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle)}.signal-card__value{font-family:var(--font-display);font-weight:700;font-size:1.4rem;margin-top:.2rem;letter-spacing:-.02em}@media (min-width: 640px){.signal-card__value{font-size:1.55rem}}.why-block{margin-top:1.75rem;border-left:2px solid var(--accent);padding:.25rem 0 .25rem 1rem;color:var(--fg-muted);font-family:var(--font-display);font-weight:500;font-size:1.05rem;line-height:1.45}@media (min-width: 768px){.why-block{font-size:1.15rem}}.site-footer{border-top:1px solid var(--border-soft);padding:1.5rem 0 calc(1.5rem + env(safe-area-inset-bottom,0));margin-top:3rem;color:var(--fg-subtle);font-size:.85rem;font-family:var(--font-mono)}.site-footer__inner{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}@media (min-width: 640px){.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:center}}.empty-state{text-align:center;padding:3rem 1rem;color:var(--fg-muted);font-family:var(--font-mono);font-size:.9rem}.admin-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}.admin-table th,.admin-table td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--border-soft);vertical-align:top}.admin-table th{color:var(--fg-subtle);font-family:var(--font-mono);font-weight:500;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}.searchbox{display:flex;gap:.5rem;max-width:600px}.searchbox input{background:var(--bg-card);border-color:var(--border-hot)}.searchbox input:focus{border-color:var(--accent)}.searchbox button{flex-shrink:0}@media (max-width: 480px){.searchbox{flex-direction:column}.searchbox button{width:100%}}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.mono{font-family:var(--font-mono)}