/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-divide-x-reverse:0}}}@layer theme{:root{--font-sans:"DM Sans","ui-sans-serif","system-ui",sans-serif;--font-mono:"DM Mono","ui-monospace","SFMono-Regular",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-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-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-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-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-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-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-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-500:oklch(71.5% .143 215.221);--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-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-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-indigo-100:#e7e3fe;--color-indigo-200:#d2ccfd;--color-indigo-500:#6d5dfb;--color-indigo-600:#5a4ae8;--color-violet-50:#f3f1ff;--color-violet-100:#e7e3fe;--color-violet-200:#d2ccfd;--color-violet-400:#8e80fa;--color-violet-500:#6d5dfb;--color-violet-600:#5a4ae8;--color-violet-700:#4a3bd1;--color-purple-50:#f3f1ff;--color-purple-100:#e7e3fe;--color-purple-200:#d2ccfd;--color-purple-300:#b4aafc;--color-purple-500:#6d5dfb;--color-purple-600:#5a4ae8;--color-purple-700:#4a3bd1;--color-purple-800:#3c2fa8;--color-fuchsia-600:oklch(59.1% .293 322.896);--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-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-slate-50:#faf9f7;--color-slate-100:#f4f2ef;--color-slate-200:#eae7e2;--color-slate-300:#dbd7d0;--color-slate-400:#9b968c;--color-slate-500:#726e66;--color-slate-600:#57534b;--color-slate-700:#44413b;--color-slate-800:#2b2925;--color-slate-900:#1c1b18;--color-slate-950:#121110;--color-gray-50:#faf9f7;--color-gray-100:#f4f2ef;--color-gray-200:#eae7e2;--color-gray-300:#dbd7d0;--color-gray-400:#9b968c;--color-gray-500:#726e66;--color-gray-600:#57534b;--color-gray-700:#44413b;--color-gray-800:#2b2925;--color-gray-900:#1c1b18;--color-gray-950:#121110;--color-stone-50:#faf9f7;--color-stone-100:#f4f2ef;--color-stone-200:#eae7e2;--color-stone-300:#dbd7d0;--color-stone-400:#9b968c;--color-stone-500:#726e66;--color-stone-600:#57534b;--color-stone-700:#44413b;--color-stone-800:#2b2925;--color-stone-900:#1c1b18;--color-black:#000;--color-white:#fff;--spacing:.25rem;--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:calc(1.5/1);--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:calc(2.25/1.875);--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;--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-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--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-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-3xl:64px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-accent-50:#f3f1ff;--color-accent-100:#e7e3fe;--color-accent-200:#d2ccfd;--color-accent-300:#b4aafc;--color-accent-400:#8e80fa;--color-accent-500:#6d5dfb;--color-accent-600:#5a4ae8;--color-accent-700:#4a3bd1;--color-accent-800:#3c2fa8;--color-accent-900:#302681;--color-primary-50:#f3f1ff;--color-primary-100:#e7e3fe;--color-primary-200:#d2ccfd;--color-primary-300:#b4aafc;--color-primary-400:#8e80fa;--color-primary-500:#6d5dfb;--color-primary-600:#5a4ae8;--color-primary-700:#4a3bd1;--color-primary-800:#3c2fa8;--color-primary-900:#302681;--color-surface-0:#fff;--color-surface-50:#faf9f7;--color-surface-100:#f4f2ef;--color-surface-200:#eae7e2;--color-surface-300:#dbd7d0;--color-surface-400:#c3beb4;--color-surface-500:#9b968c;--color-surface-600:#726e66;--color-surface-700:#44413b;--color-surface-800:#2b2925;--color-surface-900:#1c1b18;--color-ink-900:#1c1b18;--color-ink-700:#44413b;--color-ink-500:#726e66;--color-ink-400:#9b968c;--color-success-50:#ecfdf5;--color-success-200:#a7f3d0;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-200:#fde68a;--color-warning-500:#f59e0b;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-danger-50:#fff1f2;--color-danger-200:#fecdd3;--color-danger-500:#f43f5e;--color-danger-600:#e11d48;--color-danger-700:#be123c;--radius-vt-sm:.375rem;--radius-vt-md:.5rem;--radius-vt-lg:.75rem;--radius-vt-xl:1rem;--radius-vt-pill:9999px;--shadow-vt-sm:0 1px 2px #1c1b180d;--shadow-vt-card:0 1px 2px #1c1b180d,0 2px 8px #1c1b180a;--shadow-vt-pop:0 4px 12px #1c1b1814,0 12px 32px #1c1b181a;--shadow-vt-focus:0 0 0 3px #6d5dfb2e;--animate-fade-in:fadeIn .5s ease-out forwards;--animate-slide-in-right:slideInRight .4s cubic-bezier(.16,1,.3,1)forwards;--animate-pulse-glow:pulseGlow 3s ease-in-out infinite;--animate-shimmer:shimmer 2.5s ease-in-out infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--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:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}kbd{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}summary{display:list-item}ul,menu{list-style:none}svg,object{vertical-align:middle;display:block}button,input{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}::-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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}button,input:where([type=button],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--color-surface-50);color:var(--color-ink-700);font-family:var(--font-sans);font-size:1rem;line-height:1.6}h1,h2,h3{color:var(--color-ink-900);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.15}h1{font-size:clamp(2.25rem,1.6rem + 2.6vw,3.5rem)}h2{font-size:clamp(1.75rem,1.4rem + 1.4vw,2rem)}h3{letter-spacing:-.01em;font-size:1.25rem}p{text-wrap:pretty}a{color:inherit;text-decoration:none}::selection{background-color:var(--color-accent-100);color:var(--color-ink-900)}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-4{bottom:calc(var(--spacing)*4)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing)*5)}.h-10{height:calc(var(--spacing)*10)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-7xl{max-width:var(--container-7xl)}.flex-shrink-0{flex-shrink:0}.animate-fade-in{animation:var(--animate-fade-in)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-950\/55{background-color:#1211108c}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/55{background-color:color-mix(in oklab,var(--color-slate-950)55%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-primary-600{color:var(--color-primary-600)}.text-primary-700{color:var(--color-primary-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-950{color:var(--color-slate-950)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-primary-300:hover{border-color:var(--color-primary-300)}.hover\:bg-primary-700:hover{background-color:var(--color-primary-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-slate-950:hover{color:var(--color-slate-950)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-4:focus{top:calc(var(--spacing)*4)}.focus\:left-4:focus{left:calc(var(--spacing)*4)}.focus\:rounded-lg:focus{border-radius:var(--radius-lg)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:px-4:focus{padding-inline:calc(var(--spacing)*4)}.focus\:py-2:focus{padding-block:calc(var(--spacing)*2)}.focus\:font-semibold:focus{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.focus\:text-primary-700:focus{color:var(--color-primary-700)}.focus\:shadow-lg:focus{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-primary-500\/30:focus{--tw-ring-color:#6d5dfb4d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary-500\/30:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary-500)30%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:p-8{padding:calc(var(--spacing)*8)}}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}@media (prefers-color-scheme:dark){}}@font-face{font-family:DM Sans;src:url(/static/fonts/dm-sans-latin-v17.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:DM Mono;src:url(/static/fonts/dm-mono-latin-400-v16.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:DM Mono;src:url(/static/fonts/dm-mono-latin-500-v16.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
/* ──────────────────────────────────────────────────────────────────
   mk_chrome.css — shared marketing chrome for every public page
   (homepage, product, solutions, customers, pricing, blog, docs, faq,
   legal, free-seo-checker, quick-seo-audit).

   Design direction: friendly product. Warm neutral paper, warm ink,
   ONE accent (violet). Soft layered shadows only.

   Colors come from the design tokens in static/css/input.css, which
   Tailwind emits as --color-* custom properties. Do not hardcode hex
   values here — reference the tokens so there is one source of truth.

   The authenticated shell (app_base.html) overrides {% block navbar %}
   and loads app.css, so nothing here leaks into /app/*.
────────────────────────────────────────────────────────────────── */

/* Legacy variable names kept as aliases: templates reference them
   inline (style="background: var(--brand)"), so re-pointing them here
   re-colors that markup instead of breaking it. */
:root {
  --ink:    var(--color-ink-900);
  --ink-2:  var(--color-ink-700);
  --ink-3:  var(--color-ink-500);
  --ink-4:  var(--color-ink-400);
  --paper:   var(--color-surface-50);
  --paper-2: var(--color-surface-100);
  --line:    var(--color-surface-200);
  --line-2:  var(--color-surface-300);

  --brand:     var(--color-accent-500);
  --brand-ink: var(--color-accent-50);

  /* Categorical dots used on feature cards. Muted, same family value so
     no single one shouts. */
  --lime:     var(--color-success-500);
  --lime-ink: var(--color-success-700);
  --violet:   var(--color-accent-500);
  --sky:      #3B82F6;
  --rose:     var(--color-danger-500);

  --mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sans: 'DM Sans', system-ui, -apple-system, sans-serif;
  --serif: 'DM Sans', system-ui, -apple-system, sans-serif;

  --mk-radius: 12px;
  --mk-shadow: 0 1px 2px rgb(28 27 24 / 0.05), 0 2px 8px rgb(28 27 24 / 0.04);
  --mk-shadow-pop: 0 4px 12px rgb(28 27 24 / 0.08), 0 12px 32px rgb(28 27 24 / 0.10);
  --mk-max: 1120px;
}

body.mk-page {
  margin: 0;
  background: var(--paper);
  color: var(--ink-2);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}

/* ── Nav ─────────────────────────────────────────────────────────── */
.mk-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 64px;
  padding: 12px max(20px, calc((100vw - var(--mk-max)) / 2));
  background: rgb(255 255 255 / 0.85);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
  color: var(--ink);
}

.mk-nav a { color: inherit; text-decoration: none; }

.mk-nav .logo {
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.mk-nav .logo .mark {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--color-accent-500);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}

.mk-nav .logo b { color: var(--ink); font-weight: 700; }

.mk-nav-panel {
  display: flex;
  flex: 1;
  min-width: 0;
  align-items: center;
  gap: 22px;
}

.mk-nav .links {
  display: flex;
  gap: 20px;
  font-size: 14.5px;
  color: var(--ink-500, var(--ink-3));
}

.mk-nav .links a {
  position: relative;
  padding: 6px 0;
  color: var(--ink-2);
  transition: color 0.15s ease;
}

.mk-nav .links a:hover { color: var(--ink); }

/* Current-section marker: a small underline, not a floating dot. */
.mk-nav .links a.has-b::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--color-accent-500);
}

