@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,700&family=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --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); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.split-container{display:flex;min-height:100vh;width:100vw;font-family:Helvetica,sans-serif;background:#faf8ff}.left-panel{flex:1;display:flex;justify-content:center;align-items:center;background:#faf8ff}.signup-card{background:#fff;padding:3rem 2.5rem;border-radius:20px;box-shadow:0 12px 30px #00000014;width:100%;max-width:400px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.signup-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0000001f}.right-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#9b5de5,#1c0332);color:#fff;text-align:center}.right-panel h1{margin-bottom:1rem}.right-panel p{opacity:.85;max-width:300px}.form-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:2rem}.icon{height:50px;width:50px}.name-fields{display:flex;gap:1rem;flex-wrap:wrap}.error-message{color:red;font-size:10}.name-fields .input-group{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.input-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.input-group label{font-size:.9rem;font-weight:500;color:#555;margin-bottom:.4rem;text-align:left;margin-left:5px}.input-group .input{padding:10px 14px;font-size:1rem;border:1px solid #ccc;border-radius:8px;outline:none;background:#faf8ff;color:#111;transition:all .2s ease}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:#111!important;box-shadow:0 0 0 1000px #faf8ff inset!important;-webkit-box-shadow:0 0 0 1000px #faf8ff inset!important;transition:background-color 5000s ease-in-out 0s}.signup-btn{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(45deg,#9b5de5,#7b2cbf);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}@media(max-width:900px){.split-container{flex-direction:column}.right-panel{order:-1;padding:2rem 1.5rem}}:root{--white: #ffffff;--gray-50: #f5f5fb;--gray-100: #eef0f8;--gray-200: #e2e4ef;--gray-300: #c4b5fd;--gray-500: #9090b0;--gray-700: #4b4b6a;--ink: #111118;--accent: #7c3aed;--accent-dark: #6d28d9;--accent-light: rgba(109,40,217,.07);--accent-glow: rgba(109,40,217,.2);--accent-border: rgba(109,40,217,.15);--surface: var(--gray-50);--surface-raised: var(--white);--border: rgba(109,40,217,.1);--border-md: #e2e4ef;--text-primary: var(--ink);--text-secondary: var(--gray-700);--text-muted: var(--gray-500);--r-sm: 10px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--shadow-sm: 0 2px 8px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(109,40,217,.1), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 12px 40px rgba(109,40,217,.12), 0 4px 12px rgba(0,0,0,.06);--font-display: "Inter", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--t: .2s cubic-bezier(.4,0,.2,1)}body{font-family:var(--font-body);background:var(--white);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}.landing-container{width:100%;overflow-x:hidden}button{cursor:pointer;font-family:var(--font-body)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);font-size:.93rem;font-weight:600;white-space:nowrap;transition:background var(--t),transform var(--t),box-shadow var(--t);box-shadow:0 1px 3px #635bff59,inset 0 1px #ffffff1f;text-decoration:none;font-family:var(--font-body)}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 16px #635bff59}.btn-primary:active{transform:translateY(0)}.btn-primary.btn-lg{padding:14px 28px;font-size:.97rem}.btn-icon{height:20px;width:20px;flex-shrink:0}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;background:var(--white);color:var(--text-primary);border:1px solid var(--border-md);border-radius:var(--r-sm);font-size:.93rem;font-weight:600;white-space:nowrap;transition:border-color var(--t),box-shadow var(--t),transform var(--t);box-shadow:var(--shadow-sm);font-family:var(--font-body)}.btn-outline:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline.btn-lg{padding:14px 28px;font-size:.97rem}.btn-ghost{background:none;border:none;color:var(--text-secondary);font-size:.92rem;font-weight:500;padding:12px 6px;transition:color var(--t);font-family:var(--font-body)}.btn-ghost:hover{color:var(--text-primary)}.section-header{text-align:center;max-width:580px;margin:0 auto 3.5rem;padding:0 1rem}.section-eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-border);padding:.28rem .8rem;border-radius:100px;margin-bottom:1.1rem}.section-header h2{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.18;margin-bottom:.85rem}.section-sub{font-size:1rem;color:var(--text-secondary);line-height:1.65;max-width:480px;margin:0 auto}.hero{position:relative;padding:8rem 7% 5rem;min-height:100vh;display:flex;align-items:center;background:var(--white);overflow:hidden}.hero-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mesh-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}.mesh-blob--1{width:600px;height:600px;top:-150px;right:-80px;background:radial-gradient(circle,#e2e4ef 0%,#c4b5fd 40%,transparent 70%)}.mesh-blob--2{width:400px;height:400px;bottom:-60px;left:-100px;background:radial-gradient(circle,#f5f5fb 0%,#ddd6fe 50%,transparent 70%);opacity:.5}.mesh-blob--3{width:300px;height:300px;top:40%;left:40%;background:radial-gradient(circle,rgba(109,40,217,.05) 0%,transparent 70%);opacity:.8}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(99,91,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,91,255,.03) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.hero-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;gap:5rem}.hero-left{flex:1;max-width:540px}.free-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#15803d;background:#15803d12;border:1px solid rgba(21,128,61,.2);padding:.3rem .85rem;border-radius:100px;margin-bottom:1.4rem;opacity:0;animation:fadeUp .5s ease .05s forwards}.free-badge-pip{width:6px;height:6px;border-radius:50%;background:#15803d;flex-shrink:0;animation:pip-green-pulse 2.5s ease infinite}@keyframes pip-green-pulse{0%,to{box-shadow:0 0 4px #15803d80}50%{box-shadow:0 0 10px #15803dcc,0 0 20px #15803d4d}}.hero-title{font-family:var(--font-display);font-size:clamp(2.2rem,5.5vw,3.75rem);font-weight:800;line-height:1.08;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1.4rem;opacity:0;animation:fadeUp .55s ease .2s forwards}.hero-title-accent{color:var(--accent)}.hero-sub{font-size:clamp(.95rem,2.5vw,1.05rem);color:var(--text-secondary);line-height:1.72;margin-bottom:1.75rem;max-width:460px;opacity:0;animation:fadeUp .55s ease .32s forwards}.hero-platforms{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:1.75rem;opacity:0;animation:fadeUp .5s ease .38s forwards}.hero-platforms-label{font-size:.73rem;font-weight:500;color:var(--text-muted);margin-right:2px}.hero-platform-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--pill-bg, #f0f0f0);border:1px solid color-mix(in srgb,var(--pill-color, #888) 20%,transparent);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--pill-color, #444);transition:transform var(--t),box-shadow var(--t)}.hero-platform-pill:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000001a}.platform-pill-img{width:15px;height:15px;object-fit:contain;border-radius:3px}.cta-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem;opacity:0;animation:fadeUp .55s ease .44s forwards}.hero-trust{display:flex;align-items:center;gap:.65rem;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap;opacity:0;animation:fadeUp .55s ease .56s forwards}.trust-item{display:flex;align-items:center;gap:5px}.trust-check{color:#16a34a;font-weight:700}.trust-divider{color:var(--gray-300)}.hero-right{flex:1;max-width:420px;position:relative;opacity:0;animation:fadeLeft .65s ease .35s forwards}@keyframes fadeLeft{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.float-chip{position:absolute;display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border-md);border-radius:10px;padding:9px 14px;font-size:.78rem;color:var(--text-primary);box-shadow:var(--shadow-md);white-space:nowrap;z-index:10;animation:floatIn .5s ease both;line-height:1.3}.float-chip strong{font-weight:600;display:block}.float-chip--1{top:-18px;right:-10px;animation-delay:.85s}.float-chip--2{bottom:60px;left:-24px;animation-delay:1.05s}@keyframes floatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chip-icon-wrap{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.chip-icon-wrap--green{background:#16a34a1a;color:#16a34a}.chip-icon-wrap--purple{background:var(--accent-light);color:var(--accent)}.chip-time{font-size:.7rem;color:var(--text-muted);margin-top:1px;display:block}.app-mockup{background:var(--white);border:1px solid var(--border-md);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);width:100%;font-size:.82rem}.app-mockup-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--white);border-bottom:1px solid var(--border-md)}.app-back-btn{font-size:.78rem;color:var(--text-muted);background:var(--gray-100);border-radius:20px;padding:4px 12px;border:1px solid var(--border-md)}.app-title{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--text-primary)}.app-plan-badge{font-size:.65rem;font-weight:700;color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-border);padding:3px 10px;border-radius:100px}.app-job-pill{margin:10px 14px;background:var(--accent-light);border:1px solid var(--accent-border);color:var(--accent);font-size:.72rem;font-weight:600;padding:6px 14px;border-radius:100px;display:inline-block;max-width:calc(100% - 28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-section{margin:0 14px 10px;background:var(--white);border:1px solid var(--border-md);border-radius:var(--r-md);padding:12px 14px}.app-section-label{font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center;gap:5px}.app-section-icon{color:var(--accent)}.app-scores{display:flex;flex-direction:column;gap:8px}.app-score-row{display:flex;align-items:center;gap:8px;padding:7px 9px;background:var(--gray-50);border:1px solid var(--border-md);border-radius:9px}.app-score-name{font-size:.65rem;font-weight:600;color:var(--text-secondary);width:60px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.app-score-before{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:var(--gray-100);border:1px solid var(--border-md);border-radius:5px;padding:2px 6px;flex-shrink:0}.app-score-arrow{color:var(--gray-300);font-size:.65rem;flex-shrink:0}.app-score-circle{position:relative;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.app-score-svg{position:absolute;inset:0;width:100%;height:100%}.app-score-num{position:relative;font-family:var(--font-mono);font-size:.68rem;font-weight:700;z-index:1}.app-score-delta{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:#16a34a;background:#16a34a1a;border-radius:100px;padding:2px 7px;flex-shrink:0;margin-left:auto}.app-enhance-item{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--text-secondary);background:#16a34a0f;border:1px solid rgba(22,163,74,.15);border-radius:8px;padding:7px 10px;margin-bottom:5px}.app-enhance-check{width:17px;height:17px;border-radius:50%;background:#16a34a26;color:#16a34a;font-size:.58rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.app-doc-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;background:var(--gray-50);border:1px solid var(--border-md);border-radius:var(--r-md);text-align:center;cursor:default;transition:border-color var(--t)}.app-doc-btn:hover{border-color:var(--accent-border)}.app-doc-icon{font-size:1rem;color:var(--accent);margin-bottom:2px}.app-doc-btn strong{font-size:.76rem;font-weight:700;color:var(--text-primary)}.app-doc-btn span{font-size:.63rem;color:var(--text-muted)}.app-analyze-btn{margin:0 14px 14px;padding:11px;background:var(--gray-50);border:1px solid var(--border-md);border-radius:var(--r-md);text-align:center;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.stats-bar{display:flex;align-items:center;justify-content:center;gap:0;background:linear-gradient(135deg,#1e0a45,#2d1060,#1a0840);padding:2.5rem 5%;position:relative;overflow:hidden}.stats-bar:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.stat-block{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 1.5rem;position:relative;z-index:1}.stat-value{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1}.stat-label{font-size:.8rem;font-weight:500;color:#c4b5fdd9;text-align:center;line-height:1.3}.stat-divider{width:1px;height:52px;background:#ffffff1a;flex-shrink:0}.ticker-wrap{width:100%;overflow:hidden;background:var(--gray-50);border-top:1px solid var(--border-md);border-bottom:1px solid var(--border-md);padding:.8rem 0;position:relative;z-index:2}.ticker-wrap:before,.ticker-wrap:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:1;pointer-events:none}.ticker-wrap:before{left:0;background:linear-gradient(to right,var(--gray-50),transparent)}.ticker-wrap:after{right:0;background:linear-gradient(to left,var(--gray-50),transparent)}.ticker-track{display:flex;width:max-content;animation:ticker 32s linear infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{white-space:nowrap;padding:0 2rem;font-size:.78rem;font-weight:500;color:var(--text-secondary);position:relative}.ticker-item:after{content:"·";position:absolute;right:0;color:var(--gray-300)}.platforms-section{padding:6rem 5%;background:var(--white)}.platforms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto 3rem}.platform-card{background:var(--white);border:1px solid var(--border-md);border-radius:var(--r-lg);padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-sm);transition:border-color var(--t),box-shadow var(--t),transform var(--t);position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--p-color, var(--accent));opacity:0;transition:opacity var(--t)}.platform-card:hover{border-color:color-mix(in srgb,var(--p-color, #888) 30%,transparent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.platform-card:hover:before{opacity:1}.platform-card-icon-wrap{width:56px;height:56px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.platform-card-img{width:30px;height:30px;object-fit:contain}.platform-card-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-primary)}.platform-card-body{font-size:.86rem;color:var(--text-secondary);line-height:1.6;flex:1}.platform-card-tag{display:inline-flex;align-items:center;gap:6px;font-size:.73rem;font-weight:600;color:var(--text-muted);margin-top:.25rem}.platform-tag-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;animation:platform-pulse 2s ease infinite}@keyframes platform-pulse{0%,to{opacity:1}50%{opacity:.5}}.after-install-card{max-width:920px;margin:0 auto;background:var(--gray-50);border:1px solid var(--border-md);border-radius:var(--r-xl);padding:2rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem}.aic-step-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.aic-step{display:flex;align-items:center;gap:12px;flex:1;min-width:160px}.aic-step-num{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px var(--accent-glow)}.aic-step-body{display:flex;flex-direction:column;gap:2px}.aic-step-body strong{font-size:.85rem;font-weight:700;color:var(--text-primary)}.aic-step-body span{font-size:.76rem;color:var(--text-muted)}.aic-arrow{color:var(--gray-300);font-size:1.1rem;font-weight:300;flex-shrink:0}.aic-platform-chips{display:flex;gap:10px;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border-md)}.aic-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--p-bg, #f0f0f0);border:1px solid color-mix(in srgb,var(--p-color, #888) 20%,transparent);border-radius:100px;font-size:.82rem;font-weight:600;color:var(--p-color, #444);text-decoration:none;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.aic-chip:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:color-mix(in srgb,var(--p-color, #888) 40%,transparent)}.aic-chip-img{width:18px;height:18px;object-fit:contain;border-radius:4px}.how-it-works{padding:6rem 5%;background:var(--gray-50);border-top:1px solid var(--border)}.hiw-grid{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;position:relative;z-index:1}.hiw-card{background:var(--white);border:1px solid var(--border-md);border-radius:var(--r-lg);padding:2rem 1.75rem;width:260px;transition:border-color var(--t),box-shadow var(--t),transform var(--t);box-shadow:var(--shadow-sm)}.hiw-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.hiw-icon{font-size:1.6rem;margin-bottom:1rem;line-height:1}.hiw-num{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--accent);margin-bottom:.65rem;opacity:.75}.hiw-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}.hiw-card p{font-size:.86rem;color:var(--text-secondary);line-height:1.65}.hiw-connector{width:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hiw-arrow{width:100%;height:1px;background:linear-gradient(90deg,var(--accent-border),var(--gray-200));position:relative}.hiw-arrow:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-top:1px solid var(--accent-border);border-right:1px solid var(--accent-border);rotate:45deg}.showcase-section{padding:6rem 5%;background:var(--white);border-top:1px solid var(--border)}.showcase-inner{display:flex;align-items:center;gap:5rem;max-width:1100px;margin:0 auto}.showcase-text{flex:1;max-width:460px}.showcase-text .section-eyebrow{margin-bottom:1rem}.showcase-text h2{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.85rem;line-height:1.2}.showcase-text>p{font-size:.97rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.feature-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.75rem}.feature-list li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-secondary);font-weight:500}.fl-check{color:#16a34a;font-weight:700;width:20px;height:20px;background:#16a34a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.65rem}.showcase-cta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.showcase-free-note{font-size:.78rem;color:var(--text-muted);font-weight:500}.showcase-mock{flex:0 0 280px}.mock-shell{background:var(--white);border:1px solid var(--border-md);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.mock-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-md);background:var(--gray-50)}.mock-logo{font-size:.82rem;font-weight:700;color:var(--text-primary)}.mock-badge{font-size:.65rem;font-weight:700;color:#16a34a;background:#16a34a14;border:1px solid rgba(22,163,74,.2);border-radius:100px;padding:3px 8px}.mock-job-row{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--border-md)}.mock-job-icon{width:36px;height:36px;border-radius:9px;background:var(--accent-light);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.mock-name{font-size:.84rem;font-weight:700;color:var(--text-primary)}.mock-role{font-size:.73rem;color:var(--text-muted);margin-top:2px}.mock-scores{padding:12px 14px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border-md)}.mock-score-row{display:flex;align-items:center;gap:8px}.mock-score-label{font-size:.72rem;color:var(--text-muted);width:62px;flex-shrink:0}.mock-track{flex:1;height:5px;background:var(--gray-100);border-radius:100px;overflow:hidden}.mock-fill{height:100%;border-radius:100px}.mock-score-val{font-size:.72rem;font-weight:700;font-family:var(--font-mono);width:24px;text-align:right;flex-shrink:0}.mock-improvements-list{padding:10px 14px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--border-md)}.mock-impr-item{display:flex;align-items:center;gap:7px;font-size:.76rem;color:var(--text-secondary)}.mock-impr-check{font-size:.6rem;color:#16a34a;font-weight:700;width:16px;height:16px;background:#16a34a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mock-platforms-row{display:flex;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid var(--border-md);background:var(--gray-50)}.mock-platforms-label{font-size:.65rem;color:var(--text-muted);margin-right:4px;font-weight:500}.mock-platform-img{width:16px;height:16px;object-fit:contain;border-radius:3px;opacity:.85;transition:opacity var(--t)}.mock-platform-img:hover{opacity:1}.mock-send-btn{display:block;width:calc(100% - 28px);margin:12px 14px 6px;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);font-size:.82rem;font-weight:600;text-align:center;cursor:pointer;box-shadow:0 2px 8px #6d28d94d;transition:background var(--t);font-family:var(--font-body)}.mock-send-btn:hover{background:var(--accent-dark)}.mock-escrow{text-align:center;font-size:.68rem;color:var(--text-muted);padding:0 14px 12px;line-height:1.5}.value-section{padding:6rem 5%;background:var(--gray-50);border-top:1px solid var(--border)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1100px;margin:0 auto}.value-card{background:var(--white);border:1px solid var(--border-md);border-radius:var(--r-lg);padding:1.75rem 1.5rem;transition:border-color var(--t),box-shadow var(--t),transform var(--t);box-shadow:var(--shadow-sm)}.value-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.vc-icon{font-size:1.5rem;margin-bottom:.9rem;line-height:1}.value-card h3{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem;line-height:1.4}.value-card p{font-size:.83rem;color:var(--text-secondary);line-height:1.6;margin:0}.trust-section{padding:5rem 5%;background:var(--white);border-top:1px solid var(--border)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1100px;margin:0 auto}.trust-card{background:var(--white);border:1px solid var(--border-md);border-radius:var(--r-lg);padding:1.5rem;display:flex;flex-direction:column;gap:8px;transition:border-color var(--t),box-shadow var(--t);box-shadow:var(--shadow-sm)}.trust-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md)}.tc-icon{font-size:1.3rem}.trust-card strong{font-size:.86rem;font-weight:700;color:var(--text-primary)}.trust-card p{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}.final-cta{padding:8rem 5%;background:#1e0a45;text-align:center;position:relative;overflow:hidden}.fcta-blobs{position:absolute;inset:0;pointer-events:none}.fcta-blob{position:absolute;border-radius:50%;filter:blur(100px)}.fcta-blob--1{width:500px;height:400px;top:-100px;left:-100px;background:radial-gradient(circle,rgba(124,58,237,.3) 0%,transparent 70%)}.fcta-blob--2{width:400px;height:350px;bottom:-80px;right:-80px;background:radial-gradient(circle,rgba(167,139,250,.2) 0%,transparent 70%)}.final-cta-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}.fcta-eyebrow{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#a78bfae6;margin-bottom:1.25rem}.final-cta h2{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3rem);font-weight:800;letter-spacing:-.04em;color:var(--white);line-height:1.12;margin-bottom:1.5rem}.fcta-platforms{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:2rem}.fcta-platform-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:100px;font-size:.8rem;font-weight:600;color:#ffffffd9}.fcta-platform-img{width:16px;height:16px;object-fit:contain;border-radius:3px;opacity:.9}.fcta-actions{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.final-cta .btn-primary{background:var(--accent);box-shadow:0 2px 12px #635bff73}.final-cta .btn-outline{background:#ffffff12;border-color:#fff3;color:var(--white)}.final-cta .btn-outline:hover{background:#ffffff1f;border-color:#fff6}.fcta-note{font-size:.78rem;color:#ffffff59}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.value-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}.showcase-inner{gap:3rem}.platforms-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(max-width:900px){.hero{padding:7rem 5% 4rem;min-height:auto}.hero-content{flex-direction:column;gap:3rem;align-items:flex-start}.hero-left{max-width:100%}.hero-right{max-width:100%;width:100%}.float-chip{display:none}.stats-bar{flex-wrap:wrap;gap:1.5rem;padding:2rem 5%}.stat-block{flex:0 0 calc(50% - 1.5rem)}.stat-divider{display:none}.platforms-grid{grid-template-columns:1fr;max-width:400px}.after-install-card{padding:1.5rem}.aic-step-row{flex-direction:column;align-items:flex-start;gap:1rem}.aic-arrow{transform:rotate(90deg);font-size:.9rem}.aic-step{min-width:unset}.showcase-inner{flex-direction:column;gap:2.5rem}.showcase-text{max-width:100%}.showcase-mock{flex:none;width:100%;max-width:340px;margin:0 auto}.hiw-connector{display:none}.hiw-grid{gap:1rem;flex-direction:column;align-items:center}.hiw-card{width:100%;max-width:400px}}@media(max-width:640px){.hero{padding:6rem 5% 3rem}.hero-title{font-size:2.1rem;letter-spacing:-.03em}.hero-sub{font-size:.95rem}.hero-trust{gap:.4rem .6rem}.trust-divider{display:none}.hero-platforms{gap:6px}.hero-platform-pill{font-size:.7rem;padding:4px 10px}.cta-group{flex-direction:column;align-items:stretch}.cta-group .btn-primary,.cta-group .btn-ghost{width:100%;justify-content:center}.stats-bar{gap:1.25rem;padding:1.75rem 5%}.stat-block{flex:0 0 calc(50% - .75rem)}.stat-value{font-size:1.8rem}.stat-label{font-size:.72rem}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.65rem}.section-sub{font-size:.9rem}.platforms-section{padding:4.5rem 5%}.platforms-grid{grid-template-columns:1fr;max-width:100%;gap:.85rem}.platform-card{padding:1.5rem;flex-direction:row;align-items:center;gap:1rem}.platform-card-icon-wrap{width:44px;height:44px;flex-shrink:0;margin-bottom:0}.platform-card-img{width:24px;height:24px}.platform-card-body{display:none}.aic-platform-chips{gap:8px}.aic-chip{font-size:.76rem;padding:7px 12px}.value-grid{grid-template-columns:1fr;gap:.85rem}.trust-grid{grid-template-columns:1fr 1fr;gap:.85rem}.how-it-works,.showcase-section,.value-section,.trust-section{padding:4.5rem 5%}.showcase-text>p{font-size:.9rem}.feature-list li{font-size:.85rem}.showcase-mock{max-width:100%}.showcase-cta-row{flex-direction:column;align-items:flex-start}.final-cta{padding:5.5rem 5%}.final-cta h2{font-size:1.85rem;margin-bottom:1.25rem}.fcta-platforms{gap:8px}.fcta-platform-chip{font-size:.74rem;padding:5px 11px}.fcta-actions{flex-direction:column;align-items:stretch;gap:.75rem}.btn-primary.btn-lg,.btn-outline.btn-lg{width:100%;max-width:100%;padding:14px 20px}.fcta-note{font-size:.72rem}.app-mockup-header{padding:11px 14px}.app-score-name{width:52px;font-size:.6rem}.app-section{margin:0 10px 8px;padding:10px 11px}.app-job-pill{margin:8px 10px;font-size:.68rem}.app-analyze-btn{margin:0 10px 10px}}@media(max-width:420px){.hero-title{font-size:1.85rem}.trust-grid,.value-grid{grid-template-columns:1fr}.ticker-item{font-size:.7rem;padding:0 1.25rem}.stat-block{flex:0 0 100%}.platform-card-tag{display:none}.app-docs-grid{grid-template-columns:1fr 1fr}.app-score-row{gap:5px;padding:6px 7px}}.navbar{position:fixed;top:0;left:0;z-index:1000;width:100%;height:64px;padding:.75rem 2%;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);box-sizing:border-box}.navbar p,.navbar ul,.navbar li{margin:0;padding:0}.navbar-left{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.logo{display:flex;align-items:center}.logo img{width:34px;height:34px;display:block}.navbar-left p{font-size:1.2rem;font-weight:700;color:#1c0332;white-space:nowrap;line-height:1;display:flex;align-items:center;height:100%}.navbar-right{display:flex;align-items:center}.nav-links{display:flex;align-items:center;gap:1.2rem;list-style:none}.nav-links a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#444;font-weight:500;white-space:nowrap;transition:color .2s ease}.nav-links a:hover{color:#7b2cbf}.arrow-icon{width:14px;height:14px;display:inline-block}.primary-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.95rem;white-space:nowrap;background:#7b2cbf;color:#fff;border:none;cursor:pointer;font-weight:500;transition:background .2s ease}.primary-cta:hover{background:#6a25a8}.chrome_icon{width:18px;height:18px}.primary-cta a{color:#fff;display:inline-flex;align-items:center;justify-content:center}.cta-text{color:#fff!important;margin-left:5px}.cta_text_footer{color:#7b2cbf!important;margin-left:5px}.dashboard-link{display:inline-flex;align-items:center;padding:10px 18px;border-radius:10px;font-size:.95rem;white-space:nowrap;background:transparent;color:#7b2cbf;border:2px solid #7b2cbf;font-weight:500;text-decoration:none;transition:all .2s ease}.dashboard-link:hover{background:#7b2cbf;color:#fff}@media(max-width:768px){.navbar{padding:1rem 1.5%}.nav-links{gap:.8rem}.nav-links>li:first-child a{font-size:.95rem}.arrow-icon{width:16px;height:16px}.primary-cta{padding:10px 12px}.chrome_icon{width:20px;height:20px}.dashboard-link{padding:10px 14px;font-size:.9rem}.navbar-left{gap:.4rem}}@media(max-width:480px){.navbar-left p{font-size:1rem}.logo img{width:28px;height:28px}.nav-links{gap:.6rem}.primary-cta{padding:8px 10px;font-size:.9rem}.dashboard-link{padding:8px 12px;font-size:.85rem}.arrow-icon{width:14px;height:14px}}.connekt-footer{background:#fff;padding:3rem 2rem 2rem;margin-top:0;width:100%;box-shadow:0 -4px 20px #9b5de514}.footer-wrapper{width:100%;max-width:1200px;margin:0 auto;text-align:center}.footer-top{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.footer-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.footer-brand img{height:40px;width:40px}.footer-brand span{color:#1c0332!important;font-weight:700;font-size:1.5rem;letter-spacing:-.5px}.footer-links{display:flex;color:#000;gap:2.5rem;align-items:center;flex-wrap:wrap;list-style:none;padding:0;margin:0}.footer-links a{color:#000}.footer-link{color:#555!important;text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease;position:relative;list-style:none}.footer-link:before{display:none}.footer-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background:linear-gradient(90deg,#9b5de5,#7b2cbf);transition:width .3s ease}.footer-link:hover{color:#9b5de5!important}.footer-link:hover:after{width:100%}.footer-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,#9b5de5,transparent);margin:2rem 0 1.5rem}.footer-copyright{color:#666!important;font-size:.95rem;font-weight:400}.footer-copyright a{color:#9b5de5!important;text-decoration:none;font-weight:600;transition:opacity .3s ease}.footer-copyright a:hover{opacity:.7}@media(max-width:900px){.connekt-footer{padding:2.5rem 1.5rem 2rem}.footer-top,.footer-links{gap:2rem}.footer-brand span{font-size:1.4rem}}@media(max-width:768px){.connekt-footer{padding:2.5rem 1.5rem 1.5rem}.footer-top{flex-direction:column;text-align:center;gap:2rem}.footer-links{justify-content:center;gap:1.5rem;width:100%}.footer-brand{justify-content:center}.footer-brand span{font-size:1.3rem}.footer-link{font-size:.95rem}.footer-divider{margin:1.5rem 0 1.25rem}}@media(max-width:480px){.connekt-footer{padding:2rem 1rem 1.5rem}.footer-top{gap:1.5rem}.footer-links{flex-direction:column;gap:1.25rem}.footer-brand img{height:36px;width:36px}.footer-brand span{font-size:1.2rem}.footer-link{font-size:.9rem}.footer-copyright{font-size:.85rem;line-height:1.5}.footer-divider{margin:1.25rem 0 1rem}}@media(max-width:360px){.connekt-footer{padding:1.75rem .875rem 1.25rem}.footer-brand img{height:32px;width:32px}.footer-brand span{font-size:1.1rem}.footer-link{font-size:.85rem}.footer-copyright{font-size:.8rem}}:root{--bg: #eef0f8;--surface: #ffffff;--surface-2: #f5f5fb;--border: #e2e4ef;--purple: #6d28d9;--purple-mid: #7c3aed;--purple-light: #8b5cf6;--purple-tint: rgba(109,40,217,.07);--purple-tint2: rgba(109,40,217,.14);--purple-border: rgba(109,40,217,.28);--text-primary: #111118;--text-secondary: #4b4b6a;--text-muted: #9090b0;--radius-card: 14px;--shadow-card: 0 2px 8px rgba(0,0,0,.05), 0 10px 32px rgba(109,40,217,.08);--shadow-btn: 0 4px 16px rgba(109,40,217,.35);--t: .2s cubic-bezier(.4,0,.2,1)}.pricing-root{height:100vh;overflow:hidden;background:var(--bg);font-family:DM Sans,sans-serif;color:var(--text-primary);display:flex;align-items:center;justify-content:center;position:relative}.pricing-root:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 65% 45% at 10% 0%,rgba(109,40,217,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 90% 90%,rgba(139,92,246,.05) 0%,transparent 55%);pointer-events:none;z-index:0}.pricing-inner{position:relative;z-index:1;width:100%;max-width:1100px;padding:24px 24px 20px;display:flex;flex-direction:column;align-items:center}.pricing-eyebrow{text-align:center;font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-light);margin-bottom:8px;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.pricing-eyebrow.in{opacity:1;transform:none}.pricing-headline{font-family:Playfair Display,serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;text-align:center;line-height:1.1;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:8px;opacity:0;transform:translateY(14px);transition:opacity .55s .08s ease,transform .55s .08s ease}.pricing-headline.in{opacity:1;transform:none}.pricing-headline em{font-style:italic;color:var(--purple-mid)}.pricing-sub{text-align:center;color:var(--text-secondary);font-size:.88rem;font-weight:400;line-height:1.5;max-width:440px;margin:0 auto 14px;opacity:0;transform:translateY(10px);transition:opacity .5s .14s ease,transform .5s .14s ease}.pricing-sub.in{opacity:1;transform:none}.token-explainer{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--purple-tint);border:1px solid rgba(109,40,217,.15);border-radius:100px;padding:6px 16px;width:fit-content;margin:0 auto 16px;font-size:.75rem;color:var(--purple-mid);font-weight:500;opacity:0;transform:translateY(6px);transition:opacity .5s .2s ease,transform .5s .2s ease}.token-explainer.in{opacity:1;transform:none}.token-dot{width:5px;height:5px;border-radius:50%;background:var(--purple-mid);box-shadow:0 0 5px #7c3aed80;flex-shrink:0}.billing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;opacity:0;transition:opacity .5s .22s ease}.billing-toggle-wrap.in{opacity:1}.billing-label{font-size:.82rem;font-weight:500;color:var(--text-muted);transition:color var(--t)}.billing-label.active{color:var(--text-primary)}.toggle-track{width:46px;height:24px;border-radius:100px;background:var(--border);border:1px solid #d0d4e8;position:relative;cursor:pointer;transition:background var(--t),border-color var(--t)}.toggle-track.quarterly{background:var(--purple-mid);border-color:var(--purple)}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px #00000026;transition:transform .25s ease}.toggle-track.quarterly .toggle-thumb{transform:translate(22px)}.savings-badge{background:var(--purple-tint);color:var(--purple-mid);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:100px;border:1px solid rgba(109,40,217,.18)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center;width:100%}@media(max-width:900px){.pricing-root{height:auto;overflow:auto}.cards-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.plan-card{border-radius:var(--radius-card);padding:22px 24px 20px;position:relative;opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease,box-shadow var(--t),border-color var(--t)}.plan-card.in{opacity:1;transform:translateY(0)}.plan-card-free{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card)}.plan-card-free:hover{border-color:var(--purple-border);box-shadow:0 4px 20px #6d28d91a,0 12px 40px #6d28d914}.plan-card-seeker{background:linear-gradient(155deg,#fff 55%,#6d28d90a);border:1.5px solid var(--purple-border);box-shadow:0 0 0 1px #6d28d91a,0 18px 50px #6d28d929;transform:translateY(-6px)}.plan-card-seeker.in{transform:translateY(-6px)}.plan-card-seeker:hover{box-shadow:0 0 0 1px #6d28d938,0 24px 60px #6d28d933;border-color:var(--purple-mid)}.plan-card-power{background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-card)}.plan-card-power:hover{border-color:var(--purple-border);box-shadow:0 4px 20px #6d28d91a,0 12px 40px #6d28d914}.plan-badge{display:inline-flex;align-items:center;gap:5px;font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:12px}.plan-badge-seeker{background:var(--purple-tint2);color:var(--purple-mid);border:1px solid var(--purple-border)}.plan-badge-power{background:var(--purple-tint);color:var(--purple-light);border:1px solid rgba(109,40,217,.18)}.plan-name{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.plan-token-line{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-muted);margin-bottom:16px}.plan-price-block{display:flex;align-items:baseline;gap:2px;margin-bottom:4px}.plan-price-main{font-family:Playfair Display,serif;font-size:2.4rem;font-weight:700;line-height:1;color:var(--text-primary)}.plan-price-period{font-size:.8rem;color:var(--text-muted);margin-left:3px}.plan-price-sub{font-size:.73rem;color:var(--text-muted);margin-bottom:16px;display:flex;align-items:center;gap:6px;min-height:20px}.savings-pill{background:var(--purple-tint2);color:var(--purple-mid);border:1px solid var(--purple-border);padding:2px 7px;border-radius:100px;font-size:.63rem;font-weight:700;letter-spacing:.05em}.plan-divider{height:1px;background:var(--border);margin-bottom:16px}.plan-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.plan-feature{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;line-height:1.4}.plan-feature.enabled{color:var(--text-secondary)}.plan-feature.disabled{color:var(--text-muted);opacity:.45}.plan-feature-icon{flex-shrink:0;margin-top:1px}.plan-feature.enabled .plan-feature-icon{color:var(--purple-mid)}.plan-feature.disabled .plan-feature-icon{color:var(--text-muted)}.plan-card-seeker .plan-feature.enabled .plan-feature-icon{color:var(--purple-light)}.plan-cta{width:100%;padding:11px 18px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;border:none;min-height:42px;transition:background var(--t),transform var(--t),box-shadow var(--t),border-color var(--t)}.cta-outline{background:transparent;border:1px solid var(--purple-border);color:var(--purple-mid)}.cta-outline:hover{background:var(--purple-tint);border-color:var(--purple-mid)}.cta-gold{background:linear-gradient(135deg,var(--purple-mid),var(--purple-light));color:#fff;box-shadow:var(--shadow-btn)}.cta-gold:hover{box-shadow:0 4px 20px #6d28d973;transform:translateY(-1px)}.cta-white{background:var(--purple);color:#fff;box-shadow:0 4px 14px #6d28d94d}.cta-white:hover{background:#5b21b6;box-shadow:0 6px 22px #6d28d966;transform:translateY(-1px)}.plan-cancel{text-align:center;font-size:.67rem;margin-top:8px;color:var(--text-muted)}.compare-note{text-align:center;margin-top:16px;font-size:.78rem;color:var(--text-muted);opacity:0;transform:translateY(6px);transition:opacity .5s .5s ease,transform .5s .5s ease}.compare-note.in{opacity:1;transform:none}.compare-note button{background:none;border:none;cursor:pointer;color:var(--purple-mid);text-decoration:underline;font-family:inherit;font-size:inherit}.trust-strip{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);flex-wrap:wrap;opacity:0;transition:opacity .6s .6s ease;width:100%}.trust-strip.in{opacity:1}.trust-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.trust-icon{font-size:.9rem}:root{--white: #ffffff;--gray-50: #f5f5fb;--gray-100: #eef0f8;--gray-200: #e2e4ef;--gray-300: #c4b5fd;--gray-500: #9090b0;--gray-700: #4b4b6a;--ink: #111118;--accent: #7c3aed;--accent-dark: #6d28d9;--accent-light: rgba(109,40,217,.07);--accent-glow: rgba(109,40,217,.22);--accent-border: rgba(109,40,217,.15);--border-md: #e2e4ef;--text-primary: #111118;--text-secondary:#4b4b6a;--text-muted: #9090b0;--shadow-sm: 0 2px 8px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(109,40,217,.1), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 12px 40px rgba(109,40,217,.14), 0 4px 12px rgba(0,0,0,.07);--r-sm: 10px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--t: .2s cubic-bezier(.4,0,.2,1);--font-display: "Inter", sans-serif;--font-body: "DM Sans", sans-serif}.onboarding-root{min-height:100vh;font-family:var(--font-body);background:var(--white);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}.onboarding-root:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(99,91,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,91,255,.03) 1px,transparent 1px);background-size:56px 56px}.ob-blobs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ob-blob{position:absolute;border-radius:50%;filter:blur(90px)}.ob-blob-1{width:700px;height:600px;top:-200px;right:-150px;background:radial-gradient(circle,#e2e4ef 0%,#c4b5fd 40%,transparent 70%);opacity:.5}.ob-blob-2{width:500px;height:450px;bottom:-100px;left:-150px;background:radial-gradient(circle,#f5f5fb 0%,#ddd6fe 50%,transparent 70%);opacity:.45}.ob-page{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:64px 32px 80px;display:flex;flex-direction:column;align-items:center;gap:56px}.ob-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.ob-logo-lockup{display:inline-flex;align-items:center;gap:10px;opacity:0;animation:ob-fadeUp .5s ease .05s forwards}.ob-logo-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#a78bfa);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:20px;font-weight:800;color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.ob-logo-name{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.ob-congrats-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#15803d12;border:1px solid rgba(21,128,61,.2);border-radius:100px;font-family:var(--font-body);font-size:.75rem;font-weight:600;color:#15803d;letter-spacing:.04em;opacity:0;animation:ob-fadeUp .5s ease .12s forwards}.ob-congrats-pip{width:7px;height:7px;border-radius:50%;background:#15803d;animation:ob-green-pulse 2.2s ease infinite}@keyframes ob-green-pulse{0%,to{box-shadow:0 0 4px #15803d80}50%{box-shadow:0 0 12px #15803dcc,0 0 24px #15803d40}}.ob-hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text-primary);opacity:0;animation:ob-fadeUp .55s ease .2s forwards}.ob-hero-title span{color:var(--accent)}.ob-hero-sub{font-size:clamp(.95rem,2vw,1.05rem);color:var(--text-secondary);line-height:1.7;max-width:520px;opacity:0;animation:ob-fadeUp .55s ease .3s forwards}.ob-stats-row{display:flex;align-items:center;justify-content:center;gap:0;width:100%;background:linear-gradient(135deg,#1e0a45,#2d1060 60%,#1a0840);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);opacity:0;animation:ob-fadeUp .55s ease .38s forwards}.ob-stat-block{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:28px 16px;position:relative}.ob-stat-block+.ob-stat-block:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:#ffffff1a}.ob-stat-value{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1}.ob-stat-label{font-size:.75rem;font-weight:500;color:#c4b5fdcc;text-align:center;line-height:1.3}.ob-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;opacity:0;animation:ob-fadeUp .55s ease .46s forwards}.ob-feature-card{background:var(--white);border:1px solid var(--border-md);border-radius:var(--r-lg);padding:22px 20px;box-shadow:var(--shadow-sm);transition:border-color var(--t),box-shadow var(--t),transform var(--t);position:relative;overflow:hidden}.ob-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),#a78bfa 60%,transparent);opacity:0;transition:opacity var(--t)}.ob-feature-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.ob-feature-card:hover:before{opacity:1}.ob-feature-icon{font-size:1.5rem;margin-bottom:10px;line-height:1}.ob-feature-title{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--text-primary);margin-bottom:5px;line-height:1.3}.ob-feature-body{font-size:.82rem;color:var(--text-secondary);line-height:1.6}.ob-steps-wrap{width:100%;display:flex;flex-direction:column;gap:14px;opacity:0;animation:ob-fadeUp .55s ease .52s forwards}.ob-section-label{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.ob-steps{display:flex;flex-direction:column;gap:10px}.ob-step{display:flex;align-items:flex-start;gap:14px;background:var(--gray-50);border:1px solid var(--border-md);border-radius:var(--r-md);padding:14px 16px;transition:border-color var(--t),background var(--t)}.ob-step:hover{border-color:var(--accent-border);background:var(--accent-light)}.ob-step-num{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px var(--accent-glow)}.ob-step-body{display:flex;flex-direction:column;gap:2px}.ob-step-body strong{font-size:.88rem;font-weight:600;color:var(--text-primary)}.ob-step-body span{font-size:.8rem;color:var(--text-muted);line-height:1.5}.ob-boards-wrap{width:100%;display:flex;flex-direction:column;gap:14px;opacity:0;animation:ob-fadeUp .55s ease .58s forwards}.ob-boards{display:flex;flex-direction:column;gap:10px}.ob-board-card{display:flex;align-items:center;gap:18px;padding:18px 20px;background:var(--white);border:1px solid var(--border-md);border-radius:var(--r-lg);text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color var(--t),box-shadow var(--t),transform var(--t);position:relative;overflow:hidden}.ob-board-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--board-color);transform:scaleY(0);transform-origin:bottom;transition:transform .25s cubic-bezier(.22,1,.36,1)}.ob-board-card:hover{transform:translate(5px);box-shadow:var(--shadow-md)}.ob-board-card:hover:after{transform:scaleY(1)}.ob-board-logo-wrap{width:48px;height:48px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ob-board-logo{width:28px;height:28px;object-fit:contain}.ob-board-info{flex:1}.ob-board-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.ob-board-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.ob-board-cta{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border:1px solid;border-radius:100px;font-size:.8rem;font-weight:600;flex-shrink:0;white-space:nowrap;transition:background var(--t),border-color var(--t)}.ob-cta-arrow{transition:transform var(--t)}.ob-board-card:hover .ob-cta-arrow{transform:translate(3px)}.ob-footer-tip{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:var(--accent-light);border:1px solid var(--accent-border);border-radius:var(--r-lg);width:100%;opacity:0;animation:ob-fadeUp .5s ease .65s forwards}.ob-tip-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.ob-footer-tip p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.ob-footer-tip strong{color:var(--accent);font-weight:600}@keyframes ob-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.ob-page{padding:48px 20px 64px;gap:40px}.ob-features-grid{grid-template-columns:1fr 1fr}.ob-stats-row{border-radius:var(--r-lg)}}@media(max-width:520px){.ob-page{padding:40px 16px 56px;gap:32px}.ob-features-grid{grid-template-columns:1fr}.ob-stats-row{flex-wrap:wrap;border-radius:var(--r-lg)}.ob-stat-block{flex:0 0 50%}.ob-stat-block+.ob-stat-block:before{display:none}.ob-board-cta{display:none}.ob-board-card{padding:14px 16px}}.ext-split{display:flex;height:100vh;width:100vw;font-family:Helvetica,sans-serif;background:#faf8ff;overflow:hidden}.ext-left{flex:1;display:flex;justify-content:center;align-items:center;background:#faf8ff;padding:2rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.ext-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 12px 30px #00000014;width:100%;max-width:500px;opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}.ext-card.visible{opacity:1;transform:translateY(0)}.ext-form-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:.75rem}.ext-icon{height:40px;width:40px;flex-shrink:0}.ext-form-title{font-size:1.3rem;font-weight:600;color:#111;line-height:1.3}.ext-tagline{text-align:center;color:#666;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.ext-preview{margin-bottom:1.5rem}.ext-preview-browser{border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 4px 16px #0000000f}.ext-browser-bar{background:#f3f4f6;padding:8px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e5e7eb}.ext-browser-dots{display:flex;gap:5px}.ext-browser-dots span{width:10px;height:10px;border-radius:50%;background:#d1d5db}.ext-browser-dots span:nth-child(1){background:#f87171}.ext-browser-dots span:nth-child(2){background:#fbbf24}.ext-browser-dots span:nth-child(3){background:#34d399}.ext-browser-url{flex:1;background:#fff;border-radius:6px;padding:4px 10px;font-size:.75rem;color:#6b7280;border:1px solid #e5e7eb}.ext-browser-body{background:#fff;padding:16px;position:relative;min-height:90px}.ext-browser-content{display:flex;align-items:center;gap:12px}.ext-browser-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#9b5de5,#7b2cbf);flex-shrink:0}.ext-browser-lines{display:flex;flex-direction:column;gap:6px;flex:1}.ext-browser-line{height:8px;border-radius:4px;background:#e5e7eb}.ext-browser-line.wide{width:70%}.ext-browser-line.medium{width:50%}.ext-browser-line.narrow{width:35%}.ext-floating-badge{position:absolute;bottom:12px;right:12px;background:linear-gradient(135deg,#9b5de5,#7b2cbf);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px #9b5de573;animation:ext-float 3s ease-in-out infinite}@keyframes ext-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ext-badge-icon{width:20px;height:20px}.ext-badge-text{display:flex;flex-direction:column;line-height:1.2}.ext-badge-title{font-size:.75rem;font-weight:700;color:#fff}.ext-badge-sub{font-size:.65rem;color:#fffc}.ext-badge-arrow{color:#fff;font-size:.9rem;font-weight:700}.ext-benefits{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:8px}.ext-benefit{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:#374151;line-height:1.4}.ext-benefit-icon{color:#16a34a;font-weight:700;font-size:1rem;flex-shrink:0;margin-top:1px}.ext-btn{width:100%;padding:14px 12px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ext-btn.primary{background:linear-gradient(45deg,#9b5de5,#7b2cbf);color:#fff}.ext-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #9b5de559}.ext-btn.primary:active{transform:translateY(0)}.ext-btn.success{background:linear-gradient(45deg,#16a34a,#15803d);color:#fff}.ext-btn.success:hover{transform:translateY(-2px);box-shadow:0 8px 20px #16a34a4d}.ext-chrome-logo{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ext-chrome-logo svg{width:22px;height:22px}.ext-hint{text-align:center;font-size:.8rem;color:#6b7280;margin-top:.75rem;line-height:1.4}.ext-skip-wrapper{text-align:center;margin-top:1rem}.ext-skip-btn{background:none;border:none;color:#9b5de5;font-size:.85rem;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:2px;transition:opacity .2s}.ext-skip-btn:hover{opacity:.7}.ext-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#9b5de5,#1c0332);color:#fff;text-align:center}.ext-right-inner{max-width:380px}.ext-right-icon{font-size:3.5rem;margin-bottom:1rem}.ext-right h1{font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.ext-right p{opacity:.85;font-size:1rem;line-height:1.6;margin-bottom:2rem}.ext-steps{display:flex;flex-direction:column;gap:0;text-align:left}.ext-step{display:flex;align-items:flex-start;gap:14px}.ext-step-num{width:32px;height:32px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.ext-step-text{display:flex;flex-direction:column;gap:2px;padding-top:4px}.ext-step-text strong{font-size:.95rem;font-weight:600}.ext-step-text span{font-size:.82rem;opacity:.75}.ext-step-divider{width:2px;height:20px;background:#fff3;margin-left:15px}@media(max-width:900px){.ext-split{flex-direction:column}.ext-right{order:-1;min-height:25vh;flex:0 0 auto;padding:1.5rem}.ext-right h1{font-size:1.6rem}.ext-steps{display:none}.ext-left{padding:1.5rem 1rem;flex:1}}@media(max-width:640px){.ext-split{height:100svh}.ext-right{min-height:18vh;padding:1.25rem 1rem}.ext-right h1{font-size:1.4rem}.ext-right p{font-size:.875rem}.ext-right-icon{font-size:2.5rem;margin-bottom:.5rem}.ext-card{padding:1.5rem 1.25rem;border-radius:16px}.ext-form-title{font-size:1.15rem}.ext-btn{font-size:.95rem}}@supports (padding: max(0px)){.ext-left{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}}html,body,#root{height:100%;margin:0;padding:0}.split-container{display:flex;min-height:100vh;width:100%;font-family:Helvetica,Arial,sans-serif;background:#faf8ff}.dispute-success-div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;min-height:100vh;width:100%;padding:2rem;box-sizing:border-box;text-align:center;font-family:Helvetica,Arial,sans-serif;background:#faf8ff}.dispute-success-div h2{font-size:1.75rem;color:#1c0332;margin:0}.dispute-success-div span{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;color:#555;font-size:1rem}.dispute-success-div span p{margin:0}.cta-link{display:inline-flex;align-items:center;gap:4px;color:#7b2cbf;font-weight:600;text-decoration:none;border-bottom:1.5px solid transparent;transition:border-color .15s ease,color .15s ease}.cta-link:hover{color:#9b5de5;border-bottom-color:#9b5de5}.left-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem}.signup-card{background:#fff;padding:2.75rem 2.25rem;border-radius:20px;box-shadow:0 12px 30px #00000014;width:100%;max-width:420px;box-sizing:border-box;transition:transform .18s ease,box-shadow .18s ease}.signup-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px #0000001f}.signup-form{display:flex;flex-direction:column;gap:1.25rem}.right-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:3rem 2rem;background:linear-gradient(135deg,#9b5de5,#1c0332);color:#fff;text-align:center}.right-panel h1{font-size:2rem;font-weight:700;line-height:1.25;margin:0}.right-panel p{opacity:.88;max-width:320px;line-height:1.6;margin:0}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-group label{font-size:.875rem;font-weight:600;color:#444;text-align:left}.input,.textarea{padding:11px 14px;font-size:.95rem;font-family:Helvetica,Arial,sans-serif;border:1.5px solid #d6d6e7;border-radius:10px;outline:none;background-color:#fff;color:#111;width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none;transition:border-color .18s ease,box-shadow .18s ease}.textarea{resize:vertical;min-height:130px}.input:focus,.textarea:focus{border-color:#9b5de5;box-shadow:0 0 0 3px #9b5de526;background-color:#fff}.signup-btn{width:100%;padding:14px;margin-top:.25rem;border:none;border-radius:12px;background:linear-gradient(45deg,#9b5de5,#7b2cbf);color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.signup-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #7b2cbf4d}.signup-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.signup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.error-message{color:#d32f2f;font-size:.8rem;margin:.1rem 0 0}input:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:#111!important;box-shadow:0 0 0 1000px #fff inset!important}@media(max-width:900px){.split-container{flex-direction:column}.right-panel{order:-1;padding:2.5rem 1.5rem;min-height:220px}.right-panel h1{font-size:1.5rem}.left-panel{padding:2rem 1.25rem}.signup-card{max-width:100%}}:root{--white: #ffffff;--bg: #f5f4f8;--surface: #ffffff;--surface-sub: #f9f8fc;--s-50: #f8fafc;--s-100: #f1f5f9;--s-200: #e2e8f0;--s-300: #cbd5e1;--s-400: #94a3b8;--s-500: #64748b;--s-600: #475569;--s-700: #334155;--s-800: #1e293b;--s-900: #0f172a;--purple: #7c3aed;--purple-hover: #6d28d9;--purple-light: #8b5cf6;--purple-bg: #f5f3ff;--purple-border: #ddd6fe;--purple-glow: rgba(124,58,237,.14);--purple-deep: #4c1d95;--green: #16a34a;--green-bg: #f0fdf4;--green-border: #bbf7d0;--green-text: #15803d;--red: #dc2626;--red-bg: #fef2f2;--red-border: #fecaca;--amber: #d97706;--amber-bg: #fffbeb;--border: #e8eaed;--border-soft: #f0f1f4;--r-sm: 6px;--r: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(15,23,42,.04);--shadow-sm: 0 2px 6px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 20px 60px rgba(15,23,42,.16), 0 8px 24px rgba(15,23,42,.08);--shadow-purple: 0 4px 20px rgba(124,58,237,.28);--ease: cubic-bezier(.4,0,.2,1);--ease-spring: cubic-bezier(.22,1,.36,1);--t-fast: .12s;--t: .18s;--t-slow: .28s;--font-display: "Outfit", -apple-system, sans-serif;--font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);background:var(--bg);color:var(--s-800);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);flex-direction:column;gap:16px}.loading-spinner{width:36px;height:36px;border:2.5px solid var(--s-200);border-top-color:var(--purple);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.db-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.db-topbar{background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.db-topbar-inner{max-width:960px;margin:0 auto;padding:0 28px;height:58px;display:flex;align-items:center;gap:28px}.db-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.db-logo-icon{width:30px;height:30px;border-radius:8px;box-shadow:0 1px 4px #0f172a1f}.db-logo-text{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--s-900);letter-spacing:-.03em}.db-tabs{display:flex;align-items:center;gap:2px;flex:1}.db-tab{padding:6px 13px;border-radius:var(--r);border:none;background:transparent;font-family:var(--font);font-size:13.5px;font-weight:500;color:var(--s-500);cursor:pointer;transition:background var(--t) var(--ease),color var(--t) var(--ease)}.db-tab:hover{background:var(--purple-bg);color:var(--purple)}.db-tab--active{background:var(--purple-bg);color:var(--purple);font-weight:600}.db-topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.db-user-chip{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;background:var(--s-50);border:1px solid var(--border);border-radius:var(--r-full);transition:border-color var(--t) var(--ease)}.db-user-chip:hover{border-color:var(--purple-border)}.db-user-avatar{width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-light) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;font-family:var(--font-display);letter-spacing:.02em}.db-user-name{font-size:13px;font-weight:600;color:var(--s-700)}.db-logout-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--r);font-family:var(--font);font-size:13px;font-weight:500;color:var(--s-500);cursor:pointer;white-space:nowrap;transition:all var(--t) var(--ease)}.db-logout-btn:hover{background:var(--s-100);color:var(--s-900);border-color:var(--s-300)}.db-main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:44px 28px 72px;animation:dbFadeIn .28s var(--ease-spring) both}@keyframes dbFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.db-section-stack{display:flex;flex-direction:column;gap:20px}.db-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:4px}.db-page-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--s-900);letter-spacing:-.03em;line-height:1.15}.db-page-sub{font-size:13.5px;color:var(--s-400);margin-top:3px}.db-chrome-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);font-family:var(--font);font-size:13.5px;font-weight:600;color:var(--s-700);text-decoration:none;box-shadow:var(--shadow-xs);transition:all var(--t) var(--ease);white-space:nowrap;flex-shrink:0}.db-chrome-icon{width:16px;height:16px;flex-shrink:0}.db-ext-arrow{color:var(--s-300);transition:color var(--t),transform var(--t)}.db-chrome-btn:hover{background:var(--purple-bg);border-color:var(--purple-border);box-shadow:var(--shadow-sm);color:var(--purple)}.db-chrome-btn:hover .db-ext-arrow{color:var(--purple-light);transform:translate(2px,-2px)}.db-metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.db-metric-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:24px 24px 20px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:11px;transition:box-shadow var(--t) var(--ease),border-color var(--t) var(--ease),transform var(--t-slow) var(--ease-spring);position:relative;overflow:hidden}.db-metric-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,rgba(124,58,237,.03) 100%);pointer-events:none}.db-metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--purple-border);transform:translateY(-1px)}.db-metric-header{display:flex;align-items:center;gap:10px}.db-metric-icon{width:32px;height:32px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-metric-icon--blue{background:var(--purple-bg);color:var(--purple);box-shadow:0 0 0 1px var(--purple-border)}.db-metric-icon--green{background:var(--green-bg);color:var(--green);box-shadow:0 0 0 1px var(--green-border)}.db-metric-label{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--s-400)}.db-metric-value{font-family:var(--font-display);font-size:40px;font-weight:800;letter-spacing:-.05em;color:var(--s-900);line-height:1}.db-credit-bar-track{height:5px;background:var(--s-100);border-radius:var(--r-full);overflow:hidden}.db-credit-bar-fill{height:100%;background:linear-gradient(90deg,var(--purple) 0%,var(--purple-light) 100%);border-radius:var(--r-full);transition:width .9s var(--ease-spring)}.db-credit-bar-fill--low{background:linear-gradient(90deg,var(--amber) 0%,#f59e0b 100%)}.db-metric-sub{font-size:12px;color:var(--s-400)}.db-metric-sub--spacer{margin-top:auto;padding-top:10px}.db-upgrade-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;background:var(--purple-bg);border:1px solid var(--purple-border);border-radius:var(--r);font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--purple);cursor:pointer;transition:all var(--t) var(--ease);margin-top:4px;align-self:flex-start}.db-upgrade-btn:hover{background:var(--purple);color:var(--white);border-color:var(--purple);box-shadow:var(--shadow-purple);transform:translateY(-1px)}.db-upgrade-btn:active{transform:translateY(0)}.db-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs);overflow:hidden;transition:box-shadow var(--t) var(--ease),border-color var(--t) var(--ease)}.db-card:hover{box-shadow:var(--shadow-sm)}.db-card--danger{border-color:var(--red-border);background:linear-gradient(to bottom,var(--white),var(--red-bg))}.db-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-soft)}.db-card-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--s-900);letter-spacing:-.015em}.db-card-desc{font-size:13px;color:var(--s-400);margin-top:3px;line-height:1.5}.db-card-body{padding:20px 24px}.db-card-body--row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.db-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-full);font-size:11.5px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.db-badge--green{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border)}.db-action-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:var(--purple);color:var(--white);border:none;border-radius:var(--r);font-family:var(--font);font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;transition:background var(--t) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t) var(--ease)}.db-action-btn:hover{background:var(--purple-hover);box-shadow:var(--shadow-purple);transform:translateY(-1px)}.db-action-btn:active{transform:scale(.98)}.db-ghost-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;background:transparent;border:1px solid var(--border);border-radius:var(--r);font-family:var(--font);font-size:13px;font-weight:500;color:var(--s-500);cursor:pointer;transition:all var(--t) var(--ease);flex-shrink:0}.db-ghost-btn:hover{background:var(--purple-bg);color:var(--purple);border-color:var(--purple-border)}.db-upload-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:var(--purple-bg);border:1px solid var(--purple-border);border-radius:var(--r);font-family:var(--font);font-size:13px;font-weight:600;color:var(--purple);cursor:pointer;transition:all var(--t) var(--ease);flex-shrink:0}.db-upload-btn:hover{background:var(--purple);color:var(--white);border-color:var(--purple);box-shadow:var(--shadow-purple);transform:translateY(-1px)}.db-upload-btn:active{transform:translateY(0)}.db-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.db-field{display:flex;flex-direction:column;gap:7px}.db-label{font-size:12.5px;font-weight:600;color:var(--s-600);letter-spacing:.01em}.db-input{width:100%;padding:9px 13px;background:var(--white);border:1px solid var(--border);border-radius:var(--r);font-family:var(--font);font-size:13.5px;color:var(--s-900);outline:none;transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease);appearance:none}.db-input:focus{border-color:var(--purple-light);box-shadow:0 0 0 3px var(--purple-glow)}.db-input--readonly{background:var(--s-50);color:var(--s-500);cursor:default}.db-form-actions{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-soft)}.db-alert{padding:12px 16px;border-radius:var(--r-lg);font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:10px;animation:dbFadeIn .2s var(--ease-spring) both}.db-alert--top{margin-bottom:4px}.db-alert--success{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border)}.db-alert--error{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.db-danger-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.db-danger-info{display:flex;flex-direction:column;gap:3px}.db-danger-label{font-size:13.5px;font-weight:600;color:var(--s-900)}.db-danger-sub{font-size:12.5px;color:var(--s-500)}.db-delete-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--red-border);border-radius:var(--r);font-family:var(--font);font-size:13px;font-weight:600;color:var(--red);cursor:pointer;transition:all var(--t) var(--ease);flex-shrink:0}.db-delete-btn:hover{background:var(--red);color:var(--white);border-color:var(--red);box-shadow:0 4px 12px #dc262640;transform:translateY(-1px)}.upload-main{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;animation:dbFadeIn .18s var(--ease) both}.upload-main form{background:var(--white);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);padding:28px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px;animation:dbSlideUp .24s var(--ease-spring) both}@keyframes dbSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-modal-head{display:flex;align-items:center;justify-content:space-between}.upload-modal-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--s-900);letter-spacing:-.025em}.upload-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--s-100);border:none;border-radius:var(--r);color:var(--s-500);cursor:pointer;transition:background var(--t) var(--ease),color var(--t) var(--ease);flex-shrink:0}.upload-modal-close:hover{background:var(--s-200);color:var(--s-900)}.file-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:36px 24px;border:2px dashed var(--s-200);border-radius:var(--r-xl);background:var(--surface-sub);cursor:pointer;text-align:center;transition:all var(--t-slow) var(--ease);position:relative;overflow:hidden}.file-drop-zone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(124,58,237,.06) 0%,transparent 70%);opacity:0;transition:opacity var(--t-slow) var(--ease);pointer-events:none}.file-drop-zone:hover{border-color:var(--purple-light);background:var(--purple-bg)}.file-drop-zone:hover:before{opacity:1}.file-drop-zone:hover .drop-icon{background:var(--purple);border-color:var(--purple);transform:translateY(-3px);box-shadow:var(--shadow-purple)}.file-drop-zone:hover .drop-icon svg{stroke:var(--white)}.drop-icon{width:52px;height:52px;border-radius:var(--r-lg);background:var(--white);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:all var(--t-slow) var(--ease-spring);box-shadow:var(--shadow-sm)}.drop-icon svg{width:22px;height:22px;stroke:var(--s-400);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--t) var(--ease)}.drop-label{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--s-800);letter-spacing:-.01em;line-height:1.3;transition:color var(--t) var(--ease)}.file-drop-zone:hover .drop-label{color:var(--purple)}.drop-sub{font-size:13px;color:var(--s-400);margin-top:-2px}.drop-formats{display:flex;align-items:center;gap:6px;margin-top:4px}.fmt-tag{padding:3px 9px;background:var(--white);border:1px solid var(--border);border-radius:var(--r-full);font-size:11px;font-weight:700;color:var(--s-500);letter-spacing:.05em;transition:all var(--t) var(--ease)}.file-drop-zone:hover .fmt-tag{background:var(--purple-bg);border-color:var(--purple-border);color:var(--purple)}.upload-main form button[type=submit]{width:100%;padding:12px 20px;background:var(--purple);color:var(--white);border:none;border-radius:var(--r-lg);font-family:var(--font-display);font-size:15px;font-weight:600;cursor:pointer;letter-spacing:-.01em;transition:all var(--t) var(--ease);box-shadow:0 2px 8px #7c3aed33}.upload-main form button[type=submit]:hover{background:var(--purple-hover);box-shadow:var(--shadow-purple);transform:translateY(-1px)}.upload-main form button[type=submit]:active{transform:translateY(0);box-shadow:none}.upload-main .db-alert{padding:10px 14px;font-size:13px;border-radius:var(--r)}.db-modal-overlay{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;animation:dbFadeIn .15s var(--ease) both}.db-modal{background:var(--white);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);width:100%;max-width:540px;overflow:hidden;animation:dbSlideUp .22s var(--ease-spring) both}.db-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 20px;border-bottom:1px solid var(--border-soft)}.db-modal-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--s-900);letter-spacing:-.025em}.db-modal-sub{font-size:13px;color:var(--s-400);margin-top:4px;line-height:1.5}.db-modal-close{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--s-100);border:none;border-radius:var(--r);color:var(--s-500);cursor:pointer;transition:background var(--t) var(--ease),color var(--t) var(--ease),transform var(--t-fast) var(--ease)}.db-modal-close:hover{background:var(--s-200);color:var(--s-900);transform:scale(1.05)}.db-modal-close:disabled{opacity:.4;cursor:not-allowed}.db-modal-toggle{display:flex;gap:6px;padding:16px 24px 0}.db-billing-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--s-50);font-family:var(--font);font-size:13px;font-weight:500;color:var(--s-500);cursor:pointer;transition:all var(--t) var(--ease)}.db-billing-pill:hover{border-color:var(--purple-border);color:var(--purple);background:var(--purple-bg)}.db-billing-pill.active{background:var(--purple);color:var(--white);border-color:var(--purple);box-shadow:0 2px 8px #7c3aed40}.db-billing-save{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border);border-radius:var(--r-full);padding:2px 8px;font-size:10.5px;font-weight:700}.db-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 24px 20px}.db-plan-card{border:1.5px solid var(--border);border-radius:var(--r-xl);padding:18px;display:flex;flex-direction:column;gap:14px;transition:all var(--t-slow) var(--ease-spring);position:relative;overflow:hidden}.db-plan-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.04) 0%,transparent 60%);opacity:0;transition:opacity var(--t) var(--ease);pointer-events:none}.db-plan-card:hover{border-color:var(--purple-light);box-shadow:0 0 0 3px var(--purple-glow),var(--shadow-sm);transform:translateY(-2px)}.db-plan-card:hover:after{opacity:1}.db-plan-badge{display:inline-flex;align-self:flex-start;padding:3px 10px;border-radius:var(--r-full);background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-border);font-size:10.5px;font-weight:700;letter-spacing:.04em}.db-plan-top{display:flex;flex-direction:column;gap:3px}.db-plan-name{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--s-900);letter-spacing:-.02em}.db-plan-price{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--s-900);letter-spacing:-.04em}.db-plan-total{font-size:12px;color:var(--s-400);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.db-plan-savings{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border);border-radius:var(--r-full);padding:1px 7px;font-size:10.5px;font-weight:700}.db-plan-features{list-style:none;display:flex;flex-direction:column;gap:7px;flex:1}.db-plan-features li{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:var(--s-600);line-height:1.4}.db-plan-check{color:var(--green);flex-shrink:0;margin-top:1px}.db-plan-btn{display:flex;align-items:center;justify-content:center;padding:10px 12px;background:var(--purple);color:var(--white);border:none;border-radius:var(--r-md);font-family:var(--font);font-size:13.5px;font-weight:600;cursor:pointer;transition:all var(--t) var(--ease);letter-spacing:-.01em}.db-plan-btn:hover:not(:disabled){background:var(--purple-hover);box-shadow:var(--shadow-purple)}.db-plan-btn:disabled{opacity:.5;cursor:not-allowed}.db-modal-footer{padding:14px 24px;border-top:1px solid var(--border-soft);font-size:12px;color:var(--s-400);text-align:center;background:var(--s-50);letter-spacing:.01em}@media(max-width:680px){.db-topbar-inner{gap:14px;padding:0 16px}.db-logo-text,.db-user-name{display:none}.db-main{padding:28px 16px 56px}.db-metrics-row,.db-form-row{grid-template-columns:1fr}.db-page-head{flex-direction:column;gap:12px}.db-chrome-btn{width:100%;justify-content:center}.db-card-head{flex-wrap:wrap}.db-card-body--row{flex-direction:column;align-items:stretch}.db-card-body--row .db-action-btn,.db-card-body--row .db-ghost-btn,.db-card-body--row .db-upload-btn{justify-content:center}.db-danger-row{flex-direction:column;align-items:flex-start}.db-delete-btn{width:100%;justify-content:center}.db-plan-grid{grid-template-columns:1fr}.db-modal{border-radius:var(--r-xl) var(--r-xl) 0 0}.db-modal-overlay{align-items:flex-end;padding:0}.upload-main form{border-radius:var(--r-xl) var(--r-xl) 0 0}.upload-main{align-items:flex-end;padding:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.checkout-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100vw;background:#faf8ff;gap:1rem;position:fixed;top:0;left:0}.checkout-loading-icon{width:60px;height:60px;animation:checkout-pulse 1.5s ease-in-out infinite}@keyframes checkout-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}