/* CBTI · sistema de diseño portado 1:1 desde el artefacto "Web CBTI v3" (estilos computados).
   No editar a mano los valores: regenerar con scripts/extract-design-css.js + scripts/build_design_css.py. */
:root { --font-display: "Sora","Segoe UI",system-ui,sans-serif; --font-body: "Barlow","Segoe UI",system-ui,sans-serif; --font-condensed: "Barlow Condensed","Barlow",system-ui,sans-serif; --font-mono: "IBM Plex Mono",ui-monospace,monospace; }
:root { --navy-900: #061426; --navy-800: #0A1F3C; --navy-700: #12325C; --navy-600: #1D4478; --navy-500: #2C5D9B; --navy-200: #B9C6D8; --navy-100: #E3EAF3; --red-500: #BB2D2F; --gold-500: #F7C839; --green-500: #138F47; --red-700: #8C2123; --red-600: #A32729; --red-050: #FBEEEE; --gold-700: #A8830F; --gold-600: #C79E14; --gold-050: #FEF8E6; --green-700: #0C6431; --green-600: #0F7A3C; --green-200: #A8DCBD; --green-050: #EAF6EF; --logo-grey: #515151; --logo-ink-dark: #535353; --logo-ink-light: #010101; --logo-ink-soft: #DCDCDD; --stone-500: #8A8D80; --stone-200: #D8D8D2; --white: #FFFFFF; --grey-050: #F5F7FA; --grey-100: #EDF0F4; --grey-200: #E1E6EC; --grey-300: #C9D0DA; --grey-400: #98A2B1; --grey-500: #6B7686; --grey-600: #4C5666; --grey-700: #333C4A; --surface-page: var(--white); --surface-subtle: var(--grey-050); --surface-card: var(--white); --surface-inverse: var(--navy-800); --surface-inverse-deep: var(--navy-900); --surface-accent-soft: var(--green-050); --text-strong: var(--navy-800); --text-body: var(--grey-700); --text-muted: var(--grey-500); --text-accent: var(--green-600); --text-on-dark: var(--white); --text-on-dark-muted: rgba(255,255,255,.68); --border-subtle: var(--grey-200); --border-strong: var(--grey-300); --border-on-dark: rgba(255,255,255,.16); --accent: var(--green-500); --accent-strong: var(--green-600); --accent-press: var(--green-700); --focus-ring: 0 0 0 3px rgba(19,143,71,.35); --status-danger: var(--red-500); --status-warning: var(--gold-700); --status-success: var(--green-600); --status-info: var(--navy-600); --grad-navy: linear-gradient(135deg,#0A1F3C 0%,#12325C 60%,#1D4478 100%); --grad-tricolor: linear-gradient(180deg,var(--red-500) 0 33.33%,var(--gold-500) 33.33% 66.66%,var(--green-500) 66.66% 100%); --grad-tricolor-h: linear-gradient(90deg,var(--red-500) 0 33.33%,var(--gold-500) 33.33% 66.66%,var(--green-500) 66.66% 100%); --grad-protect: linear-gradient(180deg,rgba(6,20,38,0) 0%,rgba(6,20,38,.82) 100%); }
:root { --text-display-1: clamp(2.75rem,5.4vw,4.5rem); --text-display-2: clamp(2.25rem,4vw,3.25rem); --text-display-3: 2.25rem; --text-h1: 2rem; --text-h2: 1.5rem; --text-h3: 1.25rem; --text-h4: 1.0625rem; --text-body-lg: 1.125rem; --text-body: 1rem; --text-body-sm: 0.9375rem; --text-caption: 0.8125rem; --text-eyebrow: 0.75rem; --leading-tight: 1.02; --leading-snug: 1.18; --leading-heading: 1.28; --leading-body: 1.6; --leading-loose: 1.72; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-black: 800; --tracking-display: -0.025em; --tracking-heading: -0.012em; --tracking-body: 0em; --tracking-eyebrow: 0.16em; --tracking-button: 0.02em; }
:root { --space-0: 0; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px; --space-32: 128px; --section-y: var(--space-24); --section-y-compact: var(--space-16); --gutter: var(--space-6); --container: 1200px; --container-narrow: 760px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 14px; --radius-xl: 22px; --radius-pill: 999px; --rule-tricolor-w: 6px; --rule-tricolor-h: 64px; --cut: 22px; }
:root { --shadow-none: none; --shadow-xs: 0 1px 2px rgba(10,31,60,.06); --shadow-sm: 0 2px 6px rgba(10,31,60,.07),0 1px 2px rgba(10,31,60,.05); --shadow-md: 0 8px 20px -6px rgba(10,31,60,.14),0 2px 6px rgba(10,31,60,.06); --shadow-lg: 0 22px 48px -14px rgba(10,31,60,.22),0 4px 12px rgba(10,31,60,.07); --shadow-inset-top: inset 0 1px 0 rgba(255,255,255,.08); --shadow-on-dark: 0 20px 44px -16px rgba(0,0,0,.55); --blur-glass: saturate(140%) blur(14px); --glass-on-dark: rgba(255,255,255,.07); --glass-on-light: rgba(255,255,255,.72); }
:root { --dur-fast: 120ms; --dur-base: 180ms; --dur-slow: 320ms; --dur-reveal: 520ms; --ease-standard: cubic-bezier(.2,.8,.2,1); --ease-out: cubic-bezier(.16,1,.3,1); --ease-in-out: cubic-bezier(.65,0,.35,1); --lift-hover: translateY(-2px); --press-scale: 0.985; }
:root { --dur-stagger: 70ms; --dur-bar: 620ms; --dur-count: 900ms; --ease-bar: cubic-bezier(.22,1,.28,1); --reveal-shift: 18px; }
@media (prefers-reduced-motion: no-preference) {
  @keyframes cbti-rise { 
  0% { transform: translateY(var(--reveal-shift)); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
  @keyframes cbti-bar { 
  0% { transform: scaleY(0.06); }
  100% { transform: scaleY(1); }
}
  @keyframes cbti-wipe { 
  0% { clip-path: inset(0px 100% 0px 0px); }
  100% { clip-path: inset(0px); }
}
  @keyframes cbti-rule { 
  0% { transform: scaleY(0); }
  100% { transform: scaleY(1); }
}
}
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { animation-duration: 1ms !important; animation-delay: 0ms !important; transition-duration: 1ms !important; }
}
:root { --bar-w: 6px; --bar-gap: 6px; --bar-w-lg: 14px; --bar-gap-lg: 12px; --bar-radius: 1px; --bar-dim: rgba(255,255,255,.34); --bar-dim-ink: rgba(10,31,60,.14); --bar-accent: var(--green-500); --bar-accent-2: var(--gold-500); }
body { margin: 0px; background: var(--surface-page); font-family: var(--font-body); color: var(--text-body); }
a { color: var(--green-600); text-decoration: none; }
a:hover { color: var(--green-700); }
* { box-sizing: border-box; }
.cbti-date { flex: 0 0 auto; width: 56px; text-align: center; border-radius: var(--radius-sm); overflow: hidden; border: 1px solid var(--border-subtle); }
.cbti-date-d { font-family: var(--font-display); font-weight: 900; font-size: 1.5rem; line-height: 1; padding: 8px 0px 4px; color: var(--text-strong); font-variant-numeric: tabular-nums; }
.cbti-date-m { font-family: var(--font-mono); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; padding: 3px 0px; background: var(--navy-800); color: rgb(255, 255, 255); }
.cbti-cover { position: relative; aspect-ratio: 16 / 9; max-width: 100%; display: flex; flex-direction: column; justify-content: flex-end; gap: var(--space-3); padding: var(--space-6); overflow: hidden; }
.cbti-cover::after { content: ""; position: absolute; inset: 0px; background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1px); background-size: 18px 18px; opacity: 0.6; pointer-events: none; }
.cbti-cover-bar { position: absolute; top: 0px; left: 0px; right: 0px; height: 4px; background: var(--grad-tricolor-h); }
.cbti-cover-word { position: relative; z-index: 1; font-family: var(--font-display); font-weight: 900; font-size: 1.6rem; line-height: 1.05; color: rgb(255, 255, 255); letter-spacing: -0.01em; }
.cbti-marquee { overflow: hidden; padding: var(--space-2) 0; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 92%, transparent); }
.cbti-marquee-track { display: flex; gap: var(--space-4); width: max-content; animation: 48s linear 0s infinite normal none running cbti-marquee; }
.cbti-marquee-rev .cbti-marquee-track { animation-direction: reverse; animation-duration: 56s; }
.cbti-marquee:hover .cbti-marquee-track { animation-play-state: paused; }
@keyframes cbti-marquee { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .cbti-marquee-track { animation: auto ease 0s 1 normal none running none; flex-wrap: wrap; width: auto; justify-content: center; }
}
.cbti-ally { flex: 0 0 auto; display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4) var(--space-5); background: var(--white); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); min-width: 240px; }
.cbti-mono-sm { width: 40px; height: 40px; font-size: 0.85rem; }
.cbti-ally-name { font-family: var(--font-display); font-weight: var(--weight-bold); font-size: var(--text-body-sm); color: var(--text-strong); white-space: nowrap; }
.cbti-ally-type { font-family: var(--font-mono); font-size: 11px; color: var(--text-muted); margin-top: 2px; white-space: nowrap; }
.cbti-car { --car-n: 1; overflow: hidden; }
@media (min-width: 600px) {
  .cbti-car { --car-n: 2; }
}
@media (min-width: 960px) {
  .cbti-car { --car-n: 3; }
}
.cbti-car-track { display: flex; transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1); }
.cbti-car-item { flex: 0 0 calc(100% / var(--car-n)); padding-right: var(--space-5); box-sizing: border-box; display: flex; }
.cbti-car-item > * { flex: 1 1 auto; min-width: 0px; }
.cbti-car-name { margin: 0px; font-family: var(--font-display); font-size: var(--text-h4); font-weight: var(--weight-bold); color: var(--text-strong); line-height: var(--leading-heading); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cbti-car-desc { margin: var(--space-4) 0 0; font-size: var(--text-body-sm); line-height: var(--leading-body); color: var(--text-muted); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: calc(var(--leading-body) * 2em); }
.cbti-hero-vis { display: none; }
@media (min-width: 768px) {
  .cbti-hero-vis { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  .cbti-car-track { transition: none; }
}
.cbti-arrow { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid var(--border-subtle); background: var(--white); cursor: pointer; }
.cbti-arrow:hover { border-color: var(--navy-800); }
.cbti-arrow:focus-visible { outline: 3px solid var(--green-500); outline-offset: 2px; }
.cbti-mono { flex: 0 0 auto; width: 52px; height: 52px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-family: var(--font-display); font-weight: var(--weight-black); font-size: 1.05rem; letter-spacing: 0.02em; }
.cbti-mono-lg { width: 68px; height: 68px; font-size: 1.35rem; }
input[type="search"]:focus-visible, #f-nit:focus-visible { outline: 3px solid var(--green-500); outline-offset: 1px; }
:root:root { --text-display-1: clamp(2.125rem, 9.5vw, 2.75rem); --text-display-2: clamp(1.75rem, 7.5vw, 2.25rem); --text-h2: 1.375rem; --text-display-3: 1.75rem; --section-y: 56px; --section-y-compact: 40px; --space-20: 48px; --space-16: 40px; --space-12: 32px; --space-10: 28px; }
@media (min-width: 768px) {
  :root:root { --text-display-1: clamp(2.75rem, 5.4vw, 4.5rem); --text-display-2: clamp(2.25rem, 4vw, 3.25rem); --text-h2: 1.5rem; --text-display-3: 2.25rem; --section-y: var(--space-24); --section-y-compact: 64px; --space-20: 80px; --space-16: 64px; --space-12: 48px; --space-10: 40px; }
}
html, body { overflow-x: hidden; }
.cbti-eco { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
@media (min-width: 560px) {
  .cbti-eco { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
}
.cbti-sticky { position: static !important; }
@media (min-width: 900px) {
  .cbti-sticky { position: sticky !important; top: 96px; }
}
.cbti-comp { display: grid; grid-template-columns: 40px minmax(0px, 1fr); gap: var(--space-4); align-items: start; padding: var(--space-5) 0; border-top: 1px solid var(--border-subtle); }
@media (min-width: 768px) {
  .cbti-comp { grid-template-columns: 56px minmax(0px, 1fr); gap: var(--space-5); }
}
.cbti-ctas { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-8); }
.cbti-ctas > * { width: 100%; }
@media (min-width: 560px) {
  .cbti-ctas { flex-flow: wrap; }
  .cbti-ctas > * { width: auto; }
}
.cbti-rampa { display: grid; grid-template-columns: minmax(0px, 1fr); gap: var(--space-2); }
.cbti-rampa > * { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4) !important; }
.cbti-rampa > * > div + div { margin-top: 0px !important; }
.cbti-rampa > :first-child { box-shadow: inset 4px 0 0 var(--green-500, #138F47); border-color: var(--green-500, #138F47) !important; }
@media (min-width: 560px) {
  .cbti-rampa { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--space-3); }
  .cbti-rampa > * { display: block; padding: var(--space-4) !important; }
  .cbti-rampa > * > div + div { margin-top: var(--space-2) !important; }
  .cbti-rampa > :first-child { box-shadow: inset 0 4px 0 var(--green-500, #138F47); }
}
h1, h2, h3 { overflow-wrap: break-word; }
.cbti-steps { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--space-4); }
.cbti-steps p { display: none; }
@media (min-width: 768px) {
  .cbti-steps { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: var(--space-5); }
  .cbti-steps p { display: block; }
}
.cbti-eco-cell { aspect-ratio: 2 / 1 !important; }
@media (min-width: 560px) {
  .cbti-eco-cell { aspect-ratio: 1 / 1 !important; }
}
.cbti-pick { padding: var(--space-5); }
@media (min-width: 768px) {
  .cbti-pick { padding: var(--space-6); }
}
.eco-wrap { position: relative; }
.eco-l, .eco-s { stroke: var(--green-600, #138F47); stroke-width: 1.6; stroke-dasharray: 260; stroke-dashoffset: 260; opacity: 0; animation: 12s ease-in-out 0s infinite normal none running ecoLine; }
.eco-s { stroke: var(--gold-500, #F7C839); stroke-width: 1.2; stroke-dasharray: 160; stroke-dashoffset: 160; animation-name: ecoSpoke; }
@keyframes ecoLine { 
  0%, 30% { stroke-dashoffset: 260; opacity: 0; }
  32% { opacity: 1; }
  48%, 88% { stroke-dashoffset: 0; opacity: 1; }
  96%, 100% { stroke-dashoffset: 0; opacity: 0; }
}
@keyframes ecoSpoke { 
  0%, 36% { stroke-dashoffset: 160; opacity: 0; }
  38% { opacity: 0.9; }
  54%, 88% { stroke-dashoffset: 0; opacity: 0.9; }
  96%, 100% { stroke-dashoffset: 0; opacity: 0; }
}
.eco-n { animation: 12s ease-in-out 0s infinite normal none running ecoDrift; }
@keyframes ecoDrift { 
  0%, 28% { transform: translate(var(--dx), var(--dy)); }
  46%, 90% { transform: translate(0px, 0px); }
  100% { transform: translate(var(--dx), var(--dy)); }
}
.eco-c { fill: rgb(255, 255, 255); stroke: var(--border-subtle, #D9DEE5); stroke-width: 1.5; animation: 12s ease-in-out 0s infinite normal none running ecoNode; }
@keyframes ecoNode { 
  0%, 40% { fill: rgb(255, 255, 255); stroke: var(--border-subtle, #D9DEE5); }
  52%, 88% { fill: var(--navy-800, #0A1F3C); stroke: var(--navy-800, #0A1F3C); }
  98%, 100% { fill: rgb(255, 255, 255); stroke: var(--border-subtle, #D9DEE5); }
}
.eco-t { text-anchor: middle; font-family: var(--font-mono); font-weight: 600; fill: var(--text-muted, #6B7685); animation: 12s ease-in-out 0s infinite normal none running ecoTxt; }
@keyframes ecoTxt { 
  0%, 40% { fill: var(--text-muted, #6B7685); }
  52%, 88% { fill: rgb(255, 255, 255); }
  98%, 100% { fill: var(--text-muted, #6B7685); }
}
.eco-hub { opacity: 0; transform-origin: 210px 160px; animation: 12s ease-in-out 0s infinite normal none running ecoHub; }
.eco-hub circle { fill: rgb(255, 255, 255); stroke: var(--green-600, #138F47); stroke-width: 2.5; }
.eco-hub text { text-anchor: middle; font-family: var(--font-display); font-weight: 900; font-size: 13px; fill: var(--navy-800, #0A1F3C); }
@keyframes ecoHub { 
  0%, 34% { opacity: 0; transform: scale(0.6); }
  44%, 88% { opacity: 1; transform: scale(1); }
  96%, 100% { opacity: 0; transform: scale(0.6); }
}
.eco-phase { display: flex; gap: 8px; flex-wrap: wrap; }
.eco-phase span { padding: 6px 12px; border-radius: 999px; font-size: var(--text-caption); font-weight: var(--weight-semibold); border: 1px solid var(--border-subtle); color: var(--text-muted); animation: 12s ease-in-out 0s infinite normal none running ecoP1; }
.eco-phase span + span { animation-name: ecoP2; }
@keyframes ecoP1 { 
  0%, 32% { background: var(--navy-800, #0A1F3C); color: rgb(255, 255, 255); border-color: var(--navy-800, #0A1F3C); }
  38%, 92% { background: transparent; color: var(--text-muted); border-color: var(--border-subtle); }
  98%, 100% { background: var(--navy-800, #0A1F3C); color: rgb(255, 255, 255); border-color: var(--navy-800, #0A1F3C); }
}
@keyframes ecoP2 { 
  0%, 38% { background: transparent; color: var(--text-muted); border-color: var(--border-subtle); }
  44%, 90% { background: var(--green-600, #138F47); color: rgb(255, 255, 255); border-color: var(--green-600, #138F47); }
  96%, 100% { background: transparent; color: var(--text-muted); border-color: var(--border-subtle); }
}
.eco-cap { display: grid; }
.eco-cap p { grid-area: 1 / 1; margin: 0px; font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); animation: 12s ease-in-out 0s infinite normal none running ecoC1; }
.eco-cap p + p { animation-name: ecoC2; }
@keyframes ecoC1 { 
  0%, 32% { opacity: 1; }
  38%, 92% { opacity: 0; }
  98%, 100% { opacity: 1; }
}
@keyframes ecoC2 { 
  0%, 38% { opacity: 0; }
  44%, 90% { opacity: 1; }
  96%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .eco-l, .eco-s, .eco-n, .eco-c, .eco-t, .eco-hub, .eco-phase span, .eco-cap p { animation: auto ease 0s 1 normal none running none !important; }
  .eco-l, .eco-s { stroke-dashoffset: 0; opacity: 1; }
  .eco-hub { opacity: 1; }
  .eco-c { fill: var(--navy-800, #0A1F3C); }
  .eco-t { fill: rgb(255, 255, 255); }
  .eco-cap p:first-child, .eco-phase span:first-child { display: none; }
}
.cbti-al-scale { margin-top: var(--space-10); display: flex; align-items: center; gap: var(--space-3); font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); }
.cbti-al-scale i { flex: 1 1 0%; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--navy-800,#0A1F3C), var(--green-600,#138F47), var(--gold-500,#F7C839), var(--red-600,#A8262A)); }
.cbti-al-grid { margin-top: var(--space-6); display: grid; gap: var(--space-5); grid-template-columns: minmax(0px, 1fr); }
@media (min-width: 640px) {
  .cbti-al-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 1024px) {
  .cbti-al-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.cbti-al-card { position: relative; display: flex; flex-direction: column; padding: var(--space-6); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); background: rgb(255, 255, 255); overflow: hidden; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; }
.cbti-al-card::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 4px; background: var(--c); }
.cbti-al-card::after { content: ""; position: absolute; right: -60px; top: -60px; width: 160px; height: 160px; border-radius: 50%; background: var(--c); opacity: 0.06; transition: transform 0.4s, opacity 0.3s; }
.cbti-al-card:hover { transform: translateY(-4px); box-shadow: rgba(7, 26, 51, 0.1) 0px 16px 36px; border-color: transparent; }
.cbti-al-card:hover::after { transform: scale(1.5); opacity: 0.1; }
.cbti-al-ico { width: 44px; height: 44px; border-radius: var(--radius-sm); background: var(--c); display: flex; align-items: center; justify-content: center; }
.cbti-al-n { font-family: var(--font-display); font-weight: var(--weight-black); font-size: 2rem; line-height: 1; color: var(--c); opacity: 0.22; }
.cbti-al-meta { margin-top: var(--space-5); padding-top: var(--space-4); border-top: 1px solid var(--border-subtle); display: grid; gap: var(--space-3); }
.cbti-al-meta div > span { display: block; font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); }
.cbti-al-meta div > b { display: block; margin-top: 2px; font-size: var(--text-body-sm); font-weight: var(--weight-semibold); color: var(--text-strong); }
.cbti-al-go { margin-top: auto; padding-top: var(--space-5); font-size: var(--text-body-sm); font-weight: var(--weight-semibold); color: var(--accent-strong); position: relative; z-index: 1; }
.cbti-center-head { text-align: center; max-width: 760px; margin: 0px auto; }
.car-dot { width: calc(var(--w) + 16px); height: 32px; padding: 0px; border: 0px; background: transparent; cursor: pointer; position: relative; }
.car-dot::after { content: ""; position: absolute; left: 8px; right: 8px; top: 12px; height: 8px; border-radius: 999px; background: var(--bg); transition: 0.3s; }
.ct-ok { display: grid; grid-template-columns: 24px minmax(0px, 1fr); gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius-sm); background: var(--green-050, #EAF6EF); font-size: var(--text-body-sm); color: var(--text-strong); }
@media (max-width: 900px) {
  .cbti-mob button, .cbti-mob a { min-height: 44px !important; }
  footer a { min-height: 36px; }
  footer a { display: inline-block; padding: 7px 0px; }
  .mesa-go, .ev-link, .pr-link, .hm-note a, .cbti-al-go { display: inline-flex; align-items: center; min-height: 44px; }
  a[sc-camel-on-click], a[href="#"] { min-height: 40px; display: inline-flex; align-items: center; }
  .cbti-faq summary { padding-top: 12px; padding-bottom: 12px; }
  .cbti-red, .pr-chip { padding-top: 10px; padding-bottom: 10px; }
  .tier-inv { order: 1; }
  .eco-t { font-size: 12px; }
  .eco-t-l { font-size: 9.6px; }
}
@media (max-width: 1023px) {
  body:has(.cbti-emp-bar) footer { padding-bottom: 76px; }
}
.cbti-desk { display: flex; }
.cbti-logo { height: 40px; width: auto; display: block; }
.cbti-brand-name { display: none; align-items: center; gap: var(--space-4); font-size: 13px; line-height: 1.25; font-weight: var(--weight-semibold); color: var(--text-strong); white-space: nowrap; }
.cbti-brand-name::before { content: ""; width: 1px; align-self: stretch; background: var(--border-subtle); }
@media (min-width: 1240px) {
  .cbti-brand-name { display: flex; }
}
@media (max-width: 900px) {
  .cbti-logo { height: 34px; }
}
.cbti-mob { display: none; }
.cbti-mob-panel { display: none; }
@media (max-width: 900px) {
  .cbti-desk { display: none !important; }
  .cbti-mob { display: flex; }
  .cbti-mob-panel { display: flex; }
}
.cbti-pick { cursor: pointer; text-align: left; font: inherit; color: inherit; background: var(--white); border: 1.5px solid var(--border-subtle); border-radius: var(--radius-md); padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-2); }
.cbti-pick:focus-visible, .cbti-chip:focus-visible { outline: 3px solid var(--green-500); outline-offset: 2px; }
.cbti-chip { cursor: pointer; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--text-body-sm); font-weight: var(--weight-semibold); padding: 8px 14px; border-radius: 999px; border: 1.5px solid var(--border-subtle); background: var(--white); color: var(--text-body); }
.cbti-scroll { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, 280px); gap: var(--space-5); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: var(--space-3); }
.cbti-scroll > * { scroll-snap-align: start; }
details.cbti-faq { border-bottom: 1px solid var(--border-subtle); padding: var(--space-5) 0; }
details.cbti-faq summary { cursor: pointer; font-family: var(--font-display); font-size: var(--text-h4); font-weight: var(--weight-bold); color: var(--text-strong); list-style: none; }
details.cbti-faq summary::-webkit-details-marker { display: none; }
details.cbti-faq p { margin: var(--space-3) 0 0; font-size: var(--text-body-sm); line-height: var(--leading-body); color: var(--text-muted); max-width: 70ch; }
.cbti-promo { margin-top: var(--space-6); border-radius: var(--radius-lg); overflow: hidden; border: 2px solid var(--green-500, #138F47); box-shadow: rgba(19, 143, 71, 0.16) 0px 14px 34px; }
.cbti-promo-top { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); padding: 10px 16px; background: var(--green-500, #138F47); color: rgb(255, 255, 255); flex-wrap: wrap; }
.cbti-promo-top span { font-size: var(--text-eyebrow); font-weight: var(--weight-bold); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; }
.cbti-promo-top b { font-size: var(--text-caption); padding: 3px 10px; border-radius: 999px; background: var(--gold-500, #F7C839); color: var(--navy-800, #0A1F3C); animation: 2.4s ease-in-out 0s infinite normal none running cbtiPulse; }
@keyframes cbtiPulse { 
  0%, 100% { box-shadow: rgba(247, 200, 57, 0.6) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(247, 200, 57, 0) 0px 0px 0px 6px; }
}
.cbti-promo-body { padding: var(--space-5); background: var(--green-050, #EAF6EF); }
.cbti-promo-price { display: flex; align-items: flex-end; gap: var(--space-4); flex-wrap: wrap; }
.cbti-promo-big { font-family: var(--font-display); font-weight: var(--weight-black); font-size: clamp(3rem, 12vw, 4.25rem); line-height: 0.9; color: var(--green-700, #0C6431); letter-spacing: -0.02em; }
.cbti-promo-side { display: flex; flex-direction: column; padding-bottom: 6px; }
.cbti-promo-side s { font-family: var(--font-display); font-weight: var(--weight-bold); font-size: 1.25rem; color: var(--text-muted); text-decoration-color: var(--red-500, #BB2D2F); text-decoration-thickness: 2px; }
.cbti-promo-side i { font-style: normal; font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); }
.cbti-promo-save { margin-top: var(--space-3); font-size: var(--text-body-sm); font-weight: var(--weight-bold); color: var(--green-700, #0C6431); }
.cbti-promo-ramp { margin-top: var(--space-4); display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px; }
.cbti-promo-ramp > div { min-width: 0px; padding: 8px; border-radius: var(--radius-sm); background: rgb(255, 255, 255); border: 1px solid var(--green-200, #A8DCBD); }
.cbti-promo-ramp > div.on { background: var(--green-600, #0F7A3C); border-color: var(--green-600, #0F7A3C); }
.cbti-promo-ramp > div > span { display: block; white-space: nowrap; font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); }
.cbti-promo-ramp > div > b { display: block; white-space: nowrap; font-family: var(--font-display); font-size: clamp(.78rem, 3.4vw, var(--text-body-sm)); color: var(--text-strong); }
.cbti-promo-ramp > div.on > span { color: rgba(255, 255, 255, 0.8); }
.cbti-promo-ramp > div.on > b { color: rgb(255, 255, 255); }
.cbti-bars { display: flex; align-items: flex-end; gap: 3px; height: 56px; padding: 0 var(--space-6); overflow: hidden; }
@media (min-width: 1024px) {
  .cbti-bars { height: 72px; gap: 4px; }
}
.cbti-bars i { flex: 1 1 0px; min-width: 2px; border-radius: 2px 2px 0px 0px; transform-origin: center bottom; animation: 3.2s ease-in-out 0s infinite alternate none running cbtiBar; }
@media (max-width: 640px) {
  .cbti-bars i:nth-child(n+61) { display: none; }
}
@keyframes cbtiBar { 
  0% { transform: scaleY(0.55); }
  100% { transform: scaleY(1); }
}
@media (prefers-reduced-motion: reduce) {
  .cbti-bars i { animation: auto ease 0s 1 normal none running none; }
}
.cbti-aleti-facts { margin-top: var(--space-8); display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--space-4); border-top: 1px solid var(--border-on-dark); padding-top: var(--space-6); }
.cbti-aleti-n { font-family: var(--font-display); font-weight: var(--weight-black); font-size: clamp(1.1rem, 4.5vw, 1.75rem); color: rgb(255, 255, 255); line-height: 1.1; }
.cbti-aleti-k { margin-top: 4px; font-size: var(--text-caption); color: var(--text-on-dark-muted); line-height: 1.35; }
.cbti-emp-bar { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 40; display: flex; gap: 8px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, 0.96); border-top: 1px solid var(--border-subtle); box-shadow: rgba(7, 26, 51, 0.08) 0px -6px 18px; }
.cbti-call { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0px 20px; border: 1px solid var(--border-strong, #C3CAD4); border-radius: var(--radius-sm); font-weight: var(--weight-semibold); font-size: var(--text-body-sm); color: var(--text-strong) !important; }
@media (min-width: 1024px) {
  .cbti-emp-bar { display: none; }
}
.cbti-emp-head { border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); background: var(--white, #fff); overflow: hidden; }
.cbti-cover { display: block; width: 100%; height: 120px; position: relative; }
@media (min-width: 768px) {
  .cbti-cover { height: 180px; }
}
.cbti-cover-tag { position: absolute; top: 16px; right: 16px; font-size: var(--text-eyebrow); font-weight: var(--weight-bold); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: rgb(255, 255, 255); padding: 6px 10px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 999px; background: rgba(255, 255, 255, 0.08); }
.cbti-emp-id { display: flex; gap: var(--space-5); flex-wrap: wrap; align-items: flex-start; }
.cbti-emp-logo { position: relative; z-index: 1; width: 84px; height: 84px; font-size: 1.6rem; border: 4px solid rgb(255, 255, 255); box-shadow: rgba(7, 26, 51, 0.18) 0px 6px 20px; }
.cbti-cover + .cbti-emp-id .cbti-emp-logo { margin-top: -66px; }
@media (min-width: 768px) {
  .cbti-emp-logo { width: 112px; height: 112px; font-size: 2rem; }
  .cbti-cover + .cbti-emp-id .cbti-emp-logo { margin-top: -86px; }
}
.cbti-emp-ctas { display: flex; gap: var(--space-2); flex-wrap: wrap; width: 100%; }
@media (min-width: 1024px) {
  .cbti-emp-ctas { width: auto; align-self: center; }
}
.cbti-emp-stats { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--space-4); padding: var(--space-5) var(--space-6); border-top: 1px solid var(--border-subtle); background: var(--surface-subtle, #F2F4F7); }
@media (min-width: 768px) {
  .cbti-emp-stats { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.cbti-emp-grid { display: grid; gap: var(--space-10); }
@media (min-width: 1024px) {
  .cbti-emp-grid { grid-template-columns: minmax(0px, 1fr) 360px; align-items: start; }
  .cbti-emp-aside { position: sticky; top: 96px; }
}
.cbti-emp-aside { display: grid; gap: var(--space-5); min-width: 0px; }
.cbti-prods { margin-top: var(--space-5); display: grid; gap: var(--space-4); grid-template-columns: minmax(0px, 1fr); }
@media (min-width: 640px) {
  .cbti-prods { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.cbti-prod-img { height: 112px; display: flex; align-items: center; justify-content: center; position: relative; }
.cbti-prod-img::after { content: ""; position: absolute; inset: 0px; background: radial-gradient(circle, rgba(255, 255, 255, 0.16) 1.5px, transparent 2px) 0px 0px / 18px 18px; }
.cbti-wa { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0px 20px; border-radius: var(--radius-sm); background: var(--green-600, #138F47); font-weight: var(--weight-semibold); font-size: var(--text-body-sm); text-decoration: none; transition: background 0.15s; color: rgb(255, 255, 255) !important; }
.cbti-wa:hover { background: var(--green-700, #0E7038); }
.cbti-wa-sm { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: var(--radius-sm); border: 1px solid var(--green-600, #138F47); font-weight: var(--weight-semibold); font-size: var(--text-body-sm); color: var(--green-700, #0E7038) !important; }
.cbti-wa-sm:hover { background: rgba(19, 143, 71, 0.08); }
.cbti-crow { display: grid; grid-template-columns: 20px minmax(0px, 1fr); gap: var(--space-3); align-items: start; padding: var(--space-3) 0; border-top: 1px solid var(--border-subtle); text-decoration: none; }
.cbti-crow:hover span span:last-child { color: var(--accent-strong); }
.cbti-map { margin-top: var(--space-3); display: block; position: relative; height: 150px; border-radius: var(--radius-sm); overflow: hidden; border: 1px solid var(--border-subtle); background: linear-gradient(90deg, transparent 47%, rgb(255, 255, 255) 47%, rgb(255, 255, 255) 53%, transparent 53%) 0px 0px / 120px 100%, linear-gradient(0deg, transparent 46%, rgb(255, 255, 255) 46%, rgb(255, 255, 255) 54%, transparent 54%) 0px 0px / 100% 90px, linear-gradient(28deg, transparent 49%, rgb(255, 255, 255) 49%, rgb(255, 255, 255) 52%, transparent 52%), radial-gradient(circle at 78% 30%, rgb(207, 232, 214) 0px, rgb(207, 232, 214) 38px, transparent 39px), rgb(232, 236, 241); }
.cbti-map-pin { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -100%); width: 40px; height: 40px; border-radius: 50% 50% 50% 0px; rotate: -45deg; background: var(--red-600, #A8262A); display: flex; align-items: center; justify-content: center; box-shadow: rgba(7, 26, 51, 0.25) 0px 6px 14px; }
.cbti-map-pin > * { rotate: 45deg; }
.cbti-map-go { position: absolute; right: 8px; bottom: 8px; padding: 6px 10px; border-radius: var(--radius-sm); background: rgb(255, 255, 255); font-size: var(--text-caption); font-weight: var(--weight-semibold); color: var(--text-strong); box-shadow: rgba(7, 26, 51, 0.12) 0px 2px 6px; }
.cbti-red { padding: 6px 12px; border: 1px solid var(--border-subtle); border-radius: 999px; font-size: var(--text-caption); font-weight: var(--weight-semibold); color: var(--text-strong) !important; }
.cbti-red:hover { border-color: var(--accent-strong); }
.cbti-seal { display: flex; gap: var(--space-4); align-items: center; padding: var(--space-4) var(--space-5); border: 1px dashed var(--border-strong, #C3CAD4); border-radius: var(--radius-md); }
.pr-hero { background: radial-gradient(circle at 85% 10%, rgba(19,143,71,.22), transparent 40%), var(--grad-navy); color: var(--text-on-dark); }
.pr-contact { padding: var(--space-6); border: 1px solid var(--border-on-dark); border-radius: var(--radius-lg); background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(6px); }
.pr-crow { margin-top: var(--space-3); display: flex; align-items: center; gap: var(--space-3); font-size: var(--text-body-sm); font-weight: var(--weight-semibold); color: rgb(255, 255, 255) !important; }
.pr-crow:hover span { text-decoration: underline; }
.pr-nav { border-top: 1px solid var(--border-on-dark); }
.pr-nav-in { max-width: var(--container); margin: 0px auto; padding: 0 var(--space-6); display: flex; gap: var(--space-6); overflow-x: auto; scrollbar-width: none; }
.pr-nav-in::-webkit-scrollbar { display: none; }
.pr-nav-in a { flex: 0 0 auto; padding: var(--space-4) 0; font-size: var(--text-body-sm); font-weight: var(--weight-semibold); border-bottom: 2px solid transparent; color: var(--text-on-dark-muted) !important; }
.pr-nav-in a:hover { border-color: var(--green-500, #138F47); color: rgb(255, 255, 255) !important; }
.pr-anchor { scroll-margin-top: 76px; }
.pr-logos { margin-top: var(--space-8); display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); }
.pr-logo { display: flex; flex-direction: column; border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); overflow: hidden; background: rgb(255, 255, 255); transition: transform 0.2s, box-shadow 0.2s; }
.pr-logo:hover { transform: translateY(-3px); box-shadow: rgba(7, 26, 51, 0.1) 0px 14px 30px; }
.pr-logo-prev { height: 150px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--border-subtle); }
.pr-logo-meta { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-4) var(--space-5); }
.pr-logo-meta b, .pr-color-meta > b { display: block; font-size: var(--text-body-sm); color: var(--text-strong); }
.pr-logo-meta i, .pr-color-meta i { display: block; font-style: normal; font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); }
.pr-dl { width: 36px; height: 36px; flex: 0 0 auto; border-radius: 50%; border: 1px solid var(--border-subtle); display: flex; align-items: center; justify-content: center; }
.pr-logo:hover .pr-dl { background: var(--green-050, #EAF6EF); border-color: var(--green-200, #A8DCBD); }
.pr-brand-grid { margin-top: var(--space-12); display: grid; gap: var(--space-10); grid-template-columns: minmax(0px, 1fr); }
@media (min-width: 900px) {
  .pr-brand-grid { grid-template-columns: 3fr 2fr; }
}
.pr-colors { margin-top: var(--space-4); display: grid; gap: var(--space-3); grid-template-columns: repeat(2, minmax(0px, 1fr)); }
@media (min-width: 560px) {
  .pr-colors { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
.pr-color { display: block; border: 1px solid var(--border-subtle); border-radius: var(--radius-md); overflow: hidden; background: rgb(255, 255, 255); transition: transform 0.2s; }
.pr-color:hover { transform: translateY(-2px); }
.pr-swatch { height: 76px; display: flex; align-items: flex-end; padding: 8px 10px; font-family: var(--font-mono); font-size: var(--text-caption); font-weight: 600; }
.pr-color-meta { display: block; padding: 10px 12px; }
.pr-font { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); background: rgb(255, 255, 255); }
.pr-font-s { width: 56px; height: 56px; flex: 0 0 auto; border-radius: var(--radius-sm); background: var(--navy-800, #0A1F3C); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 1.6rem; }
.pr-rules { margin-top: var(--space-10); display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); }
.pr-rule { padding: var(--space-5) var(--space-6); border-radius: var(--radius-lg); border: 1px solid var(--border-subtle); }
.pr-rule-si { background: var(--green-050, #EAF6EF); border-color: var(--green-200, #A8DCBD); }
.pr-rule-no { background: var(--red-050, #FBEEEE); border-color: rgb(240, 201, 202); }
.pr-rule-h { display: flex; align-items: center; gap: var(--space-2); color: var(--text-strong); margin-bottom: var(--space-3); }
.pr-rule-i { padding: 8px 0px; border-top: 1px solid rgba(10, 31, 60, 0.08); font-size: var(--text-body-sm); color: var(--text-body); }
.pr-boiler { margin: var(--space-6) 0 0; padding: var(--space-5) var(--space-6); border-left: 4px solid var(--green-500, #138F47); background: rgb(255, 255, 255); border-radius: 0 var(--radius-md) var(--radius-md) 0; font-size: var(--text-body); line-height: var(--leading-body); color: var(--text-body); }
.pr-facts { display: grid; gap: 1px; background: var(--border-subtle); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); overflow: hidden; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.pr-fact { background: rgb(255, 255, 255); padding: var(--space-5); }
.pr-fact:first-child { grid-column: 1 / -1; background: var(--navy-800, #0A1F3C); }
.pr-fact > span { display: block; font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); }
.pr-fact > b { display: block; margin-top: 4px; font-family: var(--font-display); font-weight: var(--weight-black); font-size: clamp(1.1rem, 4vw, 1.5rem); color: var(--text-strong); line-height: 1.15; }
.pr-fact:first-child > span { color: var(--text-on-dark-muted); }
.pr-fact:first-child > b { color: rgb(255, 255, 255); font-size: clamp(1.8rem, 7vw, 2.6rem); }
.pr-voc { margin-top: var(--space-8); display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(min(205px, 100%), 1fr)); }
.pr-voc-card { display: flex; flex-direction: column; padding: var(--space-6); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); background: rgb(255, 255, 255); }
.pr-voc-card > div:first-child { flex-direction: column; align-items: flex-start !important; gap: var(--space-3) !important; }
.pr-avatar { width: 52px; height: 52px; flex: 0 0 auto; border-radius: 50%; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--border-subtle); }
.pr-chip { padding: 4px 10px; border-radius: 999px; background: var(--grey-050, #F5F7FA); border: 1px solid var(--border-subtle); font-size: var(--text-caption); font-weight: var(--weight-semibold); color: var(--text-body); }
.pr-link { margin-top: auto; padding-top: var(--space-5); font-size: var(--text-body-sm); font-weight: var(--weight-semibold); color: var(--accent-strong) !important; }
.pr-list { margin-top: var(--space-8); border-top: 1px solid var(--border-subtle); }
.pr-row { display: flex; gap: var(--space-5); align-items: center; padding: var(--space-5) 0; border-bottom: 1px solid var(--border-subtle); flex-wrap: wrap; }
.pr-row-date { width: 150px; flex: 0 0 auto; font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); }
@media (max-width: 640px) {
  .pr-row-date { width: 100%; }
}
.pr-row-t { display: block; margin-top: 4px; font-family: var(--font-display); font-weight: var(--weight-bold); font-size: var(--text-body-lg); line-height: 1.3; color: var(--text-strong) !important; }
.pr-row-t:hover { color: var(--accent-strong) !important; }
.pr-row-act { display: flex; align-items: center; gap: var(--space-4); }
.pr-icon-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border-subtle); display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); }
.pr-evs { margin-top: var(--space-8); display: grid; gap: var(--space-3); }
.pr-ev { display: flex; align-items: center; gap: var(--space-5); padding: var(--space-4) var(--space-5); border: 1px solid var(--border-on-dark); border-radius: var(--radius-lg); background: rgba(255, 255, 255, 0.05); flex-wrap: wrap; }
.pr-ev-d { width: 60px; flex: 0 0 auto; text-align: center; padding: 8px 0px; border-radius: var(--radius-sm); background: rgb(255, 255, 255); color: var(--navy-800, #0A1F3C); }
.pr-ev-d > b { display: block; font-family: var(--font-display); font-size: 1.4rem; line-height: 1; }
.pr-ev-d > span { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; }
.pr-gal { margin-top: var(--space-8); display: grid; gap: var(--space-4); grid-template-columns: repeat(2, minmax(0px, 1fr)); }
@media (min-width: 900px) {
  .pr-gal { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
.pr-gal-i { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: var(--radius-lg); overflow: hidden; background: var(--navy-800, #0A1F3C); }
.pr-gal-i img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s; }
.pr-gal-i:hover img { transform: scale(1.05); }
.pr-gal-cap { position: absolute; left: 0px; right: 0px; bottom: 0px; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; padding: 36px 12px 12px; background: var(--grad-protect, linear-gradient(180deg, rgba(6,20,38,0), rgba(6,20,38,.85))); color: rgb(255, 255, 255); }
.pr-gal-cap b { display: block; font-size: var(--text-caption); line-height: 1.3; }
.pr-gal-cap i { display: block; font-style: normal; font-family: var(--font-mono); font-size: 10px; opacity: 0.75; }
.pr-2 { display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); }
.pr-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 60; display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 999px; background: var(--navy-800, #0A1F3C); color: rgb(255, 255, 255); font-size: var(--text-body-sm); font-weight: var(--weight-semibold); box-shadow: rgba(7, 26, 51, 0.3) 0px 12px 30px; max-width: calc(-32px + 100vw); animation: 0.25s ease 0s 1 normal none running prToast; }
@keyframes prToast { 
  0% { opacity: 0; transform: translate(-50%, 10px); }
  100% { opacity: 1; transform: translate(-50%, 0px); }
}
.tiers { margin-top: var(--space-10); }
.tiers-head { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); flex-wrap: wrap; padding: 12px 16px; border-radius: var(--radius-md); background: var(--navy-800, #0A1F3C); color: rgb(255, 255, 255); }
.tiers-flag { display: flex; align-items: center; gap: 10px; font-size: var(--text-eyebrow); font-weight: var(--weight-bold); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; }
.tiers-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green-500, #138F47); box-shadow: rgba(19, 143, 71, 0.7) 0px 0px 0px 0px; animation: 1.8s ease-out 0s infinite normal none running tiersDot; }
@keyframes tiersDot { 
  0% { box-shadow: rgba(31, 174, 91, 0.7) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(31, 174, 91, 0) 0px 0px 0px 10px; }
}
.tiers-count { font-size: var(--text-caption); font-weight: var(--weight-bold); padding: 4px 12px; border-radius: 999px; background: var(--gold-500, #F7C839); color: var(--navy-800, #0A1F3C); }
.tiers-grid { margin-top: var(--space-5); display: grid; gap: var(--space-4); grid-template-columns: minmax(0px, 1fr); align-items: stretch; }
.tier-act { order: -1; }
@media (min-width: 900px) {
  .tiers-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--space-5); align-items: end; }
  .tier-act { order: 0; }
}
.tier { position: relative; display: flex; flex-direction: column; padding: var(--space-6); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); background: rgb(255, 255, 255); min-width: 0px; }
.tier-act { border: 2px solid var(--green-500, #138F47); box-shadow: rgba(19, 143, 71, 0.18) 0px 20px 44px; }
@media (min-width: 900px) {
  .tier-act { padding: var(--space-8) var(--space-6); }
}
.tier-ple { background: var(--grad-navy); border-color: transparent; color: rgb(255, 255, 255); }
.tier-ribbon { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: 5px 14px; border-radius: 999px; background: var(--green-500, #138F47); color: rgb(255, 255, 255); font-size: var(--text-caption); font-weight: var(--weight-bold); letter-spacing: 0.04em; }
.tier-name { font-family: var(--font-display); font-weight: var(--weight-black); font-size: var(--text-h2); color: var(--text-strong); }
.tier-ple .tier-name { color: rgb(255, 255, 255); }
.tier-who { margin: 4px 0px 0px; font-size: var(--text-body-sm); color: var(--text-muted); min-height: 2.6em; }
.tier-ple .tier-who { color: var(--text-on-dark-muted); }
.tier-was { margin-top: var(--space-4); display: flex; align-items: center; gap: 8px; height: 22px; }
.tier-was s { font-family: var(--font-display); font-weight: var(--weight-bold); color: var(--text-muted); text-decoration-color: var(--red-500, #BB2D2F); text-decoration-thickness: 2px; }
.tier-ple .tier-was s { color: rgba(255, 255, 255, 0.6); }
.tier-was i { font-style: normal; font-size: var(--text-caption); font-weight: var(--weight-bold); padding: 2px 8px; border-radius: 999px; background: var(--red-500, #BB2D2F); color: rgb(255, 255, 255); }
.tier-inv .tier-price { margin-top: calc(var(--space-4) + 30px); }
.tier-price { display: flex; align-items: baseline; gap: 8px; margin-top: 6px; }
.tier-price b { font-family: var(--font-display); font-weight: var(--weight-black); font-size: clamp(2.4rem, 9vw, 3.2rem); line-height: 1; letter-spacing: -0.02em; color: var(--text-strong); font-variant-numeric: tabular-nums; }
.tier-act .tier-price b { color: var(--green-700, #0C6431); }
.tier-ple .tier-price b { color: rgb(255, 255, 255); }
.tier-price span { font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); }
.tier-ple .tier-price span { color: var(--text-on-dark-muted); }
.tier-note { margin-top: 6px; font-size: var(--text-body-sm); font-weight: var(--weight-bold); color: var(--green-700, #0C6431); min-height: 1.4em; }
.tier-ple .tier-note { color: var(--gold-500, #F7C839); }
.tier-list { list-style: none; margin: var(--space-5) 0 0; padding: var(--space-5) 0 0; border-top: 1px solid var(--border-subtle); display: grid; gap: 10px; flex: 1 1 0%; align-content: start; }
.tier-ple .tier-list { border-color: var(--border-on-dark); }
.tier-list li { display: grid; grid-template-columns: 18px minmax(0px, 1fr); gap: 10px; align-items: start; font-size: var(--text-body-sm); line-height: 1.4; color: var(--text-body); }
.tier-list li svg { margin-top: 1px; }
.tier-list .t-y { color: var(--text-body); }
.tier-list .t-y svg { color: var(--green-600, #0F7A3C); }
.tier-list .t-n { color: var(--text-muted); }
.tier-list .t-n span { text-decoration: line-through rgba(107, 118, 134, 0.45); }
.tier-list .t-n svg { color: var(--grey-400, #98A2B1); }
.tier-ple .tier-list li { color: rgba(255, 255, 255, 0.9); }
.tier-ple .tier-list .t-y svg { color: var(--green-500, #138F47); }
.tier-list .t-s svg { color: var(--gold-500, #F7C839); }
.tier-list em { font-style: normal; margin-left: 6px; font-size: 11px; font-weight: var(--weight-bold); color: var(--gold-500, #F7C839); white-space: nowrap; }
.tier-cta { margin-top: var(--space-6); }
.tiers--compact .tier-list li:nth-child(n+5) { display: none; }
.tiers-foot { margin: var(--space-5) 0 0; font-family: var(--font-mono); font-size: var(--text-caption); line-height: 1.6; color: var(--text-muted); max-width: 90ch; }
.mesa-resp { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--border-subtle); display: flex; gap: var(--space-3); align-items: center; }
.mesa-av { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 50%; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: 0.8rem; }
.mesa-resp-k { display: block; font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); }
.mesa-resp > span > b { display: block; font-size: var(--text-body-sm); color: var(--text-strong); }
.mesa-resp-c { display: block; font-size: var(--text-caption); color: var(--text-muted); }
.mesa-acts { display: flex; gap: var(--space-5); flex-wrap: wrap; align-items: center; }
.mesa-ct { text-decoration: underline; text-underline-offset: 3px; color: var(--text-body) !important; }
.mesa-go { display: inline-flex; margin-top: var(--space-4); font-size: var(--text-body-sm); font-weight: var(--weight-semibold); color: var(--accent-strong) !important; }
.mj-resp { margin-top: -8px; font-size: var(--text-body-sm); color: var(--text-muted); }
.mj-resp b { color: var(--text-strong); }
.ev-flow { display: grid; grid-template-columns: 20px minmax(0px, 1fr); gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius-sm); background: var(--navy-100, #E3EAF3); font-size: var(--text-body-sm); color: var(--text-body); }
.ev-link { margin-left: auto; font-size: var(--text-body-sm); font-weight: var(--weight-semibold); white-space: nowrap; color: var(--accent-strong) !important; }
.ev-track { margin-top: var(--space-6); display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px; }
.ev-track > div { display: flex; align-items: center; gap: 8px; padding: 10px; border-radius: var(--radius-sm); background: var(--grey-050, #F5F7FA); border: 1px solid var(--border-subtle); font-size: var(--text-caption); color: var(--text-muted); }
.ev-track > div > b { width: 22px; height: 22px; flex: 0 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--grey-200, #E1E6EC); color: var(--text-strong); font-size: 11px; }
.ev-track > .on > b { background: var(--green-600, #0F7A3C); color: rgb(255, 255, 255); }
.ev-track > .cur { border-color: var(--gold-500, #F7C839); background: var(--gold-050, #FEF8E6); color: var(--text-strong); font-weight: var(--weight-semibold); }
.ev-track > .cur > b { background: var(--gold-500, #F7C839); }
.ev-mine { margin-top: var(--space-6); border: 1px dashed var(--border-strong, #C9D0DA); border-radius: var(--radius-md); padding: var(--space-5); background: rgb(255, 255, 255); }
.ev-mine-row { display: flex; justify-content: space-between; gap: var(--space-3); align-items: center; padding: var(--space-3) 0; border-top: 1px solid var(--border-subtle); flex-wrap: wrap; }
.ev-mine-row:first-of-type { border-top: 0px; }
.dir-inv { margin-top: var(--space-12); padding-top: var(--space-8); border-top: 1px solid var(--border-subtle); }
.dir-inv-grid { margin-top: var(--space-5); display: grid; gap: var(--space-3); grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); }
.dir-inv-card { display: grid; grid-template-columns: 40px minmax(0px, 1fr) auto; gap: var(--space-3); align-items: center; padding: var(--space-4); border: 1px dashed var(--border-strong, #C3CAD4); border-radius: var(--radius-md); background: rgb(255, 255, 255); }
.dir-inv-ini { width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: var(--grey-100, #EEF1F5); color: var(--grey-700, #3E4652); font-family: var(--font-display); font-weight: 800; font-size: 14px; }
.dir-inv-card b { display: block; font-size: var(--text-body-sm); color: var(--text-strong); }
.dir-inv-card span { display: block; font-size: var(--text-caption); color: var(--text-muted); }
.dir-inv-card a { display: inline-block; padding: 8px 0px 2px; font-size: var(--text-caption); color: var(--accent-strong) !important; }
.dir-inv-tag { font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; background: var(--grey-100, #EEF1F5); color: var(--grey-700, #3E4652); }
.ev-motivo { margin: -4px 0 var(--space-3); font-size: var(--text-caption); color: var(--grey-700, #3E4652); }
.ev-badge { font-size: var(--text-caption); font-weight: var(--weight-bold); padding: 3px 10px; border-radius: 999px; background: var(--gold-050, #FEF8E6); color: var(--gold-700, #A8830F); border: 1px solid var(--gold-500, #F7C839); white-space: nowrap; }
.hj { position: relative; margin-top: var(--space-16); border-radius: var(--radius-lg); overflow: hidden; background: var(--grad-navy, linear-gradient(135deg,#0A1F3C,#16386A)); color: var(--text-on-dark, #fff); }
.hj::before { content: ""; position: absolute; inset: 0px; background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(100deg, transparent 35%, rgb(0, 0, 0) 85%); pointer-events: none; }
.hj::after { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 4px; background: var(--grad-tricolor-h); }
.hj-in { position: relative; display: grid; gap: var(--space-10); grid-template-columns: minmax(0px, 1fr); padding: var(--space-10) var(--space-6); }
@media (min-width: 900px) {
  .hj-in { grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr); gap: var(--space-12); padding: var(--space-12) var(--space-12); align-items: center; }
}
.hj-h { margin: var(--space-5) 0 0; font-family: var(--font-display); font-size: clamp(1.75rem, 1.2rem + 2.2vw, 2.6rem); font-weight: var(--weight-black); line-height: 1.1; letter-spacing: var(--tracking-display); max-width: 18ch; }
.hj-h span { color: var(--gold-400, #F9D45C); }
.hj-p { margin: var(--space-4) 0 0; max-width: 52ch; font-size: var(--text-body); line-height: var(--leading-body); color: var(--text-on-dark-muted, rgba(255,255,255,.78)); }
.hj-ctas { margin-top: var(--space-6); display: flex; align-items: center; gap: var(--space-5); flex-wrap: wrap; }
.hj-link { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--text-body-sm); font-weight: var(--weight-semibold); text-decoration: underline rgba(255, 255, 255, 0.4); text-underline-offset: 4px; color: rgb(255, 255, 255) !important; }
.hj-link:hover { text-decoration-color: rgb(255, 255, 255); }
.hj-early { margin-top: var(--space-6); display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(249, 212, 92, 0.35); background: rgba(249, 212, 92, 0.08); font-size: var(--text-caption); font-weight: var(--weight-semibold); color: var(--gold-200, #FCE7A6); }
.hj-early i { width: 7px; height: 7px; border-radius: 50%; background: var(--gold-500, #F7C839); flex: 0 0 auto; }
.hj-ladder { position: relative; display: grid; gap: var(--space-3); }
.hj-ladder-t { font-size: var(--text-eyebrow); font-weight: var(--weight-bold); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--text-on-dark-muted, rgba(255,255,255,.7)); margin-bottom: var(--space-1); }
.hj-step { position: relative; display: grid; gap: 4px; padding: var(--space-4) var(--space-5) var(--space-4) calc(var(--space-5) + 14px); border-radius: var(--radius-md); background: rgba(255, 255, 255, 0.06); border: 1px solid var(--border-on-dark, rgba(255,255,255,.14)); }
.hj-step::before { content: ""; position: absolute; left: var(--space-5); top: 18px; bottom: 18px; width: 4px; border-radius: 4px; background: var(--c); }
.hj-step b { font-family: var(--font-display); font-size: var(--text-h4); font-weight: var(--weight-bold); color: rgb(255, 255, 255); }
.hj-step span { font-size: var(--text-body-sm); line-height: 1.45; color: var(--text-on-dark-muted, rgba(255,255,255,.78)); }
.hm-note { margin-top: var(--space-8); display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; padding-top: var(--space-6); border-top: 1px solid var(--border-subtle); }
.hm-note p { margin: 0px; max-width: 70ch; font-size: var(--text-body); line-height: var(--leading-body); color: var(--text-muted); }
.hm-note p b { color: var(--text-strong); font-weight: var(--weight-semibold); }
.hm-note a { font-size: var(--text-body-sm); font-weight: var(--weight-semibold); white-space: nowrap; padding: 10px 0px; color: var(--accent-strong) !important; }
.hf { position: relative; overflow: hidden; background: var(--grad-navy); color: var(--text-on-dark); }
.hf-dots { position: absolute; inset: 0px; background-image: radial-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1px); background-size: 24px 24px; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 60%); }
.hf::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 4px; background: var(--grad-tricolor-h); }
.hf-in { position: relative; max-width: var(--container); margin: 0px auto; padding: var(--section-y) var(--space-6); display: grid; gap: var(--space-12); grid-template-columns: minmax(0px, 1fr); align-items: center; }
@media (min-width: 960px) {
  .hf-in { grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr); }
}
.hf-h { margin: var(--space-5) 0 0; font-family: var(--font-display); font-size: var(--text-display-2); font-weight: var(--weight-black); line-height: var(--leading-snug); letter-spacing: var(--tracking-display); color: rgb(255, 255, 255); text-wrap: balance; }
.hf-h span { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; }
.hf-p { margin: var(--space-5) 0 0; max-width: 56ch; font-size: var(--text-body-lg); line-height: var(--leading-body); color: var(--text-on-dark-muted); }
.hf-prog { margin-top: var(--space-8); max-width: 460px; }
.hf-prog-top { display: flex; justify-content: space-between; gap: var(--space-3); font-size: var(--text-caption); color: var(--text-on-dark-muted); }
.hf-prog-top b { color: rgb(255, 255, 255); }
.hf-prog-bar { margin-top: 8px; height: 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); overflow: hidden; }
.hf-prog-sub { margin-top: 6px; font-size: var(--text-caption); color: var(--text-on-dark-muted); }
.hf-prog-bar i { display: block; width: 20%; height: 100%; border-radius: inherit; background: var(--grad-tricolor-h); transform-origin: left center; animation: 1.6s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal both running hfGrow; }
@keyframes hfGrow { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
.hf-vis { position: relative; min-width: 0px; display: grid; grid-template-columns: minmax(0px, 1fr); gap: var(--space-4); }
@media (min-width: 560px) {
  .hf-vis { grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1fr); align-items: center; }
}
.hf-poster { border-radius: var(--radius-lg); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 60px; border: 1px solid rgba(255, 255, 255, 0.14); aspect-ratio: 2 / 3; max-height: 440px; }
@media (min-width: 560px) {
  .hf-poster { transform: rotate(-3deg); }
}
@media (max-width: 559px) {
  .hf-poster { aspect-ratio: 16 / 10; }
}
.hf-poster img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.hf-stats { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--space-3); }
.hf-stat { position: relative; padding: var(--space-5) var(--space-4) var(--space-4); border-radius: var(--radius-md); background: rgba(255, 255, 255, 0.06); border: 1px solid var(--border-on-dark); overflow: hidden; }
.hf-stat::before { content: ""; position: absolute; left: 0px; top: 0px; right: 0px; height: 3px; background: var(--c); }
.hf-stat b { display: block; font-family: var(--font-display); font-weight: var(--weight-black); font-size: clamp(2rem, 7vw, 2.75rem); line-height: 1; color: rgb(255, 255, 255); font-variant-numeric: tabular-nums; }
.hf-stat span { display: block; margin-top: 8px; font-size: var(--text-caption); font-weight: var(--weight-semibold); letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-on-dark-muted); line-height: 1.35; }
.af-wrap { max-width: var(--container); margin: 0px auto; padding: var(--section-y) var(--space-6); display: grid; gap: var(--space-12); grid-template-columns: minmax(0px, 1fr); align-items: start; scroll-margin-top: 72px; }
@media (min-width: 960px) {
  .af-wrap { grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 1fr); }
}
.af-plans { display: grid; gap: var(--space-3); grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); }
.af-panel-hint { margin: var(--space-4) 0 0; font-size: var(--text-body-sm); color: var(--text-muted); }
.af-panel-hint a { color: var(--accent-strong) !important; font-weight: var(--weight-semibold); }
.af-g { display: grid; gap: var(--space-5); grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }
.af-f { display: flex; flex-direction: column; gap: 6px; min-width: 0px; }
.af-l { font-size: var(--text-body-sm); font-weight: var(--weight-semibold); color: var(--text-strong); }
.af-l i { font-style: normal; color: var(--red-500, #BB2D2F); margin-left: 3px; }
.af-h { font-size: var(--text-caption); color: var(--text-muted); }
.af-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.af-box { padding: var(--space-5); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); background: var(--grey-050, #F5F7FA); }
.af-line { display: flex; justify-content: space-between; gap: var(--space-4); padding: var(--space-3) var(--space-4); background: rgb(255, 255, 255); border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); font-size: var(--text-body-sm); color: var(--text-body); }
.af-line b { white-space: nowrap; font-family: var(--font-mono); font-weight: 600; color: var(--text-strong); font-variant-numeric: tabular-nums; text-align: right; }
.af-qr { margin-top: var(--space-5); display: grid; grid-template-columns: 112px minmax(0px, 1fr); gap: var(--space-4); align-items: center; }
.af-qr-img { width: 112px; aspect-ratio: 1 / 1; padding: 8px; border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); background: rgb(255, 255, 255); }
.af-consent { margin-top: var(--space-5); display: grid; gap: var(--space-3); }
.af-c { display: grid; grid-template-columns: 22px minmax(0px, 1fr); gap: 10px; align-items: start; font-size: var(--text-body-sm); line-height: 1.45; color: var(--text-body); cursor: pointer; }
.af-c input { width: 20px; height: 20px; margin: 1px 0px 0px; accent-color: var(--green-600, #0F7A3C); }
.af-c b { color: var(--red-500, #BB2D2F); margin-left: 3px; }
.af-err { margin-top: var(--space-4); padding: var(--space-3) var(--space-4); border-radius: var(--radius-sm); background: var(--red-050, #FBEEEE); color: var(--red-700, #8C2123); font-size: var(--text-body-sm); font-weight: var(--weight-semibold); }
.af-states { margin-top: var(--space-8); display: grid; gap: var(--space-3); grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr)); }
.af-acc { margin-top: var(--space-4); padding: var(--space-4); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); display: grid; gap: var(--space-3); }
.af-acc p { margin: 0px; font-size: var(--text-body-sm); color: var(--green-700, #0E7038); font-weight: var(--weight-semibold); }
.af-acc-btn { justify-self: start; min-height: 44px; padding: 0px 18px; border: 0px; border-radius: var(--radius-sm); background: var(--navy-800, #0A1F3C); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--text-body-sm); font-weight: var(--weight-bold); cursor: pointer; }
.cbti-chip[aria-pressed="true"] { background: var(--navy-800, #0A1F3C); border-color: var(--navy-800, #0A1F3C); color: rgb(255, 255, 255); }
.af-states > div { padding-top: var(--space-3); border-top: 4px solid var(--border-subtle); }
.af-states b { display: block; font-size: var(--text-body-sm); color: var(--text-strong); }
.af-states span { display: block; margin-top: 2px; font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); }
.ct-form { display: flex; flex-direction: column; gap: var(--space-5); }
.ct-note { margin: -8px 0px 0px; font-size: var(--text-caption); color: var(--text-muted); }
.ct-note a { color: var(--accent-strong) !important; font-weight: var(--weight-semibold); }