@import url("https://cdn.jsdelivr.net/npm/@fontsource-variable/geist@5.2.8/index.css");@import url("https://cdn.jsdelivr.net/npm/@fontsource-variable/geist-mono@5.2.8/index.css");


/* All @import statements must be at the top of the file */
@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}
@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: 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); --animate-out: 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); @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)); }}--animate-accordion-down: 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); --animate-accordion-up: 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); --animate-collapsible-down: collapsible-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); --animate-collapsible-up: collapsible-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); @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 collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}
@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}
@utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}
@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}
@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}
@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}
@utility running{animation-play-state: running;}
@utility paused{animation-play-state: paused;}
@utility play-state-*{animation-play-state: --value("initial",[*]);}
@utility blur-in{--tw-enter-blur: 20px;}
@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px); --tw-enter-blur: --value(--blur-*,[*]);}
@utility blur-out{--tw-exit-blur: 20px;}
@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px); --tw-exit-blur: --value(--blur-*,[*]);}
@utility fade-in{--tw-enter-opacity: 0;}
@utility fade-in-*{--tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]);}
@utility fade-out{--tw-exit-opacity: 0;}
@utility fade-out-*{--tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]);}
@utility zoom-in{--tw-enter-scale: 0;}
@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]);}
@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);}
@utility zoom-out{--tw-exit-scale: 0;}
@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]);}
@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);}
@utility spin-in{--tw-enter-rotate: 30deg;}
@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}
@utility -spin-in{--tw-enter-rotate: -30deg;}
@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}
@utility spin-out{--tw-exit-rotate: 30deg;}
@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}
@utility -spin-out{--tw-exit-rotate: -30deg;}
@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}
@utility slide-in-from-top{--tw-enter-translate-y: -100%;}
@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}
@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}
@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}
@utility slide-in-from-left{--tw-enter-translate-x: -100%;}
@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}
@utility slide-in-from-right{--tw-enter-translate-x: 100%;}
@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}
@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}
@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}
@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}
@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}
@utility slide-out-to-top{--tw-exit-translate-y: -100%;}
@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}
@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}
@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}
@utility slide-out-to-left{--tw-exit-translate-x: -100%;}
@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}
@utility slide-out-to-right{--tw-exit-translate-x: 100%;}
@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}
@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}
@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}
@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}
@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}
@theme inline {
  @keyframes accordion-down {
    from {
      height: 0;
    }
    to {
      height: var(
        --radix-accordion-content-height,
        var(--accordion-panel-height, auto)
      );
    }
  }

  @keyframes accordion-up {
    from {
      height: var(
        --radix-accordion-content-height,
        var(--accordion-panel-height, auto)
      );
    }
    to {
      height: 0;
    }
  }
}
/* Custom variants */
@custom-variant data-open {
  &:where([data-state="open"]),
  &:where([data-open]:not([data-open="false"])) {
    @slot;
  }
}
@custom-variant data-closed {
  &:where([data-state="closed"]),
  &:where([data-closed]:not([data-closed="false"])) {
    @slot;
  }
}
@custom-variant data-checked {
  &:where([data-state="checked"]),
  &:where([data-checked]:not([data-checked="false"])) {
    @slot;
  }
}
@custom-variant data-unchecked {
  &:where([data-state="unchecked"]),
  &:where([data-unchecked]:not([data-unchecked="false"])) {
    @slot;
  }
}
@custom-variant data-selected {
  &:where([data-selected="true"]) {
    @slot;
  }
}
@custom-variant data-disabled {
  &:where([data-disabled="true"]),
  &:where([data-disabled]:not([data-disabled="false"])) {
    @slot;
  }
}
@custom-variant data-active {
  &:where([data-state="active"]),
  &:where([data-active]:not([data-active="false"])) {
    @slot;
  }
}
@custom-variant data-horizontal {
  &:where([data-orientation="horizontal"]) {
    @slot;
  }
}
@custom-variant data-vertical {
  &:where([data-orientation="vertical"]) {
    @slot;
  }
}
@utility no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}
/* geist-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* geist-cyrillic-wght-normal */
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* geist-vietnamese-wght-normal */
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* geist-latin-ext-wght-normal */
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* geist-latin-wght-normal */
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* ==========================================================================
   VIGOR v2 — Phase 1 Tokens
   ========================================================================== */
