:root{--color-brand-50: #ecfdf5;--color-brand-100: #d1fae5;--color-brand-200: #a7f3d0;--color-brand-300: #6ee7b7;--color-brand-400: #34d399;--color-brand-500: #10b981;--color-brand-600: #059669;--color-brand-700: #047857;--color-brand-800: #065f46;--color-brand-900: #064e3b;--color-accent-500: #f59e0b;--color-accent-600: #d97706;--color-white: #ffffff;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-text: var(--color-neutral-900);--color-text-muted: var(--color-neutral-600);--color-background: var(--color-white);--color-surface: var(--color-neutral-50);--color-border: var(--color-neutral-200);--color-primary: var(--color-brand-600);--color-primary-hover: var(--color-brand-700);--color-primary-text: var(--color-white);--color-secondary: var(--color-neutral-100);--color-secondary-hover: var(--color-neutral-200);--color-secondary-text: var(--color-neutral-900);--color-error: #dc2626;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Noto Sans Arabic", "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "PingFang SC", "Microsoft YaHei", "Hiragino Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-cjk: "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--container-max-width: 75rem;--container-padding: var(--space-4);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--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);--transition-fast: .15s ease;--transition-base: .2s ease;--breakpoint-sm: 40rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem}@media(prefers-color-scheme:dark){:root{--color-text: var(--color-neutral-100);--color-text-muted: var(--color-neutral-400);--color-background: var(--color-neutral-900);--color-surface: var(--color-neutral-800);--color-border: var(--color-neutral-700);--color-secondary: var(--color-neutral-800);--color-secondary-hover: var(--color-neutral-700);--color-secondary-text: var(--color-neutral-100)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;text-align:start}html:lang(zh){font-family:var(--font-cjk)}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background)}#root{min-block-size:100vh;display:flex;flex-direction:column}.container{inline-size:100%;max-inline-size:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-padding)}.site-main{flex:1}.site-header{border-block-end:1px solid var(--color-border);padding-block:var(--space-4)}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand-link{color:var(--color-text);font-weight:var(--font-weight-bold);font-size:var(--text-lg);text-decoration:none}.nav-links{display:flex;align-items:center;gap:var(--space-3)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding-inline:var(--space-4);padding-block:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.button--primary{background-color:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.button--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button--secondary{background-color:var(--color-secondary);color:var(--color-secondary-text);border-color:var(--color-border)}.button--secondary:hover{background-color:var(--color-secondary-hover)}.button--oauth{background-color:var(--color-white);color:var(--color-neutral-700);border-color:var(--color-border)}.button--oauth:hover{background-color:var(--color-neutral-50)}.button--large{padding-inline:var(--space-6);padding-block:var(--space-3);font-size:var(--text-lg)}.button--full{inline-size:100%}.hero{padding-block:var(--space-20);text-align:center}.hero-title{font-size:var(--text-4xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin-block-end:var(--space-6)}@media(min-width:48rem){.hero-title{font-size:var(--text-5xl)}}.hero-lead{font-size:var(--text-xl);color:var(--color-text-muted);max-inline-size:50ch;margin-inline:auto;margin-block-end:var(--space-10)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.field-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-block-end:var(--space-1)}.field-input{display:block;inline-size:100%;padding-inline:var(--space-3);padding-block:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);font-family:inherit;font-size:var(--text-base);margin-block-end:var(--space-4);transition:border-color var(--transition-fast)}.field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-brand-100)}.auth-section,.checkout-section{padding-block:var(--space-16)}.auth-card,.checkout-card{max-inline-size:28rem;margin-inline:auto;padding:var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.auth-title,.checkout-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-block-end:var(--space-4);text-align:center}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin-block:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;block-size:1px;background-color:var(--color-border)}.checkout-lead{text-align:center;color:var(--color-text-muted);margin-block-end:var(--space-8)}.plans{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:48rem){.plans{grid-template-columns:repeat(2,1fr)}}.plan{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-background)}.plan--featured{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.plan-name{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-block-end:var(--space-2)}.plan-price{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin-block-end:var(--space-4)}.plan-features{list-style:none;padding-inline-start:0;margin-block-end:var(--space-6)}.plan-features li{padding-block:var(--space-2);border-block-end:1px solid var(--color-border)}.plan-features li:last-child{border-block-end:none}.site-footer{border-block-start:1px solid var(--color-border);padding-block:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2)}.language-picker{display:flex;align-items:center;gap:var(--space-2)}.language-picker label{font-size:var(--text-sm);color:var(--color-text-muted)}.language-picker select{inline-size:max-content;padding-inline:var(--space-3);padding-block:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);cursor:pointer}.language-picker select:hover,.language-picker select:focus{border-color:var(--color-primary);outline:none}.hero-eyebrow{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--space-4)}.landing-section{padding-block:var(--space-16)}.section-header{text-align:center;margin-block-end:var(--space-12)}.section-title{font-size:var(--text-3xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin-block-end:var(--space-4)}.section-lead{font-size:var(--text-lg);color:var(--color-text-muted);max-inline-size:55ch;margin-inline:auto}.trust-section{background-color:var(--color-surface)}.trust-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:48rem){.trust-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.trust-grid{grid-template-columns:repeat(4,1fr)}}.trust-card{padding:var(--space-6);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.trust-card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-block-end:var(--space-2)}.trust-card p{color:var(--color-text-muted)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:48rem){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.feature-card-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-block-end:var(--space-3)}.feature-card p{color:var(--color-text-muted)}.social-proof-section{background-color:var(--color-surface);text-align:center}.social-proof-card{max-inline-size:60ch;margin-inline:auto;margin-block-start:var(--space-8)}.social-proof-quote{font-size:var(--text-2xl);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-medium);color:var(--color-text);margin-block-end:var(--space-4)}.social-proof-attribution{font-size:var(--text-base);color:var(--color-text-muted)}.closing-cta-section{padding-block:var(--space-20);text-align:center}.closing-cta-inner{max-inline-size:55ch;margin-inline:auto}.closing-cta-title{font-size:var(--text-4xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin-block-end:var(--space-4)}@media(min-width:48rem){.closing-cta-title{font-size:var(--text-5xl)}}.closing-cta-lead{font-size:var(--text-xl);color:var(--color-text-muted);margin-block-end:var(--space-10)}.auth-subtitle{text-align:center;color:var(--color-text-muted);margin-block-end:var(--space-6)}.checkout-status{text-align:center;color:var(--color-text-muted)}.alert-error{padding:var(--space-3);border:1px solid var(--color-error);border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error);margin-block-end:var(--space-4);text-align:center}