:root {
      
      --color-bg:               #0A0A0F;
      --color-surface:          #111118;
      --color-surface-alt:      #1A1A24;
      --color-border:           #2A2A38;
      --color-text-primary:     #F0F0F5;
      --color-text-secondary:   #ABABC2;
      --color-text-muted:       #5A5A72;
      --color-accent:           #6B5CE7;
      --color-accent-hover:     #7D70F0;
      --color-accent-dark:      #5048CC;
      --color-accent-glow:      rgba(107, 92, 231, 0.15);
      --color-success:          #22C55E;
      --color-error:            #EF4444;
      --color-section-light:    #F4F4F0;
      --color-section-light-text: #0F0F14;

      --font-heading: 'Instrument Sans', system-ui, sans-serif;
      --font-body:    'Inter', system-ui, sans-serif;

      --text-xs:      0.75rem;
      --text-sm:      0.875rem;
      --text-base:    1rem;
      --text-lg:      1.125rem;
      --text-xl:      1.25rem;
      --text-2xl:     1.5rem;
      --text-3xl:     1.875rem;
      --text-4xl:     2.25rem;
      --text-5xl:     3rem;

      --space-1:  4px;
      --space-2:  8px;
      --space-3:  12px;
      --space-4:  16px;
      --space-5:  20px;
      --space-6:  24px;
      --space-8:  32px;
      --space-10: 40px;
      --space-12: 48px;
      --space-16: 64px;
      --space-20: 80px;
      --space-24: 96px;
      --space-32: 128px;

      --shadow-card:     0 1px 3px rgba(0,0,0,0.4), 0 4px 16px rgba(0,0,0,0.2);
      --shadow-elevated: 0 8px 32px rgba(0,0,0,0.4);
      --shadow-mockup:   0 8px 48px rgba(0,0,0,0.55);
      --shadow-glow:     0 0 32px rgba(107,92,231,0.15);

      --ease-default:  cubic-bezier(0.16, 1, 0.3, 1);
      --ease-in-out:   cubic-bezier(0.4, 0, 0.2, 1);
      --ease-out:      cubic-bezier(0, 0, 0.2, 1);
    }

    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
      font-size: 16px;
      -webkit-text-size-adjust: 100%;
      overflow-x: hidden;
    }

    body {
      background-color: var(--color-bg);
      color: var(--color-text-primary);
      font-family: var(--font-body);
      font-weight: 400;
      line-height: 1.65;
      overflow-x: hidden;
    }

    body.menu-open {
      overflow: hidden;
    }

    img {
      display: block;
      max-width: 100%;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button {
      font-family: inherit;
      cursor: pointer;
      border: none;
      background: none;
      touch-action: manipulation;
    }

    ul, ol {
      list-style: none;
    }

    .skip-nav {
      position: absolute;
      top: -100%;
      left: var(--space-6);
      background: var(--color-accent);
      color: var(--color-text-primary);
      padding: var(--space-3) var(--space-6);
      border-radius: 6px;
      font-weight: 500;
      z-index: 9999;
      transition: top 200ms;
    }
    .skip-nav:focus {
      top: var(--space-3);
    }

    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding-left: clamp(24px, 5vw, 80px);
      padding-right: clamp(24px, 5vw, 80px);
    }

    .container--wide {
      max-width: 1440px;
      margin: 0 auto;
      padding-left: clamp(24px, 4vw, 64px);
      padding-right: clamp(24px, 4vw, 64px);
    }

    h1, h2, h3, h4 {
      font-family: var(--font-heading);
      line-height: 1.1;
      letter-spacing: -0.02em;
    }

    h1 {
      font-size: clamp(2.5rem, 6vw, 4.5rem);
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.05;
    }

    h2 {
      font-size: clamp(2rem, 4vw, 3rem);
      font-weight: 600;
    }

    h3 {
      font-size: clamp(1.5rem, 3vw, 2rem);
      font-weight: 600;
    }

    p {
      font-family: var(--font-body);
      line-height: 1.65;
    }

    .label {
      font-family: var(--font-body);
      font-size: var(--text-sm);
      font-weight: 500;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      line-height: 1.2;
    }

    .text-accent {
      color: var(--color-accent);
    }

    .logo-img {
      width: auto;
      display: block;
    }

    .section-header--center {
      text-align: center;
      margin-bottom: var(--space-12);
    }

    .text-secondary {
      color: var(--color-text-secondary);
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--space-2);
      font-family: var(--font-body);
      font-weight: 500;
      font-size: var(--text-base);
      letter-spacing: 0.01em;
      padding: 14px 28px;
      border-radius: 6px;
      min-height: 48px;
      text-decoration: none;
      cursor: pointer;
      transition: background 150ms ease-out, transform 150ms ease-out, box-shadow 150ms ease-out, border-color 150ms ease, color 150ms ease;
      touch-action: manipulation;
      white-space: nowrap;
    }

    .btn--primary {
      background: var(--color-accent);
      color: #FFFFFF;
      border: 1px solid transparent;
    }
    .btn--primary:hover {
      background: var(--color-accent-hover);
      transform: translateY(-1px);
      box-shadow: var(--shadow-glow);
    }
    .btn--primary:active {
      background: var(--color-accent-dark);
      transform: translateY(0);
    }

    .btn--outline {
      background: transparent;
      color: var(--color-text-secondary);
      border: 1px solid var(--color-border);
    }
    .btn--outline:hover {
      border-color: var(--color-text-secondary);
      color: var(--color-text-primary);
    }

    .btn--ghost {
      background: transparent;
      color: var(--color-text-secondary);
      padding: 14px 0;
      border: none;
    }
    .btn--ghost:hover {
      color: var(--color-text-primary);
    }

    .btn--loading {
      opacity: 0.7;
      pointer-events: none;
    }

    .btn__spinner {
      width: 16px;
      height: 16px;
      border: 2px solid rgba(255,255,255,0.3);
      border-top-color: #fff;
      border-radius: 50%;
      animation: spin 0.7s linear infinite;
      display: none;
    }

    .btn--loading .btn__spinner {
      display: block;
    }

    .btn--loading .btn__text {
      display: none;
    }

    @keyframes spin {
      to { transform: rotate(360deg); }
    }

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

    .chip {
      display: inline-flex;
      align-items: center;
      padding: 4px 12px;
      border: 1px solid var(--color-border);
      border-radius: 100px;
      font-family: var(--font-body);
      font-size: var(--text-sm);
      font-weight: 500;
      color: var(--color-text-secondary);
      white-space: nowrap;
    }

    .chip--accent {
      border-color: rgba(107,92,231,0.4);
      color: var(--color-accent);
      background: rgba(107,92,231,0.08);
    }

    #header {
      position: fixed;
      top: 16px;
      left: 16px;
      right: 16px;
      max-width: 1400px;
      margin: 0 auto;
      z-index: 1000;
      height: 64px;
      display: flex;
      align-items: center;
    }

    #header::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 100px;
      background: rgba(17,17,24,0.75);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(255,255,255,0.08);
      box-shadow: 0 8px 32px rgba(0,0,0,0.35);
      z-index: -1;
      opacity: 0;
      transition: opacity 300ms ease, background 300ms ease, box-shadow 300ms ease;
    }

    #header.scrolled::before {
      opacity: 1;
      background: rgba(10,10,15,0.9);
      box-shadow: 0 8px 40px rgba(0,0,0,0.5);
    }

    #header .container--wide {
      width: 100%;
      padding-left: 24px;
      padding-right: 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .nav__logo {
      display: flex;
      align-items: center;
      flex-shrink: 0;
      height: 100%;
      width: auto;
    }

    #main-nav {
      display: none;
      position: fixed;
      top: 92px; left: 0; right: 0; bottom: 0;
      background: var(--color-section-light);
      flex-direction: column;
      padding: var(--space-8) clamp(24px, 5vw, 80px);
      gap: 0;
      z-index: 999;
      overflow-y: auto;
    }

    #main-nav.is-open { display: flex; }

    .nav__links {
      display: flex;
      flex-direction: column;
      gap: 0;
      flex: 1;
    }

    .nav__links a {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: clamp(1.75rem, 7vw, 2.5rem);
      color: var(--color-section-light-text);
      padding: var(--space-4) 0;
      border-bottom: 1px solid rgba(0,0,0,0.08);
      display: block;
      transition: color 150ms ease;
    }

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

    .nav__mobile-cta { margin-top: var(--space-8); }
    .nav__mobile-cta .btn { width: 100%; }

    #hamburger {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      width: 44px; height: 44px;
      padding: 10px;
      cursor: pointer;
      background: none;
      border: none;
    }

    #hamburger span {
      display: block;
      width: 22px; height: 2px;
      background: var(--color-text-primary);
      border-radius: 2px;
      transition: transform 250ms var(--ease-in-out), opacity 200ms ease;
    }

    #hamburger.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    #hamburger.is-active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
    #hamburger.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .nav__desktop-cta { display: none; }

    @media (min-width: 768px) {
      #hamburger { display: none; }

      #main-nav {
        display: flex !important;
        position: static;
        background: none;
        backdrop-filter: none;
        flex-direction: row;
        align-items: center;
        padding: 0;
        gap: var(--space-2);
        bottom: auto; top: auto;
        overflow: visible;
      }

      .nav__links {
        flex-direction: row;
        gap: var(--space-6);
        flex: none;
      }

      .nav__links a {
        font-family: var(--font-body);
        font-weight: 500;
        font-size: var(--text-sm);
        padding: 8px 0;
        border-bottom: none;
        color: var(--color-text-secondary);
        transition: color 150ms ease;
      }

      .nav__links a:hover {
        color: var(--color-text-primary);
      }

      .nav__mobile-cta { display: none; }

      .nav__desktop-cta {
        display: flex;
        margin-left: var(--space-4);
      }

      .nav__desktop-cta .btn {
        padding: 10px 20px;
        font-size: var(--text-sm);
        border-radius: 100px;
      }
    }

    #hero {
      min-height: 100svh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-top: 96px;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: -1;
      overflow: hidden;
    }

    .hero-spacer {
      height: 100svh;
    }

    .hero__orbs {
      position: absolute;
      inset: 0;
      pointer-events: none;
      overflow: hidden;
      z-index: 0;
    }
    .hero__orb {
      position: absolute;
      border-radius: 50%;
      filter: blur(80px);
    }
    .hero__orb--1 {
      width: 600px; height: 600px;
      background: radial-gradient(circle, rgba(107,92,231,0.18) 0%, transparent 70%);
      top: -100px; left: -100px;
      animation: orbDrift1 18s ease-in-out infinite;
    }
    .hero__orb--2 {
      width: 500px; height: 500px;
      background: radial-gradient(circle, rgba(107,92,231,0.12) 0%, transparent 70%);
      bottom: -80px; right: -80px;
      animation: orbDrift2 22s ease-in-out infinite;
    }
    .hero__orb--3 {
      width: 350px; height: 350px;
      background: radial-gradient(circle, rgba(160,130,255,0.1) 0%, transparent 70%);
      top: 40%; left: 50%;
      transform: translate(-50%, -50%);
      animation: orbDrift3 15s ease-in-out infinite;
    }
    @keyframes orbDrift1 {
      0%, 100% { transform: translate(0, 0); }
      33%       { transform: translate(60px, 40px); }
      66%       { transform: translate(-30px, 60px); }
    }
    @keyframes orbDrift2 {
      0%, 100% { transform: translate(0, 0); }
      33%       { transform: translate(-50px, -30px); }
      66%       { transform: translate(40px, -60px); }
    }
    @keyframes orbDrift3 {
      0%, 100% { transform: translate(-50%, -50%) scale(1); }
      50%       { transform: translate(-50%, -50%) scale(1.3); }
    }

    .hero__pattern {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      pointer-events: none;
      background-color: #0A0A0F;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 25% center;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cpath fill='%237d66ed' fill-opacity='0.27' d='M600 325.1v-1.17c-6.5 3.83-13.06 7.64-14.68 8.64-10.6 6.56-18.57 12.56-24.68 19.09-5.58 5.95-12.44 10.06-22.42 14.15-1.45.6-2.96 1.2-4.83 1.9l-4.75 1.82c-9.78 3.75-14.8 6.27-18.98 10.1-4.23 3.88-9.65 6.6-16.77 8.84-1.95.6-3.99 1.17-6.47 1.8l-6.14 1.53c-5.29 1.35-8.3 2.37-10.54 3.78-3.08 1.92-6.63 3.26-12.74 5.03a384.1 384.1 0 0 1-4.82 1.36c-2.04.58-3.6 1.04-5.17 1.52a110.03 110.03 0 0 0-11.2 4.05c-2.7 1.15-5.5 3.93-8.78 8.4a157.68 157.68 0 0 0-6.15 9.2c-5.75 9.07-7.58 11.74-10.24 14.51a50.97 50.97 0 0 1-4.6 4.22c-2.33 1.9-10.39 7.54-11.81 8.74a14.68 14.68 0 0 0-3.67 4.15c-1.24 2.3-1.9 4.57-2.78 8.87-2.17 10.61-3.52 14.81-8.2 22.1-4.07 6.33-6.8 9.88-9.83 12.99-.47.48-.95.96-1.5 1.48l-3.75 3.56c-1.67 1.6-3.18 3.12-4.86 4.9a42.44 42.44 0 0 0-9.89 16.94c-2.5 8.13-2.72 15.47-1.76 27.22.47 5.82.51 6.36.51 8.18 0 10.51.12 17.53.63 25.78.24 4.05.56 7.8.97 11.22h.9c-1.13-9.58-1.5-21.83-1.5-37 0-1.86-.04-2.4-.52-8.26-.94-11.63-.72-18.87 1.73-26.85a41.44 41.44 0 0 1 9.65-16.55c1.67-1.76 3.18-3.27 4.83-4.85.63-.6 3.13-2.96 3.75-3.57a71.6 71.6 0 0 0 1.52-1.5c3.09-3.16 5.86-6.76 9.96-13.15 4.77-7.42 6.15-11.71 8.34-22.44.86-4.21 1.5-6.4 2.68-8.6.68-1.25 1.79-2.48 3.43-3.86 1.38-1.15 9.43-6.8 11.8-8.72 1.71-1.4 3.26-2.81 4.7-4.3 2.72-2.85 4.56-5.54 10.36-14.67a156.9 156.9 0 0 1 6.1-9.15c3.2-4.33 5.9-7.01 8.37-8.07 3.5-1.5 7.06-2.77 11.1-4.02a233.84 233.84 0 0 1 7.6-2.2l2.38-.67c6.19-1.79 9.81-3.16 12.98-5.15 2.14-1.33 5.08-2.33 10.27-3.65l6.14-1.53c2.5-.63 4.55-1.2 6.52-1.82 7.24-2.27 12.79-5.06 17.15-9.05 4.05-3.72 9-6.2 18.66-9.9l4.75-1.82c1.87-.72 3.39-1.31 4.85-1.91 10.1-4.15 17.07-8.32 22.76-14.4 6.05-6.45 13.95-12.4 24.49-18.92 1.56-.96 7.82-4.6 14.15-8.33v-64.58c-4 8.15-8.52 14.85-12.7 17.9-2.51 1.82-5.38 4.02-9.04 6.92a1063.87 1063.87 0 0 0-6.23 4.98l-1.27 1.02a2309.25 2309.25 0 0 1-4.87 3.9c-7.55 6-12.9 10.05-17.61 13.19-3.1 2.06-3.86 2.78-8.06 7.13-5.84 6.07-11.72 8.62-29.15 10.95-11.3 1.5-20.04 4.91-30.75 11.07-1.65.94-7.27 4.27-6.97 4.1-2.7 1.58-4.69 2.69-6.64 3.66-5.63 2.8-10.47 4.17-15.71 4.17-17.13 0-41.44 11.51-51.63 22.83-12.05 13.4-31.42 27.7-45.25 31.16-7.4 1.85-11.85 7.05-14.04 14.69-1.26 4.4-1.58 8.28-1.58 13.82 0 .82.01.98.24 3.63.45 5.18.35 8.72-.77 13.26-1.53 6.2-4.89 12.6-10.59 19.43-13.87 16.65-22.88 46.58-22.88 71.68 0 2.39.02 4.26.06 8.75.12 10.8.1 15.8-.22 21.95-.56 11.18-2.09 20.73-5 29.3h-1.05c2.94-8.56 4.49-18.12 5.05-29.35.31-6.13.34-11.1.22-21.9-.04-4.48-.06-6.36-.06-8.75 0-25.32 9.07-55.47 23.12-72.32 5.6-6.72 8.88-12.99 10.38-19.03 1.09-4.4 1.18-7.85.74-12.93-.23-2.7-.24-2.86-.24-3.72 0-5.62.32-9.57 1.62-14.1 2.28-7.95 6.97-13.44 14.76-15.39 13.6-3.4 32.82-17.59 44.75-30.84C409 360.14 433.58 348.5 451 348.5c5.07 0 9.77-1.33 15.26-4.07 1.93-.96 3.9-2.05 6.58-3.62-.3.18 5.33-3.16 6.98-4.11 10.82-6.21 19.66-9.67 31.11-11.2 17.23-2.3 22.9-4.75 28.57-10.64 4.25-4.41 5.04-5.16 8.22-7.28 4.68-3.11 10.01-7.14 17.55-13.14a1113.33 1113.33 0 0 0 4.86-3.89l1.28-1.02a4668.54 4668.54 0 0 1 6.23-4.98c3.67-2.9 6.55-5.12 9.07-6.95 4.37-3.19 9.16-10.56 13.29-19.4v66.9zm0-116.23c-.62.01-1.27.06-1.95.13-6.13.63-13.83 3.45-21.83 7.45-3.64 1.82-8.46 2.67-14.17 2.71-4.7.04-9.72-.47-14.73-1.33-1.7-.3-3.26-.61-4.67-.93a31.55 31.55 0 0 0-3.55-.57 273.4 273.4 0 0 0-16.66-.88c-10.42-.16-17.2.74-17.97 2.73-.38.97.6 2.55 3.03 4.87 1.01.97 2.22 2.03 4.04 3.55a1746.07 1746.07 0 0 0 4.79 4.02c1.39 1.2 3.1 1.92 5.5 2.5.7.16.86.2 2.64.54 3.53.7 5.03 1.25 6.15 2.63 1.41 1.76 1.4 4.54-.15 8.88-2.44 6.83-5.72 10.05-10.19 10.33-3.63.23-7.6-1.29-14.52-5.06-4.53-2.47-6.82-7.3-8.32-15.26-.17-.87-.32-1.78-.5-2.86l-.43-2.76c-1.05-6.58-1.9-9.2-3.73-10.11-.81-.4-1.59-.74-2.36-1-2.27-.77-4.6-1.02-8.1-.92-2.29.07-14.7 1-13.77.93-20.55 1.37-28.8 5.05-37.09 14.99a133.07 133.07 0 0 0-4.25 5.44l-2.3 3.09-2.51 3.32c-4.1 5.36-7.06 8.48-10.39 11.12-.65.52-1.33 1.04-2.13 1.62l-4.11 2.94a106.8 106.8 0 0 0-5.16 3.99c-4.55 3.74-9.74 8.6-16.25 15.38-8.25 8.58-11.78 13.54-11.7 15.95.07 1.65 1.64 2.11 6.79 2.38 1.61.09 2.15.12 2.98.2 2.95.24 5.09.73 6.81 1.68 7.48 4.15 11.63 7.26 13.95 11.58 3.3 6.15.8 12.88-8.89 20.26-8.28 6.3-11.1 10.37-11.31 14.96-.06 1.17 0 1.93.26 4.43.69 6.47.25 10.65-2.8 17.42a44.23 44.23 0 0 1-4.16 7.53c-2.82 3.97-5.47 5.74-10.6 7.69-.43.16-3.34 1.23-4.27 1.59-1.8.68-3.38 1.36-5.01 2.14-4.18 2-8.4 4.6-13.1 8.24-8.44 6.51-13.23 14.56-15.98 25.06-1.1 4.2-1.55 6.81-2.8 15.21-1.26 8.6-2.17 12.64-4.08 16.55-2.1 4.28-11.93 26.59-12.97 28.88a382.7 382.7 0 0 1-6.37 13.41c-4.07 8.11-7.61 14.07-10.73 17.81-5.38 6.46-8.98 14.37-13.77 28.42a810.14 810.14 0 0 0-1.89 5.6c-1.8 5.35-2.96 8.6-4.26 11.85-6.13 15.32-25.43 26.31-46.46 26.31-11.2 0-20.58-2.74-31.02-8.55-5.6-3.13-4.55-2.42-22.26-14.54-14.33-9.8-17.7-10.73-20.47-6.9-.37.5-1.81 2.74-1.83 2.77a52.24 52.24 0 0 1-4.94 5.9c-.73.79-5.52 5.87-6.97 7.45-2.38 2.6-4.3 4.81-5.98 6.93a45.6 45.6 0 0 0-5.08 7.66c-1.29 2.57-1.9 5.25-2.66 10.6a997.6 997.6 0 0 1-.46 3.18h-1l.47-3.32c.77-5.45 1.4-8.2 2.75-10.9a46.54 46.54 0 0 1 5.2-7.84c1.7-2.14 3.63-4.38 6.03-6.98 1.45-1.59 6.24-6.68 6.96-7.46a51.58 51.58 0 0 0 4.84-5.78s1.47-2.26 1.86-2.8c3.25-4.5 7.08-3.44 21.84 6.67 17.67 12.08 16.62 11.38 22.19 14.48 10.3 5.73 19.5 8.43 30.53 8.43 20.65 0 39.57-10.77 45.54-25.69a219.7 219.7 0 0 0 4.24-11.8 6752.32 6752.32 0 0 0 1.88-5.6c4.83-14.16 8.47-22.14 13.96-28.73 3.05-3.66 6.56-9.57 10.6-17.61 1.97-3.93 4.04-8.31 6.35-13.38 1.03-2.28 10.88-24.61 12.98-28.91 1.85-3.79 2.75-7.76 4-16.25 1.24-8.44 1.7-11.07 2.81-15.32 2.8-10.7 7.71-18.94 16.33-25.6a73.18 73.18 0 0 1 13.29-8.35c1.66-.8 3.27-1.48 5.08-2.18.94-.36 3.86-1.43 4.28-1.59 4.95-1.88 7.44-3.55 10.14-7.33 1.35-1.9 2.68-4.3 4.06-7.37 2.97-6.58 3.39-10.59 2.72-16.9a27.13 27.13 0 0 1-.27-4.58c.22-4.94 3.21-9.24 11.7-15.7 9.33-7.11 11.66-13.34 8.62-19-2.2-4.09-6.25-7.12-13.55-11.17-1.57-.88-3.6-1.33-6.42-1.57-.8-.07-1.34-.1-2.95-.19-5.77-.3-7.63-.85-7.72-3.34-.1-2.81 3.5-7.87 11.97-16.69 6.53-6.8 11.75-11.69 16.33-15.45 1.79-1.47 3.42-2.72 5.2-4.03l4.12-2.94c.79-.58 1.46-1.08 2.1-1.59 3.26-2.6 6.16-5.65 10.21-10.94a383.2 383.2 0 0 0 2.5-3.32l2.31-3.09c1.8-2.39 3.04-4 4.29-5.48 8.47-10.17 16.98-13.96 37.27-15.3-.44.02 12-.9 14.32-.98 3.62-.1 6.05.16 8.46.98.8.27 1.62.62 2.47 1.04 2.27 1.14 3.17 3.87 4.27 10.85l.44 2.76c.17 1.07.33 1.97.5 2.83 1.44 7.69 3.62 12.29 7.8 14.57 6.76 3.68 10.6 5.15 13.99 4.94 4-.25 6.99-3.17 9.3-9.67 1.45-4.04 1.46-6.49.32-7.92-.9-1.12-2.28-1.62-5.57-2.27a55.8 55.8 0 0 1-2.67-.55c-2.54-.6-4.39-1.4-5.93-2.71a252.63 252.63 0 0 0-4.78-4.01 84.35 84.35 0 0 1-4.08-3.6c-2.73-2.6-3.86-4.43-3.28-5.95 1.02-2.64 7.82-3.54 18.93-3.37a230.56 230.56 0 0 1 16.73.88c2.76.39 3.2.49 3.68.6 1.4.3 2.95.62 4.62.91a82.9 82.9 0 0 0 14.56 1.32c5.56-.04 10.24-.86 13.73-2.6 8.1-4.05 15.89-6.9 22.17-7.56.7-.07 1.4-.11 2.05-.13v1zm0-100.94v1.5c-8.62 16.05-17.27 29.55-23.65 35.92-3.19 3.2-7.62 4.9-13.54 5.56-4.45.48-8.28.4-19.18-.2-9.91-.55-15.32-.44-20.52.78a84.05 84.05 0 0 1-15 2.11l-2.25.14c-12.49.75-19.37 1.78-32.72 5.74-4.5 1.33-9.27 2.49-14.3 3.48a246.27 246.27 0 0 1-32.6 3.97c-7.56.45-13.21.57-20.24.57-5.4 0-11.9 1.61-18 5.18-8.3 4.87-15.06 12.87-19.53 24.5a68.57 68.57 0 0 1-4.56 9.8c-3.6 6.2-6.92 8.99-13.38 12.18l-4.03 1.96a64.48 64.48 0 0 0-15.16 10.25c-8.2 7.33-13.72 16.63-22.54 35.6l-2.08 4.49c-7.3 15.7-11.5 23.3-17.35 29.87-7.7 8.66-20.25 14.42-40.31 20.08-4.37 1.23-19.04 5.08-19.24 5.13-6.92 1.87-11.68 3.34-15.63 4.92-10.55 4.22-18.71 10.52-36.38 26.52l-1.7 1.54c-8.58 7.76-13.41 11.9-18.81 15.88-3.95 2.9-8 5.67-12.97 8.91-2.06 1.34-10.3 6.6-12.33 7.94-11.52 7.5-18.53 13.04-24.62 20.08a62.01 62.01 0 0 0-6.44 8.85c-4.13 6.91-6.27 13.15-9.2 25.11l-1.54 6.26c-.6 2.45-1.15 4.54-1.72 6.58-2.97 10.7-6.9 17.36-14.78 26.91L69.6 491a148.51 148.51 0 0 0-4.19 5.3 23.9 23.9 0 0 0-3.44 6.28c-1.16 3.23-1.52 5.9-1.87 11.94-.58 10.05-1.42 15.04-4.63 22.67-1.57 3.72-5.66 14.02-6.41 15.8a73.46 73.46 0 0 1-3.57 7.4c-2.88 5.14-6.71 10.12-13.12 16.95-5.96 6.36-8.87 10.9-10.61 16a56.88 56.88 0 0 0-1.38 4.82l-.46 1.84h-1.03l.52-2.08c.52-2.09.92-3.49 1.4-4.9 1.8-5.25 4.78-9.9 10.84-16.36 6.35-6.78 10.13-11.7 12.97-16.77a72.5 72.5 0 0 0 3.52-7.29c.75-1.76 4.84-12.06 6.4-15.8 3.17-7.5 3.99-12.4 4.56-22.33.35-6.14.72-8.88 1.93-12.23a24.9 24.9 0 0 1 3.58-6.54c1.27-1.7 2.6-3.37 4.22-5.34l4.11-4.95c7.8-9.46 11.66-16 14.59-26.54.56-2.04 1.1-4.12 1.71-6.56l1.53-6.26c2.96-12.04 5.13-18.36 9.32-25.39 1.84-3.08 4-6.05 6.54-8.99 6.17-7.12 13.24-12.7 24.83-20.26 2.05-1.33 10.28-6.6 12.33-7.94 4.96-3.22 9-5.98 12.92-8.87 5.37-3.95 10.19-8.08 18.74-15.82l1.7-1.54c17.76-16.09 25.98-22.43 36.67-26.7 4-1.6 8.8-3.09 15.75-4.96.21-.06 14.87-3.9 19.22-5.13 19.9-5.61 32.32-11.31 39.85-19.78 5.76-6.48 9.93-14.02 17.18-29.64l2.09-4.5c8.87-19.07 14.44-28.46 22.77-35.9a65.48 65.48 0 0 1 15.38-10.4l4.04-1.97c6.3-3.1 9.47-5.77 12.96-11.77a67.6 67.6 0 0 0 4.48-9.67c4.56-11.84 11.47-20.02 19.97-25 6.25-3.66 12.93-5.32 18.5-5.32 7.01 0 12.65-.12 20.17-.57a245.3 245.3 0 0 0 32.47-3.96c5-.98 9.75-2.13 14.22-3.45 13.43-3.98 20.38-5.02 32.94-5.78l2.24-.14c5.76-.37 9.8-.9 14.85-2.09 5.31-1.25 10.79-1.35 22.6-.7 9.04.5 12.84.58 17.21.1 5.71-.62 9.94-2.26 12.95-5.26 6.44-6.45 15.3-20.37 24.35-36.72zm0 450.21c-1.28-4.6-2.2-10.55-3.33-20.25l-.24-2.04-.23-2.03c-1.82-15.7-3.07-21.98-5.55-24.47-2.46-2.46-3.04-5.03-2.52-8.64.1-.6.18-1.1.39-2.15.69-3.54.77-5.04.08-6.84-.91-2.38-3.31-4.41-7.79-6.26-5.08-2.09-6.52-4.84-4.89-8.44.66-1.45 1.79-3.02 3.52-5.01 1.04-1.2 5.48-5.96 5.08-5.53 6.15-6.7 8.98-11.34 8.98-16.48a15.2 15.2 0 0 1 6.5-12.89v1.26a14.17 14.17 0 0 0-5.5 11.63c0 5.47-2.93 10.29-9.24 17.16.38-.42-4.04 4.33-5.07 5.5-1.67 1.93-2.75 3.43-3.36 4.77-1.37 3.04-.23 5.22 4.36 7.1 4.71 1.95 7.32 4.16 8.34 6.83.78 2.04.7 3.67-.03 7.4-.2 1.03-.3 1.51-.38 2.09-.48 3.33.03 5.59 2.23 7.8 2.74 2.74 3.98 8.96 5.84 25.06l.24 2.03.23 2.04c.82 7.01 1.53 12.06 2.34 16.03v4.33zm0-62.16c-1.4-3.13-4.43-9.9-4.95-11.17-1.02-2.53-1.25-3.8-.91-5.18.2-.84 2.05-4.68 2.32-5.33a70.79 70.79 0 0 0 3.54-11.2v3.99a62.82 62.82 0 0 1-2.62 7.6c-.31.75-2.09 4.46-2.27 5.18-.28 1.12-.08 2.22.87 4.57.41 1.02 2.5 5.7 4.02 9.09v2.45z'%3E%3C/path%3E%3C/svg%3E");
    }

    #hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
      background-repeat: repeat;
      background-size: 200px 200px;
      opacity: 0.4;
      pointer-events: none;
    }

    .hero__inner {
      position: relative;
      z-index: 1;
      text-align: left;
      width: 100%;
      padding: var(--space-20) 0 var(--space-12);
    }

    .hero__text {
      max-width: 640px;
    }

    .hero__visual {
      display: block;
      position: relative;
      overflow: visible;
      margin-top: var(--space-10);
    }

    .hero__visual-img {
      width: 100%;
      max-width: 380px;
      height: auto;
      display: none;
      margin: 0 auto;
    }

    .hero__visual-img--mobile {
      display: block;
    }

    @media (min-width: 1024px) {
      .hero__inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: var(--space-12);
      }
      .hero__visual {
        margin-top: 0;
      }
      .hero__visual-img {
        width: 130%;
        max-width: 130%;
        margin: 0;
      }
      .hero__visual-img--mobile {
        display: none;
      }
      .hero__visual-img--desktop {
        display: block;
      }
    }

    .hero__meta {
      display: flex;
      align-items: center;
      gap: var(--space-4);
      margin-bottom: var(--space-6);
    }

    .hero__rule {
      width: 64px;
      height: 2px;
      background: var(--color-accent);
      flex-shrink: 0;
      opacity: 0;
      animation: heroFade 0.5s var(--ease-default) forwards;
    }

    .hero__price {
      font-size: var(--text-sm);
      font-weight: 500;
      color: var(--color-text-secondary);
      opacity: 0;
      animation: heroFade 0.5s var(--ease-default) forwards;
    }

    .hero__title {
      font-family: Georgia, 'Times New Roman', serif;
      font-weight: 400;
      opacity: 0;
      transform: translateY(20px);
      animation: heroReveal 0.5s var(--ease-default) 0.1s forwards;
      margin-bottom: var(--space-6);
    }

    .hero__reveal-line {
      position: relative;
      display: inline-block;
      overflow: hidden;
    }

    .hero__reveal-text {
      color: var(--color-accent);
    }

    .hero__reveal-mask {
      position: absolute;
      inset: 0;
      background: var(--color-bg);
      transform: translateX(0);
      animation: heroRevealWipe 700ms var(--ease-in-out) 900ms forwards;
    }

    @keyframes heroRevealWipe {
      to { transform: translateX(101%); }
    }

    .hero__subtitle {
      opacity: 0;
      animation: heroFade 0.5s ease-out 0.35s forwards;
      font-size: clamp(1rem, 2vw, 1.25rem);
      color: var(--color-text-secondary);
      max-width: 480px;
      margin: 0 0 var(--space-10);
      line-height: 1.65;
    }

    .hero__cta {
      opacity: 0;
      transform: translateY(12px);
      animation: heroReveal 0.4s ease-out 0.45s forwards;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--space-3);
    }

    .hero__cta-primary {
      width: 100%;
    }

    .hero__cta-scroll {
      display: none;
    }
    @media (min-width: 768px) {
      .hero__cta-scroll {
        display: inline-flex;
        position: absolute;
        bottom: var(--space-10);
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        font-family: var(--font-body);
        font-weight: 500;
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        opacity: 0;
        animation: heroFade 0.5s ease-out 0.7s forwards;
        transition: color 150ms ease;
        z-index: 2;
      }
      .hero__cta-scroll:hover { color: var(--color-text-secondary); }
      .hero__cta-scroll svg { animation: scrollBounce 2s ease-in-out 1.5s infinite; }
    }
    @keyframes scrollBounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(5px); }
    }


    @keyframes heroReveal {
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes heroFade {
      to { opacity: 1; }
    }

    .hero__gradient-text {
      background: linear-gradient(90deg, #6B5CE7 0%, #a78bfa 40%, #c4b5fd 60%, #6B5CE7 100%);
      background-size: 200% auto;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      animation: gradientShift 4s linear infinite;
    }
    @keyframes gradientShift {
      0%   { background-position: 0% center; }
      100% { background-position: 200% center; }
    }

    .hero__cta-glow {
      position: relative;
      display: inline-block;
      border-radius: 6px;
      width: 100%;
      max-width: 320px;
    }
    .hero__cta-glow::before {
      content: '';
      position: absolute;
      inset: -4px;
      border-radius: 10px;
      background: var(--color-accent);
      opacity: 0;
      animation: ctaPulse 2.5s ease-out 1.5s infinite;
      z-index: -1;
    }
    @keyframes ctaPulse {
      0%   { opacity: 0.5; transform: scale(1); }
      100% { opacity: 0; transform: scale(1.18); }
    }

    @media (min-width: 640px) {
      .hero__cta {
        flex-direction: row;
        justify-content: flex-start;
      }
      .hero__cta-glow {
        width: auto;
        max-width: none;
      }
    }

    @keyframes heroFloat {
      0%, 100% { transform: translateY(0); }
      50%       { transform: translateY(-14px); }
    }

    .stats-band {
      background: var(--color-surface);
      border-top: 1px solid var(--color-border);
      border-bottom: 1px solid var(--color-border);
      padding: var(--space-8) 0;
    }
    .stats-band__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--space-5);
    }
    .stats-band__item {
      text-align: left;
      position: relative;
      border: 1px solid var(--color-border);
      border-radius: 10px;
      background: var(--color-bg);
      padding: var(--space-6) var(--space-5);
    }
    .stats-band__item::before {
      content: '';
      position: absolute;
      top: 0;
      left: var(--space-5);
      width: 32px;
      height: 2px;
      background: var(--color-accent);
    }
    .stats-band__num {
      display: block;
      font-family: Georgia, 'Times New Roman', serif;
      font-weight: 400;
      font-size: clamp(2rem, 3.2vw, 2.6rem);
      line-height: 1;
      color: var(--color-accent);
      margin: var(--space-4) 0 var(--space-2);
    }
    .stats-band__label {
      font-family: var(--font-body);
      font-size: var(--text-sm);
      color: var(--color-text-secondary);
      line-height: 1.45;
    }
    @media (max-width: 639px) {
      .stats-band__grid { grid-template-columns: 1fr; }
    }

    #jak-to-dziala {
      background: var(--color-surface);
      padding: var(--space-20) 0;
      border-top: none;
      position: relative;
    }
    #jak-to-dziala::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(to right, transparent 0%, var(--color-border) 20%, rgba(107,92,231,0.4) 50%, var(--color-border) 80%, transparent 100%);
      pointer-events: none;
    }

    .steps__header {
      margin-bottom: var(--space-12);
    }

    .steps__overline {
      font-family: var(--font-body);
      font-size: var(--text-sm);
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--color-accent);
      margin-bottom: var(--space-4);
    }

    .steps__heading {
      margin-bottom: var(--space-4);
    }

    .steps__subheading {
      font-size: var(--text-lg);
      color: var(--color-text-secondary);
      max-width: 480px;
    }

    .steps__list {
      display: flex;
      flex-direction: column;
    }

    .step-row {
      display: grid;
      grid-template-columns: 64px 1fr;
      gap: var(--space-6);
      padding: var(--space-8) 0;
      position: relative;
      transition: padding-left 250ms var(--ease-default);
    }

    .step-row::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 70%;
      height: 1px;
      background: linear-gradient(to right, var(--color-accent), transparent);
      opacity: 0.6;
    }

    .step-row:first-child::before {
      display: none;
    }

    .step-row:first-child {
      padding-top: 0;
    }

    .step-row:hover {
      padding-left: var(--space-2);
    }

    .step-row__num {
      font-family: Georgia, 'Times New Roman', serif;
      font-weight: 400;
      font-size: 3rem;
      color: var(--color-accent);
      line-height: 1;
      display: inline-block;
      opacity: 0;
      transform: scale(0.5);
      transition: color 250ms ease;
    }

    .step-row.reveal.is-visible .step-row__num {
      animation: stepRowNumPop 500ms var(--ease-default) 250ms forwards;
    }

    @keyframes stepRowNumPop {
      0%   { opacity: 0; transform: scale(0.5); }
      65%  { opacity: 1; transform: scale(1.15); }
      100% { opacity: 1; transform: scale(1); }
    }

    .step-row:hover .step-row__num {
      color: var(--color-accent-hover);
    }

    .step-row__title {
      font-family: var(--font-heading);
      font-weight: 600;
      font-size: var(--text-2xl);
      color: var(--color-text-primary);
      margin-bottom: var(--space-3);
    }

    .step-row__desc {
      font-size: var(--text-base);
      color: var(--color-text-secondary);
      line-height: 1.65;
      max-width: 560px;
    }

    @media (min-width: 768px) {
      .step-row {
        grid-template-columns: 140px 1fr;
        padding: var(--space-10) 0;
      }
      .step-row__num {
        font-size: 4.5rem;
      }
    }

    @media (min-width: 1024px) {
      #jak-to-dziala {
        padding: var(--space-32) 0;
      }

      .steps__subheading {
        max-width: 540px;
      }
    }

    #portfolio {
      background: var(--color-bg);
      padding: var(--space-20) 0;
      position: relative;
    }
    #portfolio::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(to right, transparent 0%, var(--color-border) 20%, rgba(107,92,231,0.4) 50%, var(--color-border) 80%, transparent 100%);
    }

    .portfolio__header { margin-bottom: var(--space-12); }
    .portfolio__overline {
      font-family: var(--font-body);
      font-size: var(--text-sm);
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--color-accent);
      margin-bottom: var(--space-4);
    }
    .portfolio__heading { margin-bottom: var(--space-4); }
    .portfolio__subheading {
      font-size: var(--text-lg);
      color: var(--color-text-secondary);
      max-width: 520px;
    }

    .portfolio__featured {
      position: relative;
      background: var(--color-surface);
      border: 1px solid var(--color-border);
      border-radius: 20px;
      padding: var(--space-8);
      margin-bottom: var(--space-16);
      overflow: hidden;
    }
    .portfolio__featured::before {
      content: '';
      position: absolute;
      top: -80px;
      right: -80px;
      width: 260px;
      height: 260px;
      background: radial-gradient(circle, rgba(248,113,113,0.06) 0%, transparent 70%);
      pointer-events: none;
    }
    .portfolio__featured-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: var(--text-sm);
      font-weight: 600;
      letter-spacing: 0.03em;
      color: var(--color-text-secondary);
      background: rgba(255,255,255,0.04);
      border: 1px solid var(--color-border);
      border-radius: 100px;
      padding: 6px 14px;
      margin-bottom: var(--space-6);
    }
    .portfolio__featured-badge svg { fill: #E0776B; flex-shrink: 0; }
    .portfolio__featured-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-8);
      align-items: center;
      position: relative;
      z-index: 1;
    }
    .portfolio__featured-title {
      font-family: var(--font-heading);
      font-size: clamp(2rem, 3.5vw, 2.75rem);
      font-weight: 700;
      color: var(--color-text-primary);
      line-height: 1.1;
      letter-spacing: -0.02em;
      margin: var(--space-2) 0 var(--space-4);
    }
    .mono {
      font-family: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, monospace;
    }

    .pf-item__desc {
      font-size: var(--text-lg);
      color: var(--color-text-secondary);
      line-height: 1.65;
      margin-bottom: var(--space-6);
      max-width: 440px;
    }

    .pf-item__tags {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-2);
      margin-bottom: var(--space-8);
    }
    .pf-item__tags .chip {
      background: rgba(255,255,255,0.04);
      border-color: rgba(255,255,255,0.08);
      color: var(--color-text-muted);
    }

    .dowod-frame {
      position: relative;
      background: #F4F1EA;
      padding: 14px 14px 16px;
      border-radius: 4px;
      box-shadow: 0 20px 60px rgba(0,0,0,0.55), 0 0 0 1px rgba(0,0,0,0.06);
      transition: transform 400ms var(--ease-default), box-shadow 400ms ease;
      transform: scale(var(--scroll-scale, 1));
    }
    .portfolio__featured:hover .dowod-frame {
      transform: translateY(-6px) scale(var(--scroll-scale, 1));
      box-shadow: 0 32px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(248,113,113,0.2);
    }
    .dowod-frame__ref {
      display: block;
      font-size: 11px;
      letter-spacing: 0.05em;
      color: #6B5D42;
      margin-bottom: 10px;
    }
    .dowod-frame__photo {
      display: block;
      width: 100%;
      height: 280px;
      object-fit: cover;
      object-position: center top;
      border-radius: 1px;
      filter: brightness(0.72);
    }
    @media (min-width: 1024px) {
      .portfolio__featured {
        padding: var(--space-10);
      }
      .portfolio__featured-grid {
        grid-template-columns: 1fr 1.2fr;
        gap: var(--space-12);
      }
      .dowod-frame__photo {
        height: 440px;
      }
    }

    .pf-strip-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: var(--space-16) 0 var(--space-5);
    }
    .pf-strip-header__label {
      font-size: var(--text-sm);
      font-weight: 500;
      color: var(--color-text-muted);
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }
    .pf-strip-controls {
      display: flex;
      gap: var(--space-2);
    }
    .pf-strip-controls.is-hidden {
      display: none;
    }
    .pf-strip-arrow {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1px solid var(--color-border);
      background: var(--color-surface);
      color: var(--color-text-secondary);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: border-color 150ms ease, color 150ms ease, background 150ms ease;
    }
    .pf-strip-arrow:hover {
      border-color: var(--color-accent);
      color: var(--color-text-primary);
      background: rgba(107,92,231,0.1);
    }
    .pf-strip-arrow:disabled {
      opacity: 0.35;
      pointer-events: none;
    }

    .pf-strip-wrap {
      position: relative;
      margin: 0 calc(-1 * clamp(24px, 4vw, 64px));
      mask-image: linear-gradient(to right, transparent 0, black clamp(24px, 4vw, 64px), black calc(100% - 24px), transparent 100%);
      -webkit-mask-image: linear-gradient(to right, transparent 0, black clamp(24px, 4vw, 64px), black calc(100% - 24px), transparent 100%);
    }

    .pf-strip {
      display: flex;
      gap: var(--space-6);
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      padding: 4px clamp(24px, 4vw, 64px) 32px;
      scrollbar-width: none;
      cursor: grab;
    }
    .pf-strip::-webkit-scrollbar { display: none; }
    .pf-strip.is-dragging {
      cursor: grabbing;
      scroll-snap-type: none;
      user-select: none;
    }
    .pf-card__photo {
      -webkit-user-drag: none;
    }

    .pf-card {
      flex: 0 0 auto;
      width: min(78vw, 360px);
      scroll-snap-align: start;
      background: #F4F1EA;
      border-radius: 6px;
      overflow: hidden;
      box-shadow: 0 16px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.06);
      transition: transform 300ms var(--ease-default), box-shadow 300ms ease;
      position: relative;
    }
    .pf-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: var(--pf-card-color, var(--color-accent));
    }
    .pf-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 24px 56px rgba(0,0,0,0.5), 0 0 0 1px rgba(0,0,0,0.06);
    }
    .pf-card--violet { --pf-card-color: #6B5CE7; }
    .pf-card--gold   { --pf-card-color: #B8860B; }
    .pf-card--teal   { --pf-card-color: #0D9488; }

    .pf-card__top {
      padding: 14px 16px 0;
    }
    .pf-card__ref {
      font-size: 11px;
      letter-spacing: 0.05em;
      color: #6B5D42;
    }
    .pf-card__photo-wrap {
      padding: 10px 14px;
      transform: scale(var(--scroll-scale, 1));
      transition: transform 400ms var(--ease-out);
    }
    .pf-card__photo {
      display: block;
      width: 100%;
      height: 200px;
      object-fit: cover;
      object-position: top center;
      border-radius: 2px;
    }
    .pf-card__body {
      padding: 4px 18px 20px;
    }
    .pf-card__industry {
      display: block;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #6B5D42;
      margin-bottom: 6px;
    }
    .portfolio__featured-info .pf-card__industry {
      color: var(--color-text-secondary);
    }
    .pf-card__title {
      font-family: var(--font-heading);
      font-size: var(--text-xl);
      font-weight: 700;
      color: #1C1912;
      line-height: 1.15;
      margin-bottom: 8px;
    }
    .pf-card__desc {
      font-size: var(--text-sm);
      color: #5B5546;
      line-height: 1.55;
      margin-bottom: 16px;
    }
    .pf-card__cta {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: var(--text-sm);
      font-weight: 600;
      color: var(--pf-card-color, var(--color-accent));
      transition: gap 200ms ease;
    }
    .pf-card__cta:hover { gap: 10px; }

    @media (min-width: 1024px) {
      #portfolio { padding: var(--space-32) 0; }
      .pf-card { width: calc((100% - 2 * var(--space-6)) / 3); }
      .pf-card__photo { height: 220px; }
    }

    #dlaczego {
      background: var(--color-section-light);
      padding: var(--space-20) 0;
      position: relative;
      overflow: hidden;
    }

    #dlaczego::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 65% 55% at 10% 40%, rgba(107,92,231,0.06) 0%, transparent 60%),
        radial-gradient(ellipse 55% 60% at 90% 65%, rgba(107,92,231,0.05) 0%, transparent 60%);
      pointer-events: none;
      z-index: 0;
    }

    #dlaczego::after {
      content: '';
      position: absolute;
      inset: 0;
      background-image: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 24px,
        rgba(0,0,0,0.013) 24px,
        rgba(0,0,0,0.013) 25px
      );
      pointer-events: none;
      z-index: 0;
    }

    #dlaczego .container {
      position: relative;
      z-index: 1;
    }

    .why__layout {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-12);
      align-items: start;
    }

    .why__left {
      position: relative;
    }

    @media (min-width: 1024px) {
      .why__left::before {
        content: '—';
        position: absolute;
        top: -24px;
        right: -16px;
        font-family: var(--font-heading);
        font-size: 12rem;
        font-weight: 700;
        color: rgba(107,92,231,0.06);
        line-height: 1;
        pointer-events: none;
        user-select: none;
      }
    }

    .why__overline {
      font-family: var(--font-body);
      font-size: var(--text-sm);
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--color-accent);
      margin-bottom: var(--space-4);
    }

    .why__heading {
      color: var(--color-section-light-text);
      margin-bottom: var(--space-5);
      font-size: clamp(2rem, 4vw, 3rem);
    }

    .why__lead {
      font-size: var(--text-lg);
      color: #5A5A70;
      line-height: 1.7;
      margin-bottom: var(--space-8);
      max-width: 46ch;
    }

    .why__pull-quote {
      position: relative;
      padding: var(--space-8) var(--space-8) var(--space-8) var(--space-8);
      background: var(--color-section-light-text);
      border-radius: 16px;
      margin-top: var(--space-8);
    }
    .why__pull-quote::before {
      content: '"';
      position: absolute;
      top: -10px;
      left: var(--space-6);
      font-family: var(--font-heading);
      font-size: 5rem;
      font-weight: 700;
      color: var(--color-accent);
      line-height: 1;
    }
    .why__pull-quote p {
      font-family: var(--font-heading);
      font-size: clamp(1.25rem, 2.2vw, 1.75rem);
      font-weight: 700;
      color: #ffffff;
      line-height: 1.25;
      position: relative;
      z-index: 1;
    }
    .why__pull-quote-text.is-typing::after {
      content: '';
      display: inline-block;
      width: 2px;
      height: 1em;
      margin-left: 3px;
      background: var(--color-accent);
      vertical-align: -0.15em;
      animation: pullQuoteCaret 800ms step-end infinite;
    }
    @keyframes pullQuoteCaret {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }
    .why__pull-quote cite {
      display: block;
      margin-top: var(--space-4);
      font-style: normal;
      font-size: var(--text-sm);
      color: rgba(255,255,255,0.45);
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .why__cards {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-4);
    }
    @media (min-width: 480px) {
      .why__cards { grid-template-columns: 1fr 1fr; }
    }

    .why__card {
      height: 210px;
      perspective: 1200px;
      border-radius: 16px;
    }
    .why__card:focus-visible {
      outline: none;
    }
    .why__card--1 { --why-card-color: #6B5CE7; }
    .why__card--2 { --why-card-color: #22C55E; }
    .why__card--3 { --why-card-color: #FB923C; }
    .why__card--4 { --why-card-color: #F472B6; }

    .why__card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      transition: transform 550ms var(--ease-default);
      transform-style: preserve-3d;
    }
    .why__card:hover .why__card-inner,
    .why__card:focus-visible .why__card-inner,
    .why__card.is-flipped .why__card-inner {
      transform: rotateY(180deg);
    }

    .why__card-face {
      position: absolute;
      inset: 0;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      background: #ffffff;
      border: 1px solid rgba(0,0,0,0.07);
      border-radius: 16px;
      padding: var(--space-6);
      box-shadow: 0 2px 12px rgba(0,0,0,0.05);
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
    .why__card-face::after {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(90deg, var(--why-card-color, #6B5CE7), transparent);
    }
    .why__card-face--front {
      justify-content: center;
    }
    .why__card-face--back {
      transform: rotateY(180deg);
      justify-content: center;
      background: var(--color-section-light-text);
    }

    .why__card-icon {
      width: 44px;
      height: 44px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: var(--space-4);
      background: rgba(107,92,231,0.1);
      border: 1px solid rgba(107,92,231,0.18);
      flex-shrink: 0;
    }
    .why__card--2 .why__card-icon { background: rgba(34,197,94,0.1); border-color: rgba(34,197,94,0.2); }
    .why__card--3 .why__card-icon { background: rgba(251,146,60,0.1); border-color: rgba(251,146,60,0.2); }
    .why__card--4 .why__card-icon { background: rgba(244,114,182,0.1); border-color: rgba(244,114,182,0.2); }

    .why__card-icon svg {
      width: 20px; height: 20px;
      fill: none;
      stroke: var(--color-accent);
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .why__card--2 .why__card-icon svg { stroke: #22C55E; }
    .why__card--3 .why__card-icon svg { stroke: #FB923C; }
    .why__card--4 .why__card-icon svg { stroke: #F472B6; }

    .why__card-title {
      font-family: var(--font-heading);
      font-weight: 600;
      font-size: var(--text-lg);
      color: var(--color-section-light-text);
      line-height: 1.3;
    }

    .why__card-desc {
      font-size: var(--text-sm);
      color: rgba(255,255,255,0.75);
      line-height: 1.6;
    }

    @media (min-width: 768px) {
      .why__layout { gap: var(--space-16); }
    }

    @media (min-width: 1024px) {
      #dlaczego { padding: var(--space-32) 0; }
      .why__layout {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-20);
        align-items: center;
      }
    }

    #opinie {
      background: var(--color-bg);
      padding: var(--space-20) 0;
      position: relative;
    }
    #opinie::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(to right, transparent 0%, var(--color-border) 20%, rgba(107,92,231,0.4) 50%, var(--color-border) 80%, transparent 100%);
      pointer-events: none;
    }

    .opinie__header {
      margin-bottom: var(--space-12);
    }

    .opinie__overline {
      font-family: var(--font-body);
      font-size: var(--text-sm);
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--color-accent);
      margin-bottom: var(--space-4);
    }

    .opinie__heading {
      margin-bottom: var(--space-4);
    }

    .opinie__subheading {
      font-size: var(--text-lg);
      color: var(--color-text-secondary);
      max-width: 520px;
    }

    .opinie__banner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-4);
      background: var(--color-surface);
      border: 1px solid var(--color-border);
      border-radius: 100px;
      padding: var(--space-4) var(--space-6);
      margin-bottom: var(--space-8);
    }
    .opinie__banner-rating {
      display: flex;
      align-items: center;
      gap: var(--space-3);
      flex-wrap: wrap;
    }
    .opinie__banner-stars {
      display: flex;
      gap: 2px;
    }
    .opinie__banner-stars svg {
      width: 16px;
      height: 16px;
      fill: #F0A500;
    }
    .opinie__banner-score {
      font-weight: 600;
      font-size: var(--text-base);
      color: var(--color-text-primary);
    }
    .opinie__banner-cta {
      flex-shrink: 0;
      padding: 10px 20px;
      font-size: var(--text-sm);
      border-radius: 100px;
    }
    @media (max-width: 520px) {
      .opinie__banner {
        border-radius: 20px;
        justify-content: center;
        text-align: center;
      }
      .opinie__banner-cta { width: 100%; }
    }

    .opinie__grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-6);
    }

    .testimonial-card {
      display: flex;
      flex-direction: column;
      background: var(--color-surface);
      border: 1px solid var(--color-border);
      border-radius: 16px;
      padding: var(--space-8);
      transition: transform 220ms var(--ease-default), box-shadow 220ms ease;
    }
    .testimonial-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 0 0 1px rgba(107,92,231,0.2), 0 12px 40px rgba(0,0,0,0.4);
    }

    .testimonial-card__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: var(--space-5);
    }

    .testimonial-card__stars {
      display: flex;
      gap: 3px;
    }
    .testimonial-card__stars svg {
      width: 16px;
      height: 16px;
      fill: #F0A500;
    }

    .testimonial-card__source {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: var(--text-xs);
      color: var(--color-text-muted);
      font-weight: 500;
    }
    .testimonial-card__source svg { width: 16px; height: 16px; }

    .testimonial-card__quote {
      font-size: var(--text-lg);
      color: var(--color-text-primary);
      line-height: 1.6;
      margin-bottom: var(--space-6);
    }

    .testimonial-card__author {
      display: flex;
      align-items: center;
      gap: var(--space-3);
      margin-top: auto;
    }

    .testimonial-card__avatar {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: linear-gradient(135deg, #a78bfa, #6B5CE7);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: var(--text-base);
      flex-shrink: 0;
    }

    .testimonial-card__name {
      font-family: var(--font-heading);
      font-weight: 600;
      font-size: var(--text-base);
      color: var(--color-text-primary);
    }

    .testimonial-card__meta {
      font-size: var(--text-xs);
      color: var(--color-text-muted);
    }

    @media (min-width: 768px) {
      .opinie__grid { grid-template-columns: 1fr 1fr; }
    }

    @media (min-width: 1024px) {
      #opinie { padding: var(--space-32) 0; }
    }

    #faq {
      background: var(--color-bg);
      padding: var(--space-20) 0;
      border-top: none;
      position: relative;
    }
    #faq::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(to right, transparent 0%, var(--color-border) 20%, rgba(107,92,231,0.4) 50%, var(--color-border) 80%, transparent 100%);
      pointer-events: none;
    }

    .faq__header {
      margin-bottom: var(--space-12);
    }

    .faq__overline {
      font-family: var(--font-body);
      font-size: var(--text-sm);
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--color-accent);
      margin-bottom: var(--space-4);
    }

    .faq__list {
      max-width: 760px;
    }

    .faq__item {
      border-top: 1px solid var(--color-border);
    }

    .faq__item:last-child {
      border-bottom: 1px solid var(--color-border);
    }

    .faq__question {
      width: 100%;
      display: flex;
      align-items: flex-start;
      gap: var(--space-3);
      padding: var(--space-6) 0;
      background: none;
      border: none;
      cursor: pointer;
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: var(--text-xl);
      color: var(--color-text-primary);
      text-align: left;
      min-height: 52px;
      transition: color 150ms ease;
    }

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

    .faq__q-mark {
      font-family: Georgia, 'Times New Roman', serif;
      font-style: italic;
      font-weight: 400;
      color: var(--color-accent);
      flex-shrink: 0;
      font-size: 0.8em;
      line-height: 1.5;
    }

    .faq__answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 300ms ease-out;
    }

    .faq__item.is-open .faq__answer {
      max-height: 320px;
    }

    .faq__answer-inner {
      padding-bottom: var(--space-6);
      padding-left: 28px;
      border-left: 2px solid var(--color-border);
      margin-left: 1px;
      font-size: var(--text-base);
      color: var(--color-text-secondary);
      line-height: 1.7;
      opacity: 0;
      transform: translateY(-8px);
      transition: opacity 300ms var(--ease-default), transform 300ms var(--ease-default);
    }

    .faq__item.is-open .faq__answer-inner {
      opacity: 1;
      transform: translateY(0);
    }

    @media (min-width: 1024px) {
      #faq {
        padding: var(--space-32) 0;
      }
    }

    .cta-final__inner {
      max-width: 640px;
      margin: 0 auto;
      text-align: center;
    }

    .cta-final__eyebrow {
      font-size: var(--text-sm);
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--color-accent);
      margin-bottom: var(--space-5);
    }

    .cta-final__heading {
      font-size: clamp(2rem, 5vw, 3.5rem);
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.05;
      margin-bottom: var(--space-5);
    }

    .cta-final__sub {
      font-size: var(--text-lg);
      color: var(--color-text-secondary);
      max-width: 420px;
      margin: 0 auto var(--space-10);
    }

    .cta-final__cta {
      display: flex;
      justify-content: center;
    }

    .cta-final__cta .btn {
      padding: 16px 48px;
      font-size: var(--text-lg);
    }

    @media (max-width: 639px) {
      .cta-final__cta .btn {
        width: 100%;
        max-width: 360px;
      }
    }

    .cookie-banner {
      position: fixed;
      left: 16px;
      right: 16px;
      bottom: 16px;
      z-index: 1500;
      max-width: 640px;
      margin: 0 auto;
      background: var(--color-surface);
      border: 1px solid var(--color-border);
      border-radius: 14px;
      padding: var(--space-5) var(--space-6);
      box-shadow: 0 12px 40px rgba(0,0,0,0.4);
      display: flex;
      flex-direction: column;
      gap: var(--space-4);
    }

    .cookie-banner.is-hidden {
      display: none;
    }

    body.menu-open .cookie-banner {
      display: none;
    }

    .cookie-banner__text {
      font-size: var(--text-sm);
      color: var(--color-text-secondary);
      line-height: 1.6;
    }

    .cookie-banner__text a {
      color: var(--color-accent);
    }

    .cookie-banner__actions {
      display: flex;
      gap: var(--space-3);
      flex-wrap: wrap;
    }

    .cookie-banner__actions .btn {
      flex: 1;
      min-width: 140px;
    }

    .modal-overlay {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 2000;
      background: rgba(5,5,8,0.72);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      align-items: center;
      justify-content: center;
      padding: var(--space-4);
    }
    .modal-overlay.is-open {
      display: flex;
    }
    .modal {
      background: var(--color-surface);
      border: 1px solid var(--color-border);
      border-radius: 16px;
      padding: var(--space-8) var(--space-5);
      max-width: 1100px;
      width: 100%;
      max-height: 90vh;
      overflow-y: auto;
      position: relative;
      box-shadow: 0 24px 64px rgba(0,0,0,0.5);
      opacity: 0;
      transform: translateY(16px) scale(0.98);
      transition: opacity 200ms ease, transform 200ms ease;
    }
    .modal-overlay.is-open .modal {
      opacity: 1;
      transform: translateY(0) scale(1);
    }

    .modal.modal--compact {
      max-width: 680px;
      transition: opacity 200ms ease, transform 200ms ease, max-width 250ms ease;
    }
    .modal__close {
      position: absolute;
      top: var(--space-4);
      right: var(--space-4);
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--color-border);
      border-radius: 50%;
      background: var(--color-surface-alt);
      color: var(--color-text-secondary);
      cursor: pointer;
      transition: color 150ms ease, border-color 150ms ease;
      z-index: 1;
    }
    .modal__close:hover {
      color: var(--color-text-primary);
      border-color: var(--color-text-secondary);
    }
    body.modal-open {
      overflow: hidden;
    }
    @media (min-width: 1024px) {
      .modal {
        padding: var(--space-10);
      }
    }

    .contact__grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-12);
    }

    .contact__heading {
      margin-bottom: var(--space-4);
    }

    .contact__subheading {
      font-size: var(--text-lg);
      color: var(--color-text-secondary);
      margin-bottom: var(--space-10);
    }

    .form__fields {
      display: flex;
      flex-direction: column;
      gap: var(--space-5);
    }

    .form__group {
      display: flex;
      flex-direction: column;
      gap: var(--space-2);
    }

    .form__label {
      font-family: var(--font-body);
      font-size: var(--text-sm);
      font-weight: 500;
      color: var(--color-text-secondary);
    }

    .form__label span {
      color: var(--color-accent);
      margin-left: 2px;
    }

    .form__input {
      background: var(--color-surface-alt);
      border: 1px solid var(--color-border);
      border-radius: 6px;
      padding: 12px 16px;
      font-family: var(--font-body);
      font-size: var(--text-base);
      color: var(--color-text-primary);
      width: 100%;
      min-height: 48px;
      transition: border-color 150ms ease, box-shadow 150ms ease;
      appearance: none;
      -webkit-appearance: none;
    }

    .form__input::placeholder {
      color: var(--color-text-muted);
    }

    .form__input:focus {
      outline: none;
      border-color: var(--color-accent);
      box-shadow: 0 0 0 3px rgba(107,92,231,0.12);
    }

    .form__input.has-error {
      border-color: var(--color-error);
    }

    .form__error {
      font-size: var(--text-sm);
      color: var(--color-error);
      display: none;
    }

    .form__group.has-error .form__error {
      display: block;
    }

    .form__group--checkbox {
      gap: var(--space-2);
    }
    .form__checkbox-label {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      cursor: pointer;
      font-size: var(--text-sm);
      color: var(--color-text-secondary);
      line-height: 1.55;
    }
    .form__checkbox {
      width: 18px;
      height: 18px;
      min-height: 18px;
      flex-shrink: 0;
      margin-top: 2px;
      accent-color: var(--color-accent);
      cursor: pointer;
    }
    .form__checkbox.has-error {
      outline: 2px solid var(--color-error);
      outline-offset: 2px;
    }
    .form__checkbox-label a {
      color: var(--color-accent);
      text-decoration: underline;
    }
    .form__checkbox-label a:hover {
      color: var(--color-accent-hover);
    }

    .form__textarea {
      background: var(--color-surface-alt);
      border: 1px solid var(--color-border);
      border-radius: 8px;
      color: var(--color-text-primary);
      font-family: var(--font-body);
      font-size: var(--text-base);
      line-height: 1.6;
      padding: var(--space-3) var(--space-4);
      width: 100%;
      resize: vertical;
      min-height: 110px;
      transition: border-color 200ms ease;
    }

    .form__textarea::placeholder {
      color: var(--color-text-muted);
    }

    .form__textarea:focus {
      outline: none;
      border-color: var(--color-accent);
    }

    .form__steps-indicator {
      display: flex;
      align-items: center;
      gap: var(--space-2);
      margin-bottom: var(--space-6);
    }

    .form__step-dot {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: var(--text-xs);
      border: 1.5px solid var(--color-border);
      color: var(--color-text-muted);
      flex-shrink: 0;
      transition: background 200ms, border-color 200ms, color 200ms;
    }

    .form__step-dot.is-active {
      background: var(--color-accent);
      border-color: var(--color-accent);
      color: #fff;
    }

    .form__step-dot.is-done {
      background: rgba(107,92,231,0.15);
      border-color: var(--color-accent);
      color: var(--color-accent);
    }

    .form__step-label {
      font-size: var(--text-sm);
      color: var(--color-text-muted);
      transition: color 200ms;
      white-space: nowrap;
    }

    .form__step-label.is-active {
      color: var(--color-text-primary);
      font-weight: 500;
    }

    .form__step-connector {
      flex: 1;
      height: 1px;
      background: var(--color-border);
    }

    .form__step-panel {
      display: none;
    }

    .form__step-panel.is-active {
      display: block;
      animation: stepFadeIn 220ms ease both;
    }

    @keyframes stepFadeIn {
      from { opacity: 0; transform: translateX(10px); }
      to   { opacity: 1; transform: translateX(0); }
    }

    .form__nav {
      display: flex;
      gap: var(--space-3);
      margin-top: var(--space-5);
      align-items: center;
    }

    .form__nav .btn--ghost {
      flex-shrink: 0;
      padding-left: 0;
    }
    .form__nav .form__submit {
      flex: 1;
    }
    #form-next {
      width: 100%;
    }
    #form-next svg {
      margin-left: 6px;
    }
    #form-next-2 {
      flex: 1;
    }
    #form-next-2 svg {
      margin-left: 6px;
    }
    #form-back svg,
    #form-back-2 svg {
      margin-right: 4px;
    }
    .form__label-optional {
      color: var(--color-text-muted);
      font-weight: 400;
    }

    .form__packages {
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
    }

    .form__package {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: var(--space-2);
      border: 1px solid var(--color-border);
      border-radius: 12px;
      padding: var(--space-5);
      cursor: pointer;
      transition: border-color 150ms ease, background 150ms ease;
    }

    .form__package:hover {
      border-color: var(--color-text-secondary);
    }

    .form__package:has(.form__package__input:checked) {
      border-color: var(--color-accent);
      background: rgba(107,92,231,0.08);
    }

    .form__package__input {
      position: absolute;
      top: var(--space-5);
      right: var(--space-5);
      accent-color: var(--color-accent);
      width: 18px;
      height: 18px;
    }

    .form__package__main {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: var(--space-3);
      padding-right: 28px;
    }

    .form__package__name {
      font-weight: 700;
      font-size: var(--text-base);
      color: var(--color-text-primary);
      display: flex;
      align-items: center;
      gap: var(--space-2);
    }

    .form__package__tag {
      font-size: var(--text-xs);
      font-weight: 500;
      color: var(--color-accent);
      background: rgba(107,92,231,0.12);
      border-radius: 100px;
      padding: 2px 8px;
      white-space: nowrap;
    }

    .form__package__price {
      font-family: Georgia, 'Times New Roman', serif;
      font-size: var(--text-lg);
      color: var(--color-text-primary);
      flex-shrink: 0;
    }

    .form__package__desc {
      font-size: var(--text-sm);
      color: var(--color-text-secondary);
      line-height: 1.5;
      padding-right: 28px;
    }

    .form__pkg-tabs {
      display: flex;
      border: 1px solid var(--color-border);
      border-radius: 10px;
      overflow: hidden;
    }

    .form__pkg-tab {
      position: relative;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      padding: var(--space-4) var(--space-2);
      text-align: center;
      cursor: pointer;
      border-right: 1px solid var(--color-border);
      transition: background 150ms ease;
    }

    .form__pkg-tab:last-child {
      border-right: none;
    }

    .form__pkg-tab:has(.form__pkg-tab__input:checked) {
      background: rgba(107,92,231,0.14);
    }

    .form__pkg-tab:has(.form__pkg-tab__input:focus-visible) {
      outline: 2px solid var(--color-accent);
      outline-offset: 2px;
    }

    .form__pkg-tab__input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    .form__pkg-tab__name {
      font-weight: 600;
      font-size: var(--text-sm);
      color: var(--color-text-secondary);
    }

    .form__pkg-tab:has(.form__pkg-tab__input:checked) .form__pkg-tab__name {
      color: var(--color-text-primary);
    }

    .form__pkg-tab__price {
      font-family: Georgia, 'Times New Roman', serif;
      font-size: var(--text-sm);
      color: var(--color-text-muted);
    }

    .form__pkg-detail {
      margin-top: var(--space-4);
      border: 1px solid var(--color-border);
      border-radius: 10px;
      padding: var(--space-5);
      background: var(--color-surface-alt);
    }

    .form__pkg-detail__text {
      display: none;
      margin: 0;
      font-size: var(--text-sm);
      color: var(--color-text-secondary);
      line-height: 1.55;
    }

    .form__pkg-detail__text::before {
      content: attr(data-title);
      display: block;
      font-weight: 700;
      font-size: var(--text-base);
      color: var(--color-text-primary);
      margin-bottom: 6px;
    }

    .form__pkg-tabs:has(.form__pkg-tab__input[data-pkg="wizytowka"]:checked) ~ .form__pkg-detail .form__pkg-detail__text[data-pkg="wizytowka"],
    .form__pkg-tabs:has(.form__pkg-tab__input[data-pkg="biznes"]:checked) ~ .form__pkg-detail .form__pkg-detail__text[data-pkg="biznes"],
    .form__pkg-tabs:has(.form__pkg-tab__input[data-pkg="indywidualny"]:checked) ~ .form__pkg-detail .form__pkg-detail__text[data-pkg="indywidualny"] {
      display: block;
    }

    .form__package-tiles {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-3);
    }

    .form__package-tile {
      display: flex;
      align-items: center;
      gap: var(--space-3);
      border: 1px solid var(--color-border);
      border-radius: 10px;
      padding: var(--space-4) var(--space-5);
      cursor: pointer;
      transition: border-color 150ms ease, background 150ms ease;
    }

    .form__package-tile:hover {
      border-color: var(--color-text-secondary);
    }

    .form__package-tile:has(.form__package-tile__input:checked) {
      border-color: var(--color-accent);
      background: rgba(107,92,231,0.08);
    }

    .form__package-tile__input {
      accent-color: var(--color-accent);
      flex-shrink: 0;
      width: 16px;
      height: 16px;
    }

    .form__package-tile__name {
      font-size: var(--text-sm);
      font-weight: 600;
      color: var(--color-text-primary);
      flex: 1;
    }

    .form__package-tile__price {
      font-size: var(--text-sm);
      color: var(--color-text-muted);
      flex-shrink: 0;
    }

    @media (min-width: 640px) {
      .form__package-tiles {
        grid-template-columns: repeat(3, 1fr);
      }
      .form__package-tile {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-2);
      }
    }

    .form__honeypot {
      display: none;
    }

    .form__submit-wrap {
      margin-top: var(--space-2);
    }

    .form__submit {
      width: 100%;
      height: 52px;
      font-size: var(--text-base);
    }

    .form__note {
      font-size: var(--text-sm);
      color: var(--color-text-muted);
      margin-top: var(--space-3);
      text-align: center;
    }

    .form__success {
      display: none;
      padding: var(--space-8);
      background: rgba(34, 197, 94, 0.08);
      border: 1px solid rgba(34, 197, 94, 0.25);
      border-radius: 8px;
      text-align: center;
    }

    .form__success.is-visible {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--space-4);
      animation: successPop 400ms var(--ease-default) both;
    }
    @keyframes successPop {
      from { opacity: 0; transform: scale(0.92) translateY(6px); }
      to   { opacity: 1; transform: scale(1) translateY(0); }
    }

    .form__success-icon {
      position: relative;
      width: 48px;
      height: 48px;
      background: rgba(34, 197, 94, 0.1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .form__success-icon::before {
      content: '';
      position: absolute;
      inset: -6px;
      border-radius: 50%;
      border: 2px solid var(--color-success);
      opacity: 0;
    }
    .form__success.is-visible .form__success-icon::before {
      animation: successRing 900ms ease-out 250ms both;
    }
    @keyframes successRing {
      0%   { opacity: 0.6; transform: scale(0.8); }
      100% { opacity: 0; transform: scale(1.6); }
    }

    .form__success-icon svg {
      width: 24px;
      height: 24px;
      stroke: var(--color-success);
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .form__success-icon svg path {
      stroke-dasharray: 20;
      stroke-dashoffset: 20;
    }
    .form__success.is-visible .form__success-icon svg path {
      animation: successDraw 450ms ease-out 150ms forwards;
    }
    @keyframes successDraw {
      to { stroke-dashoffset: 0; }
    }

    .form__success-title {
      font-family: var(--font-heading);
      font-weight: 600;
      font-size: var(--text-xl);
      color: var(--color-text-primary);
    }

    .form__success-text {
      font-size: var(--text-base);
      color: var(--color-text-secondary);
    }

    .contact__panel {
      position: relative;
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cpath fill='%237d66ed' fill-opacity='0.27' d='M600 325.1v-1.17c-6.5 3.83-13.06 7.64-14.68 8.64-10.6 6.56-18.57 12.56-24.68 19.09-5.58 5.95-12.44 10.06-22.42 14.15-1.45.6-2.96 1.2-4.83 1.9l-4.75 1.82c-9.78 3.75-14.8 6.27-18.98 10.1-4.23 3.88-9.65 6.6-16.77 8.84-1.95.6-3.99 1.17-6.47 1.8l-6.14 1.53c-5.29 1.35-8.3 2.37-10.54 3.78-3.08 1.92-6.63 3.26-12.74 5.03a384.1 384.1 0 0 1-4.82 1.36c-2.04.58-3.6 1.04-5.17 1.52a110.03 110.03 0 0 0-11.2 4.05c-2.7 1.15-5.5 3.93-8.78 8.4a157.68 157.68 0 0 0-6.15 9.2c-5.75 9.07-7.58 11.74-10.24 14.51a50.97 50.97 0 0 1-4.6 4.22c-2.33 1.9-10.39 7.54-11.81 8.74a14.68 14.68 0 0 0-3.67 4.15c-1.24 2.3-1.9 4.57-2.78 8.87-2.17 10.61-3.52 14.81-8.2 22.1-4.07 6.33-6.8 9.88-9.83 12.99-.47.48-.95.96-1.5 1.48l-3.75 3.56c-1.67 1.6-3.18 3.12-4.86 4.9a42.44 42.44 0 0 0-9.89 16.94c-2.5 8.13-2.72 15.47-1.76 27.22.47 5.82.51 6.36.51 8.18 0 10.51.12 17.53.63 25.78.24 4.05.56 7.8.97 11.22h.9c-1.13-9.58-1.5-21.83-1.5-37 0-1.86-.04-2.4-.52-8.26-.94-11.63-.72-18.87 1.73-26.85a41.44 41.44 0 0 1 9.65-16.55c1.67-1.76 3.18-3.27 4.83-4.85.63-.6 3.13-2.96 3.75-3.57a71.6 71.6 0 0 0 1.52-1.5c3.09-3.16 5.86-6.76 9.96-13.15 4.77-7.42 6.15-11.71 8.34-22.44.86-4.21 1.5-6.4 2.68-8.6.68-1.25 1.79-2.48 3.43-3.86 1.38-1.15 9.43-6.8 11.8-8.72 1.71-1.4 3.26-2.81 4.7-4.3 2.72-2.85 4.56-5.54 10.36-14.67a156.9 156.9 0 0 1 6.1-9.15c3.2-4.33 5.9-7.01 8.37-8.07 3.5-1.5 7.06-2.77 11.1-4.02a233.84 233.84 0 0 1 7.6-2.2l2.38-.67c6.19-1.79 9.81-3.16 12.98-5.15 2.14-1.33 5.08-2.33 10.27-3.65l6.14-1.53c2.5-.63 4.55-1.2 6.52-1.82 7.24-2.27 12.79-5.06 17.15-9.05 4.05-3.72 9-6.2 18.66-9.9l4.75-1.82c1.87-.72 3.39-1.31 4.85-1.91 10.1-4.15 17.07-8.32 22.76-14.4 6.05-6.45 13.95-12.4 24.49-18.92 1.56-.96 7.82-4.6 14.15-8.33v-64.58c-4 8.15-8.52 14.85-12.7 17.9-2.51 1.82-5.38 4.02-9.04 6.92a1063.87 1063.87 0 0 0-6.23 4.98l-1.27 1.02a2309.25 2309.25 0 0 1-4.87 3.9c-7.55 6-12.9 10.05-17.61 13.19-3.1 2.06-3.86 2.78-8.06 7.13-5.84 6.07-11.72 8.62-29.15 10.95-11.3 1.5-20.04 4.91-30.75 11.07-1.65.94-7.27 4.27-6.97 4.1-2.7 1.58-4.69 2.69-6.64 3.66-5.63 2.8-10.47 4.17-15.71 4.17-17.13 0-41.44 11.51-51.63 22.83-12.05 13.4-31.42 27.7-45.25 31.16-7.4 1.85-11.85 7.05-14.04 14.69-1.26 4.4-1.58 8.28-1.58 13.82 0 .82.01.98.24 3.63.45 5.18.35 8.72-.77 13.26-1.53 6.2-4.89 12.6-10.59 19.43-13.87 16.65-22.88 46.58-22.88 71.68 0 2.39.02 4.26.06 8.75.12 10.8.1 15.8-.22 21.95-.56 11.18-2.09 20.73-5 29.3h-1.05c2.94-8.56 4.49-18.12 5.05-29.35.31-6.13.34-11.1.22-21.9-.04-4.48-.06-6.36-.06-8.75 0-25.32 9.07-55.47 23.12-72.32 5.6-6.72 8.88-12.99 10.38-19.03 1.09-4.4 1.18-7.85.74-12.93-.23-2.7-.24-2.86-.24-3.72 0-5.62.32-9.57 1.62-14.1 2.28-7.95 6.97-13.44 14.76-15.39 13.6-3.4 32.82-17.59 44.75-30.84C409 360.14 433.58 348.5 451 348.5c5.07 0 9.77-1.33 15.26-4.07 1.93-.96 3.9-2.05 6.58-3.62-.3.18 5.33-3.16 6.98-4.11 10.82-6.21 19.66-9.67 31.11-11.2 17.23-2.3 22.9-4.75 28.57-10.64 4.25-4.41 5.04-5.16 8.22-7.28 4.68-3.11 10.01-7.14 17.55-13.14a1113.33 1113.33 0 0 0 4.86-3.89l1.28-1.02a4668.54 4668.54 0 0 1 6.23-4.98c3.67-2.9 6.55-5.12 9.07-6.95 4.37-3.19 9.16-10.56 13.29-19.4v66.9zm0-116.23c-.62.01-1.27.06-1.95.13-6.13.63-13.83 3.45-21.83 7.45-3.64 1.82-8.46 2.67-14.17 2.71-4.7.04-9.72-.47-14.73-1.33-1.7-.3-3.26-.61-4.67-.93a31.55 31.55 0 0 0-3.55-.57 273.4 273.4 0 0 0-16.66-.88c-10.42-.16-17.2.74-17.97 2.73-.38.97.6 2.55 3.03 4.87 1.01.97 2.22 2.03 4.04 3.55a1746.07 1746.07 0 0 0 4.79 4.02c1.39 1.2 3.1 1.92 5.5 2.5.7.16.86.2 2.64.54 3.53.7 5.03 1.25 6.15 2.63 1.41 1.76 1.4 4.54-.15 8.88-2.44 6.83-5.72 10.05-10.19 10.33-3.63.23-7.6-1.29-14.52-5.06-4.53-2.47-6.82-7.3-8.32-15.26-.17-.87-.32-1.78-.5-2.86l-.43-2.76c-1.05-6.58-1.9-9.2-3.73-10.11-.81-.4-1.59-.74-2.36-1-2.27-.77-4.6-1.02-8.1-.92-2.29.07-14.7 1-13.77.93-20.55 1.37-28.8 5.05-37.09 14.99a133.07 133.07 0 0 0-4.25 5.44l-2.3 3.09-2.51 3.32c-4.1 5.36-7.06 8.48-10.39 11.12-.65.52-1.33 1.04-2.13 1.62l-4.11 2.94a106.8 106.8 0 0 0-5.16 3.99c-4.55 3.74-9.74 8.6-16.25 15.38-8.25 8.58-11.78 13.54-11.7 15.95.07 1.65 1.64 2.11 6.79 2.38 1.61.09 2.15.12 2.98.2 2.95.24 5.09.73 6.81 1.68 7.48 4.15 11.63 7.26 13.95 11.58 3.3 6.15.8 12.88-8.89 20.26-8.28 6.3-11.1 10.37-11.31 14.96-.06 1.17 0 1.93.26 4.43.69 6.47.25 10.65-2.8 17.42a44.23 44.23 0 0 1-4.16 7.53c-2.82 3.97-5.47 5.74-10.6 7.69-.43.16-3.34 1.23-4.27 1.59-1.8.68-3.38 1.36-5.01 2.14-4.18 2-8.4 4.6-13.1 8.24-8.44 6.51-13.23 14.56-15.98 25.06-1.1 4.2-1.55 6.81-2.8 15.21-1.26 8.6-2.17 12.64-4.08 16.55-2.1 4.28-11.93 26.59-12.97 28.88a382.7 382.7 0 0 1-6.37 13.41c-4.07 8.11-7.61 14.07-10.73 17.81-5.38 6.46-8.98 14.37-13.77 28.42a810.14 810.14 0 0 0-1.89 5.6c-1.8 5.35-2.96 8.6-4.26 11.85-6.13 15.32-25.43 26.31-46.46 26.31-11.2 0-20.58-2.74-31.02-8.55-5.6-3.13-4.55-2.42-22.26-14.54-14.33-9.8-17.7-10.73-20.47-6.9-.37.5-1.81 2.74-1.83 2.77a52.24 52.24 0 0 1-4.94 5.9c-.73.79-5.52 5.87-6.97 7.45-2.38 2.6-4.3 4.81-5.98 6.93a45.6 45.6 0 0 0-5.08 7.66c-1.29 2.57-1.9 5.25-2.66 10.6a997.6 997.6 0 0 1-.46 3.18h-1l.47-3.32c.77-5.45 1.4-8.2 2.75-10.9a46.54 46.54 0 0 1 5.2-7.84c1.7-2.14 3.63-4.38 6.03-6.98 1.45-1.59 6.24-6.68 6.96-7.46a51.58 51.58 0 0 0 4.84-5.78s1.47-2.26 1.86-2.8c3.25-4.5 7.08-3.44 21.84 6.67 17.67 12.08 16.62 11.38 22.19 14.48 10.3 5.73 19.5 8.43 30.53 8.43 20.65 0 39.57-10.77 45.54-25.69a219.7 219.7 0 0 0 4.24-11.8 6752.32 6752.32 0 0 0 1.88-5.6c4.83-14.16 8.47-22.14 13.96-28.73 3.05-3.66 6.56-9.57 10.6-17.61 1.97-3.93 4.04-8.31 6.35-13.38 1.03-2.28 10.88-24.61 12.98-28.91 1.85-3.79 2.75-7.76 4-16.25 1.24-8.44 1.7-11.07 2.81-15.32 2.8-10.7 7.71-18.94 16.33-25.6a73.18 73.18 0 0 1 13.29-8.35c1.66-.8 3.27-1.48 5.08-2.18.94-.36 3.86-1.43 4.28-1.59 4.95-1.88 7.44-3.55 10.14-7.33 1.35-1.9 2.68-4.3 4.06-7.37 2.97-6.58 3.39-10.59 2.72-16.9a27.13 27.13 0 0 1-.27-4.58c.22-4.94 3.21-9.24 11.7-15.7 9.33-7.11 11.66-13.34 8.62-19-2.2-4.09-6.25-7.12-13.55-11.17-1.57-.88-3.6-1.33-6.42-1.57-.8-.07-1.34-.1-2.95-.19-5.77-.3-7.63-.85-7.72-3.34-.1-2.81 3.5-7.87 11.97-16.69 6.53-6.8 11.75-11.69 16.33-15.45 1.79-1.47 3.42-2.72 5.2-4.03l4.12-2.94c.79-.58 1.46-1.08 2.1-1.59 3.26-2.6 6.16-5.65 10.21-10.94a383.2 383.2 0 0 0 2.5-3.32l2.31-3.09c1.8-2.39 3.04-4 4.29-5.48 8.47-10.17 16.98-13.96 37.27-15.3-.44.02 12-.9 14.32-.98 3.62-.1 6.05.16 8.46.98.8.27 1.62.62 2.47 1.04 2.27 1.14 3.17 3.87 4.27 10.85l.44 2.76c.17 1.07.33 1.97.5 2.83 1.44 7.69 3.62 12.29 7.8 14.57 6.76 3.68 10.6 5.15 13.99 4.94 4-.25 6.99-3.17 9.3-9.67 1.45-4.04 1.46-6.49.32-7.92-.9-1.12-2.28-1.62-5.57-2.27a55.8 55.8 0 0 1-2.67-.55c-2.54-.6-4.39-1.4-5.93-2.71a252.63 252.63 0 0 0-4.78-4.01 84.35 84.35 0 0 1-4.08-3.6c-2.73-2.6-3.86-4.43-3.28-5.95 1.02-2.64 7.82-3.54 18.93-3.37a230.56 230.56 0 0 1 16.73.88c2.76.39 3.2.49 3.68.6 1.4.3 2.95.62 4.62.91a82.9 82.9 0 0 0 14.56 1.32c5.56-.04 10.24-.86 13.73-2.6 8.1-4.05 15.89-6.9 22.17-7.56.7-.07 1.4-.11 2.05-.13v1zm0-100.94v1.5c-8.62 16.05-17.27 29.55-23.65 35.92-3.19 3.2-7.62 4.9-13.54 5.56-4.45.48-8.28.4-19.18-.2-9.91-.55-15.32-.44-20.52.78a84.05 84.05 0 0 1-15 2.11l-2.25.14c-12.49.75-19.37 1.78-32.72 5.74-4.5 1.33-9.27 2.49-14.3 3.48a246.27 246.27 0 0 1-32.6 3.97c-7.56.45-13.21.57-20.24.57-5.4 0-11.9 1.61-18 5.18-8.3 4.87-15.06 12.87-19.53 24.5a68.57 68.57 0 0 1-4.56 9.8c-3.6 6.2-6.92 8.99-13.38 12.18l-4.03 1.96a64.48 64.48 0 0 0-15.16 10.25c-8.2 7.33-13.72 16.63-22.54 35.6l-2.08 4.49c-7.3 15.7-11.5 23.3-17.35 29.87-7.7 8.66-20.25 14.42-40.31 20.08-4.37 1.23-19.04 5.08-19.24 5.13-6.92 1.87-11.68 3.34-15.63 4.92-10.55 4.22-18.71 10.52-36.38 26.52l-1.7 1.54c-8.58 7.76-13.41 11.9-18.81 15.88-3.95 2.9-8 5.67-12.97 8.91-2.06 1.34-10.3 6.6-12.33 7.94-11.52 7.5-18.53 13.04-24.62 20.08a62.01 62.01 0 0 0-6.44 8.85c-4.13 6.91-6.27 13.15-9.2 25.11l-1.54 6.26c-.6 2.45-1.15 4.54-1.72 6.58-2.97 10.7-6.9 17.36-14.78 26.91L69.6 491a148.51 148.51 0 0 0-4.19 5.3 23.9 23.9 0 0 0-3.44 6.28c-1.16 3.23-1.52 5.9-1.87 11.94-.58 10.05-1.42 15.04-4.63 22.67-1.57 3.72-5.66 14.02-6.41 15.8a73.46 73.46 0 0 1-3.57 7.4c-2.88 5.14-6.71 10.12-13.12 16.95-5.96 6.36-8.87 10.9-10.61 16a56.88 56.88 0 0 0-1.38 4.82l-.46 1.84h-1.03l.52-2.08c.52-2.09.92-3.49 1.4-4.9 1.8-5.25 4.78-9.9 10.84-16.36 6.35-6.78 10.13-11.7 12.97-16.77a72.5 72.5 0 0 0 3.52-7.29c.75-1.76 4.84-12.06 6.4-15.8 3.17-7.5 3.99-12.4 4.56-22.33.35-6.14.72-8.88 1.93-12.23a24.9 24.9 0 0 1 3.58-6.54c1.27-1.7 2.6-3.37 4.22-5.34l4.11-4.95c7.8-9.46 11.66-16 14.59-26.54.56-2.04 1.1-4.12 1.71-6.56l1.53-6.26c2.96-12.04 5.13-18.36 9.32-25.39 1.84-3.08 4-6.05 6.54-8.99 6.17-7.12 13.24-12.7 24.83-20.26 2.05-1.33 10.28-6.6 12.33-7.94 4.96-3.22 9-5.98 12.92-8.87 5.37-3.95 10.19-8.08 18.74-15.82l1.7-1.54c17.76-16.09 25.98-22.43 36.67-26.7 4-1.6 8.8-3.09 15.75-4.96.21-.06 14.87-3.9 19.22-5.13 19.9-5.61 32.32-11.31 39.85-19.78 5.76-6.48 9.93-14.02 17.18-29.64l2.09-4.5c8.87-19.07 14.44-28.46 22.77-35.9a65.48 65.48 0 0 1 15.38-10.4l4.04-1.97c6.3-3.1 9.47-5.77 12.96-11.77a67.6 67.6 0 0 0 4.48-9.67c4.56-11.84 11.47-20.02 19.97-25 6.25-3.66 12.93-5.32 18.5-5.32 7.01 0 12.65-.12 20.17-.57a245.3 245.3 0 0 0 32.47-3.96c5-.98 9.75-2.13 14.22-3.45 13.43-3.98 20.38-5.02 32.94-5.78l2.24-.14c5.76-.37 9.8-.9 14.85-2.09 5.31-1.25 10.79-1.35 22.6-.7 9.04.5 12.84.58 17.21.1 5.71-.62 9.94-2.26 12.95-5.26 6.44-6.45 15.3-20.37 24.35-36.72zm0 450.21c-1.28-4.6-2.2-10.55-3.33-20.25l-.24-2.04-.23-2.03c-1.82-15.7-3.07-21.98-5.55-24.47-2.46-2.46-3.04-5.03-2.52-8.64.1-.6.18-1.1.39-2.15.69-3.54.77-5.04.08-6.84-.91-2.38-3.31-4.41-7.79-6.26-5.08-2.09-6.52-4.84-4.89-8.44.66-1.45 1.79-3.02 3.52-5.01 1.04-1.2 5.48-5.96 5.08-5.53 6.15-6.7 8.98-11.34 8.98-16.48a15.2 15.2 0 0 1 6.5-12.89v1.26a14.17 14.17 0 0 0-5.5 11.63c0 5.47-2.93 10.29-9.24 17.16.38-.42-4.04 4.33-5.07 5.5-1.67 1.93-2.75 3.43-3.36 4.77-1.37 3.04-.23 5.22 4.36 7.1 4.71 1.95 7.32 4.16 8.34 6.83.78 2.04.7 3.67-.03 7.4-.2 1.03-.3 1.51-.38 2.09-.48 3.33.03 5.59 2.23 7.8 2.74 2.74 3.98 8.96 5.84 25.06l.24 2.03.23 2.04c.82 7.01 1.53 12.06 2.34 16.03v4.33zm0-62.16c-1.4-3.13-4.43-9.9-4.95-11.17-1.02-2.53-1.25-3.8-.91-5.18.2-.84 2.05-4.68 2.32-5.33a70.79 70.79 0 0 0 3.54-11.2v3.99a62.82 62.82 0 0 1-2.62 7.6c-.31.75-2.09 4.46-2.27 5.18-.28 1.12-.08 2.22.87 4.57.41 1.02 2.5 5.7 4.02 9.09v2.45z'%3E%3C/path%3E%3C/svg%3E");
      padding: var(--space-8);
      overflow: hidden;
      height: 100%;
    }

    .contact__grid--form-only .contact__panel {
      display: none;
    }

    .contact__panel-inner {
      position: relative;
      z-index: 1;
    }

    .contact__panel-overline {
      font-size: var(--text-xs);
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--color-accent);
      margin-bottom: var(--space-3);
    }

    .contact__panel-heading {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: clamp(1.5rem, 2.5vw, 2rem);
      color: var(--color-text-primary);
      line-height: 1.2;
      margin-bottom: var(--space-8);
    }

    .contact__steps {
      list-style: none;
      position: relative;
      display: flex;
      flex-direction: column;
      gap: var(--space-6);
      margin-bottom: var(--space-8);
      padding-left: 2px;
    }

    .contact__steps::before {
      content: '';
      position: absolute;
      top: 6px;
      left: 15px;
      width: 1px;
      height: calc(100% - 12px);
      background: rgba(107,92,231,0.25);
      transform: scaleY(0);
      transform-origin: top;
    }
    .modal-overlay.is-open .contact__steps::before {
      animation: stepLineDraw 900ms var(--ease-out) 150ms forwards;
    }
    @keyframes stepLineDraw {
      to { transform: scaleY(1); }
    }

    .contact__step {
      position: relative;
      display: flex;
      align-items: flex-start;
      gap: var(--space-4);
    }

    .contact__step-num {
      position: relative;
      z-index: 1;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: var(--color-surface);
      border: 1px solid rgba(107,92,231,0.4);
      color: var(--color-accent);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: var(--text-sm);
      opacity: 0;
      transform: scale(0.4);
    }
    .modal-overlay.is-open .contact__step:nth-child(1) .contact__step-num {
      animation: stepPop 400ms var(--ease-default) 300ms forwards;
    }
    .modal-overlay.is-open .contact__step:nth-child(2) .contact__step-num {
      animation: stepPop 400ms var(--ease-default) 550ms forwards;
    }
    .modal-overlay.is-open .contact__step:nth-child(3) .contact__step-num {
      animation: stepPop 400ms var(--ease-default) 800ms forwards;
    }
    @keyframes stepPop {
      0%   { opacity: 0; transform: scale(0.4); }
      70%  { opacity: 1; transform: scale(1.15); }
      100% { opacity: 1; transform: scale(1); }
    }

    .contact__step-body {
      padding-top: 3px;
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    .contact__step-body strong {
      color: var(--color-text-primary);
      font-weight: 600;
      font-size: var(--text-base);
    }
    .contact__step-body span {
      font-size: var(--text-sm);
      color: var(--color-text-secondary);
      line-height: 1.5;
    }

    .contact__panel-divider {
      height: 1px;
      background: rgba(107,92,231,0.2);
      margin-bottom: var(--space-6);
    }

    .contact__panel-contacts {
      display: flex;
      flex-direction: column;
      gap: var(--space-4);
    }

    .contact__panel-contact-item {
      display: flex;
      align-items: center;
      gap: var(--space-3);
    }

    .contact__panel-contact-icon {
      width: 36px;
      height: 36px;
      background: rgba(107,92,231,0.12);
      border: 1px solid rgba(107,92,231,0.2);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .contact__panel-contact-icon svg {
      width: 16px;
      height: 16px;
      stroke: var(--color-accent);
      fill: none;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .contact__panel-contact-label {
      font-size: var(--text-xs);
      color: var(--color-text-muted);
      text-transform: uppercase;
      letter-spacing: 0.06em;
      font-weight: 500;
    }

    .contact__panel-contact-value {
      font-size: var(--text-sm);
      color: var(--color-text-primary);
      font-weight: 500;
      transition: color 150ms ease;
    }

    .contact__panel-contact-value:hover {
      color: var(--color-accent);
    }

    @media (min-width: 1024px) {
      .contact__grid {
        grid-template-columns: 5fr 7fr;
        gap: var(--space-16);
        align-items: stretch;
      }
      .contact__grid.contact__grid--form-only {
        grid-template-columns: 1fr;
      }
      .contact__grid--form-only .contact__form-col {
        max-width: 640px;
        margin: 0 auto;
      }

      .contact__form-col {
        display: flex;
        flex-direction: column;
      }

      #contact-form {
        display: flex;
        flex-direction: column;
        flex: 1;
      }

      .form__step-panel.is-active {
        display: flex;
        flex-direction: column;
        flex: 1;
      }

      .form__step-panel .form__submit-wrap,
      .form__step-panel .form__nav {
        margin-top: auto;
        padding-top: var(--space-8);
      }
    }

    #footer {
      position: relative;
      z-index: 1100;
      background: var(--color-bg);
      border-top: 1px solid var(--color-border);
      padding: var(--space-16) 0 var(--space-12);
    }

    #footer.footer--merged {
      background-image:
        radial-gradient(ellipse 70% 480px at 50% 0%, rgba(107,92,231,0.22) 0%, transparent 70%),
        radial-gradient(ellipse 50% 380px at 50% 0%, rgba(107,92,231,0.12) 0%, transparent 60%);
      background-repeat: no-repeat;
    }

    .footer__hero {
      padding-bottom: var(--space-16);
    }

    .footer__socials {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: var(--space-10);
      margin-top: var(--space-16);
    }

    .footer__social-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--space-3);
      text-decoration: none;
    }

    .footer__social-item__icon {
      width: 72px;
      height: 72px;
      border: 1px solid var(--color-border);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--color-text-secondary);
      transition: border-color 180ms ease, color 180ms ease, background 180ms ease, transform 180ms ease;
    }

    .footer__social-item:hover .footer__social-item__icon {
      border-color: var(--color-accent);
      color: var(--color-accent);
      background: rgba(107,92,231,0.1);
      transform: translateY(-3px);
    }

    .footer__social-item__icon svg {
      width: 28px;
      height: 28px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.6;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .footer__social-item__label {
      font-size: var(--text-sm);
      color: var(--color-text-secondary);
      font-weight: 500;
      transition: color 180ms ease;
    }

    .footer__social-item:hover .footer__social-item__label {
      color: var(--color-text-primary);
    }

    .footer__utility {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--space-4);
      text-align: center;
    }

    @media (min-width: 768px) {
      .footer__utility {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-align: left;
      }
    }

    .footer__inner {
      display: flex;
      flex-direction: column;
      gap: var(--space-8);
    }

    .footer__brand {
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
    }

    .footer__tagline {
      font-size: var(--text-sm);
      color: var(--color-text-muted);
    }

    .footer__nav {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-2) var(--space-6);
    }

    .footer__nav a,
    .footer__nav button {
      font-family: var(--font-body);
      font-size: var(--text-sm);
      font-weight: 500;
      color: var(--color-text-muted);
      transition: color 150ms ease;
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      padding: 8px 0;
      background: none;
      border: none;
      cursor: pointer;
    }

    .footer__nav a:hover,
    .footer__nav button:hover {
      color: var(--color-text-primary);
    }

    .footer__social {
      display: flex;
      gap: var(--space-4);
    }

    .footer__social-link {
      width: 44px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--color-border);
      border-radius: 8px;
      transition: border-color 150ms ease, background 150ms ease;
    }

    .footer__social-link:hover {
      border-color: var(--color-accent);
      background: rgba(107,92,231,0.08);
    }

    .footer__social-link svg {
      width: 18px;
      height: 18px;
      stroke: var(--color-text-secondary);
      fill: none;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: stroke 150ms ease;
    }

    .footer__social-link:hover svg {
      stroke: var(--color-accent);
    }

    .footer__bottom {
      padding-top: var(--space-6);
      border-top: 1px solid var(--color-border);
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
    }

    .footer__copy {
      font-size: var(--text-xs);
      color: var(--color-text-muted);
    }

    @media (min-width: 768px) {
      .footer__inner {
        display: grid;
        grid-template-columns: 1fr auto auto;
        align-items: start;
        gap: var(--space-12);
      }

      .footer__bottom {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }
    }

    #mobilni {
      background: var(--color-bg);
      padding: var(--space-20) 0;
      position: relative;
      overflow: hidden;
    }
    #mobilni::after {
      content: '';
      position: absolute;
      top: 50%; right: calc(10% + 130px);
      transform: translateY(-50%);
      width: 500px;
      height: 500px;
      background: radial-gradient(ellipse, rgba(107,92,231,0.28) 0%, rgba(107,92,231,0.10) 40%, transparent 70%);
      pointer-events: none;
      z-index: 0;
    }
    #mobilni::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(to right, transparent 0%, var(--color-border) 20%, rgba(107,92,231,0.4) 50%, var(--color-border) 80%, transparent 100%);
    }
    .mobilni__inner {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-12);
      align-items: center;
      position: relative;
      z-index: 1;
    }
    .mobilni__overline {
      margin-bottom: var(--space-4);
      display: block;
    }
    .mobilni__heading {
      font-size: clamp(2rem, 5vw, 3.5rem);
      line-height: 1.1;
      letter-spacing: -0.03em;
      margin-bottom: var(--space-6);
    }
    .mobilni__sub {
      font-size: var(--text-lg);
      color: var(--color-text-secondary);
      line-height: 1.65;
      max-width: 520px;
      margin-bottom: var(--space-10);
    }
    .mobilni__stats {
      display: flex;
      flex-wrap: nowrap;
      gap: var(--space-4);
      align-items: center;
    }
    .mobilni__stat {
      display: flex;
      flex-direction: column;
      gap: 4px;
      min-width: 0;
    }
    .mobilni__stat-num {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: clamp(1.5rem, 3vw, 2.75rem);
      line-height: 1;
      background: linear-gradient(135deg, #a78bfa, #6B5CE7);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      white-space: nowrap;
    }
    .mobilni__stat-label {
      font-size: var(--text-sm);
      color: var(--color-text-secondary);
      max-width: 120px;
      line-height: 1.4;
    }
    .mobilni__stat-sep {
      width: 1px;
      height: 48px;
      background: var(--color-border);
      flex-shrink: 0;
    }
    .mobilni__visual {
      display: none;
      position: relative;
      overflow: hidden;
    }
    .mobilni__phone {
      width: 100%;
      max-width: 460px;
      height: auto;
      display: block;
      margin: 0 auto;
      position: relative;
      left: 5%;
      z-index: 1;
      transform-origin: bottom center;
    }

    .mobilni__visual.is-visible .mobilni__phone {
      animation: phoneEntrance 0.9s var(--ease-default) forwards;
    }

    @keyframes phoneEntrance {
      from {
        transform: rotate(-7deg) translateY(12px);
      }
      to {
        transform: rotate(0deg) translateY(0);
      }
    }
    @media (min-width: 768px) {
      .mobilni__visual { display: block; min-height: 360px; }
      .mobilni__inner {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-12);
      }
    }
    @media (min-width: 1024px) {
      #mobilni { padding: var(--space-32) 0; }
      .mobilni__inner { gap: var(--space-16); }
      .mobilni__visual { min-height: 480px; }
      .mobilni__stat-sep { display: block; }
    }
    @media (max-width: 639px) {
      .mobilni__stat-sep { display: none; }
    }

    #rozwiazanie {
      background: var(--color-bg);
      padding: var(--space-20) 0;
      position: relative;
    }
    #rozwiazanie::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(to right, transparent 0%, var(--color-border) 20%, rgba(107,92,231,0.4) 50%, var(--color-border) 80%, transparent 100%);
    }
    .rozw__chip {
      margin-bottom: var(--space-5);
    }
    .rozw__heading {
      font-size: clamp(2rem, 4vw, 3rem);
      letter-spacing: -0.02em;
      margin-bottom: var(--space-3);
    }
    .rozw__sub {
      font-size: var(--text-xl);
      color: var(--color-text-secondary);
      margin-top: var(--space-3);
    }
    .rozw__grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-6);
    }
    .rozw__card {
      position: relative;
      background: var(--color-surface);
      border: 1px solid var(--color-border);
      border-radius: 16px;
      padding: var(--space-8);
      overflow: hidden;
      transition: transform 200ms var(--ease-default), box-shadow 200ms ease;
    }
    .rozw__card:hover {
      transform: translateY(-4px);
      box-shadow: 0 0 0 1px rgba(107,92,231,0.2), 0 12px 40px rgba(0,0,0,0.4);
    }
    .rozw__card-emoji {
      position: absolute;
      top: -18px;
      right: -16px;
      font-size: 120px;
      line-height: 1;
      opacity: 0.16;
      transform: rotate(-10deg);
      pointer-events: none;
      filter: grayscale(1) brightness(0.45) sepia(1) hue-rotate(225deg) saturate(6);
    }
    .rozw__card-num {
      position: relative;
      z-index: 1;
      display: block;
      font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
      font-size: var(--text-xs);
      color: var(--color-text-muted);
      letter-spacing: 0.05em;
      margin-bottom: var(--space-5);
    }
    .rozw__card-title {
      position: relative;
      z-index: 1;
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: var(--text-2xl);
      letter-spacing: -0.01em;
      color: var(--color-text-primary);
      margin-bottom: var(--space-4);
    }
    .rozw__card-desc {
      position: relative;
      z-index: 1;
      font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
      font-size: 0.8125rem;
      color: var(--color-text-secondary);
      line-height: 1.7;
    }
    @media (min-width: 768px) {
      .rozw__grid { grid-template-columns: repeat(3, 1fr); }
      #rozwiazanie { padding: var(--space-24) 0; }
    }
    @media (min-width: 1024px) {
      #rozwiazanie { padding: var(--space-32) 0; }
    }

    #dla-kogo {
      background: var(--color-section-light);
      padding: var(--space-20) 0;
      position: relative;
      overflow: hidden;
    }
    #dla-kogo::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 60% 50% at 15% 40%, rgba(107,92,231,0.06) 0%, transparent 60%),
        radial-gradient(ellipse 50% 55% at 85% 65%, rgba(107,92,231,0.05) 0%, transparent 60%);
      pointer-events: none;
    }
    .dlakogo__overline {
      margin-bottom: var(--space-4);
    }
    .dlakogo__heading {
      font-size: clamp(2rem, 4vw, 3rem);
      letter-spacing: -0.02em;
      color: var(--color-section-light-text);
      margin-bottom: var(--space-3);
    }
    .dlakogo__sub {
      font-size: var(--text-lg);
      color: #6B6B80;
      margin-top: var(--space-3);
    }
    .dlakogo__grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-5);
      position: relative;
      z-index: 1;
    }
    .dlakogo__card {
      background: #FFFFFF;
      border: 1px solid rgba(0,0,0,0.07);
      border-radius: 16px;
      padding: var(--space-8);
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
      transition: transform 200ms var(--ease-default), box-shadow 200ms ease;
    }
    .dlakogo__card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 32px rgba(0,0,0,0.10), 0 0 0 1px rgba(107,92,231,0.12);
    }
    .dlakogo__icon {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      background: rgba(107,92,231,0.1);
      border: 1px solid rgba(107,92,231,0.18);
      color: var(--color-accent);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: var(--space-5);
    }
    .dlakogo__icon--green { background: rgba(34,197,94,0.1); border-color: rgba(34,197,94,0.2); color: #16A34A; }
    .dlakogo__icon--orange { background: rgba(251,146,60,0.1); border-color: rgba(251,146,60,0.2); color: #EA6C00; }
    .dlakogo__icon--pink { background: rgba(244,114,182,0.1); border-color: rgba(244,114,182,0.2); color: #DB2777; }
    .dlakogo__card-title {
      font-family: var(--font-heading);
      font-weight: 600;
      font-size: var(--text-xl);
      color: var(--color-section-light-text);
      margin-bottom: var(--space-3);
    }
    .dlakogo__card-desc {
      font-size: var(--text-base);
      color: #5A5A70;
      line-height: 1.65;
      margin-bottom: var(--space-4);
    }
    .dlakogo__tags {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-2);
      list-style: none;
    }
    .dlakogo__tags li {
      font-size: var(--text-xs);
      font-weight: 500;
      color: var(--color-accent);
      background: rgba(107,92,231,0.08);
      border: 1px solid rgba(107,92,231,0.15);
      border-radius: 100px;
      padding: 3px 10px;
    }
    .dlakogo__card:nth-child(2) .dlakogo__tags li { color: #16A34A; background: rgba(34,197,94,0.08); border-color: rgba(34,197,94,0.2); }
    .dlakogo__card:nth-child(3) .dlakogo__tags li { color: #EA6C00; background: rgba(251,146,60,0.08); border-color: rgba(251,146,60,0.2); }
    .dlakogo__card:nth-child(4) .dlakogo__tags li { color: #DB2777; background: rgba(244,114,182,0.08); border-color: rgba(244,114,182,0.2); }
    @media (min-width: 640px) {
      .dlakogo__grid { grid-template-columns: 1fr 1fr; }
    }
    @media (min-width: 1024px) {
      #dla-kogo { padding: var(--space-32) 0; }
      .dlakogo__grid { grid-template-columns: repeat(4, 1fr); }
    }

    #cennik {
      background: var(--color-bg);
      padding: var(--space-20) 0;
    }

    .cennik__heading {
      font-size: clamp(2rem, 4vw, 3rem);
      letter-spacing: -0.02em;
      margin-bottom: var(--space-3);
    }

    .cennik__sub {
      font-size: var(--text-lg);
      max-width: 560px;
      margin: var(--space-3) auto 0;
    }

    .cennik__main {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-8);
      background: linear-gradient(145deg, rgba(107,92,231,0.16) 0%, rgba(107,92,231,0.05) 60%, transparent 100%);
      border: 1px solid rgba(107,92,231,0.28);
      border-radius: 20px;
      padding: var(--space-8);
      margin-bottom: var(--space-8);
    }

    .cennik__main-label {
      font-size: var(--text-xs);
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--color-accent);
      margin-bottom: var(--space-3);
    }

    .cennik__main-name {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: var(--text-2xl);
      margin-bottom: var(--space-2);
    }

    .cennik__main-price {
      font-family: Georgia, 'Times New Roman', serif;
      font-size: 2.6rem;
      margin-bottom: var(--space-6);
    }

    .cennik__main-price span {
      font-size: 1rem;
      color: var(--color-text-muted);
      font-family: var(--font-body);
    }

    .cennik__main-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
      font-size: var(--text-base);
      color: var(--color-text-secondary);
    }

    .cennik__main-list li {
      padding-left: var(--space-5);
      position: relative;
    }

    .cennik__main-list li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0.6em;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--color-accent);
    }

    .cennik__alt-toggle {
      text-align: center;
      font-size: var(--text-sm);
      color: var(--color-text-muted);
      margin-bottom: var(--space-5);
    }

    .cennik__alts {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-4);
      margin-bottom: var(--space-10);
    }

    .cennik__alt {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: var(--space-4);
      border: 1px solid var(--color-border);
      border-radius: 10px;
      padding: var(--space-5) var(--space-6);
    }

    .cennik__alt-name {
      font-weight: 600;
      font-size: var(--text-base);
      margin-bottom: 2px;
    }

    .cennik__alt-desc {
      font-size: var(--text-sm);
      color: var(--color-text-muted);
    }

    .cennik__alt-price {
      font-family: Georgia, 'Times New Roman', serif;
      font-size: var(--text-xl);
      flex-shrink: 0;
      text-align: right;
    }

    .cennik__upsell {
      text-align: center;
      font-size: var(--text-sm);
      max-width: 560px;
      margin: 0 auto;
    }

    .cennik__upsell strong {
      color: var(--color-text-primary);
    }

    @media (min-width: 768px) {
      .cennik__main {
        grid-template-columns: 1.1fr 1fr;
        align-items: center;
      }
      .cennik__alts {
        grid-template-columns: 1fr 1fr;
      }
    }

    .case-back {
      display: flex;
      width: fit-content;
      align-items: center;
      gap: var(--space-2);
      font-size: var(--text-sm);
      font-weight: 500;
      color: var(--color-text-secondary);
      padding: var(--space-6) 0 0;
      margin-bottom: var(--space-6);
      transition: color 150ms ease;
    }
    .case-back:hover { color: var(--color-text-primary); }
    .case-back svg { width: 14px; height: 14px; }

    .case-hero {
      position: relative;
      padding: var(--space-32) 0 var(--space-32);
      overflow: hidden;
    }
    .case-hero::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      background-image:
        linear-gradient(to bottom, rgba(10,10,15,0.75) 0%, rgba(10,10,15,0.93) 65%, var(--color-bg) 100%),
        url("images/fiderson.webp");
      background-size: cover;
      background-position: center 35%;
      background-repeat: no-repeat;
      filter: grayscale(1);
    }
    .case-hero > .container {
      position: relative;
      z-index: 1;
    }
    .case-hero__badge {
      display: inline-flex;
      margin-bottom: var(--space-5);
    }
    .case-hero__title {
      margin-bottom: var(--space-4);
    }
    .case-hero__title--compact {
      font-size: clamp(2rem, 4vw, 3rem);
    }
    .case-hero__sub {
      font-size: var(--text-lg);
      color: var(--color-text-secondary);
      max-width: 560px;
      margin-bottom: var(--space-8);
    }
    .case-hero__facts {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-6);
    }
    .case-hero__fact {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    .case-hero__fact-label {
      font-size: var(--text-xs);
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--color-text-muted);
    }
    .case-hero__fact-value {
      font-size: var(--text-base);
      font-weight: 600;
      color: var(--color-text-primary);
    }
    .case-hero__fact-value a { color: var(--color-accent); }
    .case-hero__fact-value a:hover { text-decoration: underline; }

    .case-section {
      padding: var(--space-16) 0;
      border-top: 1px solid var(--color-border);
    }
    .case-section--flush {
      border-top: none;
    }
    .case-section__label {
      font-size: var(--text-sm);
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--color-accent);
      margin-bottom: var(--space-4);
    }
    .case-section__heading {
      margin-bottom: var(--space-5);
      max-width: 640px;
    }
    .case-section__body {
      font-size: var(--text-lg);
      color: var(--color-text-secondary);
      line-height: 1.7;
      max-width: 640px;
    }
    .case-section__body + .case-section__body { margin-top: var(--space-4); }
    .case-section__body--gap { margin-top: var(--space-6); }

    .case-list {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-4);
      margin-top: var(--space-6);
      max-width: 640px;
    }
    .case-list li {
      display: flex;
      align-items: flex-start;
      gap: var(--space-3);
      font-size: var(--text-base);
      color: var(--color-text-secondary);
      line-height: 1.6;
    }
    .case-list li strong { color: var(--color-text-primary); }
    .case-list__check {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: rgba(107,92,231,0.15);
      border: 1px solid rgba(107,92,231,0.35);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 2px;
    }
    .case-list__check svg {
      width: 11px; height: 11px;
      stroke: var(--color-accent);
      stroke-width: 2.2;
      fill: none;
    }

    .case-quote {
      max-width: 560px;
      margin: 0 auto;
      text-align: center;
    }
    .case-quote__text {
      font-family: Georgia, 'Times New Roman', serif;
      font-style: italic;
      font-size: var(--text-xl);
      color: var(--color-text-primary);
      line-height: 1.5;
      margin: 0 0 var(--space-3);
    }
    .case-quote__author {
      font-size: var(--text-sm);
      color: var(--color-text-muted);
      font-weight: 500;
    }

    .case-media-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-10);
      align-items: center;
    }
    .case-media-grid__visual {
      display: flex;
      justify-content: center;
    }
    .case-media-grid__img {
      width: 100%;
      max-width: 760px;
      height: auto;
      display: block;
    }
    .case-media-grid__img--mobile {
      max-width: 260px;
    }
    @media (min-width: 1024px) {
      .case-media-grid {
        grid-template-columns: 1fr 1.3fr;
        gap: var(--space-12);
      }
      .case-media-grid--reverse .case-media-grid__text {
        order: 2;
      }
      .case-media-grid--reverse .case-media-grid__visual {
        order: 1;
      }
      .case-media-grid__img {
        max-width: none;
      }
      .case-media-grid--split {
        grid-template-rows: auto auto;
      }
      .case-media-grid--split .case-media-grid__text-top {
        grid-column: 1;
        grid-row: 1;
      }
      .case-media-grid--split .case-media-grid__text-bottom {
        grid-column: 1;
        grid-row: 2;
      }
      .case-media-grid--split .case-media-grid__visual {
        grid-column: 2;
        grid-row: 1 / 3;
      }
    }

    .case-gallery {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-4);
      margin-top: var(--space-8);
    }
    .case-gallery__item {
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid var(--color-border);
    }
    @media (min-width: 768px) {
      .case-gallery { grid-template-columns: repeat(2, 1fr); }
    }

    .case-cta {
      padding: var(--space-20) 0;
      text-align: center;
      background:
        radial-gradient(ellipse 80% 100% at 50% 100%, rgba(107,92,231,0.18) 0%, transparent 60%),
        linear-gradient(to bottom, var(--color-bg) 0%, #0D0B1E 100%);
    }
    .case-cta__heading { margin-bottom: var(--space-4); }
    .case-cta__sub {
      font-size: var(--text-lg);
      color: var(--color-text-secondary);
      max-width: 420px;
      margin: 0 auto var(--space-8);
    }

    .nav__link--active {
      color: var(--color-accent) !important;
    }

    .reveal {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity 400ms var(--ease-default),
                  transform 400ms var(--ease-default);
    }

    .reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .reveal-group .reveal:nth-child(1) { transition-delay: 0ms; }
    .reveal-group .reveal:nth-child(2) { transition-delay: 80ms; }
    .reveal-group .reveal:nth-child(3) { transition-delay: 160ms; }
    .reveal-group .reveal:nth-child(4) { transition-delay: 240ms; }
    .reveal-group .reveal:nth-child(5) { transition-delay: 320ms; }

    .reveal-delay-1 { transition-delay: 80ms; }
    .reveal-delay-2 { transition-delay: 160ms; }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
      }

      .reveal,
      .hero__title,
      .hero__rule,
      .hero__price,
      .hero__subtitle,
      .hero__cta,
      .hero__cta-scroll {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
      }

      .hero__reveal-mask {
        display: none !important;
      }

      .hero__orb,
      .hero__cta-glow::before {
        animation: none !important;
      }

      .hero__gradient-text {
        animation: none !important;
        background-position: 0% center !important;
      }

      .hero__orb--3 {
        transform: translate(-50%, -50%) !important;
      }

      html {
        scroll-behavior: auto;
      }
    }