/* ==========================================================================
   robot.css — hoja única del sitio.
   Parte 1: base heredada del volcado reference.css, recortada a las reglas
   que el HTML/JS construido usa de verdad (auditoría A/B de estilos
   computados sin diferencias, ago 2026).
   Parte 2: tema robot.com (tokens y componentes robot-*), que debe ir
   después para conservar la cascada.
   ========================================================================== */
.icon-editorial img{transform:translateY(100px);transition:transform 1s cubic-bezier(.65,0,.15,.99);transition-delay:calc(var(--icon-index) * .05s)}.section-editorial-headline.in-view .icon-editorial img{transform:translateY(0)}@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-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--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-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-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"Space Mono", monospace;--color-red-500:#f66c60;--color-red-600:#e51300;--color-orange-50:#fff0eb;--color-orange-100:#ffdccf;--color-orange-200:#ffb598;--color-orange-400:#ff6529;--color-orange-500:#ff5229;--color-orange-600:#fa500f;--color-yellow-300:#ffdd73;--color-yellow-400:#fec63a;--color-yellow-500:#ffaf01;--color-green-300:#94eacc;--color-green-500:#44ba82;--color-green-700:#318e68;--color-green-900:#055737;--color-blue-200:#b9daff;--color-blue-400:#55b3fb;--color-blue-600:#0082e6;--color-blue-800:#044298;--color-pink-200:#ffc2eb;--color-pink-300:#ff92dc;--color-pink-600:#e1493c;--color-pink-800:#83075c;--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-900:oklch(21% .034 264.665);--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-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-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--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 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--blur-lg:16px;--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-cream-50:#fafaf4;--color-cream-100:#f2f1e8;--color-navy-200:#dcdcde;--color-navy-300:#b8b8cc;--color-navy-500:#88889c;--color-navy-600:#6f6f84;--color-navy-700:#56566c;--color-navy-800:#343446;--color-navy-900:#242433;--color-navy-950:#151524;--color-tangerine-500:#ff8204;--color-tangerine-700:#b75002;--color-tangerine-800:#933800;--color-raspberry-700:#c4001d;--color-black-light:var(--color-navy-800);--color-black-medium:var(--color-navy-900);--color-black-strong:var(--color-navy-950);--color-orange-medium:var(--color-tangerine-500);--color-orange-strong:var(--color-orange-500);--color-red-strong:var(--color-red-600);--color-blue-medium:var(--color-blue-400);--color-blue-strong:var(--color-blue-600);--color-blue-contrast:var(--color-blue-800);--color-text-primary:var(--color-zinc-900);--color-text-secondary:var(--color-zinc-800);--color-text-tertiary:var(--color-zinc-700);--color-text-invert:var(--color-zinc-50);--color-text-muted:var(--color-zinc-500);--color-text-brand-1:var(--color-orange-strong);--color-text-brand-2:var(--color-blue-strong);--color-text-brand-3:var(--color-red-strong);--color-text-brand-4:var(--color-black-strong);--color-text-brand-5:var(--color-orange-medium);--color-surface-neutral-secondary:var(--color-zinc-100);--color-surface-neutral-tertiary:var(--color-zinc-200);--color-surface-brand-primary:#fbfbf8;--color-surface-brand-secondary:#f5f4ef;--color-surface-brand-tertiary:#ebe9e0;--color-surface-invert:var(--color-navy-950);--color-surface-brand:var(--color-orange-strong);--color-border-primary:#e4e3de;--color-border-secondary:#c9c9c4;--color-border-invert:#31313a;--color-action-primary:var(--color-zinc-950);--color-action-secondary:var(--color-zinc-900);--color-action-invert-primary:var(--color-zinc-100);--color-action-invert-secondary:var(--color-zinc-50);--color-action-brand:var(--color-zinc-50);--color-action-ghost-1:#07070b0d;--color-action-ghost-2:#07070b1a;--color-action-invert-ghost-1:#f9f9fb0d;--color-action-invert-ghost-2:#f9f9fb1a;--color-icon-invert:var(--color-zinc-50);--color-icon-muted:#6d6d78;--font-display:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-sans:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--text-display:6rem;--text-display--line-height:6rem;--text-display--letter-spacing:-.02em;--text-display--font-weight:500;--text-h1:4.5rem;--text-h1--line-height:4.5rem;--text-h1--letter-spacing:-.02em;--text-h1--font-weight:500;--text-h2:3.5rem;--text-h2--line-height:3.75rem;--text-h2--letter-spacing:-.01em;--text-h2--font-weight:500;--text-h3:2.75rem;--text-h3--line-height:3.25rem;--text-h3--letter-spacing:-.01em;--text-h3--font-weight:500;--text-h4:2rem;--text-h4--line-height:2.5rem;--text-h4--letter-spacing:0;--text-h4--font-weight:500;--text-h5:1.5rem;--text-h5--line-height:2rem;--text-h5--letter-spacing:0;--text-h5--font-weight:500;--text-h6:1rem;--text-h6--line-height:1.5rem;--text-h6--letter-spacing:0;--text-h6--font-weight:500;--text-body-large:1.25rem;--text-body-large--line-height:1.75rem;--text-body-large--letter-spacing:-.02em;--text-body-large--font-weight:400;--text-body-base:1rem;--text-body-base--line-height:1.5rem;--text-body-base--letter-spacing:-.01em;--text-body-base--font-weight:400;--text-body-small:.8125rem;--text-body-small--line-height:1.25rem;--text-body-small--letter-spacing:0;--text-body-small--font-weight:400;--text-button-large:1rem;--text-button-large--line-height:1.5rem;--text-button-large--letter-spacing:.01em;--text-button-large--font-weight:500;--text-button-small:.875rem;--text-button-small--line-height:1.25rem;--text-button-small--letter-spacing:.02em;--text-button-small--font-weight:500;--text-eyebrow:.8125rem;--text-eyebrow--line-height:1.25rem;--text-eyebrow--letter-spacing:0;--text-eyebrow--font-weight:400;--text-eyebrow-small:.6875rem;--text-eyebrow-small--line-height:1rem;--text-eyebrow-small--letter-spacing:0;--text-eyebrow-small--font-weight:400;--animate-fade-in:fade-in .5s linear;--animate-fading-arrow-scroll-1:fading-arrow-scroll 2s 0s linear infinite;--animate-fading-arrow-scroll-2:fading-arrow-scroll 2s .2s linear infinite;--animate-fading-arrow-scroll-3:fading-arrow-scroll 2s .4s linear infinite;--animate-cover-gradient-1:cover-gradient-1 8s 3s infinite linear;--animate-cover-gradient-2:cover-gradient-2 10s infinite linear;--animate-cover-gradient-3:cover-gradient-3 5s infinite linear;--animate-cover-gradient-4:cover-gradient-4 6s infinite linear;--animate-dot-pulse:dot-pulse 2s infinite linear;--animate-brand-1:brand-from-left .7s .1s ease-out both;--animate-brand-2:brand-from-top .7s .1s ease-out both;--animate-brand-3:brand-from-br .7s .4s ease-out both;--animate-brand-4:brand-from-tl .7s .55s ease-out both;--animate-brand-5:brand-from-left .7s .5s ease-out both;--animate-brand-6:brand-from-right .7s 2s ease-out both;--animate-hero-ocr4-background:animate-hero-ocr4-background 4s ease-in-out infinite;--animate-hero-ocr4-scanner:animate-hero-ocr4-scanner 4s linear infinite;--animate-hero-ocr4-block-1:animate-hero-ocr4-block-1 4s ease-in-out infinite;--animate-hero-ocr4-block-2:animate-hero-ocr4-block-2 4s ease-in-out infinite;--animate-hero-ocr4-block-3:animate-hero-ocr4-block-3 4s ease-in-out infinite;--animate-hero-ocr4-block-4:animate-hero-ocr4-block-4 4s ease-in-out infinite;--animate-hero-ocr4-block-5:animate-hero-ocr4-block-5 4s ease-in-out infinite;--nav-height:48px}}@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,:host{-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}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: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,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{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}: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:currentColor}@supports (color:color-mix(in lab,red,red)){::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{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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-12{top:calc(var(--spacing) * 12)}.top-20{top:calc(var(--spacing) * 20)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-span-9{grid-column:span 9/span 9}.col-span-11{grid-column:span 11/span 11}.m-6{margin:calc(var(--spacing) * 6)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.-mt-px{margin-top:-1px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.-ml-px{margin-left:-1px}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-4{margin-left:calc(var(--spacing) * 4)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.aspect-square{aspect-ratio:1}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.size-full{width:100%;height:100%}.h-1{height:calc(var(--spacing) * 1)}.h-3{height:calc(var(--spacing) * 3)}.h-7{height:calc(var(--spacing) * 7)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-15{height:calc(var(--spacing) * 15)}.h-30{height:calc(var(--spacing) * 30)}.h-34{height:calc(var(--spacing) * 34)}.h-40{height:calc(var(--spacing) * 40)}.h-50{height:calc(var(--spacing) * 50)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-10{max-height:calc(var(--spacing) * 10)}.min-h-85{min-height:calc(var(--spacing) * 85)}.min-h-90{min-height:calc(var(--spacing) * 90)}.min-h-100{min-height:calc(var(--spacing) * 100)}.w-0{width:calc(var(--spacing) * 0)}.w-1\/2{width:50%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-13{width:calc(var(--spacing) * 13)}.w-15{width:calc(var(--spacing) * 15)}.w-\[80dvw\]{width:80dvw}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-20{max-width:calc(var(--spacing) * 20)}.max-w-38{max-width:calc(var(--spacing) * 38)}.max-w-432{max-width:calc(var(--spacing) * 432)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-12{min-width:calc(var(--spacing) * 12)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-bottom-left{transform-origin:0 100%}.origin-bottom-right{transform-origin:100% 100%}.-translate-x-10{--tw-translate-x:calc(var(--spacing) * -10);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\(--icon-left-x\){--tw-translate-x:var(--icon-left-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.scroll-m-10{scroll-margin:calc(var(--spacing) * 10)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-20{gap:calc(var(--spacing) * 20)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border-primary>:not(:last-child)){border-color:var(--color-border-primary)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border-primary{border-color:var(--color-border-primary)}.border-border-secondary{border-color:var(--color-border-secondary)}.border-transparent{border-color:#0000}.bg-action-ghost-1{background-color:var(--color-action-ghost-1)}.bg-action-primary{background-color:var(--color-action-primary)}.bg-black{background-color:var(--color-black)}.bg-blue-medium{background-color:var(--color-blue-medium)}.bg-border-primary{background-color:var(--color-border-primary)}.bg-navy-200{background-color:var(--color-navy-200)}.bg-surface-brand-primary{background-color:var(--color-surface-brand-primary)}.bg-surface-brand-secondary{background-color:var(--color-surface-brand-secondary)}.bg-text-brand-1{background-color:var(--color-text-brand-1)}.bg-text-brand-2{background-color:var(--color-text-brand-2)}.bg-text-primary{background-color:var(--color-text-primary)}.bg-white{background-color:var(--color-white)}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[url\(\/images\/noise\/noise-rectangle\.png\)\]{background-image:url(/images/noise/noise-rectangle.png)}.from-black\/90{--tw-gradient-from:#000000e6}@supports (color:color-mix(in lab,red,red)){.from-black\/90{--tw-gradient-from:color-mix(in oklab, var(--color-black) 90%, transparent)}}.from-black\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-25\%{--tw-gradient-from-position:25%}.to-black\/20{--tw-gradient-to:#0003}@supports (color:color-mix(in lab,red,red)){.to-black\/20{--tw-gradient-to:color-mix(in oklab, var(--color-black) 20%, transparent)}}.to-black\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-repeat{background-repeat:repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-nav{padding-top:var(--nav-height)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-left{text-align:left}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-body-base{font-size:var(--text-body-base);line-height:var(--tw-leading,var(--text-body-base--line-height));letter-spacing:var(--tw-tracking,var(--text-body-base--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-base--font-weight))}.text-body-large{font-size:var(--text-body-large);line-height:var(--tw-leading,var(--text-body-large--line-height));letter-spacing:var(--tw-tracking,var(--text-body-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-large--font-weight))}.text-body-small{font-size:var(--text-body-small);line-height:var(--tw-leading,var(--text-body-small--line-height));letter-spacing:var(--tw-tracking,var(--text-body-small--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-small--font-weight))}.text-button-large{font-size:var(--text-button-large);line-height:var(--tw-leading,var(--text-button-large--line-height));letter-spacing:var(--tw-tracking,var(--text-button-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-button-large--font-weight))}.text-button-small{font-size:var(--text-button-small);line-height:var(--tw-leading,var(--text-button-small--line-height));letter-spacing:var(--tw-tracking,var(--text-button-small--letter-spacing));font-weight:var(--tw-font-weight,var(--text-button-small--font-weight))}.text-display{font-size:var(--text-display);line-height:var(--tw-leading,var(--text-display--line-height));letter-spacing:var(--tw-tracking,var(--text-display--letter-spacing));font-weight:var(--tw-font-weight,var(--text-display--font-weight))}.text-eyebrow{font-size:var(--text-eyebrow);line-height:var(--tw-leading,var(--text-eyebrow--line-height));letter-spacing:var(--tw-tracking,var(--text-eyebrow--letter-spacing));font-weight:var(--tw-font-weight,var(--text-eyebrow--font-weight))}.text-eyebrow-small{font-size:var(--text-eyebrow-small);line-height:var(--tw-leading,var(--text-eyebrow-small--line-height));letter-spacing:var(--tw-tracking,var(--text-eyebrow-small--letter-spacing));font-weight:var(--tw-font-weight,var(--text-eyebrow-small--font-weight))}.text-h1{font-size:var(--text-h1);line-height:var(--tw-leading,var(--text-h1--line-height));letter-spacing:var(--tw-tracking,var(--text-h1--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h1--font-weight))}.text-h2{font-size:var(--text-h2);line-height:var(--tw-leading,var(--text-h2--line-height));letter-spacing:var(--tw-tracking,var(--text-h2--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h2--font-weight))}.text-h3{font-size:var(--text-h3);line-height:var(--tw-leading,var(--text-h3--line-height));letter-spacing:var(--tw-tracking,var(--text-h3--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h3--font-weight))}.text-h4{font-size:var(--text-h4);line-height:var(--tw-leading,var(--text-h4--line-height));letter-spacing:var(--tw-tracking,var(--text-h4--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h4--font-weight))}.text-h5{font-size:var(--text-h5);line-height:var(--tw-leading,var(--text-h5--line-height));letter-spacing:var(--tw-tracking,var(--text-h5--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h5--font-weight))}.text-h6{font-size:var(--text-h6);line-height:var(--tw-leading,var(--text-h6--line-height));letter-spacing:var(--tw-tracking,var(--text-h6--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h6--font-weight))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-text-brand-3{color:var(--color-text-brand-3)}.text-text-invert{color:var(--color-text-invert)}.text-text-muted{color:var(--color-text-muted)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-text-tertiary{color:var(--color-text-tertiary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-100{opacity:1}.mix-blend-difference{mix-blend-mode:difference}.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:-1px}.outline-border-primary{outline-color:var(--color-border-primary)}.grayscale-100{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-50{transition-delay:50ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.will-change-transform{will-change:transform}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\/search\:bg-surface-brand-primary:is(:where(.group\/search):focus-within *){background-color:var(--color-surface-brand-primary)}@media(hover:hover){.group-hover\:translate-x-\(--icon-right-x\):is(:where(.group):hover *){--tw-translate-x:var(--icon-right-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-\(--text-x\):is(:where(.group):hover *){--tw-translate-x:var(--text-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-0:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:shadow-box:is(:where(.group):hover *){box-shadow:0 20px 30px #0000001a,0 2px 4px -1px #0000000f}.group-hover\:delay-75:is(:where(.group):hover *){transition-delay:75ms}.group-hover\:delay-100:is(:where(.group):hover *){transition-delay:.1s}.group-hover\/link\:translate-x-0:is(:where(.group\/link):hover *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/link\:translate-x-8:is(:where(.group\/link):hover *){--tw-translate-x:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/link\:translate-x-10:is(:where(.group\/link):hover *){--tw-translate-x:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/news\:translate-x-0:is(:where(.group\/news):hover *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/news\:translate-x-10:is(:where(.group\/news):hover *){--tw-translate-x:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/news\:bg-\(--color-tag-active\):is(:where(.group\/news):hover *){background-color:var(--color-tag-active)}}.peer-checked\:ml-1:is(:where(.peer):checked~*){margin-left:calc(var(--spacing) * 1)}.peer-checked\:w-3:is(:where(.peer):checked~*){width:calc(var(--spacing) * 3)}.peer-checked\:scale-100:is(:where(.peer):checked~*){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.peer-checked\:rotate-0:is(:where(.peer):checked~*){rotate:0deg}.peer-checked\:opacity-100:is(:where(.peer):checked~*){opacity:1}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.focus-within\:bg-action-ghost-1:focus-within{background-color:var(--color-action-ghost-1)}@media(hover:hover){.hover\:bg-action-ghost-2:hover{background-color:var(--color-action-ghost-2)}.hover\:bg-action-secondary:hover{background-color:var(--color-action-secondary)}.hover\:bg-surface-brand-secondary:hover{background-color:var(--color-surface-brand-secondary)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-border-secondary:focus{border-color:var(--color-border-secondary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-\(--color-tag-active\):active{background-color:var(--color-tag-active)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:bg-action-ghost-1:disabled{background-color:var(--color-action-ghost-1)}.disabled\:bg-action-ghost-2:disabled{background-color:var(--color-action-ghost-2)}.disabled\:text-text-muted:disabled{color:var(--color-text-muted)}.disabled\:opacity-30:disabled{opacity:.3}.has-checked\:bg-\(--color-tag-active\):has(:checked){background-color:var(--color-tag-active)}.data-active\:pointer-events-none[data-active]{pointer-events:none}.data-active\:bg-action-primary[data-active]{background-color:var(--color-action-primary)}.data-active\:text-white[data-active]{color:var(--color-white)}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){.md\:absolute{position:absolute}.md\:top-11{top:calc(var(--spacing) * 11)}.md\:col-span-2{grid-column:span 2/span 2}.md\:-mx-3{margin-inline:calc(var(--spacing) * -3)}.md\:mb-10{margin-bottom:calc(var(--spacing) * 10)}.md\:-ml-px{margin-left:-1px}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:inline{display:inline}.md\:size-68{width:calc(var(--spacing) * 68);height:calc(var(--spacing) * 68)}.md\:h-60{height:calc(var(--spacing) * 60)}.md\:h-140{height:calc(var(--spacing) * 140)}.md\:h-full{height:100%}.md\:max-h-15{max-height:calc(var(--spacing) * 15)}.md\:min-h-95{min-height:calc(var(--spacing) * 95)}.md\:min-h-135{min-height:calc(var(--spacing) * 135)}.md\:w-1\/4{width:25%}.md\:w-3\/4{width:75%}.md\:w-6{width:calc(var(--spacing) * 6)}.md\:w-95{width:calc(var(--spacing) * 95)}.md\:w-125{width:calc(var(--spacing) * 125)}.md\:w-auto{width:auto}.md\:w-fit{width:fit-content}.md\:max-w-28{max-width:calc(var(--spacing) * 28)}.md\:max-w-57{max-width:calc(var(--spacing) * 57)}.md\:min-w-18{min-width:calc(var(--spacing) * 18)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-start{justify-content:flex-start}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:gap-12{gap:calc(var(--spacing) * 12)}:where(.md\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.md\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}.md\:border-0{border-style:var(--tw-border-style);border-width:0}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:p-0{padding:calc(var(--spacing) * 0)}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:px-0{padding-inline:calc(var(--spacing) * 0)}.md\:px-3{padding-inline:calc(var(--spacing) * 3)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:py-2{padding-block:calc(var(--spacing) * 2)}.md\:py-10{padding-block:calc(var(--spacing) * 10)}.md\:py-20{padding-block:calc(var(--spacing) * 20)}.md\:pt-0{padding-top:calc(var(--spacing) * 0)}.md\:pb-20{padding-bottom:calc(var(--spacing) * 20)}}@media(min-width:64rem){.lg\:relative{position:relative}.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:aspect-\[0\.66\]{aspect-ratio:.66}.lg\:h-12{height:calc(var(--spacing) * 12)}.lg\:h-50{height:calc(var(--spacing) * 50)}.lg\:h-120{height:calc(var(--spacing) * 120)}.lg\:min-h-115{min-height:calc(var(--spacing) * 115)}.lg\:w-1\/2{width:50%}.lg\:w-50{width:calc(var(--spacing) * 50)}.lg\:w-100{width:calc(var(--spacing) * 100)}.lg\:shrink-1{flex-shrink:1}.lg\:-translate-x-9{--tw-translate-x:calc(var(--spacing) * -9);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:translate-x-8\.5{--tw-translate-x:calc(var(--spacing) * 8.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-start{justify-content:flex-start}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:gap-14{gap:calc(var(--spacing) * 14)}.lg\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.lg\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.lg\:bg-surface-brand-primary{background-color:var(--color-surface-brand-primary)}.lg\:from-black\/50{--tw-gradient-from:#00000080}@supports (color:color-mix(in lab,red,red)){.lg\:from-black\/50{--tw-gradient-from:color-mix(in oklab, var(--color-black) 50%, transparent)}}.lg\:from-black\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.lg\:to-black\/0{--tw-gradient-to:#0000}@supports (color:color-mix(in lab,red,red)){.lg\:to-black\/0{--tw-gradient-to:color-mix(in oklab, var(--color-black) 0%, transparent)}}.lg\:to-black\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-20{padding:calc(var(--spacing) * 20)}.lg\:px-0{padding-inline:calc(var(--spacing) * 0)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:px-20{padding-inline:calc(var(--spacing) * 20)}.lg\:py-30{padding-block:calc(var(--spacing) * 30)}.lg\:pt-4{padding-top:calc(var(--spacing) * 4)}.lg\:pt-30{padding-top:calc(var(--spacing) * 30)}.lg\:pb-23{padding-bottom:calc(var(--spacing) * 23)}@media(hover:hover){.lg\:group-hover\:-translate-x-10:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -10);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:group-hover\:translate-x-10:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}}}@media(min-width:80rem){.xl\:w-\[50\%\]{width:50%}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:108rem){.maxdesktop\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.maxdesktop\:px-0{padding-inline:calc(var(--spacing) * 0)}.maxdesktop\:px-\[calc\(\(100dvw-1728px\)\/2\)\]{padding-inline:calc(50dvw - 864px)}}}@media screen and (max-width:768px){:root{--text-display:2.5rem;--text-display--line-height:3rem;--text-h1:2.5rem;--text-h1--line-height:3rem;--text-h2:1.75rem;--text-h2--line-height:2.5rem;--text-h3:1.5rem;--text-h3--line-height:1.75rem;--text-h4:1.25rem;--text-h4--line-height:1.5rem;--text-body-large:1rem;--text-body-large--line-height:1.5rem;--text-button-large:1rem;--text-button-small:.8125rem;--text-eyebrow:.75rem;--text-eyebrow--line-height:1rem;--text-eyebrow-small:.75rem}}.prose{line-height:inherit;font-size:inherit}.prose p:only-child{margin:0}.prose p:first-child{margin-top:0}.prose p:last-child{margin-bottom:0}.prose ul:first-child{margin-top:0}.prose ul:last-child{margin-bottom:0}.prose *{color:inherit}.prose a:hover{color:var(--color-text-secondary)}.prose code{color:var(--color-text-primary);background-color:var(--color-surface-neutral-tertiary);border-radius:.125rem;padding-left:.25rem;padding-right:.25rem}.prose code:before,.prose code:after{display:none}body{background-color:var(--color-surface-brand-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}@media screen and (max-width:768px){:root{--nav-height:48px}}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-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-content{syntax:"*";inherits:false;initial-value:""}

