/* CSS da referência (5173), prefixado para .m5ref */

@layer properties{
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))){
.m5ref,.m5ref :before,.m5ref :after,.m5ref{--tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: 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-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;}
  }

}

@layer theme{
.m5ref,.m5ref :host{--font-sans: "Epilogue", system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: "Epilogue", system-ui, sans-serif;
    --default-mono-font-family: var(--font-mono);
    --font-display: "Urbanist", system-ui, sans-serif;
    --color-border: var(--border);}
}

@layer base{
.m5ref,.m5ref :after,.m5ref :before,.m5ref{box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;}
.m5ref ::file-selector-button{box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;}
.m5ref,.m5ref :host{-webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;}
.m5ref hr{height: 0;
    color: inherit;
    border-top-width: 1px;}
.m5ref abbr:where([title]){-webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;}
.m5ref h1,.m5ref h2,.m5ref h3,.m5ref h4,.m5ref h5,.m5ref h6{font-size: inherit;
    font-weight: inherit;}
.m5ref a{color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;}
.m5ref b,.m5ref strong{font-weight: bolder;}
.m5ref code,.m5ref kbd,.m5ref samp,.m5ref 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;}
.m5ref small{font-size: 80%;}
.m5ref sub,.m5ref sup{vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;}
.m5ref sub{bottom: -.25em;}
.m5ref sup{top: -.5em;}
.m5ref table{text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;}
.m5ref :-moz-focusring:where(:not(iframe)){outline: auto;}
.m5ref progress{vertical-align: baseline;}
.m5ref summary{display: list-item;}
.m5ref ol,.m5ref ul,.m5ref menu{list-style: none;}
.m5ref img,.m5ref svg,.m5ref video,.m5ref canvas,.m5ref audio,.m5ref iframe,.m5ref embed,.m5ref object{vertical-align: middle;
    display: block;}
.m5ref img,.m5ref video{max-width: 100%;
    height: auto;}
.m5ref button,.m5ref input,.m5ref select,.m5ref optgroup,.m5ref textarea{font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;}
.m5ref ::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;}
.m5ref :where(select:is([multiple], [size])) optgroup{font-weight: bolder;}
.m5ref :where(select:is([multiple], [size])) optgroup option{padding-inline-start: 20px;}
.m5ref ::file-selector-button{margin-inline-end: 4px;}
.m5ref ::placeholder{opacity: 1;}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px){
.m5ref ::placeholder{color: currentColor;}
@supports (color: color-mix(in lab, red, red)){
.m5ref ::placeholder{color: color-mix(in oklab, currentcolor 50%, transparent);}
    }

  }

.m5ref textarea{resize: vertical;}
.m5ref ::-webkit-search-decoration{-webkit-appearance: none;}
.m5ref ::-webkit-date-and-time-value{min-height: 1lh;
    text-align: inherit;}
.m5ref ::-webkit-datetime-edit{display: inline-flex;}
.m5ref ::-webkit-datetime-edit-fields-wrapper{padding: 0;}
.m5ref ::-webkit-datetime-edit{padding-block: 0;}
.m5ref ::-webkit-datetime-edit-year-field{padding-block: 0;}
.m5ref ::-webkit-datetime-edit-month-field{padding-block: 0;}
.m5ref ::-webkit-datetime-edit-day-field{padding-block: 0;}
.m5ref ::-webkit-datetime-edit-hour-field{padding-block: 0;}
.m5ref ::-webkit-datetime-edit-minute-field{padding-block: 0;}
.m5ref ::-webkit-datetime-edit-second-field{padding-block: 0;}
.m5ref ::-webkit-datetime-edit-millisecond-field{padding-block: 0;}
.m5ref ::-webkit-datetime-edit-meridiem-field{padding-block: 0;}
.m5ref ::-webkit-calendar-picker-indicator{line-height: 1;}
.m5ref :-moz-ui-invalid{box-shadow: none;}
.m5ref button,.m5ref input:where([type="button"], [type="reset"], [type="submit"]){appearance: button;}
.m5ref ::file-selector-button{appearance: button;}
.m5ref ::-webkit-inner-spin-button{height: auto;}
.m5ref ::-webkit-outer-spin-button{height: auto;}
.m5ref [hidden]:where(:not([hidden="until-found"])){display: none !important;}
.m5ref{border-color: var(--line);}
.m5ref{scroll-behavior: smooth;}
.m5ref{background-color: var(--bg-base);
    color: var(--ink);
    font-family: var(--font-sans);
    overflow-x: hidden;
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    -webkit-font-smoothing: antialiased;}
.m5ref h1,.m5ref h2,.m5ref h3,.m5ref h4{font-family: var(--font-display);
    letter-spacing: -.025em;
    text-wrap: balance;
    font-weight: 600;}
.m5ref :focus-visible{outline: 2px solid var(--gold);
    outline-offset: 3px;}
}

@layer components{
.m5ref .container-page{width: 100%;
    max-width: var(--container);
    margin-inline: auto;
    padding-inline: 1.25rem;}
@media (min-width: 1024px){
.m5ref .container-page{padding-inline: 2rem;}
  }

.m5ref .section-sm{padding-block: var(--section-sm);}
.m5ref .section-lg{padding-block: var(--section-lg);}
.m5ref .measure{max-width: var(--measure);}
.m5ref .measure-narrow{max-width: var(--measure-narrow);}
.m5ref .grid12{gap: var(--space-6);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    display: grid;}
.m5ref .hairline-t{border-top: 1px solid var(--line);}
.m5ref .hairline-b{border-bottom: 1px solid var(--line);}
.m5ref .on-dark .hairline-t{border-top-color: var(--line-inverse);}
.m5ref .on-dark .hairline-b{border-bottom-color: var(--line-inverse);}
.m5ref .t-display{font-family: var(--font-display);
    font-size: var(--fs-display);
    line-height: var(--lh-tight);
    font-weight: 600;}
.m5ref .t-h2{font-family: var(--font-display);
    font-size: var(--fs-h2);
    font-weight: 600;
    line-height: 1.1;}
.m5ref .t-h3{font-family: var(--font-display);
    font-size: var(--fs-h3);
    line-height: var(--lh-snug);
    font-weight: 600;}
.m5ref .t-quote{font-family: var(--font-display);
    font-size: var(--fs-quote);
    line-height: var(--lh-snug);
    text-wrap: balance;
    font-weight: 600;}
.m5ref .t-lead{font-size: var(--fs-lead);
    line-height: var(--lh-body);}
.m5ref .t-body{font-size: var(--fs-body);
    line-height: var(--lh-body);}
.m5ref .t-small{font-size: var(--fs-small);
    line-height: 1.6;}
.m5ref .t-micro{font-size: var(--fs-micro);
    line-height: 1.55;}
.m5ref .eyebrow{font-size: var(--fs-eyebrow);
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold-text);
    font-weight: 600;
    display: inline-block;}
.m5ref .on-dark .eyebrow{color: var(--gold);}
.m5ref .btn{border-radius: var(--r-md);
    background: var(--gold-btn);
    color: #fff;
    letter-spacing: -.01em;
    text-align: center;
    border: 0;
    justify-content: center;
    align-items: center;
    gap: .6rem;
    max-width: 100%;
    min-height: 54px;
    padding: 0 1.6rem;
    font-size: .98rem;
    font-weight: 600;
    line-height: 1.2;
    transition: background .2s, transform .12s;
    display: inline-flex;}
.m5ref .btn:hover{background: var(--gold-btn-hover);}
.m5ref .btn:active{transform: scale(.98);}
.m5ref .btn:disabled{opacity: .5;
    pointer-events: none;}
@media (max-width: 639px){
.m5ref .btn{gap: .45rem;
      width: 100%;
      max-width: 440px;
      min-height: 52px;
      padding: 0 1rem;
      font-size: .94rem;}
  }

.m5ref .rule-gold{background: var(--gold);
    width: 40px;
    height: 2px;}
.m5ref .pull-quote{border-left: 2px solid var(--gold);
    padding-left: var(--space-5);}
}

@layer utilities{
.m5ref .pointer-events-none{pointer-events: none;}
.m5ref .invisible{visibility: hidden;}
.m5ref .visible{visibility: visible;}
.m5ref .sr-only{clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;}
.m5ref .absolute{position: absolute;}
.m5ref .fixed{position: fixed;}
.m5ref .relative{position: relative;}
.m5ref .sticky{position: sticky;}
.m5ref .inset-0{inset: 0;}
.m5ref .inset-x-0{inset-inline: 0;}
.m5ref .inset-y-0{inset-block: 0;}
.m5ref .-top-12{top: calc(var(--spacing) * -12);}
.m5ref .top-0{top: 0;}
.m5ref .top-1\.5{top: calc(var(--spacing) * 1.5);}
.m5ref .top-1\/2{top: 50%;}
.m5ref .top-3\.5{top: calc(var(--spacing) * 3.5);}
.m5ref .top-4{top: calc(var(--spacing) * 4);}
.m5ref .top-11{top: calc(var(--spacing) * 11);}
.m5ref .top-\[1px\]{top: 1px;}
.m5ref .top-\[50\%\]{top: 50%;}
.m5ref .top-\[60\%\]{top: 60%;}
.m5ref .top-full{top: 100%;}
.m5ref .-right-12{right: calc(var(--spacing) * -12);}
.m5ref .right-0{right: 0;}
.m5ref .right-1{right: var(--spacing);}
.m5ref .right-2{right: calc(var(--spacing) * 2);}
.m5ref .right-3{right: calc(var(--spacing) * 3);}
.m5ref .right-4{right: calc(var(--spacing) * 4);}
.m5ref .-bottom-12{bottom: calc(var(--spacing) * -12);}
.m5ref .bottom-0{bottom: 0;}
.m5ref .bottom-3{bottom: calc(var(--spacing) * 3);}
.m5ref .-left-12{left: calc(var(--spacing) * -12);}
.m5ref .left-0{left: 0;}
.m5ref .left-1\/2{left: 50%;}
.m5ref .left-2{left: calc(var(--spacing) * 2);}
.m5ref .left-\[19px\]{left: 19px;}
.m5ref .left-\[50\%\]{left: 50%;}
.m5ref .z-10{z-index: 10;}
.m5ref .z-20{z-index: 20;}
.m5ref .z-50{z-index: 50;}
.m5ref .z-\[1\]{z-index: 1;}
.m5ref .z-\[3\]{z-index: 3;}
.m5ref .m-87{margin: calc(var(--spacing) * 87);}
.m5ref .m-155{margin: calc(var(--spacing) * 155);}
.m5ref .m-159{margin: calc(var(--spacing) * 159);}
.m5ref .m-169{margin: calc(var(--spacing) * 169);}
.m5ref .m-184{margin: calc(var(--spacing) * 184);}
.m5ref .m-193{margin: calc(var(--spacing) * 193);}
.m5ref .m-209{margin: calc(var(--spacing) * 209);}
.m5ref .m-221{margin: calc(var(--spacing) * 221);}
.m5ref .m-301{margin: calc(var(--spacing) * 301);}
.m5ref .m-348{margin: calc(var(--spacing) * 348);}
.m5ref .m-542{margin: calc(var(--spacing) * 542);}
.m5ref .m-570{margin: calc(var(--spacing) * 570);}
.m5ref .m-629{margin: calc(var(--spacing) * 629);}
.m5ref .m-645{margin: calc(var(--spacing) * 645);}
.m5ref .m-665{margin: calc(var(--spacing) * 665);}
.m5ref .m-818{margin: calc(var(--spacing) * 818);}
.m5ref .m-826{margin: calc(var(--spacing) * 826);}
.m5ref .m-1040{margin: calc(var(--spacing) * 1040);}
.m5ref .-mx-1{margin-inline: calc(var(--spacing) * -1);}
.m5ref .mx-2{margin-inline: calc(var(--spacing) * 2);}
.m5ref .mx-3\.5{margin-inline: calc(var(--spacing) * 3.5);}
.m5ref .mx-auto{margin-inline: auto;}
.m5ref .my-0\.5{margin-block: calc(var(--spacing) * .5);}
.m5ref .my-1{margin-block: var(--spacing);}
.m5ref .-mt-4{margin-top: calc(var(--spacing) * -4);}
.m5ref .mt-1{margin-top: var(--spacing);}
.m5ref .mt-1\.5{margin-top: calc(var(--spacing) * 1.5);}
.m5ref .mt-2{margin-top: calc(var(--spacing) * 2);}
.m5ref .mt-3{margin-top: calc(var(--spacing) * 3);}
.m5ref .mt-4{margin-top: calc(var(--spacing) * 4);}
.m5ref .mt-5{margin-top: calc(var(--spacing) * 5);}
.m5ref .mt-6{margin-top: calc(var(--spacing) * 6);}
.m5ref .mt-7{margin-top: calc(var(--spacing) * 7);}
.m5ref .mt-8{margin-top: calc(var(--spacing) * 8);}
.m5ref .mt-9{margin-top: calc(var(--spacing) * 9);}
.m5ref .mt-10{margin-top: calc(var(--spacing) * 10);}
.m5ref .mt-11{margin-top: calc(var(--spacing) * 11);}
.m5ref .mt-12{margin-top: calc(var(--spacing) * 12);}
.m5ref .mt-16{margin-top: calc(var(--spacing) * 16);}
.m5ref .mt-20{margin-top: calc(var(--spacing) * 20);}
.m5ref .mt-24{margin-top: calc(var(--spacing) * 24);}
.m5ref .mt-auto{margin-top: auto;}
.m5ref .mr-2{margin-right: calc(var(--spacing) * 2);}
.m5ref .mb-1{margin-bottom: var(--spacing);}
.m5ref .mb-2{margin-bottom: calc(var(--spacing) * 2);}
.m5ref .mb-3{margin-bottom: calc(var(--spacing) * 3);}
.m5ref .mb-4{margin-bottom: calc(var(--spacing) * 4);}
.m5ref .mb-5{margin-bottom: calc(var(--spacing) * 5);}
.m5ref .mb-6{margin-bottom: calc(var(--spacing) * 6);}
.m5ref .mb-8{margin-bottom: calc(var(--spacing) * 8);}
.m5ref .mb-9{margin-bottom: calc(var(--spacing) * 9);}
.m5ref .mb-10{margin-bottom: calc(var(--spacing) * 10);}
.m5ref .mb-12{margin-bottom: calc(var(--spacing) * 12);}
.m5ref .-ml-4{margin-left: calc(var(--spacing) * -4);}
.m5ref .ml-1{margin-left: var(--spacing);}
.m5ref .ml-auto{margin-left: auto;}
.m5ref .block{display: block;}
.m5ref .flex{display: flex;}
.m5ref .grid{display: grid;}
.m5ref .hidden{display: none;}
.m5ref .inline{display: inline;}
.m5ref .inline-flex{display: inline-flex;}
.m5ref .table{display: table;}
.m5ref .aspect-\[4\/5\]{aspect-ratio: 4 / 5;}
.m5ref .aspect-\[9\/16\]{aspect-ratio: 9 / 16;}
.m5ref .aspect-square{aspect-ratio: 1;}
.m5ref .aspect-video{aspect-ratio: var(--aspect-video);}
.m5ref .size-\(--cell-size\){width: var(--cell-size);
    height: var(--cell-size);}
.m5ref .size-4{width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);}
.m5ref .\!h-8{height: calc(var(--spacing) * 8) !important;}
.m5ref .\!h-10{height: calc(var(--spacing) * 10) !important;}
.m5ref .h-\(--cell-size\){height: var(--cell-size);}
.m5ref .h-1\.5{height: calc(var(--spacing) * 1.5);}
.m5ref .h-2{height: calc(var(--spacing) * 2);}
.m5ref .h-2\.5{height: calc(var(--spacing) * 2.5);}
.m5ref .h-3{height: calc(var(--spacing) * 3);}
.m5ref .h-3\.5{height: calc(var(--spacing) * 3.5);}
.m5ref .h-4{height: calc(var(--spacing) * 4);}
.m5ref .h-5{height: calc(var(--spacing) * 5);}
.m5ref .h-7{height: calc(var(--spacing) * 7);}
.m5ref .h-8{height: calc(var(--spacing) * 8);}
.m5ref .h-9{height: calc(var(--spacing) * 9);}
.m5ref .h-10{height: calc(var(--spacing) * 10);}
.m5ref .h-12{height: calc(var(--spacing) * 12);}
.m5ref .h-\[1px\]{height: 1px;}
.m5ref .h-\[46vh\]{height: 46vh;}
.m5ref .h-\[420px\]{height: 420px;}
.m5ref .h-\[var\(--radix-navigation-menu-viewport-height\)\]{height: var(--radix-navigation-menu-viewport-height);}
.m5ref .h-\[var\(--radix-select-trigger-height\)\]{height: var(--radix-select-trigger-height);}
.m5ref .h-auto{height: auto;}
.m5ref .h-full{height: 100%;}
.m5ref .h-px{height: 1px;}
.m5ref .h-svh{height: 100svh;}
.m5ref .max-h-\(--radix-context-menu-content-available-height\){max-height: var(--radix-context-menu-content-available-height);}
.m5ref .max-h-\(--radix-select-content-available-height\){max-height: var(--radix-select-content-available-height);}
.m5ref .max-h-\[300px\]{max-height: 300px;}
.m5ref .max-h-\[460px\]{max-height: 460px;}
.m5ref .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height: var(--radix-dropdown-menu-content-available-height);}
.m5ref .\!min-h-\[48px\]{min-height: 48px !important;}
.m5ref .min-h-0{min-height: 0;}
.m5ref .min-h-\[48px\]{min-height: 48px;}
.m5ref .min-h-\[60px\]{min-height: 60px;}
.m5ref .min-h-\[280px\]{min-height: 280px;}
.m5ref .min-h-screen{min-height: 100vh;}
.m5ref .min-h-svh{min-height: 100svh;}
.m5ref .\!w-8{width: calc(var(--spacing) * 8) !important;}
.m5ref .\!w-10{width: calc(var(--spacing) * 10) !important;}
.m5ref .w-\(--cell-size\){width: var(--cell-size);}
.m5ref .w-\(--sidebar-width\){width: var(--sidebar-width);}
.m5ref .w-0{width: 0;}
.m5ref .w-1{width: var(--spacing);}
.m5ref .w-2{width: calc(var(--spacing) * 2);}
.m5ref .w-2\.5{width: calc(var(--spacing) * 2.5);}
.m5ref .w-3{width: calc(var(--spacing) * 3);}
.m5ref .w-3\.5{width: calc(var(--spacing) * 3.5);}
.m5ref .w-3\/4{width: 75%;}
.m5ref .w-4{width: calc(var(--spacing) * 4);}
.m5ref .w-5{width: calc(var(--spacing) * 5);}
.m5ref .w-6{width: calc(var(--spacing) * 6);}
.m5ref .w-7{width: calc(var(--spacing) * 7);}
.m5ref .w-8{width: calc(var(--spacing) * 8);}
.m5ref .w-9{width: calc(var(--spacing) * 9);}
.m5ref .w-10{width: calc(var(--spacing) * 10);}
.m5ref .w-64{width: calc(var(--spacing) * 64);}
.m5ref .w-72{width: calc(var(--spacing) * 72);}
.m5ref .w-\[1px\]{width: 1px;}
.m5ref .w-\[2px\]{width: 2px;}
.m5ref .w-\[100px\]{width: 100px;}
.m5ref .w-auto{width: auto;}
.m5ref .w-fit{width: fit-content;}
.m5ref .w-full{width: 100%;}
.m5ref .w-max{width: max-content;}
.m5ref .w-px{width: 1px;}
.m5ref .max-w-\(--skeleton-width\){max-width: var(--skeleton-width);}
.m5ref .max-w-\[10rem\]{max-width: 10rem;}
.m5ref .max-w-\[12rem\]{max-width: 12rem;}
.m5ref .max-w-\[16ch\]{max-width: 16ch;}
.m5ref .max-w-\[18ch\]{max-width: 18ch;}
.m5ref .max-w-\[20ch\]{max-width: 20ch;}
.m5ref .max-w-\[22ch\]{max-width: 22ch;}
.m5ref .max-w-\[26rem\]{max-width: 26rem;}
.m5ref .max-w-\[34rem\]{max-width: 34rem;}
.m5ref .max-w-\[36rem\]{max-width: 36rem;}
.m5ref .max-w-\[440px\]{max-width: 440px;}
.m5ref .max-w-\[480px\]{max-width: 480px;}
.m5ref .max-w-\[560px\]{max-width: 560px;}
.m5ref .max-w-\[614px\]{max-width: 614px;}
.m5ref .max-w-\[880px\]{max-width: 880px;}
.m5ref .max-w-\[1200px\]{max-width: 1200px;}
.m5ref .max-w-lg{max-width: var(--container-lg);}
.m5ref .max-w-max{max-width: max-content;}
.m5ref .max-w-md{max-width: var(--container-md);}
.m5ref .min-w-\(--cell-size\){min-width: var(--cell-size);}
.m5ref .min-w-0{min-width: 0;}
.m5ref .min-w-5{min-width: calc(var(--spacing) * 5);}
.m5ref .min-w-8{min-width: calc(var(--spacing) * 8);}
.m5ref .min-w-9{min-width: calc(var(--spacing) * 9);}
.m5ref .min-w-10{min-width: calc(var(--spacing) * 10);}
.m5ref .min-w-\[8rem\]{min-width: 8rem;}
.m5ref .min-w-\[12rem\]{min-width: 12rem;}
.m5ref .min-w-\[var\(--radix-select-trigger-width\)\]{min-width: var(--radix-select-trigger-width);}
.m5ref .flex-1{flex: 1;}
.m5ref .flex-shrink-0,.m5ref .shrink-0{flex-shrink: 0;}
.m5ref .grow{flex-grow: 1;}
.m5ref .grow-0{flex-grow: 0;}
.m5ref .basis-full{flex-basis: 100%;}
.m5ref .caption-bottom{caption-side: bottom;}
.m5ref .border-collapse{border-collapse: collapse;}
.m5ref .origin-\(--radix-context-menu-content-transform-origin\){transform-origin: var(--radix-context-menu-content-transform-origin);}
.m5ref .origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin: var(--radix-dropdown-menu-content-transform-origin);}
.m5ref .origin-\(--radix-hover-card-content-transform-origin\){transform-origin: var(--radix-hover-card-content-transform-origin);}
.m5ref .origin-\(--radix-menubar-content-transform-origin\){transform-origin: var(--radix-menubar-content-transform-origin);}
.m5ref .origin-\(--radix-popover-content-transform-origin\){transform-origin: var(--radix-popover-content-transform-origin);}
.m5ref .origin-\(--radix-select-content-transform-origin\){transform-origin: var(--radix-select-content-transform-origin);}
.m5ref .origin-\(--radix-tooltip-content-transform-origin\){transform-origin: var(--radix-tooltip-content-transform-origin);}
.m5ref .-translate-x-1\/2{--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .-translate-x-px{--tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .translate-x-\[-50\%\]{--tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .translate-x-px{--tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .-translate-y-1\/2{--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .translate-y-0{--tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .translate-y-\[-50\%\]{--tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .translate-y-full{--tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .rotate-45{rotate: 45deg;}
.m5ref .rotate-90{rotate: 90deg;}
.m5ref .transform{transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );}
.m5ref .animate-caret-blink{animation: 1.25s ease-out infinite caret-blink;}
.m5ref .animate-in{animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);}
.m5ref .animate-pulse{animation: var(--animate-pulse);}
.m5ref .cursor-default{cursor: default;}
.m5ref .cursor-pointer{cursor: pointer;}
.m5ref .touch-none{touch-action: none;}
.m5ref .list-none{list-style-type: none;}
.m5ref .flex-col{flex-direction: column;}
.m5ref .flex-col-reverse{flex-direction: column-reverse;}
.m5ref .flex-row{flex-direction: row;}
.m5ref .flex-wrap{flex-wrap: wrap;}
.m5ref .place-content-center{place-content: center;}
.m5ref .items-baseline{align-items: baseline;}
.m5ref .items-center{align-items: center;}
.m5ref .items-end{align-items: flex-end;}
.m5ref .items-start{align-items: flex-start;}
.m5ref .items-stretch{align-items: stretch;}
.m5ref .justify-between{justify-content: space-between;}
.m5ref .justify-center{justify-content: center;}
.m5ref .gap-1{gap: var(--spacing);}
.m5ref .gap-1\.5{gap: calc(var(--spacing) * 1.5);}
.m5ref .gap-2{gap: calc(var(--spacing) * 2);}
.m5ref .gap-2\.5{gap: calc(var(--spacing) * 2.5);}
.m5ref .gap-3{gap: calc(var(--spacing) * 3);}
.m5ref .gap-4{gap: calc(var(--spacing) * 4);}
.m5ref .gap-5{gap: calc(var(--spacing) * 5);}
.m5ref .gap-6{gap: calc(var(--spacing) * 6);}
.m5ref .gap-8{gap: calc(var(--spacing) * 8);}
.m5ref :where(.space-y-1\.5 > :not(:last-child)){--tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));}
.m5ref :where(.space-y-2 > :not(:last-child)){--tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}
.m5ref :where(.space-y-4 > :not(:last-child)){--tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));}
.m5ref :where(.space-x-1 > :not(:last-child)){--tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)));}
.m5ref .overflow-auto{overflow: auto;}
.m5ref .overflow-hidden{overflow: hidden;}
.m5ref .overflow-visible{overflow: visible;}
.m5ref .overflow-x-clip{overflow-x: clip;}
.m5ref .overflow-x-hidden{overflow-x: hidden;}
.m5ref .overflow-y-auto{overflow-y: auto;}
.m5ref .rounded-2xl{border-radius: var(--radius-2xl);}
.m5ref .rounded-\[2px\]{border-radius: 2px;}
.m5ref .rounded-\[inherit\]{border-radius: inherit;}
.m5ref .rounded-\[var\(--r-sm\)\]{border-radius: var(--r-sm);}
.m5ref .rounded-full{border-radius: 3.40282e38px;}
.m5ref .rounded-lg{border-radius: var(--r-lg);}
.m5ref .rounded-md{border-radius: var(--r-md);}
.m5ref .rounded-none{border-radius: 0;}
.m5ref .rounded-sm{border-radius: var(--r-sm);}
.m5ref .rounded-xl{border-radius: var(--radius-xl);}
.m5ref .rounded-t-2xl{border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);}
.m5ref .rounded-t-\[10px\]{border-top-left-radius: 10px;
    border-top-right-radius: 10px;}