:root {
  /* Canvas — deep void with violet bias */
  --v2-bg:        #04060d;
  --v2-bg-deep:   #02030a;
  --v2-surface-1: #080b16;
  --v2-surface-2: #0d111e;
  --v2-surface-3: #141a2a;

  /* Cyan-teal accent (single chromatic color) */
  --v2-accent:        #22d3ee;
  --v2-accent-bright: #67e8f9;
  --v2-accent-soft:   #a5f3fc;
  --v2-accent-deep:   #0891b2;
  --v2-accent-glow:   rgba(34, 211, 238, 0.40);

  /* Silver-white text (cool) */
  --v2-text:    #e8eef5;
  --v2-text-2:  rgba(232, 238, 245, 0.70);
  --v2-text-3:  rgba(160, 178, 199, 0.55);
  --v2-text-4:  rgba(160, 178, 199, 0.30);

  /* Borders */
  --v2-border:        rgba(160, 178, 199, 0.08);
  --v2-border-strong: rgba(160, 178, 199, 0.18);
  --v2-border-accent: rgba(34, 211, 238, 0.30);

  /* Semantic */
  --v2-green:  #34d399;
  --v2-red:    #f87171;
  --v2-amber:  #fbbf24;

  /* Asset-class pip indicators — Gold + Bitcoin focus */
  --v2-asset-xau: #fbbf24;
  --v2-asset-btc: #f97316;

  /* Type stack */
  --v2-font-sans: 'Geist Variable', 'Geist', 'Inter', system-ui, sans-serif;
  --v2-font-mono: 'Geist Mono Variable', 'Geist Mono', ui-monospace, monospace;

  /* Motion */
  --v2-ease:        cubic-bezier(0.22, 1, 0.36, 1);
  --v2-ease-cinema: cubic-bezier(0.16, 1, 0.3, 1);
}
.v2-page {
  background: var(--v2-bg);
  color: var(--v2-text);
  font-family: var(--v2-font-sans);
  font-feature-settings: 'tnum' 1, 'cv11' 1;
  -webkit-font-smoothing: antialiased;
}
.v2-tnum { font-feature-settings: 'tnum' 1, 'cv11' 1; }
/* ==========================================================================
   v1 tokens — Phases 2–5 migrate off these gradually
   ========================================================================== */
