/* === DotLinkly: sticky footer (legal pages) === */
html, body { height: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1 0 auto; }
footer { margin-top: auto; }


  /* WCAG 2.1 AA:
     - Kontrast tekst/tło min 4.5:1 (body), 3:1 (nagłówki duże)
     - Skip link
     - Focus visible na wszystkich elementach interaktywnych
     - Semantyczny HTML: nav, main, section, article, h1→h3, ol
     - aria-label, aria-expanded, aria-controls, aria-live, aria-selected
     - Animacje wyłączone przy prefers-reduced-motion
     - Rozmiar fontu min 16px, line-height min 1.5
     - Strefy klikalne min 44x44px
     - Labels na wszystkich polach formularza
  */
  :root {
    --bg: #0a0a0a;
    --border: #3a3a3a;
    --accent: #d4f000;        /* kontrast 8.1:1 na --bg ✓ */
    --accent-dark: #000;
    --text: #f5f5f5;          /* kontrast 17:1 na --bg ✓ */
    --muted: #a0a0a0;         /* kontrast 5.2:1 na --bg ✓ AA */
    --card: #161616;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }

  /* SKIP LINK — WCAG 2.4.1 */
  .skip-link {
    position: absolute; top: -100px; left: 16px; z-index: 9999;
    background: var(--accent); color: var(--accent-dark);
    padding: 12px 20px; border-radius: 8px;
    font-weight: 700; font-size: 15px; text-decoration: none;
    transition: top .15s;
  }
  .skip-link:focus { top: 16px; }

  body {
    background: var(--bg); color: var(--text);
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size: 18px; line-height: 1.75;
    overflow-x: hidden;
  }
  h1,h2,h3,.brand { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }

  /* FOCUS — WCAG 2.4.7 */
  :focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
    border-radius: 4px;
  }

  /* NAV */