.m5ref .rounded-l-md{border-top-left-radius: var(--r-md);
    border-bottom-left-radius: var(--r-md);}
.m5ref .rounded-tl-sm{border-top-left-radius: var(--r-sm);}
.m5ref .rounded-r-md{border-top-right-radius: var(--r-md);
    border-bottom-right-radius: var(--r-md);}
.m5ref .border{border-style: var(--tw-border-style);
    border-width: 1px;}
.m5ref .border-2{border-style: var(--tw-border-style);
    border-width: 2px;}
.m5ref .border-\[1\.5px\]{border-style: var(--tw-border-style);
    border-width: 1.5px;}
.m5ref .border-y{border-block-style: var(--tw-border-style);
    border-block-width: 1px;}
.m5ref .border-t{border-top-style: var(--tw-border-style);
    border-top-width: 1px;}
.m5ref .border-r{border-right-style: var(--tw-border-style);
    border-right-width: 1px;}
.m5ref .border-b{border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;}
.m5ref .border-l{border-left-style: var(--tw-border-style);
    border-left-width: 1px;}
.m5ref .border-dashed{--tw-border-style: dashed;
    border-style: dashed;}
.m5ref .border-\(--color-border\){border-color: var(--color-border);}
.m5ref .border-border\/50{border-color: var(--border);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .border-border\/50{border-color: color-mix(in oklab, var(--border) 50%, transparent);}
  }

.m5ref .border-destructive\/50{border-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .border-destructive\/50{border-color: color-mix(in oklab, var(--destructive) 50%, transparent);}
  }

.m5ref .border-input{border-color: var(--input);}
.m5ref .border-primary{border-color: var(--primary);}
.m5ref .border-primary\/50{border-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .border-primary\/50{border-color: color-mix(in oklab, var(--primary) 50%, transparent);}
  }

.m5ref .border-transparent{border-color: #0000;}
.m5ref .border-t-transparent{border-top-color: #0000;}
.m5ref .border-l-transparent{border-left-color: #0000;}
.m5ref .bg-\(--color-bg\){background-color: var(--color-bg);}
.m5ref .bg-accent{background-color: var(--accent);}
.m5ref .bg-background{background-color: var(--background);}
.m5ref .bg-bg-alt{background-color: var(--bg-alt);}
.m5ref .bg-bg-base{background-color: var(--bg-base);}
.m5ref .bg-black\/80{background-color: #000c;}
@supports (color: color-mix(in lab, red, red)){
.m5ref .bg-black\/80{background-color: color-mix(in oklab, var(--color-black) 80%, transparent);}
  }

.m5ref .bg-border{background-color: var(--border);}
.m5ref .bg-card{background-color: var(--card);}
.m5ref .bg-coffee{background-color: var(--coffee);}
.m5ref .bg-destructive{background-color: var(--destructive);}
.m5ref .bg-foreground{background-color: var(--foreground);}
.m5ref .bg-ink{background-color: var(--ink);}
.m5ref .bg-muted{background-color: var(--muted);}
.m5ref .bg-muted\/50{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .bg-muted\/50{background-color: color-mix(in oklab, var(--muted) 50%, transparent);}
  }

.m5ref .bg-popover{background-color: var(--popover);}
.m5ref .bg-primary{background-color: var(--primary);}
.m5ref .bg-primary\/10{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .bg-primary\/10{background-color: color-mix(in oklab, var(--primary) 10%, transparent);}
  }

.m5ref .bg-primary\/20{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .bg-primary\/20{background-color: color-mix(in oklab, var(--primary) 20%, transparent);}
  }

.m5ref .bg-secondary{background-color: var(--secondary);}
.m5ref .bg-transparent{background-color: #0000;}
.m5ref .fill-current{fill: currentColor;}
.m5ref .fill-primary{fill: var(--primary);}
.m5ref .object-cover{object-fit: cover;}
.m5ref .object-top{object-position: top;}
.m5ref .p-0{padding: 0;}
.m5ref .p-1{padding: var(--spacing);}
.m5ref .p-2{padding: calc(var(--spacing) * 2);}
.m5ref .p-3{padding: calc(var(--spacing) * 3);}
.m5ref .p-4{padding: calc(var(--spacing) * 4);}
.m5ref .p-6{padding: calc(var(--spacing) * 6);}
.m5ref .p-\[1px\]{padding: 1px;}
.m5ref .px-\(--cell-size\){padding-inline: var(--cell-size);}
.m5ref .px-1{padding-inline: var(--spacing);}
.m5ref .px-1\.5{padding-inline: calc(var(--spacing) * 1.5);}
.m5ref .px-2{padding-inline: calc(var(--spacing) * 2);}
.m5ref .px-2\.5{padding-inline: calc(var(--spacing) * 2.5);}
.m5ref .px-3{padding-inline: calc(var(--spacing) * 3);}
.m5ref .px-4{padding-inline: calc(var(--spacing) * 4);}
.m5ref .px-8{padding-inline: calc(var(--spacing) * 8);}
.m5ref .py-0\.5{padding-block: calc(var(--spacing) * .5);}
.m5ref .py-1{padding-block: var(--spacing);}
.m5ref .py-1\.5{padding-block: calc(var(--spacing) * 1.5);}
.m5ref .py-2{padding-block: calc(var(--spacing) * 2);}
.m5ref .py-3{padding-block: calc(var(--spacing) * 3);}
.m5ref .py-4{padding-block: calc(var(--spacing) * 4);}
.m5ref .py-6{padding-block: calc(var(--spacing) * 6);}
.m5ref .py-8{padding-block: calc(var(--spacing) * 8);}
.m5ref .py-10{padding-block: calc(var(--spacing) * 10);}
.m5ref .py-24{padding-block: calc(var(--spacing) * 24);}
.m5ref .pt-0{padding-top: 0;}
.m5ref .pt-2{padding-top: calc(var(--spacing) * 2);}
.m5ref .pt-3{padding-top: calc(var(--spacing) * 3);}
.m5ref .pt-4{padding-top: calc(var(--spacing) * 4);}
.m5ref .pt-8{padding-top: calc(var(--spacing) * 8);}
.m5ref .pt-10{padding-top: calc(var(--spacing) * 10);}
.m5ref .pt-12{padding-top: calc(var(--spacing) * 12);}
.m5ref .pr-1{padding-right: var(--spacing);}
.m5ref .pr-2{padding-right: calc(var(--spacing) * 2);}
.m5ref .pr-2\.5{padding-right: calc(var(--spacing) * 2.5);}
.m5ref .pr-8{padding-right: calc(var(--spacing) * 8);}
.m5ref .pb-1{padding-bottom: var(--spacing);}
.m5ref .pb-3{padding-bottom: calc(var(--spacing) * 3);}
.m5ref .pb-4{padding-bottom: calc(var(--spacing) * 4);}
.m5ref .pb-8{padding-bottom: calc(var(--spacing) * 8);}
.m5ref .pb-9{padding-bottom: calc(var(--spacing) * 9);}
.m5ref .pb-12{padding-bottom: calc(var(--spacing) * 12);}
.m5ref .pb-28{padding-bottom: calc(var(--spacing) * 28);}
.m5ref .pl-0{padding-left: 0;}
.m5ref .pl-2{padding-left: calc(var(--spacing) * 2);}
.m5ref .pl-2\.5{padding-left: calc(var(--spacing) * 2.5);}
.m5ref .pl-4{padding-left: calc(var(--spacing) * 4);}
.m5ref .pl-8{padding-left: calc(var(--spacing) * 8);}
.m5ref .text-center{text-align: center;}
.m5ref .text-left{text-align: left;}
.m5ref .align-middle{vertical-align: middle;}
.m5ref .font-display{font-family: Urbanist, system-ui, sans-serif;}
.m5ref .font-mono{font-family: var(--font-mono);}
.m5ref .text-4xl{font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));}
.m5ref .text-7xl{font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));}
.m5ref .text-base{font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));}
.m5ref .text-lg{font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));}
.m5ref .text-sm{font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));}
.m5ref .text-xl{font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));}
.m5ref .text-xs{font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));}
.m5ref .text-\[0\.8rem\]{font-size: .8rem;}
.m5ref .text-\[0\.9rem\]{font-size: .9rem;}
.m5ref .text-\[0\.68rem\]{font-size: .68rem;}
.m5ref .text-\[40px\]{font-size: 40px;}
.m5ref .leading-\[1\.1\]{--tw-leading: 1.1;
    line-height: 1.1;}
.m5ref .leading-\[1\.04\]{--tw-leading: 1.04;
    line-height: 1.04;}
.m5ref .leading-\[1\.5\]{--tw-leading: 1.5;
    line-height: 1.5;}
.m5ref .leading-none{--tw-leading: 1;
    line-height: 1;}
.m5ref .leading-snug{--tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);}
.m5ref .font-bold{--tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);}
.m5ref .font-medium{--tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);}
.m5ref .font-normal{--tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);}
.m5ref .font-semibold{--tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);}
.m5ref .tracking-\[-0\.02em\]{--tw-tracking: -.02em;
    letter-spacing: -.02em;}
.m5ref .tracking-\[-0\.04em\]{--tw-tracking: -.04em;
    letter-spacing: -.04em;}
.m5ref .tracking-\[0\.1em\]{--tw-tracking: .1em;
    letter-spacing: .1em;}
.m5ref .tracking-\[0\.08em\]{--tw-tracking: .08em;
    letter-spacing: .08em;}
.m5ref .tracking-\[0\.14em\]{--tw-tracking: .14em;
    letter-spacing: .14em;}
.m5ref .tracking-\[0\.16em\]{--tw-tracking: .16em;
    letter-spacing: .16em;}
.m5ref .tracking-\[0\.18em\]{--tw-tracking: .18em;
    letter-spacing: .18em;}
.m5ref .tracking-tight{--tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);}
.m5ref .tracking-widest{--tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);}
.m5ref .break-words{overflow-wrap: break-word;}
.m5ref .whitespace-nowrap{white-space: nowrap;}
.m5ref .text-accent-foreground{color: var(--accent-foreground);}
.m5ref .text-card-foreground{color: var(--card-foreground);}
.m5ref .text-current{color: currentColor;}
.m5ref .text-destructive{color: var(--destructive);}
.m5ref .text-destructive-foreground{color: var(--destructive-foreground);}
.m5ref .text-foreground{color: var(--foreground);}
.m5ref .text-gold{color: var(--gold);}
.m5ref .text-gold-text{color: var(--gold-text);}
.m5ref .text-ink{color: var(--ink);}
.m5ref .text-ink-soft{color: var(--ink-soft);}
.m5ref .text-muted-foreground{color: var(--muted-foreground);}
.m5ref .text-popover-foreground{color: var(--popover-foreground);}
.m5ref .text-primary{color: var(--primary);}
.m5ref .text-primary-foreground{color: var(--primary-foreground);}
.m5ref .text-secondary-foreground{color: var(--secondary-foreground);}
.m5ref .uppercase{text-transform: uppercase;}
.m5ref .not-italic{font-style: normal;}
.m5ref .tabular-nums{--tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );}
.m5ref .underline-offset-4{text-underline-offset: 4px;}
.m5ref .opacity-0{opacity: 0;}
.m5ref .opacity-50{opacity: .5;}
.m5ref .opacity-60{opacity: .6;}
.m5ref .opacity-70{opacity: .7;}
.m5ref .shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .shadow-\[0_0_0_1px_var\(--sidebar-border\)\]{--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .shadow-none{--tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .shadow-xs{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .ring-0{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .ring-1{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .ring-ring{--tw-ring-color: var(--ring);}
.m5ref .ring-offset-background{--tw-ring-offset-color: var(--background);}
.m5ref .outline{outline-style: var(--tw-outline-style);
    outline-width: 1px;}
.m5ref .filter{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, );}
.m5ref .transition{transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));}
.m5ref .transition-\[left\,.m5ref right\,.m5ref width\]{transition-property: left, right, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));}
.m5ref .transition-\[margin\,.m5ref opacity\]{transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));}
.m5ref .transition-\[width\,.m5ref height\,.m5ref padding\]{transition-property: width, height, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));}
.m5ref .transition-\[width\]{transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));}
.m5ref .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));}
.m5ref .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));}
.m5ref .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));}
.m5ref .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));}
.m5ref .duration-200{--tw-duration: .2s;
    transition-duration: .2s;}
.m5ref .duration-300{--tw-duration: .3s;
    transition-duration: .3s;}
.m5ref .duration-1000{--tw-duration: 1s;
    transition-duration: 1s;}
.m5ref .ease-in-out{--tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);}
.m5ref .ease-linear{--tw-ease: linear;
    transition-timing-function: linear;}
.m5ref .fade-in-0{--tw-enter-opacity: 0;}
.m5ref .outline-none{--tw-outline-style: none;
    outline-style: none;}
.m5ref .select-none{-webkit-user-select: none;
    user-select: none;}
.m5ref .zoom-in-95{--tw-enter-scale: .95;}
.m5ref .\[--cell-size\:2rem\]{--cell-size: 2rem;}
.m5ref .paused{animation-play-state: paused;}
.m5ref .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity: 1;}
@media (hover: hover){
.m5ref .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity: 1;}
  }

.m5ref .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *){padding-right: calc(var(--spacing) * 8);}
.m5ref .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *){margin-top: calc(var(--spacing) * -8);}
.m5ref .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *){display: none;}
.m5ref .group-data-\[collapsible\=icon\]\:\!size-8:is(:where(.group)[data-collapsible="icon"] *){width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;}
.m5ref .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *){width: var(--sidebar-width-icon);}
.m5ref .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible="icon"] *){width: calc(var(--sidebar-width-icon) + 1rem);}
.m5ref .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *){width: calc(var(--sidebar-width-icon) + 1rem + 2px);}
.m5ref .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *){overflow: hidden;}
.m5ref .group-data-\[collapsible\=icon\]\:\!p-0:is(:where(.group)[data-collapsible="icon"] *){padding: 0 !important;}
.m5ref .group-data-\[collapsible\=icon\]\:\!p-2:is(:where(.group)[data-collapsible="icon"] *){padding: calc(var(--spacing) * 2) !important;}
.m5ref .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *){opacity: 0;}
.m5ref .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *){right: calc(var(--sidebar-width) * -1);}
.m5ref .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *){left: calc(var(--sidebar-width) * -1);}
.m5ref .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *){width: 0;}
.m5ref .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *){--tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *){position: relative;}
.m5ref .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *){z-index: 10;}
.m5ref .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *){border-color: var(--ring);}
.m5ref .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-color: var(--ring);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);}
  }

.m5ref .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *){right: calc(var(--spacing) * -4);}
.m5ref .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *){border-right-style: var(--tw-border-style);
    border-right-width: 1px;}
.m5ref .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *){left: 0;}
.m5ref .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *){rotate: 180deg;}
.m5ref .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *){border-left-style: var(--tw-border-style);
    border-left-width: 1px;}
.m5ref .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *){rotate: 180deg;}
.m5ref .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *){border-radius: var(--r-lg);}
.m5ref .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *){border-style: var(--tw-border-style);
    border-width: 1px;}
.m5ref .group-data-\[variant\=floating\]\:shadow:is(:where(.group)[data-variant="floating"] *){--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color: var(--muted);}
.m5ref .group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color: var(--primary);}
.m5ref .group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color: var(--muted-foreground);}
.m5ref .group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color: var(--primary-foreground);}
.m5ref .group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color: var(--border);}
.m5ref .group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color: var(--background);}
.m5ref .group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color: var(--foreground);}
.m5ref .group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *){cursor: not-allowed;}
.m5ref .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *){opacity: .7;}
.m5ref .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *){top: calc(var(--spacing) * 1.5);}
.m5ref .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *){top: calc(var(--spacing) * 2.5);}
.m5ref .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *){top: var(--spacing);}
.m5ref .file\:border-0::file-selector-button{border-style: var(--tw-border-style);
    border-width: 0;}
.m5ref .file\:bg-transparent::file-selector-button{background-color: #0000;}
.m5ref .file\:text-sm::file-selector-button{font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));}
.m5ref .file\:font-medium::file-selector-button{--tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);}
.m5ref .file\:text-foreground::file-selector-button{color: var(--foreground);}
.m5ref .placeholder\:text-muted-foreground::placeholder{color: var(--muted-foreground);}
.m5ref .after\:absolute:after{content: var(--tw-content);
    position: absolute;}
.m5ref .after\:-inset-2:after{content: var(--tw-content);
    inset: calc(var(--spacing) * -2);}
.m5ref .after\:inset-y-0:after{content: var(--tw-content);
    inset-block: 0;}
.m5ref .after\:left-1\/2:after{content: var(--tw-content);
    left: 50%;}
.m5ref .after\:w-1:after{content: var(--tw-content);
    width: var(--spacing);}
.m5ref .after\:w-\[2px\]:after{content: var(--tw-content);
    width: 2px;}
