@property --orb-a {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.075);
}
@property --orb-b {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(200, 205, 215, 0.065);
}
@property --bar-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(22, 22, 26, 0.42);
}
@property --glass-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --ascii-ink {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255, 255, 255, 0.05);
}
@property --max-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --wallpaper {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --widget-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(30, 30, 33, 0.82);
}
@property --window-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(16, 16, 18, 0.985);
}
@property --font--mono {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --font--sans {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --radius--lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--md {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --radius--sm {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --window-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--info {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font--serif {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --page-gutter {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --terminal-bg {
  syntax: "*";
  inherits: true;
  initial-value: #121214;
}
@property --window-left {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --base-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --ease--in-out {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --glass-filter {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-shadow {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-right {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--border {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--danger {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --large-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --small-padding {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-bottom {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --window-radius {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--warning {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --ease--out-expo {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --glass-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --widget-bg-lift {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(36, 36, 40, 0.95);
}
@property --window-nav-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --widget-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(40, 40, 44, 0.88);
}
@property --window-bg-glass {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(18, 18, 20, 0.74);
}
@property --background--main {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--on-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text-faint {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --window-content-top {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color--border-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-raised {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --window-content-bottom {
  syntax: "*";
  inherits: true;
  initial-value: ;
}

  :host, :root {
  --orb-a: rgba(255, 255, 255, 0.075);
  --orb-b: rgba(200, 205, 215, 0.065);
  --bar-bg: rgba(22, 22, 26, 0.42);
  --glass-bg: rgba(255, 255, 255, 0.055);
  --ascii-ink: rgba(255, 255, 255, 0.05);
  --max-width: 1440px;
  --wallpaper: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1.4px);
  --widget-bg: rgba(30, 30, 33, 0.82);
  --window-bg: rgba(16, 16, 18, 0.985);
  --font--mono: 'SF Mono', ui-monospace, Menlo, 'JetBrains Mono', monospace;
  --font--sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --radius--lg: 28px;
  --radius--md: 22px;
  --radius--sm: 14px;
  --window-top: 0px;
  --color--info: #64d2ff;
  --color--text: #f5f5f7;
  --font--serif: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --page-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --terminal-bg: linear-gradient(180deg, rgba(30, 30, 34, 0.95) 0%, rgba(12, 12, 14, 0.97) 100%);
  --window-left: 0px;
  --base-padding: 1rem;
  --ease--in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --glass-border: rgba(255, 255, 255, 0.09);
  --glass-filter: blur(40px) saturate(180%);
  --glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --window-right: 0px;
  --color--accent: #f5f5f7;
  --color--border: rgba(255, 255, 255, 0.08);
  --color--danger: #ff6961;
  --large-padding: 1.5rem;
  --small-padding: .5rem;
  --window-bottom: 0px;
  --window-radius: 0px;
  --color--success: #30d158;
  --color--surface: rgba(255, 255, 255, 0.045);
  --color--warning: #ffd60a;
  --ease--out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --glass-bg-hover: rgba(255, 255, 255, 0.085);
  --widget-bg-lift: rgba(36, 36, 40, 0.95);
  --window-nav-top: calc(env(safe-area-inset-top) + 14px);
  --widget-bg-hover: rgba(40, 40, 44, 0.88);
  --window-bg-glass: rgba(18, 18, 20, 0.74);
  --background--main: #0a0a0b;
  --color--on-accent: #0a0a0a;
  --color--text-faint: rgba(235, 235, 245, 0.32);
  --color--text-muted: rgba(235, 235, 245, 0.62);
  --window-content-top: calc(env(safe-area-inset-top) + 74px);
  --color--border-strong: rgba(255, 255, 255, 0.14);
  --color--surface-hover: rgba(255, 255, 255, 0.075);
  --color--surface-raised: rgba(255, 255, 255, 0.065);
  --window-content-bottom: calc(env(safe-area-inset-bottom) + 130px);
}
  
  
  [data-nc-theme~="Ember"] {
  --orb-a: rgba(255, 120, 50, 0.18);
  --orb-b: rgba(255, 190, 90, 0.1);
  --bar-bg: rgba(34, 20, 14, 0.52);
  --glass-bg: rgba(255, 180, 140, 0.07);
  --ascii-ink: rgba(255, 205, 170, 0.07);
  --widget-bg: rgba(38, 24, 18, 0.84);
  --window-bg: rgba(18, 11, 8, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(40, 26, 20, 0.95) 0%, rgba(14, 9, 6, 0.97) 100%);
  --glass-border: rgba(255, 190, 150, 0.13);
  --color--accent: #ffbe94;
  --color--border: rgba(255, 190, 150, 0.1);
  --glass-bg-hover: rgba(255, 180, 140, 0.11);
  --widget-bg-lift: rgba(48, 30, 22, 0.96);
  --widget-bg-hover: rgba(50, 32, 24, 0.9);
  --window-bg-glass: rgba(22, 14, 10, 0.78);
  --background--main: #0d0806;
}
[data-nc-theme~="AMOLED"] {
  --orb-a: rgba(0, 0, 0, 0);
  --orb-b: rgba(0, 0, 0, 0);
  --bar-bg: rgba(0, 0, 0, 0.74);
  --glass-bg: rgba(255, 255, 255, 0.04);
  --ascii-ink: rgba(255, 255, 255, 0.04);
  --widget-bg: #000000;
  --window-bg: #000000;
  --terminal-bg: #000000;
  --glass-border: rgba(255, 255, 255, 0.14);
  --color--accent: #ffffff;
  --color--border: rgba(255, 255, 255, 0.12);
  --glass-bg-hover: rgba(255, 255, 255, 0.07);
  --widget-bg-lift: #050505;
  --widget-bg-hover: #0b0b0c;
  --window-bg-glass: rgba(0, 0, 0, 0.94);
  --background--main: #000000;
}
[data-nc-theme~="Aurora"] {
  --orb-a: rgba(170, 90, 255, 0.2);
  --orb-b: rgba(255, 90, 200, 0.12);
  --bar-bg: rgba(24, 14, 40, 0.52);
  --glass-bg: rgba(190, 150, 255, 0.07);
  --ascii-ink: rgba(210, 180, 255, 0.07);
  --widget-bg: rgba(28, 18, 44, 0.84);
  --window-bg: rgba(14, 9, 24, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(30, 20, 48, 0.95) 0%, rgba(10, 6, 20, 0.97) 100%);
  --glass-border: rgba(200, 170, 255, 0.13);
  --color--accent: #d9bfff;
  --color--border: rgba(200, 170, 255, 0.1);
  --glass-bg-hover: rgba(190, 150, 255, 0.11);
  --widget-bg-lift: rgba(36, 24, 56, 0.96);
  --widget-bg-hover: rgba(38, 26, 58, 0.9);
  --window-bg-glass: rgba(16, 10, 28, 0.78);
  --background--main: #0b0714;
}
[data-nc-theme~="Default"] {
  --orb-a: rgba(255, 255, 255, 0.075);
  --orb-b: rgba(200, 205, 215, 0.065);
  --bar-bg: rgba(22, 22, 26, 0.42);
  --glass-bg: rgba(255, 255, 255, 0.055);
  --ascii-ink: rgba(255, 255, 255, 0.05);
  --max-width: 1440px;
  --wallpaper: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1.4px);
  --widget-bg: rgba(30, 30, 33, 0.82);
  --window-bg: rgba(16, 16, 18, 0.985);
  --font--mono: 'SF Mono', ui-monospace, Menlo, 'JetBrains Mono', monospace;
  --font--sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --radius--lg: 28px;
  --radius--md: 22px;
  --radius--sm: 14px;
  --window-top: 0px;
  --color--info: #64d2ff;
  --color--text: #f5f5f7;
  --font--serif: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Inter', system-ui, sans-serif;
  --page-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --terminal-bg: linear-gradient(180deg, rgba(30, 30, 34, 0.95) 0%, rgba(12, 12, 14, 0.97) 100%);
  --window-left: 0px;
  --base-padding: 1rem;
  --ease--in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --glass-border: rgba(255, 255, 255, 0.09);
  --glass-filter: blur(40px) saturate(180%);
  --glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --window-right: 0px;
  --color--accent: #f5f5f7;
  --color--border: rgba(255, 255, 255, 0.08);
  --color--danger: #ff6961;
  --large-padding: 1.5rem;
  --small-padding: .5rem;
  --window-bottom: 0px;
  --window-radius: 0px;
  --color--success: #30d158;
  --color--surface: rgba(255, 255, 255, 0.045);
  --color--warning: #ffd60a;
  --ease--out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --glass-bg-hover: rgba(255, 255, 255, 0.085);
  --widget-bg-lift: rgba(36, 36, 40, 0.95);
  --window-nav-top: calc(env(safe-area-inset-top) + 14px);
  --widget-bg-hover: rgba(40, 40, 44, 0.88);
  --window-bg-glass: rgba(18, 18, 20, 0.74);
  --background--main: #0a0a0b;
  --color--on-accent: #0a0a0a;
  --color--text-faint: rgba(235, 235, 245, 0.32);
  --color--text-muted: rgba(235, 235, 245, 0.62);
  --window-content-top: calc(env(safe-area-inset-top) + 74px);
  --color--border-strong: rgba(255, 255, 255, 0.14);
  --color--surface-hover: rgba(255, 255, 255, 0.075);
  --color--surface-raised: rgba(255, 255, 255, 0.065);
  --window-content-bottom: calc(env(safe-area-inset-bottom) + 130px);
}
[data-nc-theme~="Midnight"] {
  --orb-a: rgba(70, 120, 255, 0.2);
  --orb-b: rgba(40, 200, 255, 0.11);
  --bar-bg: rgba(14, 22, 42, 0.52);
  --glass-bg: rgba(140, 170, 255, 0.07);
  --ascii-ink: rgba(170, 195, 255, 0.07);
  --widget-bg: rgba(16, 24, 44, 0.84);
  --window-bg: rgba(8, 13, 26, 0.985);
  --terminal-bg: linear-gradient(180deg, rgba(18, 26, 48, 0.95) 0%, rgba(6, 10, 22, 0.97) 100%);
  --glass-border: rgba(150, 180, 255, 0.13);
  --color--accent: #a9c7ff;
  --color--border: rgba(150, 180, 255, 0.1);
  --glass-bg-hover: rgba(140, 170, 255, 0.11);
  --widget-bg-lift: rgba(22, 32, 58, 0.96);
  --widget-bg-hover: rgba(24, 34, 60, 0.9);
  --window-bg-glass: rgba(10, 16, 32, 0.78);
  --background--main: #060a14;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-serif: 'Instrument Serif',serif;
--font-mono: 'JetBrains Mono',monospace;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .OgkuC {
      gap:clamp(1.75rem, 4vw, 3rem);
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fulorG {
      --glass-bg:rgba(255, 255, 255, 0.055);
      --font--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Inter", system-ui, sans-serif;
      --color--text:#f5f5f7;
      --font--serif:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Inter", system-ui, sans-serif;
      --glass-border:rgba(255, 255, 255, 0.09);
      --color--accent:#f5f5f7;
      --color--border:rgba(255, 255, 255, 0.08);
      --color--surface:rgba(255, 255, 255, 0.04);
      --glass-bg-hover:rgba(255, 255, 255, 0.085);
      --background--main:#0a0a0b;
      --color--on-accent:#0a0a0a;
      --color--text-faint:rgba(235, 235, 245, 0.36);
      --color--text-muted:rgba(235, 235, 245, 0.62);
      --color--border-strong:rgba(255, 255, 255, 0.14);
      --color--surface-hover:rgba(255, 255, 255, 0.07);
      color:var(--color--text);
      display:block;
      position:relative;
      font-size:16px;
      isolation:isolate;
      background:var(--background--main);
      min-height:100dvh;
      font-family:var(--font--sans);
      font-weight:400;
      flex-direction:row;
      -webkit-font-smoothing:antialiased;
    }

    .fHqUiJ {
      gap:20px 16px;
      color:inherit;
      border:1px solid var(--glass-border);
      margin:0px;
      display:grid;
      padding:clamp(20px, 3vw, 28px);
      font-size:inherit;
      background:var(--glass-bg);
      font-family:inherit;
      font-weight:inherit;
      border-radius:28px;
      flex-direction:row;
      backdrop-filter:blur(24px) saturate(160%);
      grid-template-columns:repeat(2, minmax(0, 1fr));
      -webkit-backdrop-filter:blur(24px) saturate(160%);
    }

    @media (min-width: 900px) {

    .fHqUiJ {
      grid-template-columns:repeat(3, minmax(0, 1fr)) minmax(0, 2fr);
    }
    }

    .etobBr {
      gap:clamp(4rem, 10vw, 8rem);
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bGGaKe {
      gap:2.5rem 1.5rem;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:1fr 1fr;
    }

    @media (min-width: 900px) {

    .bGGaKe {
      grid-template-columns:2fr 1fr 1fr;
    }
    }

    .deRKea {
      color:inherit;
      width:auto;
      height:var(--logo-height);
      display:block;
      overflow:visible;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bCOrlZ {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fodhUF {
      --logo-height:27px;
      color:var(--color--text);
      display:inline-flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:0;
      flex-direction:row;
    }

    .SiteFooter\:logo {
      --logo-height:26px;
    }

    .dETXjw {
      gap:clamp(2.5rem, 6vw, 4rem);
      color:inherit;
      display:flex;
      padding:clamp(3rem, 7vw, 5rem) var(--page-gutter) 1.5rem;
      overflow:hidden;
      font-size:inherit;
      border-top:1px solid var(--color--border);
      font-family:var(--font--sans);
      font-weight:inherit;
      container-type:inline-size;
      flex-direction:column;
    }

    .dqkzjE {
      gap:1.25rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      max-width:22rem;
      font-family:inherit;
      font-weight:inherit;
      grid-column:1 / -1;
      flex-direction:column;
    }

    @media (min-width: 900px) {

    .dqkzjE {
      grid-column:auto;
    }
    }

    .ePtxcd {
      gap:1rem;
      color:var(--color--text-muted);
      display:flex;
      flex-wrap:wrap;
      font-size:0.6875rem;
      border-top:1px solid var(--color--border);
      align-items:center;
      font-family:var(--font--mono);
      font-weight:inherit;
      padding-top:1.5rem;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
      justify-content:space-between;
    }

    .dwMCog {
      color:var(--color--text-muted);
      display:inline;
      font-size:inherit;
      transition:color 0.2s ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration:none;
    }

    .dwMCog:hover {
      color:var(--color--text);
    }

    .dwMCog:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:3px;
    }

    .dlmWue {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:0.9375rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.6;
      flex-direction:row;
    }

    .dJWjtm {
      color:transparent;
      margin:0px;
      display:block;
      font-size:clamp(3rem, 19cqi, 22rem);
      background:linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.04) 95%);
      text-align:center;
      font-family:inherit;
      font-weight:700;
      line-height:0.78;
      user-select:none;
      white-space:nowrap;
      flex-direction:row;
      letter-spacing:-0.075em;
      background-clip:text;
      -webkit-background-clip:text;
    }

    .hYLMF {
      color:inherit;
      margin:0px;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cCHbtE {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dXofmm {
      color:inherit;
      display:list-item;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .mrfYG {
      color:var(--color--text);
      display:inline;
      font-size:0.9375rem;
      transition:color 0.2s ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration:none;
    }

    .mrfYG:hover {
      color:var(--color--accent);
    }

    .mrfYG:focus-visible {
      outline:2px solid var(--color--accent);
      outline-offset:3px;
    }

    .avMC {
      gap:0.6rem;
      color:inherit;
      margin:0px;
      display:flex;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bHMSOs {
      color:var(--color--text-faint);
      margin:0px;
      display:block;
      font-size:0.6875rem;
      font-family:var(--font--mono);
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.12em;
      text-transform:uppercase;
    }

    .CaseStudy\:footer {
      margin:0 auto;
      max-width:1240px;
      padding-left:16px;
      padding-right:16px;
    }

    .jUpNP {
      gap:8px;
      color:inherit;
      border:1px solid var(--glass-border, rgba(255, 255, 255, 0.09));
      display:flex;
      padding:22px;
      animation:metricRise linear both;
      font-size:inherit;
      min-width:0px;
      background:var(--glass-bg, rgba(255, 255, 255, 0.055));
      font-family:inherit;
      font-weight:inherit;
      border-radius:24px;
      flex-direction:column;
      animation-range:entry 0% entry 80%;
      backdrop-filter:blur(24px) saturate(160%);
      animation-timeline:view();
      -webkit-backdrop-filter:blur(24px) saturate(160%);
    }

    @media (prefers-reduced-motion: reduce) {

    .jUpNP {
      animation:none;
    }
    }

    @keyframes metricRise {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(32px) scale(0.94);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .eIxrGZ {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.35;
      flex-direction:row;
    }

    .fFTrgo {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:clamp(2rem, 5vw, 2.75rem);
      font-family:inherit;
      font-weight:600;
      line-height:1;
      flex-direction:row;
      letter-spacing:-0.04em;
      font-variant-numeric:tabular-nums;
    }

    .dlijEe {
      top:calc(env(safe-area-inset-top) + 12px);
      left:12px;
      color:inherit;
      right:12px;
      display:flex;
      z-index:20;
      position:fixed;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
      justify-content:center;
    }

    .cTaAIg {
      gap:clamp(3.5rem, 9vw, 7rem);
      color:inherit;
      margin:0 auto;
      display:flex;
      padding:calc(env(safe-area-inset-top) + 104px) 16px clamp(3rem, 8vw, 6rem);
      font-size:inherit;
      max-width:1240px;
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @media (min-width: 720px) {

    .cTaAIg {
      padding-left:24px;
      padding-right:24px;
    }
    }

    .Yebna {
      color:#0a0a0a;
      height:40px;
      display:inline-flex;
      padding:0 16px;
      font-size:14px;
      background:#f5f5f7;
      transition:opacity 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
      align-items:center;
      font-family:inherit;
      font-weight:600;
      white-space:nowrap;
      justify-self:end;
      border-radius:999px;
      flex-direction:row;
      text-decoration:none;
    }

    .Yebna:hover {
      opacity:0.88;
    }

    .Yebna:active {
      transform:scale(0.94);
    }

    .Yebna:focus-visible {
      outline:2px solid #f5f5f7;
      outline-offset:3px;
    }

    .dIGShy {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .HAhqu {
      color:inherit;
      width:100%;
      height:100%;
      display:block;
      animation:heroParallax linear both;
      font-size:inherit;
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      animation-range:0 100vh;
      transform-origin:50% 0%;
      animation-timeline:scroll(root);
    }

    @media (prefers-reduced-motion: reduce) {

    .HAhqu {
      animation:none;
    }
    }

    @keyframes heroParallax {
        0% {
          transform: scale(1) translateY(0);
        }

        100% {
          transform: scale(1.12) translateY(6%);
        }
    }

    .anApB {
      color:inherit;
      width:100%;
      border:1px solid var(--glass-border);
      height:52px;
      display:grid;
      padding:0 6px;
      animation:navDrop 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
      font-size:inherit;
      max-width:1240px;
      background:rgba(22, 22, 24, 0.62);
      box-shadow:0 10px 40px rgba(0, 0, 0, 0.35);
      box-sizing:border-box;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
      pointer-events:auto;
      backdrop-filter:blur(28px) saturate(180%);
      grid-template-columns:1fr auto 1fr;
      -webkit-backdrop-filter:blur(28px) saturate(180%);
    }

    @media (prefers-reduced-motion: reduce) {

    .anApB {
      animation:none;
    }
    }

    @keyframes navDrop {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(-24px) scale(0.96);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .crcpRM {
      gap:16px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bXLoKV {
      gap:4px;
      color:var(--color--text);
      height:40px;
      display:inline-flex;
      padding:0 14px 0 10px;
      font-size:15px;
      transition:background 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
      align-items:center;
      font-family:inherit;
      font-weight:500;
      justify-self:start;
      border-radius:999px;
      flex-direction:row;
      text-decoration:none;
    }

    .bXLoKV:hover {
      background:rgba(255, 255, 255, 0.08);
    }

    .bXLoKV:active {
      transform:scale(0.94);
    }

    .bXLoKV:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:2px;
    }

    .cMGLas {
      gap:16px;
      color:inherit;
      display:flex;
      font-size:inherit;
      max-width:980px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eXuBec {
      gap:6px;
      left:clamp(20px, 4vw, 40px);
      color:inherit;
      right:96px;
      bottom:clamp(20px, 4vw, 40px);
      display:flex;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .elpqna {
      color:var(--color--text);
      border:1px solid var(--glass-border, rgba(255, 255, 255, 0.09));
      display:block;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      isolation:isolate;
      transition:transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:4 / 5;
      border-radius:32px;
      flex-direction:row;
      text-decoration:none;
    }

    .elpqna:hover {
      transform:scale(0.99);
    }

    .elpqna:active {
      transform:scale(0.97);
    }

    .elpqna:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:4px;
    }

    @media (min-width: 720px) {

    .elpqna {
      aspect-ratio:21 / 9;
    }
    }

    .enVAtz {
      color:#0a0a0a;
      right:clamp(20px, 4vw, 40px);
      width:56px;
      bottom:clamp(20px, 4vw, 40px);
      height:56px;
      display:inline-flex;
      position:absolute;
      font-size:inherit;
      background:#f5f5f7;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .fkyubi {
      color:inherit;
      inset:0;
      width:100%;
      height:100%;
      display:block;
      z-index:-2;
      position:absolute;
      animation:nextZoom linear both;
      font-size:inherit;
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      animation-range:entry 0% cover 60%;
      animation-timeline:view();
    }

    @media (prefers-reduced-motion: reduce) {

    .fkyubi {
      animation:none;
    }
    }

    @keyframes nextZoom {
        0% {
          filter: blur(8px);
        }

        0% {
          transform: scale(1.25);
        }

        100% {
          filter: blur(0);
        }

        100% {
          transform: scale(1.02);
        }
    }

    .cMgCaQ {
      color:inherit;
      inset:0;
      display:block;
      z-index:-1;
      position:absolute;
      font-size:inherit;
      background:linear-gradient(180deg, rgba(10, 10, 11, 0.05) 30%, rgba(10, 10, 11, 0.82) 100%);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eUobRo {
      color:rgba(245, 245, 247, 0.7);
      display:inline;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
    }

    .feBxuy {
      color:#f5f5f7;
      margin:0px;
      display:block;
      font-size:clamp(2.5rem, 8vw, 5.5rem);
      font-family:inherit;
      font-weight:600;
      line-height:0.95;
      flex-direction:row;
      letter-spacing:-0.05em;
    }

    .bWBbSp {
      color:rgba(245, 245, 247, 0.7);
      display:inline;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bgdNkI {
      gap:16px;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-height:50vh;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .eQgNCd {
      color:var(--color--text);
      display:inline;
      font-size:15px;
      font-family:inherit;
      font-weight:600;
      border-radius:6px;
      flex-direction:row;
      letter-spacing:-0.02em;
      text-decoration:none;
    }

    .eQgNCd:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:4px;
    }

    .ezWXCj {
      color:var(--color--text-faint);
      display:block;
      font-size:12px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      letter-spacing:0.02em;
    }

    .IDSZk {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:16px;
      font-family:inherit;
      font-weight:500;
      line-height:1.3;
      flex-direction:row;
    }

    .cKrmJG {
      color:inherit;
      border:1px solid var(--glass-border);
      margin:0px;
      display:block;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.04);
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:4 / 5;
      border-radius:32px;
      flex-direction:row;
      view-transition-name:var(--hero-vt);
    }

    @media (min-width: 720px) {

    .cKrmJG {
      aspect-ratio:16 / 9;
    }
    }

    .cZSZuo {
      color:var(--color--text);
      margin:0px;
      display:block;
      animation:caseTitleIn 1s cubic-bezier(0.16, 1, 0.3, 1) 0.12s both;
      font-size:clamp(3.5rem, 13vw, 9.5rem);
      font-family:inherit;
      font-weight:600;
      line-height:0.88;
      flex-direction:row;
      letter-spacing:-0.065em;
    }

    @media (prefers-reduced-motion: reduce) {

    .cZSZuo {
      animation:none;
    }
    }

    @keyframes caseTitleIn {
        0% {
          filter: blur(14px);
        }

        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(40px) scale(0.96);
        }

        100% {
          filter: blur(0);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .hJrrC {
      color:inherit;
      inset:0;
      display:block;
      z-index:-1;
      position:fixed;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
      background-size:22px 22px;
      background-color:#0a0a0b;
      background-image:radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1.4px);
    }

    .hJrrC::before {
      top:-10%;
      left:-5%;
      width:50vmax;
      filter:blur(100px);
      height:50vmax;
      content:"";
      position:absolute;
      animation:caseDriftA 32s ease-in-out infinite alternate;
      background:rgba(255, 255, 255, 0.06);
      border-radius:50%;
    }

    @media (prefers-reduced-motion: reduce) {

    .hJrrC::before {
      animation:none;
    }
    }

    @keyframes caseDriftA {
        0% {
          transform: translate(0, 0) scale(1);
        }

        100% {
          transform: translate(18vw, 14vh) scale(1.2);
        }
    }

    .bZxkpt {
      gap:16px;
      color:inherit;
      border:1px solid var(--glass-border);
      display:flex;
      padding:clamp(28px, 5vw, 56px);
      font-size:inherit;
      background:var(--glass-bg);
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      border-radius:32px;
      flex-direction:column;
      backdrop-filter:blur(24px) saturate(160%);
      -webkit-backdrop-filter:blur(24px) saturate(160%);
    }

    .cgLRMK {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:16px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ENJfF {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      animation:caseIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both;
      font-size:14px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
    }

    @media (prefers-reduced-motion: reduce) {

    .ENJfF {
      animation:none;
    }
    }

    @keyframes caseIn {
        0% {
          filter: blur(10px);
        }

        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(28px);
        }

        100% {
          filter: blur(0);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .eHCSaZ {
      color:var(--color--text-muted);
      margin:8px 0 0;
      display:block;
      animation:caseSummaryIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.24s both;
      font-size:clamp(1.125rem, 2.2vw, 1.5rem);
      max-width:760px;
      text-wrap:pretty;
      font-family:inherit;
      font-weight:400;
      line-height:1.4;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    @media (prefers-reduced-motion: reduce) {

    .eHCSaZ {
      animation:none;
    }
    }

    @keyframes caseSummaryIn {
        0% {
          filter: blur(8px);
        }

        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(24px);
        }

        100% {
          filter: blur(0);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .cmgzky {
      gap:12px;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:minmax(0, 1fr);
    }

    @media (min-width: 720px) {

    .cmgzky {
      gap:16px;
      grid-template-columns:repeat(3, minmax(0, 1fr));
    }
    }

    .mxulC {
      color:inherit;
      border:1px solid rgba(255, 255, 255, 0.07);
      display:list-item;
      padding:6px 12px;
      font-size:13px;
      background:rgba(255, 255, 255, 0.06);
      font-family:inherit;
      font-weight:500;
      border-radius:999px;
      flex-direction:row;
    }

    .cJenei {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      grid-column:1 / -1;
      flex-direction:column;
    }

    @media (min-width: 900px) {

    .cJenei {
      grid-column:auto;
    }
    }

    .eoWQUh {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:clamp(2rem, 5.5vw, 3.75rem);
      text-wrap:balance;
      font-family:inherit;
      font-weight:600;
      line-height:1;
      flex-direction:row;
      letter-spacing:-0.045em;
    }

    .dzewiB {
      color:#0a0a0a;
      height:44px;
      display:inline-flex;
      padding:0 20px;
      font-size:15px;
      background:#f5f5f7;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      text-decoration:none;
    }

    .dzewiB:hover {
      opacity:0.88;
    }

    .dzewiB:focus-visible {
      outline:2px solid #f5f5f7;
      outline-offset:3px;
    }

    .LTBhx {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:17px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .IJNMq {
      gap:6px;
      color:inherit;
      margin:0px;
      display:flex;
      padding:0px;
      flex-wrap:wrap;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bfoLIk {
      color:var(--color--text-muted);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ccntNs {
      color:inherit;
      margin:0px;
      display:block;
      font-size:clamp(2.5rem, 7vw, 4.5rem);
      font-family:inherit;
      font-weight:600;
      line-height:1;
      flex-direction:row;
      letter-spacing:-0.05em;
    }

    .BvaZE {
      gap:10px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      margin-top:8px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .exNuOO {
      color:#0a0a0a;
      height:48px;
      display:inline-flex;
      padding:0 22px;
      font-size:15px;
      background:#f5f5f7;
      transition:opacity 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      text-decoration:none;
    }

    .exNuOO:hover {
      opacity:0.88;
    }

    .exNuOO:active {
      transform:scale(0.95);
    }

    .exNuOO:focus-visible {
      outline:2px solid #f5f5f7;
      outline-offset:3px;
    }

    .ZynPK {
      color:inherit;
      width:100%;
      height:100%;
      display:block;
      animation:figureZoom linear both;
      font-size:inherit;
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      animation-range:entry 0% exit 100%;
      animation-timeline:view();
    }

    @media (prefers-reduced-motion: reduce) {

    .ZynPK {
      animation:none;
    }
    }

    @keyframes figureZoom {
        0% {
          transform: scale(1.18) translateY(-3%);
        }

        100% {
          transform: scale(1) translateY(3%);
        }
    }

    .eczmdL {
      gap:clamp(1.5rem, 4vw, 3.5rem);
      color:inherit;
      display:grid;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:minmax(0, 1fr);
    }

    @media (min-width: 900px) {

    .eczmdL {
      grid-template-columns:var(--split-cols);
    }
    }

    .cYvKao {
      color:var(--color--text-muted);
      margin:0px;
      display:block;
      font-size:clamp(1rem, 1.6vw, 1.125rem);
      text-wrap:pretty;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.6;
      white-space:pre-line;
      flex-direction:row;
    }

    .KGXiB {
      color:inherit;
      border:1px solid var(--glass-border, rgba(255, 255, 255, 0.09));
      margin:0px;
      display:block;
      overflow:hidden;
      position:relative;
      animation:figureReveal linear both;
      font-size:inherit;
      background:rgba(255, 255, 255, 0.04);
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:4 / 3;
      border-radius:28px;
      flex-direction:row;
      animation-range:entry 0% cover 40%;
      animation-timeline:view();
    }

    @media (prefers-reduced-motion: reduce) {

    .KGXiB {
      animation:none;
    }
    }

    @keyframes figureReveal {
        0% {
          opacity: 0.2;
        }

        0% {
          clip-path: inset(10% 8% 10% 8% round 40px);
        }

        100% {
          opacity: 1;
        }

        100% {
          clip-path: inset(0 0 0 0 round 28px);
        }
    }

    .euzHDb {
      gap:14px;
      color:inherit;
      display:flex;
      animation:sectionRise linear both;
      font-size:inherit;
      max-width:640px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      animation-range:entry 0% entry 70%;
      animation-timeline:view();
    }

    @media (min-width: 900px) {

    .euzHDb {
      order:var(--text-order);
    }
    }

    @media (prefers-reduced-motion: reduce) {

    .euzHDb {
      animation:none;
    }
    }

    @keyframes sectionRise {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(40px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: none;
        }
    }

    .CzGGz {
      color:var(--color--text);
      margin:0px;
      display:block;
      font-size:clamp(1.75rem, 4vw, 2.75rem);
      text-wrap:balance;
      font-family:inherit;
      font-weight:600;
      line-height:1.05;
      flex-direction:row;
      letter-spacing:-0.035em;
    }

    .vONNi {
      color:var(--color--text-faint);
      display:inline;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      letter-spacing:0.02em;
      font-variant-numeric:tabular-nums;
    }

    .bMwIBu {
      color:var(--color--text-faint);
      margin:0px;
      display:block;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      letter-spacing:0.02em;
    }

    .fbpVzR {
      color:var(--color--text);
      border:1px solid rgba(255, 255, 255, 0.1);
      height:48px;
      display:inline-flex;
      padding:0 22px;
      font-size:15px;
      background:rgba(255, 255, 255, 0.08);
      transition:background 0.2s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      text-decoration:none;
    }

    .fbpVzR:hover {
      background:rgba(255, 255, 255, 0.14);
    }

    .fbpVzR:active {
      transform:scale(0.95);
    }

    .fbpVzR:focus-visible {
      outline:2px solid var(--color--text);
      outline-offset:3px;
    }