/* getloot.com brand layer, from Loot-US/loot-web (app/globals.css tokens, components/ui/Button.tsx) */
@font-face{font-family:"Strichpunkt Sans";src:url("../fonts/StrichpunktSans-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Strichpunkt Sans";src:url("../fonts/StrichpunktSans-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Strichpunkt Sans";src:url("../fonts/StrichpunktSans-SemiBold.woff2") format("woff2");font-weight:600 700;font-display:swap}

/* ============================================================
   Tokens (site: app/globals.css @theme)
   ============================================================ */
:root {
  /* ---- Site palette ---- */
  --color-lt-green: #84EAA1;
  --color-lt-black: #181C1F;
  --color-lt-dark-grey: #898C8F;
  --color-lt-grey: #F2F2F2;
  --color-lt-stroke: #E8E8E9;
  --lt-gradient: linear-gradient(130deg, #cbf9d8 14.28%, #fff4bc 100.59%);

  /* ---- Design-system aliases (used by loot-design-system.js) ---- */
  --loot-dark-blue: #181C1F;
  --loot-green: #84EAA1;
  --loot-purple: #A79AF2;
  --loot-white: #FFFFFF;
  --loot-black: #181C1F;
  --loot-gray-50: #F2F2F2;
  --loot-gray-100: #E8E8E9;
  --loot-gray-200: #E8E8E9;
  --loot-cream: #E9DED5;
  --loot-slate: #898C8F;
  --loot-green-tint: #DFFFEA;
  --loot-error: #F13535;
  --loot-gold: #F5B301;

  --error-error-500: #F13535;
  --primary-black: #000000;
  --primary-dark-blue: #181C1F;
  --primary-green: #84EAA1;
  --primary-purple: #B293DA;
  --primary-white: #FFFFFF;
  --secondary-cream-200: #E6E6E6;
  --secondary-grey: #898C8F;

  --text-primary: var(--loot-dark-blue);
  --text-secondary: var(--loot-slate);
  --text-inverse: var(--loot-white);
  --text-on-accent: var(--loot-dark-blue);
  --surface-page: var(--loot-white);
  --surface-muted: var(--loot-gray-50);
  --surface-ink: var(--loot-dark-blue);
  --surface-canvas: var(--loot-black);
  --surface-card: var(--loot-white);
  --accent: var(--loot-green);
  --accent-alt: var(--loot-purple);
  --border-subtle: var(--loot-gray-100);
  --border-soft: var(--loot-gray-200);
  --focus-ring: var(--loot-purple);

  /* ---- Type ---- */
  --font-sans: "Strichpunkt Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Strichpunkt Sans", sans-serif;
  --font-ui: "Strichpunkt Sans", sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* ---- Radii & elevation ---- */
  --radius-md: .5rem;
  --radius-lg: 1rem;
  --radius-pill: 9999px;
  --radius-full: 9999px;
  --border-hairline: 1px solid var(--border-subtle);
  --shadow-hairline: inset 0 0 0 1px var(--border-soft);
  --shadow-card: 0 8px 24px rgba(24, 28, 31, .08);
  --shadow-float: 0 16px 40px rgba(24, 28, 31, .12);

  /* ---- Fluid root size (site: 1rem scales with the viewport) ---- */
  --size: 400;
}
@media (min-width: 640px)  { :root { --size: 480; } }
@media (min-width: 768px)  { :root { --size: 650; } }
@media (min-width: 1024px) { :root { --size: 750; } }
@media (min-width: 1280px) { :root { --size: 900; } }
@media (min-width: 1441px) { :root { --size: 1000; } }
@media (min-width: 1536px) { :root { --size: 1100; } }
@media (min-width: 2048px) { :root { --size: 1250; } }

/* Generated by fig_materialize — background classes for extracted bitmaps (used by loot-design-system.js) */
.fig-asset-21791f9f9e5b2932 { background: url(./assets/21791f9f9e5b2932.png) center / cover no-repeat; }
.fig-asset-30ea46470f008b2c { background: url(./assets/30ea46470f008b2c.png) center / cover no-repeat; }
.fig-asset-382f81e1c13db6d2 { background: url(./assets/382f81e1c13db6d2.png) center / cover no-repeat; }
.fig-asset-480d15eaed9af239 { background: url(./assets/480d15eaed9af239.png) center / cover no-repeat; }
.fig-asset-5255a7605405c229 { background: url(./assets/5255a7605405c229.png) center / cover no-repeat; }
.fig-asset-5e3ea5d246520dbd { background: url(./assets/5e3ea5d246520dbd.png) center / cover no-repeat; }
.fig-asset-6a88b9db8229bc62 { background: url(./assets/6a88b9db8229bc62.png) center / cover no-repeat; }
.fig-asset-93d7e3a1376d7326 { background: url(./assets/93d7e3a1376d7326.png) center / cover no-repeat; }
.fig-asset-94ff037bb30f8e2f { background: url(./assets/94ff037bb30f8e2f.png) center / cover no-repeat; }
.fig-asset-cc897c8ff8324faa { background: url(./assets/cc897c8ff8324faa.png) center / cover no-repeat; }
.fig-asset-e638af5cdee7513a { background: url(./assets/e638af5cdee7513a.png) center / cover no-repeat; }
.fig-asset-f3a3c47753dc0fa0 { background: url(./assets/f3a3c47753dc0fa0.png) center / cover no-repeat; }

/* ============================================================
   Base (site: app/globals.css)
   ============================================================ */
html {
  font-size: calc(1000vw / var(--size));
  font-family: var(--font-sans);
  color: var(--color-lt-black);
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  overflow-x: hidden;
  background: #FFFFFF;
  font-size: 1.6rem;
  line-height: normal;
  font-weight: 400;
}
@media (min-width: 640px) { body { font-size: 1.125rem; } }

h1, h2, h3, h4, h5, h6, p, figure, blockquote { margin: 0; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-sans); }

h1, .h1 { font-size: 3.5rem; line-height: 1.2; font-weight: 500; letter-spacing: -.113rem; }
h2, .h2 { font-size: 3rem; line-height: 1.2; font-weight: 500; letter-spacing: -.094rem; }
h3, .h3 { font-size: 2.2rem; font-weight: 500; letter-spacing: -.06rem; }
h4, .h4 { font-size: 2.1rem; font-weight: 400; letter-spacing: -.06rem; }
h5, .h5 { font-size: 1.7rem; letter-spacing: -.03em; }
@media (min-width: 640px) {
  h2, .h2 { font-size: 3.125rem; }
  h3, .h3 { font-size: 2.1rem; }
  h4, .h4 { font-size: 2rem; }
}
@media (min-width: 1536px) {
  h5, .h5 { font-size: 1.5rem; }
}

p, .font_large { font-size: 1.6rem; }
.font_medium { font-size: 1.4rem; letter-spacing: -.025rem; }
.font_small { font-size: 1rem; letter-spacing: -.023rem; }
.label { font-size: 1.25rem; font-weight: 400; text-transform: uppercase; }
@media (min-width: 640px) {
  p, .font_large { font-size: 1.125rem; line-height: 1.5556; }
  .font_medium { font-size: 1rem; line-height: 1.5; }
  .font_small { font-size: .875rem; line-height: 1.4286; }
  .label { font-size: 1rem; line-height: 1.5; }
}
@media (min-width: 1280px) {
  .font_small { font-size: .75rem; line-height: 1.3333; }
}
@media (min-width: 1536px) {
  .font_medium { font-size: .875rem; line-height: 1.4286; }
}

a {
  color: var(--color-lt-black);
  text-decoration: none;
  transition: all .5s ease-in-out;
}
a:hover { color: var(--color-lt-green); }

/* Container & section spacing (site: .lt_container, .s_py) */
.lt_container {
  width: 100%;
  max-width: 93.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  box-sizing: border-box;
}
.s_py, .s_pt { padding-top: 5.625rem; }
.s_py, .s_pb { padding-bottom: 5.625rem; }

/* Buttons (site: components/ui/Button.tsx) */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .625rem;
  padding: 1rem 2rem;
  border-radius: 9999px;
  font-size: 1.375rem;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3s ease-in-out;
}
.button:active { transform: scale(.95); }
@media (min-width: 640px) {
  .button { padding-top: .75rem; padding-bottom: .75rem; font-size: 1rem; }
}
.button_primary { background: var(--color-lt-green); color: var(--color-lt-black); }
.button_primary:hover { background: var(--color-lt-black); color: var(--color-lt-green); }
.button_secondary { background: var(--color-lt-black); color: var(--color-lt-green); }
.button_secondary:hover { background: var(--color-lt-green); color: var(--color-lt-black); }

/* Card (site: .card_item) */
.card_item {
  background: #FFFFFF;
  border-radius: 1rem;
  padding: 3.5rem 2.5rem 2.5rem;
  box-sizing: border-box;
}

@keyframes lootMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; } }