/* site.css — AUTO-EXTRACTED by tools/build_pages.py from the homepage page
   (src/index.html's 3 inline <style> blocks, concatenated in order). DO NOT
   EDIT BY HAND — this file is overwritten every time build_pages.py runs, so
   hand edits here would be silently discarded (or worse, would drift from what
   / actually renders). Edit src/index.html instead (see CLAUDE.md).
   Font url(...) paths have been rewritten from the homepage's relative
   `fonts/…` to absolute `/fonts/…` so they resolve from /<slug>/ pages as well
   as from /. This extraction only ever reads src/index.html — it never writes
   to it. */


  /* team photo brightness — per-image lift (dark originals only) */
  .team-photo img { filter: brightness(1); transition: filter .2s ease; }
  .team-photo img[src*="hankus"]   { filter: brightness(1.6) contrast(1.03); }
  .team-photo img[src*="sobczak"]  { filter: brightness(1.35); }
  .team-photo img[src*="lubaszka"] { filter: brightness(1.15); }
  .team-photo img[src*="piasecki"] { filter: brightness(1.15); }
  .team-photo img[src*="ptaszek"]  { filter: brightness(1.06); }
  /* kozlowski & sojka already bright — left unchanged */

  body { background: #ffffff; }

  /* ── Solution selector ─────────────────────────────────────────────────── */
  .ss-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

  .ss-cards { border: 0; margin: 0; padding: 0; min-width: 0; min-inline-size: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .ss-card, .ss-panel { min-width: 0; }
  @media (min-width: 768px) {
    .ss-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    /* cards pinned to row 1, panel to row 2 — layout independent of source order */
    .ss-card--packages { grid-column: 1; grid-row: 1; }
    .ss-card--studies  { grid-column: 2; grid-row: 1; }
    .ss-card--chaos    { grid-column: 3; grid-row: 1; }
    .ss-panel { grid-row: 2; }
  }

  .ss-card {
    position: relative; display: flex; flex-direction: column; gap: 11px;
    border: 1.5px solid #0E0C0C; background: #fff; padding: 30px 22px 24px; cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  }
  .ss-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px; }
  .ss-card--packages::before { background: #A093EC; }
  .ss-card--studies::before  { background: #F97337; }
  .ss-card--chaos::before    { background: #273287; }

  .ss-card__input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }

  .ss-card:hover:not(:has(.ss-card__input:checked)) { transform: translate(-3px, -3px); box-shadow: 5px 5px 0 #0E0C0C; }
  .ss-card:has(.ss-card__input:checked) { transform: translate(-4px, -4px); }
  .ss-card:has(.ss-card__input:checked)::before { height: 8px; }
  .ss-card--packages:has(.ss-card__input:checked) { background: #f3f1fc; box-shadow: inset 0 0 0 2px #6b5fc0, 8px 8px 0 #A093EC; }
  .ss-card--studies:has(.ss-card__input:checked)  { background: #fff5ef; box-shadow: inset 0 0 0 2px #F97337, 8px 8px 0 #F97337; }
  .ss-card--chaos:has(.ss-card__input:checked)    { background: #eef0fb; box-shadow: inset 0 0 0 2px #273287, 8px 8px 0 #273287; }
  /* unmistakable "selected" ribbon in the corner */
  .ss-card:has(.ss-card__input:checked)::after { content: "✓ Wybrane"; position: absolute; top: 0; left: 0; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #fff; padding: 6px 11px; line-height: 1; }
  .ss-card--packages:has(.ss-card__input:checked)::after { background: #6b5fc0; }
  .ss-card--studies:has(.ss-card__input:checked)::after  { background: #F97337; color: #0E0C0C; }
  .ss-card--chaos:has(.ss-card__input:checked)::after     { background: #273287; }
  .ss-card:has(.ss-card__input:focus-visible) { outline: 3px solid #0E0C0C; outline-offset: 4px; }

  /* visible selection marker */
  .ss-card__check { position: absolute; top: 12px; right: 12px; width: 26px; height: 26px; border: 1.5px solid #0E0C0C; border-radius: 50%; background: #fff; color: #0E0C0C; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(.6); transition: opacity .15s ease, transform .15s ease; }
  .ss-card__check svg { width: 15px; height: 15px; display: block; }
  .ss-card:has(.ss-card__input:checked) .ss-card__check { opacity: 1; transform: none; }
  .ss-card--packages:has(.ss-card__input:checked) .ss-card__check { background: #A093EC; }
  .ss-card--studies:has(.ss-card__input:checked) .ss-card__check  { background: #F97337; }
  .ss-card--chaos:has(.ss-card__input:checked) .ss-card__check    { background: #273287; color: #fff; }

  .ss-card__icon { display: block; width: 44px; height: 44px; color: #0E0C0C; }
  .ss-card__icon svg { width: 100%; height: 100%; display: block; }
  .ss-card--packages:has(.ss-card__input:checked) .ss-card__icon { color: #6b5fc0; }
  .ss-card--studies:has(.ss-card__input:checked) .ss-card__icon  { color: #F97337; }
  .ss-card--chaos:has(.ss-card__input:checked) .ss-card__icon    { color: #273287; }

  .ss-card__lead { font-family:'Hedvig Letters Serif',serif; font-optical-sizing: auto; font-size: 20px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.16; color: #0E0C0C; }
  .ss-card__product { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: 0.01em; color: #0E0C0C; }
  .ss-card__product::before { content: ""; width: 9px; height: 9px; border: 1.5px solid #0E0C0C; border-radius: 50%; flex-shrink: 0; }
  .ss-card--packages .ss-card__product::before { background: #A093EC; }
  .ss-card--studies .ss-card__product::before  { background: #F97337; }
  .ss-card--chaos .ss-card__product::before     { background: #273287; }
  .ss-badge { display: inline-block; font-size: 10.5px; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase; padding: 4px 9px; background: #273287; color: #fff; border-radius: 3px; }
  .ss-card__desc { font-size: 14px; line-height: 1.5; color: #2a2724; }
  .ss-card__result { margin-top: auto; padding-top: 13px; border-top: 1px solid #e2e2e2; font-size: 14px; line-height: 1.45; font-weight: 600; color: #0E0C0C; }

  /* details panels — one full-width panel; on mobile it sits under its card */
  .ss-panel { display: none; grid-column: 1 / -1; border: 1.5px solid #0E0C0C; background: #fff; padding: clamp(24px, 4vw, 40px); }
  .ss-cards:has(#ss-packages:checked) .ss-panel--packages,
  .ss-cards:has(#ss-studies:checked) .ss-panel--studies,
  .ss-cards:has(#ss-chaos:checked) .ss-panel--chaos { display: block; }
  /* static / pre-JS fallback: nothing checked → show the first panel */
  .ss-cards:not(:has(.ss-card__input:checked)) .ss-panel--packages { display: block; }

  @media (prefers-reduced-motion: no-preference) {
    .ss-panel { animation: ss-panel-in .18s ease both; }
  }
  @keyframes ss-panel-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

  .ss-panel__eyebrow { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #6f6b6b; font-weight: 600; }
  .ss-panel__head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 8px 0 14px; }
  .ss-panel__title { font-family:'Hedvig Letters Serif',serif; font-optical-sizing: auto; font-size: clamp(24px, 3.2vw, 34px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.05; margin: 0; }
  .ss-panel__who { font-size: 16px; line-height: 1.55; color: #2a2724; max-width: 62ch; margin: 0 0 22px; }
  .ss-panel__results { list-style: none; margin: 0 0 26px; padding: 0; display: grid; grid-template-columns: 1fr; gap: 12px 24px; }
  @media (min-width: 700px) { .ss-panel__results { grid-template-columns: repeat(3, 1fr); } }
  .ss-panel__results li { font-size: 15px; line-height: 1.5; padding-left: 14px; }
  .ss-panel--packages .ss-panel__results li { border-left: 2.5px solid #A093EC; }
  .ss-panel--studies .ss-panel__results li  { border-left: 2.5px solid #F97337; }
  .ss-panel--chaos .ss-panel__results li     { border-left: 2.5px solid #273287; }
  .ss-panel__actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
  .ss-cta { display: inline-flex; align-items: center; gap: 10px; background: #F97337; color: #0E0C0C; text-decoration: none; font-size: 16px; font-weight: 600; padding: 16px 28px; transition: transform .15s ease, box-shadow .15s ease; }
  .ss-cta:hover { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 #0E0C0C; }
  .ss-panel__link { color: #0E0C0C; text-decoration: underline; text-underline-offset: 3px; font-size: 14px; font-weight: 500; }
  .ss-panel__link:hover { color: #F97337; }

  .ss-secondary { margin-top: clamp(26px, 4vw, 40px); display: flex; align-items: center; justify-content: center; gap: 8px 16px; flex-wrap: wrap; text-align: center; }
  .ss-secondary span { color: #6f6b6b; font-size: 15px; }
  .ss-consult { color: #0E0C0C; font-weight: 600; font-size: 15px; text-decoration: none; border-bottom: 2px solid #0E0C0C; padding-bottom: 2px; transition: color .15s ease, border-color .15s ease; }
  .ss-consult:hover { color: #F97337; border-color: #F97337; }

  /* ── direction content: swaps with the navigator selection ─────────────── */
  .dir { display: block; scroll-margin-top: 24px; }
  .dc-main:has(#ss-packages:checked) .dir--packages,
  .dc-main:has(#ss-studies:checked) .dir--studies,
  .dc-main:has(#ss-chaos:checked) .dir--chaos { display: block; }
  /* static / pre-JS default: nothing checked → show packages */
  .dc-main:not(:has(.ss-card__input:checked)) .dir--packages { display: block; }
  @media (prefers-reduced-motion: no-preference) { .dir { animation: ss-fade .22s ease both; } }
  @keyframes ss-fade { from { opacity: 0; } to { opacity: 1; } }

  .dir-results { display: grid; grid-template-columns: 1fr; gap: 14px; margin: 0 0 34px; }
  @media (min-width: 640px) { .dir-results { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  .dir-result { border: 1.5px solid #0E0C0C; background: #fff; padding: 18px 20px; font-size: 15px; line-height: 1.5; font-weight: 600; color: #0E0C0C; }
  .dir--studies .dir-result { border-left: 5px solid #F97337; }
  .dir--chaos .dir-result { border-left: 5px solid #273287; }
  .dir-note { font-size: 14px; color: #6f6b6b; }

  @media (prefers-reduced-motion: reduce) {
    .ss-card, .ss-cta, .ss-card__check, .ss-consult { transition: none; }
    .ss-panel, .dir { animation: none; }
    .ss-card:hover:not(:has(.ss-card__input:checked)), .ss-card:has(.ss-card__input:checked) { transform: none; }
  }

  /* ══ ARCHITECTURAL BLUEPRINT THEME ══════════════════════════════════════ */
  :root {
    --bp-navy: #101d47; --bp-cream: #f7f6ef; --bp-amber: #FFC975;
    --bp-line: rgba(163,185,255,0.13); --bp-line-2: rgba(163,185,255,0.22);
  }
  /* faint ink grid behind the hero — the whole page reads like a drawing sheet */
  .hero-bp { }

  /* ── Projekt CHAOS · bespoke blueprint canvas ─────────────────────────── */
  .chaos-lux { position: relative; overflow: hidden; color: var(--bp-cream);
    background: radial-gradient(150% 130% at 50% -20%, #16224f 0%, var(--bp-navy) 55%, #0a1233 100%); }
  .chaos-lux::before { content: ""; position: absolute; inset: 0; pointer-events: none;
    background-image:
      linear-gradient(var(--bp-line) 1px, transparent 1px),
      linear-gradient(90deg, var(--bp-line) 1px, transparent 1px);
    background-size: 32px 32px; }
  .chaos-lux::after { content: ""; position: absolute; inset: 0; pointer-events: none;
    background-image:
      linear-gradient(var(--bp-line-2) 1px, transparent 1px),
      linear-gradient(90deg, var(--bp-line-2) 1px, transparent 1px);
    background-size: 160px 160px;
    -webkit-mask-image: radial-gradient(105% 85% at 50% 25%, #000 50%, transparent 100%);
            mask-image: radial-gradient(105% 85% at 50% 25%, #000 50%, transparent 100%); }
  .chaos-lux__inner { position: relative; z-index: 1; max-width: 1080px; margin: 0 auto;
    padding: clamp(60px,10vw,112px) clamp(18px,5vw,28px); }

  /* header row — technical drawing labels */
  .chaos-top { display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap; padding-bottom: clamp(26px,4vw,40px);
    margin-bottom: clamp(30px,5vw,48px); border-bottom: 1px solid rgba(247,246,239,0.16); }
  .chaos-kicker { display: inline-flex; align-items: center; gap: 10px;
    font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 700;
    color: var(--bp-amber); }
  .chaos-kicker::before { content: ""; width: 26px; height: 1.5px; background: var(--bp-amber); }
  .chaos-doc { font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase;
    color: rgba(247,246,239,0.5); }

  /* brand lockup — logo mark + CHAOS wordmark + acronym (echoes arestomed splash) */
  .chaos-lockup { display: flex; align-items: center; gap: clamp(14px,2.4vw,22px); }
  .chaos-mark { display: block; width: clamp(52px,8vw,74px); flex-shrink: 0; }
  .chaos-mark svg { display: block; width: 100%; height: auto; }
  .chaos-word { display: inline-flex; font-family: Inter, sans-serif; font-weight: 700;
    letter-spacing: 0.16em; line-height: 1; font-size: clamp(34px,7vw,66px); }
  .chaos-word span { color: var(--bp-cream); }
  .chaos-acronym { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px;
    margin-top: 18px; font-size: clamp(11px,1.4vw,13px); letter-spacing: 0.2em;
    text-transform: uppercase; color: rgba(247,246,239,0.72); font-weight: 600; }
  .chaos-acronym b { color: var(--bp-amber); font-weight: 700; }
  .chaos-acronym i { color: rgba(247,246,239,0.3); font-style: normal; }

  @media (prefers-reduced-motion: no-preference) {
    .chaos-word span { animation: chaos-lit 1.5s ease both; }
    .chaos-word span:nth-child(1) { animation-delay: .15s; }
    .chaos-word span:nth-child(2) { animation-delay: .32s; }
    .chaos-word span:nth-child(3) { animation-delay: .49s; }
    .chaos-word span:nth-child(4) { animation-delay: .66s; }
    .chaos-word span:nth-child(5) { animation-delay: .83s; }
  }
  @keyframes chaos-lit {
    0%   { color: var(--bp-cream); opacity: .28; }
    40%  { color: var(--bp-amber); opacity: 1; text-shadow: 0 0 22px rgba(255,201,117,.55); }
    100% { color: var(--bp-cream); opacity: 1; text-shadow: none; }
  }

  /* headline + lede */
  .chaos-title { font-family:'Hedvig Letters Serif',serif; font-optical-sizing: auto;
    font-size: clamp(30px,4.6vw,52px); font-weight: 500; letter-spacing: -0.02em;
    line-height: 1.07; margin: clamp(36px,6vw,56px) 0 0; max-width: 22ch; color: var(--bp-cream); }
  .chaos-title em { font-style: normal; color: var(--bp-amber); }
  .chaos-lede { font-size: clamp(16px,1.9vw,19px); line-height: 1.6;
    color: rgba(247,246,239,0.82); max-width: 62ch; margin: 22px 0 0; }

  /* success metrics — client RESULTS (explicitly not pricing) */
  .chaos-proof-head { margin: clamp(44px,6vw,64px) 0 20px; }
  .chaos-proof-eyebrow { display: inline-flex; align-items: center; gap: 10px;
    font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 700;
    color: var(--bp-amber); }
  .chaos-proof-eyebrow::before { content: ""; width: 22px; height: 1.5px; background: var(--bp-amber); }
  .chaos-proof-title { font-family:'Hedvig Letters Serif',serif; font-optical-sizing: auto;
    font-size: clamp(22px,3vw,32px); font-weight: 500; letter-spacing: -0.02em;
    line-height: 1.1; margin: 12px 0 0; color: var(--bp-cream); }
  .chaos-proof { display: grid; grid-template-columns: 1fr; gap: 1px;
    background: rgba(247,246,239,0.16); border: 1px solid rgba(247,246,239,0.16);
    margin: 0; }
  @media (min-width: 720px) { .chaos-proof { grid-template-columns: 1fr 1fr; } }
  .chaos-proof__cell { position: relative; padding: clamp(28px,3.6vw,42px) clamp(26px,3.6vw,40px) clamp(26px,3.6vw,40px); background: rgba(9,16,42,0.55); }
  .chaos-proof__num { font-family:'Hedvig Letters Serif',serif; font-optical-sizing: auto;
    font-size: clamp(42px,6.4vw,72px); font-weight: 600; letter-spacing: -0.03em;
    line-height: 1; color: var(--bp-amber); font-variant-numeric: tabular-nums; }
  .chaos-proof__label { font-size: 15px; line-height: 1.55;
    color: rgba(247,246,239,0.72); margin-top: 16px; max-width: 38ch; }
  .chaos-proof__label strong { color: var(--bp-cream); font-weight: 700; }
  /* the WYNIK marker — a bright amber pill so it never reads as a price */
  .chaos-proof__tag { position: absolute; top: 16px; right: 16px;
    font-family: Inter, sans-serif; font-size: 10px; font-weight: 800; letter-spacing: 0.14em;
    text-transform: uppercase; color: #101d47; background: var(--bp-amber);
    padding: 5px 10px; border-radius: 999px; }

  /* spec sheet — what the bespoke engagement includes */
  .chaos-specs { list-style: none; margin: clamp(40px,6vw,56px) 0 0; padding: 0;
    position: relative; display: grid; grid-template-columns: 1fr; }
  .chaos-specs::before { content: ""; position: absolute; left: 15px; top: 10px; bottom: 14px;
    width: 1.5px; background: rgba(247,246,239,0.22); }
  .chaos-spec { position: relative; padding: 0 0 clamp(26px,3.4vw,38px) 48px; }
  .chaos-spec:last-child { padding-bottom: 0; }
  .chaos-spec::before { content: ""; position: absolute; left: 8px; top: 2px;
    width: 15px; height: 15px; border-radius: 999px; background: var(--bp-navy);
    border: 1.5px solid var(--bp-amber); box-shadow: 0 0 0 4px rgba(9,16,42,0.55); }
  .chaos-spec__no { display: block; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12px; letter-spacing: 0.14em; color: var(--bp-amber); margin-bottom: 12px; }
  .chaos-spec__t { font-size: 16px; font-weight: 700; color: var(--bp-cream); line-height: 1.35; }
  .chaos-spec__d { font-size: 14px; line-height: 1.55; color: rgba(247,246,239,0.68); margin-top: 8px; }

  /* CTA + scarcity (luxury cue) */
  .chaos-cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 24px;
    margin-top: clamp(44px,6vw,64px); }
  .chaos-cta { display: inline-flex; align-items: center; gap: 12px;
    background: var(--bp-amber); color: #101d47; text-decoration: none;
    font-size: 16px; font-weight: 700; letter-spacing: 0.01em; padding: 17px 30px;
    transition: transform .15s ease, box-shadow .15s ease; }
  .chaos-cta:hover { transform: translate(-2px,-2px); box-shadow: 5px 5px 0 rgba(255,201,117,0.35); }
  .chaos-scarcity { display: inline-flex; align-items: center; gap: 9px;
    font-size: 13.5px; color: rgba(247,246,239,0.66); }

  /* kicker labels (replaces gray small-caps + dots) */
  .kick { display: inline-block; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600;
    color: #0E0C0C; line-height: 1.5; }
  .kick--lg { font-size: 14px; letter-spacing: 0.14em; font-weight: 700; }
  .kick--center { display: block; text-align: center; }
  .kick--stack { line-height: 1.5; }
  .kick__lead { display: block; font-weight: 700; letter-spacing: 0.16em; color: #0E0C0C; margin-bottom: 5px; }
  .kick__sub { display: block; font-weight: 500; letter-spacing: 0.14em; color: #2a2724; }
  .hdr-nav a { color: #0E0C0C; transition: color .15s ease; }
  .hdr-nav a:hover { color: #F97337; }

  /* section backgrounds — grid + mosaic share one blueprint language; cursor lights up cells */
  .bp { position: relative; isolation: isolate; --mx: -999px; --my: -999px; }
  .bp > * { position: relative; z-index: 1; }
  .bp::before { content: ""; position: absolute; inset: 0; z-index: -1;
    pointer-events: none; background-position: center top; }
  
  .bp-grid::before { background-image:
      linear-gradient(rgba(14,12,12,0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(14,12,12,0.05) 1px, transparent 1px);
    background-size: 30px 30px; }
  .bp-mosaic::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='60.00'%20height='103.92'%20viewBox='0%200%2060.00%20103.92'%3E%3Cpolygon%20points='-15.00,-43.30%200.00,-34.64%200.00,-17.32%20-15.00,-8.66%20-30.00,-17.32%20-30.00,-34.64'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='15.00,-43.30%2030.00,-34.64%2030.00,-17.32%2015.00,-8.66%20-0.00,-17.32%200.00,-34.64'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='45.00,-43.30%2060.00,-34.64%2060.00,-17.32%2045.00,-8.66%2030.00,-17.32%2030.00,-34.64'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='75.00,-43.30%2090.00,-34.64%2090.00,-17.32%2075.00,-8.66%2060.00,-17.32%2060.00,-34.64'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='105.00,-43.30%20120.00,-34.64%20120.00,-17.32%20105.00,-8.66%2090.00,-17.32%2090.00,-34.64'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='-30.00,-17.32%20-15.00,-8.66%20-15.00,8.66%20-30.00,17.32%20-45.00,8.66%20-45.00,-8.66'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='0.00,-17.32%2015.00,-8.66%2015.00,8.66%200.00,17.32%20-15.00,8.66%20-15.00,-8.66'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='30.00,-17.32%2045.00,-8.66%2045.00,8.66%2030.00,17.32%2015.00,8.66%2015.00,-8.66'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='60.00,-17.32%2075.00,-8.66%2075.00,8.66%2060.00,17.32%2045.00,8.66%2045.00,-8.66'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='90.00,-17.32%20105.00,-8.66%20105.00,8.66%2090.00,17.32%2075.00,8.66%2075.00,-8.66'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='-15.00,8.66%200.00,17.32%200.00,34.64%20-15.00,43.30%20-30.00,34.64%20-30.00,17.32'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='15.00,8.66%2030.00,17.32%2030.00,34.64%2015.00,43.30%20-0.00,34.64%200.00,17.32'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='45.00,8.66%2060.00,17.32%2060.00,34.64%2045.00,43.30%2030.00,34.64%2030.00,17.32'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='75.00,8.66%2090.00,17.32%2090.00,34.64%2075.00,43.30%2060.00,34.64%2060.00,17.32'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='105.00,8.66%20120.00,17.32%20120.00,34.64%20105.00,43.30%2090.00,34.64%2090.00,17.32'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='-30.00,34.64%20-15.00,43.30%20-15.00,60.62%20-30.00,69.28%20-45.00,60.62%20-45.00,43.30'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='0.00,34.64%2015.00,43.30%2015.00,60.62%200.00,69.28%20-15.00,60.62%20-15.00,43.30'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='30.00,34.64%2045.00,43.30%2045.00,60.62%2030.00,69.28%2015.00,60.62%2015.00,43.30'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='60.00,34.64%2075.00,43.30%2075.00,60.62%2060.00,69.28%2045.00,60.62%2045.00,43.30'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='90.00,34.64%20105.00,43.30%20105.00,60.62%2090.00,69.28%2075.00,60.62%2075.00,43.30'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='-15.00,60.62%200.00,69.28%200.00,86.60%20-15.00,95.26%20-30.00,86.60%20-30.00,69.28'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='15.00,60.62%2030.00,69.28%2030.00,86.60%2015.00,95.26%20-0.00,86.60%200.00,69.28'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='45.00,60.62%2060.00,69.28%2060.00,86.60%2045.00,95.26%2030.00,86.60%2030.00,69.28'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='75.00,60.62%2090.00,69.28%2090.00,86.60%2075.00,95.26%2060.00,86.60%2060.00,69.28'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='105.00,60.62%20120.00,69.28%20120.00,86.60%20105.00,95.26%2090.00,86.60%2090.00,69.28'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='-30.00,86.60%20-15.00,95.26%20-15.00,112.58%20-30.00,121.24%20-45.00,112.58%20-45.00,95.26'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='0.00,86.60%2015.00,95.26%2015.00,112.58%200.00,121.24%20-15.00,112.58%20-15.00,95.26'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='30.00,86.60%2045.00,95.26%2045.00,112.58%2030.00,121.24%2015.00,112.58%2015.00,95.26'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='60.00,86.60%2075.00,95.26%2075.00,112.58%2060.00,121.24%2045.00,112.58%2045.00,95.26'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='90.00,86.60%20105.00,95.26%20105.00,112.58%2090.00,121.24%2075.00,112.58%2075.00,95.26'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='-15.00,112.58%200.00,121.24%200.00,138.56%20-15.00,147.22%20-30.00,138.56%20-30.00,121.24'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='15.00,112.58%2030.00,121.24%2030.00,138.56%2015.00,147.22%20-0.00,138.56%200.00,121.24'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='45.00,112.58%2060.00,121.24%2060.00,138.56%2045.00,147.22%2030.00,138.56%2030.00,121.24'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='75.00,112.58%2090.00,121.24%2090.00,138.56%2075.00,147.22%2060.00,138.56%2060.00,121.24'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='105.00,112.58%20120.00,121.24%20120.00,138.56%20105.00,147.22%2090.00,138.56%2090.00,121.24'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='-30.00,138.56%20-15.00,147.22%20-15.00,164.54%20-30.00,173.21%20-45.00,164.54%20-45.00,147.22'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='0.00,138.56%2015.00,147.22%2015.00,164.54%200.00,173.21%20-15.00,164.54%20-15.00,147.22'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='30.00,138.56%2045.00,147.22%2045.00,164.54%2030.00,173.21%2015.00,164.54%2015.00,147.22'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='60.00,138.56%2075.00,147.22%2075.00,164.54%2060.00,173.21%2045.00,164.54%2045.00,147.22'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='90.00,138.56%20105.00,147.22%20105.00,164.54%2090.00,173.21%2075.00,164.54%2075.00,147.22'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='-15.00,164.54%200.00,173.21%200.00,190.53%20-15.00,199.19%20-30.00,190.53%20-30.00,173.21'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='15.00,164.54%2030.00,173.21%2030.00,190.53%2015.00,199.19%20-0.00,190.53%200.00,173.21'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='45.00,164.54%2060.00,173.21%2060.00,190.53%2045.00,199.19%2030.00,190.53%2030.00,173.21'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='75.00,164.54%2090.00,173.21%2090.00,190.53%2075.00,199.19%2060.00,190.53%2060.00,173.21'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='105.00,164.54%20120.00,173.21%20120.00,190.53%20105.00,199.19%2090.00,190.53%2090.00,173.21'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='-30.00,190.53%20-15.00,199.19%20-15.00,216.51%20-30.00,225.17%20-45.00,216.51%20-45.00,199.19'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='0.00,190.53%2015.00,199.19%2015.00,216.51%200.00,225.17%20-15.00,216.51%20-15.00,199.19'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='30.00,190.53%2045.00,199.19%2045.00,216.51%2030.00,225.17%2015.00,216.51%2015.00,199.19'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='60.00,190.53%2075.00,199.19%2075.00,216.51%2060.00,225.17%2045.00,216.51%2045.00,199.19'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3Cpolygon%20points='90.00,190.53%20105.00,199.19%20105.00,216.51%2090.00,225.17%2075.00,216.51%2075.00,199.19'%20fill='none'%20stroke='rgb(14,12,12)'%20stroke-opacity='0.025'%20stroke-width='1'/%3E%3C/svg%3E"); background-size: 60.00px 103.92px; }
  .bp::after { transition: opacity .25s ease;
    -webkit-mask-image: radial-gradient(circle 120px at var(--mx) var(--my), #000 0, rgba(0,0,0,0.4) 55%, transparent 80%);
    mask-image: radial-gradient(circle 120px at var(--mx) var(--my), #000 0, rgba(0,0,0,0.4) 55%, transparent 80%); }
  
  
  .chaos-scarcity::before { content: ""; width: 7px; height: 7px; border-radius: 50%;
    background: var(--bp-amber); box-shadow: 0 0 0 4px rgba(255,201,117,0.18); }

  .chaos-cta span { transition: transform .2s ease; }
  .chaos-cta:hover span { transform: translateX(4px); }

  /* ── MOTION ─────────────────────────────────────────────────────────── */
  /* Scroll reveal — JS adds .chaos-anim; without JS everything stays visible. */
  .chaos-anim [data-reveal] { opacity: 0; transform: translateY(24px);
    transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
    will-change: opacity, transform; }
  .chaos-anim [data-reveal].is-in { opacity: 1; transform: none; }
  .chaos-anim .chaos-lockup      { transition-delay: .04s; }
  .chaos-anim .chaos-acronym     { transition-delay: .14s; }
  .chaos-anim .chaos-lede        { transition-delay: .10s; }
  .chaos-anim .chaos-proof__cell:nth-child(2) { transition-delay: .12s; }
  .chaos-anim .chaos-spec:nth-child(2) { transition-delay: .10s; }
  .chaos-anim .chaos-spec:nth-child(3) { transition-delay: .20s; }

  /* Amber underline under each proof number — draws on reveal, shown by default. */
  .chaos-proof__num { position: relative; display: inline-block; }
  .chaos-proof__num::after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px;
    height: 3px; background: var(--bp-amber); transform: scaleX(1); transform-origin: left; }
  .chaos-anim .chaos-proof__num::after { transform: scaleX(0);
    transition: transform .9s cubic-bezier(.2,.7,.2,1) .25s; }
  .chaos-anim .chaos-proof__cell.is-in .chaos-proof__num::after { transform: scaleX(1); }

  /* Proof + spec hover micro-interactions. */
  .chaos-proof__cell { transition: background .25s ease; }
  .chaos-proof__cell:hover { background: rgba(255,201,117,0.07); }
  .chaos-spec { position: relative; transition: background .25s ease; }
  .chaos-spec:hover { background: rgba(247,246,239,0.045); }
  .chaos-spec::after { content: ""; position: absolute; top: -1px; left: 0; height: 2px; width: 0;
    background: var(--bp-amber); transition: width .3s ease; }
  .chaos-spec:hover::after { width: 46px; }

  @media (prefers-reduced-motion: no-preference) {
    /* Ambient blueprint-grid drift — slow parallax of the two grid layers. */
    .chaos-lux::before { animation: bp-drift-a 26s linear infinite; }
    .chaos-lux::after  { animation: bp-drift-b 90s linear infinite; }
    /* Logo mark gently floats. */
    .chaos-mark { animation: chaos-float 6.5s ease-in-out infinite; }
    /* Hero diagram: the three connectors draw themselves first; once the lines
       have arrived, the empty AI node fills up and the "AI" label pops in.
       "Twoja firma" and the outline ring are visible from the very start. */
    .hero-diagram .conn { stroke-dasharray: 460; stroke-dashoffset: 460;
      animation: bp-draw 1.2s cubic-bezier(.4,0,.2,1) forwards; }
    .hero-diagram .conn--1 { animation-delay: .15s; }
    .hero-diagram .conn--2 { animation-delay: .4s; }
    .hero-diagram .conn--3 { animation-delay: .65s; }
    .hero-diagram .ai-fill { transform-box: fill-box; transform-origin: center;
      transform: scale(0); animation: ai-fill .3s cubic-bezier(.34,1.56,.64,1) forwards;
      animation-delay: 1.9s; }
    .hero-diagram .ai-label { opacity: 0; animation: bp-pop .26s ease forwards; animation-delay: 2.1s; }
  }
  @keyframes bp-drift-a { to { background-position: 32px 32px; } }
  @keyframes bp-drift-b { to { background-position: -160px 160px; } }
  @keyframes chaos-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
  @keyframes bp-draw { to { stroke-dashoffset: 0; } }
  @keyframes bp-pop { from { opacity: 0; transform: scale(.4); } to { opacity: 1; transform: none; } }
  @keyframes ai-fill { from { transform: scale(0); } to { transform: scale(1); } }

  @media (prefers-reduced-motion: reduce) {
    .chaos-cta { transition: none; }
    .chaos-anim [data-reveal] { opacity: 1 !important; transform: none !important; transition: none; }
    .chaos-proof__num::after { transform: scaleX(1) !important; }
  }

  /* ── WARSZTATY · szkolenia AI na zamówienie ─────────────────────────────────────────── */
  .studia__inner { max-width: 1080px; margin: 0 auto; padding: 0 clamp(18px,5vw,28px); }
  .studia-top { display: flex; align-items: center; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; margin-bottom: 18px; }
  .studia-eyebrow { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #6f6b6b; font-weight: 700; }
  .studia-partner { font-size: 12px; font-weight: 700; letter-spacing: 0.02em; color: #0E0C0C; border: 1.5px solid #0E0C0C; padding: 6px 12px; white-space: nowrap; }
  .studia-title { font-family:'Hedvig Letters Serif',serif; font-optical-sizing: auto; font-size: clamp(30px,4.5vw,48px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.04; margin: 0 0 16px; }
  .studia-lede { font-size: clamp(17px,2vw,19px); line-height: 1.55; color: #2a2724; max-width: 64ch; margin: 0 0 10px; }
  .studia-lede strong, .studia-price__copy strong { color: #0E0C0C; }
  .studia-sub { font-size: 15.5px; line-height: 1.55; color: #6f6b6b; max-width: 64ch; margin: 0 0 34px; }

  .studia-vs { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 0 0 clamp(30px,5vw,44px); }
  @media (min-width: 720px) { .studia-vs { grid-template-columns: 1fr 1fr; } }
  .studia-vs__col { border: 1.5px solid #0E0C0C; padding: 22px 22px 10px; }
  .studia-vs__col--bad { background: #faf9f5; }
  .studia-vs__col--good { background: #fff; box-shadow: 6px 6px 0 #F97337; }
  .studia-vs__tag { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; padding: 5px 10px; margin-bottom: 8px; }
  .studia-vs__col--bad .studia-vs__tag { background: #ebeae4; color: #6f6b6b; }
  .studia-vs__col--good .studia-vs__tag { background: #F97337; color: #0E0C0C; }
  .studia-vs__col ul { list-style: none; margin: 0; padding: 0; }
  .studia-vs__col li { position: relative; padding: 11px 0 11px 26px; font-size: 15px; line-height: 1.45; border-top: 1px solid rgba(14,12,12,0.08); }
  .studia-vs__col li:first-of-type { border-top: 0; }
  .studia-vs__col--bad li::before { content: "✕"; position: absolute; left: 0; top: 11px; color: #b6b2ab; font-weight: 700; }
  .studia-vs__col--good li::before { content: "✓"; position: absolute; left: 0; top: 11px; color: #F97337; font-weight: 800; }

  .studia-stats { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: #0E0C0C; border: 1.5px solid #0E0C0C; margin: 0 0 clamp(30px,5vw,44px); }
  @media (min-width: 720px) { .studia-stats { grid-template-columns: repeat(4,1fr); } }
  .studia-stat { background: #fff; padding: 20px 18px; text-align: center; }
  .studia-stat__n { display: block; font-family:'Hedvig Letters Serif',serif; font-size: clamp(26px,3.4vw,38px); font-weight: 600; letter-spacing: -0.02em; line-height: 1; }
  .studia-stat__l { display: block; font-size: 12.5px; color: #6f6b6b; margin-top: 8px; }

  .studia-price { background: #fff; display: grid; grid-template-columns: 1fr; gap: 18px; align-items: center; border: 1.5px solid #0E0C0C; border-left: 6px solid #F97337; padding: clamp(22px,3vw,30px); margin: 0 0 clamp(30px,5vw,44px); }
  @media (min-width: 720px) { .studia-price { grid-template-columns: auto 1fr; gap: 32px; } }
  .studia-price__label { display: block; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #6f6b6b; font-weight: 700; }
  .studia-price__amount { display: block; font-family:'Hedvig Letters Serif',serif; font-size: clamp(34px,5vw,50px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.05; margin-top: 4px; }
  .studia-price__note { display: block; font-size: 13.5px; color: #6f6b6b; margin-top: 6px; }
  .studia-price__copy { font-size: 15.5px; line-height: 1.55; color: #2a2724; margin: 0; }

  .studia-enrol { display: grid; grid-template-columns: 1fr; gap: clamp(24px,4vw,40px); border: 1.5px solid #0E0C0C; background: #0E0C0C; color: #fff; padding: clamp(26px,4vw,40px); }
  @media (min-width: 820px) { .studia-enrol { grid-template-columns: 1.05fr 1fr; } }
  .studia-badge-live { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #0E0C0C; background: #F97337; padding: 7px 12px; }
  .studia-dot { width: 8px; height: 8px; border-radius: 50%; background: #0E0C0C; }
  @media (prefers-reduced-motion: no-preference) { .studia-dot { animation: studia-pulse 1.6s ease-in-out infinite; } }
  @keyframes studia-pulse { 0%,100% { opacity: 1; } 50% { opacity: .25; } }
  .studia-enrol__title { font-family:'Hedvig Letters Serif',serif; font-size: clamp(22px,3vw,30px); font-weight: 600; letter-spacing: -0.02em; margin: 16px 0 10px; }
  .studia-enrol__copy { font-size: 15px; line-height: 1.55; color: rgba(255,255,255,0.72); margin: 0 0 18px; max-width: 46ch; }
  .studia-link { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-weight: 600; font-size: 15px; text-decoration: none; border-bottom: 2px solid #F97337; padding-bottom: 3px; transition: color .15s ease; }
  .studia-link:hover { color: #F97337; }
  .studia-form { display: flex; flex-direction: column; gap: 12px; }
  .studia-field { display: flex; flex-direction: column; gap: 6px; }
  .studia-field span { font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(255,255,255,0.6); font-weight: 600; }
  .studia-field em { color: #F97337; font-style: normal; }
  .studia-field input, .studia-field textarea { font: inherit; font-size: 15px; background: #fff; color: #0E0C0C; border: 1.5px solid #0E0C0C; padding: 12px 14px; width: 100%; resize: vertical; }
  .studia-field input:focus, .studia-field textarea:focus { outline: 3px solid #F97337; outline-offset: 1px; }
  .studia-consent { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; line-height: 1.45; color: rgba(255,255,255,0.82); cursor: pointer; }
  .studia-consent input { width: 18px; height: 18px; margin: 1px 0 0; flex-shrink: 0; accent-color: #F97337; cursor: pointer; }
  .studia-consent em { color: #F97337; font-style: normal; font-weight: 700; }
  .studia-consent.is-invalid { outline: 2px solid #ff6b52; outline-offset: 6px; }
  .studia-field input.is-invalid, .studia-field textarea.is-invalid { outline: 3px solid #ff6b52; outline-offset: 1px; }
  .studia-form .ss-cta { align-self: flex-start; margin-top: 2px; }
  .studia-form .ss-cta[disabled] { opacity: .6; pointer-events: none; }
  .studia-form__note { font-size: 13px; color: rgba(255,255,255,0.6); }
  .studia-form__note a { color: #fff; }
  .studia-form__note.is-ok { color: #7CE0A8; }
  .studia-form__note.is-err { color: #ff9a8a; }

  /* ── FOOTER (professional) ───────────────────────────────────────────── */
  .site-footer { border-top: 1.5px solid #0E0C0C; background: #0E0C0C; color: #cfccc6; }
  .site-footer__inner { max-width: 1080px; margin: 0 auto; padding: clamp(44px,6vw,64px) clamp(18px,5vw,28px) 26px; }
  .site-footer__top { display: grid; grid-template-columns: 1fr; gap: clamp(28px,4vw,44px); }
  @media (min-width: 720px) { .site-footer__top { grid-template-columns: 1.5fr 1fr 1fr 1fr; } }
  .footer-brand__mark { display: flex; align-items: center; gap: 3px; }
  .footer-brand__mark img { height: 24px; width: auto; filter: invert(1); }
  .footer-brand__tag { font-size: 14px; line-height: 1.55; color: #8f8b85; margin: 14px 0 0; max-width: 36ch; }
  .footer-col h4 { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #8f8b85; font-weight: 700; margin: 0 0 14px; }
  .footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
  .footer-col a, .footer-col span.footer-col__x { color: #cfccc6; text-decoration: none; font-size: 14.5px; transition: color .15s ease; cursor: pointer; }
  .footer-col a:hover, .footer-col span.footer-col__x:hover { color: #F97337; }
  .site-footer__bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px 24px; flex-wrap: wrap; margin-top: clamp(32px,5vw,48px); padding-top: 22px; border-top: 1px solid rgba(255,255,255,0.12); }
  .footer-legalinfo { font-size: 13px; color: #8f8b85; line-height: 1.6; }
  .footer-socials { display: flex; gap: 16px; flex-wrap: wrap; }
  .footer-socials a { color: #cfccc6; font-size: 13px; text-decoration: none; }
  .footer-socials a:hover { color: #F97337; }
  .footer-copy { font-size: 13px; color: #8f8b85; }

  /* ── SUBPAGES (team + legal) as :target overlays — do not affect flow ── */
  .subpage { position: fixed; inset: 0; z-index: 2000; display: none; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #ffffff; }
  .subpage:target, .subpage.is-open { display: block; }
  .subpage-head { position: sticky; top: 0; z-index: 2; background: #fff; border-bottom: 1.5px solid #0E0C0C; }
  .subpage-head__row { max-width: 1080px; margin: 0 auto; padding: 18px clamp(18px,5vw,28px); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
  .subpage-head__brand { display: flex; align-items: center; gap: 0; text-decoration: none; }
  .subpage-head__brand img { height: 28px; width: auto; display: block; }
  .subpage-head__brand span { font-size: 19px; font-weight: 600; letter-spacing: 0.01em; color: #6f6b6b; padding-left: 14px; margin-left: 14px; border-left: 1.5px solid #0E0C0C; line-height: 1; white-space: nowrap; }
  .subpage-head__nav { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
  .subpage-head__nav a { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #6f6b6b; font-weight: 500; text-decoration: none; }
  .subpage-head__nav a:hover { color: #0E0C0C; }
  .subpage-head__back { color: #0E0C0C !important; font-weight: 700 !important; }
  /* mobile: keep only brand + back so the subpage header stays one clean row */
  @media (max-width: 560px) {
    .subpage-head__row { padding-left: 16px; padding-right: 16px; gap: 12px; }
    .subpage-head__nav { gap: 12px; flex-wrap: nowrap; margin-left: auto; }
    .subpage-head__nav a:not(.subpage-head__back) { display: none; }
    .subpage-head__brand span { display: none; }  /* free space so the back link fits on one line, flush right */
    .subpage-head__back { white-space: nowrap; }
  }
  .subpage__body { max-width: 900px; margin: 0 auto; padding: clamp(34px,6vw,64px) clamp(18px,5vw,28px) clamp(56px,8vw,96px); }

  .legal-title { font-family:'Hedvig Letters Serif',serif; font-size: clamp(30px,5vw,46px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.06; margin: 0 0 6px; }
  .legal-updated { font-size: 13px; color: #6f6b6b; margin: 0 0 30px; }
  .legal-h { font-family:'Hedvig Letters Serif',serif; font-size: clamp(19px,2.4vw,24px); font-weight: 600; letter-spacing: -0.015em; margin: 34px 0 12px; padding-top: 22px; border-top: 1.5px solid #0E0C0C; }
  .legal-p { font-size: 15.5px; line-height: 1.7; color: #2a2724; margin: 0 0 12px; max-width: 76ch; }
  .wrap-p { font-size: 15.5px; line-height: 1.7; color: #2a2724; margin: 0 0 12px; max-width: none; }
  .legal-contact { border: 1.5px solid #0E0C0C; border-left: 6px solid #F97337; padding: 24px 26px; margin: 6px 0 0; }
  .legal-contact strong { display: block; font-size: 19px; color: #0E0C0C; margin-bottom: 6px; }
  .legal-contact a { color: #0E0C0C; font-weight: 600; }

  /* email confirmation page */
  .confirm-box { max-width: 620px; margin: clamp(30px,10vh,90px) auto; text-align: center; }
  .confirm-box .legal-title { margin: 0 0 12px; }
  .confirm-box .wrap-p { max-width: 46ch; margin: 0 auto; }
  .confirm-box--ok .legal-title { color: #1f9d57; }
  .confirm-box--err .legal-title { color: #c0392b; }
  .confirm-home { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: #0E0C0C; font-weight: 700; text-decoration: none; border-bottom: 2px solid #F97337; padding-bottom: 3px; }
  .confirm-home:hover { color: #F97337; }

  .team-eyebrow { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #6f6b6b; font-weight: 700; }
  .team-lead { font-family:'Hedvig Letters Serif',serif; font-size: clamp(18px,2.2vw,24px); line-height: 1.4; color: #0E0C0C; margin: 14px 0 0; max-width: 40ch; font-weight: 500; }
  .team-lead-sub { font-size: 16px; line-height: 1.55; color: #2a2724; margin: 16px 0 0; max-width: 64ch; }
  .team-group { margin-top: clamp(34px,5vw,52px); }
  .team-group__title { font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; color: #0E0C0C; font-weight: 700; margin: 0 0 18px; padding-bottom: 10px; border-bottom: 1.5px solid #0E0C0C; }
  .team-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
  @media (min-width: 640px) { .team-grid { grid-template-columns: repeat(3,1fr); } }
  @media (min-width: 900px) { .team-grid { grid-template-columns: repeat(4,1fr); } }
  .team-card { border: 1.5px solid #0E0C0C; background: #fff; overflow: hidden; transition: transform .15s ease, box-shadow .15s ease; }
  .team-card:hover { transform: translate(-3px,-3px); box-shadow: 5px 5px 0 #F97337; }
  .team-photo { width: 100%; aspect-ratio: 4 / 5; overflow: hidden; border-bottom: 1.5px solid #0E0C0C; background: #f1efe9; }
  .team-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; transition: transform .25s ease; }
  .team-card:hover .team-photo img { transform: scale(1.03); }
  .team-card--lead .team-photo { border-bottom-color: #F97337; }
  .team-txt { padding: 13px 15px 15px; }
  .team-name { font-weight: 700; font-size: 15.5px; line-height: 1.25; color: #0E0C0C; }
  .team-role { font-size: 12.5px; color: #6f6b6b; margin-top: 4px; line-height: 1.4; }
  #zespol { background-image: linear-gradient(rgba(14,12,12,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(14,12,12,0.05) 1px, transparent 1px); background-size: 30px 30px; }

  /* studia USP — the market differentiator (pull-quote) */
  .studia-usp { margin: 4px 0 34px; padding: 14px 0 14px 22px; border-left: 4px solid #F97337; font-family:'Hedvig Letters Serif',serif; font-optical-sizing: auto; font-size: clamp(18px,2.2vw,23px); line-height: 1.38; color: #0E0C0C; max-width: 62ch; }
  .studia-usp strong { font-weight: 600; background: linear-gradient(transparent 72%, #A093EC 72%, #A093EC 94%, transparent 94%); }
  /* chaos USP — "always-on AI employee" benefit */
  .chaos-usp { margin: 22px 0 0; padding: 14px 0 14px 22px; border-left: 3px solid var(--bp-amber); font-size: clamp(16px,1.9vw,19px); line-height: 1.55; color: rgba(247,246,239,0.9); max-width: 60ch; }
  .chaos-usp strong { color: var(--bp-amber); font-weight: 700; }

  /* ── PATH NAV — three giant jump-tiles (whole offer visible, nothing hidden) ── */
  .path-nav { display: grid; grid-template-columns: 1fr; gap: 16px; }
  @media (min-width: 760px) { .path-nav { grid-template-columns: repeat(3, 1fr); } }
  .path-tile { position: relative; display: flex; flex-direction: column; gap: 9px; border: 1.5px solid #0E0C0C; background: #fff; padding: 30px 24px 26px; text-decoration: none; color: #0E0C0C; overflow: hidden; transition: transform .15s ease, box-shadow .15s ease; }
  .path-tile::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px; }
  .path-tile--packages::before { background: #A093EC; }
  .path-tile--studies::before  { background: #F97337; }
  .path-tile--chaos::before    { background: #273287; }
  .path-tile:hover { transform: translate(-4px,-4px); }
  .path-tile--packages:hover { box-shadow: 8px 8px 0 #A093EC; }
  .path-tile--studies:hover  { box-shadow: 8px 8px 0 #F97337; }
  .path-tile--chaos:hover    { box-shadow: 8px 8px 0 #273287; }
  .path-tile:focus-visible { outline: 3px solid #0E0C0C; outline-offset: 3px; }
  .path-tile__no { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; letter-spacing: 0.12em; color: #6f6b6b; }
  .path-tile__name { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-family:'Hedvig Letters Serif',serif; font-optical-sizing: auto; font-size: clamp(34px,5vw,54px); font-weight: 600; letter-spacing: -0.025em; line-height: 1; }
  .path-tile__badge { font-family: Inter, sans-serif; font-size: 10.5px; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase; background: #273287; color: #fff; padding: 4px 8px; border-radius: 3px; }
  .path-tile__desc { font-size: 15px; line-height: 1.45; color: #2a2724; }
  .path-tile__go { margin-top: 6px; font-size: 12.5px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #6f6b6b; transition: color .15s ease; }
  .path-tile:hover .path-tile__go { color: #0E0C0C; }
  @media (prefers-reduced-motion: reduce) { .path-tile { transition: none; } }
  /* ── SECTION CHAPTER MARKERS — signal each new path while scrolling ──── */
  .path-marker { border-bottom: 1.5px solid #0E0C0C; }
  .path-marker--packages { background: #f3f1fc; }
  .path-marker--studies  { background: #fff5ef; }
  .path-marker--chaos    { background: #eef0fb; }
  .path-marker__inner { max-width: 1080px; margin: 0 auto; padding: 18px clamp(18px,5vw,28px); display: flex; align-items: baseline; gap: 10px 20px; flex-wrap: wrap; }
  .path-marker__step { display: inline-flex; align-items: center; gap: 9px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
  .path-marker__step::before { content: ""; width: 26px; height: 3px; display: inline-block; }
  .path-marker--packages .path-marker__step { color: #6b5fc0; }
  .path-marker--packages .path-marker__step::before { background: #A093EC; }
  .path-marker--studies .path-marker__step { color: #F97337; }
  .path-marker--studies .path-marker__step::before { background: #F97337; }
  .path-marker--chaos .path-marker__step { color: #273287; }
  .path-marker--chaos .path-marker__step::before { background: #273287; }
  .path-marker__name { font-family:'Hedvig Letters Serif',serif; font-optical-sizing: auto; font-size: clamp(24px,4vw,40px); font-weight: 600; letter-spacing: -0.02em; line-height: 1; color: #0E0C0C; }
  .path-marker__tag { margin-left: auto; font-size: 14px; color: #6f6b6b; max-width: 44ch; line-height: 1.4; }
  @media (max-width: 640px) { .path-marker__tag { margin-left: 0; flex-basis: 100%; } }

  /* ── HEADER responsive — prevent mobile horizontal overflow ──────────── */
  .hdr-row, .hdr-brand, .hdr-nav { min-width: 0; }
  @media (max-width: 560px) {
    .hdr-nav { gap: 14px !important; }
    .hdr-nav a { font-size: 11px !important; letter-spacing: 0.06em !important; }
    .hdr-email { display: none !important; }  /* long uppercase email → also in footer & /kontakt */
  }

  /* ── LEFT SCROLL-PROGRESS RAIL (fixed overlay in the gutter) ─────────── */
  .scroll-rail { position: fixed; top: 0; height: 100vh; width: 26px;
    left: max(14px, calc((100vw - 1080px) / 2 - 34px));
    z-index: 900; display: none; align-items: center; justify-content: center; pointer-events: none;
    --rail: #F97337; }
  /* the rail takes on the colour of the currently selected product */
  .dc-main:has(#ss-packages:checked) .scroll-rail { --rail: #A093EC; }
  .dc-main:has(#ss-studies:checked)  .scroll-rail { --rail: #F97337; }
  .dc-main:has(#ss-chaos:checked)    .scroll-rail { --rail: #273287; }
  @media (min-width: 1180px) { .scroll-rail { display: flex; } }
  .scroll-rail__track { position: relative; width: 4px; height: min(62vh, 520px); background: rgba(14,12,12,0.13); border-radius: 4px; }
  .scroll-rail__fill { position: absolute; left: 0; top: 0; width: 100%; height: 0; background: var(--rail); border-radius: 4px; transition: background-color .35s ease; z-index: 1; }
  .scroll-rail__dot { position: absolute; left: 50%; top: 0; width: 13px; height: 13px; border-radius: 50%; background: var(--rail); border: 2px solid #fff; box-shadow: 0 1px 5px rgba(0,0,0,0.28); transform: translate(-50%,-50%); transition: background-color .35s ease; z-index: 3; }
  .scroll-rail__tick { position: absolute; left: 50%; width: 9px; height: 9px; border-radius: 50%; background: #fff; border: 1.5px solid #0E0C0C; transform: translate(-50%,-50%); pointer-events: auto; cursor: pointer; z-index: 2; transition: opacity .2s ease, background-color .35s ease; }
  .scroll-rail__tick[data-done="1"] { background: var(--rail); transition: background-color .35s ease; }
  .scroll-rail__tick-label { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); white-space: nowrap; font-size: 11px; font-weight: 600; letter-spacing: 0.02em; color: #0E0C0C; background: #fff; border: 1px solid #0E0C0C; padding: 3px 8px; opacity: 0; transition: opacity .15s ease; }
    /* Flagship explainer video — click-to-play facade */
  .yt-embed iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
  .yt-facade { -webkit-tap-highlight-color:transparent; }
  .yt-facade__thumb { transition:transform .45s ease, filter .3s ease; }
  .yt-facade:hover .yt-facade__thumb { transform:scale(1.03); filter:brightness(1.06); }
  .yt-facade__btn { transform:translate(-50%,-50%); transition:transform .18s ease, box-shadow .18s ease; }
  .yt-facade:hover .yt-facade__btn { transform:translate(-50%,-50%) scale(1.09); box-shadow:6px 6px 0 #0E0C0C; }
  .yt-facade:active .yt-facade__btn { transform:translate(-50%,-50%) scale(1.02); box-shadow:3px 3px 0 #0E0C0C; }
  .yt-facade:focus-visible { outline:3px solid #A093EC; outline-offset:4px; }
  @media (prefers-reduced-motion: reduce) { .yt-facade__thumb, .yt-facade__btn { transition:none; } }
.scroll-rail__tick:hover .scroll-rail__tick-label { opacity: 1; }

  /* ── FAQ (native details/summary, no JS) — scoped to the homepage's own
     FAQ section (id=faq + bp-grid) so these rules don't also apply to the
     offer pages' faq section (id=faq, class="section faq", no bp-grid) when
     site.css (this block, extracted verbatim) is loaded there. ─────────── */
  #faq.bp-grid summary.faq-q {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
  }
  #faq.bp-grid summary.faq-q::-webkit-details-marker { display: none; }
  #faq.bp-grid summary.faq-q::after {
    content: "+";
    font-size: 22px;
    line-height: 1;
    flex: none;
    transition: transform .2s ease;
  }
  #faq.bp-grid details.faq-item[open] > summary.faq-q::after { transform: rotate(45deg); }
  #faq.bp-grid summary.faq-q:focus-visible { outline: 3px solid #0E0C0C; outline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) {
    #faq.bp-grid summary.faq-q::after { transition: none; }
  }


/* vietnamese */
@font-face {
  font-family: 'Hedvig Letters Serif';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/hedvig-latin-ext.woff2") format('woff2');
  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;
}
@font-face {
  font-family: 'Hedvig Letters Serif';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/hedvig-latin.woff2") format('woff2');
  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;
}
/* latin-ext */

/* latin */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter-02e0c00b.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter-f83053f0.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter-837ebfc4.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter-a4b6e3e1.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter-127a71fe.woff2") format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter-13387c02.woff2") format('woff2');
  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;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter-32cb096a.woff2") format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter-02e0c00b.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter-f83053f0.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter-837ebfc4.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter-a4b6e3e1.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter-127a71fe.woff2") format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter-13387c02.woff2") format('woff2');
  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;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter-32cb096a.woff2") format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter-02e0c00b.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter-f83053f0.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter-837ebfc4.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter-a4b6e3e1.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter-127a71fe.woff2") format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter-13387c02.woff2") format('woff2');
  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;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter-32cb096a.woff2") format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter-02e0c00b.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter-f83053f0.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter-837ebfc4.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter-a4b6e3e1.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter-127a71fe.woff2") format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter-13387c02.woff2") format('woff2');
  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;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter-32cb096a.woff2") format('woff2');
  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;
}



  body { margin:0; background:#ffffff; -webkit-font-smoothing:antialiased; }
  * { box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  @media (prefers-reduced-motion: reduce) { * { transition:none !important; scroll-behavior:auto; } }