.mk-nav .sp { flex: 1; }

.mk-nav-account {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mk-nav-account .mk-btn { white-space: nowrap; }

.mk-menu-toggle {
  display: none;
  min-width: 44px;
  min-height: 44px;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid var(--line-2);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: 600 14px/1 var(--sans);
  cursor: pointer;
}

.mk-menu-toggle svg {
  width: 18px;
  height: 18px;
}

.mk-menu-toggle:hover { background: var(--color-surface-100); }

.mk-menu-toggle:focus-visible {
  outline: 3px solid var(--color-accent-100);
  outline-offset: 2px;
}

.mk-nav .badge {
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--color-accent-100);
  background: var(--color-accent-50);
  color: var(--color-accent-700);
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.mk-nav .badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-accent-500);
}

@media (max-width: 960px) {
  .mk-nav { flex-wrap: wrap; }

  .mk-menu-toggle { display: inline-flex; }

  .mk-nav-panel {
    display: none;
    flex: 0 0 100%;
    width: 100%;
    padding: 12px 0 4px;
    border-top: 1px solid var(--line);
  }

  .mk-nav-panel.is-open {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px 18px;
  }

  .mk-nav .links {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 12px;
  }

  .mk-nav .links a {
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: 8px 12px;
    border-radius: 8px;
  }

  .mk-nav .links a:hover { background: var(--color-surface-100); }

  .mk-nav .links a.has-b::after {
    right: 12px;
    left: 12px;
    bottom: 5px;
  }

  .mk-nav-panel .sp { display: none; }
  .mk-nav .badge { align-self: center; justify-self: start; }
  .mk-nav-account { justify-self: end; }
}

