:root{--bg-main: #0b1020;--text-main: #f6f7fb;--text-soft: #c0c8df;--line: rgba(255, 255, 255, .15);--accent: #5de2b0;--accent-2: #63c7ff;--warning: #ffcf5c;--page-bg: 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, #0b1020, #060b16 65%, #0f1b36 100%);--banner-bg: linear-gradient(115deg, rgba(99, 199, 255, .22), rgba(93, 226, 176, .2));--button-on-accent: #06131f;--close-bg: rgba(8, 14, 30, .55);--topbar-bg: rgba(6, 11, 22, .92);--topbar-border: rgba(99, 199, 255, .24);--topbar-shadow: 0 8px 22px rgba(0, 0, 0, .24);--hero-bg: linear-gradient(130deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .01));--panel-bg: linear-gradient(160deg, rgba(17, 29, 59, .75), rgba(8, 15, 33, .6));--card-bg: rgba(8, 14, 30, .45);--faq-card-bg: rgba(8, 14, 30, .55);--faq-card-border: rgba(255, 255, 255, .22);--badge-text: #042018;--beta-badge-text: #2f1b00}[data-theme=light]{--bg-main: #f3f8ff;--text-main: #0f1d3a;--text-soft: #334668;--line: rgba(15, 29, 58, .18);--accent: #0f8b63;--accent-2: #145fb8;--warning: #e8b33f;--page-bg: radial-gradient(circle at 8% 16%, rgba(23, 192, 136, .16) 0, transparent 33%), radial-gradient(circle at 92% 8%, rgba(45, 147, 255, .16) 0, transparent 34%), linear-gradient(160deg, #f3f8ff, #eaf2ff 60%, #f8fbff 100%);--banner-bg: linear-gradient(115deg, rgba(45, 147, 255, .18), rgba(23, 192, 136, .16));--button-on-accent: #ffffff;--close-bg: rgba(241, 248, 255, .96);--topbar-bg: rgba(255, 255, 255, .9);--topbar-border: rgba(45, 147, 255, .3);--topbar-shadow: 0 8px 22px rgba(17, 40, 85, .14);--hero-bg: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(230, 240, 255, .82));--panel-bg: linear-gradient(160deg, rgba(255, 255, 255, .95), rgba(239, 246, 255, .92));--card-bg: rgba(255, 255, 255, .9);--faq-card-bg: linear-gradient(160deg, rgba(245, 251, 255, .98), rgba(233, 245, 255, .95));--faq-card-border: rgba(45, 147, 255, .24);--badge-text: #f5fbff;--beta-badge-text: #2f1b00}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--text-main);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--page-bg);line-height:1.62;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{text-underline-offset:.18em;text-decoration-thickness:.08em}.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:var(--banner-bg);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:var(--button-on-accent);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:var(--close-bg);color:var(--text-main);width:33px;height:33px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer}.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}.hamburger-button{display:none;align-items:center;justify-content:center;flex-direction:column;gap:.24rem;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text-main);cursor:pointer}.hamburger-button span{width:18px;height:2px;border-radius:999px;background:currentColor}.topbar-scrolled{background:var(--topbar-bg);border:1px solid var(--topbar-border);border-radius:14px;box-shadow:var(--topbar-shadow)}.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,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;flex-wrap:wrap;justify-content:flex-end}.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)}.theme-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:.55rem;border:1px solid var(--line);border-radius:999px;padding:.34rem .42rem .34rem .76rem;background:transparent;color:var(--text-main);cursor:pointer;font:inherit;transition:transform .2s ease,border-color .2s ease}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2) 24%,transparent)}.theme-toggle-label{font-size:.84rem;font-weight:600;letter-spacing:.01em}.theme-toggle-switch{position:relative;width:44px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--text-soft) 24%,transparent);transition:background .2s ease}.theme-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 4px 10px #0003;transition:transform .22s ease}.theme-toggle.is-dark .theme-toggle-switch{background:color-mix(in srgb,var(--accent-2) 30%,transparent)}.theme-toggle.is-dark .theme-toggle-knob{transform:translate(20px)}.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}.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)}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03081485;opacity:0;pointer-events:none;transition:opacity .28s ease;z-index:200}.mobile-nav-overlay.is-open{opacity:1;pointer-events:auto}.mobile-nav-drawer{width:min(360px,calc(100vw - 2.4rem));height:100%;padding:1rem;background:var(--topbar-bg);border-right:1px solid var(--topbar-border);box-shadow:18px 0 40px #0000003d;transform:translate(-100%);transition:transform .32s ease;display:flex;flex-direction:column;gap:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav-drawer.is-open{transform:translate(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-weight:700}.mobile-nav-close{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text-main);font-size:1.4rem;line-height:1;cursor:pointer}.mobile-theme-toggle{width:100%}.mobile-nav-links{display:grid;gap:.6rem}.mobile-nav-link{display:block;text-decoration:none;color:var(--text-main);border:1px solid var(--line);border-radius:14px;padding:.92rem 1rem;background:var(--card-bg);font-weight:600}.mobile-nav-link:hover{border-color:var(--accent-2)}.hero{border:1px solid var(--line);border-radius:22px;padding:2.7rem;margin-top:1.2rem;background:var(--hero-bg);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:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin-top:0;margin-bottom:.5rem;line-height:1.14;letter-spacing:.015em}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;font-size:1.05rem}.hero-actions{margin-top:1.7rem;display:flex;flex-wrap:wrap;gap:.7rem}.hero-action-card{display:flex;flex-direction:column;align-items:flex-start;gap:.48rem}.hero-action-card>a:first-child{text-decoration:none;color:var(--button-on-accent);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-action-card>a:first-child:hover{filter:brightness(1.04);transform:translateY(-2px)}.hero-action-learn-more{padding-left:.35rem;color:var(--text-soft);font-size:.94rem;font-weight:600;text-decoration:none}.hero-action-learn-more:hover{color:var(--text-main)}.hero-answer-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.hero-answer-card{border:1px solid var(--line);border-radius:18px;padding:1rem 1.05rem;background:var(--panel-bg)}.hero-answer-card h2{margin:0 0 .45rem;font-size:1.02rem}.hero-answer-card p{margin:0;color:var(--text-soft)}.panel{margin-top:1.3rem;border:1px solid var(--line);border-radius:18px;padding:1.3rem;background:var(--panel-bg);animation:fadeInUp .8s ease both}.section-heading p{margin-top:.35rem;margin-bottom:.9rem;color:var(--text-soft);max-width:65ch}.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:var(--card-bg)}.card h3{font-size:1.14rem;line-height:1.24;margin-bottom:.45rem}.badge{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--badge-text);background:var(--accent);padding:.24rem .42rem;border-radius:999px}.beta-badge{color:var(--beta-badge-text);background:var(--warning)}.card p{color:var(--text-soft);margin-bottom:.7rem;line-height:1.58}.card a{color:var(--accent-2);text-decoration:none;font-weight:600}.card a:hover{text-decoration:underline}.flow ol{margin:0;padding-left:1.1rem;display:grid;gap:.5rem;color:var(--text-soft);line-height:1.58}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.faq-item{border:1px solid var(--faq-card-border);border-radius:14px;padding:1.05rem 1.15rem;background:var(--faq-card-bg);box-shadow:0 8px 20px #121f3f0f;display:grid;gap:.7rem}.faq-item h3{margin:0;line-height:1.16}.faq-item p{color:var(--text-soft);margin:0;line-height:1.58}.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:grid;gap:.8rem}.footer p{margin:0;color:var(--text-soft)}.footer div{display:flex;gap:.55rem .8rem;flex-wrap:wrap}.footer a{color:var(--text-main);text-decoration:none}.footer a:hover{text-decoration:underline}@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}.topbar{position:sticky;min-height:58px;justify-content:center;padding-inline:.75rem}.hamburger-button{display:inline-flex;position:absolute;left:.75rem;top:50%;transform:translateY(-50%)}.brand{justify-content:center;width:auto;margin:0 auto}.header-links{display:none}.hero{padding:1.4rem}.panel{padding:1rem}}