:root {
  /* ─── VIGOR Midnight Indigo Tokens ─── */

  /* Canvas & surfaces */
  --vigor-bg:        #060612;
  --vigor-surface:   #0b0b1f;
  --vigor-surface-2: #0e0e24;
  --vigor-surface-3: #131330;

  /* Indigo accent system */
  --vigor-indigo:        #6366f1;
  --vigor-indigo-hover:  #4f46e5;
  --vigor-indigo-soft:   #a5b4fc;
  --vigor-indigo-dim:    rgba(99, 102, 241, 0.15);
  --vigor-indigo-glow:   rgba(99, 102, 241, 0.08);

  /* Borders */
  --vigor-border:    rgba(99, 102, 241, 0.10);
  --vigor-border-2:  rgba(99, 102, 241, 0.20);

  /* Text */
  --vigor-text:    #e0e7ff;
  --vigor-text-2:  rgba(165, 180, 252, 0.70);
  --vigor-text-3:  rgba(165, 180, 252, 0.40);

  /* Semantic */
  --vigor-green:   #30D158;
  --vigor-red:     #FF453A;
  --vigor-amber:   #FF9F0A;
  --vigor-cyan:    #22d3ee;

  /* RGB triples — for use with rgba(var(--xxx-rgb), <alpha>) */
  --vigor-bg-rgb:       6, 6, 18;
  --vigor-indigo-rgb:   99, 102, 241;
  --vigor-overlay-rgb:  165, 180, 252;
  --vigor-green-rgb:    48, 209, 88;
  --vigor-red-rgb:      255, 69, 58;
  --vigor-amber-rgb:    255, 159, 10;
  --vigor-text-rgb:         224, 231, 255;
  --vigor-indigo-soft-rgb:  165, 180, 252;
}
/* ─── VIGOR Midnight Indigo Polish Utilities ─── */
/* Hero radial glow — apply to outer hero wrapper */
.vigor-hero-glow {
  position: relative;
  overflow: hidden;
}
.vigor-hero-glow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  max-width: 900px;
  height: 80%;
  background: radial-gradient(
    ellipse at center,
    rgba(var(--vigor-indigo-rgb), 0.22) 0%,
    rgba(var(--vigor-indigo-rgb), 0.06) 35%,
    transparent 70%
  );
  pointer-events: none;
  z-index: 0;
}
.vigor-hero-glow > * {
  position: relative;
  z-index: 1;
}
/* Top indicator line above hero */
.vigor-top-line::before {
  content: '';
  display: block;
  width: 280px;
  height: 1px;
  margin: 0 auto 32px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--vigor-indigo-rgb), 0.4),
    transparent
  );
}
/* Section divider — full-width fade-out line */
.vigor-divider {
  height: 1px;
  border: 0;
  margin: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(var(--vigor-indigo-rgb), 0.18) 50%,
    transparent 100%
  );
}
/* Gradient border for feature cards */
.vigor-grad-border {
  border: 1px solid transparent !important;
  background-image:
    linear-gradient(var(--vigor-surface-2), var(--vigor-surface-2)),
    linear-gradient(
      180deg,
      rgba(var(--vigor-indigo-rgb), 0.35) 0%,
      rgba(var(--vigor-indigo-rgb), 0.05) 100%
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
/* Bottom CTA glow box */
.vigor-cta-box {
  position: relative;
  background: linear-gradient(
    135deg,
    rgba(var(--vigor-indigo-rgb), 0.16) 0%,
    rgba(var(--vigor-indigo-rgb), 0.05) 50%,
    rgba(var(--vigor-indigo-rgb), 0.12) 100%
  );
  border: 1px solid rgba(var(--vigor-indigo-rgb), 0.3);
  border-radius: 16px;
  overflow: hidden;
}
.vigor-cta-box::before {
  content: '';
  position: absolute;
  top: -40%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 200%;
  background: radial-gradient(
    ellipse at center,
    rgba(var(--vigor-indigo-rgb), 0.18) 0%,
    transparent 60%
  );
  pointer-events: none;
}
.vigor-cta-box > * {
  position: relative;
  z-index: 1;
}
/* Tightened display typography */
.vigor-tight        { letter-spacing: -0.025em; }
.vigor-tight-display { letter-spacing: -0.03em; }
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: "JetBrains Mono", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
*, *::before, *::after { box-sizing: border-box; }
html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
body {
    background: #000000;
    color: #B8D0EE;
    font-family: 'Inter', system-ui, sans-serif;
    overflow-x: hidden;
  }
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 99px; }
::-moz-selection { background: rgba(41,98,255,0.28); color: #fff; }
::selection { background: rgba(41,98,255,0.28); color: #fff; }
.theme {
    --font-heading:        var(--font-sans);
    --font-sans:        'Geist Variable', sans-serif;
  }
:root {
    --background:        oklch(1 0 0);
    --foreground:        oklch(0.145 0 0);
    --card:        oklch(1 0 0);
    --card-foreground:        oklch(0.145 0 0);
    --popover:        oklch(1 0 0);
    --popover-foreground:        oklch(0.145 0 0);
    --primary:        oklch(0.205 0 0);
    --primary-foreground:        oklch(0.985 0 0);
    --secondary:        oklch(0.97 0 0);
    --secondary-foreground:        oklch(0.205 0 0);
    --muted:        oklch(0.97 0 0);
    --muted-foreground:        oklch(0.556 0 0);
    --accent:        oklch(0.97 0 0);
    --accent-foreground:        oklch(0.205 0 0);
    --destructive:        oklch(0.577 0.245 27.325);
    --border:        oklch(0.922 0 0);
    --input:        oklch(0.922 0 0);
    --ring:        oklch(0.708 0 0);
    --chart-1:        oklch(0.87 0 0);
    --chart-2:        oklch(0.556 0 0);
    --chart-3:        oklch(0.439 0 0);
    --chart-4:        oklch(0.371 0 0);
    --chart-5:        oklch(0.269 0 0);
    --radius:        0.625rem;
    --sidebar:        oklch(0.985 0 0);
    --sidebar-foreground:        oklch(0.145 0 0);
    --sidebar-primary:        oklch(0.205 0 0);
    --sidebar-primary-foreground:        oklch(0.985 0 0);
    --sidebar-accent:        oklch(0.97 0 0);
    --sidebar-accent-foreground:        oklch(0.205 0 0);
    --sidebar-border:        oklch(0.922 0 0);
    --sidebar-ring:        oklch(0.708 0 0);
  }
.dark {
    --background:        oklch(0.145 0 0);
    --foreground:        oklch(0.985 0 0);
    --card:        oklch(0.205 0 0);
    --card-foreground:        oklch(0.985 0 0);
    --popover:        oklch(0.205 0 0);
    --popover-foreground:        oklch(0.985 0 0);
    --primary:        oklch(0.922 0 0);
    --primary-foreground:        oklch(0.205 0 0);
    --secondary:        oklch(0.269 0 0);
    --secondary-foreground:        oklch(0.985 0 0);
    --muted:        oklch(0.269 0 0);
    --muted-foreground:        oklch(0.708 0 0);
    --accent:        oklch(0.269 0 0);
    --accent-foreground:        oklch(0.985 0 0);
    --destructive:        oklch(0.704 0.191 22.216);
    --border:        oklch(1 0 0 / 10%);
    --input:        oklch(1 0 0 / 15%);
    --ring:        oklch(0.556 0 0);
    --chart-1:        oklch(0.87 0 0);
    --chart-2:        oklch(0.556 0 0);
    --chart-3:        oklch(0.439 0 0);
    --chart-4:        oklch(0.371 0 0);
    --chart-5:        oklch(0.269 0 0);
    --sidebar:        oklch(0.205 0 0);
    --sidebar-foreground:        oklch(0.985 0 0);
    --sidebar-primary:        oklch(0.488 0.243 264.376);
    --sidebar-primary-foreground:        oklch(0.985 0 0);
    --sidebar-accent:        oklch(0.269 0 0);
    --sidebar-accent-foreground:        oklch(0.985 0 0);
    --sidebar-border:        oklch(1 0 0 / 10%);
    --sidebar-ring:        oklch(0.556 0 0);
  }
.container{width:100%}
@media (min-width: 640px){
.container{max-width:640px}}
@media (min-width: 768px){
.container{max-width:768px}}
@media (min-width: 1024px){
.container{max-width:1024px}}
@media (min-width: 1280px){
.container{max-width:1280px}}
@media (min-width: 1536px){
.container{max-width:1536px}}
/* ── Glass ──────────────────────────────────────── */
.glass {
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
  }
/* ── Borders ────────────────────────────────────── */
/* ── Buttons ────────────────────────────────────── */
/* Primary CTA — VIGOR blue */
.btn-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2962FF;
    color: #FFFFFF;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    letter-spacing: -0.01em;
    border-radius: 10px;
    transition: background 0.2s ease, transform 0.2s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.2s ease;
    box-shadow: 0 4px 24px -4px rgba(41,98,255,0.45), 0 2px 8px rgba(0,0,0,0.3);
  }
.btn-gold:hover {
    background: #448AFF;
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 36px -4px rgba(41,98,255,0.65), 0 4px 12px rgba(0,0,0,0.4);
  }
.btn-gold:active { transform: translateY(0) scale(0.99); }
.btn-gold:focus-visible { outline: 2px solid #2962FF; outline-offset: 3px; }
.btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.85);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    border-radius: 10px;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  }
.btn-ghost:hover {
    background: rgba(255,255,255,0.09);
    border-color: rgba(255,255,255,0.2);
    color: #D8ECFF;
    transform: translateY(-1px);
  }
.btn-ghost:active { transform: translateY(0); }
.btn-ghost:focus-visible { outline: 2px solid rgba(255,255,255,0.4); outline-offset: 3px; }
.btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid rgba(184,208,238,0.18);
    color: rgba(184,208,238,0.7);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    border-radius: 9999px;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, transform 0.2s ease;
  }