/* ==========================================================================
   Tema robot.com — réplica del sistema visual de la referencia template-robot
   Se carga después de reference.css y redefine los tokens semánticos.
   Tinta #262626 · crema #f8f6f3 · amarillo #fff65d · paneles 24px · píldoras.
   ========================================================================== */

:root {
  /* superficies crema */
  --color-surface-brand-primary: #f8f6f3;
  --color-surface-brand-secondary: #f2f0ec;
  --color-surface-brand-tertiary: #ecebea;

  /* tinta y grises cálidos */
  --color-text-primary: #262626;
  --color-text-secondary: #3c3b39;
  --color-text-tertiary: #5c5b58;
  --color-text-muted: #8e8d8a;
  --color-text-invert: #f8f6f3;

  /* bordes suaves */
  --color-border-primary: #e2e0dc;
  --color-border-secondary: #d9d7d5;
  --color-border-invert: #3a3a38;

  /* acciones: píldoras oscuras + amarillo */
  --color-action-primary: #262626;
  --color-action-secondary: #3c3b39;
  --color-action-tertiary: #262626;
  --color-action-ghost-1: #2626260d;
  --color-action-ghost-2: #2626261a;

  /* acento */
  --robot-yellow: #fff65d;
  --robot-ink: #262626;
  --robot-cream: #f8f6f3;
  --robot-card: #f4f2ee;
  --robot-olive: #8a8a33;

  /* geometría de panel */
  --robot-radius: 24px;
  --robot-radius-sm: 16px;
  --robot-gap: 8px;
}

