:root{--bg-base: #edf2f8;--bg-surface: #edf2f8;--bg-surface-elevated: #f4f7fc;--bg-inset: #e2e8f2;--bg-overlay: rgba(0, 0, 0, .4);--bg-modal: #ffffff;--bg-modal-header: #ffffff;--bg-modal-footer: #f8fafc;--bg-modal-inset: #f8fafc;--border-modal: 1px solid rgba(0, 0, 0, .07);--border-modal-subtle: 1px solid rgba(0, 0, 0, .05);--border-modal-inset: 1px solid rgba(0, 0, 0, .06);--shadow-modal: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .03);--border-subtle: 1px solid rgba(255, 255, 255, .85);--border-card: 1px solid rgba(255, 255, 255, .75);--border-inset: 1px solid rgba(160, 175, 200, .2);--border-color: rgba(160, 175, 200, .25);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverse: #ffffff;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-active: #3730a3;--color-primary-surface: #e0e7ff;--color-primary-text: #ffffff;--color-success: #10b981;--color-success-hover: #059669;--color-success-surface: #d1fae5;--color-success-text: #065f46;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-surface: #fef3c7;--color-warning-text: #92400e;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-surface: #fee2e2;--color-danger-text: #991b1b;--color-info: #0284c7;--color-info-hover: #0369a1;--color-info-surface: #e0f2fe;--color-info-text: #075985;--shadow-flat: 0 1px 3px rgba(15, 23, 42, .04);--shadow-raised-xs: 2px 2px 5px rgba(160, 175, 200, .22), -2px -2px 5px rgba(255, 255, 255, .95);--shadow-raised-sm: 4px 4px 10px rgba(160, 175, 200, .24), -4px -4px 10px rgba(255, 255, 255, .95), 0 1px 2px rgba(160, 175, 200, .08);--shadow-raised-md: 6px 6px 16px rgba(160, 175, 200, .26), -6px -6px 16px rgba(255, 255, 255, 1), 0 2px 4px rgba(160, 175, 200, .06);--shadow-raised-lg: 10px 10px 24px rgba(160, 175, 200, .3), -10px -10px 24px rgba(255, 255, 255, 1), 0 4px 8px rgba(160, 175, 200, .06);--shadow-raised-xl: 16px 16px 36px rgba(160, 175, 200, .32), -16px -16px 36px rgba(255, 255, 255, 1), 0 6px 12px rgba(160, 175, 200, .08);--shadow-inset-xs: inset 1px 1px 3px rgba(160, 175, 200, .28), inset -1px -1px 3px rgba(255, 255, 255, .85);--shadow-inset-sm: inset 2px 2px 5px rgba(160, 175, 200, .32), inset -2px -2px 5px rgba(255, 255, 255, .9);--shadow-inset-md: inset 3px 3px 8px rgba(160, 175, 200, .36), inset -3px -3px 8px rgba(255, 255, 255, .95);--shadow-pressed: inset 2px 2px 4px rgba(160, 175, 200, .32), inset -1px -1px 2px rgba(255, 255, 255, .8);--shadow-glow-primary: 0 4px 14px rgba(79, 70, 229, .32), inset 0 1px 1px rgba(255, 255, 255, .28);--shadow-glow-danger: 0 4px 14px rgba(239, 68, 68, .32), inset 0 1px 1px rgba(255, 255, 255, .28);--shadow-glow-success: 0 4px 14px rgba(16, 185, 129, .32), inset 0 1px 1px rgba(255, 255, 255, .28);--shadow-sm: var(--shadow-raised-sm);--shadow-md: var(--shadow-raised-md);--shadow-lg: var(--shadow-raised-lg);--surface-convex: linear-gradient(145deg, #f5f8fd, #e4ebf5);--surface-concave: linear-gradient(145deg, #e4ebf5, #f5f8fd);--surface-flat: #edf2f8;--radius-xs: 5px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--space-0-5: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--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;--focus-ring: 0 0 0 3px rgba(79, 70, 229, .25);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .22s cubic-bezier(.16, 1, .3, 1);--transition-slow: .35s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-base: #0f131d;--bg-surface: #151a27;--bg-surface-elevated: #1c2233;--bg-inset: #0b0e15;--bg-overlay: rgba(0, 0, 0, .6);--bg-modal: #161c28;--bg-modal-header: #161c28;--bg-modal-footer: #121722;--bg-modal-inset: #10141e;--border-modal: 1px solid rgba(255, 255, 255, .09);--border-modal-subtle: 1px solid rgba(255, 255, 255, .06);--border-modal-inset: 1px solid rgba(255, 255, 255, .07);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .09);--border-subtle: 1px solid rgba(255, 255, 255, .08);--border-card: 1px solid rgba(255, 255, 255, .07);--border-inset: 1px solid rgba(255, 255, 255, .04);--border-color: rgba(255, 255, 255, .07);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-active: #4338ca;--color-primary-surface: #22263d;--color-primary-text: #ffffff;--color-success: #10b981;--color-success-hover: #059669;--color-success-surface: #064e3b;--color-success-text: #a7f3d0;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-surface: #78350f;--color-warning-text: #fde68a;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-surface: #7f1d1d;--color-danger-text: #fecaca;--color-info: #38bdf8;--color-info-hover: #0284c7;--color-info-surface: #0c4a6e;--color-info-text: #bae6fd;--shadow-flat: 0 1px 3px rgba(0, 0, 0, .45);--shadow-raised-xs: 2px 2px 5px rgba(0, 0, 0, .45), -1px -1px 4px rgba(35, 45, 68, .35);--shadow-raised-sm: 4px 4px 10px rgba(0, 0, 0, .5), -2px -2px 8px rgba(35, 45, 68, .4);--shadow-raised-md: 6px 6px 16px rgba(0, 0, 0, .55), -3px -3px 12px rgba(35, 45, 68, .45);--shadow-raised-lg: 10px 10px 24px rgba(0, 0, 0, .6), -4px -4px 16px rgba(35, 45, 68, .5);--shadow-raised-xl: 16px 16px 36px rgba(0, 0, 0, .7), -6px -6px 22px rgba(35, 45, 68, .55);--shadow-inset-xs: inset 1px 1px 3px rgba(0, 0, 0, .6), inset -1px -1px 3px rgba(35, 45, 68, .25);--shadow-inset-sm: inset 2px 2px 6px rgba(0, 0, 0, .65), inset -2px -2px 5px rgba(35, 45, 68, .3);--shadow-inset-md: inset 3px 3px 8px rgba(0, 0, 0, .7), inset -3px -3px 7px rgba(35, 45, 68, .35);--shadow-pressed: inset 2px 2px 5px rgba(0, 0, 0, .65), inset -1px -1px 3px rgba(35, 45, 68, .25);--shadow-glow-primary: 0 4px 16px rgba(99, 102, 241, .4), inset 0 1px 1px rgba(255, 255, 255, .2);--shadow-glow-danger: 0 4px 16px rgba(239, 68, 68, .4), inset 0 1px 1px rgba(255, 255, 255, .2);--shadow-glow-success: 0 4px 16px rgba(16, 185, 129, .4), inset 0 1px 1px rgba(255, 255, 255, .2);--surface-convex: linear-gradient(145deg, #1b2131, #111520);--surface-concave: linear-gradient(145deg, #111520, #1b2131);--surface-flat: #151a27;--focus-ring: 0 0 0 3px rgba(99, 102, 241, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.25;letter-spacing:-.015em}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-inset);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.neu-raised-xs{background:var(--bg-surface);border:var(--border-card);box-shadow:var(--shadow-raised-xs);border-radius:var(--radius-sm)}.neu-raised-sm{background:var(--bg-surface);border:var(--border-card);box-shadow:var(--shadow-raised-sm);border-radius:var(--radius-md)}.neu-raised-md{background:var(--bg-surface);border:var(--border-card);box-shadow:var(--shadow-raised-md);border-radius:var(--radius-lg)}.neu-raised-lg{background:var(--bg-surface);border:var(--border-card);box-shadow:var(--shadow-raised-lg);border-radius:var(--radius-xl)}.neu-inset-xs{background:var(--bg-inset);border:var(--border-inset);box-shadow:var(--shadow-inset-xs);border-radius:var(--radius-xs)}.neu-inset-sm{background:var(--bg-inset);border:var(--border-inset);box-shadow:var(--shadow-inset-sm);border-radius:var(--radius-md)}.neu-inset-md{background:var(--bg-inset);border:var(--border-inset);box-shadow:var(--shadow-inset-md);border-radius:var(--radius-lg)}.neu-convex{background:var(--surface-convex);border:var(--border-card);box-shadow:var(--shadow-raised-md);border-radius:var(--radius-lg)}.neu-concave{background:var(--surface-concave);border:var(--border-card);box-shadow:var(--shadow-raised-md);border-radius:var(--radius-lg)}.neu-input:focus{border-color:var(--color-primary)!important;box-shadow:var(--shadow-inset-xs),var(--focus-ring)!important}.neu-input.neu-input-error:focus{border-color:var(--color-danger)!important}.neu-input.neu-input-success:focus{border-color:var(--color-success)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes modalScale{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseShimmer{0%{opacity:.55}50%{opacity:.95}to{opacity:.55}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .22s cubic-bezier(.16,1,.3,1) forwards}.animate-shimmer{animation:pulseShimmer 1.7s ease-in-out infinite}.hide-on-mobile{display:block}.show-on-mobile{display:none}@media (max-width: 680px){.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}button,a{-webkit-tap-highlight-color:transparent}}.landing-page-wrapper{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;padding:48px 24px 80px;gap:64px;width:100%}.landing-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full, 9999px);background:var(--color-primary-surface, rgba(99, 102, 241, .08));border:1px solid var(--border-color, rgba(99, 102, 241, .2));max-width:100%;flex-wrap:wrap;justify-content:center}.landing-shortener-row{display:flex;gap:12px;align-items:stretch}.landing-shortener-input-col{flex:1 1 420px}.landing-shortener-btn{min-width:160px;height:48px}.landing-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:6px;width:100%}.landing-result-card-inner{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:12px;gap:12px;flex-wrap:wrap}.landing-result-actions{display:flex;gap:8px;align-items:center}.landing-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 28px;border-radius:var(--radius-lg, 16px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-raised-sm)}.landing-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.landing-google-banner{background:linear-gradient(135deg,#6366f114,#a855f714);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-lg, 16px);padding:36px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}@media (max-width: 1024px){.landing-page-wrapper{padding:36px 20px 64px;gap:48px}.landing-features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.landing-stats-grid{grid-template-columns:repeat(4,1fr);padding:20px 16px;gap:14px}.landing-hero-pill{padding:6px 12px}}@media (max-width: 640px){.landing-page-wrapper{padding:20px 14px 48px;gap:32px}.landing-hero-pill{padding:6px 10px;font-size:11.5px;border-radius:12px;text-align:center}.landing-shortener-row{flex-direction:column;gap:10px}.landing-shortener-input-col{flex:1 1 100%;width:100%}.landing-shortener-btn{width:100%!important;min-width:100%!important;height:48px;font-size:15px;font-weight:700}.landing-hero-ctas{flex-direction:column;width:100%;gap:10px}.landing-hero-ctas>button{width:100%!important;height:48px;justify-content:center}.landing-result-card-inner{flex-direction:column;align-items:flex-start;padding:12px;gap:10px}.landing-result-actions{width:100%;display:flex;gap:8px}.landing-result-actions>button{flex:1;height:42px;justify-content:center}.landing-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 12px}.landing-stats-grid>div{padding:10px 6px;background:var(--bg-base, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0)}.landing-features-grid{grid-template-columns:1fr;gap:14px}.landing-google-banner{flex-direction:column;text-align:center;padding:24px 16px;gap:18px}.landing-google-banner>div:first-child{display:flex;flex-direction:column;align-items:center}.landing-google-banner-btn{width:100%!important;max-width:100%!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}