.btn-outline:hover {
    border-color: rgba(184,208,238,0.36);
    color: #D8ECFF;
    background: rgba(255,255,255,0.05);
    transform: translateY(-1px);
  }
.btn-outline:active { transform: translateY(0) scale(0.99); }
.btn-outline:focus-visible { outline: 2px solid rgba(184,208,238,0.4); outline-offset: 3px; }
/* ── Section label ──────────────────────────────── */
.section-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(41,98,255,0.1);
    border: 1px solid rgba(41,98,255,0.25);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #448AFF;
    text-transform: uppercase;
    font-family: 'Plus Jakarta Sans', sans-serif;
  }
/* ── Data chips ─────────────────────────────────── */
.chip {
    padding: 3px 10px;
    border-radius: 6px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.65);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
  }
.chip-gold {
    padding: 3px 10px;
    border-radius: 6px;
    background: rgba(41,98,255,0.1);
    border: 1px solid rgba(41,98,255,0.25);
    color: #448AFF;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
  }
.chip-profit {
    padding: 3px 10px;
    border-radius: 6px;
    background: rgba(48,209,88,0.1);
    border: 1px solid rgba(48,209,88,0.2);
    color: #30D158;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
  }
/* ── Grid background ────────────────────────────── */
.bg-grid {
    background-image:
      linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
    background-size: 64px 64px;
  }