#main-nav {
    position: fixed; top:0; left:0; right:0; z-index:100;
    display:flex; align-items:center; justify-content:space-between;
    padding: 18px 40px;
    background: #0a0a0a; /* pełne tło, nie opacity */
    border-bottom: 2px solid var(--border);
  }
  .brand { font-size:20px; font-weight:800; color:var(--text); }
  .brand span { color:var(--accent); }
  .nav-links { display:flex; gap:24px; align-items:center; }
  .nav-hamburger { display:none; } /* widoczny tylko na mobile */
  .nav-mobile-menu { display:none; } /* widoczny tylko gdy nav.open na mobile */
  .nav-links a {
    color: var(--text); text-decoration: underline; text-underline-offset:3px;
    font-size:16px; padding:8px 4px; min-height:44px;
    display:inline-flex; align-items:center; transition:color .2s;
  }
  .nav-links a:hover { color:var(--accent); }
  .nav-cta {
    background:var(--accent); color:var(--accent-dark) !important;
    font-weight:700; padding:10px 22px !important;
    border-radius:100px; text-decoration:none !important;
  }
  .nav-cta:hover { background:#bfdc00; }

  /* HERO */
  .hero {
    min-height:100vh; display:flex; flex-direction:column; justify-content:center;
    padding:120px 40px 80px; max-width:1200px; margin:0 auto;
  }
  .hero-tag {
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(212,240,0,.1); border:2px solid rgba(212,240,0,.3);
    color:var(--accent); font-size:14px; font-weight:600; letter-spacing:.06em;
    padding:7px 16px; border-radius:100px; margin-bottom:28px; width:fit-content;
  }
  .hero-tag::before {
    content:''; width:8px; height:8px; border-radius:50%;
    background:var(--accent); flex-shrink:0;
  }
  h1 {
    font-size:clamp(40px,5.5vw,80px); font-weight:800;
    line-height:1.05; letter-spacing:-.02em; max-width:780px;
  }
  h1 em { font-style:normal; color:var(--accent); }
  .hero-sub {
    margin-top:24px; font-size:clamp(17px,2vw,21px);
    color:var(--text); max-width:540px; line-height:1.7;
  }
  .hero-ctas {
    margin-top:40px; display:flex; flex-wrap:wrap; gap:14px; align-items:center;
  }
  .btn-primary {
    background:var(--accent); color:var(--accent-dark);
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight:700; font-size:16px; padding:14px 28px; min-height:48px;
    border-radius:10px; border:none; cursor:pointer; text-decoration:none;
    display:inline-flex; align-items:center; gap:8px; transition:background .2s;
  }
  .btn-primary:hover { background:#bfdc00; }
  .btn-secondary {
    color:var(--text); font-size:16px; font-weight:500; text-decoration:none;
    display:inline-flex; align-items:center; gap:6px;
    border:2px solid var(--border); padding:14px 24px; min-height:48px;
    border-radius:10px; transition:border-color .2s, background .2s;
  }
  .btn-secondary:hover { border-color:var(--text); background:rgba(255,255,255,.05); }

  .hero-stats { margin-top:56px; display:flex; gap:48px; flex-wrap:wrap; }
  .stat-item { display:flex; flex-direction:column; }
  .stat-num { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-size:36px; font-weight:800; }
  .stat-num span { color:var(--accent); }
  .stat-label { font-size:14px; color:var(--muted); margin-top:2px; }

  /* SECTIONS */
  .section { max-width:1200px; margin:0 auto; padding:100px 40px; }
  .section-label {
    font-size:12px; font-weight:700; letter-spacing:.14em;
    color:var(--muted); text-transform:uppercase; margin-bottom:14px;
  }
  .section-title {
    font-size:clamp(28px,4vw,48px); font-weight:800;
    letter-spacing:-.02em; line-height:1.1; margin-bottom:12px;
  }
  .section-sub { color:var(--muted); font-size:17px; max-width:500px; margin-bottom:48px; line-height:1.7; }

  /* TABS */
  .industry-tabs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:36px; }
  .tab {
    padding:11px 20px; min-height:44px; border-radius:100px;
    border:2px solid var(--border); background:transparent;
    color:var(--text); font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size:15px; font-weight:500; cursor:pointer; transition:all .2s;
  }
  .tab:hover { border-color:var(--text); background:rgba(255,255,255,.06); }
  .tab[aria-selected="true"] {
    background:var(--accent); border-color:var(--accent);
    color:var(--accent-dark); font-weight:700;
  }
  .tab.tab-special { border-color:rgba(212,240,0,.4); color:var(--accent); }
  .tab.tab-special[aria-selected="true"] { background:rgba(212,240,0,.15); color:var(--accent); }

  /* DEMO CARD */
  .demo-card {
    background:var(--card); border:2px solid var(--border); border-radius:20px;
    overflow:hidden; display:grid; grid-template-columns:1fr 1fr; min-height:400px;
  }
  .demo-info { padding:48px; display:flex; flex-direction:column; justify-content:center; }
  .demo-industry-badge { font-size:13px; font-weight:700; color:var(--accent); margin-bottom:16px; }
  .demo-scenario-title {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size:26px; font-weight:700; line-height:1.2; margin-bottom:14px;
  }
  .demo-scenario-desc { color:var(--muted); font-size:16px; line-height:1.7; margin-bottom:24px; }
  .demo-flow { display:flex; flex-direction:column; gap:12px; list-style:none; }
  .flow-step { display:flex; align-items:flex-start; gap:12px; font-size:15px; color:var(--text); }
  .flow-dot {
    width:30px; height:30px; border-radius:50%; flex-shrink:0;
    background:rgba(212,240,0,.1); border:2px solid rgba(212,240,0,.4);
    display:flex; align-items:center; justify-content:center;
    font-size:12px; font-weight:700; color:var(--accent);
  }

  .demo-visual {
    background:#111; border-left:2px solid var(--border);
    padding:48px; display:flex; flex-direction:column;
    justify-content:center; align-items:center;
  }
  .phone-mock {
    width:180px; background:#1e1e1e; border:2px solid #444;
    border-radius:28px; padding:20px 16px; position:relative;
    box-shadow:0 20px 60px rgba(0,0,0,.5);
  }
  .phone-notch { width:60px; height:6px; background:#444; border-radius:3px; margin:0 auto 16px; }
  .phone-q { font-size:12px; font-weight:600; color:var(--text); margin-bottom:10px; line-height:1.4; }
  .phone-options { display:flex; flex-direction:column; gap:6px; }
  .phone-opt {
    background:#2a2a2a; border:2px solid #444; border-radius:8px;
    padding:8px 10px; font-size:11px; color:var(--text); cursor:pointer; transition:all .2s;
  }
  .phone-opt:hover, .phone-opt.selected {
    background:rgba(212,240,0,.12); border-color:rgba(212,240,0,.5); color:var(--accent);
  }
  .scan-badge {
    position:absolute; top:-12px; right:-12px;
    background:var(--accent); color:var(--accent-dark);
    font-size:10px; font-weight:700; padding:4px 8px; border-radius:6px;
  }

  /* STEPS */
  .steps-grid {
    display:grid; grid-template-columns:repeat(3,1fr); gap:2px;
    background:var(--border); border:2px solid var(--border);
    border-radius:20px; overflow:hidden; margin-top:48px;
  }
  .step { background:var(--card); padding:40px 36px; }
  .step-num {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-size:52px;
    font-weight:800; color:var(--border); line-height:1; margin-bottom:20px;
  }
  .step-icon { font-size:28px; margin-bottom:14px; }
  .step h3 { font-size:20px; font-weight:700; margin-bottom:10px; }
  .step p { font-size:15px; color:var(--muted); line-height:1.7; }
  .step-highlight { border-top:3px solid var(--accent) !important; }

  /* FEATURES */
  .features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:48px; }
  .feat-card {
    background:var(--card); border:2px solid var(--border);
    border-radius:16px; padding:28px; transition:border-color .2s;
  }
  .feat-card:hover { border-color:var(--muted); }
  .feat-icon {
    width:44px; height:44px; border-radius:10px;
    background:rgba(212,240,0,.1); display:flex; align-items:center;
    justify-content:center; font-size:20px; margin-bottom:16px;
  }
  .feat-card h3 { font-size:17px; font-weight:700; margin-bottom:8px; }
  .feat-card p { font-size:15px; color:var(--muted); line-height:1.7; }

  /* FAQ */
  .faq-list { margin-top:48px; display:flex; flex-direction:column; gap:4px; }
  .faq-item { background:var(--card); border:2px solid var(--border); border-radius:12px; overflow:hidden; }
  .faq-q {
    padding:20px 24px; font-weight:600; font-size:17px; cursor:pointer;
    display:flex; justify-content:space-between; align-items:center;
    min-height:64px; background:transparent; border:none; width:100%;
    color:var(--text); text-align:left; transition:color .2s;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  }
  .faq-q:hover { color:var(--accent); }
  .faq-icon { font-size:22px; color:var(--muted); transition:transform .3s; flex-shrink:0; margin-left:16px; font-style:normal; }
  .faq-item.open .faq-icon { transform:rotate(45deg); color:var(--accent); }
  .faq-a {
    max-height:0; overflow:hidden; font-size:16px; color:var(--muted); line-height:1.7;
    padding:0 24px; transition:max-height .35s ease, padding .35s ease;
  }
  .faq-item.open .faq-a { max-height:300px; padding:0 24px 22px; }

  /* CTA */
  .cta-section { max-width:1200px; margin:0 auto; padding:60px 40px 100px; }
  .cta-box {
    background:var(--accent); border-radius:24px; padding:64px;
    display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start;
  }
  .cta-box h2 {
    font-size:clamp(26px,3.5vw,44px); font-weight:800; color:#000;
    line-height:1.1; letter-spacing:-.02em;
  }
  .cta-box > div > p { color:#1a1a1a; font-size:17px; margin-top:14px; line-height:1.7; }
  .cta-form { display:flex; flex-direction:column; gap:12px; }
  .form-field { display:flex; flex-direction:column; gap:5px; }
  .form-label { font-size:14px; font-weight:700; color:#1a1a1a; }
  .cta-form input, .cta-form textarea, .cta-form select {
    background:rgba(0,0,0,.08); border:2px solid rgba(0,0,0,.2);
    border-radius:10px; padding:13px 16px; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size:16px; color:#000; outline:none; width:100%; min-height:48px;
    transition:border-color .2s;
  }
  .cta-form input:focus, .cta-form textarea:focus, .cta-form select:focus {
    border-color:#000; outline:3px solid #000; outline-offset:2px;
  }
  .cta-form input::placeholder, .cta-form textarea::placeholder { color:rgba(0,0,0,.4); }
  .cta-form select { appearance:none; cursor:pointer; }
  .cta-form textarea { resize:vertical; min-height:90px; }
  .cta-form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  .btn-dark {
    background:#000; color:var(--accent);
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-weight:700; font-size:17px;
    padding:15px; min-height:52px; border-radius:10px; border:none; cursor:pointer; width:100%;
    transition:background .2s;
  }
  .btn-dark:hover { background:#1a1a1a; }
  .cta-divider {
    display:flex; align-items:center; gap:12px;
    font-size:13px; color:rgba(0,0,0,.4);
  }
  .cta-divider::before, .cta-divider::after { content:''; flex:1; height:1px; background:rgba(0,0,0,.2); }
  .btn-calendar {
    background:rgba(0,0,0,.08); color:#000; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight:600; font-size:15px; padding:14px; min-height:50px;
    border-radius:10px; border:2px solid rgba(0,0,0,.2); cursor:pointer; width:100%;
    text-decoration:none; display:flex; align-items:center; justify-content:center; gap:8px;
    transition:background .2s;
  }
  .btn-calendar:hover { background:rgba(0,0,0,.14); }
  .btn-calendar:focus-visible { outline:3px solid #000; outline-offset:2px; }
  #success-msg {
    display:none; background:rgba(0,0,0,.08); border:2px solid rgba(0,0,0,.2);
    border-radius:10px; padding:16px; color:#1a1a1a; font-size:15px; text-align:center; font-weight:600;
  }

  .section-divider { border:none; border-top:2px solid var(--border); max-width:1200px; margin:0 auto; }

  footer {
    border-top:2px solid var(--border); padding:32px 40px;
    max-width:1200px; margin:0 auto;
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;
  }
  .footer-links { display:flex; gap:20px; flex-wrap:wrap; }
  .footer-links a {
    color:var(--muted); font-size:14px; text-decoration:underline; text-underline-offset:3px;
    padding:6px 2px; min-height:44px; display:inline-flex; align-items:center;
  }
  .footer-links a:hover { color:var(--text); }
  .footer-copy { color:var(--muted); font-size:14px; }

  /* REDUCED MOTION — WCAG 2.3.3 */
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
  }

  /* ===== TABLET 900px ===== */
  @media (max-width:900px) {
    .demo-card { grid-template-columns:1fr; }
    .demo-visual { display:none; }
    .steps-grid { grid-template-columns:1fr 1fr; }
    .features-grid { grid-template-columns:1fr 1fr; }
    .cta-box { grid-template-columns:1fr; gap:32px; padding:48px 40px; }
  }

  /* ===== MOBILE 640px ===== */
  @media (max-width:640px) {

    /* NAV — hamburger */
#main-nav { padding:14px 20px; }
    .nav-desktop { display:none; }
    .nav-hamburger {
      display:flex; flex-direction:column; gap:5px;
      background:transparent; border:none; cursor:pointer; padding:8px;
    }
    .nav-hamburger span {
      display:block; width:24px; height:2px;
      background:var(--text); border-radius:2px;
      transition:transform .3s, opacity .3s;
    }
    nav.open .nav-hamburger span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    nav.open .nav-hamburger span:nth-child(2) { opacity:0; }
    nav.open .nav-hamburger span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
    .nav-mobile-menu {
      display:none; position:fixed; top:57px; left:0; right:0;
      background:#0a0a0a; border-bottom:2px solid var(--border);
      flex-direction:column; padding:20px;
      z-index:99;
    }
    nav.open .nav-mobile-menu { display:flex; }
    .nav-mobile-menu a {
      color:var(--text); text-decoration:none; font-size:18px; font-weight:500;
      padding:14px 0; border-bottom:1px solid var(--border);
      display:block;
    }
    .nav-mobile-menu a:last-child { border-bottom:none; }
    .nav-mobile-menu .nav-cta {
      margin-top:12px; background:var(--accent); color:#000 !important;
      border-radius:10px; text-align:center; font-weight:700;
      text-decoration:none !important;
    }

    /* HERO */
    .hero { padding:100px 20px 60px; min-height:auto; }
    .hero-stats { gap:24px; flex-direction:column; }
    .stat-num { font-size:28px; }
    .hero-ctas { flex-direction:column; }
    .btn-primary, .btn-secondary { width:100%; justify-content:center; }

    /* SECTIONS */
    .section { padding:60px 20px; }
    .cta-section { padding:40px 20px 60px; }

    /* TABS — scrollable row na mobile */
    .industry-tabs {
      flex-wrap:nowrap;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      scroll-snap-type:x mandatory;
      padding-bottom:8px;
      gap:8px;
      /* ukryj scrollbar ale zostaw funkcję */
      scrollbar-width:none;
    }
    .industry-tabs::-webkit-scrollbar { display:none; }
    .tab {
      flex-shrink:0;
      scroll-snap-align:start;
      font-size:14px;
      padding:10px 16px;
    }

    /* DEMO INFO */
    .demo-info { padding:28px 24px; }
    .demo-scenario-title { font-size:20px; }

    /* STEPS */
    .steps-grid { grid-template-columns:1fr; }
    .step { padding:28px 24px; }

    /* FEATURES */
    .features-grid { grid-template-columns:1fr; }

    /* CTA */
    .cta-box { padding:28px 20px; border-radius:16px; }
    .cta-form-row { grid-template-columns:1fr; }

    /* FOOTER */
    footer { flex-direction:column; align-items:flex-start; padding:24px 20px; gap:20px; }
    .footer-links { gap:12px; }
  }

  /* ===== MAŁE TELEFONY 380px ===== */
  @media (max-width:380px) {
    h1 { font-size:34px; }
    .section-title { font-size:26px; }
  }

/* sticky footer */
html, body { height: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1 0 auto; }
footer { margin-top: auto; }

/* Tabs: scroll hint (gradient po prawej) */
@media (max-width:640px) {
  .industry-tabs {
    position: relative;
    -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%);
    mask-image: linear-gradient(to right, black 85%, transparent 100%);
  }
}

/* === Legal pages mobile fix === */
@media (max-width: 640px) {

  /* Mniejsza czcionka na stronach z dużą ilością tekstu */
  body { font-size: 15px; line-height: 1.65; }
  p, li { font-size: 15px; }
  h1 { font-size: 26px !important; }
  h2 { font-size: 20px !important; }
  h3 { font-size: 17px !important; }

  /* Padding na treści */
  main { padding: 16px !important; }

  /* Tabela cookies — scrollowalna */
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 13px;
    white-space: nowrap;
  }

  /* Formularz contact */
  .cta-form input,
  .cta-form textarea,
  .cta-form select,
  input, textarea, select {
    font-size: 16px !important; /* zapobiega zoom na iOS */
    padding: 12px 14px !important;
  }

  /* Nav na legal pages — nie nachodzi */
  #main-nav {
    position: sticky !important;
    top: 0 !important;
    padding: 12px 16px !important;
  }
}


