:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", monospace;--color-amber: #F59E0B;--color-amber-dim: #D97706;--color-amber-glow: rgba(245, 158, 11, .15);--color-teal: #14B8A6;--color-teal-dim: #0D9488;--color-teal-glow: rgba(20, 184, 166, .12);--color-night: #0B1120;--color-night-elevated: #131B2E;--color-night-subtle: #1A2540;--color-surface: #131B2E;--color-surface-hover: #1A2540;--color-text: #E2E8F0;--color-text-muted: #94A3B8;--color-text-faint: #64748B;--color-border: #1E293B;--color-border-light: #334155;--color-success: #14B8A6;--color-success-bg: rgba(20, 184, 166, .08);--color-warning: #F59E0B;--color-danger: #EF4444;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.35);--shadow-md: 0 4px 16px rgba(0,0,0,.25);--shadow-glow-amber: 0 0 50px rgba(245, 158, 11, .08);--shadow-glow-teal: 0 0 50px rgba(20, 184, 166, .06);--transition-fast: .12s cubic-bezier(.2, 0, .2, 1);--transition-base: .2s cubic-bezier(.2, 0, .2, 1);--transition-slow: .35s cubic-bezier(.2, 0, .2, 1)}body:before{content:"";position:fixed;top:-40%;left:-20%;width:140%;height:140%;background:radial-gradient(ellipse at 25% 15%,rgba(245,158,11,.04) 0%,transparent 45%),radial-gradient(ellipse at 75% 75%,rgba(20,184,166,.03) 0%,transparent 45%);pointer-events:none;z-index:0;animation:compass-drift 20s ease-in-out infinite alternate}@keyframes compass-drift{0%{transform:translate(0) rotate(0)}50%{transform:translate(2%,-1%) rotate(1deg)}to{transform:translate(-1%,2%) rotate(-.5deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-night);color:var(--color-text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}header{position:sticky;top:0;z-index:100;background:#0b1120e0;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--color-border);padding:.75rem 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.5rem}.brand a{color:var(--color-text);text-decoration:none;font-family:var(--font-display);font-size:1.375rem;font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem}.brand-icon{display:inline-flex;width:28px;height:28px;border-radius:50%;background:conic-gradient(from 200deg,var(--color-amber) 0deg,var(--color-teal) 120deg,var(--color-amber) 240deg,var(--color-amber) 360deg);position:relative;flex-shrink:0}.brand-icon:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--color-night)}.brand-icon:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--color-amber);z-index:1}nav{display:flex;align-items:center;gap:.125rem;flex-wrap:wrap}nav a{color:var(--color-text-muted);text-decoration:none;font-size:.8125rem;font-weight:500;padding:.3125rem .625rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);border:1px solid transparent}nav a:hover{color:var(--color-text);background:var(--color-night-subtle)}nav a.active{color:var(--color-amber);background:var(--color-amber-glow);border-color:#f59e0b33}main{flex:1;padding:2.5rem 0 3.5rem;position:relative;z-index:1}h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-bottom:.5rem}h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem}h3{font-family:var(--font-display);font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.125rem;transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-glow-amber);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.03em;padding:.125rem .5rem;border-radius:100px;background:var(--color-night-subtle);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge--amber{background:var(--color-amber-glow);color:var(--color-amber);border-color:#f59e0b40}.badge--teal{background:var(--color-teal-glow);color:var(--color-teal);border-color:#14b8a640}.badge--success{background:var(--color-success-bg);color:var(--color-success);border-color:#14b8a633}.price-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem}.price-table th{padding:.5rem .75rem;text-align:left;font-family:var(--font-mono);font-weight:500;font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint);border-bottom:1px solid var(--color-border);background:var(--color-night-elevated)}.price-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.price-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.price-table td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.price-table tr:last-child td{border-bottom:none}.price-table tbody tr:hover{background:var(--color-night-subtle)}.price-table .row-best{background:var(--color-success-bg)}.price-table .row-best:hover{background:#14b8a626}.provider-logo{height:18px;width:auto;vertical-align:middle;border-radius:4px}.mono{font-family:var(--font-mono);font-size:.875em}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border) 20%,var(--color-border) 80%,transparent);margin:2rem 0}footer{text-align:center;padding:1.5rem 0;color:var(--color-text-faint);font-size:.75rem;border-top:1px solid var(--color-border);position:relative;z-index:1}footer a{color:var(--color-text-muted);text-decoration:none}footer a:hover{color:var(--color-amber)}a{color:var(--color-amber)}a:hover{color:var(--color-teal)}.link-back{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-text-muted);font-size:.8125rem;font-weight:500;text-decoration:none;padding:.3125rem .625rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);margin-bottom:1rem}.link-back:hover{color:var(--color-text);background:var(--color-night-subtle)}.subtitle{color:var(--color-text-muted);font-size:1rem;line-height:1.6;max-width:560px}.search-bar{position:relative;margin-bottom:2rem}.search-bar input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);font-size:.9375rem;outline:none;transition:all var(--transition-fast)}.search-bar input::placeholder{color:var(--color-text-faint)}.search-bar input:focus{border-color:var(--color-amber);box-shadow:0 0 0 3px var(--color-amber-glow)}.search-bar-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-faint);pointer-events:none}@media (max-width: 640px){.header-inner{flex-direction:column;align-items:flex-start;gap:.5rem}nav{gap:.0625rem}nav a{font-size:.75rem;padding:.25rem .5rem}main{padding:1.5rem 0 2.5rem}.card{padding:.875rem}}@media (prefers-reduced-motion: reduce){body:before{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}