@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;700&family=Geist:wght@300;400;500;600;700;800;900&display=swap";:root{--brand: #6366f1;--brand-dark: #4f46e5;--brand-light: #eef2ff;--brand-glow: rgba(99, 102, 241, .4);--ink: #0f172a;--ink-muted: #475569;--ink-faint: #94a3b8;--bg: #ffffff;--surface: #f8fafc;--surface-2: #f1f5f9;--surface-glass: rgba(255, 255, 255, .7);--border: #e2e8f0;--border-dark: #cbd5e1;--danger: #ef4444;--danger-light: #fef2f2;--success: #10b981;--success-light:#ecfdf5;--warning: #f59e0b;--warning-light:#fffbeb;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px var(--brand-glow);--ff-display: "Geist", sans-serif;--ff-serif: "Instrument Serif", serif;--ff-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--ff-display);background-color:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--ff-display);font-weight:700;letter-spacing:-.02em;line-height:1.2}p{color:var(--ink-muted)}.serif{font-family:var(--ff-serif)}.mono{font-family:var(--ff-mono)}.glass{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex-center{display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--ff-display);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;white-space:nowrap}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-dark)}.btn-ghost{background:transparent;color:var(--ink-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-danger{background:var(--danger-light);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-cancel{color:#94a3b8;background:transparent;font-size:13px;font-weight:500}.btn-cancel:hover{color:#ef4444;background:#fef2f2;border-color:#ef44441a}.input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-family:var(--ff-display);font-size:14px;color:var(--ink);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px var(--brand-light),var(--shadow-md)}.input-pro{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-family:var(--ff-display);font-size:14px;font-weight:600;color:var(--ink);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.input-pro:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px var(--brand-light)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-dark)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pill-up{background:var(--success-light);color:var(--success)}.pill-down{background:var(--danger-light);color:var(--danger)}.pill-paused{background:var(--warning-light);color:var(--warning)}.pill-unknown{background:var(--surface-2);color:var(--ink-faint)}.pill-waking{background:#e0e7ff;color:#4f46e5;animation:pulse-soft 2s infinite}.grid{display:grid;gap:1.5rem}.flex{display:flex;gap:1rem}.stats-container{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:2rem}.pricing-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;align-items:stretch;max-width:1100px;margin:0 auto}.subscription-card{display:flex;flex-direction:column;gap:20px;background:linear-gradient(145deg,var(--surface-2) 0%,var(--surface-1) 100%);padding:24px;border-radius:20px;border:1px solid var(--border)}.subscription-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.subscription-title-group{display:flex;align-items:center;gap:12px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 5s ease-in-out infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.toast{position:fixed;bottom:2rem;right:2rem;padding:12px 24px;border-radius:var(--radius-md);background:var(--ink);color:#fff;font-weight:500;box-shadow:var(--shadow-xl);z-index:1000;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.show-mobile,.flex-mobile{display:none!important}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.flex-mobile{display:flex!important}h1{font-size:1.75rem!important}.container{padding:0 1rem}.stats-container{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important}.stats-card{padding:.5rem!important;min-height:50px!important;gap:.5rem!important}.stats-card .icon-container{width:20px!important;height:20px!important;border-radius:6px!important}.stats-card .icon-container svg{width:12px!important;height:12px!important}.stats-card .stat-value{font-size:14px!important}.stats-card .stat-label{font-size:7px!important;margin-top:2px!important;white-space:normal!important;line-height:1.1!important}.pricing-grid{flex-direction:column;align-items:center;gap:1rem}.pricing-card{width:100%;max-width:100%!important;transform:none!important;padding:1.5rem!important}.subscription-card{padding:1rem!important}.subscription-header{flex-direction:column;align-items:flex-start!important;gap:1rem!important}.subscription-title-group{flex-direction:column;align-items:flex-start!important;gap:8px!important}.subscription-header button{width:100%;justify-content:center!important;background:var(--bg);border:1px solid var(--border);padding:12px!important}}@media (min-width: 769px){.show-mobile{display:none!important}}