/* ------------------------------------------------------------- Base */

body {
  background: var(--robot-cream);
  color: var(--robot-ink);
  letter-spacing: -0.01em;
}

/* Botones y CTAs → píldoras */
a[class*="bg-action-primary"],
button[class*="bg-action-primary"] {
  border-radius: 999px !important;
}

/* Tarjetas y paneles heredan el radio del sistema */
.robot-panel {
  border-radius: var(--robot-radius);
  overflow: hidden;
}

.robot-panel--ink {
  background: var(--robot-ink);
  color: var(--robot-cream);
  /* Scope oscuro: los tokens semánticos se invierten dentro del panel,
     igual que en .robot-footer, para que texto y bordes sigan legibles. */
  --color-text-primary: #f8f6f3;
  --color-text-secondary: #d9d7d5;
  --color-text-tertiary: #a2a19e;
  --color-text-muted: #8e8d8a;
  --color-border-primary: #3a3a38;
  --color-border-secondary: #474744;
  --color-surface-brand-primary: #262626;
  --color-surface-brand-secondary: #2e2e2c;
}

.robot-panel--yellow {
  background: var(--robot-yellow);
  color: var(--robot-ink);
}

.robot-panel--card {
  background: var(--robot-card);
}

/* Trama de puntos blancos sobre amarillo, como la referencia */
.robot-dots {
  /* Misma finura que la máscara: círculos de ~73px con paso de 92px */
  background-image: radial-gradient(circle at 50% 50%, #ffffff 36px, transparent 37px);
  background-size: 92px 92px;
}

/* La grotesca de display se aprieta como Yellix en la referencia */
.font-display {
  letter-spacing: -0.02em;
}

/* Texto gris grande sobre panel oscuro (bloque Formic) */
.robot-statement {
  color: #8e8d8a;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.05;
}

/* Reveal palabra a palabra: cada palabra pasa de gris a crema con el scroll */
[data-word-reveal] .rw {
  transition: color 0.35s ease;
}

[data-word-reveal] .rw::after {
  content: " ";
}

[data-word-reveal] .rw.on {
  color: #f8f6f3;
}

/* Variante crema: el statement del panel de partner en la referencia */
.robot-statement--cream {
  color: #f2f1ee;
}

/* ------------------------------------------------- Cabecera flotante */

.robot-header {
  position: relative;
  /* por encima del panel móvil (z-40): las píldoras deben poder cerrar el menú */
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 14px 18px;
  pointer-events: none;
}

.robot-header > * {
  pointer-events: auto;
}

.robot-header .robot-nav-pill {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px;
  border-radius: 999px;
  background: rgba(38, 38, 38, 0.08);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
}

.robot-header[data-tone="dark"] .robot-nav-pill {
  background: rgba(248, 246, 243, 0.14);
}

.robot-nav-pill a {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 500;
  color: var(--robot-ink);
  transition: background-color 0.16s ease;
}

.robot-header[data-tone="dark"] .robot-nav-pill a {
  color: var(--robot-cream);
}

.robot-nav-pill a:hover,
.robot-nav-pill a[data-active="true"] {
  background: rgba(255, 255, 255, 0.75);
}

.robot-header[data-tone="dark"] .robot-nav-pill a:hover,
.robot-header[data-tone="dark"] .robot-nav-pill a[data-active="true"] {
  background: rgba(255, 255, 255, 0.18);
}

/* ------------------------------------------ Menú-píldora central */

.robot-menu {
  position: absolute;
  left: 50%;
  top: 14px;
  transform: translateX(-50%);
  width: min(400px, calc(100vw - 130px));
  border-radius: 24px;
  background: rgba(38, 38, 38, 0.08);
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  overflow: hidden;
  pointer-events: auto;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.robot-header[data-tone="dark"] .robot-menu {
  background: rgba(248, 246, 243, 0.62);
}

.robot-menu.open {
  background: #f4f2ee;
  box-shadow: 0 18px 50px rgba(20, 20, 18, 0.18);
}

.robot-menu-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 7px 0 18px;
}

.robot-menu-logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--robot-ink);
}

