*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#141414;--surface2:#1e1e1e;--surface3:#282828;--border:#2a2a2a;--border-hover:#3a3a3a;--text:#e5e5e5;--dim:#999;--dimmer:#666;--accent:#6366f1;--accent-hover:#818cf8;--accent-soft:rgba(99,102,241,.12);--green:#4ade80;--green-soft:rgba(74,222,128,.15);--yellow:#facc15;--yellow-soft:rgba(250,204,21,.15);--red:#f87171;--red-soft:rgba(248,113,113,.15);--radius:12px;--radius-sm:8px;--radius-xs:6px;--container-max:1200px;--transition:.15s ease;--focus-ring:0 0 0 2px var(--accent)}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.container-narrow{max-width:960px;margin:0 auto;padding:0 24px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:8px;top:8px;width:auto;height:auto;padding:8px 16px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);z-index:9999;font-weight:600}.breadcrumbs{padding:12px 0;font-size:.8rem;color:var(--dim)}.breadcrumbs a{color:var(--dim)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs span.sep{margin:0 6px;color:var(--border)}.site-header{position:sticky;top:0;z-index:100;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.btn{display:inline-block;padding:8px 18px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;font-family:inherit;transition:all var(--transition)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover,.btn-primary:focus-visible{background:var(--accent-hover);color:#fff}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface)}.btn-ghost{background:transparent;color:var(--dim);border:1px solid var(--border)}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:var(--accent);color:var(--accent)}.hero{padding:100px 0 80px;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:24px}.hero h1 span{color:var(--accent)}.hero p{font-size:clamp(1rem,2vw,1.25rem);color:var(--dim);max-width:640px;margin:0 auto 40px}.hero-cta{display:inline-flex;gap:16px;flex-wrap:wrap;justify-content:center}.hero .btn{padding:12px 28px;font-size:.95rem}.hero .btn-primary:hover{transform:translateY(-1px)}.features{padding:80px 0;border-top:1px solid var(--border)}.section-title{text-align:center;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.section-sub{text-align:center;color:var(--dim);margin-bottom:56px;max-width:560px;margin-left:auto;margin-right:auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:border-color var(--transition)}.feature-card:hover{border-color:var(--accent)}.feature-card h3{font-size:1.15rem;font-weight:600;margin-bottom:12px}.feature-card p{color:var(--dim);font-size:.95rem}.feature-card .icon{width:40px;height:40px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.25rem}.categories{padding:80px 0;border-top:1px solid var(--border)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.cat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:left;transition:all var(--transition)}.cat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.cat-card h3{font-size:1rem;font-weight:600;margin-bottom:6px}.cat-card p{color:var(--dim);font-size:.85rem}.disclosure{padding:40px 0;border-top:1px solid var(--border);text-align:center}.disclosure p{color:var(--dim);font-size:.8rem;max-width:640px;margin:0 auto}.site-footer{padding:32px 0;border-top:1px solid var(--border);text-align:center}.site-footer p{color:var(--dim);font-size:.85rem}.site-footer a{color:var(--dim)}.site-footer a:hover{color:var(--text)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-xs);font-size:.7rem;font-weight:600;text-transform:uppercase;margin-left:6px}.badge-hot{background:var(--accent);color:#fff}.badge-value{background:var(--yellow);color:#000}.badge-new{background:var(--green);color:#000}.price{font-weight:700;color:var(--green)}.price-unknown{color:var(--dim);font-size:.9rem}.coming-soon{text-align:center;padding:60px 20px;color:var(--dim)}.coming-soon h2{color:var(--text);font-size:1.5rem;margin-bottom:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}