:root{--color-bg: #0a0a0f;--color-bg-subtle: #111119;--color-indigo: #6366f1;--color-cyan: #06b6d4;--color-white: #ffffff;--color-white-90: rgba(255, 255, 255, .9);--color-white-60: rgba(255, 255, 255, .6);--color-white-30: rgba(255, 255, 255, .3);--color-white-10: rgba(255, 255, 255, .1);--font-display: "Syne", sans-serif;--glow-indigo: 0 0 40px rgba(99, 102, 241, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-white);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navigation{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0a0a0f;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.nav-logo a{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:#ffffffb3;text-decoration:none;font-size:1rem;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:#fff}.coding-plans{padding:6rem 2rem 2rem;height:100vh;overflow-y:auto;background:#0a0a0f;color:#fff}.page-header{text-align:center;margin-bottom:3rem;padding-top:2rem}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.page-header p{font-size:1.1rem;color:#ffffffb3;max-width:700px;margin:0 auto}.providers-section{margin-bottom:4rem}.providers-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-left:.5rem;border-left:3px solid #6366f1}.table-wrapper{overflow-x:auto;border-radius:12px;background:#ffffff08}.providers-table{width:100%;min-width:900px;border-collapse:collapse}.providers-table th{text-align:left;padding:1rem .75rem;background:#ffffff0d;font-weight:600;font-size:.85rem;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.providers-table th.sticky-col{position:sticky;left:0;z-index:3;background:#0a0a0ff2}.provider-row:hover{background:#ffffff08}.provider-row td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}.brand-cell{position:sticky;left:0;background:#0a0a0ff2;z-index:1;display:flex;align-items:center;gap:.75rem;min-width:160px}.provider-row:hover .brand-cell{background:#1e1e23f2}.provider-logo{width:28px;height:28px;object-fit:contain;border-radius:4px;flex-shrink:0}.logo-white{filter:brightness(0) invert(1)}.provider-name{font-weight:600;font-size:.9rem;white-space:nowrap}.tier-cell{min-width:200px;vertical-align:top}.tier-cell.empty{color:#fff3;text-align:center;font-size:1.2rem}.tier-name{font-weight:600;font-size:.9rem;margin-bottom:.25rem}.tier-usage{font-size:.75rem;color:#ffffff80;line-height:1.3}.action-cell{min-width:120px;text-align:right}.view-plans-btn{display:inline-block;padding:.5rem 1rem;background:#6366f1;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;font-size:.8rem;white-space:nowrap;transition:background .2s ease}.view-plans-btn:hover{background:#4f46e5}.page-footer{text-align:center;padding:2rem 0;color:#ffffff80;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.x-link{display:inline-flex;align-items:center;gap:.5rem;color:#ffffffb3;text-decoration:none;transition:color .2s ease}.x-link:hover{color:#fff}.x-logo{width:20px;height:20px}@media(max-width:768px){.coding-plans{padding:5rem 1rem 1rem}.page-header h1{font-size:2rem}.table-wrapper{border-radius:8px;overflow-x:scroll}.providers-table th,.provider-row td{padding:.5rem}.providers-table th.sticky-col{z-index:4;box-shadow:2px 0 4px #0000004d}.brand-cell{min-width:140px;z-index:2;box-shadow:2px 0 4px #0003}.tier-cell{min-width:140px}.tier-name{font-size:.8rem}.tier-usage{font-size:.7rem}.view-plans-btn{padding:.4rem .75rem;font-size:.75rem}}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;pointer-events:none;width:100%;height:100%}.hero-headline{font-family:var(--font-display);font-size:clamp(28px,4vw,56px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--color-white-90)}.twitter-link{pointer-events:auto;color:#ffffff80;padding:16px;transition:color .3s ease}.twitter-link:hover{color:#ffffffe6}.hero-section{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--color-bg)}.gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at center,transparent 0%,rgba(10,10,15,.3) 40%,rgba(10,10,15,.7) 70%,rgba(10,10,15,.95) 100%);pointer-events:none}