.robot-header[data-tone="dark"] .robot-menu-logo {
  color: var(--robot-ink);
}

.robot-menu.open .robot-menu-logo {
  color: var(--robot-ink);
}

.robot-menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 38, 38, 0.1);
  color: var(--robot-ink);
  transition: transform 0.3s ease, background-color 0.2s ease;
}

.robot-header[data-tone="dark"] .robot-menu-toggle {
  background: rgba(38, 38, 38, 0.1);
  color: var(--robot-ink);
}

.robot-menu.open .robot-menu-toggle {
  background: rgba(38, 38, 38, 0.1);
  color: var(--robot-ink);
  transform: rotate(180deg);
}

@media (min-width: 1024px) {
  .robot-menu-toggle {
    display: inline-flex;
  }
}

.robot-menu-panel {
  display: none;
  flex-direction: column;
  gap: 6px;
  padding: 4px 10px 12px;
}

.robot-menu.open .robot-menu-panel {
  display: flex;
}

.robot-menu-links {
  list-style: none;
  margin: 0;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
}

.robot-menu-links a {
  display: block;
  padding: 9px 0;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--robot-ink);
}

.robot-menu-links a[data-active="true"] {
  color: #8a8a33;
}

.robot-menu-media {
  position: relative;
  height: 190px;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
}

