:root{--font: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--mono: ui-monospace, 'SFMono-Regular', 'Cascadia Code', Menlo, Consolas, monospace;--bg: #f5f7f6;--bg-alt: #edf2f0;--surface: #ffffff;--surface-2: #f0f3f2;--surface-3: #e6ebe9;--border: #dde3e1;--border-strong: #c5cecb;--text: #15201d;--text-2: #3c4a46;--text-muted: #5f6e6a;--accent: #0f766e;--accent-hover: #0c5f58;--accent-soft: #e0f2ef;--accent-text: #0b5e57;--on-accent: #ffffff;--highlight: #fbbf24;--amber-text: #8a5300;--success: #15803d;--success-soft: #e3f5e9;--line-a: #0f766e;--line-b: #d97706;--line-c: #94a3b8;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 24, 22, 0.06);--shadow: 0 1px 3px rgba(16, 24, 22, 0.08), 0 1px 2px rgba(16, 24, 22, 0.04);--shadow-lg: 0 24px 60px -12px rgba(16, 24, 22, 0.22), 0 2px 6px rgba(16, 24, 22, 0.06);--focus: 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);--grid-line: rgba(15, 118, 110, 0.07);--gutter: 20px;--max: 1160px;color-scheme: light}@media (prefers-color-scheme: dark){:root{--bg: #0d1312;--bg-alt: #111918;--surface: #141c1b;--surface-2: #1a2423;--surface-3: #22302e;--border: #263331;--border-strong: #354643;--text: #e5ecea;--text-2: #c2cdca;--text-muted: #94a3a0;--accent: #2dd4bf;--accent-hover: #5eead4;--accent-soft: #123532;--accent-text: #5eead4;--on-accent: #062925;--amber-text: #fbbf24;--success: #4ade80;--success-soft: #14301f;--line-a: #2dd4bf;--line-b: #fbbf24;--line-c: #64748b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);--shadow: 0 1px 3px rgba(0, 0, 0, 0.45);--shadow-lg: 0 30px 70px -14px rgba(0, 0, 0, 0.7), 0 2px 6px rgba(0, 0, 0, 0.4);--grid-line: rgba(45, 212, 191, 0.06);color-scheme: dark}}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: 84px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}body{margin: 0;font-family: var(--font);font-size: 1rem;line-height: 1.6;background: var(--bg);color: var(--text);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-wrap: break-word}img, svg{max-width: 100%}h1, h2, h3{line-height: 1.2;margin: 0 0 0.5em;letter-spacing: -0.02em;text-wrap: balance}h1{font-size: clamp(2rem, 1.3rem + 3.2vw, 3.4rem);font-weight: 800;letter-spacing: -0.035em}h2{font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2.2rem);font-weight: 750}h3{font-size: 1.125rem;font-weight: 700;letter-spacing: -0.01em}p{margin: 0 0 1em}a{color: var(--accent-text);text-underline-offset: 0.18em;text-decoration-thickness: 1px}a:hover{color: var(--accent-hover)}code, pre{font-family: var(--mono);font-size: 0.9em}code{background: var(--surface-2);border: 1px solid var(--border);padding: 0.08em 0.35em;border-radius: 5px}pre{background: #0d1312;color: #e5ecea;padding: 16px 18px;border-radius: var(--radius);overflow-x: auto;line-height: 1.55;border: 1px solid var(--border-strong)}pre code{background: none;border: 0;padding: 0;color: inherit;font-size: 0.875rem}:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px;border-radius: 4px}::selection{background: color-mix(in srgb, var(--accent) 28%, transparent)}q{quotes: '\201C' '\201D';font-style: italic}main:focus{outline: none}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: absolute;left: 12px;top: -60px;z-index: 100;background: var(--accent);color: var(--on-accent);padding: 10px 16px;border-radius: var(--radius);font-weight: 600;text-decoration: none}.skip-link:focus{top: 12px}.small{font-size: 0.875rem}.muted{color: var(--text-muted)}.container{width: 100%;max-width: var(--max);margin-inline: auto;padding-inline: var(--gutter)}.container.narrow, .narrow{max-width: 820px}@media (max-width: 400px){:root{--gutter: 16px}}.icon{width: 1.25em;height: 1.25em;flex: none;vertical-align: -0.25em}.icon-sm{width: 1em;height: 1em;vertical-align: -0.14em}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5em;min-height: 44px;padding: 0.6em 1.15em;border-radius: var(--radius);font: inherit;font-weight: 650;font-size: 0.975rem;line-height: 1.2;text-decoration: none;text-align: center;border: 1px solid transparent;cursor: pointer;transition: background-color 0.15s, border-color 0.15s, transform 0.15s, box-shadow 0.15s}.btn-primary{background: var(--accent);color: var(--on-accent);box-shadow: 0 6px 18px -8px color-mix(in srgb, var(--accent) 70%, transparent)}.btn-primary:hover{background: var(--accent-hover);color: var(--on-accent);transform: translateY(-1px)}.btn-ghost{background: var(--surface);color: var(--text);border-color: var(--border-strong)}.btn-ghost:hover{border-color: var(--accent);color: var(--accent-text)}.btn-sm{min-height: 38px;padding: 0.45em 0.9em;font-size: 0.9rem}.btn-lg{min-height: 50px;padding: 0.75em 1.35em;font-size: 1.025rem}.btn .icon{transition: transform 0.15s}.btn:hover .icon{transform: translateX(2px)}.link-arrow{display: inline-flex;align-items: center;gap: 0.4em;font-weight: 650;text-decoration: none}.link-arrow:hover{text-decoration: underline}.site-header{position: sticky;top: 0;z-index: 50;background: color-mix(in srgb, var(--bg) 82%, transparent);backdrop-filter: saturate(1.4) blur(12px);-webkit-backdrop-filter: saturate(1.4) blur(12px);border-bottom: 1px solid var(--border)}.header-inner{display: flex;align-items: center;gap: 16px;min-height: 64px}.brand{display: inline-flex;align-items: center;gap: 10px;color: var(--text);text-decoration: none;font-weight: 800;font-size: 1.08rem;letter-spacing: -0.02em}.brand:hover{color: var(--text)}.logo-mark{border-radius: 8px;flex: none}.nav-desktop{display: none;gap: 4px;margin-left: 12px}.nav-link{color: var(--text-2);text-decoration: none;font-weight: 550;font-size: 0.95rem;padding: 8px 12px;border-radius: 8px}.nav-link:hover{color: var(--text);background: var(--surface-2)}.nav-link[aria-current='page']{color: var(--accent-text);background: var(--accent-soft)}.header-actions{margin-left: auto;display: flex;align-items: center;gap: 8px}.nav-login{display: none}.nav-mobile{position: relative}.nav-mobile summary{list-style: none;cursor: pointer;display: grid;place-items: center;width: 42px;height: 42px;border-radius: var(--radius);border: 1px solid var(--border-strong);color: var(--text);background: var(--surface)}.nav-mobile summary::-webkit-details-marker{display: none}.nav-mobile[open] summary{border-color: var(--accent);color: var(--accent-text)}.nav-mobile nav{position: absolute;right: 0;top: calc(100% + 8px);min-width: 220px;padding: 8px;display: flex;flex-direction: column;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg)}.nav-mobile-link{padding: 11px 12px;border-radius: 8px;color: var(--text);text-decoration: none;font-weight: 550}.nav-mobile-link:hover, .nav-mobile-link[aria-current='page']{background: var(--accent-soft);color: var(--accent-text)}@media (max-width: 359px){.brand span{display: none}}@media (min-width: 860px){.nav-desktop{display: flex}.nav-login{display: inline-block}.nav-mobile{display: none}}.section{padding-block: clamp(56px, 8vw, 104px)}.section-tight{padding-block: clamp(28px, 4vw, 48px)}.section-alt{background: var(--bg-alt);border-block: 1px solid var(--border)}.section-head{max-width: 720px;margin-bottom: clamp(28px, 4vw, 48px)}.section-head p:last-child{color: var(--text-2);font-size: 1.075rem;margin: 0}.kicker{display: inline-block;margin: 0 0 12px;font-size: 0.8rem;font-weight: 750;letter-spacing: 0.09em;text-transform: uppercase;color: var(--accent-text)}.lede{font-size: clamp(1.05rem, 1rem + 0.35vw, 1.22rem);color: var(--text-2);max-width: 62ch}.section-more{margin: 32px 0 0}.note{display: flex;gap: 10px;align-items: flex-start;padding: 12px 14px;border-radius: var(--radius);background: var(--accent-soft);color: var(--text-2);font-size: 0.95rem}.note .icon{margin-top: 0.3em;color: var(--accent-text)}.hero{position: relative;overflow: hidden;padding-block: clamp(40px, 7vw, 96px) clamp(56px, 8vw, 104px)}.hero::before{content: '';position: absolute;inset: 0;z-index: -1;pointer-events: none;background-image: linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size: 44px 44px;mask-image: radial-gradient(ellipse 80% 70% at 60% 30%, #000 30%, transparent 75%);-webkit-mask-image: radial-gradient(ellipse 80% 70% at 60% 30%, #000 30%, transparent 75%)}.hero::after{content: '';position: absolute;z-index: -1;pointer-events: none;width: 640px;height: 640px;right: -160px;top: -200px;background: radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 65%)}.hero-grid{display: grid;gap: 48px;align-items: center}@media (min-width: 980px){.hero-grid{grid-template-columns: 1.05fr 1fr;gap: 56px}}.eyebrow{display: inline-flex;align-items: center;gap: 8px;margin-bottom: 20px;padding: 6px 12px 6px 10px;border-radius: 999px;border: 1px solid var(--border-strong);background: var(--surface);font-size: 0.85rem;font-weight: 600;color: var(--text-2)}.dot{width: 8px;height: 8px;border-radius: 50%;background: var(--highlight);box-shadow: 0 0 0 3px color-mix(in srgb, var(--highlight) 30%, transparent)}.hl{background: linear-gradient(transparent 62%, color-mix(in srgb, var(--highlight) 45%, transparent) 62%, color-mix(in srgb, var(--highlight) 45%, transparent) 92%, transparent 92%);-webkit-box-decoration-break: clone;box-decoration-break: clone}.hero .lede{margin-bottom: 28px}.hero-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 24px}@media (max-width: 479px){.hero-actions .btn{width: 100%}}.hero-meta{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 8px 20px;color: var(--text-muted);font-size: 0.92rem}.hero-meta li{display: inline-flex;align-items: center;gap: 6px}.hero-meta .icon{color: var(--success)}.mock{position: relative;margin: 0}.hero-visual .mock{animation: rise 0.8s 0.15s cubic-bezier(0.2, 0.7, 0.2, 1) both;padding-bottom: 36px}.mock-window{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);overflow: hidden}.mock-bar{display: flex;align-items: center;gap: 6px;padding: 10px 14px;border-bottom: 1px solid var(--border);background: var(--surface-2);font-size: 0.72rem;color: var(--text-muted)}.mock-bar span{width: 9px;height: 9px;border-radius: 50%;background: var(--border-strong)}.mock-bar b{font-weight: 500;margin-left: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0}.mock-body{padding: clamp(14px, 3vw, 22px)}.mock-head{display: flex;gap: 12px;align-items: center;margin-bottom: 16px}.mock-thumb{width: 44px;height: 44px;border-radius: 10px;display: grid;place-items: center;flex: none;background: var(--accent-soft);color: var(--accent-text)}.mock-title{margin: 0;font-weight: 750;font-size: 1rem;line-height: 1.3}.mock-sub{margin: 0;color: var(--text-muted);font-size: 0.8rem}.mock-stats{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;margin-bottom: 14px}.mock-stat{border: 1px solid var(--border);border-radius: var(--radius);padding: 10px;display: flex;flex-direction: column;gap: 2px;min-width: 0}.mock-stat span{font-size: 0.62rem;letter-spacing: 0.06em;text-transform: uppercase;color: var(--text-muted);font-weight: 650;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.mock-stat strong{font-size: clamp(0.9rem, 0.75rem + 0.7vw, 1.15rem);font-variant-numeric: tabular-nums}.mock-stat small{font-size: 0.66rem;color: var(--text-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.mock-stat--best{background: linear-gradient(160deg, var(--accent-soft), transparent 80%);border-color: color-mix(in srgb, var(--accent) 35%, var(--border))}.pos{color: var(--success)}.pill{font-style: normal;font-size: 0.66rem;font-weight: 700;padding: 1px 6px;border-radius: 999px;align-self: flex-start}.pill--down{background: var(--success-soft);color: var(--success)}.mock-chart{border: 1px solid var(--border);border-radius: var(--radius);padding: 10px 8px 6px;margin-bottom: 12px}.mock-chart svg{display: block;width: 100%;height: auto;overflow: visible}.mock-chart .grid path{stroke: var(--border);stroke-width: 1;stroke-dasharray: 3 4;vector-effect: non-scaling-stroke}.line{fill: none;stroke-width: 2.5;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1;animation: draw 1.6s cubic-bezier(0.4, 0, 0.2, 1) both}.line--a{stroke: var(--line-a);animation-delay: 0.35s}.line--b{stroke: var(--line-b);stroke-width: 3;animation-delay: 0.5s;animation-duration: 1.9s}.line--c{stroke: var(--line-c);animation-delay: 0.2s}.drop-dot{fill: var(--line-b);animation: pop 0.4s 2.3s both}.drop-ring{fill: none;stroke: var(--line-b);stroke-width: 2;transform-box: fill-box;transform-origin: center;animation: ring 2.2s 2.4s ease-out infinite;opacity: 0}.mock-stores{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px;font-size: 0.85rem}.mock-stores li{display: flex;align-items: center;gap: 8px;padding: 7px 10px;border-radius: 8px;background: var(--surface-2)}.mock-stores span{margin-left: auto;font-variant-numeric: tabular-nums;font-weight: 650}.mock-stores em{font-style: normal;font-size: 0.68rem;font-weight: 700;padding: 1px 7px;border-radius: 999px;background: color-mix(in srgb, var(--highlight) 28%, transparent);color: var(--amber-text)}.mock-stores .is-best{background: color-mix(in srgb, var(--line-b) 12%, var(--surface-2));outline: 1px solid color-mix(in srgb, var(--line-b) 40%, transparent)}.sw{width: 10px;height: 10px;border-radius: 3px;flex: none}.sw--a{background: var(--line-a)}.sw--b{background: var(--line-b)}.sw--c{background: var(--line-c)}.toast{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: min(92%, 380px);display: flex;gap: 12px;align-items: center;padding: 12px 14px;background: var(--surface);border: 1px solid var(--border);border-left: 4px solid var(--line-b);border-radius: var(--radius);box-shadow: var(--shadow-lg);font-size: 0.85rem;animation: toast-in 0.55s 2.5s cubic-bezier(0.2, 0.8, 0.2, 1.2) both}.toast-icon{width: 34px;height: 34px;border-radius: 50%;display: grid;place-items: center;flex: none;background: color-mix(in srgb, var(--highlight) 25%, transparent);color: var(--amber-text)}.toast strong{display: block;font-size: 0.9rem}.toast span{color: var(--text-muted)}@media (max-width: 639px){.toast{position: relative;left: auto;transform: none;margin: -14px auto 0}.hero-visual .mock{padding-bottom: 0}}@media (min-width: 640px){.toast{left: auto;right: -12px;transform: none}.hero-visual .mock{padding-bottom: 44px}}.mock--research .mock-window{max-width: 480px;margin-inline: auto}.research-q{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;padding: 10px 12px;margin-bottom: 12px;border-radius: var(--radius);border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background: var(--accent-soft);font-size: 0.85rem;color: var(--accent-text);font-weight: 650}.research-q b{margin-left: auto;color: var(--text);font-weight: 600;background: var(--surface);padding: 2px 8px;border-radius: 6px;border: 1px solid var(--border)}.research-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.research-list li{display: flex;align-items: center;gap: 10px;padding: 10px 12px;border: 1px solid var(--border);border-radius: var(--radius);animation: rise 0.5s both}.research-list li:nth-child(2){animation-delay: 0.12s}.research-list li:nth-child(3){animation-delay: 0.24s;opacity: 0.65}.research-list div{display: flex;flex-direction: column;min-width: 0}.research-list strong{font-size: 0.9rem}.research-list small{color: var(--text-muted);font-size: 0.75rem}.research-list > li > span{margin-left: auto;font-weight: 700;font-variant-numeric: tabular-nums;font-size: 0.9rem}.tick{width: 22px;height: 22px;border-radius: 6px;display: grid;place-items: center;flex: none;border: 1.5px solid var(--border-strong);color: var(--text-muted)}.tick .icon{width: 14px;height: 14px}.tick.on{background: var(--accent);border-color: var(--accent);color: var(--on-accent)}.research-foot{margin: 12px 0 0;text-align: center;padding: 9px;border-radius: var(--radius);background: var(--accent);color: var(--on-accent);font-weight: 650;font-size: 0.875rem}.steps{list-style: none;margin: 0;padding: 0;display: grid;gap: 16px;counter-reset: step}@media (min-width: 720px){.steps{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px}}@media (min-width: 1040px){.steps{grid-template-columns: repeat(4, minmax(0, 1fr))}}.steps li{position: relative;padding: 24px 22px;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm)}.steps p{margin: 0;color: var(--text-2);font-size: 0.95rem}.step-n{display: grid;place-items: center;width: 36px;height: 36px;margin-bottom: 16px;border-radius: 10px;background: var(--accent);color: var(--on-accent);font-weight: 800;font-variant-numeric: tabular-nums}.steps li:last-child .step-n{background: var(--highlight);color: #3d2b00}.card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm)}.card-grid{list-style: none;margin: 0;padding: 0;display: grid;gap: 16px;grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr))}.feature{padding: 24px;transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s}.feature:hover{transform: translateY(-3px);border-color: color-mix(in srgb, var(--accent) 40%, var(--border));box-shadow: var(--shadow)}.feature p{margin: 0;color: var(--text-2);font-size: 0.95rem}.feature-icon{display: inline-grid;place-items: center;width: 44px;height: 44px;margin-bottom: 16px;border-radius: 12px;background: var(--accent-soft);color: var(--accent-text)}.split{display: grid;gap: 40px;align-items: center}@media (min-width: 900px){.split{grid-template-columns: 1fr 1fr;gap: 64px}}.split-copy p{color: var(--text-2)}.chips{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 10px}.chips li{display: inline-flex;align-items: center;gap: 8px;padding: 10px 16px;border-radius: 999px;background: var(--surface);border: 1px solid var(--border);font-weight: 650;box-shadow: var(--shadow-sm)}.chips .icon{color: var(--accent-text)}.choose{display: grid;gap: 20px}@media (min-width: 800px){.choose{grid-template-columns: 1fr 1fr}}.choose-card{padding: clamp(22px, 4vw, 32px);display: flex;flex-direction: column;gap: 4px;align-items: flex-start}.choose-card h3{display: flex;align-items: center;gap: 10px;font-size: 1.3rem}.choose-card h3 .icon{color: var(--accent-text)}.choose-card p{color: var(--text-2)}.choose-card .btn{margin: 8px 0 12px}.choose-card--primary{border-color: color-mix(in srgb, var(--accent) 45%, var(--border));background: linear-gradient(170deg, var(--accent-soft), var(--surface) 55%)}.ticks{list-style: none;padding: 0;margin: 0 0 1em;display: grid;gap: 8px}.ticks li{position: relative;padding-left: 28px;color: var(--text-2)}.ticks li::before{content: '';position: absolute;left: 0;top: 0.3em;width: 18px;height: 18px;border-radius: 50%;background: var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f766e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat}@media (prefers-color-scheme: dark){.ticks li::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235eead4' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}}.faq-list{display: grid;gap: 10px}.faq-item{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);transition: border-color 0.2s}.faq-item[open]{border-color: color-mix(in srgb, var(--accent) 40%, var(--border))}.faq-item summary{list-style: none;cursor: pointer;display: flex;align-items: center;gap: 16px;padding: 18px 20px;border-radius: var(--radius-lg)}.faq-item summary::-webkit-details-marker{display: none}.faq-item summary::after{content: '';flex: none;margin-left: auto;width: 12px;height: 12px;border-right: 2px solid var(--text-muted);border-bottom: 2px solid var(--text-muted);transform: translateY(-3px) rotate(45deg);transition: transform 0.2s}.faq-item[open] summary::after{transform: translateY(3px) rotate(225deg)}.faq-q{margin: 0;font-size: 1.05rem;font-weight: 650;letter-spacing: -0.01em}.faq-a{padding: 0 20px 18px;color: var(--text-2)}.faq-a > :last-child{margin-bottom: 0}.faq-a ul{padding-left: 1.2em;margin: 0 0 1em}.faq-page{padding-bottom: clamp(40px, 6vw, 72px)}.faq-group{margin-top: 40px}.faq-group h2{font-size: 1.4rem}.breadcrumb{padding-top: 20px}.breadcrumb ol{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 6px;font-size: 0.875rem;color: var(--text-muted)}.breadcrumb li + li::before{content: '/';margin-right: 6px;color: var(--border-strong)}.breadcrumb a{color: var(--text-muted);text-decoration: none}.breadcrumb a:hover{color: var(--accent-text);text-decoration: underline}.page-hero{padding-block: clamp(28px, 5vw, 56px) clamp(20px, 3vw, 32px)}.page-hero h1{font-size: clamp(1.9rem, 1.3rem + 2.6vw, 3rem)}.toc{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 8px}.toc a{padding: 6px 12px;border-radius: 999px;border: 1px solid var(--border);background: var(--surface);color: var(--text-2);text-decoration: none;font-size: 0.875rem;font-weight: 550}.toc a:hover{border-color: var(--accent);color: var(--accent-text)}.feature-blocks{display: grid;gap: 16px;padding-bottom: clamp(40px, 6vw, 72px)}.feature-block{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: clamp(20px, 4vw, 32px)}.feature-block-head{display: flex;align-items: center;gap: 14px;margin-bottom: 8px}.feature-block-head .feature-icon{margin: 0}.feature-block h2{font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.55rem);margin: 0}.feature-block > p{color: var(--text-2)}.feature-block .ticks{margin: 0}.prose{padding-bottom: clamp(40px, 6vw, 72px)}.prose h2{font-size: clamp(1.3rem, 1.15rem + 0.6vw, 1.6rem);margin-top: 1.8em}.prose section:first-child h2, .prose > h2:first-child{margin-top: 0.4em}.prose p, .prose li{color: var(--text-2)}.prose ul:not(.ticks){padding-left: 1.25em}.prose ul:not(.ticks) li{margin-bottom: 0.4em}.prose strong{color: var(--text)}.prose pre{margin: 0 0 1.2em}.legal h2{font-size: 1.3rem}.plans{display: grid;gap: 20px;max-width: 920px;margin-inline: auto}@media (min-width: 760px){.plans{grid-template-columns: 1fr 1fr}}.plan{padding: clamp(22px, 4vw, 32px);display: flex;flex-direction: column}.plan .btn{margin-top: auto}.plan--featured{border: 2px solid var(--accent);box-shadow: var(--shadow-lg)}.plan-name{font-weight: 750;text-transform: uppercase;letter-spacing: 0.08em;font-size: 0.85rem;color: var(--accent-text);margin-bottom: 6px}.plan-price{display: flex;align-items: baseline;flex-wrap: wrap;gap: 10px;margin-bottom: 18px}.plan-price .amount{font-size: 3rem;font-weight: 800;letter-spacing: -0.04em;line-height: 1}.plan-price .per{color: var(--text-muted);font-size: 0.95rem}.table-wrap{overflow-x: auto;border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);margin-bottom: 1.2em}.compare{width: 100%;border-collapse: collapse;font-size: 0.95rem}.compare th, .compare td{text-align: left;padding: 12px 14px;border-bottom: 1px solid var(--border);vertical-align: top}.compare tbody tr:last-child > *{border-bottom: 0}.compare thead th{background: var(--surface-2);font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-muted)}.compare tbody th{font-weight: 600;color: var(--text)}.compare td{color: var(--text-2)}@media (max-width: 520px){.compare{font-size: 0.85rem}.compare th, .compare td{padding: 10px 10px}}.cta-band{padding-block: clamp(48px, 7vw, 88px)}.cta-inner{display: grid;gap: 24px;align-items: center;padding: clamp(28px, 5vw, 52px);border-radius: 24px;background: radial-gradient(circle at 90% 10%, rgba(251, 191, 36, 0.28), transparent 40%), linear-gradient(135deg, #0f766e, #0b4f4a);color: #f0fdfa;position: relative;overflow: hidden}.cta-inner h2{color: #fff;margin-bottom: 0.3em}.cta-inner p{color: #ccfbf1;margin: 0;max-width: 56ch}.cta-actions{display: flex;flex-wrap: wrap;gap: 12px}.cta-inner .btn-primary{background: #fff;color: #0b4f4a;box-shadow: none}.cta-inner .btn-primary:hover{background: #f0fdfa;color: #0b4f4a}.cta-inner .btn-ghost{background: transparent;color: #fff;border-color: rgba(255, 255, 255, 0.45)}.cta-inner .btn-ghost:hover{border-color: #fff;color: #fff}@media (min-width: 900px){.cta-inner{grid-template-columns: 1fr auto}}@media (max-width: 479px){.cta-actions .btn{width: 100%}}.notfound{padding-bottom: clamp(48px, 8vw, 96px)}.notfound-links{list-style: none;padding: 0;margin: 0 0 24px;display: grid;gap: 8px;grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr))}.notfound-links a{display: block;padding: 12px 16px;border-radius: var(--radius);border: 1px solid var(--border);background: var(--surface);font-weight: 600;text-decoration: none}.notfound-links a:hover{border-color: var(--accent)}.site-footer{border-top: 1px solid var(--border);background: var(--bg-alt);padding-top: 48px;font-size: 0.95rem}.footer-grid{display: grid;gap: 32px;grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr))}.footer-brand{grid-column: 1 / -1;max-width: 360px}@media (min-width: 900px){.footer-grid{grid-template-columns: 1.6fr 1fr 1fr 1fr}.footer-brand{grid-column: auto}}.footer-brand p{color: var(--text-muted);margin-top: 12px}.site-footer h2{font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.09em;color: var(--text-muted);margin-bottom: 12px}.site-footer ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.site-footer nav a{color: var(--text-2);text-decoration: none}.site-footer nav a:hover{color: var(--accent-text);text-decoration: underline}.footer-bottom{margin-top: 40px;padding-block: 20px 28px;border-top: 1px solid var(--border);color: var(--text-muted);font-size: 0.875rem}.footer-bottom p{margin: 0}@keyframes rise{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: none}}@keyframes draw{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@keyframes pop{from{opacity: 0;transform: scale(0)}to{opacity: 1;transform: scale(1)}}@keyframes ring{0%{opacity: 0.8;transform: scale(0.6)}80%, 100%{opacity: 0;transform: scale(2.2)}}@keyframes toast-in{from{opacity: 0;translate: 0 16px}to{opacity: 1;translate: 0 0}}.drop-dot{transform-box: fill-box;transform-origin: center}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important;transition: none !important}}