.m5ref .after\:-translate-x-1\/2:after{content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after{content: var(--tw-content);
    left: 100%;}
.m5ref .first\:rounded-l-md:first-child{border-top-left-radius: var(--r-md);
    border-bottom-left-radius: var(--r-md);}
.m5ref .first\:border-l:first-child{border-left-style: var(--tw-border-style);
    border-left-width: 1px;}
.m5ref .last\:rounded-r-md:last-child{border-top-right-radius: var(--r-md);
    border-bottom-right-radius: var(--r-md);}
.m5ref .last\:pb-0:last-child{padding-bottom: 0;}
@media (hover: hover){
.m5ref .hover\:bg-accent:hover{background-color: var(--accent);}
.m5ref .hover\:bg-destructive\/80:hover{background-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .hover\:bg-destructive\/80:hover{background-color: color-mix(in oklab, var(--destructive) 80%, transparent);}
    }

.m5ref .hover\:bg-destructive\/90:hover{background-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .hover\:bg-destructive\/90:hover{background-color: color-mix(in oklab, var(--destructive) 90%, transparent);}
    }

.m5ref .hover\:bg-muted:hover,.m5ref .hover\:bg-muted\/50:hover{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .hover\:bg-muted\/50:hover{background-color: color-mix(in oklab, var(--muted) 50%, transparent);}
    }

.m5ref .hover\:bg-primary\/80:hover{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .hover\:bg-primary\/80:hover{background-color: color-mix(in oklab, var(--primary) 80%, transparent);}
    }

.m5ref .hover\:bg-primary\/90:hover{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .hover\:bg-primary\/90:hover{background-color: color-mix(in oklab, var(--primary) 90%, transparent);}
    }

.m5ref .hover\:bg-secondary\/80:hover{background-color: var(--secondary);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .hover\:bg-secondary\/80:hover{background-color: color-mix(in oklab, var(--secondary) 80%, transparent);}
    }

.m5ref .hover\:text-accent-foreground:hover{color: var(--accent-foreground);}
.m5ref .hover\:text-foreground:hover{color: var(--foreground);}
.m5ref .hover\:text-gold:hover{color: var(--gold);}
.m5ref .hover\:text-muted-foreground:hover{color: var(--muted-foreground);}
.m5ref .hover\:underline:hover{text-decoration-line: underline;}
.m5ref .hover\:opacity-100:hover{opacity: 1;}
.m5ref .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
  }

.m5ref .focus\:bg-accent:focus{background-color: var(--accent);}
.m5ref .focus\:text-accent-foreground:focus{color: var(--accent-foreground);}
.m5ref .focus\:ring-1:focus{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .focus\:ring-2:focus{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .focus\:ring-ring:focus{--tw-ring-color: var(--ring);}
.m5ref .focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);}
.m5ref .focus\:outline-none:focus{--tw-outline-style: none;
    outline-style: none;}
.m5ref .focus-visible\:ring-1:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .focus-visible\:ring-ring:focus-visible{--tw-ring-color: var(--ring);}
.m5ref .focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);}
.m5ref .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);}
.m5ref .focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: var(--background);}
.m5ref .focus-visible\:outline-none:focus-visible{--tw-outline-style: none;
    outline-style: none;}
.m5ref .disabled\:pointer-events-none:disabled{pointer-events: none;}
.m5ref .disabled\:cursor-not-allowed:disabled{cursor: not-allowed;}
.m5ref .disabled\:opacity-50:disabled{opacity: .5;}
.m5ref .has-focus\:border-ring:has(:focus){border-color: var(--ring);}
.m5ref .has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .has-focus\:ring-ring\/50:has(:focus){--tw-ring-color: var(--ring);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .has-focus\:ring-ring\/50:has(:focus){--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);}
  }

.m5ref .has-\[\:disabled\]\:opacity-50:has(:disabled){opacity: .5;}
.m5ref .aria-disabled\:pointer-events-none[aria-disabled="true"]{pointer-events: none;}
.m5ref .aria-disabled\:opacity-50[aria-disabled="true"]{opacity: .5;}
.m5ref .aria-selected\:text-muted-foreground[aria-selected="true"]{color: var(--muted-foreground);}
.m5ref .data-\[active\=true\]\:font-medium[data-active="true"]{--tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);}
.m5ref .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events: none;}
.m5ref .data-\[disabled\]\:opacity-50[data-disabled]{opacity: .5;}
.m5ref .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{pointer-events: none;}
.m5ref .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{opacity: .5;}
.m5ref .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"]{--tw-enter-translate-x: calc(52*var(--spacing));}
.m5ref .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"]{--tw-enter-translate-x: calc(52*var(--spacing)*-1);}
.m5ref .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"]{--tw-exit-translate-x: calc(52*var(--spacing));}
.m5ref .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"]{--tw-exit-translate-x: calc(52*var(--spacing)*-1);}
.m5ref .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"]{animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);}
.m5ref .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"]{--tw-enter-opacity: 0;}
.m5ref .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"]{animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);}
.m5ref .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"]{--tw-exit-opacity: 0;}
.m5ref .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"]{height: 1px;}
.m5ref .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"]{width: 100%;}
.m5ref .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"]{flex-direction: column;}
.m5ref .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after{content: var(--tw-content);
    left: 0;}
.m5ref .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after{content: var(--tw-content);
    height: var(--spacing);}
.m5ref .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after{content: var(--tw-content);
    width: 100%;}
.m5ref .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after{content: var(--tw-content);
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after{content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color: var(--muted-foreground);}
.m5ref .data-\[range-end\=true\]\:rounded-md[data-range-end="true"]{border-radius: var(--r-md);}
.m5ref .data-\[range-end\=true\]\:bg-primary[data-range-end="true"]{background-color: var(--primary);}
.m5ref .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"]{color: var(--primary-foreground);}
.m5ref .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"]{border-radius: 0;}
.m5ref .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"]{background-color: var(--accent);}
.m5ref .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"]{color: var(--accent-foreground);}
.m5ref .data-\[range-start\=true\]\:rounded-md[data-range-start="true"]{border-radius: var(--r-md);}
.m5ref .data-\[range-start\=true\]\:bg-primary[data-range-start="true"]{background-color: var(--primary);}
.m5ref .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"]{color: var(--primary-foreground);}
.m5ref .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"]{background-color: var(--primary);}
.m5ref .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"]{color: var(--primary-foreground);}
.m5ref .data-\[selected\=true\]\:rounded-none[data-selected="true"]{border-radius: 0;}
.m5ref .data-\[selected\=true\]\:bg-accent[data-selected="true"]{background-color: var(--accent);}
.m5ref .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"]{color: var(--accent-foreground);}
.m5ref .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{--tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{--tw-enter-translate-y: calc(2*var(--spacing)*-1);}
.m5ref .data-\[side\=left\]\:-translate-x-1[data-side="left"]{--tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{--tw-enter-translate-x: calc(2*var(--spacing));}
.m5ref .data-\[side\=right\]\:translate-x-1[data-side="right"]{--tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{--tw-enter-translate-x: calc(2*var(--spacing)*-1);}
.m5ref .data-\[side\=top\]\:-translate-y-1[data-side="top"]{--tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{--tw-enter-translate-y: calc(2*var(--spacing));}
.m5ref .data-\[state\=active\]\:bg-background[data-state="active"]{background-color: var(--background);}
.m5ref .data-\[state\=active\]\:text-foreground[data-state="active"]{color: var(--foreground);}
.m5ref .data-\[state\=active\]\:shadow[data-state="active"]{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .data-\[state\=checked\]\:translate-x-4[data-state="checked"]{--tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .data-\[state\=checked\]\:bg-primary[data-state="checked"]{background-color: var(--primary);}
.m5ref .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{color: var(--primary-foreground);}
.m5ref .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]{animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);}
.m5ref .data-\[state\=closed\]\:animate-out[data-state="closed"]{animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);}
.m5ref .data-\[state\=closed\]\:duration-300[data-state="closed"]{--tw-duration: .3s;
    transition-duration: .3s;}
.m5ref .data-\[state\=closed\]\:fade-out-0[data-state="closed"]{--tw-exit-opacity: 0;}
.m5ref .data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{--tw-exit-scale: .95;}
.m5ref .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{--tw-exit-translate-y: 100%;}
.m5ref .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{--tw-exit-translate-x: -100%;}
.m5ref .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{--tw-exit-translate-x: 100%;}
.m5ref .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{--tw-exit-translate-y: -100%;}
.m5ref .data-\[state\=hidden\]\:animate-out[data-state="hidden"]{animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);}
.m5ref .data-\[state\=hidden\]\:fade-out[data-state="hidden"]{--tw-exit-opacity: 0;}
.m5ref .data-\[state\=on\]\:bg-accent[data-state="on"]{background-color: var(--accent);}
.m5ref .data-\[state\=on\]\:text-accent-foreground[data-state="on"]{color: var(--accent-foreground);}
.m5ref .data-\[state\=open\]\:animate-accordion-down[data-state="open"]{animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);}
.m5ref .data-\[state\=open\]\:animate-in[data-state="open"]{animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);}
.m5ref .data-\[state\=open\]\:bg-accent[data-state="open"]{background-color: var(--accent);}
.m5ref .data-\[state\=open\]\:bg-accent\/50[data-state="open"]{background-color: var(--accent);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .data-\[state\=open\]\:bg-accent\/50[data-state="open"]{background-color: color-mix(in oklab, var(--accent) 50%, transparent);}
  }

.m5ref .data-\[state\=open\]\:bg-secondary[data-state="open"]{background-color: var(--secondary);}
.m5ref .data-\[state\=open\]\:text-accent-foreground[data-state="open"]{color: var(--accent-foreground);}
.m5ref .data-\[state\=open\]\:text-muted-foreground[data-state="open"]{color: var(--muted-foreground);}
.m5ref .data-\[state\=open\]\:opacity-100[data-state="open"]{opacity: 1;}
.m5ref .data-\[state\=open\]\:duration-500[data-state="open"]{--tw-duration: .5s;
    transition-duration: .5s;}
.m5ref .data-\[state\=open\]\:fade-in-0[data-state="open"]{--tw-enter-opacity: 0;}
.m5ref .data-\[state\=open\]\:zoom-in-90[data-state="open"]{--tw-enter-scale: .9;}
.m5ref .data-\[state\=open\]\:zoom-in-95[data-state="open"]{--tw-enter-scale: .95;}
.m5ref .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{--tw-enter-translate-y: 100%;}
.m5ref .data-\[state\=open\]\:slide-in-from-left[data-state="open"]{--tw-enter-translate-x: -100%;}
.m5ref .data-\[state\=open\]\:slide-in-from-right[data-state="open"]{--tw-enter-translate-x: 100%;}
.m5ref .data-\[state\=open\]\:slide-in-from-top[data-state="open"]{--tw-enter-translate-y: -100%;}
@media (hover: hover){
.m5ref .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover{background-color: var(--accent);}
  }

.m5ref .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus{background-color: var(--accent);}
.m5ref .data-\[state\=selected\]\:bg-muted[data-state="selected"]{background-color: var(--muted);}
.m5ref .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{--tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"]{background-color: var(--input);}
.m5ref .data-\[state\=visible\]\:animate-in[data-state="visible"]{animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);}
.m5ref .data-\[state\=visible\]\:fade-in[data-state="visible"]{--tw-enter-opacity: 0;}
@media (min-width: 40rem){
.m5ref .sm\:mt-0{margin-top: 0;}
.m5ref .sm\:flex{display: flex;}
.m5ref .sm\:w-auto{width: auto;}
.m5ref .sm\:max-w-sm{max-width: var(--container-sm);}
.m5ref .sm\:flex-row{flex-direction: row;}
.m5ref .sm\:items-start{align-items: flex-start;}
.m5ref .sm\:justify-end{justify-content: flex-end;}
.m5ref .sm\:gap-2\.5{gap: calc(var(--spacing) * 2.5);}
.m5ref :where(.sm\:space-x-2 > :not(:last-child)){--tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));}
.m5ref .sm\:rounded-lg{border-radius: var(--r-lg);}
.m5ref .sm\:text-left{text-align: left;}
  }

@media (min-width: 48rem){
.m5ref .md\:absolute{position: absolute;}
.m5ref .md\:block{display: block;}
.m5ref .md\:flex{display: flex;}
.m5ref .md\:grid{display: grid;}
.m5ref .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width: var(--radix-navigation-menu-viewport-width);}
.m5ref .md\:w-auto{width: auto;}
.m5ref .md\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr));}
.m5ref .md\:flex-row{flex-direction: row;}
.m5ref .md\:gap-x-10{column-gap: calc(var(--spacing) * 10);}
.m5ref .md\:text-sm{font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));}
.m5ref .md\:text-xl{font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));}
.m5ref .md\:text-\[56px\]{font-size: 56px;}
.m5ref .md\:opacity-0{opacity: 0;}
.m5ref .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *){margin: calc(var(--spacing) * 2);}
.m5ref .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *){margin-left: 0;}
.m5ref .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *){border-radius: var(--radius-xl);}
.m5ref .md\:peer-data-\[variant\=inset\]\:shadow:is(:where(.peer)[data-variant="inset"] ~ *){--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.m5ref .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(:where(.peer)[data-state="collapsed"] ~ *):is(:where(.peer)[data-variant="inset"] ~ *){margin-left: calc(var(--spacing) * 2);}
  }

.m5ref .after\:md\:hidden:after{content: var(--tw-content);}
@media (min-width: 48rem){
.m5ref .after\:md\:hidden:after{display: none;}
  }

@media (min-width: 64rem){
.m5ref .lg\:sticky{position: sticky;}
.m5ref .lg\:top-24{top: calc(var(--spacing) * 24);}
.m5ref .lg\:top-28{top: calc(var(--spacing) * 28);}
.m5ref .lg\:col-span-1{grid-column: span 1 / span 1;}
.m5ref .lg\:col-span-3{grid-column: span 3 / span 3;}
.m5ref .lg\:col-span-4{grid-column: span 4 / span 4;}
.m5ref .lg\:col-span-5{grid-column: span 5 / span 5;}
.m5ref .lg\:col-span-6{grid-column: span 6 / span 6;}
.m5ref .lg\:col-span-7{grid-column: span 7 / span 7;}
.m5ref .lg\:col-span-8{grid-column: span 8 / span 8;}
.m5ref .lg\:col-span-9{grid-column: span 9 / span 9;}
.m5ref .lg\:col-span-10{grid-column: span 10 / span 10;}
.m5ref .lg\:mt-0{margin-top: 0;}
.m5ref .lg\:mt-14{margin-top: calc(var(--spacing) * 14);}
.m5ref .lg\:mt-16{margin-top: calc(var(--spacing) * 16);}
.m5ref .lg\:mt-24{margin-top: calc(var(--spacing) * 24);}
.m5ref .lg\:mt-32{margin-top: calc(var(--spacing) * 32);}
.m5ref .lg\:mr-8{margin-right: calc(var(--spacing) * 8);}
.m5ref .lg\:mb-0{margin-bottom: 0;}
.m5ref .lg\:mb-14{margin-bottom: calc(var(--spacing) * 14);}
.m5ref .lg\:block{display: block;}
.m5ref .lg\:flex{display: flex;}
.m5ref .lg\:grid{display: grid;}
.m5ref .lg\:hidden{display: none;}
.m5ref .lg\:h-\[62vh\]{height: 62vh;}
.m5ref .lg\:h-\[580px\]{height: 580px;}
.m5ref .lg\:w-\[450px\]{width: 450px;}
.m5ref .lg\:grid-cols-10{grid-template-columns: repeat(10, minmax(0, 1fr));}
.m5ref .lg\:grid-cols-12{grid-template-columns: repeat(12, minmax(0, 1fr));}
.m5ref .lg\:flex-row{flex-direction: row;}
.m5ref .lg\:items-center{align-items: center;}
.m5ref .lg\:items-end{align-items: flex-end;}
.m5ref .lg\:justify-end{justify-content: flex-end;}
.m5ref .lg\:gap-8{gap: calc(var(--spacing) * 8);}
.m5ref .lg\:gap-9{gap: calc(var(--spacing) * 9);}
.m5ref .lg\:gap-10{gap: calc(var(--spacing) * 10);}
.m5ref .lg\:gap-14{gap: calc(var(--spacing) * 14);}
.m5ref .lg\:rounded-t-3xl{border-top-left-radius: var(--radius-3xl);
      border-top-right-radius: var(--radius-3xl);}
.m5ref .lg\:px-6{padding-inline: calc(var(--spacing) * 6);}
.m5ref .lg\:py-24{padding-block: calc(var(--spacing) * 24);}
.m5ref .lg\:py-40{padding-block: calc(var(--spacing) * 40);}
.m5ref .lg\:pt-3{padding-top: calc(var(--spacing) * 3);}
.m5ref .lg\:pt-8{padding-top: calc(var(--spacing) * 8);}
.m5ref .lg\:pt-14{padding-top: calc(var(--spacing) * 14);}
.m5ref .lg\:pt-16{padding-top: calc(var(--spacing) * 16);}
.m5ref .lg\:pb-10{padding-bottom: calc(var(--spacing) * 10);}
.m5ref .lg\:pb-20{padding-bottom: calc(var(--spacing) * 20);}
.m5ref .lg\:pl-5{padding-left: calc(var(--spacing) * 5);}
.m5ref .lg\:pl-8{padding-left: calc(var(--spacing) * 8);}
.m5ref .lg\:text-center{text-align: center;}
.m5ref .lg\:text-5xl{font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));}
  }

.m5ref .dark\:border-destructive:is(.dark *){border-color: var(--destructive);}
.m5ref .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill: var(--muted-foreground);}
.m5ref .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke: var(--border);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke: color-mix(in oklab, var(--border) 50%, transparent);}
  }

.m5ref .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke: var(--border);}
.m5ref .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke: #0000;}
.m5ref .\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style: none;
    outline-style: none;}
.m5ref .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke: var(--border);}
.m5ref .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.m5ref .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill: var(--muted);}
.m5ref .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke: var(--border);}
.m5ref .\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style: none;
    outline-style: none;}
.m5ref .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke: #0000;}
.m5ref .\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style: none;
    outline-style: none;}
.m5ref .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline: calc(var(--spacing) * 2);}
.m5ref .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block: calc(var(--spacing) * 1.5);}
.m5ref .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));}
.m5ref .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);}
.m5ref .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color: var(--muted-foreground);}
.m5ref .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline: calc(var(--spacing) * 2);}
.m5ref .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group]{padding-top: 0;}
.m5ref .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height: calc(var(--spacing) * 5);}
.m5ref .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width: calc(var(--spacing) * 5);}
.m5ref .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height: calc(var(--spacing) * 12);}
.m5ref .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline: calc(var(--spacing) * 2);}
.m5ref .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block: calc(var(--spacing) * 3);}
.m5ref .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height: calc(var(--spacing) * 5);}
.m5ref .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width: calc(var(--spacing) * 5);}
.m5ref .\[\&_p\]\:leading-relaxed p{--tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);}
.m5ref .\[\&_svg\]\:pointer-events-none svg{pointer-events: none;}
.m5ref .\[\&_svg\]\:size-4 svg{width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);}
.m5ref .\[\&_svg\]\:shrink-0 svg{flex-shrink: 0;}
.m5ref .\[\&_tr\]\:border-b tr{border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;}
.m5ref .\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style: var(--tw-border-style);
    border-width: 0;}
.m5ref .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button{border-top-left-radius: var(--r-md);
    border-bottom-left-radius: var(--r-md);}
.m5ref .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]){padding-right: 0;}
.m5ref :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae),.m5ref :lang(ar),.m5ref :lang(arc),.m5ref :lang(bcc),.m5ref :lang(bqi),.m5ref :lang(ckb),.m5ref :lang(dv),.m5ref :lang(fa),.m5ref :lang(glk),.m5ref :lang(he),.m5ref :lang(ku),.m5ref :lang(mzn),.m5ref :lang(nqo),.m5ref :lang(pnb),.m5ref :lang(ps),.m5ref :lang(sd),.m5ref :lang(ug),.m5ref :lang(ur),.m5ref :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg),.m5ref :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae),.m5ref :lang(ar),.m5ref :lang(arc),.m5ref :lang(bcc),.m5ref :lang(bqi),.m5ref :lang(ckb),.m5ref :lang(dv),.m5ref :lang(fa),.m5ref :lang(glk),.m5ref :lang(he),.m5ref :lang(ku),.m5ref :lang(mzn),.m5ref :lang(nqo),.m5ref :lang(pnb),.m5ref :lang(ps),.m5ref :lang(sd),.m5ref :lang(ug),.m5ref :lang(ur),.m5ref :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg){rotate: 180deg;}
.m5ref .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button{border-top-right-radius: var(--r-md);
    border-bottom-right-radius: var(--r-md);}