.robot-menu-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.robot-menu-slide[data-active="true"] {
  opacity: 1;
  pointer-events: auto;
}

.robot-menu-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.robot-menu-slide-label {
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--robot-yellow);
  color: var(--robot-ink);
  font-size: 13px;
  font-weight: 600;
}

.robot-menu-preview {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

.robot-menu-preview.show {
  opacity: 1;
}

.robot-menu-dots {
  position: absolute;
  right: 10px;
  bottom: 12px;
  display: flex;
  gap: 6px;
}

.robot-menu-dots button {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(38, 38, 38, 0.35);
  transition: background-color 0.2s ease, width 0.2s ease;
}

.robot-menu-dots button[data-active="true"] {
  background: #262626;
  width: 20px;
}

/* Hover rodante de etiqueta (el del template: dos textos apilados) */
.robot-roll {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

.robot-roll span {
  display: block;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.robot-roll span + span {
  position: absolute;
  inset: 0;
  transform: translateY(110%);
}

a:hover > .robot-roll span:first-child,
button:hover > .robot-roll span:first-child {
  transform: translateY(-110%);
}

a:hover > .robot-roll span + span,
button:hover > .robot-roll span + span {
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .robot-roll span { transition: none; }
}

.robot-brand-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(38, 38, 38, 0.08);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--robot-ink);
}

.robot-header[data-tone="dark"] .robot-brand-pill {
  background: rgba(248, 246, 243, 0.14);
  color: var(--robot-cream);
}

.robot-cta-pill {
  display: inline-flex;
  align-items: center;
  height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: #fff;
  color: var(--robot-ink);
  font-weight: 500;
  font-size: 15px;
  transition: transform 0.16s ease, filter 0.16s ease;
}

.robot-cta-pill:hover {
  filter: brightness(0.96);
}

.robot-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Botón de menú móvil: píldora circular a juego con la de marca */
.robot-menu-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: rgba(38, 38, 38, 0.08);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  color: var(--robot-ink);
}