/* Hero CTA: Połącz kropki */
.btn-connect-dots {
  position: relative;
  overflow: hidden;
}

.btn-connect-dots::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    transparent 20%,
    rgba(214, 255, 0, 0.00) 35%,
    rgba(214, 255, 0, 0.85) 50%,
    rgba(214, 255, 0, 0.00) 65%,
    transparent 80%,
    transparent 100%
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  animation: dotlinklyBorderSweep 2s linear infinite;
  opacity: 0.9;
}

.btn-connect-dots:hover {
  box-shadow: 0 0 0 1px rgba(214,255,0,0.18), 0 0 18px rgba(214,255,0,0.08);
}

@keyframes dotlinklyBorderSweep {
  0% { transform: translateX(-130%); }
  100% { transform: translateX(130%); }
}


/* demo phone enlargement */
.demo-visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.demo-visual .phone-mock {
  width: 240px;
  min-height: 440px;
  border-radius: 34px;
  padding: 24px 16px 18px;
}

.demo-visual .phone-notch {
  width: 88px;
  height: 7px;
  margin: 0 auto 18px;
  border-radius: 999px;
}

.demo-visual .scan-badge {
  top: 16px;
  right: 16px;
}

.demo-visual .phone-q {
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 18px;
}

.demo-visual .phone-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.demo-visual .phone-opt {
  min-height: 56px;
  padding: 14px 12px;
  font-size: 15px;
  line-height: 1.35;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media (max-width: 980px) {
  .demo-visual .phone-mock {
    width: 220px;
    min-height: 410px;
  }

  .demo-visual .phone-q {
    font-size: 18px;
  }

  .demo-visual .phone-opt {
    min-height: 52px;
    font-size: 14px;
  }
}


/* tabs demo: pokaż wszystkie i pozwól przewijać poziomo */
.industry-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(214,255,0,0.55) rgba(255,255,255,0.08);
  padding-bottom: 14px;
  margin-bottom: 8px;
}

.industry-tabs .tab {
  flex: 0 0 auto;
}

.industry-tabs::-webkit-scrollbar {
  height: 10px;
}

.industry-tabs::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.08);
  border-radius: 999px;
}

.industry-tabs::-webkit-scrollbar-thumb {
  background: rgba(214,255,0,0.55);
  border-radius: 999px;
  border: 2px solid rgba(0,0,0,0);
  background-clip: padding-box;
}

.industry-tabs::-webkit-scrollbar-thumb:hover {
  background: rgba(214,255,0,0.8);
  border: 2px solid rgba(0,0,0,0);
  background-clip: padding-box;
}

@media (max-width: 980px) {
  .industry-tabs {
    gap: 8px;
    padding-bottom: 12px;
    margin-bottom: 6px;
  }

  .industry-tabs .tab {
    font-size: 14px;
  }

  .industry-tabs::-webkit-scrollbar {
    height: 8px;
  }
}
.hero-tagline{font-size:1.25rem;font-weight:600;color:var(--text);line-height:1.5;max-width:520px;}