/* ── Buttons ─────────────────────────────────────────────────────── */
.mk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid var(--line-2);
  background: #fff;
  color: var(--ink);
  font-family: inherit;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.mk-btn:hover { background: var(--color-surface-100); }

.mk-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgb(109 93 251 / 0.18);
}

.mk-btn.primary,
.mk-btn.brand {
  background: var(--color-accent-500);
  border-color: var(--color-accent-500);
  color: #fff;
}

.mk-btn.primary:hover,
.mk-btn.brand:hover {
  background: var(--color-accent-600);
  border-color: var(--color-accent-600);
}

.mk-btn.ghost {
  background: transparent;
  border-color: transparent;
  color: var(--ink-2);
}

.mk-btn.ghost:hover {
  background: var(--color-surface-100);
  color: var(--ink);
}

.mk-btn.lg { height: 44px; padding: 0 20px; font-size: 15px; }

/* The ⌘K hint inside nav CTAs. */
.mk-btn .kbd {
  font-family: var(--mono);
  font-size: 11px;
  padding: 2px 5px;
  border-radius: 4px;
  background: rgb(255 255 255 / 0.16);
  border: 1px solid rgb(255 255 255 / 0.22);
}

/* Keep the keyboard hint readable against the violet primary button. */
.mk-btn.primary .kbd,
.mk-btn.brand .kbd {
  background: var(--color-accent-800);
  border-color: var(--color-accent-800);
  color: #fff;
  font-weight: 500;
}