.robot-header[data-tone="dark"] .robot-menu-pill {
  background: rgba(248, 246, 243, 0.62);
  color: var(--robot-ink);
}

/* En escritorio la navegación vive en la píldora central; el botón de
   menú se oculta aquí y no con una utilidad, para no depender del orden
   de carga entre esta hoja y la de utilidades. */
@media (min-width: 1024px) {
  .robot-menu-pill {
    display: none;
  }
}

/* ------------------------------------ Tabs de píldora (UseCaseShowcase) */

.robot-tab {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(248, 246, 243, 0.35);
  color: var(--robot-cream);
  font-size: 14.5px;
  font-weight: 500;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.robot-tab:hover {
  border-color: rgba(248, 246, 243, 0.7);
}

.robot-tab[data-active="true"] {
  background: #fff;
  border-color: #fff;
  color: var(--robot-ink);
}

.robot-tab-panel {
  display: none;
}

.robot-tab-panel[data-active="true"] {
  display: block;
}

/* Selector de objetivo del formulario (CASE / TARS) */
.robot-goal {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 20px;
  border-radius: 999px;
  border: 1px solid var(--robot-ink);
  color: var(--robot-ink);
  font-size: 14.5px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.robot-goal:hover {
  background: rgba(38, 38, 38, 0.06);
}

.robot-goal:has(input:checked) {
  background: var(--robot-ink);
  color: var(--robot-cream);
}

.robot-goal:has(input:focus-visible) {
  outline: 2px solid var(--robot-ink);
  outline-offset: 2px;
}

/* Chip de check (add-ons de la referencia) */
.robot-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: var(--robot-yellow);
  color: var(--robot-ink);
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
}

/* ------------------------------------------- Barra de anuncio oliva */

.robot-topbar {
  display: flex;
  align-items: center;
  gap: 10px;
  width: auto;
  margin: 8px 8px 0;
  padding: 12px 22px;
  border-radius: 999px;
  background: var(--robot-yellow);
  color: var(--robot-ink);
  font-size: 13.5px;
  min-width: 0;
  position: relative;
  z-index: 60;
}

.robot-topbar:hover .robot-topbar-title {
  text-decoration: underline;
}

/* --------------------------------------------- Acordeón numerado (1:1
   con UnfoldingContent): media constante a la izquierda + columnas píldora */

.robot-acc {
  display: grid;
  gap: 8px;
}

@media (min-width: 1024px) {
  .robot-acc {
    grid-template-columns: 1fr 1fr;
    height: 560px;
  }
}

.robot-acc-media-panel {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: #d9d7d5;
  min-height: 240px;
}

.robot-acc-media-panel img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.robot-acc-media-panel img[data-active="true"] {
  opacity: 1;
}

.robot-acc-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

@media (min-width: 1024px) {
  .robot-acc-row {
    flex-direction: row;
    height: 100%;
  }
}

.robot-acc-item {
  position: relative;
  overflow: hidden;
  min-width: 0;
  height: 76px;
  border-radius: 48px;
  transition: border-radius 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    flex-grow 0.45s cubic-bezier(0.215, 0.61, 0.355, 1),
    flex-basis 0.45s cubic-bezier(0.215, 0.61, 0.355, 1),
    height 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.robot-acc-item[data-open="true"] {
  height: auto;
  min-height: 300px;
  border-radius: 24px;
}

@media (min-width: 1024px) {
  .robot-acc-item {
    height: 100%;
    flex: 0 0 91px;
  }

  .robot-acc-item[data-open="true"] {
    flex: 1 1 0;
    min-height: 0;
  }
}

.robot-acc-toggle {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
}

.robot-acc-toggle::before {
  content: "";
  position: absolute;
  inset: 0;
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.robot-acc-item[data-open="false"] .robot-acc-toggle:hover::before {
  background-color: rgba(0, 0, 0, 0.4);
}

.robot-acc-item[data-open="true"] .robot-acc-toggle {
  pointer-events: none;
}

.robot-acc-preview {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  padding: 0 26px;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (min-width: 1024px) {
  .robot-acc-preview {
    flex-direction: column;
    align-items: center;
    padding: 24px 14px;
  }
}

.robot-acc-item[data-open="true"] .robot-acc-preview {
  opacity: 0;
  transition-delay: 0s;
}

.robot-acc-num {
  font-weight: 600;
  font-size: 19px;
}

.robot-acc-label {
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .robot-acc-label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin-top: auto;
  }
}

.robot-acc-inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  padding: 26px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.robot-acc-item[data-open="true"] .robot-acc-inner {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;
}

.robot-acc-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}

.robot-acc-text {
  max-width: 30rem;
  margin-top: auto;
  opacity: 0.65;
  font-weight: 500;
}

/* ------------------------------------------------------ Pie oscuro */

.robot-footer {
  margin: var(--robot-gap);
  border-radius: var(--robot-radius);
  background: var(--robot-ink);
  color: var(--robot-cream);
}

.robot-footer a:hover {
  text-decoration: underline;
}

.robot-footer .robot-footer-brand {
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.robot-footer h3 {
  color: #8e8d8a;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
}

/* --------------------------------------------- Marco de secciones */

/* Paneles enmarcados con hueco entre ellos, como la referencia */
.robot-frame {
  margin: 0 var(--robot-gap) var(--robot-gap);
  border-radius: var(--robot-radius);
  overflow: hidden;
}

.robot-frame--hero {
  margin-top: 0;
  position: relative;
  min-height: min(92vh, 900px);
}

.robot-frame--hero img,
.robot-frame--hero video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.robot-hero-caption {
  position: absolute;
  z-index: 2;
  right: 28px;
  top: 40%;
  max-width: 300px;
  color: var(--robot-cream);
  font-size: 17px;
  font-weight: 500;
  text-align: left;
}

.robot-hero-title {
  position: absolute;
  z-index: 2;
  left: 32px;
  bottom: 28px;
  color: var(--robot-cream);
  font-size: clamp(30px, 3vw, 56px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.04;
  max-width: 20ch;
}

/* Titular + CTA agrupados en la esquina del hero (como el template) */
.robot-hero-copy {
  position: absolute;
  z-index: 2;
  inset: 0 auto 0 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 22px;
}

.robot-hero-copy .robot-hero-title {
  position: static;
}

.robot-hero-cta {
  display: inline-flex;
  align-items: center;
  height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  background: var(--robot-yellow);
  color: var(--robot-ink);
  font-weight: 600;
  font-size: 15px;
  transition: filter 0.16s ease;
}

.robot-hero-cta:hover {
  filter: brightness(0.96);
}

.robot-frame--hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(38, 38, 38, 0.25), transparent 30%, transparent 60%, rgba(38, 38, 38, 0.45));
  pointer-events: none;
}

/* Tarjeta de producto/servicio: nombre + subtítulo gris + foto */
.robot-product-card {
  border-radius: var(--robot-radius);
  background: var(--robot-card);
  padding: 28px;
  display: flex;
  flex-direction: column;
}

.robot-product-card .robot-product-name {
  font-size: clamp(26px, 2.4vw, 34px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.05;
}

.robot-product-card .robot-product-sub {
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 500;
  letter-spacing: -0.03em;
  color: #a2a19e;
  line-height: 1.05;
}

.robot-pill-outline {
  display: inline-flex;
  align-items: center;
  height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  border: 1px solid var(--robot-ink);
  font-size: 15px;
  font-weight: 500;
  color: var(--robot-ink);
  width: max-content;
  transition: background-color 0.16s ease, color 0.16s ease;
}

.robot-pill-outline:hover {
  background: var(--robot-ink);
  color: var(--robot-cream);
}

.robot-panel--ink .robot-pill-outline {
  border-color: rgba(248, 246, 243, 0.4);
  color: var(--robot-cream);
}

.robot-panel--ink .robot-pill-outline:hover {
  background: var(--robot-cream);
  color: var(--robot-ink);
}

/* Píldora blanca sólida (sobre paneles oscuros) */
.robot-pill-solid {
  display: inline-flex;
  align-items: center;
  height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #fff;
  color: var(--robot-ink);
  font-size: 15px;
  font-weight: 500;
  width: max-content;
}

/* Formulario de contacto: campos píldora y envío amarillo */
.robot-form input:not([type="radio"]):not([type="checkbox"]),
.robot-form select {
  width: 100%;
  border: 1px solid var(--color-border-secondary);
  border-radius: 999px;
  background: #fff;
  padding: 14px 20px;
  font-size: 15px;
  color: var(--robot-ink);
}

.robot-form textarea {
  width: 100%;
  border: 1px solid var(--color-border-secondary);
  border-radius: 20px;
  background: #fff;
  padding: 14px 20px;
  font-size: 15px;
  color: var(--robot-ink);
}

.robot-form input:focus,
.robot-form textarea:focus {
  outline: 2px solid var(--robot-ink);
  outline-offset: 0;
  border-color: transparent;
}

.robot-form button[type="submit"] {
  width: 100%;
  border: 0;
  border-radius: 999px;
  background: var(--robot-yellow);
  color: var(--robot-ink);
  font-weight: 500;
  font-size: 16px;
  padding: 15px 24px;
  transition: filter 0.15s ease;
}

.robot-form button[type="submit"]:hover {
  filter: brightness(0.96);
}

/* Unveiling de puntos (DottedUnveilingMask): las cards de CASE y TARS
   quedan fijas y la máscara amarilla (cabecera + banda de agujeros)
   pasa por encima con el scroll, dejándolas aparecer */
.robot-unveil-section {
  position: relative;
  /* 100vh de pin + máscara (100vh de cabeza + banda de puntos) + respiro */
  height: calc(225vh + 366px);
}

.robot-unveil-pin {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 24px;
  background: #f8f6f3;
}

.robot-unveil-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 8px;
}

.robot-unveil-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 34px;
  border-radius: 18px;
  overflow: hidden;
  background-color: #f2f1ee;
  background-repeat: no-repeat;
  background-size: auto 72%;
  background-position: right -30px bottom -10px;
  color: var(--robot-ink);
}

.robot-unveil-card-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  max-width: 30ch;
}