/* ── Gradient text ──────────────────────────────── */
.text-gold-bright { color: #448AFF; }
.text-gradient-gold {
    background: linear-gradient(135deg, #FFFFFF 60%, #448AFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
/* ── Shadows ────────────────────────────────────── */
.shadow-gold-lg { box-shadow: 0 0 80px -20px rgba(41,98,255,0.35), 0 8px 32px rgba(0,0,0,0.6); }
/* ── Scan line ──────────────────────────────────── */
/* ── Terminal cursor ────────────────────────────── */
.cursor {
    display: inline-block;
    width: 2px;
    height: 0.9em;
    background: #2962FF;
    animation: blink 1.1s step-end infinite;
    vertical-align: middle;
    margin-left: 2px;
    border-radius: 1px;
  }
/* ── Skeleton ───────────────────────────────────── */
.skeleton {
    background: linear-gradient(90deg,
      rgba(255,255,255,0.03) 0%,
      rgba(255,255,255,0.06) 50%,
      rgba(255,255,255,0.03) 100%);
    background-size: 600px 100%;
    animation: shimmer 2s linear infinite;
    border-radius: 6px;
  }
/* ── Section separator ──────────────────────────── */
.pointer-events-none{pointer-events:none}
.\!visible{visibility:visible !important}
.visible{visibility:visible}
.invisible{visibility:hidden}
.collapse{visibility:collapse}
.static{position:static}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.inset-0{inset:0px}
.inset-x-0{left:0px;right:0px}
.-right-4{right:-1rem}
.bottom-8{bottom:2rem}
.left-0{left:0px}
.left-1\/2{left:50%}
.left-4{left:1rem}
.left-\[12\.5\%\]{left:12.5%}
.right-0{right:0px}
.right-3{right:0.75rem}
.right-\[12\.5\%\]{right:12.5%}
.top-0{top:0px}
.top-1\/2{top:50%}
.top-3{top:0.75rem}
.z-10{z-index:10}
.z-50{z-index:50}
.col-span-2{grid-column:span 2 / span 2}
.mx-5{margin-left:1.25rem;margin-right:1.25rem}
.mx-auto{margin-left:auto;margin-right:auto}
.-mt-1{margin-top:-0.25rem}
.mb-0\.5{margin-bottom:0.125rem}
.mb-1{margin-bottom:0.25rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-14{margin-bottom:3.5rem}
.mb-16{margin-bottom:4rem}
.mb-2{margin-bottom:0.5rem}
.mb-2\.5{margin-bottom:0.625rem}
.mb-20{margin-bottom:5rem}
.mb-3{margin-bottom:0.75rem}
.mb-3\.5{margin-bottom:0.875rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.ml-1{margin-left:0.25rem}
.ml-2{margin-left:0.5rem}
.ml-3{margin-left:0.75rem}
.ml-auto{margin-left:auto}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mt-1\.5{margin-top:0.375rem}
.mt-16{margin-top:4rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-7{margin-top:1.75rem}
.mt-8{margin-top:2rem}
.mt-9{margin-top:2.25rem}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}
.inline-flex{display:inline-flex}
.table{display:table}
.grid{display:grid}
.hidden{display:none}
.size-3{width:0.75rem;height:0.75rem}
.size-3\.5{width:0.875rem;height:0.875rem}
.size-4{width:1rem;height:1rem}
.size-6{width:1.5rem;height:1.5rem}
.size-7{width:1.75rem;height:1.75rem}
.size-8{width:2rem;height:2rem}
.size-9{width:2.25rem;height:2.25rem}
.h-0\.5{height:0.125rem}
.h-1{height:0.25rem}
.h-1\.5{height:0.375rem}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-2\.5{height:0.625rem}
.h-20{height:5rem}
.h-3{height:0.75rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-full{height:100%}
.h-px{height:1px}
.min-h-64{min-height:16rem}
.min-h-80{min-height:20rem}
.w-1\.5{width:0.375rem}
.w-10{width:2.5rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-16{width:4rem}
.w-2\.5{width:0.625rem}
.w-20{width:5rem}
.w-24{width:6rem}
.w-3{width:0.75rem}
.w-32{width:8rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-7{width:1.75rem}
.w-fit{width:-moz-fit-content;width:fit-content}
.w-full{width:100%}
.w-px{width:1px}
.min-w-0{min-width:0px}
.max-w-2xl{max-width:42rem}
.max-w-6xl{max-width:72rem}
.max-w-7xl{max-width:80rem}
.max-w-lg{max-width:32rem}
.max-w-xs{max-width:20rem}
.flex-1{flex:1 1 0%}
.flex-shrink{flex-shrink:1}
.flex-shrink-0{flex-shrink:0}
.shrink{flex-shrink:1}
.shrink-0{flex-shrink:0}
.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes fade-in{
0%{opacity:0}
100%{opacity:1}}
.animate-fade-in{animation:fade-in 0.5s ease both}
@keyframes pulse-gold{
0%,100%{opacity:0.5;transform:scale(1)}
50%{opacity:1;transform:scale(1.05)}}
.animate-pulse-gold{animation:pulse-gold 3s ease-in-out infinite}
@keyframes spin{
to{transform:rotate(360deg)}}
.animate-spin{animation:spin 1s linear infinite}
@keyframes spin-slow{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.animate-spin-slow{animation:spin-slow 12s linear infinite}
@keyframes ticker{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}}
.animate-ticker{animation:ticker 40s linear infinite}
.cursor-pointer{cursor:pointer}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.resize{resize:both}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-10{gap:2.5rem}
.gap-12{gap:3rem}
.gap-2{gap:0.5rem}
.gap-2\.5{gap:0.625rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.375rem * var(--tw-space-y-reverse))}
.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}
.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.self-start{align-self:flex-start}
.overflow-hidden{overflow:hidden}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whitespace-nowrap{white-space:nowrap}
.rounded{border-radius:0.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-\[min\(var\(--radius-md\)\2c 10px\)\]{border-radius:min(var(--radius-md), 10px)}
.rounded-\[min\(var\(--radius-md\)\2c 12px\)\]{border-radius:min(var(--radius-md), 12px)}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-md{border-radius:0.375rem}
.rounded-xl{border-radius:0.75rem}
.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-transparent{border-color:transparent}
.bg-clip-padding{background-clip:padding-box}
.p-1{padding:0.25rem}
.p-1\.5{padding:0.375rem}
.p-10{padding:2.5rem}
.p-12{padding:3rem}
.p-2{padding:0.5rem}
.p-2\.5{padding:0.625rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.pb-1{padding-bottom:0.25rem}
.pb-3{padding-bottom:0.75rem}
.pb-4{padding-bottom:1rem}
.pb-5{padding-bottom:1.25rem}
.pt-1{padding-top:0.25rem}
.pt-2{padding-top:0.5rem}
.pt-3{padding-top:0.75rem}
.pt-4{padding-top:1rem}
.pt-6{padding-top:1.5rem}
.pt-7{padding-top:1.75rem}
.text-center{text-align:center}
.text-right{text-align:right}
.font-body{font-family:"Inter", system-ui, sans-serif}
.font-display{font-family:"Plus Jakarta Sans", system-ui, sans-serif}
.font-mono{font-family:"JetBrains Mono", monospace}
.text-\[0\.55rem\]{font-size:0.55rem}
.text-\[0\.58rem\]{font-size:0.58rem}
.text-\[0\.5rem\]{font-size:0.5rem}
.text-\[0\.65rem\]{font-size:0.65rem}
.text-\[0\.6rem\]{font-size:0.6rem}
.text-\[0\.7rem\]{font-size:0.7rem}
.text-\[0\.8rem\]{font-size:0.8rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.font-300{font-weight:300}
.font-400{font-weight:400}
.font-500{font-weight:500}
.font-600{font-weight:600}
.font-700{font-weight:700}
.font-800{font-weight:800}
.font-light{font-weight:300}
.font-medium{font-weight:500}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.italic{font-style:italic}
.leading-none{line-height:1}
.leading-relaxed{line-height:1.625}
.leading-snug{line-height:1.375}
.tracking-widest{letter-spacing:0.1em}
.text-gold-bright{--tw-text-opacity:1;color:rgb(68 138 255 / var(--tw-text-opacity, 1))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.text-ink-1{--tw-text-opacity:1;color:rgb(216 236 255 / var(--tw-text-opacity, 1))}
.text-ink-2{--tw-text-opacity:1;color:rgb(184 208 238 / var(--tw-text-opacity, 1))}
.text-ink-3{--tw-text-opacity:1;color:rgb(144 174 206 / var(--tw-text-opacity, 1))}
.text-ink-4{--tw-text-opacity:1;color:rgb(138 170 208 / var(--tw-text-opacity, 1))}
.text-ink-5{--tw-text-opacity:1;color:rgb(74 104 144 / var(--tw-text-opacity, 1))}
.text-loss{--tw-text-opacity:1;color:rgb(255 69 58 / var(--tw-text-opacity, 1))}
.text-profit{--tw-text-opacity:1;color:rgb(48 209 88 / var(--tw-text-opacity, 1))}
.underline{text-decoration-line:underline}
.underline-offset-4{text-underline-offset:4px}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.outline{outline-style:solid}
.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.blur{--tw-blur:blur(8px);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)}
.\!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) !important}
.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)}
.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.duration-150{transition-duration:150ms}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
/* ── Framer Motion defaults ─────────────────────────── */
[data-framer-appear] { will-change: transform, opacity; }
/* ── Animation delays ──────────────────────────────── */
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-400 { animation-delay: 0.4s; }
.delay-500 { animation-delay: 0.5s; }
.delay-600 { animation-delay: 0.6s; }
.delay-700 { animation-delay: 0.7s; }
.delay-800 { animation-delay: 0.8s; }
/* ── Hero fade-in-up ─────────────────────────────── */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up { animation: fadeInUp 0.9s cubic-bezier(0.22,1,0.36,1) both; }
/* ── Dashboard entrance ─────────────────────────── */
@keyframes dashboardEnter {
  from { opacity: 0; transform: scale(0.98); }
  to   { opacity: 1; transform: scale(1); }
}
/* ── Pulse (hero badge dot) ──────────────────────── */
@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.5; transform: scale(0.85); }
}
/* ── Hero badge pill ─────────────────────────────── */
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 100px;
  background: rgba(41,98,255,0.1);
  border: 1px solid rgba(41,98,255,0.3);
  color: #448AFF;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 32px;
  backdrop-filter: blur(12px);
}
.hero-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2962FF;
  box-shadow: 0 0 10px rgba(41,98,255,0.8);
  animation: pulse 2s infinite;
}
/* ── Stats counter card ──────────────────────────── */
.stat-card-hover { transition: border-color 0.25s ease, transform 0.25s ease; }
.stat-card-hover:hover { transform: scale(1.01); border-color: rgba(255,255,255,0.16); }
/* ── Trust badges row ────────────────────────────── */
.trust-row {
  display: flex; flex-wrap: wrap; justify-content: center;
  align-items: center; gap: 0 24px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.72rem;
  color: rgba(255,255,255,0.45);
}
.trust-row > span + span::before {
  content: '·'; margin-right: 24px; color: rgba(255,255,255,0.25);
}
/* ── Hero cinematic side chips — hidden below 1260px ─── */
.hero-chip-left,
.hero-chip-right { display: flex; }
@media (max-width: 1260px) {
  .hero-chip-left,
  .hero-chip-right { display: none !important; }
}
/* ── Hero scroll pulse line ──────────────────────── */
.hero-scroll-line {
  width: 1px;
  height: 32px;
  background: linear-gradient(
    180deg,
    rgba(var(--vigor-indigo-rgb), 0.6) 0%,
    transparent 100%
  );
  animation: heroScrollPulse 2.2s ease-in-out infinite;
}
@keyframes heroScrollPulse {
  0%, 100% { opacity: 0.3; transform: scaleY(0.7); }
  50%       { opacity: 0.8; transform: scaleY(1); }
}
/* ── Reduced-motion respect (a11y) ───────────────── */
@media (prefers-reduced-motion: reduce) {
  /* Stop perpetual ambient animations entirely */
  .animate-ticker,
  .animate-glow-orb,
  .animate-float,
  .animate-pulse-gold,
  .animate-spin-slow,
  .animate-border-gold,
  .scan-v,
  .skeleton {
    animation: none !important;
  }

  /* Collapse entrance/state animations to a minimal fade */
  .animate-fade-in-up,
  .animate-fade-up,
  .animate-fade-in,
  .hero-badge::before {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }

  /* Belt-and-braces: clamp any inline keyframe usage */
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}
.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:bg-white\/\[0\.02\]:hover{background-color:rgb(255 255 255 / 0.02)}
.hover\:text-ink-1:hover{--tw-text-opacity:1;color:rgb(216 236 255 / var(--tw-text-opacity, 1))}
.hover\:text-ink-2:hover{--tw-text-opacity:1;color:rgb(184 208 238 / var(--tw-text-opacity, 1))}
.hover\:underline:hover{text-decoration-line:underline}
.focus-visible\:text-ink-1:focus-visible{--tw-text-opacity:1;color:rgb(216 236 255 / var(--tw-text-opacity, 1))}
.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}
.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.focus-visible\:ring-gold-base:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(41 98 255 / var(--tw-ring-opacity, 1))}
.disabled\:pointer-events-none:disabled{pointer-events:none}
.disabled\:opacity-50:disabled{opacity:0.5}
.group:hover .group-hover\:text-ink-1{--tw-text-opacity:1;color:rgb(216 236 255 / var(--tw-text-opacity, 1))}
@media (min-width: 640px){
.sm\:flex{display:flex}
.sm\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.sm\:flex-row{flex-direction:row}}
@media (min-width: 768px){
.md\:flex{display:flex}
.md\:hidden{display:none}
.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.md\:flex-row{flex-direction:row}
.md\:items-end{align-items:flex-end}}
@media (min-width: 1024px){
.lg\:block{display:block}
.lg\:flex{display:flex}
.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.lg\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}
.lg\:py-32{padding-top:8rem;padding-bottom:8rem}}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']){width:0.75rem;height:0.75rem}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*='size-']){width:0.875rem;height:0.875rem}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']){width:1rem;height:1rem}
.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}
.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}