.mk-btn.ghost .kbd,
.mk-btn:not(.primary):not(.brand) .kbd {
  background: var(--color-surface-100);
  border-color: var(--line);
  color: var(--ink-3);
}

/* ── Page shells ─────────────────────────────────────────────────── */
.mk-page-shell {
  max-width: var(--mk-max);
  margin: 0 auto;
  padding: 56px 24px 88px;
  color: var(--ink-2);
  font-family: var(--sans);
}

/* ── Page headers (eyebrow / h1 / lead) ──────────────────────────── */
.mk-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  border: 1px solid var(--color-accent-100);
  border-radius: 999px;
  background: var(--color-accent-50);
  color: var(--color-accent-700);
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
}

.mk-eyebrow .dot {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--color-accent-500);
  box-shadow: none;
  flex: 0 0 auto;
}

.mk-h1 {
  max-width: 20ch;
  margin: 20px 0 16px;
  color: var(--ink);
  font-family: var(--sans);
  font-size: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

/* The old design set headline fragments in italic serif and highlighted
   them with a marker-pen gradient. Both are retired: same weight, and
   emphasis is carried by the accent color alone. */

.mk-lead {
  max-width: 68ch;
  margin: 0 0 36px;
  color: var(--ink-3);
  font-size: 1.125rem;
  line-height: 1.6;
  text-wrap: pretty;
}

/* ── Sections ────────────────────────────────────────────────────── */
.mk-sec {
  margin-top: 64px;
}


.mk-sec h2 {
  margin: 0 0 8px;
  color: var(--ink);
  font-size: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

/* ── Cards & grids ───────────────────────────────────────────────── */

.mk-card,
body.mk-page .mk-plan-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--mk-radius);
  box-shadow: var(--mk-shadow);
  backdrop-filter: none;
}

.mk-card {
  padding: 24px;
}

.mk-card .cap,
body.mk-page .mk-plan-card .cap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: var(--ink-3);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mk-card .cap .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: 0 0 auto;
}