.robot-unveil-card-name {
  font-size: clamp(30px, 2.8vw, 48px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: var(--robot-ink);
}

.robot-unveil-card-sub {
  font-size: clamp(26px, 2.5vw, 42px);
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.08;
  color: #a2a19e;
}

.robot-unveil-card-text {
  margin-top: 22px;
  font-size: 15.5px;
  line-height: 1.5;
  color: #3c3b39;
  max-width: 34ch;
}

.robot-unveil-card .robot-pill-outline {
  margin-top: 26px;
}

.robot-unveil-mask {
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 2;
  pointer-events: none;
}

.robot-unveil-head {
  background: var(--robot-yellow);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 18px;
  height: 100vh;
  padding: 32px 40px 34px;
  border-radius: 24px 24px 0 0;
  color: var(--robot-ink);
}

.robot-unveil-dots {
  /* geometría del SVG de la referencia: hueco ø73px, paso 92px, 4 filas */
  height: 366px;
  background: var(--robot-yellow);
  -webkit-mask-image: radial-gradient(circle at 50% 50%, transparent 36px, #000 37px);
  mask-image: radial-gradient(circle at 50% 50%, transparent 36px, #000 37px);
  -webkit-mask-size: 92px 92px;
  mask-size: 92px 92px;
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}

@media (max-width: 1023px) {
  .robot-unveil-section {
    height: calc(225vh + 256px);
  }

  .robot-unveil-cards {
    grid-template-columns: 1fr;
  }

  .robot-unveil-card {
    padding: 20px;
  }

  .robot-unveil-head {
    height: 100vh;
    padding: 22px 20px 26px;
  }

  .robot-unveil-dots {
    height: 256px;
    -webkit-mask-size: 64px 64px;
    mask-size: 64px 64px;
    -webkit-mask-image: radial-gradient(circle at 50% 50%, transparent 25px, #000 26px);
    mask-image: radial-gradient(circle at 50% 50%, transparent 25px, #000 26px);
  }
}

@supports not (mask-image: radial-gradient(#000, #000)) {
  .robot-unveil-mask {
    display: none;
  }
}

@media (max-width: 1023px) {
  .robot-unveil-section {
    height: 150vh;
  }

  .robot-unveil-strip {
    flex-direction: column;
    width: 86%;
  }

  .robot-unveil-card img {
    height: 34vh;
  }

  .robot-unveil-head {
    padding: 22px 20px 18px;
    height: 34%;
  }

  .robot-unveil-dots {
    inset: 34% 0 0 0;
    -webkit-mask-size: 72px 72px;
    mask-size: 72px 72px;
    -webkit-mask-image: radial-gradient(circle at 50% 50%, transparent 31px, #000 32px);
    mask-image: radial-gradient(circle at 50% 50%, transparent 31px, #000 32px);
  }
}

/* Chip de unidad junto a la cifra (StatsBlock de la referencia) */
.robot-stat-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.robot-unit {
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 7px;
  border: 1.5px solid currentColor;
  opacity: 0.8;
  white-space: nowrap;
}

/* Cifras bento */
.robot-stat-value {
  font-size: clamp(40px, 4.4vw, 64px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1;
}

@media (max-width: 1023px) {
  .robot-header .robot-nav-pill {
    display: none;
  }

  /* El menú-píldora deja de estar centrado en absoluto: en flujo, a la
     izquierda, junto a CTA y hamburguesa a la derecha */
  .robot-header {
    justify-content: space-between;
    gap: 8px;
  }

  .robot-menu {
    position: static;
    transform: none;
    width: auto;
    flex: 0 1 auto;
    min-width: 0;
  }

  .robot-menu-bar {
    height: 44px;
    padding: 0 14px;
  }

  .robot-menu-logo {
    font-size: 15px;
    white-space: nowrap;
  }

  /* Píldoras compactas en móvil */
  .robot-header {
    padding: 12px;
  }

  .robot-brand-pill {
    height: 44px;
    padding: 0 14px;
    font-size: 15px;
  }

  .robot-cta-pill {
    height: 44px;
    padding: 0 16px;
    font-size: 14px;
  }

  .robot-menu-pill {
    width: 44px;
    height: 44px;
  }

  .robot-hero-title {
    font-size: clamp(26px, 7.4vw, 38px);
    left: 20px;
    bottom: 20px;
  }

  .robot-hero-copy {
    inset: 0 auto 0 20px;
    gap: 16px;
  }

  .robot-hero-caption {
    display: none;
  }
}

/* Scope oscuro del pie: invierte los tokens semánticos dentro del panel */
.robot-footer {
  --color-text-primary: #f8f6f3;
  --color-text-secondary: #d9d7d5;
  --color-text-tertiary: #8e8d8a;
  --color-text-muted: #8e8d8a;
  --color-border-primary: #3a3a38;
  --color-border-secondary: #474744;
  --color-surface-brand-primary: #262626;
  --color-surface-brand-secondary: #2e2e2c;
  border: 0;
}

.robot-footer .dark\:text-white {
  color: #f8f6f3;
}