.m5ref .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"]{--tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .\[\&\>button\]\:hidden > button{display: none;}
.m5ref .\[\&\>span\]\:line-clamp-1 > span{-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;}
.m5ref .\[\&\>span\]\:text-xs > span{font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));}
.m5ref .\[\&\>span\]\:opacity-70 > span{opacity: .7;}
.m5ref .\[\&\>span\:last-child\]\:truncate > span:last-child{text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.m5ref .\[\&\>svg\]\:absolute > svg{position: absolute;}
.m5ref .\[\&\>svg\]\:top-4 > svg{top: calc(var(--spacing) * 4);}
.m5ref .\[\&\>svg\]\:left-4 > svg{left: calc(var(--spacing) * 4);}
.m5ref .\[\&\>svg\]\:size-3\.5 > svg{width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);}
.m5ref .\[\&\>svg\]\:size-4 > svg{width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);}
.m5ref .\[\&\>svg\]\:h-2\.5 > svg{height: calc(var(--spacing) * 2.5);}
.m5ref .\[\&\>svg\]\:h-3 > svg{height: calc(var(--spacing) * 3);}
.m5ref .\[\&\>svg\]\:h-3\.5 > svg{height: calc(var(--spacing) * 3.5);}
.m5ref .\[\&\>svg\]\:w-2\.5 > svg{width: calc(var(--spacing) * 2.5);}
.m5ref .\[\&\>svg\]\:w-3 > svg{width: calc(var(--spacing) * 3);}
.m5ref .\[\&\>svg\]\:w-3\.5 > svg{width: calc(var(--spacing) * 3.5);}
.m5ref .\[\&\>svg\]\:shrink-0 > svg{flex-shrink: 0;}
.m5ref .\[\&\>svg\]\:text-destructive > svg{color: var(--destructive);}
.m5ref .\[\&\>svg\]\:text-foreground > svg{color: var(--foreground);}
.m5ref .\[\&\>svg\]\:text-muted-foreground > svg{color: var(--muted-foreground);}
.m5ref .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div{--tw-translate-y: -3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);}
.m5ref .\[\&\>svg\~\*\]\:pl-7 > svg ~ *{padding-left: calc(var(--spacing) * 7);}
.m5ref .\[\&\>tr\]\:last\:border-b-0 > tr:last-child{border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;}
.m5ref .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div{rotate: 90deg;}
.m5ref .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg{rotate: 180deg;}
.m5ref [data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor: w-resize;}
.m5ref [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right: calc(var(--spacing) * -2);}
.m5ref [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize,.m5ref [data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor: e-resize;}
.m5ref [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left: calc(var(--spacing) * -2);}
.m5ref [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor: w-resize;}
.m5ref [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,.m5ref [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color: #0000;}
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
} @property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
} @property --tw-animation-duration {
  syntax: "*";
  inherits: false
} @property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
} @property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
} @property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
} @property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
} @property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
} @property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
} @property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
} @property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
} @property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
} @property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
} @property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
} @property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
} @property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
} @property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
} :root{
  --bg-base: #f9f6f0;
  --bg-alt: #f2ede4;
  --ink: #1e1a16;
  --ink-soft: #4a423a;
  --gold: #C7AE79;
  --gold-deep: #C7AE79;
  --gold-text: #C7AE79;
  --gold-display: #C7AE79;
  --gold-line: #C7AE79;
  --chip-dark: #4a3d33;
  --chip-gold: #C7AE79;
  --sand-1: #f2ebe0;
  --sand-2: #e8dcc4;
  --road-wrong: #f0665c;
  --road-right: #8cc63f;
  --gold-btn: #C7AE79;
  --gold-btn-hover: #b09a6a;
  --coffee: #241e19;
  --line: #1e1a1624;
  --line-inverse: #f9f6f02e;
  --on-dark: #f9f6f0;
  --on-dark-soft: #f9f6f0d1;
  --on-dark-mute: #f9f6f0b8;
  --fs-display: clamp(1.75rem, 6.4vw, 3.75rem);
  --fs-h2: clamp(1.6rem, 4.4vw, 2.6rem);
  --fs-h3: clamp(1.12rem, 1.5vw, 1.35rem);
  --fs-quote: clamp(1.25rem, 2.6vw, 1.9rem);
  --fs-lead: clamp(1rem, 1.15vw, 1.125rem);
  --fs-body: clamp(1rem, .98vw, 1.0625rem);
  --fs-small: .875rem;
  --fs-micro: .78rem;
  --fs-eyebrow: .7rem;
  --lh-tight: 1.08;
  --lh-snug: 1.28;
  --lh-body: 1.65;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-11: 6rem;
  --space-12: 8rem;
  --section-sm: clamp(2.5rem, 5vw, 4rem);
  --section-lg: clamp(3.5rem, 7.5vw, 6.5rem);
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --shadow-soft: 0 24px 60px -40px #1e1a168c;
  --measure-narrow: 34rem;
  --measure: 40rem;
  --container: 1200px;
  --radius: var(--r-md);
  --background: var(--bg-base);
  --foreground: var(--ink);
  --card: var(--bg-base);
  --card-foreground: var(--ink);
  --popover: var(--bg-base);
  --popover-foreground: var(--ink);
  --primary: var(--gold);
  --primary-foreground: var(--ink);
  --secondary: var(--bg-alt);
  --secondary-foreground: var(--ink);
  --muted: var(--bg-alt);
  --muted-foreground: var(--ink-soft);
  --accent: var(--bg-alt);
  --accent-foreground: var(--ink);
  --destructive: #e62b34;
  --destructive-foreground: #fff;
  --border: var(--line);
  --input: var(--line);
  --ring: var(--gold);
}

@supports (color: lab(0% 0 0)){
.m5ref{--destructive: lab(51.3582% 69.7345 44.3509);}
}

.m5ref h1 .text-gold,.m5ref h2 .text-gold,.m5ref .t-display .text-gold,.m5ref .t-h2 .text-gold,.m5ref .t-quote .text-gold,.m5ref .font-display.text-gold{color: var(--gold-display);}
.m5ref p .text-gold,.m5ref li .text-gold,.m5ref li .font-display.text-gold{color: var(--gold-text);}
.m5ref .on-dark .text-gold,.m5ref .on-dark .font-display.text-gold{color: var(--gold);}
.m5ref .reveal{opacity: 0;
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1), transform .6s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0s);
  transform: translateY(14px);}
.m5ref .reveal:not(.is-visible){will-change: opacity, transform;}
.m5ref .reveal.is-visible{opacity: 1;
  transform: none;}
.m5ref .cyc-num{color: #f9f6f080;
  transition: color .5s cubic-bezier(.22, 1, .36, 1);}
.m5ref .reveal.is-visible .cyc-num{color: var(--gold);}
.m5ref .cyc-rail{background: var(--line-inverse);
  transition: background-color .6s cubic-bezier(.22, 1, .36, 1);}
.m5ref .reveal.is-visible .cyc-rail{background: var(--gold);}
.m5ref .hero-card{background: linear-gradient(180deg, var(--sand-1) 0%, var(--bg-alt) 100%);
  box-shadow: 0 24px 60px -30px #1e1a1640;}
.m5ref .hero-card:before{content: "";
  pointer-events: none;
  background: radial-gradient(60% 55% at 88% 0, #b08d570f, #0000 70%);
  position: absolute;
  inset: 0;}
.m5ref .hero-card .text-gold{color: var(--gold-text);}
.m5ref .hero-card h1 .text-gold{color: var(--gold-display);}
@keyframes hero-rise {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: none;
  }
} .hero-reveal{
  animation: 1.2s cubic-bezier(.22, 1, .36, 1) both hero-rise;
  animation-delay: var(--d, 0s);
}

.m5ref .hero-cta{background: var(--gold-btn);
  height: 52px;
  color: var(--on-dark);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  padding-left: 1.5rem;
  padding-right: .375rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  transition: background-color .3s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;}
.m5ref .hero-cta:hover{background: var(--gold-btn-hover);}
.m5ref .hero-cta-circle{background: var(--bg-base);
  width: 36px;
  height: 36px;
  color: var(--gold-btn);
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;}
.m5ref .hero-cta-circle svg{transition: transform .5s cubic-bezier(.34, 1.56, .64, 1);}
.m5ref .hero-cta:hover .hero-cta-circle svg{transform: translateX(4px);}
@media (max-width: 639px){
.m5ref .hero-cta{width: 100%;}
.m5ref .hero-cta-circle{margin-left: auto;}
}

@media (prefers-reduced-motion: reduce){
.m5ref .hero-reveal{animation: none !important;}
.m5ref .hero-cta-circle svg{transition: none !important;}
}

@keyframes swipe-hint {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(6px);
  }
} .swipe-hint{
  animation: 1.1s cubic-bezier(.22, 1, .36, 1) 2 swipe-hint;
}

@media (prefers-reduced-motion: reduce){
.m5ref .reveal{opacity: 1 !important;
    transition: none !important;
    transform: none !important;}
.m5ref .swipe-hint{animation: none !important;}
.m5ref{scroll-behavior: auto;}
}

@media (min-width: 1600px){
.m5ref{--container: 1200px;
    --fs-display: clamp(3.75rem, 3.9vw, 4.4rem);
    --fs-h2: clamp(2.6rem, 2.6vw, 3.1rem);
    --fs-quote: clamp(1.9rem, 2vw, 2.35rem);}
}

.m5ref .draw{stroke-dasharray: 1;
  stroke-dashoffset: 1px;
  transition: stroke-dashoffset .75s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--draw-delay, 0s);}
.m5ref .is-visible .draw,.m5ref .draw.is-visible{stroke-dashoffset: 0;}
.m5ref .fade-part{opacity: 0;
  transition: opacity .5s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--draw-delay, 0s);}
.m5ref .is-visible .fade-part{opacity: 1;}
.m5ref .img-reveal{clip-path: inset(0 100% 0 0);
  transition: clip-path .6s cubic-bezier(.22, 1, .36, 1), transform .6s cubic-bezier(.22, 1, .36, 1);
  transform: scale(1.03);}
.m5ref .img-reveal.is-visible,.m5ref .is-visible .img-reveal{clip-path: inset(0);
  transform: scale(1);}
.m5ref .sweep{background-image: linear-gradient(var(--gold), var(--gold));}
@supports (color: color-mix(in lab, red, red)){
.m5ref .sweep{background-image: linear-gradient(color-mix(in oklab, var(--gold) 34%, transparent), color-mix(in oklab, var(--gold) 34%, transparent));}
}

.m5ref .sweep{transition: background-size .55s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--draw-delay, 0s);
  background-position: 0 88%;
  background-repeat: no-repeat;
  background-size: 0% .42em;}
.m5ref .is-visible .sweep,.m5ref .sweep.is-visible{background-size: 100% .42em;}
.m5ref .layer{border: 1px solid var(--line);
  background: var(--bg-base);
  opacity: .4;
  transition: opacity .45s cubic-bezier(.22, 1, .36, 1), border-color .45s, transform .45s cubic-bezier(.22, 1, .36, 1);
  transform: translateX(0);}
.m5ref .layer.on{opacity: 1;
  border-color: var(--gold);
  transform: translateX(6px);}
.m5ref .layer.on .layer-n{color: var(--gold-text);}
.m5ref .layer-n{color: var(--ink-soft);
  transition: color .45s;}
.m5ref .ring-node{transition: opacity .5s, fill .5s;}
.m5ref .ring-dim .ring-node{opacity: .58;}
.m5ref .ring-dim .ring-node.is-entry{opacity: 1;}
@media (prefers-reduced-motion: reduce){
.m5ref .draw{stroke-dashoffset: 0 !important;
    transition: none !important;}
.m5ref .fade-part{opacity: 1 !important;
    transition: none !important;}
.m5ref .img-reveal{clip-path: none !important;
    transition: none !important;
    transform: none !important;}
.m5ref .sweep{background-size: 100% .42em !important;
    transition: none !important;}
.m5ref .layer{opacity: 1 !important;
    transform: none !important;}
.m5ref .ring-dim .ring-node{opacity: 1 !important;}
}

.m5ref .svs{max-width: 62rem;
  margin: 0 auto;}
.m5ref .svs-intro{font-family: var(--font-sans);
  color: var(--ink-soft);
  font-size: 1.5rem;
  line-height: 1.5;}
.m5ref .svs-intro strong{color: var(--ink);
  font-weight: 700;}
.m5ref .svs .text-gold{color: var(--gold-text);}
.m5ref .svs-chip{height: 42px;
  line-height: 42px;
  font-family: var(--font-sans);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  border-radius: 999px;
  padding: 0 1.75rem;
  font-size: 1.3rem;
  font-weight: 700;
  display: inline-block;}
.m5ref .svs-chip-dark{background: var(--chip-dark);}
.m5ref .svs-chip-gold{background: var(--chip-gold);}
.m5ref .svs > .text-center{margin-top: 44px;}
.m5ref .svs-sub{font-size: clamp(16px,1.2vw,18px);
  line-height: 1.6;
  color: var(--ink);
  text-align: center;
  max-width: 62rem;
  margin: 16px auto 0;
  font-weight: 400;
  font-family: var(--font-display);
  letter-spacing: -.02em;}
.m5ref .svs-sub-2{max-width: 644px;
  margin-top: 0;}
.m5ref .svs-cols{grid-template-columns: repeat(3, 294px);
  justify-content: center;
  margin-top: 46px;
  display: grid;}
.m5ref .svs-col{justify-content: center;
  display: flex;}
.m5ref .svs-col + .svs-col{border-left: 1px solid #1e1a1629;}
.m5ref .svs-col-inner{flex-direction: column;
  align-items: flex-start;
  width: 154px;
  display: flex;}
.m5ref .svs-ill{align-self: center;
  width: 152px;
  height: 152px;
  margin-top: -8px;
  display: block;}
.m5ref .svs-area-title{font-family: var(--font-sans);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gold-text);
  white-space: nowrap;
  margin-top: -12px;
  padding-left: 20px;
  font-size: 1.1rem;
  font-weight: 700;}
.m5ref .svs-list{flex-direction: column;
  gap: 3px;
  margin-top: 9px;
  display: flex;}
.m5ref .svs-list li{color: var(--ink);
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  font-size: .875rem;
  line-height: 1.45;
  display: flex;}
.m5ref .svs-list svg{color: var(--gold-text);
  width: 12px;
  height: 12px;}
.m5ref .svs-box{border-radius: 10px;
  align-items: center;
  gap: 18px;
  width: 100%;
  max-width: 505px;
  min-height: 68px;
  margin: 35px auto 0;
  padding: 10px 22px;
  display: flex;}
.m5ref .svs-box p{color: var(--ink);
  font-size: 1.08rem;
  line-height: 1.4;}
.m5ref .svs-box-soft{background: var(--sand-1);}
.m5ref .svs-box-gold{background: var(--sand-2);
  max-width: 602px;
  min-height: 72px;
  margin-top: 26px;}
.m5ref .svs-badge{border: 2px solid var(--gold-line);
  width: 42px;
  height: 42px;
  color: var(--gold-line);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;}
.m5ref .svs-divider{border: 0;
  border-top: 1px solid #1e1a1624;
  margin: 44px -2rem 0;}
.m5ref .svs-rule-wrap{margin-top: 31px;
  position: relative;}
.m5ref .svs-rule{border: 0;
  border-top: 1px solid #1e1a1624;
  position: absolute;
  top: 50%;
  left: -2rem;
  right: -2rem;}
.m5ref .svs-rule-wrap .svs-chip{position: relative;}
.m5ref .svs-tri-wrap{width: 100%;
  margin-top: 56px;
  container-type: inline-size;}
.m5ref .svs-tri{zoom: calc(min(100cqw, 830px) / 830px);
  width: 830px;
  height: 330px;
  margin: 0 auto;
  position: relative;}
.m5ref .svs-tri-stage{position: absolute;
  inset: 0;}
.m5ref .svs-tri-canvas{width: 740px;
  height: 370px;
  position: absolute;
  top: -40px;
  left: 30px;}
.m5ref .svs-tri-img{width: 740px;
  height: 370px;
  display: block;
  transform: scaleY(-1);}
.m5ref .svs-orb{width: 82px;
  height: 82px;
  position: absolute;
  transform: translate(-50%, calc(40px - 50%));
}
.m5ref .svs-orb-fisio{top: 42px;
  left: 249px;}
.m5ref .svs-orb-psico{top: 42px;
  left: 491px;}
.m5ref .svs-orb-social{top: 252px;
  left: 370px;}
.m5ref .svs-node{position: absolute;}
.m5ref .svs-node-ico{display: none;}
.m5ref .svs-node p{color: var(--ink);
  font-size: .9rem;
  line-height: 1.38;}
.m5ref .svs-node-title{font-family: var(--font-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gold-text);
  margin-bottom: 3px;
  font-size: .93rem;
  font-weight: 700;
  display: block;}
.m5ref .svs-node-top{text-align: right;
  width: 240px;
  top: 30px;
  right: 622px;}
.m5ref .svs-node-left{width: 290px;
  top: 10px;
  left: 582px;}
.m5ref .svs-node-right{width: 260px;
  top: 236px;
  left: 464px;}
.m5ref .svs-closing{margin-top: 64px;font-weight:400 !important;text-align:center !important;margin-inline:auto !important;display:block;max-width:none !important;width:100%;font-size:clamp(16px,1.2vw,18px) !important;line-height:1.6 !important;letter-spacing:-.005em !important}
.m5ref .svs-compare{grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 40px;
  max-width: 34rem;
  margin: 56px auto 0;
  display: grid;}
.m5ref .svs-compare-item{text-align: center;}
.m5ref .svs-orbs{justify-content: center;
  align-items: center;
  height: 104px;
  margin: 0 auto;
  display: flex;}
.m5ref .svs-orbs img{width: 64px;
  height: 64px;
  display: block;}
.m5ref .svs-orbs-sum{gap: 18px;}
.m5ref .svs-orbs-mul{width: 108px;
  height: 104px;
  display: block;
  position: relative;}
.m5ref .svs-orbs-mul img{background: var(--bg-base);
  border-radius: 50%;
  position: absolute;}
.m5ref .svs-orbs-mul img:first-child{top: 0;
  left: 0;}
.m5ref .svs-orbs-mul img:nth-child(2){top: 0;
  left: 44px;}
.m5ref .svs-orbs-mul img:nth-child(3){top: 40px;
  left: 22px;}
.m5ref .svs-compare-label{margin-top: 16px;
  display: block;font-size:clamp(20px,1.8vw,26px) !important;font-weight:400 !important;line-height:1.35;letter-spacing:-.02em}
.m5ref .svs-cta{margin-top: 23px;}
.m5ref .svs-cta .btn,.m5ref .svs-cta .btn:focus-visible,.m5ref .svs-cta .btn:active{color: #fff;
  min-width: 533px;
  min-height: 50px;
  box-shadow: none;
  background: var(--gold-btn);
  filter: none;
  background-image: none;
  border: 0;
  transform: none;}
