@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Manrope:wght@400;500;700&display=swap";:root{--bg-main: #0b1020;--bg-alt: #111d3b;--text-main: #f6f7fb;--text-soft: #c0c8df;--line: rgba(255, 255, 255, .15);--accent: #5de2b0;--accent-2: #63c7ff;--warning: #ffcf5c}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--text-main);font-family:Manrope,sans-serif;background:radial-gradient(circle at 15% 20%,rgba(93,226,176,.28) 0,transparent 30%),radial-gradient(circle at 88% 15%,rgba(99,199,255,.28) 0,transparent 34%),linear-gradient(160deg,var(--bg-main),#060b16 65%,#0f1b36 100%)}.site-shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.2rem 0 2.8rem}.extension-banner{border:1px solid rgba(99,199,255,.45);border-radius:16px;padding:.8rem 1rem;background:linear-gradient(115deg,#63c7ff38,#5de2b033);display:flex;justify-content:space-between;align-items:center;gap:.8rem;animation:fadeInUp .45s ease forwards}.extension-banner p{margin:0;color:var(--text-main)}.extension-banner-actions{display:flex;align-items:center;gap:.5rem}.extension-banner-actions a{display:inline-flex;align-items:center;text-decoration:none;color:#06131f;font-weight:700;background:linear-gradient(120deg,var(--accent),var(--accent-2));border-radius:999px;padding:.48rem .85rem}.extension-banner-close{border:1px solid rgba(255,255,255,.35);background:#080e1e8c;color:var(--text-main);width:33px;height:33px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer}.producthunt-badge-wrap{margin-top:.9rem;margin-bottom:.4rem}.producthunt-badge-wrap a{display:inline-flex}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.65rem .5rem;position:sticky;top:0;z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.topbar-scrolled{background:#060b16eb;border:1px solid rgba(99,199,255,.24);border-radius:14px;box-shadow:0 8px 22px #0000003d}.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:Chakra Petch,sans-serif;letter-spacing:.04em;text-transform:lowercase;font-size:1.2rem;color:var(--text-main);text-decoration:none}.brand img{width:30px;height:30px;display:block}.header-links{display:flex;align-items:center;gap:.5rem}.header-link{text-decoration:none;border:1px solid var(--line);color:var(--text-main);padding:.52rem .95rem;border-radius:999px;transition:transform .2s ease,border-color .2s ease}.header-link:hover{border-color:var(--accent-2);transform:translateY(-1px)}.header-cta{text-decoration:none;border:1px solid var(--line);color:var(--text-main);padding:.52rem .95rem;border-radius:999px;transition:transform .2s ease,border-color .2s ease}.header-cta:hover{border-color:var(--accent);transform:translateY(-1px)}.hero{border:1px solid var(--line);border-radius:22px;padding:2.7rem;margin-top:1.2rem;background:linear-gradient(130deg,#ffffff12,#ffffff03);animation:fadeInUp .6s ease forwards}.eyebrow{display:inline-flex;margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}h1,h2,h3{font-family:Chakra Petch,sans-serif;margin-top:0;margin-bottom:.4rem}h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.04;max-width:14ch}.hero-copy{max-width:58ch;color:var(--text-soft);margin-top:1rem;margin-bottom:0}.hero-actions{margin-top:1.7rem;display:flex;flex-wrap:wrap;gap:.7rem}.hero-actions a{text-decoration:none;color:#06131f;font-weight:700;background:linear-gradient(120deg,var(--accent),var(--accent-2));border-radius:11px;padding:.72rem 1rem;transition:filter .2s ease,transform .2s ease}.hero-actions a:hover{filter:brightness(1.04);transform:translateY(-2px)}.panel{margin-top:1.3rem;border:1px solid var(--line);border-radius:18px;padding:1.3rem;background:linear-gradient(160deg,#111d3bbf,#080f2199);animation:fadeInUp .8s ease both}.section-heading p{margin-top:.35rem;margin-bottom:.9rem;color:var(--text-soft)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem}.card{border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:.95rem;background:#080e1e73}.badge{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#042018;background:var(--accent);padding:.24rem .42rem;border-radius:999px}.beta-badge{color:#2f1b00;background:var(--warning)}.card p{color:var(--text-soft);margin-bottom:.7rem}.card a{color:var(--accent-2);text-underline-offset:.16em}.flow ol{margin:0;padding-left:1.1rem;display:grid;gap:.5rem;color:var(--text-soft)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}.faq-item{border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:.95rem;background:#080e1e73}.faq-item p{color:var(--text-soft);margin-bottom:0}.blog-cta{margin:.9rem 0 0}.blog-cta a{color:var(--accent-2);text-underline-offset:.2em}.footer{margin-top:1.6rem;padding-top:.8rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.footer p{margin:0;color:var(--text-soft)}.footer div{display:flex;gap:.8rem;flex-wrap:wrap}.footer a{color:var(--text-main)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.site-shell{width:min(1120px,calc(100% - 1.2rem));padding-top:.6rem}.extension-banner{flex-direction:column;align-items:flex-start}.extension-banner-actions{width:100%;justify-content:space-between}.producthunt-badge-wrap img{width:220px;height:auto}.header-links{gap:.4rem}.header-link,.header-cta{padding:.45rem .72rem;font-size:.88rem}.hero{padding:1.4rem}.panel{padding:1rem}.topbar{position:static}}