.mk-card h3,
body.mk-page .mk-plan-card h3 {
  margin: 6px 0 8px;
  color: var(--ink);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.mk-card p,
body.mk-page .mk-plan-card p {
  margin: 0;
  color: var(--ink-3);
  font-size: 14.5px;
  line-height: 1.6;
}

.mk-card ul {
  margin: 14px 0 0;
  padding-left: 18px;
  color: var(--ink-3);
  font-size: 14px;
  line-height: 1.75;
}

/* Inverted CTA card — flat ink surface, no offset shadow. */

/* ── Hero (public tool pages) ────────────────────────────────────── */

/* ── Scan box ────────────────────────────────────────────────────── */

/* ── Proof list ──────────────────────────────────────────────────── */

/* ── Pricing plans ───────────────────────────────────────────────── */
body.mk-page .mk-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

body.mk-page .mk-plan-card { padding: 26px; }

/* Featured plan: accent border + tint, not an inverted black card. */
body.mk-page .mk-plan-card.featured {
  border-color: var(--color-accent-300);
  box-shadow: var(--mk-shadow-pop);
}

body.mk-page .mk-plan-card.featured .cap { color: var(--color-accent-600); }

body.mk-page .mk-price {
  margin: 10px 0 4px;
  color: var(--ink);
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

body.mk-page .mk-price span {
  color: var(--ink-3);
  font-size: 1rem;
  font-weight: 400;
}

body.mk-page .mk-plan-card ul {
  display: grid;
  gap: 10px;
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

body.mk-page .mk-plan-card li {
  display: flex;
  gap: 10px;
  color: var(--ink-3);
  font-size: 14.5px;
  line-height: 1.5;
}

body.mk-page .mk-plan-card li::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-top: 8px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--color-accent-500);
}

/* ── Status table ────────────────────────────────────────────────── */

/* ── Case blocks (solutions page) ────────────────────────────────── */

/* ── Quotes (customers page) ─────────────────────────────────────── */

/* ── Footer CTA band ─────────────────────────────────────────────── */

/* ── Site footer ─────────────────────────────────────────────────── */
.mk-foot {
  margin-top: 80px;
  padding: 56px 0 40px;
  border-top: 1px solid var(--line);
  background: var(--color-surface-100);
}

.mk-foot .inner {
  max-width: var(--mk-max);
  margin: 0 auto;
  padding: 0 24px;
}

.mk-foot .cols {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 40px;
}

.mk-foot .brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  color: var(--ink);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.mk-foot .brand .mark {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--color-accent-500);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}

.mk-foot .blurb {
  max-width: 42ch;
  margin: 0;
  color: var(--ink-3);
  font-size: 14.5px;
  line-height: 1.6;
}

.mk-foot h3 {
  margin: 0 0 14px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.mk-foot ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mk-foot a {
  color: var(--ink-3);
  font-size: 14.5px;
  text-decoration: none;
  transition: color 0.15s ease;
}

.mk-foot a:hover { color: var(--color-accent-600); }

.mk-foot .mk-foot-privacy {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink-3);
  font: inherit;
  font-size: 14.5px;
  text-align: left;
  cursor: pointer;
}

.mk-foot .mk-foot-privacy:hover { color: var(--color-accent-600); }

.mk-foot .mk-foot-privacy:focus-visible {
  outline: 3px solid var(--color-accent-100);
  outline-offset: 3px;
}

.mk-foot .bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 44px;
  padding-top: 24px;
  border-top: 1px solid var(--line-2);
  color: var(--ink-2);
  font-size: 13.5px;
}

.mk-foot .bar .status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.mk-foot .bar .status .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-success-500);
}

/* ── Legacy vt-* remaps used on public pages ─────────────────────── */

/* Retire gradient text: the accent color carries the emphasis. */

/* NOTE: there is deliberately no blanket `body.mk-page h1..h6 { color }` rule
   here. input.css's @layer base already sets heading font, color, and
   tracking. A blanket rule at (0,1,2) specificity would silently outrank any
   component rule like `.lp-cta h2` (0,1,1) and paint headings dark on
   inverted surfaces. Style headings on the component, not globally. */

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 920px) {

  body.mk-page .mk-plan-grid,
  .mk-foot .cols {
    grid-template-columns: 1fr;
  }

  .mk-foot .cols { gap: 32px; }
}

@media (max-width: 640px) {
  body.mk-public-page #consent-manage-trigger { display: none !important; }

  .mk-nav { gap: 12px; padding-inline: 18px; }
  .mk-nav .kbd { display: none; }

  .mk-nav-panel.is-open { grid-template-columns: 1fr; }
  .mk-nav .links { grid-template-columns: 1fr; }
  .mk-nav .badge { justify-self: start; }
  .mk-nav-account {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;
    justify-self: stretch;
  }
  .mk-nav-account .mk-btn { width: 100%; }

  .mk-page-shell { padding: 36px 20px 64px; }
}