.m5ref .svs-cta .btn:hover{background: var(--gold-btn-hover);}
@media (max-width: 900px){
.m5ref .svs-chip{padding: 0 1.4rem;}
.m5ref .svs-cols{display:none !important;}
.m5ref .svs-col-inner{width: auto;}
.m5ref .svs-tri{zoom: 1;
    width: 100%;
    height: auto;}
.m5ref .svs-col + .svs-col{border-left: 0;}
.m5ref .svs-br{display: none;}
.m5ref .svs-rule{left: 0;
    right: 0;}
.m5ref .svs-divider{margin-left: 0;
    margin-right: 0;}
.m5ref .svs-tri{flex-direction: column;
    align-items: center;
    gap: 1.75rem;
    width: 100%;
    height: auto;
    display: flex;}
.m5ref .svs-tri-stage{zoom: 1;
    flex-shrink: 0;
    order: 9;
    width: 118%;
    max-width: none;
    height: auto;
    position: relative;
    overflow: visible;}
.m5ref .svs-node-ico{width: 112px;
    height: 112px;
    margin: 0 auto;
    display: block;}
.m5ref .svs-divider{display: none !important;}
.m5ref .svs-pill{display:inline-block;padding:10px 24px;border-radius:999px;background:#F7F6F2;border:0;font-size:15px !important;font-weight:500 !important;letter-spacing:-.01em;color:#121311 !important}
.m5ref .svs-tri-canvas{aspect-ratio: 740 / 370;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;}
.m5ref .svs-tri-img{width: 100%;
    height: 100%;}
.m5ref .svs-orb{aspect-ratio: 1;
    width: 11.1%;
    height: auto;
    transform: translate(-50%, -50%);}
.m5ref .svs-orb-fisio{top: 22.2%;
    left: 33.6%;}
.m5ref .svs-orb-psico{top: 22.2%;
    left: 66.4%;}
.m5ref .svs-orb-social{top: 78.9%;
    left: 50%;}
.m5ref .svs-tri-wrap{margin-top: 24px;}
.m5ref .svs-node{text-align: center;
    width: 100%;
    max-width: 20rem;
    position: static;}
.m5ref .svs-cta .btn{width: 100%;
    min-width: 0;}
.m5ref .svs-compare{grid-template-columns: 1fr;
    gap: 40px;
    max-width: 20rem;}
}

.m5ref .cw-wrap{width: 100%;
  container-type: inline-size;}
.m5ref .cw-stage{zoom: calc(min(100cqw, 1086px) / 1086px);
  width: 1086px;
  height: 585px;
  margin: 0 auto;
  position: relative;}
.m5ref .cw-roads{width: 1086px;
  height: 585px;
  display: block;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 90%, #0000 100%);
  mask-image: linear-gradient(#000 90%, #0000 100%);}
.m5ref .cw-col{width: 330px;
  position: absolute;
  top: 40px;}
.m5ref .cw-col-wrong{left: 78px;}
.m5ref .cw-col-right{left: 598px;}
.m5ref .cw-title{font-family: var(--font-sans);
  letter-spacing: .02em;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 700;
  display: flex;}
.m5ref .cw-col-wrong .cw-title{color: var(--road-wrong);
  padding-left: 77px;}
.m5ref .cw-col-right .cw-title{color: var(--road-right);
  padding-left: 46px;}
.m5ref .cw-badge{display: inline-flex;}
.m5ref .cw-col ul{flex-direction: column;
  gap: 26px;
  display: flex;}
.m5ref .cw-col li{color: var(--on-dark);
  align-items: center;
  gap: 0;
  font-size: 20px;
  line-height: 1.35;
  display: flex;}
.m5ref .cw-col-wrong li{color: var(--on-dark);}
.m5ref .cw-ico{flex-shrink: 0;
  width: 44px;
  height: 44px;
  margin-right: 32px;}
.m5ref .cw-col-wrong .cw-ico{color: var(--road-wrong);}
.m5ref .cw-col-right .cw-ico{color: var(--road-right);
  margin-right: 24px;}
@media (max-width: 640px){
.m5ref .cw-stage{zoom: 1;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    height: auto;
    display: flex;}
.m5ref .cw-roads{display: none;}
.m5ref .cw-col{width: 100%;
    position: static;}
.m5ref .cw-br{display: none;}
.m5ref .cw-col-wrong .cw-title,.m5ref .cw-col-right .cw-title{margin-bottom: 18px;
    padding-left: 0;
    font-size: 18px;}
.m5ref .cw-col ul{gap: 16px;}
.m5ref .cw-col li{font-size: 16px;}
.m5ref .cw-ico{width: 32px;
    height: 32px;
    margin-right: 16px;}
.m5ref .cw-col-right .cw-ico{margin-right: 16px;}
}

.m5ref .ring-3d{perspective: 1000px;}
.m5ref .ring-tilt{--rx: 0deg;
  --ry: 0deg;
  transform-style: preserve-3d;
  transform: rotateX(var(--rx)) rotateY(var(--ry));
  transition: transform .35s cubic-bezier(.22, 1, .36, 1);
  position: relative;}
.m5ref .ring-3d:hover .ring-tilt{will-change: transform;
  transition: transform .12s ease-out;}
.m5ref .ring-tilt svg{transform: translateZ(30px);}
.m5ref .ring-node{cursor: default;}
.m5ref .ring-arrow{transform-box: view-box;
  transform-origin: 0 0;
  transition: opacity .5s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);}
.m5ref .ring-node .ring-dot{transform-origin: var(--nx) var(--ny);
  transition: transform .3s cubic-bezier(.22, 1, .36, 1);}
.m5ref .ring-node .ring-label,.m5ref .ring-node .ring-idx{transition: fill .25s, opacity .25s;}
.m5ref .ring-node.is-active .ring-dot{transform: scale(1.7);}
.m5ref .ring-node.is-active .ring-label,.m5ref .ring-node.is-active .ring-idx{fill: #fff;}
.m5ref .ring-3d:hover .ring-node:not(.is-active) .ring-label{opacity: .55;}
@media (prefers-reduced-motion: reduce){
.m5ref .ring-tilt,.m5ref .ring-3d:hover .ring-tilt{transition: none;
    transform: none;}
.m5ref .ring-arrow{transition: opacity .5s;}
}

.m5ref .cred:not(:last-child):before{content: "";
  background: var(--gold);
  opacity: .55;
  width: 1px;
  position: absolute;
  top: 19px;
  bottom: -7px;
  left: 10px;}
@media (min-width: 768px){
.m5ref .cred:not(:last-child):before{width: auto;
    height: 1px;
    inset: 10px -1.5rem auto 13px;}
}

.m5ref .cyc-item{transition: opacity .3s;}
.m5ref .cyc-text{color: var(--on-dark-mute);
  transition: color .3s, transform .3s cubic-bezier(.22, 1, .36, 1);}
.m5ref .cyc-item.is-active .cyc-text{color: #fff;
  transform: translateX(4px);}
.m5ref .cyc-item.is-active .cyc-num{color: var(--gold);}
.m5ref .cyc-item.is-active .cyc-rail{background: var(--gold);}
.m5ref .ring-dim .cyc-item.ring-node{opacity: .58;}
.m5ref .ring-dim .cyc-item.ring-node.is-entry,.m5ref .ring-dim .cyc-item.ring-node.is-active{opacity: 1;}
@media (prefers-reduced-motion: reduce){
.m5ref .cyc-text,.m5ref .cyc-item{transition: none;}
.m5ref .cyc-item.is-active .cyc-text{transform: none;}
}

.m5ref ::selection{background: var(--gold);}
@supports (color: color-mix(in lab, red, red)){
.m5ref ::selection{background: color-mix(in oklab, var(--gold) 38%, transparent);}
}

.m5ref ::selection{color: var(--ink);}
.m5ref .on-dark ::selection{background: var(--gold);}
@supports (color: color-mix(in lab, red, red)){
.m5ref .on-dark ::selection{background: color-mix(in oklab, var(--gold) 55%, transparent);}
}

.m5ref .on-dark ::selection{color: #fff;}
.m5ref{scrollbar-color: var(--gold) var(--bg-alt);}
@supports (color: color-mix(in lab, red, red)){
.m5ref{scrollbar-color: color-mix(in oklab, var(--gold) 55%, var(--coffee)) var(--bg-alt);}
}

.m5ref{scrollbar-width: thin;}
.m5ref{caret-color: var(--gold);}
.m5ref a,.m5ref button{text-underline-offset: .18em;}
.m5ref .sec-mark{align-items: center;
  gap: .85rem;
  display: flex;}
.m5ref .sec-n{font-family: var(--font-display);
  letter-spacing: .14em;
  color: var(--gold-text);
  font-variant-numeric: tabular-nums;
  font-size: .72rem;}
.m5ref .on-dark .sec-n{color: var(--gold);}
.m5ref .sec-mark .eyebrow{font-weight: 500;}
.m5ref .sec-mark.is-center{justify-content: center;}
.m5ref .joint{z-index: 5;
  pointer-events: none;
  width: 1px;
  height: 0;
  margin-inline: auto;
  position: relative;}
.m5ref .joint:before{content: "";
  left: 0;
  top: calc(var(--joint-h, 88px) * -.5);
  width: 1px;
  height: var(--joint-h, 88px);
  background: var(--gold);
  transform-origin: 50% 0;
  transition: transform .9s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  transform: scaleY(0);}
.m5ref .joint:after{content: "";
  left: -2.5px;
  top: calc(var(--joint-h, 88px) * .5 - 3px);
  background: var(--gold);
  opacity: 0;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  transition: opacity .4s .7s;
  position: absolute;}
.m5ref .joint.is-visible:before{transform: scaleY(1);}
.m5ref .joint.is-visible:after{opacity: 1;}
.m5ref .joint.at-top:before{top: 0;}
.m5ref .joint.at-top:after{top: calc(var(--joint-h, 88px) - 3px);}
.m5ref .joint.at-start{margin-inline: 0;}
.m5ref .ghost-n{pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 0;
  font-family: var(--font-display);
  letter-spacing: -.06em;
  color: var(--ink);
  opacity: .045;
  font-size: clamp(9rem, 22vw, 22rem);
  font-weight: 600;
  line-height: .8;
  position: absolute;}
.m5ref .on-dark .ghost-n{color: var(--on-dark);
  opacity: .05;}
.m5ref .orbit{pointer-events: none;
  border: 1px solid var(--gold);
  border-radius: 50%;
  position: absolute;}
@supports (color: color-mix(in lab, red, red)){
.m5ref .orbit{border: 1px solid color-mix(in oklab, var(--gold) 45%, transparent);}
}

.m5ref .orbit-dot:after{content: "";
  background: var(--gold);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  position: absolute;
  top: -3px;
  left: 50%;}
@keyframes orbit-spin {
  to {
    transform: rotate(360deg);
  }
} .orbit-spin{
  animation: 120s linear infinite orbit-spin;
}

.m5ref .frame{position: relative;}
.m5ref .frame-marks{pointer-events: none;
  position: absolute;
  inset: -.75rem;}
.m5ref .frame-marks span{border-color: var(--gold);
  opacity: .85;
  border-style: solid;
  border-width: 0;
  width: 12px;
  height: 12px;
  position: absolute;}
.m5ref .frame-marks span:first-child{border-top-width: 1px;
  border-left-width: 1px;
  top: 0;
  left: 0;}
.m5ref .frame-marks span:nth-child(2){border-top-width: 1px;
  border-right-width: 1px;
  top: 0;
  right: 0;}
.m5ref .frame-marks span:nth-child(3){border-bottom-width: 1px;
  border-left-width: 1px;
  bottom: 0;
  left: 0;}
.m5ref .frame-marks span:nth-child(4){border-bottom-width: 1px;
  border-right-width: 1px;
  bottom: 0;
  right: 0;}
.m5ref .frame-tag{font-family: var(--font-display);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gold);
  white-space: nowrap;
  font-size: .66rem;
  position: absolute;}
.m5ref .v-label{writing-mode: vertical-rl;
  font-family: var(--font-display);
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: .66rem;
  transform: rotate(180deg);}
.m5ref .ticks{justify-content: space-between;
  height: 10px;
  display: flex;}
.m5ref .ticks span{background: var(--gold);
  opacity: .55;
  align-self: flex-end;
  width: 1px;
  height: 6px;}
.m5ref .ticks span:nth-child(5n+1){opacity: .9;
  height: 10px;}
.m5ref .prog{padding-left: 2.25rem;
  position: relative;}
.m5ref .prog-rail{background: var(--line);
  width: 1px;
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 11px;}
.m5ref .prog-rail > i{background: var(--gold);
  transform-origin: 50% 0;
  width: 100%;
  height: 100%;
  transform: scaleY(var(--fill, 0));
  transition: transform .8s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 0;
  left: 0;}
.m5ref .prog-item{align-items: baseline;
  gap: 1rem;
  padding-block: .85rem;
  display: flex;
  position: relative;}
.m5ref .prog-item:before{content: "";
  background: var(--bg-base);
  border: 1px solid var(--line);
  border-radius: 50%;
  width: 11px;
  height: 11px;
  transition: border-color .45s, background-color .45s, transform .45s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 1.05rem;
  left: calc(6px - 2.25rem);}
.m5ref .prog-item.on:before{border-color: var(--gold);
  background: var(--gold);
  transform: scale(1.15);}
.m5ref .prog-item .prog-n{font-family: var(--font-display);
  letter-spacing: .12em;
  color: var(--ink-soft);
  min-width: 1.6rem;
  font-size: .8rem;
  transition: color .45s;}
.m5ref .prog-item .prog-t{font-family: var(--font-display);
  color: var(--ink-soft);
  font-size: 1.05rem;
  font-weight: 600;
  transition: color .45s, transform .45s cubic-bezier(.22, 1, .36, 1);}
.m5ref .prog-item.on .prog-n{color: var(--gold-text);}
.m5ref .prog-item.on .prog-t{color: var(--ink);
  transform: translateX(4px);}
.m5ref .pillar{border-top: 1px solid var(--line);
  padding-top: 2rem;
  position: relative;}
.m5ref .pillar-n{font-family: var(--font-display);
  letter-spacing: -.05em;
  color: var(--champ);
  opacity: 1;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  font-weight: 600;
  line-height: 1;
  position: static;
  display: block;
  margin-bottom: .5rem;}
.m5ref .pillar-head{align-items: baseline;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;}
.m5ref .pillar-idx{font-family: var(--font-display);
  letter-spacing: .14em;
  color: var(--gold-text);
  font-size: .8rem;}
.m5ref .faq-item{border-bottom: 1px solid var(--line);
  grid-template-columns: 3rem minmax(0, 1fr) 2rem;
  column-gap: 1rem;
  display: grid;}
.m5ref .faq-item > button{display: contents;}
.m5ref .faq-n{font-family: var(--font-display);
  letter-spacing: .14em;
  color: var(--ink-soft);
  grid-column: 1;
  align-self: start;
  padding-top: 1.55rem;
  font-size: .78rem;
  transition: color .3s;}
.m5ref .faq-q{text-align: left;
  font-family: var(--font-display);
  color: var(--ink);
  grid-column: 2;
  padding-block: 1.4rem;
  font-size: clamp(1.08rem, 1.4vw, 1.3rem);
  font-weight: 600;
  line-height: 1.3;
  transition: color .3s;}
.m5ref .faq-x{grid-column: 3;
  place-self: start end;
  width: 14px;
  height: 14px;
  margin-top: 1.55rem;
  position: relative;}
.m5ref .faq-x:before,.m5ref .faq-x:after{content: "";
  background: var(--gold);
  transition: transform .4s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 50%;
  left: 50%;}
.m5ref .faq-x:before{width: 14px;
  height: 1px;
  transform: translate(-50%, -50%);}
.m5ref .faq-x:after{width: 1px;
  height: 14px;
  transform: translate(-50%, -50%);}
.m5ref .faq-item.open .faq-x:after{transform: translate(-50%, -50%) rotate(90deg);}
.m5ref .faq-item.open .faq-x:before{transform: translate(-50%, -50%) rotate(180deg);}
.m5ref .faq-item.open .faq-n,.m5ref .faq-item.open .faq-q,.m5ref .faq-item:hover .faq-q{color: var(--gold-text);}
.m5ref .faq-a{opacity: 0;
  grid-column: 2;
  grid-template-rows: 0fr;
  transition: grid-template-rows .45s cubic-bezier(.22, 1, .36, 1), opacity .4s;
  display: grid;}
.m5ref .faq-item.open .faq-a{opacity: 1;
  grid-template-rows: 1fr;}
.m5ref .faq-a > div{overflow: hidden;}
.m5ref .faq-a p{padding-bottom: 1.6rem;}
@media (max-width: 639px){
.m5ref .faq-item{grid-template-columns: 2.1rem minmax(0, 1fr) 1.5rem;
    column-gap: .6rem;}
.m5ref .faq-a{grid-column: 1 / -1;}
}

@supports (animation-timeline: view()){
@keyframes img-drift {
    from {
      transform: translateY(-6%) scale(1.08);
    }

    to {
      transform: translateY(6%) scale(1.08);
    }
  } .drift{
    animation: linear both img-drift;
    animation-timeline: view();
    animation-range: entry exit;
  }

}

.m5ref .manifesto{isolation: isolate;
  position: relative;
  overflow: hidden;}
.m5ref .manifesto-text{font-family: var(--font-display);
  letter-spacing: -.03em;
  text-wrap: balance;
  font-size: clamp(2rem, 5.4vw, 4.6rem);
  font-weight: 600;
  line-height: 1.04;}
.m5ref .case-idx{z-index: 2;
  pointer-events: none;
  font-family: var(--font-display);
  letter-spacing: .16em;
  color: var(--gold);
  font-size: .68rem;
  position: absolute;
  top: .75rem;
  left: .85rem;}
@media (prefers-reduced-motion: reduce){
.m5ref .joint:before{transition: none !important;
    transform: none !important;}
.m5ref .joint:after{opacity: 1 !important;
    transition: none !important;}
.m5ref .orbit-spin,.m5ref .drift{animation: none !important;}
.m5ref .prog-rail > i,.m5ref .prog-item:before,.m5ref .prog-item .prog-t,.m5ref .faq-x:before,.m5ref .faq-x:after,.m5ref .faq-a{transition: none !important;}
}

@media (min-width: 1024px){
.m5ref .img-bleed-r{margin-right: calc((100vw - min(100vw, var(--container))) / -2 - 2rem);}
}

.m5ref .ticks.flex-col span{width: 6px;
  height: 1px !important;}
.m5ref .ticks.flex-col span:nth-child(5n+1){width: 10px;}
.m5ref{--gold-light: #C7AE79;
  --gold-mid: #C7AE79;
  --gold-dark: #C7AE79;
  --gold-glow: #d0ac6e59;
  --sand-card: #f0e8da;
  --sand-ring: #efe6d8;
  --grad-gold: linear-gradient(135deg, var(--gold-mid) 0%, var(--gold-light) 100%);
  --grad-sand: linear-gradient(135deg, #f4ecdd 0%, #ece0c9 100%);
  --shadow-card: 0 18px 40px -30px #2e221273;
  --shadow-orb: 0 0 0 6px #d0ac6e1f;
  --r-card: 18px;
  --r-pill: 999px;}
.m5ref body:before{content: "";
  pointer-events: none;
  z-index: 0;
  opacity: .5;
  background: radial-gradient(60rem 40rem at 12% -6%, #d0ac6e1a, #0000 70%), radial-gradient(48rem 34rem at 96% 22%, #d0ac6e12, #0000 70%);
  position: fixed;
  inset: 0;}
.m5ref body > *{z-index: 1;
  position: relative;}
.m5ref .pill{border-radius: var(--r-pill);
  font-size: var(--fs-eyebrow);
  letter-spacing: .16em;
  text-transform: uppercase;
  align-items: center;
  gap: .5rem;
  padding: .4rem .95rem;
  font-weight: 700;
  line-height: 1.3;
  display: inline-flex;}
.m5ref .pill-dark{background: var(--chip-dark);
  color: var(--bg-base);}
.m5ref .pill-gold{background: var(--grad-gold);
  color: #fffaf1;}
.m5ref .sec-mark .eyebrow,.m5ref .svs-sub + * .eyebrow{border-radius: var(--r-pill);
  background: var(--sand-card);
  color: var(--gold-text);
  padding: .38rem .85rem;
  box-shadow: inset 0 0 0 1px #b08d5747;}
.m5ref .on-dark .sec-mark .eyebrow{color: var(--gold-light);
  background: #f9f6f014;
  box-shadow: inset 0 0 0 1px #d0ac6e59;}
.m5ref .icon-orb{border-radius: var(--r-pill);
  background: var(--sand-ring);
  width: 46px;
  height: 46px;
  color: var(--gold-dark);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;}
.m5ref .icon-orb-lg{width: 60px;
  height: 60px;}
.m5ref .icon-orb.is-ring{background: radial-gradient(circle at 50% 40%, #fffdf8 0%, var(--sand-ring) 100%);
  box-shadow: 0 0 0 1px var(--gold-mid), 0 0 24px var(--gold-glow);}
.m5ref .on-dark .icon-orb{color: var(--gold-light);
  background: #f9f6f012;}
.m5ref .soft-card{background: var(--sand-card);
  border-radius: var(--r-card);
  box-shadow: var(--shadow-card);
  padding: 1.25rem 1.35rem;}
.m5ref .gold-card{background: var(--grad-sand);
  border-radius: var(--r-card);
  box-shadow: var(--shadow-card);
  padding: 1.4rem 1.5rem;}
.m5ref .on-dark .soft-card{box-shadow: none;
  background: #f9f6f00f;
  outline: 1px solid #f9f6f01a;}
@media (min-width: 1024px){
.m5ref .soft-card{padding: 1.5rem 1.6rem;}
}

.m5ref .chip-cred{border-radius: var(--r-pill);
  background: var(--sand-card);
  color: var(--ink);
  align-items: center;
  gap: .55rem;
  padding: .45rem .9rem .45rem .6rem;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #b08d5747;}
.m5ref .on-dark .chip-cred{color: var(--on-dark);
  background: #f9f6f012;
  box-shadow: inset 0 0 0 1px #d0ac6e4d;}
.m5ref .halo{border-radius: var(--r-pill);
  pointer-events: none;
  background: radial-gradient(circle, var(--gold-glow) 0%, #d0ac6e00 68%);
  filter: blur(2px);
  position: absolute;}
.m5ref .gem{pointer-events: none;
  opacity: .13;
  background: var(--grad-gold);
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  position: absolute;}
.m5ref .gem-soft{opacity: .09;
  filter: blur(6px);}
@media (prefers-reduced-motion: no-preference){
.m5ref .halo-pulse{animation: 6s ease-in-out infinite haloPulse;}
}

@keyframes haloPulse {
  0%, 100% {
    opacity: .75;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }
} .rule-soft{
  background: linear-gradient(90deg, #0000, #b08d5759 20% 80%, #0000);
  height: 1px;
}

.m5ref footer.on-dark{border-top: 1px solid #d0ac6e59;}
.m5ref .case-media{border-radius: 20px;
  position: relative;
  overflow: hidden;}
.m5ref .case-media video{z-index: 2;
  position: relative;}
.m5ref .play-orb{border-radius: var(--r-pill);
  background: var(--grad-gold);
  color: #fffaf1;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: inline-flex;
  box-shadow: 0 0 0 10px #d0ac6e29;}
.m5ref .cases-marquee{-webkit-mask-image: linear-gradient(to right, #0000 0%, #000 12% 88%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 12% 88%, #0000 100%);}
.m5ref .cases-track{will-change: transform;
  width: max-content;
  padding-block: .5rem;
  animation: 45s linear infinite cases-marquee;
  display: flex;}
@keyframes cases-marquee {
  to {
    transform: translateX(-50%);
  }
} .cases-track.is-paused{
  animation-play-state: paused;
}

.m5ref .cases-card{flex-shrink: 0;
  width: 78vw;
  max-width: 320px;
  padding-right: 1.5rem;}
@media (min-width: 1024px){
.m5ref .cases-card{width: 360px;
    max-width: 360px;}
}

.m5ref .cases-track.is-scroll{scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  animation: none;
  overflow-x: auto;}
.m5ref .cases-track.is-scroll .cases-card{scroll-snap-align: center;}
@media (prefers-reduced-motion: reduce){
.m5ref .cases-track{animation: none;}
}

.m5ref .cases-fade{pointer-events: none;
  z-index: 5;
  width: 14%;
  position: absolute;
  inset-block: 0;}
.m5ref .cases-fade-l{background: linear-gradient(to right, #fff, transparent);
  left: 0;}
.m5ref .cases-fade-r{background: linear-gradient(to left, #fff, transparent);
  right: 0;}
.m5ref .ident{padding-block: 4rem 3rem;}
@media (min-width: 1024px){
.m5ref .ident{padding-block: 6rem 4rem;}
}

.m5ref .ident-dots{pointer-events: none;
  background-image: radial-gradient(var(--ink) 1px, transparent 1px);
  opacity: .06;
  background-size: 14px 14px;
  width: 22rem;
  height: 22rem;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mask-image: radial-gradient(circle at 0 0, #000 0%, #0000 70%);
  mask-image: radial-gradient(circle at 0 0, #000 0%, #0000 70%);}
.m5ref .ident-arcs{pointer-events: none;
  opacity: .12;
  width: 18rem;
  height: 18rem;
  position: absolute;
  bottom: 0;
  left: 0;}
.m5ref .ident-ghost{z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  letter-spacing: -.04em;
  color: var(--sand-2);
  opacity: .6;
  font-family: Georgia, Times New Roman, serif;
  font-size: clamp(7.5rem, 18vw, 16rem);
  font-weight: 400;
  line-height: .8;
  position: absolute;
  top: 1.5rem;
  right: 2vw;}
.m5ref .ident-rule{background: var(--gold);
  width: 48px;
  height: 1px;
  margin: .9rem 0 1.6rem;
  display: block;}
.m5ref .ident-title{font-family: var(--font-display);
  letter-spacing: -.02em;
  max-width: 18ch;
  margin-bottom: 2.2rem;
  font-size: clamp(2rem, 3.4vw, 3rem);
  font-weight: 500;
  line-height: 1.12;}
.m5ref .ident-pill{border: 1px solid var(--line);
  border-radius: var(--r-pill);
  height: 3.5rem;
  font-family: var(--font-display);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ink-soft);
  background: #fffdf880;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.5rem;
  padding: 0 1.5rem 0 .35rem;
  font-size: .72rem;
  font-weight: 600;
  display: inline-flex;}
.m5ref .ident-pill-dot{border-radius: var(--r-pill);
  background: var(--bg-base);
  width: 2.75rem;
  height: 2.75rem;
  box-shadow: 0 8px 18px -10px #1e1a1659, inset 0 1px #fffc;}
.m5ref .ident-grid{z-index: 1;
  gap: 1rem;
  display: grid;
  position: relative;}
@media (min-width: 640px){
.m5ref .ident-grid{grid-template-columns: 1fr 1fr;
    gap: 1.25rem;}
}

.m5ref .ident-card{background: linear-gradient(180deg, var(--sand-1) 0%, var(--bg-alt) 100%);
  border-radius: 1rem;
  flex-direction: column;
  gap: 1.1rem;
  padding: 1.5rem 1.6rem 1.7rem;
  display: flex;
  position: relative;
  box-shadow: 0 18px 40px -20px #1e1a162e, inset 0 1px #fff9;}
.m5ref .ident-card:before{content: "";
  background: var(--gold);
  opacity: .8;
  border-radius: 2px;
  width: 2px;
  position: absolute;
  top: 50%;
  bottom: .9rem;
  left: 0;}
.m5ref .ident-orb{color: var(--gold-deep);
  justify-content: center;
  align-items: center;
  display: inline-flex;}
.m5ref .ident-orb svg{filter: none;
  width: 32px;
  height: 32px;}
@media (min-width: 1024px){
.m5ref .ident-card{padding: 1.75rem 1.75rem 1.9rem;}
.m5ref .ident-orb svg{width: 38px;
    height: 38px;}
}

.m5ref .ident-text{color: var(--ink-soft);
  font-size: 17px;
  line-height: 1.6;}
.m5ref .ident-end{justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 3.5rem;
  display: flex;}
.m5ref .ident-end > span{background: var(--gold);
  opacity: .6;
  width: 3rem;
  height: 1px;}
.m5ref .faq-item{grid-template-columns: 2.2rem minmax(0, 1fr) 2rem;}
.m5ref .faq-n{color: var(--gold-text);
  padding-top: 1.65rem;
  font-size: .7rem;}
.m5ref .faq-q{min-height: 3rem;
  padding-block: 1.25rem;
  font-size: clamp(1.1rem, 1.3vw, 1.25rem);
  font-weight: 500;}
.m5ref .faq-x{border-radius: var(--r-pill);
  width: 32px;
  height: 32px;
  box-shadow: inset 0 0 0 1px var(--line);
  margin-top: 1.05rem;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1);}
.m5ref .faq-x:before{background: var(--gold-deep);
  width: 14px;
  height: 1px;}
.m5ref .faq-x:after{background: var(--gold-deep);
  width: 1px;
  height: 14px;}
.m5ref .faq-item.open .faq-x{transform: rotate(45deg);}
.m5ref .faq-item.open .faq-x:before,.m5ref .faq-item.open .faq-x:after{transform: translate(-50%, -50%);}
.m5ref .faq-a{opacity: 1;
  transition: grid-template-rows .3s ease-out;}
.m5ref .faq-a p{max-width: 62ch;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.65;}
.m5ref .step-card{background: var(--sand-card);
  border-radius: var(--r-card);
  box-shadow: var(--shadow-card);
  padding: 1rem 1.2rem;}
.m5ref .quote-mark{font-family: var(--font-display);
  color: var(--gold-mid);
  opacity: .2;
  font-size: 5rem;
  line-height: .7;}
@media (prefers-reduced-motion: reduce){
.m5ref .halo-pulse{animation: none !important;}
}

@media (max-width: 639px){
.m5ref .hero-cta{padding-left: 1.25rem;
    font-size: .9375rem;}
.m5ref .hero-cta > span:first-of-type{white-space: nowrap;}
}



@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-rotate-x {
  syntax: "*";
  inherits: false
}



@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}



@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}



@property --tw-skew-x {
  syntax: "*";
  inherits: false
}



@property --tw-skew-y {
  syntax: "*";
  inherits: false
}



@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}



@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}



@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}



@property --tw-leading {
  syntax: "*";
  inherits: false
}



@property --tw-font-weight {
  syntax: "*";
  inherits: false
}



@property --tw-tracking {
  syntax: "*";
  inherits: false
}



@property --tw-ordinal {
  syntax: "*";
  inherits: false
}



@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}



@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}



@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}



@property --tw-numeric-fraction {
  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-duration {
  syntax: "*";
  inherits: false
}



@property --tw-ease {
  syntax: "*";
  inherits: false
}



@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}



@keyframes pulse {
  50% {
    opacity: .5;
  }
}



@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}



@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}



@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }
}



@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }

  to {
    height: 0;
  }
}



@keyframes caret-blink {
  0%, 70%, 100% {
    opacity: 1;
  }

  20%, 50% {
    opacity: 0;
  }
}


.m5ref{display:block}
.m5ref,.m5ref *{font-family:"Manrope","Manrope Fallback",system-ui,-apple-system,"Segoe UI",sans-serif}

/* o observer local usa [data-reveal]; garante que nada fique invisível */
.m5ref .reveal{opacity:1;transform:none}

/* bloco dos três prismas e o comparativo, centralizados */
.m5ref .svs,.m5ref .svs-sub,.m5ref .svs-cols,.m5ref .svs-tri-wrap,.m5ref .svs-compare{text-align:center}
.m5ref .svs-sub{margin-inline:auto;max-width:64ch}
.m5ref .svs-col-inner{align-items:center;text-align:center}
.m5ref .svs-ill{margin-inline:auto}
.m5ref .svs-area-title{text-align:center}
.m5ref .svs-tri-wrap,.m5ref .svs-tri{margin-inline:auto}
.m5ref h2#metodo-title{margin-inline:auto;text-align:center}
.m5ref .lg\:col-span-9{grid-column:1 / -1}
.m5ref .cases-shift{will-change:transform}
.m5ref [data-section="metodo"]{background:#fff !important;--font-display:"Inter Tight","Inter Tight Fallback",system-ui,sans-serif;--font-body:"Inter Tight","Inter Tight Fallback",system-ui,sans-serif;font-family:"Inter Tight","Inter Tight Fallback",system-ui,sans-serif}
.m5ref [data-section="metodo"] .t-display{font-size:clamp(34px,4.4vw,58px);font-weight:500;letter-spacing:-.03em;line-height:1.02}
.m5ref [data-section="metodo"] .t-h2{font-size:clamp(34px,4.4vw,58px);font-weight:500;letter-spacing:-.03em;line-height:1.02}
.m5ref [data-section="metodo"] .t-h3{font-size:clamp(24px,2.3vw,30px);font-weight:500;letter-spacing:-.03em;line-height:1.15}
.m5ref [data-section="metodo"] .t-lead{font-size:clamp(20px,1.8vw,26px);font-weight:400;line-height:1.35;letter-spacing:-.02em}
.m5ref [data-section="metodo"] .t-body{font-size:16px;font-weight:400;line-height:1.6;letter-spacing:-.005em}
.m5ref [data-section="metodo"] .t-quote{font-size:clamp(20px,1.8vw,26px);font-weight:400;line-height:1.35;letter-spacing:-.02em}

/* Cases: h2 menor, parágrafo maior, alinhamento topo, fundo = #metodo */
.m5ref [data-section="cases"]{background:#fff !important;overflow:hidden}
.m5ref [data-section="cases"] .t-h2{font-size:clamp(1.5rem,3.2vw,2.2rem)}
.m5ref [data-section="cases"] .lg\:items-end{align-items:start !important}
.m5ref [data-section="cases"] .t-body{font-size:clamp(15px,1.2vw,17px);font-weight:500}

/* o botão de play some no vídeo que está tocando com áudio */
.m5ref [data-case].is-playing .play-orb{opacity:0;pointer-events:none;transition:opacity .25s ease}

/* seção de casos com o mesmo fundo da seção "Isso não é metabolismo lento" */
.m5ref [data-section="cases"]{background:linear-gradient(180deg,#F2EBE0 0%,#F2EDE4 100%)}

/* cards de vídeo sem moldura nem sombra */
.m5ref .case-media{background:none !important;box-shadow:none !important;border:0 !important;border-radius:20px}
.m5ref .case-media > div{border-radius:20px;overflow:hidden}
.m5ref .cases-card video,.m5ref .cases-card img{border-radius:20px}

/* desfoque nas laterais do carrossel, sob os gradientes */
.m5ref .cases-marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%) !important;mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%) !important}
.m5ref .cases-marquee::before,
.m5ref .cases-marquee::after{
  content:"";position:absolute;top:0;bottom:0;width:clamp(60px,9vw,140px);
  z-index:3;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.m5ref .cases-marquee::before{left:0;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 35%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 35%,transparent 100%)}
.m5ref .cases-marquee::after{right:0;
  -webkit-mask-image:linear-gradient(270deg,#000 0,#000 35%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 0,#000 35%,transparent 100%)}

/* títulos dos pilares no mesmo tamanho da frase de fechamento */
.m5ref .pillar h3{font-size:clamp(26px,3vw,43.2px);line-height:1.35;font-weight:400}
.m5ref .pillar h3.t-h2{font-size:clamp(26px,3vw,43.2px) !important;line-height:1.35;font-weight:400}

/* Mobile: centralizar tudo */
@media (max-width:900px){
  .m5ref .pillar{text-align:center}
  .m5ref .pillar-head{justify-content:center}
  .m5ref .pillar-n{transform:none}
  .m5ref .pillar .t-lead,.m5ref .pillar .t-body{margin-inline:auto}
  .m5ref [data-section="cases"] .container-page{text-align:center}
  .m5ref [data-section="cases"] .t-h2{max-width:none}
  .m5ref [data-section="cases"] .t-body{margin-inline:auto}
  .m5ref [data-section="cases"] .t-small{text-align:center;margin-inline:auto}
  .m5ref .svs-closing{text-align:center !important}
  .m5ref .svs-compare{justify-content:center}
  .m5ref .anim{text-align:center}
  .m5ref .anim .t-quote,.m5ref .anim .t-body{margin-inline:auto}
}
.m5ref .cases-card .pill{text-align:center;text-wrap:balance;justify-content:center;max-width:min(100%,22ch)}
.m5ref .case-desc{font-size:.8125rem;color:var(--ink-soft);text-align:center;text-wrap:balance;line-height:1.4;letter-spacing:0;margin:0}
.m5ref .case-cap{position:absolute;left:0;right:0;bottom:0;z-index:4;margin:0;padding:0 1rem 1.05rem;color:#fff;font-size:.9rem;line-height:1.35;font-weight:600;letter-spacing:0;text-align:center;text-wrap:balance;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none;transition:opacity .25s ease}
.m5ref .case-cap::before{content:"";display:block;width:1.75rem;height:2px;border-radius:999px;background:var(--gold);margin:0 auto .5rem}
.m5ref .case-media > div::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56%;z-index:3;pointer-events:none;background:linear-gradient(to top,rgba(24,18,14,.9) 0%,rgba(24,18,14,.55) 45%,rgba(24,18,14,0) 100%)}
.m5ref [data-case].is-playing .case-cap,.m5ref [data-case].is-playing .case-media > div::after{opacity:0}
.signs-marquee,.signs-marquee *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.signs-marquee .sign,.signs-marquee svg{-webkit-user-drag:none}
.m5ref .cases-card .pill{font-size:.76rem;font-weight:700;letter-spacing:.16em}
.signs-marquee .signs-track{animation:none !important;will-change:transform}
@media (prefers-reduced-motion:reduce){.signs-marquee .signs-track{flex-wrap:nowrap !important;width:max-content !important}.signs-marquee{overflow:hidden !important}}
.m03 .cycle__marquee .cycle__track{animation:none !important;will-change:transform}
.cycle__marquee,.cycle__marquee *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.cycle__marquee svg{-webkit-user-drag:none}
@media (prefers-reduced-motion:reduce){.m03 .cycle__marquee .cycle__track{flex-wrap:nowrap !important;width:max-content !important}.m03 .cycle__marquee{overflow:hidden !important}}
.hero__elig{font-size:.95em;margin-top:.85rem;color:inherit;opacity:.92}
.hero__elig strong{font-weight:700;color:inherit}
/* prisma invertido: Fisiológico no topo, Psicológico embaixo à esquerda, Social embaixo à direita */
.m5ref .svs-tri-img{transform:none}
.m5ref .svs-orb-fisio{top:42px;left:370px}
.m5ref .svs-orb-psico{top:252px;left:249px}
.m5ref .svs-orb-social{top:252px;left:491px}
.m5ref .svs-node-top{top:10px;left:462px;right:auto;width:240px;text-align:left}
.m5ref .svs-node-left{top:236px;left:auto;right:612px;width:290px;text-align:right}
.m5ref .svs-node-right{top:236px;left:582px;width:260px}
@media (max-width:900px){
.m5ref .svs-orb-fisio{top:22.2%;left:50%}
.m5ref .svs-orb-psico{top:78.9%;left:33.6%}
.m5ref .svs-orb-social{top:78.9%;left:66.4%}
.m5ref .svs-node-top,.m5ref .svs-node-left{text-align:center}
}
/* citação do Dr. Haroldo entre "Sistema multiplica." e os pilares */
.m5ref .svs-quote{margin:6rem auto 0;padding:0 1.25rem;max-width:44rem;text-align:center}
.m5ref .svs-quote blockquote{margin:0}
.m5ref .svs-quote blockquote p{font-family:var(--font-display);font-weight:300;font-style:italic;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.35;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0}
.m5ref .svs-quote blockquote p+p{margin-top:.75em}
.m5ref .svs-quote figcaption{margin-top:1rem;font-size:.76rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text)}
.m5ref .svs-quote figcaption::before{content:"";display:block;width:2rem;height:2px;background:var(--gold);margin:0 auto .8rem}
@media (max-width:900px){.m5ref .svs-quote{margin-top:4rem;padding:0 .5rem}}
@media (min-width:901px){.m5ref .svs-closing{margin-top:150px}}
@media (max-width:900px){.m5ref .svs-closing{margin-top:88px}}
/* ritmo vertical da seção Método */
@media (min-width:901px){
.m5ref .svs-tri{height:380px}
.m5ref .svs-node-top{top:82px;transform:translateY(-50%)}
.m5ref .svs-node-left,.m5ref .svs-node-right{top:292px;transform:translateY(-50%)}
.m5ref .svs-closing{margin-top:56px !important}
.m5ref .svs-compare{margin-top:64px}
.m5ref .svs-quote{margin-top:88px}
}
@media (max-width:900px){
.m5ref .svs-closing{margin-top:64px !important}
.m5ref .svs-compare{margin-top:48px}
.m5ref .svs-quote{margin-top:64px}
}
@media (min-width:901px){.m5ref [data-section="metodo"] .svs-cols{margin-top:40px}section[data-section="metodo"] .lg\:mt-24{margin-top:56px !important}}
/* tipografia da seção Método: 2 famílias (Manrope corpo/rótulos, Inter Tight display), sem fonte não carregada */
.m5ref{--font-sans:"Manrope","Manrope Fallback",system-ui,sans-serif;--font-display:"Inter Tight","Inter Tight Fallback",system-ui,sans-serif}
.m5ref .svs-area-title,.m5ref .svs-node-title{font-family:"Manrope","Manrope Fallback",system-ui,sans-serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}
.m5ref .svs-area-title{font-size:.95rem;line-height:1.3}
.m5ref .svs-node-title{font-size:.8rem;line-height:1.3;margin-bottom:6px}
.m5ref .svs-node p{font-family:"Manrope","Manrope Fallback",system-ui,sans-serif;font-size:.9375rem;line-height:1.45;font-weight:400;color:var(--ink-soft);letter-spacing:0}
.m5ref .svs-sub-2{font-family:"Manrope","Manrope Fallback",system-ui,sans-serif;font-weight:400;font-size:clamp(16px,1.2vw,18px);line-height:1.6;letter-spacing:-.005em;color:var(--ink-soft)}
.m5ref .svs-closing{font-weight:500 !important;color:var(--ink)}
.m5ref .svs-quote figcaption{font-size:.72rem;letter-spacing:.18em}
@media (max-width:900px){.m5ref .svs-node p{font-size:1rem;line-height:1.5}.m5ref .svs-node-title{font-size:.82rem}}
/* "Veja como isso aconteceu com você": parágrafos + carrossel das 3 tentativas */
.m5ref .svs-read{max-width:44rem;margin:72px auto 0;text-align:center}
.m5ref .svs-read-lead{font-family:"Manrope","Manrope Fallback",system-ui,sans-serif;font-size:clamp(17px,1.35vw,20px);line-height:1.5;font-weight:500;color:var(--ink);text-wrap:balance;margin:0}
.m5ref .svs-read-body{font-family:"Manrope","Manrope Fallback",system-ui,sans-serif;font-size:clamp(16px,1.2vw,18px);line-height:1.6;font-weight:400;color:var(--ink-soft);text-wrap:pretty;margin:16px auto 0}
.m5ref .svs-read-label{font-family:"Manrope","Manrope Fallback",system-ui,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);margin:40px 0 0}
.m5ref .read-marquee{margin-top:28px;padding-block:20px;margin-block:8px -20px}
.m5ref .read-marquee .sign{text-align:left;max-width:340px;min-width:300px}
.m5ref .read-marquee .sign p{font-family:"Manrope","Manrope Fallback",system-ui,sans-serif;font-size:15px;line-height:1.55;color:var(--ink-soft);margin:0}
.m5ref .read-marquee .sign p strong{display:inline;font:inherit;font-weight:700;color:var(--ink);letter-spacing:inherit}
.m5ref .svs-read-end{max-width:44rem;margin:40px auto 0;text-align:center;font-family:"Manrope","Manrope Fallback",system-ui,sans-serif;font-size:clamp(16px,1.2vw,18px);line-height:1.6;font-weight:500;color:var(--ink);text-wrap:pretty}
@media (max-width:900px){.m5ref .svs-read{margin-top:56px}.m5ref .read-marquee .sign{min-width:280px;max-width:280px}.m5ref .svs-read-end{margin-top:32px}}

/* fade lateral dos vídeos igual ao dos cards (signs): só máscara 6%→94%, sem blur nem véu branco */
.m5ref .cases-marquee{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%) !important;mask-image:linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%) !important}
.m5ref .cases-marquee::before,.m5ref .cases-marquee::after{display:none}
.m5ref .cases-fade{display:none}

/* frase acima do CTA: mesma fonte do título "Para quem vive…" (Manrope, peso 400, ~24px), sem negrito */
.hero .hero__elig{font-family:var(--sans) !important;font-weight:400 !important;font-size:.875rem !important;line-height:24px !important;opacity:1;margin-top:-.5rem;max-width:527px !important}

/* h1 do hero: "disciplina" e "emagrecido." em negrito */
.hero h1 em{font-weight:800 !important}

/* micros centralizadas sob o botão do CTA (mesma largura do botão) */
.hero .hero__cta .micro{display:block;width:auto;max-width:none;white-space:nowrap;text-align:left;margin-inline:0}
@media (max-width:640px){.hero .hero__cta .micro{white-space:normal}}
.hero .hero__cta .micro + .micro{margin-top:-.55rem}

/* hero: tudo alinhado à esquerda */
.hero .hero__copy,.hero .hero__copy > *{text-align:left}
.hero .hero__cta{align-items:flex-start !important}

/* bloco lead + perfil: barrinha dourada à esquerda cobrindo os dois textos */
.hero .hero__intro{position:relative;padding-left:.9rem;max-width:527px;margin-bottom:1.4rem}
.hero .hero__intro::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:2px;border-radius:2px;background:#B08D57}
.hero .hero__intro .lead{margin-bottom:0}
.hero .hero__intro .hero__elig{margin-top:.5rem !important;padding-left:0;max-width:none !important}
@media (max-width:640px){.hero .hero__intro{margin-inline:auto;padding-left:0;text-align:center}.hero .hero__intro::before{display:none}.hero .hero__intro .lead,.hero .hero__intro .hero__elig{text-align:center;margin-inline:auto}}
/* h1 do hero: quebra manual (<br>), sem limite de largura que force 3ª linha */
.hero h1{max-width:none !important}
/* cada linha do h1 só quebra se a outra também quebrar (telas estreitas) */
@media (min-width:641px){.hero h1 .l{white-space:nowrap}}
/* só os <em> ficam dourados no h1 (anula o nth-child antigo que pintava "já") */
.hero h1 .w:nth-child(2){color:inherit}
.hero h1 em{color:var(--champ,#C7AE79) !important}
@media (min-width:641px){.hero h1 em{color:#C7AE79 !important}}   /* desktop: mesma cor do play/CTA */
@media (min-width:641px){.hero .hero__cta .btn--dark{background:#C7AE79 !important}.hero .hero__cta .btn--dark:hover{background:#D3BD8B !important}}   /* desktop: CTA na cor do play dos vídeos */
@media (max-width:640px){.hero .hero__copy,.hero .hero__copy > *{text-align:center}.hero .hero__cta{align-items:center !important}.hero .hero__cta .micro{text-align:center;margin-inline:auto}}
/* eyebrow do hero: pequeno outer glow dourado */
@media (max-width:640px){.hero .eyebrow{text-shadow:0 1px 2px rgba(176,141,87,.9)}}
/* bloqueia seleção de texto na página inteira (campos de formulário continuam editáveis) */
body,body *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}
.hero .hero__intro .lead,.hero .hero__intro .hero__elig{text-shadow:0 1px 2px rgba(0,0,0,.45)}
@media (max-width:640px){.hero .hero__cta .micro{color:#E6E1D8 !important;opacity:1 !important}}
@media (max-width:640px){.hero .hero__intro .lead,.hero .hero__intro .hero__elig{color:#E6E1D8 !important;opacity:1 !important}}
.hero .hero__intro .lead,.hero .hero__intro .hero__elig,.hero .hero__cta .micro{text-shadow:none !important}
/* h1: metades indivisíveis; classe h1--4 força 4 linhas quando 2 não cabem */
.hero h1 .h{white-space:nowrap}
.hero h1.h1--4 .h{display:block}
.hero h1.h1--4 .l{display:block}.hero h1.h1--4 br{display:none}
/* mobile: 4 linhas desde o primeiro paint (o JS só decide entre 2/4 acima de 640px) */
@media (max-width:640px){.hero h1 .h,.hero h1 .l{display:block}.hero h1 br{display:none}}
/* mobile: foto do hero sobe; imagem maior que o viewport, ancorada pela base (a base nunca passa do fim do viewport) */
@media (max-width:900px){.hero__photo img{height:112%;top:auto;bottom:0;position:absolute;left:0;object-position:72% 0%}}

/* ===== margem única do site: mesma da seção #metodo (.m03 .g) ===== */
:root{--site-gutter:clamp(20px,4vw,48px);--site-w:1200px}
.wrap:not(.hero__grid),.m5ref .container-page,.m5ref .cases-marquee{width:min(var(--site-w),100% - 2*var(--site-gutter)) !important;max-width:none !important;padding-inline:0 !important;margin-inline:auto !important}
/* triângulo (901–1100px): layout desktop em px não cabe; encolhe o bloco inteiro pra ficar dentro da margem */
@media (min-width:901px) and (max-width:1100px){.m5ref .svs-tri{zoom:.86}}
/* evita palavra solta na última linha dos parágrafos de texto corrido */
.m03 .sec__h p,.m03 .cycle__explain p,.m03 .tri p,.m03 .quem__txt p,.m5ref .t-body,.m5ref .svs-node p,.m5ref .svs-read p,.faq p,.sign p{text-wrap:pretty}
/* parágrafos do cabeçalho de seção: linhas equilibradas, sem sobra curta */
.m03 .sec__h p{text-wrap:pretty}
.m03 .cycle{border-bottom:0 !important}   /* sem linha abaixo do carrossel do ciclo */
.m03 .cycle{padding-bottom:0 !important;margin-bottom:32px !important}   /* carrossel→texto = título→carrossel (32px) */
/* cards Cortisol…Resultado: título, ícone e texto centralizados em todas as larguras */
.m03 .tri article{text-align:center !important;align-items:center !important}
.m03 .tri article .ico{margin-inline:auto !important}
.m03 .tri article h3,.m03 .tri article p{text-align:center !important;margin-inline:auto !important}
/* seção Diagnóstico inteira centralizada */
#diagnostico .sec__h,#diagnostico .sec__h *,#diagnostico .cycle__title,#diagnostico .cycle__explain,#diagnostico .cycle__explain p{text-align:center !important}
#diagnostico .sec__h,#diagnostico .sec__h h2,#diagnostico .sec__h p,#diagnostico .cycle__explain{margin-inline:auto !important}
#diagnostico .sec__h .mono{display:block}
/* Diagnóstico: linhas equilibradas (mesma largura) nos textos centralizados */
#diagnostico .sec__h h2,#diagnostico .sec__h p,#diagnostico .cycle__explain p,#diagnostico .tri h3,#diagnostico .tri p{text-wrap:balance !important}
/* barra dourada só na frase menor (perfil compatível), não no lead */
.hero .hero__intro{padding-left:0}
.hero .hero__intro::before{display:none}
.hero .hero__intro .hero__elig{position:relative;padding-left:.9rem}
.hero .hero__intro .hero__elig::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:2px;border-radius:2px;background:#B08D57}
@media (max-width:640px){.hero .hero__intro .hero__elig{padding-left:0}.hero .hero__intro .hero__elig::before{display:none}}

/* ===== critique 2026-09-09: escala tipográfica, ritmo e margens ===== */
:root{--fs-display:clamp(2.6rem,4.4vw,3.5rem);--fs-h2:clamp(2rem,3vw,2.6rem);--fs-h3:clamp(1.4rem,2vw,1.8rem);--fs-micro:12px;--fs-eyebrow:12.5px}
/* P0: h2 de Processo e Quem não podem virar corpo no mobile */
.m03 #quem h2,.m03 #processo h2,.m03 #quem .sec__h h2{white-space:normal !important;font-size:var(--fs-h2) !important}
@media (max-width:640px){.m03 #quem h2,.m03 #processo h2,.m03 #quem .sec__h h2{font-size:clamp(26px,7.5vw,30px) !important;line-height:1.1}}
/* P1: 3 degraus de título */
.m03 #diagnostico .sec__h h2,.m03 #metodo .metodo-split__left > h2:first-child,#fim h2,.m5ref [data-section="metodo"] .t-display{font-size:var(--fs-display) !important}
.m5ref [data-section="cases"] .t-h2,#faq h2{font-size:var(--fs-h2) !important}
.m5ref .pillar h3.t-h2,.m5ref .pillar .t-h2,#processo h3,.m5ref [data-section="metodo"] .t-h3{font-size:var(--fs-h3) !important;line-height:1.15}
/* P1: CTA do Método escuro dentro do gutter no mobile */
@media (max-width:640px){.m03 #metodo .cta{margin-inline:0 !important;width:auto !important;max-width:100% !important;padding-inline:0 !important;left:auto !important;transform:none !important}.m03 #metodo .cta .micro{padding-inline:20px}}
/* P2: menos ar na seção Método de referência */
@media (min-width:901px){.m5ref .pillar{padding:32px 0 48px !important}.m5ref .svs-closing{margin-top:40px !important}.m5ref [data-section="metodo"] .t-display + *,.m5ref [data-section="metodo"] .mt-16{margin-top:32px !important}}
/* P2: transição hero → identificação */
@media (min-width:901px){.goldline{height:48px}#identificacao{padding-top:64px !important}}
/* menores: textos pequenos em 3 tamanhos; h2→lead padronizado */
.micro,.mono,.hero .hero__cta .micro,.m03 .micro,.m03 .mono,.m5ref .mono{font-size:var(--fs-micro) !important}
.eyebrow,.hero .eyebrow,#identificacao .eyebrow{font-size:var(--fs-eyebrow) !important}
.m5ref .t-small{font-size:14px !important}
.m03 #metodo .metodo-split__left > h2:first-child{margin-bottom:24px !important}.m03 #metodo .h2--sub{margin-bottom:24px !important}
.m03 #diagnostico .sec__h h2{margin-bottom:24px !important}
@media (max-width:640px){:root{--fs-display:34px;--fs-h2:clamp(26px,7.5vw,30px);--fs-h3:clamp(20px,5.8vw,24px)}}
/* pilares: título (h3) acima do lead, lead menor e separado do corpo */
.m5ref .pillar h3.t-h2{font-size:var(--fs-h3) !important;font-weight:600;line-height:1.15}
.m5ref .pillar .t-lead{font-size:clamp(18px,1.5vw,20px) !important;line-height:1.35;margin-bottom:14px !important}
.m5ref [data-section="cases"] .container-page.mt-7 .t-small{text-align:center;margin-inline:auto;text-wrap:balance}
/* h1 do hero = maior texto da página (escala display) */
.hero h1{font-size:var(--fs-display) !important;line-height:1.05 !important}

/* ===== HIG acessibilidade ===== */
/* texto: corpo em 17px (padrão iOS) no mobile; textos pequenos nunca abaixo de 12px */
@media (max-width:640px){.hero .lead,.hero .hero__elig,.m03 .sec__h p,.m03 .cycle__explain p,.m03 .tri p,.m03 .quem__txt p,.m5ref .t-body,.m5ref .svs-node p,.m5ref .svs-read p,.sign p,.faq p,#processo li p,.m03 #metodo .metodo-split__left p,.m03 #metodo .lead-out{font-size:17px !important;line-height:1.55 !important}}
/* contraste: CTA dourado com texto escuro (8:1); números dos pilares em dourado escuro (3.2:1) */
@media (min-width:641px){.hero .hero__cta .btn--dark{color:#1E1A16 !important}.hero .hero__cta .btn--dark svg{color:#1E1A16}}
.m5ref .pillar-n{color:#B08D57 !important}
/* alvos de toque: mínimo 44px em links e botões, 12px de folga entre controles */
a.btn,button,summary,.play-orb,.wa-float,[data-wa]{min-height:44px}
summary{padding-block:max(16px,.8rem)}
/* vídeo: com Reduce Motion, poster parado e controle visível (sem autoplay) */
@media (prefers-reduced-motion:reduce){.m5ref [data-case] video{display:none}.m5ref [data-case] img{display:block !important}}

/* =====================================================================
   SISTEMA TIPOGRÁFICO — escala 1.2 (Minor Third) + espaçamento 4/8/12/16/24/32/48/64/96
   desktop: 12 · 14 · 16 · 20 · 24 · 30 · 36 · 48 · 56(hero)
   mobile : 12 · 14 · 17 · 18 · 22 · 24 · 28 · 34 · 40(hero)
   ===================================================================== */
:root{
  --fs-hero:56px;--fs-display:48px;--fs-h2:36px;--fs-h3:24px;--fs-card:20px;--fs-lead:20px;--fs-quote:30px;
  --fs-body:16px;--fs-small:14px;--fs-micro:12px;--fs-eyebrow:12px;
  --lh-hero:1.04;--lh-display:1.06;--lh-h2:1.1;--lh-h3:1.15;--lh-card:1.2;--lh-lead:1.4;--lh-body:1.6;--lh-small:1.5;
  --sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-24:96px;
  --measure:62ch;--measure-lead:56ch;--measure-title:22ch;
}
@media (max-width:640px){:root{
  --fs-hero:40px;--fs-display:34px;--fs-h2:28px;--fs-h3:22px;--fs-card:18px;--fs-lead:18px;--fs-quote:24px;--fs-body:17px;
  --sp-24:64px;--sp-16:48px;
}}

/* ---- seções: 96 / 64 ---- */
.sec,.m03 .sec,.m5ref .section-lg{padding-block:var(--sp-24) !important}
#identificacao{padding-top:var(--sp-16) !important}
.m03 #metodo{padding-block:var(--sp-24) !important}
@media (min-width:901px){.goldline{height:var(--sp-12)}}

/* ---- HERO: 56 / 40 ---- */
.hero h1{font-size:var(--fs-hero) !important;line-height:var(--lh-hero) !important;font-weight:600;margin-bottom:var(--sp-6) !important}
.hero .eyebrow{font-size:var(--fs-eyebrow) !important;margin-bottom:var(--sp-3) !important}
.hero .lead{font-size:var(--fs-body) !important;line-height:var(--lh-body) !important;max-width:var(--measure-lead)}
.hero .hero__intro .hero__elig{font-size:var(--fs-small) !important;line-height:var(--lh-small) !important;margin-top:var(--sp-3) !important}
.hero .hero__intro{margin-bottom:var(--sp-8) !important}
.hero .hero__cta{gap:var(--sp-4) !important}
.hero .hero__cta .micro{font-size:var(--fs-micro) !important;line-height:var(--lh-small)}
.hero .hero__cta .micro + .micro{margin-top:calc(-1 * var(--sp-2))}

/* ---- DISPLAY (teses): Diagnóstico, Método escuro, Método ref, Fim: 48 / 34 ---- */
.m03 #diagnostico .sec__h h2,.m03 #metodo .metodo-split__left > h2:first-child,#fim h2,.m5ref [data-section="metodo"] .t-display{font-size:var(--fs-display) !important;line-height:var(--lh-display) !important;font-weight:500 !important;letter-spacing:-.02em;margin-bottom:var(--sp-6) !important;max-width:var(--measure-title)}
#fim h2,.m03 #diagnostico .sec__h h2{margin-inline:auto}

/* ---- H2 de seção: Processo, Cases, Quem, FAQ: 36 / 28 ---- */
.m03 #processo h2,.m03 #quem h2,.m03 #quem .sec__h h2,.m5ref [data-section="cases"] .t-h2,#faq h2{font-size:var(--fs-h2) !important;line-height:var(--lh-h2) !important;font-weight:500 !important;letter-spacing:-.015em;margin-bottom:var(--sp-6) !important;max-width:var(--measure-title)}
@media (max-width:640px){.m03 #processo h2,.m03 #quem h2,.m03 #quem .sec__h h2{font-size:var(--fs-h2) !important;line-height:var(--lh-h2)}}

/* ---- H3: 24 / 22 ---- */
.m03 .cycle__title,.m03 #metodo .lead-out,.m5ref .pillar h3.t-h2,.m5ref .svs-closing{font-size:var(--fs-h3) !important;line-height:var(--lh-h3) !important;font-weight:500 !important;letter-spacing:-.01em}
.m5ref .svs-closing{font-weight:400 !important;line-height:1.35 !important;max-width:40ch !important;margin-inline:auto !important}
.m03 #metodo .lead-out{line-height:1.3 !important}

/* ---- CARD TITLE: 20 / 18 ---- */
.m03 .tri h3,#processo li h3,.m5ref .pillar .t-lead,.faq summary,.m5ref .svs-read-lead{font-size:var(--fs-card) !important;line-height:var(--lh-card) !important;font-weight:500 !important}
.m5ref .pillar .t-lead{line-height:1.3 !important;margin-bottom:var(--sp-3) !important}
.faq summary{line-height:1.35 !important}
.m5ref .svs-read-lead{line-height:1.4 !important}

/* ---- LEAD: 20 / 18 (peso 400) ---- */
#identificacao h2,.m03 #metodo .h2--sub{font-size:var(--fs-lead) !important;line-height:var(--lh-lead) !important;font-weight:400 !important;letter-spacing:-.01em}
#identificacao h2{max-width:var(--measure-lead);margin-inline:auto;margin-bottom:var(--sp-4) !important}
.m03 #metodo .h2--sub{max-width:var(--measure-lead);margin-bottom:var(--sp-6) !important}

/* ---- QUOTE: 30 / 24 ---- */
.m5ref .t-quote{font-size:var(--fs-quote) !important;line-height:1.25 !important;font-weight:400 !important;letter-spacing:-.015em;max-width:30ch;margin-inline:auto}
.m5ref .svs-quote blockquote p{font-size:var(--fs-h3) !important;line-height:1.35 !important}

/* ---- BODY: 16 / 17, medida 62ch ---- */
.m03 .sec__h p,.m03 .cycle__explain p,.m03 .tri p,.m03 .quem__txt p,.m03 #metodo .metodo-split__left p,#processo li p,.m5ref .t-body,.m5ref .svs-sub,.m5ref .svs-node p,.m5ref .svs-read-body,.m5ref .svs-read-end,.faq p,.sign p,#fim p{font-size:var(--fs-body) !important;line-height:var(--lh-body) !important;font-weight:400 !important}
.m5ref .svs-read-end{font-weight:500 !important}
.m03 .sec__h p,.m03 .quem__txt p,#fim p,.faq p,.m5ref .svs-read-body,.m5ref .svs-read-end,.m5ref .svs-read-lead,.m03 #metodo .metodo-split__left p,#processo .sec__h p{max-width:var(--measure) !important}
.m03 .sec__h h2 + p,.m03 #processo .sec__h p{margin-top:0 !important}
.m5ref .svs-read{max-width:var(--measure);margin-inline:auto}

/* ---- SMALL 14 / MICRO 12 ---- */
.m5ref .t-small,.m5ref .case-desc{font-size:var(--fs-small) !important;line-height:var(--lh-small) !important}
.micro,.mono,.eyebrow,.m5ref .pill,.m5ref .svs-read-label,.m5ref .svs-area-title,#identificacao .eyebrow,.m03 .flow__n{font-size:var(--fs-micro) !important;line-height:var(--lh-small)}
.m5ref .svs-area-title{font-size:var(--fs-small) !important}

/* ---- ritmo: eyebrow→título 12, título→texto 24, texto→CTA 32, blocos 64 ---- */
.m03 .sec__h .mono,.m03 .quem__label{margin-bottom:var(--sp-3) !important}
.m03 .cta{margin-top:var(--sp-8) !important}
.m03 #metodo .lead-out{margin-top:var(--sp-8) !important}
.m03 .cycle{margin-bottom:var(--sp-8) !important}
.m03 .cycle__explain{margin-bottom:var(--sp-16) !important}
.m5ref .svs-closing{margin-top:var(--sp-12) !important}
.m5ref .svs-read-label{margin-top:var(--sp-8) !important}
.m5ref .svs-read-end{margin-top:var(--sp-8) !important}
.m5ref [data-section="cases"] .t-body{margin-top:var(--sp-6) !important}
@media (min-width:901px){.m5ref .pillar{padding:var(--sp-8) 0 var(--sp-12) !important}}
/* bloco final do Método: citação e parágrafo alinhados juntos (centro) */
.m5ref [data-section="metodo"] .t-quote{margin-inline:auto;text-align:center}
.m5ref [data-section="metodo"] .t-quote + p{text-align:center;margin-inline:auto;max-width:var(--measure-lead);margin-top:var(--sp-4) !important}
/* quebras naturais em todos os títulos (linhas equilibradas, sem palavra órfã) */
.hero h1,.m03 .sec__h h2,.m03 #metodo .metodo-split__left > h2,#fim h2,.m5ref .t-display,.m5ref .t-h2,#faq h2,.m03 #quem h2,.m03 #processo h2,#identificacao h2,.m5ref .svs-closing,.m5ref .t-quote,.m03 #metodo .lead-out{text-wrap:balance}
@media (max-width:640px){
  /* teses longas (85+ caracteres): um degrau abaixo pra não passar de 5 linhas */
  .m03 #metodo .metodo-split__left > h2:first-child,.m5ref [data-section="metodo"] .t-display{font-size:30px !important;line-height:1.1 !important}
  .m03 #quem h2,.m03 #quem .sec__h h2{max-width:none !important}
  /* botão do Método escuro: texto quebra em vez de encostar na borda */
  .m03 #metodo .btn,.m03 #metodo .btn--light{white-space:normal !important;text-align:center;line-height:1.25;padding:14px 24px !important;gap:10px}
}
/* ritmo exato: o gap do grid/flex não soma com as margens */
.m03 .sec__h{gap:0 !important}
.m03 .sec__h .mono{margin-bottom:var(--sp-3) !important;padding-top:0 !important}
.hero .hero__copy{gap:0 !important}
.m03 #diagnostico .sec__h h2 em{font-style:normal;font-weight:inherit !important}
/* hero volta ao tamanho original (44.8 / 32); resto desce um degrau da escala 1.2 */
:root{--fs-hero:44.8px;--fs-display:36px;--fs-h2:30px;--fs-h3:24px;--fs-card:20px;--fs-lead:20px;--fs-quote:30px}
@media (max-width:640px){:root{--fs-hero:32px;--fs-display:28px;--fs-h2:24px;--fs-h3:20px;--fs-card:18px;--fs-lead:18px;--fs-quote:22px}
  .m03 #metodo .metodo-split__left > h2:first-child,.m5ref [data-section="metodo"] .t-display{font-size:26px !important}}
.hero h1{line-height:1.08 !important}
/* identificação: eyebrow acima do texto, eyebrow→texto 12, texto→cards 48 */
#identificacao .eyebrow{margin-top:0 !important;margin-bottom:var(--sp-3) !important}
#identificacao h2{margin-bottom:var(--sp-12) !important}
/* eyebrow "Esta conversa é para você que:" igual ao eyebrow do Diagnóstico */
#identificacao .eyebrow{color:rgb(110,112,106) !important;font-weight:500 !important;letter-spacing:.08em !important}
/* "Vive sob alta demanda…": h2 de seção (30 / 24) com quebras fixas */
#identificacao .sec-head{max-width:none !important}
#identificacao h2{font-size:var(--fs-h2) !important;line-height:var(--lh-h2) !important;font-weight:500 !important;letter-spacing:-.015em;max-width:none !important;margin-inline:auto;text-wrap:initial !important}
#identificacao h2 em{font-style:normal;font-weight:inherit}
@media (min-width:901px){#identificacao h2 .l,#identificacao h2 em{white-space:nowrap}}
/* Diagnóstico: cabeçalho centralizado entre os cards de cima e o ciclo (96 acima / 96 abaixo) */
#identificacao{padding-bottom:var(--sp-12) !important}
#diagnostico{padding-top:var(--sp-12) !important}
#diagnostico .sec__h{margin-bottom:var(--sp-24) !important}
#identificacao{padding-bottom:var(--sp-16) !important}
#diagnostico .sec__h{margin-bottom:72px !important}
.m03 .cycle{border-top:0 !important;padding-top:0 !important}
/* Método escuro: "Insistir na direção errada…" centralizado sobre o gráfico */
@media (min-width:721px){.m03 .metodo-split__right{align-items:center !important;text-align:center !important}.m03 #metodo .lead-out{text-align:center !important;margin-inline:auto !important;max-width:28ch}.m03 .metodo-split__right .paths__visual{margin-inline:auto}.m03 #metodo .cta{align-items:center !important}.m03 #metodo .cta .micro{text-align:center !important}}
/* linha na base de cada dobra (mesma cor dos divisores existentes) */
main > section,.m03 > section,.m5ref > section{border-bottom:1px solid var(--line,#E6E1D8) !important}
#fim{border-bottom:0 !important}
/* "O Método #SobControle não tenta…" no tamanho do h1 do hero */
.m5ref [data-section="metodo"] .t-display{font-size:var(--fs-hero) !important;line-height:var(--lh-hero) !important;font-weight:600 !important;max-width:24ch}
@media (max-width:640px){.m5ref [data-section="metodo"] .t-display{font-size:var(--fs-hero) !important;line-height:1.08 !important}}
/* títulos restantes com linhas equilibradas */
.m03 .cycle__title,#processo li h3{text-wrap:balance}
/* larguras afinadas por título pra linhas de tamanho igual (medido a 1280px) */
@media (min-width:901px){
  .m5ref [data-section="metodo"] .t-display{max-width:25ch !important}
  .m03 #diagnostico .sec__h h2{max-width:26ch !important}
  #fim h2{max-width:20ch !important}
  .m03 #metodo .metodo-split__left > h2:first-child{max-width:26ch !important}
  .m5ref [data-section="cases"] .t-h2{max-width:23ch !important}
  .m03 #processo h2{max-width:14ch !important}
}
/* pills "Separadas, somam." / "Juntas, multiplicam." também no desktop */
.m5ref .svs-pill{display:inline-block !important;padding:10px 24px !important;border-radius:999px !important;background:#F7F6F2 !important;font-size:15px !important;font-weight:500 !important;letter-spacing:-.01em;color:#121311 !important;line-height:1.3}
.m5ref .svs-compare-label{font-size:15px !important}
/* hero sem linha na base */
.hero{border-bottom:0 !important}
/* linhas da base das dobras mais suaves */
main > section,.m03 > section,.m5ref > section{border-bottom-color:rgba(30,26,22,.06) !important}
/* "Vive sob alta demanda…" em h3 (24 / 20), mesmas 3 linhas fixas */
#identificacao h2{font-size:var(--fs-h3) !important;line-height:var(--lh-h3) !important;letter-spacing:-.01em}
#identificacao h2,#identificacao h2 em{font-weight:400 !important}
/* dobro do espaço entre o hero e "Esta conversa é para você que:" */
@media (min-width:901px){#identificacao{padding-top:101px !important}}
@media (max-width:900px){#identificacao{padding-top:64px !important}}
/* cards → Diagnóstico +1/3 (64+48 → 85+64) */
@media (min-width:901px){#identificacao{padding-bottom:64px !important}#diagnostico{padding-top:64px !important}}
/* seção 3 (Diagnóstico) no desktop: textos alinhados à esquerda, na margem única; os 4 cards seguem centralizados */
@media (min-width:901px){
  #diagnostico .sec__h,#diagnostico .sec__h *,#diagnostico .cycle__title,#diagnostico .cycle__explain,#diagnostico .cycle__explain p{text-align:left !important}
  #diagnostico .sec__h,#diagnostico .sec__h h2,#diagnostico .sec__h p,#diagnostico .cycle__explain{margin-inline:0 !important}
}
/* "Nenhuma tentativa anterior…" no mesmo tamanho de "A diferença começa na leitura…" */
.m5ref .svs-closing{font-size:var(--fs-body) !important;line-height:var(--lh-body) !important;font-weight:400 !important;color:var(--ink-soft,#4A423A) !important;max-width:var(--measure) !important}
.m5ref [data-section="metodo"] p.t-h3.svs-closing{font-size:var(--fs-body) !important;line-height:var(--lh-body) !important}
/* "Nenhuma tentativa anterior…" em uma linha no desktop */
@media (min-width:901px){.m5ref [data-section="metodo"] p.t-h3.svs-closing{max-width:none !important;white-space:nowrap;text-wrap:initial !important}}
/* micros abaixo dos CTAs (Método e Fim) iguais à micro do hero */
.m03 #metodo .cta .micro,.m03 #fim .cta .micro,#fim .cta .micro{font-size:var(--fs-micro) !important;font-weight:400 !important;letter-spacing:0 !important;color:rgb(75,80,69) !important;line-height:var(--lh-small) !important;opacity:1 !important}
/* bloco final do Método (desktop): citação e parágrafo alinhados à direita */
@media (min-width:901px){.m5ref [data-section="metodo"] .t-quote,.m5ref [data-section="metodo"] .t-quote + p{text-align:right !important;margin-inline:0 0 !important;margin-left:auto !important}}
/* bloco final do Método (desktop): alinhado à esquerda */
@media (min-width:901px){.m5ref [data-section="metodo"] .t-quote,.m5ref [data-section="metodo"] .t-quote + p{text-align:left !important;margin-inline:0 !important;margin-left:0 !important}}
/* botão do Método escuro no mobile: texto inteiro em 1 linha, dentro do botão */
@media (max-width:640px){.m03 #metodo .btn,.m03 #metodo .btn--light{white-space:nowrap !important;font-size:clamp(10px,3.2vw,15px) !important;letter-spacing:-.01em;padding:14px 16px !important;gap:8px !important;width:100% !important;max-width:100% !important;justify-content:center}}
/* mobile: títulos com largura limitada ficam centralizados (margens iguais) */
@media (max-width:900px){#processo li h3,#processo li p,.m5ref [data-section="cases"] .t-h2,.m5ref [data-section="cases"] .t-body,#processo h2,#faq h2,.m03 #quem h2{max-width:none !important;margin-inline:auto !important;text-align:center !important;padding-inline:0 !important}#processo li{padding-inline:0 !important}}
/* mobile: bloco do Método centralizado (h2, sub e p têm max-width; sem margin auto ficavam encostados à esquerda) */
@media (max-width:720px){
  .m03 #metodo .metodo-split__left > h2,.m03 #metodo .h2--sub,.m03 #metodo .metodo-split__left p{margin-inline:auto !important;text-align:center !important}
}
/* mobile: "Vive sob alta demanda" vira texto corrido com linhas balanceadas (volume parecido de palavras), máx. 4 linhas — o JS reduz o font-size se passar */
@media (max-width:720px){
  #identificacao h2#t-ident{text-wrap:balance !important}
  #t-ident .l,#t-ident em{display:inline;white-space:normal}
  #t-ident br{display:none}
}
/* hero: 80% do viewport vertical no desktop, 90% no mobile (antes: ~100svh nos dois) */
.hero__grid{min-height:80svh !important;min-height:80dvh !important}
@media (max-width:900px){.hero__grid{min-height:90svh !important;min-height:90dvh !important}}
@media (max-width:900px){.hero__copy{min-height:90svh !important;min-height:90dvh !important}}
/* hero mobile: eyebrow, h1 e texto agrupados; CTA + micros descidos até a base do hero.
   gaps: eyebrow→h1 24, h1→texto 24, lead→lead 12, texto→botão 12, botão→micro 21, micro→micro no passo do lead (21px linha a linha) */
.hero__phi{display:none}
@media (max-width:900px){
  .hero__copy{justify-content:flex-start !important;padding-top:0 !important;padding-bottom:34px !important}
  /* textos descidos: 72% do espaço livre acima deles (JS calcula --hero-top); CTA + micros na base (34px) */
  /* espaço livre dividido 72% acima dos textos / 28% entre texto e CTA — via flex-grow, sem JS (evita CLS) */
  .hero__copy::before{content:"";flex:72 0 0}
  .hero__phi{display:block;flex:28 0 0;min-height:12px}
  .hero__copy > .eyebrow{margin:0 0 24px !important}
  .hero__copy .hero__intro{margin-bottom:12px !important}
  .hero .hero__copy .hero__cta{gap:0 !important}
  .hero__cta .micro{margin:21px 0 0 !important;line-height:1.2 !important}
  .hero__cta .micro + .micro{margin-top:6.6px !important}
}
/* sem itálico em títulos (o <em> continua marcando ênfase, só perde a inclinação) */
h1 em,h2 em,h3 em,h1 i,h2 i,h3 i,.t-display em,.t-h2 em{font-style:normal !important}
/* iOS Safari: trava rolagem horizontal (página "encolhia" e sobrava branco nas bordas) e força o overflow:hidden
   dos carrosséis a valer também pra vídeo/transform (no iOS, filhos compostos escapam do clip sem camada própria) */
html,body{overflow-x:hidden}
body{position:relative}
.signs-marquee,.cases-marquee,.cycle__marquee{-webkit-transform:translateZ(0);transform:translateZ(0);isolation:isolate}
/* rodapé: a linha "Medicina da Obesidade & Performance Clínica" era nowrap e estourava a largura em telas estreitas
   (o footer fica fora do main, sem clip): esse era o vazamento que encolhia a página no iOS */
.m03 .ftr{overflow-x:hidden}
@media (max-width:420px){.m03 .ftr__info span{white-space:normal;overflow-wrap:anywhere}}
/* hero → identificação: menos ar (mobile 146px → 72px depois do hero; desktop 149px → 88px) */
@media (max-width:900px){.goldline{height:40px !important;margin-bottom:0 !important}#identificacao{padding-top:32px !important}}
@media (min-width:901px){.goldline{height:40px !important}#identificacao{padding-top:48px !important}}
/* desktop: menos respiro entre o fim do Diagnóstico (grid Cortisol…Resultado) e o bloco escuro do Método (96+96 → 48+48) */
@media (min-width:901px){#diagnostico{padding-bottom:48px !important}.m03 #metodo{padding-top:48px !important}}
/* "Insistir na direção errada…" com a mesma fonte/tamanho/peso/cor de "Enquanto esse sistema não for reorganizado…" (.h2--sub) */
.m03 #metodo .lead-out{font-size:var(--fs-lead) !important;line-height:var(--lh-lead) !important;font-weight:400 !important;letter-spacing:-.01em !important;color:rgb(29,33,27) !important}
/* desktop: menos respiro entre o bloco escuro (CTA "Quero entender…") e o título "O Método #SobControle" (96+96 → 40+40) */
@media (min-width:901px){.m03 #metodo{padding-bottom:40px !important}.m5ref [data-section="metodo"].section-lg{padding-top:40px !important}}
/* desktop: menos respiro entre "Foi assim em cada tentativa…" e o pilar 01 Engenharia Fisiológica (128px → 56px) */
@media (min-width:901px){.m5ref [data-section="metodo"] .svs-read-end{margin-bottom:0 !important}.m5ref [data-section="metodo"] [class~="lg:mt-32"]{margin-top:56px !important}}
/* desktop: menos respiro (a) entre o pilar 03 e "Quando a fisiologia está organizada" (64+64+48 → 24+32+24)
   e (b) entre "…a vida para isso." e "Como começar uma conversa" (96+96 → 40+40) */
@media (min-width:901px){
  .m5ref [data-section="metodo"] .pillar:last-of-type{padding-bottom:24px !important}
  .m5ref [data-section="metodo"] .anim[class~="lg:mt-16"]{margin-top:24px !important;padding-top:32px !important}
  .m5ref [data-section="metodo"].section-lg{padding-bottom:40px !important}
  .m03 #processo{padding-top:40px !important}
}
/* desktop: menos respiro entre o Processo (passos 1-2-3) e "Histórias reais" (96+96 → 40+40) */
@media (min-width:901px){.m03 #processo{padding-bottom:40px !important}.m5ref [data-section="cases"].section-lg{padding-top:40px !important}}
/* desktop: menos respiro entre "Meu nome é Haroldo Martins" e o FAQ (96+96 → 40+40) */
@media (min-width:901px){.m03 #quem{padding-bottom:40px !important}.m03 #faq{padding-top:40px !important}}
/* FAQ: sem a linha acima da primeira pergunta */
.m03 .faq__list{border-top:0 !important}
/* bloco "Quando a fisiologia está organizada": os traços verticais vão pra baixo dos textos (desktop) */
@media (min-width:901px){
  .m5ref [data-section="metodo"] .hairline-t[class~="lg:grid"] > [class~="lg:col-span-3"]{order:2;grid-column:1 / -1;margin-top:-12px}
  .m5ref [data-section="metodo"] .hairline-t[class~="lg:grid"] > [class~="lg:col-span-9"]{order:1;grid-column:1 / -1}
}
/* CTA abaixo dos cards da Identificação (mesmo botão do hero, micro igual à do Diagnóstico) */
#identificacao .ident__cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px;padding-inline:20px;text-align:center}
#identificacao .ident__cta .micro{text-align:center;max-width:none;font-size:var(--fs-micro);color:rgb(75,80,69)}
@media (max-width:640px){#identificacao .ident__cta{margin-top:28px}#identificacao .ident__cta .btn{width:100%;max-width:440px}}
/* botão do Diagnóstico ("Quero entender o que está travando meu corpo") sempre em 1 linha, em qualquer largura; o JS encolhe a fonte se precisar */
.m03 #metodo .cta .btn{white-space:nowrap !important}
.m03 #metodo .cta .btn > span:not(.btn__i){white-space:nowrap;overflow:visible}
/* CTA flutuante centralizado na base da tela, visível só enquanto a seção da pirâmide está na tela (JS: .is-on) */
.float-cta{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));transform:translate(-50%,16px);z-index:59;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;max-width:calc(100% - 120px)}
.float-cta.is-on{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.float-cta .btn{white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.18)}
@media (prefers-reduced-motion:reduce){.float-cta{transition:none}}
/* todos os CTAs do site em pill (os do Diagnóstico e do fechamento estavam com raio 6px) */
a[data-wa].btn,.m03 .btn,.m03 .btn--light,.m03 .btn--dark,#fim .btn{border-radius:999px !important}
/* CTAs fixos nas seções: abaixo de "Quando a fisiologia está organizada" e abaixo das Histórias reais */
.sec-cta{display:flex;justify-content:center;padding-inline:20px}
.sec-cta--fisio{margin-top:40px}
.sec-cta--cases{margin-top:32px}
@media (max-width:640px){.sec-cta{margin-top:28px}.sec-cta .btn{width:100%;max-width:440px}}
/* slot onde o flutuante estaciona (mesma altura do botão) */
.cta-slot{height:53px;margin-top:28px}
.float-cta.is-docked{position:absolute;bottom:auto;transform:translate(-50%,0);transition:none}
/* CTAs fixos: garantir centralização mesmo com .cta (coluna / flex-start) das folhas antigas */
.sec-cta{flex-direction:row !important;align-items:center !important;justify-content:center !important;width:100%}
/* CTA de "Quando a fisiologia está organizada": alinhado à esquerda com o texto (desktop) */
@media (min-width:901px){.sec-cta--fisio{justify-content:flex-start !important;padding-inline:0;margin-top:32px}}
/* botão redondo do WhatsApp some enquanto o CTA flutuante está fixo na tela */
body.has-float .fab{opacity:0 !important;pointer-events:none !important;transition:opacity .25s ease}
/* texto centralizado em todos os CTAs (texto + seta no meio do botão) */
a[data-wa].btn{justify-content:center !important;text-align:center !important;gap:10px !important}
a[data-wa].btn > span:not(.btn__i){flex:0 0 auto !important}
/* fab some com o flutuante fixo (vence .fab.is-on) */
body.has-float a.fab.is-on,body.has-float .fab{opacity:0 !important;pointer-events:none !important}
/* botões do Diagnóstico e do fechamento com o mesmo tamanho dos outros CTAs (15,68px, padding 16,8/32); o JS reduz a fonte se o texto passar do limite */
.m03 #metodo .cta .btn,#fim .cta .btn{font-size:.98rem !important;padding:1.05rem 2rem !important;min-height:53px}
.m03 #metodo .cta .btn > span:not(.btn__i),#fim .cta .btn > span:not(.btn__i){font-size:inherit !important;line-height:inherit !important}
/* CTA "Quero entender o meu caso" movido pra baixo do parágrafo de abertura do Diagnóstico; à esquerda no desktop, centralizado no mobile */
.sec-cta--diag{margin-top:32px}
@media (min-width:901px){.sec-cta--diag{justify-content:flex-start !important;padding-inline:0}}
/* todos os CTAs (exceto o do hero) com o mesmo estilo do botão do Diagnóstico: Manrope 15,68px/500, branco sobre #8B7340, padding 16,8/32, pill */
a[data-wa].btn:not(.hero *){font-family:var(--sans) !important;font-size:.98rem !important;font-weight:500 !important;letter-spacing:-.005em !important;line-height:1.25 !important;color:#fff !important;background:rgb(139,115,64) !important;border:0 !important;padding:1.05rem 2rem !important;min-height:53px;border-radius:999px !important}
a[data-wa].btn:not(.hero *) > span:not(.btn__i){font:inherit !important;color:inherit !important}
/* seta dos CTAs (exceto hero) com um "empurrão" contínuo pra induzir o clique */
@keyframes cta-nudge{0%,55%,100%{transform:translateX(0)}25%{transform:translateX(5px)}40%{transform:translateX(0)}}
a[data-wa].btn:not(.hero *) > svg,a[data-wa].btn:not(.hero *) .btn__i{animation:cta-nudge 1.6s ease-in-out infinite;will-change:transform}
a[data-wa].btn:not(.hero *):hover > svg,a[data-wa].btn:not(.hero *):hover .btn__i{animation-duration:.8s}
@media (prefers-reduced-motion:reduce){a[data-wa].btn > svg,a[data-wa].btn .btn__i{animation:none !important}}
/* botão redondo flutuante na identidade da página (mesma cor dos .btn--dark), seta em branco */
.fab{background:var(--champ-btn) !important;color:#fff !important}
.fab svg{fill:none !important;stroke:currentColor}

/* Auditoria de layout: faixas e pilares inteiros no desktop. */
@media (min-width:1100px){
  #identificacao .signs-marquee,
  .m5ref .read-marquee{
    overflow:visible;
    padding-block:20px;
    mask-image:none;
    -webkit-mask-image:none;
    transform:none;
  }
  #identificacao .signs-track,
  .m5ref .read-marquee .signs-track{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1rem;
    width:100%;
    transform:none !important;
    animation:none !important;
  }
  #identificacao .sign,
  .m5ref .read-marquee .sign{
    width:auto;
    min-width:0;
    max-width:none;
    height:100%;
  }
  #identificacao .sign[aria-hidden="true"],
  .m5ref .read-marquee .sign[aria-hidden="true"]{display:none}

  .m03 .cycle__marquee{
    overflow:visible;
    mask-image:none;
    -webkit-mask-image:none;
    transform:none;
  }
  .m03 .cycle__track{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.75rem;
    width:100%;
    transform:none !important;
    animation:none !important;
  }
  .m03 .cycle__track li{min-width:0;flex:1 1 auto}
  .m03 .cycle__track li[aria-hidden="true"]{display:none}

  .m5ref [data-section="metodo"] .lg\:col-span-8.lg\:pl-8{
    grid-column:1 / -1;
    padding-left:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(1.5rem,3vw,2.5rem);
    align-items:stretch;
  }
  .m5ref [data-section="metodo"] .pillar{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:2rem 0 0 !important;
    min-width:0;
  }
  .m5ref [data-section="metodo"] .pillar h3,
  .m5ref [data-section="metodo"] .pillar h3.t-h2{
    font-size:clamp(1.55rem,2.1vw,2rem) !important;
    line-height:1.18;
  }
  .m5ref [data-section="metodo"] .pillar .t-body,
  .m5ref [data-section="metodo"] .pillar .t-lead{max-width:none}
}

/* Bio: a fotografia acompanha a leitura e o carrossel respira antes do texto seguinte. */
@media (min-width:721px){.m03 #quem .quem__side{position:sticky;top:6rem}}
.m03 #quem [data-slot="carrossel-transformacao"]{margin-bottom:1.5rem}

/* Fechamento e provas: ritmo vertical consistente, sem alterar a copy. */
.m03 #fim h2{margin-bottom:.75rem}
.m03 #fim .end__txt{gap:0;margin-top:0}
.m03 #fim .end__txt>p:first-child{margin:0 0 1.25rem;text-align:center}
.m03 #fim .end__txt>p:first-child+p{margin-top:0}
[data-slot="carrossel-comentarios"] .pcar-title{margin-bottom:1.5rem}
[data-slot="carrossel-comentarios"] .pcar-note{margin-top:1rem}

/* Mobile: leitura, áreas de toque e respiros mínimos. */
@media (max-width:720px){
  .m03 p,.m5ref p,.sign p{font-size:max(15px,1em)}
  .m03 a.btn,.m5ref a.btn,.faq summary{min-height:48px}
  .m03 .cells li,.m03 .tri article,.m5ref .pillar{padding-inline:1rem}
  .m03 .quem__pills{justify-content:center;gap:.5rem}
  .m03 .quem__pills li{max-width:100%;white-space:normal;justify-content:center;text-align:center}
  .pcar__dots{position:relative;z-index:2;margin-top:1rem}
}

/* O enquadramento móvel preserva o rosto inteiro. */
@media (max-width:900px){.hero__photo img{object-position:64% 15%}}
/* A5: subtítulo do fechamento centralizado */
#fim .end > p.lead{text-align:center;margin:.75rem auto 1.25rem;max-width:none}
#fim .end > p.lead + *{margin-top:0}