html { scroll-behavior: smooth; }
    :root { color-scheme: dark; }
    body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background-color: #000; color: rgba(255,255,255,.6); font-feature-settings: 'ss01', 'cv11'; -webkit-font-smoothing: antialiased; padding-bottom: 5rem; }
    @media (min-width: 768px) { body { padding-bottom: 0; } }
    ::selection { background: #C9A464; color: #0A0C0A; }
    .font-mono-num { font-family: 'JetBrains Mono', ui-monospace, monospace; font-variant-numeric: tabular-nums; }
    .tnum { font-variant-numeric: tabular-nums; }
    .text-balance { text-wrap: balance; }
    .text-pretty { text-wrap: pretty; }
    .container-x { width: 100%; max-width: 78rem; margin-inline: auto; padding-inline: 1rem; }
    @media (min-width: 640px) { .container-x { padding-inline: 1.5rem; } }
    @media (min-width: 1024px) { .container-x { padding-inline: 2rem; } }
    section[id] { scroll-margin-top: 76px; }

    .noise { position: fixed; inset: 0; pointer-events: none; z-index: 60; opacity: .035;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
    .bg-grid { background-image: linear-gradient(rgba(242,241,236,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(242,241,236,.028) 1px, transparent 1px); background-size: 56px 56px; }
    .fade-y { -webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent); }

    .glass { background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); border: 1px solid rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 20px 40px -20px rgba(0,0,0,.8); }
    .ring-brass { background: linear-gradient(180deg, #0F120F, #070807) padding-box, linear-gradient(140deg, rgba(201,164,100,.9) 0%, rgba(255,255,255,.08) 35%, rgba(255,255,255,.04) 65%, rgba(201,164,100,.75) 100%) border-box; border: 1px solid transparent; }
    
    .anchor { display: grid; place-items: center; flex: none; border-radius: 9999px; }

    .text-gradient { background: linear-gradient(180deg, #FFFFFF 15%, #7E8A80 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
    .text-brass { background: linear-gradient(90deg, #E3C88F, #C9A464 45%, #A8854B); -webkit-background-clip: text; background-clip: text; color: transparent; }

    .led { display: inline-block; width: 7px; height: 7px; border-radius: 9999px; flex: none; }
    .led-green { background: #2A9D8F; box-shadow: 0 0 0 3px rgba(42,157,143,.18), 0 0 12px rgba(42,157,143,.9); animation: ledPulse 2.6s ease-in-out infinite; }
    .led-zloto { background: #C9A464; box-shadow: 0 0 0 3px rgba(201,164,100,.18), 0 0 12px rgba(201,164,100,.9); animation: ledPulse 1.8s ease-in-out infinite; }
    @keyframes ledPulse { 0%,100% { opacity: 1 } 50% { opacity: .45 } }

    :where(.btn) { display: inline-flex; }
    .btn { align-items: center; justify-content: center; gap: .6rem; min-height: 48px; padding: .8rem 1.35rem; border-radius: 6px; font-weight: 600; font-size: .95rem; letter-spacing: -.01em; }
    .btn .arr { transition: transform .2s; }
    .btn:hover .arr { transform: translateX(3px); }
    :focus-visible { outline: 2px solid #C9A464; outline-offset: 3px; }

    .nav-link { position: relative; }
    .nav-link.is-active { color: #F2F1EC; }
    .nav-link.is-active::after { content: ''; position: absolute; left: .75rem; right: .75rem; bottom: 2px; height: 2px; border-radius: 2px; background: #C9A464; box-shadow: 0 0 10px rgba(201,164,100,.9); }
    #top-nav.is-scrolled { box-shadow: 0 16px 40px -16px rgba(0,0,0,1); background: rgba(0,0,0,.88); }

    .eyebrow { display: inline-flex; align-items: center; gap: .75rem; }
    .eyebrow::before, .eyebrow::after { content: '//'; font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 700; letter-spacing: 0; }
    .eyebrow::before { color: #C9A464; }
    .eyebrow::after { color: rgba(201,164,100,.4); }

    .rama-rule { display: flex; align-items: center; gap: .85rem; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: rgba(201,164,100,.78); white-space: nowrap; }
    .rama-rule .ln { flex: 1; min-width: 12px; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,.05)); }
    .rama-rule .ln-r { background: linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.18)); }
    .plus { display: inline-block; width: 11px; height: 11px; flex: none; color: rgba(255,255,255,.5); background: linear-gradient(currentColor, currentColor) center / 11px 1px no-repeat, linear-gradient(currentColor, currentColor) center / 1px 11px no-repeat; }
    .rama-frame, .rama-frame-in { position: relative; }
    .rama-frame::after, .rama-frame-in::after { content: ''; position: absolute; inset: -5px; pointer-events: none; z-index: 5; --hc: rgba(201,164,100,.7);
      background:
        linear-gradient(var(--hc), var(--hc)) 0 4px / 9px 1px no-repeat,
        linear-gradient(var(--hc), var(--hc)) 4px 0 / 1px 9px no-repeat,
        linear-gradient(var(--hc), var(--hc)) 100% 4px / 9px 1px no-repeat,
        linear-gradient(var(--hc), var(--hc)) calc(100% - 4px) 0 / 1px 9px no-repeat,
        linear-gradient(var(--hc), var(--hc)) 0 calc(100% - 4px) / 9px 1px no-repeat,
        linear-gradient(var(--hc), var(--hc)) 4px 100% / 1px 9px no-repeat,
        linear-gradient(var(--hc), var(--hc)) 100% calc(100% - 4px) / 9px 1px no-repeat,
        linear-gradient(var(--hc), var(--hc)) calc(100% - 4px) 100% / 1px 9px no-repeat; }
    .rama-frame-in::after { inset: 9px; }
    
    .bg-tent { background-image: radial-gradient(120% 75% at 50% -12%, rgba(104,112,66,.30) 0%, rgba(52,58,34,.14) 38%, rgba(0,0,0,0) 66%), radial-gradient(60% 50% at 100% 100%, rgba(201,164,100,.06), rgba(0,0,0,0) 70%); }
    .bg-radar { background-image: radial-gradient(circle at 88% 12%, rgba(42,157,143,.13), rgba(0,0,0,0) 38%), repeating-radial-gradient(circle at 88% 12%, rgba(42,157,143,.07) 0 1px, rgba(0,0,0,0) 1px 110px), radial-gradient(90% 70% at 15% 100%, rgba(70,78,48,.2), rgba(0,0,0,0) 70%); }
    .bg-graphite { background-image: radial-gradient(100% 70% at 0% 0%, rgba(140,150,160,.10), rgba(0,0,0,0) 60%), radial-gradient(80% 60% at 100% 100%, rgba(74,84,52,.18), rgba(0,0,0,0) 70%); }
    .tape-track { will-change: transform; }

    .bezplanu-head { color: rgba(255,255,255,.3); filter: blur(.4px); }
    .bezplanu { position: relative; color: rgba(255,255,255,.3); filter: blur(.8px) grayscale(1); border: 1px dashed rgba(255,255,255,.14); border-radius: 2px; padding: .6rem .75rem; background: rgba(255,255,255,.015); text-shadow: 1.5px 0 rgba(201,164,100,.35), -1.5px 0 rgba(56,189,248,.25); transition: filter .3s ease, color .3s ease; }
    #kaskada li:nth-child(odd) .bezplanu { transform: rotate(-1.4deg) translate(-4px, 3px); }
    #kaskada li:nth-child(even) .bezplanu { transform: rotate(1.1deg) translate(5px, -2px); }
    #kaskada li:nth-child(3) .bezplanu { transform: rotate(-.5deg) translate(3px, 6px); }
    .group:hover .bezplanu { filter: none; color: rgba(255,255,255,.62); }
    .zplanem { position: relative; color: #2A9D8F; font-weight: 700; line-height: 1.4; padding: .7rem .85rem .7rem 1rem; border-left: 3px solid #2A9D8F; border-radius: 0 3px 3px 0; background: linear-gradient(90deg, rgba(42,157,143,.24), rgba(42,157,143,.05) 75%, rgba(42,157,143,0)); box-shadow: -8px 0 24px -8px rgba(42,157,143,.95), inset 0 0 0 1px rgba(42,157,143,.16); text-shadow: 0 0 16px rgba(42,157,143,.35); }
    .zplanem::before { content: 'Z planem'; display: block; margin-bottom: .35rem; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 9.5px; font-weight: 700; letter-spacing: .2em; color: rgba(95,224,206,.75); text-shadow: none; }
    .zplanem .lead { color: #5FE0CE; font-weight: 800; }
    @media (max-width: 639px) { .zplanem::before { content: 'Z planem'; } }
    .zplanem-final { box-shadow: -8px 0 24px -8px rgba(42,157,143,.95), 0 0 46px -12px rgba(42,157,143,.7), inset 0 0 0 1px rgba(42,157,143,.3); }
    @media (prefers-contrast: more) { .bezplanu, .bezplanu-head { filter: none; color: rgba(255,255,255,.65); } }

    .dossier { padding-top: 23px; }
    .dossier-tab { position: absolute; left: 0; top: 0; height: 24px; display: inline-flex; align-items: center; padding: 0 .85rem; color: rgba(201,164,100,.9); background: linear-gradient(180deg, #1e2124, #15181a); border: 1px solid rgba(255,255,255,.1); border-bottom: 0; border-radius: 4px 4px 0 0; }
    .dossier-num { color: rgba(255,255,255,.07); -webkit-mask-image: linear-gradient(#000 0 45%, transparent 45% 51%, #000 51%); mask-image: linear-gradient(#000 0 45%, transparent 45% 51%, #000 51%); }

    .monitor-off { position: absolute; inset: 0; z-index: 4; display: none; place-items: center; background: radial-gradient(circle, #0c1412, #030404 70%); font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10.5px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: rgba(95,224,206,.75); transition: opacity .45s ease; pointer-events: none; }
    .js-monitors .monitor-off { display: grid; }
    .js-monitors .monitor.is-live .monitor-off { opacity: 0; }
    .js-monitors .monitor video { opacity: 0; }
    .js-monitors .monitor.is-live video { opacity: 1; animation: crtOn .6s cubic-bezier(.2,.8,.2,1) both; }
    .js-monitors .monitor::after { content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: rgba(3,5,5,.64); -webkit-backdrop-filter: grayscale(1); backdrop-filter: grayscale(1); -webkit-mask-image: linear-gradient(#000 72%, transparent); mask-image: linear-gradient(#000 72%, transparent); opacity: 0; transition: opacity .5s ease; }
    .js-monitors .monitor::before { content: '[ Standby ]'; position: absolute; left: 50%; top: 42%; z-index: 4; transform: translate(-50%, -50%); font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10.5px; font-weight: 700; letter-spacing: .22em; color: rgba(255,255,255,.55); white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity .5s ease; }
    .js-monitors .monitor.is-standby::after { opacity: 1; }
    .js-monitors .monitor.is-standby::before { opacity: 1; }
    .monitor.is-standby .led-zloto { background: #4b4f4c; box-shadow: none; animation: none; }
    [data-persona-card].is-active { box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 0 60px -18px rgba(201,164,100,.35), 0 50px 100px -30px rgba(0,0,0,1); }
    .scanlines { background: repeating-linear-gradient(180deg, rgba(0,0,0,.22) 0 1px, rgba(0,0,0,0) 1px 3px); opacity: .55; z-index: 1; }

    .decode::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; }

    @media (prefers-reduced-motion: no-preference) {
      .tape-track { animation: tapeRun 48s linear infinite; }
      @keyframes tapeRun { to { transform: translateX(-50%); } }
      .decode::after { animation: brassPulse 2.4s ease-out infinite; animation-delay: inherit; }
      @keyframes brassPulse { 0% { box-shadow: 0 0 0 0 rgba(201,164,100,.6), 0 0 18px rgba(201,164,100,.35); } 70%, 100% { box-shadow: 0 0 0 12px rgba(201,164,100,0), 0 0 18px rgba(201,164,100,0); } }
      .radar { animation: radarSpin 3.2s linear infinite; }
      @keyframes radarSpin { to { transform: rotate(360deg); } }
      .bezplanu { animation: glitch 6s steps(1) infinite; }
      #kaskada li:nth-child(2) .bezplanu { animation-delay: 1.3s; }
      #kaskada li:nth-child(3) .bezplanu { animation-delay: 2.6s; }
      #kaskada li:nth-child(4) .bezplanu { animation-delay: 3.9s; }
      #kaskada li:nth-child(5) .bezplanu { animation-delay: .7s; }
      @keyframes glitch { 0%, 90%, 100% { clip-path: none; translate: 0 0; } 91% { clip-path: inset(8% 0 58% 0); translate: -4px 0; } 93% { clip-path: inset(55% 0 10% 0); translate: 4px 0; } 95% { clip-path: none; translate: -2px 0; } }
      .monitor-off span { animation: blinkTxt 1.1s steps(2) infinite; }
      @keyframes blinkTxt { 50% { opacity: .25; } }
      @keyframes crtOn { 0% { transform: scale(1, .015); filter: brightness(4) saturate(0); } 40% { transform: scale(1, .015); filter: brightness(3) saturate(0); } 70% { transform: scale(1, 1.02); filter: brightness(1.6); } 100% { transform: none; filter: none; } }
      .btn-arm::before { content: ''; position: absolute; top: 0; bottom: 0; left: -40%; width: 30%; transform: skewX(-20deg); background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0)); animation: armSweep 4.5s ease-in-out infinite; pointer-events: none; }
      @keyframes armSweep { 0%, 70% { left: -40%; } 100% { left: 130%; } }
      .nudge { animation: nudge 1.5s ease-in-out infinite; }
      @keyframes nudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } }
    }

    .stage { position: relative; }
    .book { position: absolute; transform: perspective(1600px) rotateY(var(--ry, 18deg)) rotateX(var(--rx, 4deg)) rotateZ(var(--rz, 0deg)); transform-origin: center; }
    .book img { display: block; width: 100%; height: auto; border-radius: 2px 5px 5px 2px;
      box-shadow: 1px 1px 0 #EEE9DD, 2px 2px 0 #C9C2B2, 3px 3px 0 #EEE9DD, 4px 4px 0 #C3BCAA, 5px 5px 0 #E8E2D4, 6px 6px 0 #B6AE9B, 7px 7px 0 #8E8778,
                  26px 34px 48px -12px rgba(0,0,0,.78), 60px 80px 90px -40px rgba(0,0,0,.65); }
    .book::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 7%; border-radius: 2px 0 0 2px; background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(255,255,255,.12) 55%, rgba(0,0,0,.18)); pointer-events: none; z-index: 1; }
    .book::after { content: ''; position: absolute; inset: 0; border-radius: 2px 5px 5px 2px; background: linear-gradient(110deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 26%, rgba(0,0,0,0) 62%, rgba(0,0,0,.28) 100%); pointer-events: none; z-index: 1; }
    .sheet { position: absolute; border-radius: 2px; box-shadow: 0 30px 50px -20px rgba(0,0,0,.8), 0 0 0 1px rgba(0,0,0,.05); }
    .floor { position: absolute; left: 12%; right: 10%; bottom: 3%; height: 12%; border-radius: 50%; background: radial-gradient(closest-side, rgba(0,0,0,.85), rgba(0,0,0,0)); filter: blur(10px); }
    @media (prefers-reduced-motion: no-preference) {
      .float-slow { animation: floatY 7s ease-in-out infinite; }
      @keyframes floatY { 0%,100% { translate: 0 0; } 50% { translate: 0 -8px; } }
    }

    .js-timeline [data-t] { opacity: .25; transform: translateY(6px); transition: opacity .55s ease, transform .55s ease; }
    .js-timeline [data-t].is-on { opacity: 1; transform: none; }

    .tm { --tm-c: 150,150,150; box-shadow: 0 0 0 1px rgba(var(--tm-c),.4), 0 0 70px -22px rgba(var(--tm-c),.5), 0 50px 100px -40px rgba(0,0,0,.95); transition: box-shadow .6s ease; }
    .tm[data-mode="zplanem"] { --tm-c: 42,157,143; }
    .tm-tint { background: radial-gradient(120% 95% at 50% 45%, rgba(0,0,0,0) 55%, rgba(var(--tm-c),.16)); }
    .tm video { pointer-events: none; }
    .tm-flash { opacity: 0; background: #030404 repeating-linear-gradient(180deg, rgba(255,255,255,.035) 0 1px, rgba(0,0,0,0) 1px 3px); transition: opacity .18s ease; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10.5px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: rgba(95,224,206,.8); }
    .tm.is-switching .tm-flash { opacity: 1; }
    [data-tile] { cursor: pointer; transition: opacity .45s ease, filter .45s ease, box-shadow .45s ease, border-color .45s ease; }
    [data-tile][data-active="false"] { opacity: .42; filter: grayscale(.8); }
    [data-tile="bezplanu"][data-active="true"] { border-color: rgba(255,255,255,.35); box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 0 40px -14px rgba(255,255,255,.2); }
    @media (prefers-reduced-motion: no-preference) {
      .tm-seg:not(.has-toggled) .tm-mode[aria-pressed="false"] { animation: tmPing 2.4s ease-out infinite; }
      @keyframes tmPing { 0% { box-shadow: 0 0 0 0 rgba(42,157,143,.55); } 70%, 100% { box-shadow: 0 0 0 10px rgba(42,157,143,0); } }
    }

    .acc-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .32s ease; }
    .acc-panel > div { overflow: hidden; }
    .is-open .acc-panel { grid-template-rows: 1fr; }
    .is-open .acc-ico { transform: rotate(45deg); color: #C9A464; border-color: rgba(201,164,100,.45); }
    .acc-ico { transition: transform .25s ease, color .25s, border-color .25s; }

    .opt[aria-pressed="true"][data-v="tak"] { background: rgba(42,157,143,.16); border-color: rgba(42,157,143,.8); color: #fff; box-shadow: 0 0 18px -4px rgba(42,157,143,.6); }
    .opt[aria-pressed="true"][data-v="nie"] { background: rgba(201,164,100,.14); border-color: rgba(201,164,100,.8); color: #fff; box-shadow: 0 0 18px -4px rgba(201,164,100,.6); }

    .sheen { position: absolute; inset: 0; pointer-events: none; overflow: hidden; border-radius: inherit; }
    .sheen::after { content: ''; position: absolute; top: -50%; left: -60%; width: 35%; height: 200%; transform: rotate(18deg); background: linear-gradient(90deg, transparent, rgba(242,238,230,.06), transparent); animation: sheen 8s ease-in-out infinite; }
    @keyframes sheen { 0%, 60% { left: -60%; } 100% { left: 130%; } }

    .snap-row { scroll-snap-type: x mandatory; scrollbar-width: none; }
    .snap-row::-webkit-scrollbar { display: none; }
    .snap-row > * { scroll-snap-align: start; }

    .bottle { width: 100%; aspect-ratio: 1 / 1.5; border-radius: 1px; background: linear-gradient(180deg, rgba(110,231,214,.9), rgba(42,157,143,.78) 55%, rgba(29,111,102,.62)); box-shadow: 0 0 5px rgba(42,157,143,.4), inset 0 0 0 1px rgba(170,255,240,.16); }
    
    .term-glass { position: relative; overflow: hidden; border-radius: 3px; border: 1px solid rgba(255,255,255,.08); background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), inset 0 0 28px rgba(0,0,0,.65); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
    .term-glass::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(180deg, rgba(255,255,255,.025) 0 1px, transparent 1px 3px); }
    .bg-grid-glow { background-image: linear-gradient(rgba(42,157,143,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(42,157,143,.08) 1px, transparent 1px); background-size: 48px 48px; -webkit-mask-image: radial-gradient(ellipse 85% 70% at 50% 38%, #000 25%, transparent 85%); mask-image: radial-gradient(ellipse 85% 70% at 50% 38%, #000 25%, transparent 85%); }

    .drawer-tac { background: linear-gradient(180deg, rgba(14,18,17,.80), rgba(4,6,6,.90)); -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%); box-shadow: -40px 0 90px -20px rgba(0,0,0,.95), inset 1px 0 0 rgba(42,157,143,.22); }
    .drawer-tac::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; z-index: 6; pointer-events: none; background: linear-gradient(180deg, rgba(42,157,143,0), rgba(42,157,143,.85) 14%, rgba(201,164,100,.7) 50%, rgba(42,157,143,.85) 86%, rgba(42,157,143,0)); box-shadow: 0 0 16px rgba(42,157,143,.5); }
    .drawer-tac::after { content: ''; position: absolute; inset: 8px 8px 8px 10px; z-index: 6; pointer-events: none; --hc: rgba(201,164,100,.55);
      background:
        linear-gradient(var(--hc), var(--hc)) 0 0 / 14px 1px no-repeat, linear-gradient(var(--hc), var(--hc)) 0 0 / 1px 14px no-repeat,
        linear-gradient(var(--hc), var(--hc)) 100% 0 / 14px 1px no-repeat, linear-gradient(var(--hc), var(--hc)) 100% 0 / 1px 14px no-repeat,
        linear-gradient(var(--hc), var(--hc)) 0 100% / 14px 1px no-repeat, linear-gradient(var(--hc), var(--hc)) 0 100% / 1px 14px no-repeat,
        linear-gradient(var(--hc), var(--hc)) 100% 100% / 14px 1px no-repeat, linear-gradient(var(--hc), var(--hc)) 100% 100% / 1px 14px no-repeat; }
    .drawer-rule { height: 1px; background: repeating-linear-gradient(90deg, rgba(201,164,100,.42) 0 6px, transparent 6px 11px); }
    #drawer-specs li, #drawer-cards li { position: relative; }
    
    .bg-grid-tac { background-image: linear-gradient(rgba(42,157,143,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(42,157,143,.15) 1px, transparent 1px); background-size: 32px 32px; -webkit-mask-image: radial-gradient(ellipse 90% 80% at 70% 20%, #000 35%, transparent 90%); mask-image: radial-gradient(ellipse 90% 80% at 70% 20%, #000 35%, transparent 90%); }
    .pass-pulse::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 60px rgba(42,157,143,.28); opacity: 0; animation: passPulse 3.2s ease-in-out infinite; }
    @keyframes passPulse { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
    
    .te-mask { clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px); }
    
    .scen-rail { padding-inline: calc(50% - min(42vw, 400px)); scrollbar-width: none; }
    @media (min-width: 768px) { .scen-fade { -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); } }
    .scen-rail::-webkit-scrollbar { display: none; }
    .scen-rail:focus-visible { outline: 2px solid #C9A464; outline-offset: 4px; }
    .scen-card { width: min(84vw, 800px); opacity: .42; transform: scale(.96); transition: opacity .35s ease, transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
    .scen-card { --acc: 42,157,143; }
    .scen-card.is-active { opacity: 1; transform: none; border-color: rgba(var(--acc),.55); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(var(--acc),.18), 0 0 70px -22px rgba(var(--acc),.6), 0 40px 80px -30px rgba(0,0,0,1); }
    .scen-vid.is-out { filter: brightness(.5); }
    .scen-card:not(.is-active) { cursor: pointer; }
    
    .scen-vid { transition: filter .5s ease; }
    .scen-card:not(.is-active) .scen-vid { filter: brightness(.5); }
    .scen-tint { --tm-c: var(--acc); }  
    .scen-prog { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; height: 2px; background: rgba(255,255,255,.08); }
    .scen-prog i { display: block; height: 100%; background: rgb(var(--acc)); box-shadow: 0 0 10px rgba(var(--acc),.8); transform: scaleX(0); transform-origin: left center; }
    .scen-card:not(.is-active) .scen-prog { opacity: 0; }
    .scen-rail.is-held .scen-prog i { background: rgba(255,255,255,.45); box-shadow: none; }
    .scen-dot { width: 8px; height: 8px; border-radius: 1px; background: rgba(255,255,255,.18); transition: background .2s ease, width .2s ease; }
    .scen-dot[aria-current="true"] { width: 22px; background: rgb(var(--acc, 42,157,143)); }
    .scen-dot:focus-visible { outline: 2px solid #C9A464; outline-offset: 2px; }
    @media (prefers-reduced-motion: reduce) { .scen-card, .scen-vid { transition: none; transform: none; } }
    
    @media (max-width: 767px) {
      *, *::before, *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
      .noise { animation: none !important; }
      
      .drawer-tac { background: linear-gradient(180deg, #0e1211, #040606); }
      .glass { background: linear-gradient(180deg, #161817, #0d0f0e); }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    }

    .no-scrollbar { scrollbar-width: none; } .no-scrollbar::-webkit-scrollbar { display: none; }
    
    :root { --te-akcent-o-systemie: #C9A464; --te-akcent-dla-kogo: #2A9D8F; --te-akcent-wdrozenie: #93B59A; --te-akcent-pliki-dostep: #86A9CC; --te-akcent-prywatnosc: #DDD3C0; }
    [data-grupa] { --akcent: #C9A464; --akcent-rgb: 201,164,100; }
    [data-grupa="o-systemie"]   { --akcent: var(--te-akcent-o-systemie);   --akcent-rgb: 201,164,100; }
    [data-grupa="dla-kogo"]     { --akcent: var(--te-akcent-dla-kogo);     --akcent-rgb: 42,157,143; }
    [data-grupa="wdrozenie"]    { --akcent: var(--te-akcent-wdrozenie);    --akcent-rgb: 147,181,154; }
    [data-grupa="pliki-dostep"] { --akcent: var(--te-akcent-pliki-dostep); --akcent-rgb: 134,169,204; }
    [data-grupa="prywatnosc"]   { --akcent: var(--te-akcent-prywatnosc);   --akcent-rgb: 221,211,192; }
    .g-ikona { color: var(--akcent); border: 1px solid rgba(var(--akcent-rgb),.4); background: rgba(var(--akcent-rgb),.08); box-shadow: 0 0 24px -10px rgba(var(--akcent-rgb),.7); }
    .g-etykieta, .g-numer { color: var(--akcent); }
    .g-linia { background: linear-gradient(to right, rgba(var(--akcent-rgb),.4), transparent); }
    .kat-chip .g-ikona-chip { color: var(--akcent); }
    .kat-chip[aria-current="true"] { border-color: rgba(var(--akcent-rgb),.8); background: rgba(var(--akcent-rgb),.14); color: #fff; box-shadow: 0 0 20px -8px rgba(var(--akcent-rgb),.7); }
    
    .faq-karta { border: 1px solid rgba(201,164,100,.12); background: rgba(255,255,255,.02); border-radius: 4px; transition: border-color .2s, background-color .2s, box-shadow .2s; }
    .faq-karta:hover { border-color: rgba(201,164,100,.35); background: rgba(255,255,255,.04); }
    .faq-karta.is-open { border-color: rgba(var(--akcent-rgb),.75); background: rgba(255,255,255,.03); box-shadow: inset 3px 0 0 var(--akcent); }
    .faq-pytanie { font-weight: 600; font-size: 18px; line-height: 1.4; color: #EDE6D6; letter-spacing: -0.005em; }
    @media (min-width: 768px) { .faq-pytanie { font-size: 19px; } }
    
    .pm { position: relative; display: block; width: 20px; height: 20px; color: var(--akcent); }
    .pm::before, .pm::after { content: ''; position: absolute; left: 50%; top: 50%; background: currentColor; border-radius: 1px; transform: translate(-50%, -50%); }
    .pm::before { width: 16px; height: 2px; }
    .pm::after { width: 2px; height: 16px; transition: transform .2s ease; }
    .is-open .pm::after { transform: translate(-50%, -50%) scaleY(0); }
    
    .faq-odp { max-width: 68ch; padding-bottom: 28px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #B9B4A6; }
    @media (min-width: 768px) { .faq-odp { font-size: 17px; } }
    .faq-odp > * + * { margin-top: 1.2em; }
    .faq-odp strong { font-weight: 600; color: #EDE6D6; }
    .faq-odp ul, .faq-odp ol { padding-left: 0; list-style: none; }
    .faq-odp li { position: relative; padding-left: 1.6em; }
    .faq-odp li + li { margin-top: .5em; }
    .faq-odp ul > li::before { content: ''; position: absolute; left: .35em; top: .72em; width: 6px; height: 6px; border-radius: 1px; background: var(--akcent); }
    .faq-odp ol { counter-reset: krok; }
    .faq-odp ol > li { counter-increment: krok; }
    .faq-odp ol > li::before { content: counter(krok); position: absolute; left: 0; top: .1em; font: 700 12px/1.6 'JetBrains Mono', ui-monospace, monospace; color: var(--akcent); }
    .faq-odp a, .faq-link { color: var(--akcent); text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; text-decoration-color: rgba(var(--akcent-rgb),.6); transition: color .2s, text-decoration-color .2s; }
    .faq-odp a:hover, .faq-link:hover { color: #EDE6D6; text-decoration-color: currentColor; text-decoration-thickness: 2px; }
    .faq-link { display: inline-flex; min-height: 44px; align-items: center; font-size: 16px; font-weight: 600; }
    
    .faq-karta > button:focus-visible, .kat-chip:focus-visible, .faq-link:focus-visible { outline: 2px solid var(--akcent, #C9A464); outline-offset: 2px; border-radius: 4px; }
    .faq-karta > button { min-height: 48px; }  
    @media (prefers-reduced-motion: reduce) { .faq-karta, .pm::after, .faq-link { transition: none; } }

    .s2-tresc { max-width: 68ch; font-size: 16px; line-height: 1.6; color: #B9B4A6; }
    @media (min-width: 768px) { .s2-tresc { font-size: 17px; } }
    .s2-tresc > * + * { margin-top: 1.2em; }
    .s2-tresc strong { font-weight: 600; color: #EDE6D6; }
    .s2-punkty { list-style: none; padding: 0; }
    .s2-punkty > li { position: relative; padding-left: 1.6em; }
    .s2-punkty > li + li { margin-top: .5em; }
    .s2-punkty > li::before { content: ''; position: absolute; left: .35em; top: .72em; width: 6px; height: 6px; border-radius: 1px; background: #C9A464; }
    .s2-panel { display: flex; align-items: baseline; gap: .6em; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,.7); }
    .s2-panel svg { transform: translateY(2px); }
    .s2-podglad > summary { list-style: none; } .s2-podglad > summary::-webkit-details-marker { display: none; }
    .s2-podglad > summary::after { content: '+'; font-family: 'JetBrains Mono', monospace; color: #C9A464; text-decoration: none; display: inline-block; margin-left: .25em; }
    .s2-podglad[open] > summary::after { content: '−'; }
    .s2-podglad > summary:focus-visible { outline: 2px solid #2A9D8F; outline-offset: 2px; border-radius: 4px; }

    [data-proba-glowna][hidden], [data-ekran][hidden], .pd [hidden] { display: none !important; }
    
    .tp-strona .tp-spis { top: 92px; max-height: calc(100vh - 116px); }
    .tp-tresc section { scroll-margin-top: 96px; }
    @media (max-width: 860px) { .tp-strona .tp-spis { top: auto; } }
    @media print { #top-nav, footer, .relative.z-50.border-b { display: none !important; } }
    .tp-strona > * { min-width: 0; }

    .led-presja { background: #F08A3C; box-shadow: 0 0 0 3px rgba(240,138,60,.18), 0 0 12px rgba(240,138,60,.9); animation: presja-puls 1.1s ease-in-out infinite; }
    #t180-bar.is-presja { animation: presja-puls 1s ease-in-out infinite; }
    #t180 { transition: color .4s ease, text-shadow .4s ease; }
    @keyframes presja-puls { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.35); } }
    @media (prefers-reduced-motion: reduce) { .led-presja, #t180-bar.is-presja { animation: none; } }

    .m00-krok { color: transparent; -webkit-text-stroke: 1.5px rgba(42,157,143,.85); text-shadow: 0 0 40px rgba(42,157,143,.25); }

    .fala-gra { animation: fala-puls 1.2s ease-in-out infinite; transform-origin: center; }
    @keyframes fala-puls { 0%, 100% { transform: scaleY(1); opacity: .85; } 50% { transform: scaleY(1.25); opacity: 1; } }
    @media (prefers-reduced-motion: reduce) { .fala-gra { animation: none; } }

    .faq-glowna .acc-panel > div > p { max-width: 68ch; padding: 0 1.25rem 28px; font-size: 16px; line-height: 1.6; color: #B9B4A6; }
    @media (min-width: 640px) { .faq-glowna .acc-panel > div > p { padding-left: 3.1rem; padding-right: 1.5rem; } }
    @media (min-width: 768px) { .faq-glowna .acc-panel > div > p { font-size: 17px; } }
    .faq-glowna .acc-panel .text-white.font-bold { font-weight: 600; color: #EDE6D6; }

    .przeplyw-linia { position: relative; overflow: hidden; background: rgba(255,255,255,0.10); }
    .przeplyw-linia::after { content: ''; position: absolute; inset: 0; width: 35%; background: linear-gradient(90deg, transparent, rgba(201,164,100,0.95), transparent); animation: przeplyw-bieg 2.6s linear infinite; }
    .przeplyw li:nth-child(3) .przeplyw-linia::after { animation-delay: .5s; } .przeplyw li:nth-child(4) .przeplyw-linia::after { animation-delay: 1s; } .przeplyw li:nth-child(5) .przeplyw-linia::after { animation-delay: 1.5s; }
    @keyframes przeplyw-bieg { from { transform: translateX(-110%); } to { transform: translateX(300%); } }
    .przeplyw-wezel { animation: przeplyw-wezel 5s ease-in-out infinite; }
    .przeplyw li:nth-child(2) .przeplyw-wezel { animation-delay: 1s; } .przeplyw li:nth-child(3) .przeplyw-wezel { animation-delay: 2s; }
    .przeplyw li:nth-child(4) .przeplyw-wezel { animation-delay: 3s; } .przeplyw li:nth-child(5) .przeplyw-wezel { animation-delay: 4s; }
    @keyframes przeplyw-wezel { 0%, 26%, 100% { box-shadow: 0 0 0 0 transparent; transform: scale(1); } 10% { box-shadow: 0 0 0 6px rgba(255,255,255,0.06), 0 0 26px currentColor; transform: scale(1.08); } }
    .przeplyw-lacznik .tor { stroke: rgba(201,164,100,0.28); stroke-width: 1.5; }
    .przeplyw-lacznik .bieg { stroke: rgba(201,164,100,0.95); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 3 15; animation: przeplyw-kreska 1.2s linear infinite; }
    @keyframes przeplyw-kreska { to { stroke-dashoffset: -36; } }
    .przeplyw-pion { position: relative; overflow: hidden; background: rgba(201,164,100,0.25); }
    .przeplyw-pion::after { content: ''; position: absolute; left: 0; right: 0; height: 40%; background: linear-gradient(180deg, transparent, rgba(201,164,100,1), transparent); animation: przeplyw-pion 1.8s linear infinite; }
    @keyframes przeplyw-pion { from { transform: translateY(-110%); } to { transform: translateY(260%); } }
    .wystawka-el:nth-child(odd) { margin-top: 2px; }
    @media (prefers-reduced-motion: reduce) {
      .przeplyw-linia::after, .przeplyw-pion::after { animation: none; opacity: 0; }
      .przeplyw-wezel, .przeplyw-lacznik .bieg { animation: none; }
    }

    .t1-seg .t1-seg-pasek { background: rgba(255,255,255,0.10); transition: background .4s, box-shadow .4s; }
    .t1-seg { color: rgba(255,255,255,0.32); }
    .t1-seg-za .t1-seg-pasek { background: rgba(255,255,255,0.45); } .t1-seg-za { color: rgba(255,255,255,0.6); }
    .t1-seg-teraz .t1-seg-pasek { background: #2A9D8F; box-shadow: 0 0 14px rgba(42,157,143,0.75); animation: t1-teraz 1.8s ease-in-out infinite; } .t1-seg-teraz { color: #5FE0CE; }
    .t1-seg-koniec .t1-seg-pasek { background: #2A9D8F; } .t1-seg-koniec { color: #5FE0CE; }
    @keyframes t1-teraz { 50% { box-shadow: 0 0 4px rgba(42,157,143,0.4); opacity: .75; } }
    @media (prefers-reduced-motion: reduce) { .t1-seg-teraz .t1-seg-pasek { animation: none; } }

    [data-mod-panel][hidden] { display: none !important; }
    .mod-btn[aria-current="true"] { border-color: rgba(201,164,100,.7); background: rgba(201,164,100,.10); box-shadow: inset 3px 0 0 #C9A464, 0 0 24px -12px rgba(201,164,100,.7); }
    .mod-btn[aria-current="true"] svg { color: #C9A464; }

.op-strona section[id], .op-strona .op-krok[id] { scroll-margin-top: 124px; }
.op-strona { --op-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; }
.op-et { font-family: var(--op-mono); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #C9A464; }
.op-h2 { font-size: clamp(2rem, 4.4vw, 3.1rem); font-weight: 800; line-height: 1.02; letter-spacing: -.028em; color: #fff; text-wrap: balance; }
.op-h3 { font-size: clamp(24px, 2.6vw, 32px); font-weight: 700; line-height: 1.12; letter-spacing: -.012em; color: #EDE6D6; text-wrap: balance; }

.op-rozdzial { position: relative; display: block; border: 1px solid rgba(255,255,255,.10); border-radius: 8px; padding: 24px 24px 18px; background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)); }
.op-rozdzial > a:hover .op-rozdzial-tytul { color: #E6CC97; }
.op-rozdzial-nr { display: block; font-family: var(--op-mono); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #C9A464; }
.op-rozdzial-tytul { display: block; margin-top: 14px; font-size: clamp(26px, 3vw, 34px); font-weight: 800; line-height: 1.05; letter-spacing: -.02em; color: #fff; transition: color .2s; }
.op-rozdzial-opis { display: block; margin-top: 8px; font-size: 16px; line-height: 1.5; color: #B9B4A6; }
.op-spis { border-top: 1px solid rgba(255,255,255,.08); padding-top: 6px; }
.op-spis-link { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15px; color: rgba(255,255,255,.74); border-bottom: 1px solid rgba(255,255,255,.05); transition: color .2s; }
.op-spis-link:hover { color: #fff; }
.op-spis-nr { font-family: var(--op-mono); font-size: 11px; font-weight: 700; letter-spacing: .1em; color: #C9A464; }

.op-pasek { background: rgba(10,12,10,.92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-top: 1px solid rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.07); }
.op-tab { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 13px 0 8px; border-radius: 999px; font-size: 14px; font-weight: 600; color: rgba(255,255,255,.66); white-space: nowrap; transition: color .2s, background .2s; }
.op-tab:hover { color: #fff; background: rgba(255,255,255,.05); }
.op-tab-nr { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 999px; border: 1px solid rgba(255,255,255,.28); font-family: var(--op-mono); font-size: 11px; font-weight: 700; }
.op-tab.op-tab-on { color: #0A0C0A; background: #C9A464; }
.op-tab.op-tab-on .op-tab-nr { border-color: rgba(10,12,10,.45); }
.op-tab:focus-visible, .op-spis-link:focus-visible, .op-rozdzial > a:focus-visible, .op-przekladka:focus-visible, .op-wiersz-link:focus-visible { outline: 2px solid #C9A464; outline-offset: 3px; border-radius: 6px; }
.op-biezaca { max-width: 55%; font-family: var(--op-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.op-postep { height: 2px; background: rgba(255,255,255,.06); }
.op-postep i { display: block; height: 100%; background: #C9A464; transform-origin: 0 50%; transform: scaleX(0); }

.op-rozdzial-glowa { display: flex; align-items: flex-end; gap: clamp(14px, 3vw, 36px); }
.op-cyfra { flex: none; font-size: clamp(84px, 12vw, 164px); line-height: .76; font-weight: 800; letter-spacing: -.06em; color: transparent; -webkit-text-stroke: 1.5px rgba(201,164,100,.8); }

.op-os { position: relative; list-style: none; margin: 0; padding: 0; }
.op-os-linia, .op-wezel { display: none; }
.op-krok { position: relative; padding-bottom: 56px; }
.op-krok:last-child { padding-bottom: 8px; }
.op-scena-mala { margin-bottom: 18px; }
.op-krok-et { font-family: var(--op-mono); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.62); line-height: 20px; }
.op-krok-nr { color: #C9A464; }
.op-krok-tekst { margin-top: 12px; font-size: 17px; color: #CFC9BA; }
@media (min-width: 768px) { .op-krok-tekst { font-size: 18px; } }
@media (min-width: 1024px) {
  .op-os-linia { display: block; position: absolute; left: 9px; top: 10px; bottom: 30px; width: 2px; background: rgba(255,255,255,.09); }
  .op-os-linia i { display: block; width: 100%; height: 100%; background: linear-gradient(#C9A464, rgba(201,164,100,.55)); transform-origin: 50% 0; }
  .op-js .op-os-linia i { transform: scaleY(0); }
  .op-wezel { display: block; position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 999px; border: 2px solid rgba(201,164,100,.6); background: #070806; transition: background .3s, box-shadow .3s; }
  html:not(.op-js) .op-wezel, .op-krok-za .op-wezel, .op-krok-on .op-wezel { background: #C9A464; border-color: #C9A464; }
  .op-krok-on .op-wezel { box-shadow: 0 0 0 6px rgba(201,164,100,.15), 0 0 18px rgba(201,164,100,.5); }
  .op-krok { padding: 0 0 26vh 56px; }
  .op-krok:last-child { padding-bottom: 8px; }
  .op-krok-et, .op-krok-tekst { transition: opacity .4s; }
  .op-scena-pin { position: sticky; top: 148px; }
}
.op-wazne { color: #EDE6D6; font-weight: 600; background-image: linear-gradient(transparent 64%, rgba(201,164,100,.32) 64%); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.op-podpis { display: flex; align-items: center; gap: .9em; margin-top: 8px; font-weight: 600; color: #EDE6D6; }
@media (min-width: 1024px) { .op-podpis { margin-left: 56px; } }
.op-podpis-kreska { display: inline-block; width: 2.2em; height: 2px; background: #C9A464; border-radius: 1px; }

.op-trasa { container-type: inline-size; position: relative; aspect-ratio: 5 / 3; margin: 0 4% 28px 3%; }
.op-trasa-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.op-trasa-tlo { fill: none; stroke: rgba(255,255,255,.08); stroke-width: 2; vector-effect: non-scaling-stroke; }
.op-trasa-linia { fill: none; stroke: #C9A464; stroke-width: 2.5; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 0; filter: drop-shadow(0 0 6px rgba(201,164,100,.45)); }
.op-trasa-wezel { position: absolute; transform: translate(-50%, -50%); }
.op-trasa-kolko { display: grid; place-items: center; width: clamp(38px, 9cqw, 54px); height: clamp(38px, 9cqw, 54px); border-radius: 999px; border: 1px solid rgba(201,164,100,.6); background: #0b0e0c; color: #E6CC97; box-shadow: 0 0 0 6px #070806; }
.op-trasa-ik { width: 44%; height: 44%; }
.op-trasa-et { position: absolute; left: 50%; top: calc(100% + 8px); transform: translateX(-50%); white-space: nowrap; font-family: var(--op-mono); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.66); }
.op-trasa-dom .op-trasa-kolko { width: clamp(48px, 12cqw, 72px); height: clamp(48px, 12cqw, 72px); border-color: #5FE0CE; color: #5FE0CE; box-shadow: 0 0 0 6px #070806, 0 0 28px rgba(95,224,206,.5); }
.op-trasa-dom .op-trasa-et { color: #5FE0CE; }
@media (max-width: 639px) { .op-trasa-et { display: none; } .op-trasa-dom .op-trasa-et { display: block; } }
.op-anim .op-trasa-linia { animation: op-rysuj 1.8s cubic-bezier(.45,0,.25,1) .25s both; }
.op-anim .op-trasa-wezel { animation: op-wezel .55s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(.35s + var(--k) * .33s); }
@keyframes op-rysuj { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes op-wezel { from { opacity: 0; transform: translate(-50%, -50%) scale(.6); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }

.op-scena { container-type: inline-size; position: relative; aspect-ratio: 4 / 3.3; overflow: hidden; border-radius: 16px; border: 1px solid rgba(255,255,255,.10);
  background: radial-gradient(80% 70% at 28% 18%, rgba(201,164,100,.09), transparent 62%), #0b0e0c; box-shadow: 0 40px 80px -48px rgba(0,0,0,.95); }
.op-scena-mala .op-scena { border-radius: 12px; }
.sc-siatka { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 8cqw 8cqw; }
.sc-sepia { position: absolute; inset: 0; opacity: 0; transition: opacity .8s; background: radial-gradient(90% 80% at 40% 30%, rgba(196,150,90,.20), transparent 68%); }
.sc-szlak, .sc-cel, .sc-zegar, .sc-chaos, .sc-tel, .sc-zeszyt, .sc-radio, .sc-filizanki, .sc-karta, .sc-domy, .sc-twoj { position: absolute; opacity: 0; transition: opacity .6s ease, transform .8s cubic-bezier(.2,.7,.2,1); }

.sc-szlak { inset: 0; width: 100%; height: 100%; overflow: visible; }
.sc-szlak-tlo { fill: none; stroke: rgba(255,255,255,.08); stroke-width: 2; vector-effect: non-scaling-stroke; }
.sc-szlak-linia { fill: none; stroke: #C9A464; stroke-width: 2.4; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.6s cubic-bezier(.45,0,.25,1) .1s; filter: drop-shadow(0 0 5px rgba(201,164,100,.5)); }
.sc-szlak circle { fill: #0b0e0c; stroke: rgba(201,164,100,.5); stroke-width: 2; vector-effect: non-scaling-stroke; transition: fill .4s; }
.sc-cel { left: 84.5%; top: 15.2%; display: grid; place-items: center; width: 13cqw; height: 13cqw; border-radius: 999px; border: 1px solid rgba(201,164,100,.6); background: rgba(201,164,100,.14); color: #E6CC97; transform: translate(-50%, -50%) scale(.6); }
.sc-cel-ik { width: 6.4cqw; height: 6.4cqw; }
.op-scena[data-stan="1"] .sc-szlak, .op-scena[data-stan="1"] .sc-cel { opacity: 1; }
.op-scena[data-stan="1"] .sc-szlak-linia { stroke-dashoffset: 0; }
.op-scena[data-stan="1"] .sc-szlak circle { fill: #C9A464; transition-delay: calc(.35s + var(--j) * .3s); }
.op-scena[data-stan="1"] .sc-cel { transform: translate(-50%, -50%) scale(1); transition-delay: 1.4s; box-shadow: 0 0 28px rgba(201,164,100,.35); }

.sc-zegar { left: 6%; top: 7%; width: 15cqw; height: 15cqw; border-radius: 999px; border: 1.5px solid rgba(255,255,255,.35); }
.sc-zegar i { position: absolute; left: 50%; bottom: 50%; width: .6cqw; margin-left: -.3cqw; border-radius: 1cqw; background: #F5A66B; transform-origin: 50% 100%; }
.sc-wsk-h { height: 3.8cqw; transform: rotate(40deg); } .sc-wsk-m { height: 5.6cqw; background: #EDE6D6 !important; transform: rotate(200deg); }
.sc-chaos { font-size: clamp(11px, 3.3cqw, 16px); line-height: 1.2; padding: .45em .9em; border-radius: 999px; border: 1px dashed rgba(240,138,60,.65); background: rgba(240,138,60,.10); color: #F7CBA6; white-space: nowrap; transform: translateY(14px) rotate(0); }
.sc-c1 { left: 5%; top: 33%; --r: -6deg; } .sc-c2 { left: 13%; top: 46%; --r: 4deg; } .sc-c3 { left: 6%; top: 58.5%; --r: -3deg; }
.sc-tel { left: 56%; top: 5%; width: 38%; height: 61%; padding: 3cqw 2.8cqw; border: 1.5px solid rgba(255,255,255,.25); border-radius: 3.6cqw; background: #0e1210; transform: translateY(16px); }
.sc-tel-bar { display: flex; align-items: center; gap: 1.2cqw; font-family: var(--op-mono); font-size: clamp(9px, 2.3cqw, 11px); font-weight: 700; color: #F5A66B; }
.sc-tel-bar-ik { width: 3cqw; height: 3cqw; }
.sc-tel-tyt { margin-top: 2.6cqw; font-size: clamp(11px, 3.2cqw, 15px); font-weight: 700; color: #EDE6D6; }
.sc-tel ul { margin-top: 1.4cqw; }
.sc-tel li { display: flex; flex-direction: column; padding: 1.5cqw 0; border-bottom: 1px solid rgba(255,255,255,.08); font-size: clamp(10px, 2.9cqw, 14px); color: #EDE6D6; opacity: 0; transform: translateX(8px); transition: opacity .4s, transform .4s; }
.sc-nieudane { font-family: var(--op-mono); font-size: clamp(9px, 2.3cqw, 11px); color: #F5A66B; }
.op-scena[data-stan="2"] .sc-zegar, .op-scena[data-stan="2"] .sc-tel { opacity: 1; transform: none; }
.op-scena[data-stan="2"] .sc-chaos { opacity: 1; transform: rotate(var(--r)); transition-delay: .9s; }
.op-scena[data-stan="2"] .sc-c2 { transition-delay: 1.05s; } .op-scena[data-stan="2"] .sc-c3 { transition-delay: 1.2s; }
.op-scena[data-stan="2"] .sc-tel li { opacity: 1; transform: none; }
.op-scena[data-stan="2"] .sc-tel li:nth-child(1) { transition-delay: .3s; } .op-scena[data-stan="2"] .sc-tel li:nth-child(2) { transition-delay: .55s; } .op-scena[data-stan="2"] .sc-tel li:nth-child(3) { transition-delay: .8s; }

.sc-zeszyt { left: 6%; top: 6%; width: 52%; height: 60%; border-radius: 2px; transform: translateY(14px) rotate(-6deg); box-shadow: 0 16px 30px -14px rgba(0,0,0,.9);
  background-color: #E8DCC2; background-image: linear-gradient(90deg, transparent 6.4cqw, rgba(150,95,60,.45) 6.4cqw, rgba(150,95,60,.45) calc(6.4cqw + 1px), transparent calc(6.4cqw + 1px)),
  repeating-linear-gradient(transparent 0 6.6cqw, rgba(110,85,50,.22) 6.6cqw calc(6.6cqw + 1px)); }
.sc-zeszyt ul { padding: 5.4cqw 2.6cqw 0 8.2cqw; }
.sc-zeszyt li { font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-size: clamp(11px, 3.6cqw, 18px); line-height: 6.6cqw; color: #3B2F22; }
.sc-zeszyt li span { display: inline; clip-path: inset(0 100% 0 0); transition: clip-path .8s ease; }
.sc-radio { right: 6%; top: 7%; width: 28%; height: 21%; border-radius: 2.4cqw; background: linear-gradient(#6B5638, #4E3E28); box-shadow: inset 0 0 0 .5cqw rgba(0,0,0,.25), 0 12px 24px -12px rgba(0,0,0,.9); transform: translateY(-10px); }
.sc-radio-glosnik { position: absolute; left: 8%; top: 18%; width: 48%; height: 64%; border-radius: 1.2cqw; background: repeating-linear-gradient(90deg, #3A2C1D 0 .8cqw, #7A6240 .8cqw 1.6cqw); }
.sc-radio-galka { position: absolute; right: 12%; top: 16%; width: 6.4cqw; height: 6.4cqw; border-radius: 999px; background: radial-gradient(circle at 35% 35%, #E6CC97, #8E6C33); }
.sc-radio-skala { position: absolute; right: 8%; bottom: 16%; width: 28%; height: 1.6cqw; border-radius: 1cqw; background: #E8DCC2; box-shadow: 0 0 1.6cqw rgba(232,220,194,.6); }
.sc-filizanki { right: 8%; top: 41%; width: 32%; height: 22%; transform: translateY(12px); }
.sc-fil { position: absolute; bottom: 0; width: 11cqw; height: 7cqw; border-radius: .6cqw .6cqw 4cqw 4cqw; background: #E8DCC2; box-shadow: inset 0 -1cqw 0 rgba(110,85,50,.25); }
.sc-fil::after { content: ""; position: absolute; right: -2.6cqw; top: 1.2cqw; width: 3cqw; height: 3.4cqw; border: .8cqw solid #E8DCC2; border-left: 0; border-radius: 0 2cqw 2cqw 0; }
.sc-fil-1 { left: 0; } .sc-fil-2 { left: 55%; }
.sc-fil b { position: absolute; bottom: 100%; width: 1.4cqw; height: 6cqw; border-radius: 2cqw; border-left: .5cqw solid rgba(232,220,194,.5); opacity: 0; }
.sc-fil b:nth-child(1) { left: 2.6cqw; } .sc-fil b:nth-child(2) { left: 6cqw; animation-delay: .9s !important; }
.op-scena[data-stan="3"] .sc-sepia { opacity: 1; }
.op-scena[data-stan="3"] .sc-zeszyt { opacity: 1; transform: rotate(-3deg); }
.op-scena[data-stan="3"] .sc-radio, .op-scena[data-stan="3"] .sc-filizanki { opacity: 1; transform: none; transition-delay: .2s; }
.op-scena[data-stan="3"] .sc-zeszyt li span { clip-path: inset(0 0 0 0); transition-delay: calc(.5s + var(--j) * .6s); }
.op-scena[data-stan="3"] .sc-fil b { opacity: .8; }

.sc-karta { left: 7%; top: 5%; width: 86%; padding: 3cqw 3.6cqw 2cqw; background: #F2EEE6; color: #141414; border-radius: 3px; border-top: 1.2cqw solid #C9A464; box-shadow: 0 24px 40px -18px rgba(0,0,0,.95); transform: translateY(10%) rotate(-7deg); }
.sc-karta-tyt { font-family: var(--op-mono); font-size: clamp(9px, 2.6cqw, 12px); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #3A3A36; }
.sc-karta ul { margin-top: 1.4cqw; }
.sc-karta li { display: grid; grid-template-columns: 4.4cqw minmax(0, 1fr) auto; align-items: center; gap: 2cqw; padding: 1.3cqw 0; border-bottom: 1px solid #DCD6CA; }
.sc-karta li:last-child { border-bottom: 0; }
.sc-karta li::before { content: "✓"; display: grid; place-items: center; width: 4.4cqw; height: 4.4cqw; border-radius: 999px; background: #155A53; color: #F2EEE6; font-size: 2.6cqw; font-weight: 800; transform: scale(0); transition: transform .35s cubic-bezier(.3,1.6,.5,1); }
.sc-pyt { font-size: clamp(10px, 3.1cqw, 15px); font-weight: 600; }
.sc-odp { font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-size: clamp(11px, 3.3cqw, 16px); font-weight: 700; color: #155A53; white-space: nowrap; clip-path: inset(0 100% 0 0); transition: clip-path .7s ease; }
.sc-pieczatka { position: absolute; right: 3.5%; top: -3.4cqw; padding: .6cqw 1.8cqw; border: .55cqw solid #1D6F66; border-radius: 1.2cqw; font-family: var(--op-mono); font-size: clamp(10px, 3cqw, 14px); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #1D6F66; background: rgba(242,238,230,.92); opacity: 0; transform: rotate(-10deg) scale(1.7); transition: opacity .25s, transform .35s cubic-bezier(.3,1.4,.5,1); }
.op-scena[data-stan="4"] .sc-karta { opacity: 1; transform: rotate(-1.5deg); }
.op-scena[data-stan="4"] .sc-karta li::before { transform: scale(1); transition-delay: calc(.45s + var(--j) * .3s); }
.op-scena[data-stan="4"] .sc-odp { clip-path: inset(0 0 0 0); transition-delay: calc(.6s + var(--j) * .3s); }
.op-scena[data-stan="4"] .sc-pieczatka { opacity: 1; transform: rotate(-10deg) scale(1); transition-delay: 1.9s; }

.sc-domy { left: 6%; right: 6%; top: 6%; height: 36%; display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(3, 1fr); }
.sc-siec { position: absolute; inset: 0; width: 100%; height: 100%; }
.sc-lacze { stroke: rgba(201,164,100,.55); stroke-width: 1.5; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .45s ease; }
.sc-lacze-twoj { stroke: rgba(95,224,206,.6); }
.sc-dom { position: relative; display: grid; place-items: center; color: rgba(255,255,255,.12); transition: color .45s ease, filter .45s; }
.sc-dom-ik { width: 6.4cqw; height: 6.4cqw; background: #0b0e0c; border-radius: 30%; }
.sc-twoj { left: 50%; top: 45%; transform: translate(-50%, 6px); font-family: var(--op-mono); font-size: clamp(10px, 2.9cqw, 13px); font-weight: 700; letter-spacing: .08em; color: #5FE0CE; padding: .35em .85em; border-radius: 999px; border: 1px solid rgba(95,224,206,.6); background: #0b0e0c; white-space: nowrap; }
.op-scena[data-stan="5"] .sc-domy { opacity: 1; }
.op-scena[data-stan="5"] .sc-dom { color: #C9A464; filter: drop-shadow(0 0 4px rgba(201,164,100,.45)); transition-delay: calc(.15s + var(--d) * .17s); }
.op-scena[data-stan="5"] .sc-lacze { stroke-dashoffset: 0; transition-delay: calc(.3s + var(--d) * .17s); }
.op-scena[data-stan="5"] .sc-lacze-twoj { transition-delay: 1.9s; }
.op-scena[data-stan="5"] .sc-dom-twoj { color: #5FE0CE; filter: drop-shadow(0 0 8px rgba(95,224,206,.8)); transition-delay: 1.8s; }
.op-scena[data-stan="5"] .sc-twoj { opacity: 1; transform: translate(-50%, 0); transition-delay: 2.1s; }

.sc-motto { position: absolute; left: 5.5cqw; right: 5.5cqw; bottom: 12cqw; font-size: clamp(13px, 4.2cqw, 20px); font-weight: 700; line-height: 1.22; letter-spacing: -.01em; color: #EDE6D6; text-wrap: balance; transition: opacity .4s; }
.op-scena[data-stan="0"] .sc-motto { opacity: 0; }
.sc-dol { position: absolute; left: 5.5cqw; right: 5.5cqw; bottom: 4.2cqw; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sc-krok { font-family: var(--op-mono); font-size: clamp(10px, 2.6cqw, 12px); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.72); }
.sc-krok-nr { color: #C9A464; }
.sc-kropki { display: flex; gap: 5px; }
.sc-kropki i { display: block; width: 4cqw; max-width: 22px; height: 3px; border-radius: 2px; background: rgba(255,255,255,.16); transition: background .4s; }
.op-scena[data-stan="1"] [data-sc-kropka="1"],
.op-scena[data-stan="2"] [data-sc-kropka="1"], .op-scena[data-stan="2"] [data-sc-kropka="2"],
.op-scena[data-stan="3"] [data-sc-kropka="1"], .op-scena[data-stan="3"] [data-sc-kropka="2"], .op-scena[data-stan="3"] [data-sc-kropka="3"],
.op-scena[data-stan="4"] [data-sc-kropka="1"], .op-scena[data-stan="4"] [data-sc-kropka="2"], .op-scena[data-stan="4"] [data-sc-kropka="3"], .op-scena[data-stan="4"] [data-sc-kropka="4"],
.op-scena[data-stan="5"] i[data-sc-kropka] { background-color: #C9A464; }
@media (prefers-reduced-motion: no-preference) {
  .op-scena[data-stan="2"] .sc-chaos { animation: sc-dryf 3.2s ease-in-out 1.6s infinite alternate; }
  .op-scena[data-stan="2"] .sc-c2 { animation-duration: 2.6s; } .op-scena[data-stan="2"] .sc-c3 { animation-duration: 3.8s; }
  .op-scena[data-stan="2"] .sc-wsk-m { animation: sc-obrot 1.4s linear infinite; }
  .op-scena[data-stan="2"] .sc-wsk-h { animation: sc-obrot-h 16.8s linear infinite; }
  .op-scena[data-stan="3"] .sc-fil b { animation: sc-para 2.6s ease-in-out 1s infinite; }
  .op-scena[data-stan="5"] .sc-dom-twoj { animation: sc-puls 1.8s ease-in-out 2.2s infinite; }
  @keyframes sc-dryf { from { translate: 0 0; } to { translate: 1.2cqw -1.4cqw; } }
  @keyframes sc-obrot { from { transform: rotate(200deg); } to { transform: rotate(560deg); } }
  @keyframes sc-obrot-h { from { transform: rotate(40deg); } to { transform: rotate(400deg); } }
  @keyframes sc-para { 0% { opacity: 0; transform: translateY(1cqw); } 40% { opacity: .8; } 100% { opacity: 0; transform: translateY(-3cqw); } }
  @keyframes sc-puls { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.14); } }
}

.op-most { position: relative; display: grid; justify-items: center; margin-top: 56px; }
.op-most-linia { width: 2px; height: 84px; background: linear-gradient(rgba(201,164,100,.6), #5FE0CE); }
.op-most-dom { width: 88px; height: 88px; margin: 6px 0 22px; fill: none; stroke: #5FE0CE; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 14px rgba(95,224,206,.55)); }
.op-most-dom path { stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset 1.4s ease; }
.op-most-dom path + path { transition-delay: .9s; }
.op-most-fala { position: absolute; left: 50%; top: 134px; width: 120px; height: 120px; margin: -60px 0 0 -60px; border-radius: 999px; border: 1px solid rgba(95,224,206,.5); opacity: 0; pointer-events: none; }
.op-anim .op-most:not(.op-widac) .op-most-dom path { stroke-dashoffset: 1; }
.op-anim .op-most.op-widac .op-most-fala { animation: op-fala 2.4s ease-out 1.3s 3; }
.op-anim .op-most.op-widac .op-most-fala-2 { animation-delay: 2.1s; }
@keyframes op-fala { from { opacity: .7; transform: scale(.6); } to { opacity: 0; transform: scale(2.1); } }

.op-np { position: relative; overflow: hidden; border-radius: 18px; border: 1px solid rgba(201,164,100,.28); padding: clamp(24px, 5vw, 56px);
  background: radial-gradient(70% 90% at 100% 0%, rgba(95,224,206,.10), transparent 60%), radial-gradient(70% 90% at 0% 100%, rgba(201,164,100,.10), transparent 60%), #0b0e0c; }
.op-np-h { max-width: 18ch; font-size: clamp(34px, 5.4vw, 64px); font-weight: 800; line-height: 1; letter-spacing: -.035em; color: #fff; text-wrap: balance; }
.op-np-kroki { margin-top: 32px; display: grid; gap: 14px; }
@media (min-width: 768px) { .op-np-kroki { grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr); align-items: stretch; } }
.op-np-krok { position: relative; border-radius: 14px; padding: 22px 22px 24px; border: 1px solid transparent; transition: opacity .8s ease, transform .8s ease; }
.op-np-najpierw { background: #F2EEE6; color: #141414; }
.op-np-potem { background: rgba(42,157,143,.09); border-color: rgba(95,224,206,.45); box-shadow: 0 0 60px -20px rgba(95,224,206,.45); }
.op-np-ikona { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 999px; }
.op-np-najpierw .op-np-ikona { background: #141414; color: #F2EEE6; }
.op-np-potem .op-np-ikona { background: rgba(95,224,206,.14); color: #5FE0CE; box-shadow: 0 0 20px rgba(95,224,206,.4); }
.op-np-et { margin-top: 16px; font-family: var(--op-mono); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.op-np-najpierw .op-np-et { color: #6F5320; } .op-np-potem .op-np-et { color: #5FE0CE; }
.op-np-t { margin-top: 6px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; line-height: 1.1; letter-spacing: -.02em; }
.op-np-potem .op-np-t { color: #EDE6D6; }
.op-np-o { margin-top: 10px; font-size: 16px; line-height: 1.55; }
.op-np-najpierw .op-np-o { color: #3A3A36; } .op-np-potem .op-np-o { color: #B9B4A6; }
.op-np-strzalka { display: grid; place-items: center; color: #C9A464; }
@media (max-width: 767px) { .op-np-strzalka svg { transform: rotate(90deg); } }
.op-np-cta { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 12px; }
.op-np-drobne { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 6px 10px; font-family: var(--op-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.55); }
.op-anim .op-np:not(.op-widac) .op-np-potem { opacity: .25; transform: translateX(-10px); }
.op-anim .op-np.op-widac .op-np-potem { transition-delay: .5s; }

.op-arkusz { position: relative; max-width: 980px; margin-inline: auto; padding: clamp(24px, 5vw, 56px); background: #F2EEE6; color: #141414; border-radius: 6px; border-top: 8px solid #C9A464;
  box-shadow: 0 50px 90px -50px rgba(0,0,0,.95), 0 0 0 1px rgba(0,0,0,.35); }
.op-arkusz-et { font-family: var(--op-mono); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #6F5320; }
.op-arkusz-h { margin-top: 12px; font-size: clamp(30px, 4.4vw, 48px); font-weight: 800; line-height: 1.02; letter-spacing: -.025em; color: #141414; text-wrap: balance; }
.op-arkusz-lead { margin-top: 12px; max-width: 58ch; font-size: 17px; line-height: 1.55; color: #3A3A36; }
.op-arkusz-wiersze { margin-top: 28px; border-top: 2px solid #141414; }
.op-wiersz { border-bottom: 1px solid #CFC8BA; }
.op-wiersz-btn { display: flex; align-items: center; gap: 10px 16px; width: 100%; min-height: 68px; padding: 14px 2px; text-align: left; cursor: pointer; color: #141414; background: none; }
.op-wiersz-btn:focus-visible { outline: 2px solid #155A53; outline-offset: 2px; border-radius: 4px; }
.op-wiersz-nr { flex: none; font-family: var(--op-mono); font-size: 12px; font-weight: 700; letter-spacing: .1em; color: #6F5320; }
.op-wiersz-pyt { flex: 0 1 auto; font-size: clamp(19px, 2.3vw, 24px); font-weight: 700; letter-spacing: -.01em; }
.op-wiersz-linia { flex: 1 1 40px; min-width: 24px; align-self: flex-end; margin-bottom: 14px; border-bottom: 2px dotted #A79F90; }
.op-wiersz-akcja { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(21,90,83,.5); font-family: var(--op-mono); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #155A53; transition: background .2s; }
.op-wiersz-btn:hover .op-wiersz-akcja { background: rgba(21,90,83,.08); }
.op-wiersz-plus { width: 14px; height: 14px; transition: transform .25s; }
.op-zaslon { display: none; }
.op-wiersz-btn[aria-expanded="true"] .op-zaslon { display: inline; }
.op-wiersz-btn[aria-expanded="true"] .op-odslon { display: none; }
.op-wiersz-btn[aria-expanded="true"] .op-wiersz-plus { transform: rotate(45deg); }
html:not(.op-js) .op-wiersz-akcja { display: none; }
.op-wiersz-odp { padding: 0 2px 18px 34px; font-size: 16px; line-height: 1.55; color: #155A53; }
.op-wiersz-odp[hidden] { display: none; }
.op-wiersz-w { font-family: var(--op-mono); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #155A53; margin-bottom: 2px; }
.op-wiersz-link { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: #155A53; text-decoration: underline; text-decoration-color: rgba(21,90,83,.45); text-underline-offset: 4px; }
.op-wiersz-link:focus-visible { outline-color: #155A53; }
.op-arkusz-stopka { margin-top: 28px; }
.op-arkusz-cta { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 22px; border-radius: 6px; background: #141414; color: #F2EEE6; font-weight: 700; transition: background .2s; }
.op-arkusz-cta:hover { background: #2B2A26; }
.op-arkusz-cta:focus-visible { outline: 2px solid #155A53; outline-offset: 3px; }
@media (max-width: 639px) {
  .op-wiersz-btn { gap: 10px 12px; }
  .op-wiersz-pyt { flex: 1 1 0; min-width: 0; font-size: 18px; }
  .op-wiersz-linia { display: none; }
  .op-wiersz-odp { padding-left: 2px; }
}
@media (prefers-reduced-motion: no-preference) {
  .op-wiersz-odp:not([hidden]) { animation: op-odslon .35s ease both; }
  @keyframes op-odslon { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
}

.op-zasady { border-top: 1px solid rgba(255,255,255,.14); }
.op-zasada { display: grid; gap: 20px 48px; padding: 32px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
@media (min-width: 768px) { .op-zasada { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; padding: 44px 0; } }
.op-zasada-t { font-size: clamp(28px, 4.2vw, 52px); font-weight: 800; line-height: 1.04; letter-spacing: -.03em; color: #EDE6D6; text-wrap: balance; }
.op-zasada-o { margin-top: 12px; max-width: 48ch; font-size: 17px; line-height: 1.6; color: #B9B4A6; }
.op-il { position: relative; border-radius: 14px; border: 1px solid rgba(255,255,255,.09); background: #0b0e0c; padding: 18px 20px; }
.op-il-et { margin-bottom: 10px; font-family: var(--op-mono); font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.op-il-zakupy { display: grid; grid-template-columns: 3fr 2fr; gap: 18px; }
.op-il-kol ul { display: grid; gap: 9px; }
.op-il-kol li { display: flex; align-items: center; gap: 10px; }
.op-il-kol i { position: relative; flex: none; width: 18px; height: 18px; border-radius: 4px; border: 1.5px solid #C9A464; background: #C9A464; transition: background .3s; transition-delay: calc(var(--j) * .18s); }
.op-il-kol i::after { content: "✓"; position: absolute; inset: 0; display: grid; place-items: center; font-size: 12px; font-weight: 800; color: #0b0e0c; }
.op-il-kol b { display: block; height: 8px; border-radius: 4px; background: rgba(255,255,255,.14); width: calc(48% + var(--j) * 7%); }
.op-il-kol-2 i { border-color: #F08A3C; background: transparent; }
.op-il-kol-2 i::after { content: "+"; color: #F5A66B; }
.op-il-kol-2 b { background: rgba(240,138,60,.35); width: 70%; }
.op-anim .op-zasada:not(.op-widac) .op-il-kol:not(.op-il-kol-2) i { background: transparent; }
.op-anim .op-zasada:not(.op-widac) .op-il-kol:not(.op-il-kol-2) i::after { opacity: 0; }
.op-il-zrodla ul { display: grid; gap: 12px; }
.op-il-zrodla li { display: flex; align-items: center; gap: 12px; }
.op-il-zrodla b { display: block; height: 9px; border-radius: 5px; background: rgba(255,255,255,.14); }
.op-il-znak { flex: none; padding: 2px 8px; border-radius: 5px; border: 1px solid; font-family: var(--op-mono); font-size: 12px; font-weight: 700; transition: opacity .3s, transform .35s cubic-bezier(.3,1.6,.5,1); transition-delay: calc(.2s + var(--j) * .25s); }
.op-il-znak-p { color: #5FE0CE; border-color: rgba(95,224,206,.5); } .op-il-znak-w { color: #F5A66B; border-color: rgba(240,138,60,.5); } .op-il-znak-m { color: #E6CC97; border-color: rgba(201,164,100,.5); }
.op-anim .op-zasada:not(.op-widac) .op-il-znak { opacity: 0; transform: scale(.5); }
.op-il-spokoj { padding: 22px 20px 30px; }
.op-il-zegar { position: relative; width: min(100%, 260px); aspect-ratio: 200 / 116; margin-inline: auto; }
.op-il-zegar svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.op-il-luk { fill: none; stroke: rgba(255,255,255,.08); stroke-width: 14; }
.op-il-luk-pres, .op-il-luk-spok { fill: none; stroke-width: 14; stroke-dasharray: 1; stroke-dashoffset: 0; }
.op-il-luk-pres { stroke: rgba(240,138,60,.55); } .op-il-luk-spok { stroke: #2A9D8F; }
.op-il-igla { position: absolute; left: calc(50% - 1.5px); bottom: 13.8%; width: 3px; height: 60%; border-radius: 3px; background: #EDE6D6; transform-origin: 50% 100%; transform: rotate(58deg); transition: transform 1.6s cubic-bezier(.3,1.25,.5,1) .3s; }
.op-il-igla::after { content: ""; position: absolute; left: 50%; bottom: -7px; width: 14px; height: 14px; margin-left: -7px; border-radius: 999px; background: #EDE6D6; }
.op-anim .op-zasada:not(.op-widac) .op-il-igla { transform: rotate(-62deg); }
.op-il-o { position: absolute; bottom: -22px; font-family: var(--op-mono); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.op-il-o-l { left: 0; color: #F5A66B; } .op-il-o-p { right: 0; color: #5FE0CE; }

.op-przekladki { position: sticky; top: 148px; border-left: 1px solid rgba(255,255,255,.10); }
.op-przekladka { position: relative; display: flex; align-items: baseline; gap: 12px; min-height: 44px; margin-left: -1px; padding: 10px 0 10px 18px; border-left: 2px solid transparent; font-size: 16px; line-height: 1.35; color: rgba(255,255,255,.5); transition: color .25s, border-color .25s; }
.op-przekladka:hover { color: #fff; }
.op-przekladka-nr { flex: none; font-family: var(--op-mono); font-size: 11px; font-weight: 700; letter-spacing: .1em; color: rgba(201,164,100,.6); }
.op-przekladka.op-za { color: rgba(255,255,255,.72); border-left-color: rgba(201,164,100,.35); }
.op-przekladka.op-on { color: #fff; font-weight: 600; border-left-color: #C9A464; }
.op-przekladka.op-on .op-przekladka-nr { color: #C9A464; }
.op-przekladka.op-nastepna::after { content: "dalej"; align-self: center; margin-left: auto; padding: 2px 8px; border-radius: 999px; border: 1px solid rgba(95,224,206,.45); font-family: var(--op-mono); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #5FE0CE; }
.op-sekcja { padding: 48px 0; border-top: 1px solid rgba(255,255,255,.08); }
.op-sekcja:first-child { padding-top: 0; border-top: 0; }
@media (min-width: 1024px) { .op-sekcja { padding: 64px 0; } }
.op-sekcja-glowa { display: flex; align-items: center; gap: 12px; }
.op-sekcja-nr { font-family: var(--op-mono); font-size: 12px; font-weight: 700; letter-spacing: .16em; color: #C9A464; }
.op-sekcja-h { margin-top: 16px; font-size: clamp(26px, 3vw, 36px); font-weight: 800; line-height: 1.08; letter-spacing: -.02em; color: #EDE6D6; text-wrap: balance; }
.op-sekcja-tresc { margin-top: 20px; }
.op-ikona-pole { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; border: 1px solid rgba(201,164,100,.35); background: rgba(201,164,100,.08); color: #C9A464; }
.op-legenda > li { padding: 12px 14px !important; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; background: rgba(255,255,255,.02); }
.op-legenda > li::before, .op-etykiety > li::before, .op-ikony > li::before { display: none; }
.op-legenda > li > strong:first-child { display: inline-block; margin-right: .35em; padding: 0 8px; border-radius: 4px; border: 1px solid rgba(201,164,100,.35); background: rgba(201,164,100,.12); color: #E6CC97; }
.op-etykiety > li { padding-left: 0 !important; }
.op-etykiety > li > strong:first-child { display: inline-block; margin: 0 .45em .25em 0; padding: 3px 9px; border-radius: 3px; border: 1px solid rgba(255,255,255,.24); background: rgba(0,0,0,.55); font-family: var(--op-mono); font-size: 12.5px; font-weight: 500; letter-spacing: .04em; color: #EDE6D6; }
.op-ikony > li { padding-left: 2.1em !important; }
.op-ikona { position: absolute; left: 0; top: .22em; color: #5FE0CE; }
.op-nie > li { padding: 14px 0 14px 1.9em !important; border-bottom: 1px solid rgba(255,255,255,.08); font-size: clamp(17px, 1.9vw, 21px); font-weight: 600; line-height: 1.4; color: #EDE6D6; }
.op-nie > li + li { margin-top: 0 !important; }

.op-wiz { margin-top: 28px; border-radius: 14px; border: 1px solid rgba(255,255,255,.08); background: #0b0e0c; padding: clamp(16px, 3vw, 24px); }

.op-wiz-zrodla { display: grid; gap: 18px; align-items: center; }
@media (min-width: 640px) { .op-wiz-zrodla { grid-template-columns: minmax(0, 1fr) 40px 150px; } }
.op-zr-et { font-family: var(--op-mono); font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #C9A464; }
.op-zr-2 { margin-top: 16px; } .op-zr-2 .op-zr-et { color: rgba(255,255,255,.6); }
.op-zr-poziom ul { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; }
.op-zr-1 li { padding: 6px 12px; border-radius: 6px; border: 1px solid rgba(201,164,100,.5); background: rgba(201,164,100,.10); font-size: 15px; font-weight: 700; color: #E6CC97; }
.op-zr-2 li { padding: 4px 10px; border-radius: 6px; border: 1px dashed rgba(255,255,255,.25); font-size: 13px; color: rgba(255,255,255,.75); }
.op-zr-poziom li { transition: opacity .35s, transform .35s; transition-delay: calc(var(--j) * .1s); }
.op-anim .op-wiz:not(.op-widac) .op-zr-poziom li { opacity: 0; transform: translateY(6px); }
.op-zr-strz { position: relative; display: block; height: 2px; background: rgba(201,164,100,.6); }
.op-zr-strz::after { content: ""; position: absolute; right: -1px; top: -4px; border: 5px solid transparent; border-left: 7px solid rgba(201,164,100,.8); border-right: 0; }
@media (max-width: 639px) { .op-zr-strz { width: 2px; height: 24px; margin-left: 20px; } .op-zr-strz::after { right: -4px; top: auto; bottom: -6px; border: 5px solid transparent; border-top: 7px solid rgba(201,164,100,.8); border-bottom: 0; } }
.op-zr-dok { border-radius: 4px; border-top: 4px solid #C9A464; background: #F2EEE6; padding: 10px 12px; transform: rotate(1.5deg); }
.op-zr-dok-t { font-family: var(--op-mono); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #3A3A36; }
.op-zr-dok ul { margin-top: 6px; display: grid; gap: 7px; }
.op-zr-dok li { display: flex; align-items: center; gap: 8px; }
.op-zr-dok b { flex: 1; height: 6px; border-radius: 3px; background: #CFC8BA; }
.op-zr-dok i { font-style: normal; font-family: var(--op-mono); font-size: 11px; font-weight: 800; transition: opacity .3s; transition-delay: calc(.6s + var(--j) * .2s); }
.op-zr-dok .z-p { color: #155A53; } .op-zr-dok .z-w { color: #8A4F12; } .op-zr-dok .z-m { color: #6F5320; }
.op-anim .op-wiz:not(.op-widac) .op-zr-dok i { opacity: 0; }

.op-wiz-pisz { display: grid; gap: 20px; align-items: center; }
@media (min-width: 768px) { .op-wiz-pisz { grid-template-columns: minmax(0, 1fr) minmax(0, 300px); } }
.op-tarcie { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.op-tarcie li { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 6px; border-radius: 10px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02); text-align: center; font-size: 12.5px; line-height: 1.25; color: rgba(255,255,255,.78); transition: opacity .35s, transform .35s; transition-delay: calc(var(--j) * .09s); }
.op-tarcie-ik { width: 22px; height: 22px; color: #F5A66B; }
.op-anim .op-wiz:not(.op-widac) .op-tarcie li { opacity: 0; transform: scale(.92); }
.op-karta { max-width: 320px; transform: rotate(-1.5deg); border-top: 6px solid #C9A464; border-radius: 4px; background: #F2EEE6; color: #141414; padding: 16px 18px 14px; box-shadow: 0 22px 44px -20px rgba(0,0,0,.95); }
.op-karta-kod { font-family: var(--op-mono); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #3A3A36; }
.op-karta-zakaz { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 6px; }
.op-karta-zakaz li { padding: 2px 8px; border: 1px dashed #B7B0A2; border-radius: 3px; font-size: 12.5px; color: #615C52; text-decoration: line-through; text-decoration-color: #8E6C33; }
.op-karta-ok { margin-top: 12px; padding-top: 10px; border-top: 1px solid #DCD6CA; font-size: 13px; font-weight: 600; color: #141414; }

.op-modul { position: relative; height: 180px; }
.op-modul-linie { position: absolute; inset: 0; width: 100%; height: 100%; }
.op-modul-linie { transition: opacity .6s ease .2s; }
.op-modul-linie line { stroke: rgba(201,164,100,.45); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.op-anim .op-wiz:not(.op-widac) .op-modul-linie { opacity: 0; }
.op-modul-srodek { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 96px; height: 96px; margin: -48px 0 0 -48px; border-radius: 999px; border: 1.5px solid #C9A464; background: #0b0e0c; font-family: var(--op-mono); font-size: 13px; font-weight: 800; color: #E6CC97; box-shadow: 0 0 30px rgba(201,164,100,.25); }
.op-modul .op-forma { position: absolute; transform: translate(-50%, -50%); white-space: nowrap; background-color: #0b0e0c; transition: opacity .35s, transform .35s; transition-delay: calc(.4s + var(--j) * .12s); }
.op-modul .op-forma:nth-of-type(2) { left: 18%; top: 18%; } .op-modul .op-forma:nth-of-type(3) { left: 82%; top: 18%; }
.op-modul .op-forma:nth-of-type(4) { left: 18%; top: 82%; } .op-modul .op-forma:nth-of-type(5) { left: 82%; top: 82%; }
.op-anim .op-wiz:not(.op-widac) .op-modul .op-forma { opacity: 0; transform: translate(-50%, -50%) scale(.8); }
.op-forma { padding: 6px 12px; border: 1px solid; border-radius: 999px; font-size: 13px; font-weight: 600; }
.op-forma-pdf { border-color: rgba(201,164,100,.45); color: #E6CC97; }
.op-forma-karty { border-color: rgba(242,238,230,.4); color: #F2EEE6; }
.op-forma-audio { border-color: rgba(29,185,84,.5); color: #5BE38A; }
.op-rytm { margin-top: 18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 640px) { .op-rytm { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.op-rytm li { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border-radius: 8px; border-top: 3px solid var(--c); background: color-mix(in srgb, var(--c) 10%, transparent); transition: opacity .35s; transition-delay: calc(.8s + var(--j) * .12s); }
.op-rytm-w { font-family: var(--op-mono); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.op-rytm-c { font-size: 14px; font-weight: 700; color: var(--c); }
.op-rytm li.op-rytm-petla { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 8px; border-top: 0; border: 1px dashed rgba(95,224,206,.5); background: rgba(42,157,143,.06); color: #5FE0CE; font-family: var(--op-mono); font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.op-anim .op-wiz:not(.op-widac) .op-rytm li { opacity: 0; }

.op-ai-ramki { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.op-ai-ramka { position: relative; aspect-ratio: 4 / 3.4; overflow: hidden; border-radius: 10px; border: 1px solid rgba(255,255,255,.12); background: #111512; }
.op-ai-tag { position: absolute; left: 6px; right: 6px; bottom: 6px; padding: 3px 6px; border-radius: 3px; border: 1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.72); font-family: var(--op-mono); font-size: 9.5px; line-height: 1.3; letter-spacing: .02em; color: #EDE6D6; }
.op-ai-fala { position: absolute; left: 10%; right: 10%; top: 18%; height: 42%; display: flex; align-items: center; gap: 6%; }
.op-ai-fala i { flex: 1; height: calc(var(--h) * 1%); border-radius: 3px; background: #1DB954; transform-origin: 50% 50%; transition: transform .5s ease; }
.op-anim .op-wiz:not(.op-widac) .op-ai-fala i { transform: scaleY(.15); }
.op-ai-play { position: absolute; left: 50%; top: 40%; display: grid; place-items: center; width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 999px; border: 1.5px solid currentColor; }
.op-ai-gory { position: absolute; left: 10%; right: 10%; top: 14%; width: 80%; height: 48%; fill: rgba(255,255,255,.14); }
.op-ai-papier { margin-top: 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.op-ai-czat { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(96,165,250,.55); background: rgba(96,165,250,.08); font-size: 13px; font-weight: 600; color: #93C5FD; }
.op-ai-strz { width: 44px; height: 0; border-top: 2px dashed rgba(255,255,255,.35); }
.op-ai-kartka { padding: 6px 14px; border-radius: 3px; background: #F2EEE6; color: #141414; font-size: 13px; font-weight: 700; transform: rotate(-2deg); }
.op-ai-bez { font-family: var(--op-mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.6); }

.op-wiz-pryw { display: flex; align-items: center; gap: 14px; }
.op-pr-okno { position: relative; flex: 1 1 auto; min-width: 0; border-radius: 10px; border: 1px solid rgba(255,255,255,.16); background: #111512; overflow: hidden; }
.op-pr-pasek { display: flex; align-items: center; gap: 5px; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.08); font-family: var(--op-mono); font-size: 10.5px; letter-spacing: .08em; color: rgba(255,255,255,.65); }
.op-pr-pasek i { width: 7px; height: 7px; border-radius: 999px; background: rgba(255,255,255,.22); }
.op-pr-pasek span { margin-left: 8px; }
.op-pr-srodek { display: flex; flex-wrap: wrap; gap: 8px; padding: 22px 16px 26px; }
.op-pr-chip { padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(95,224,206,.5); background: rgba(42,157,143,.10); font-size: 13px; font-weight: 600; color: #5FE0CE; }
.op-pr-granica { position: absolute; inset: 40px 8px 8px; border: 1.5px dashed rgba(95,224,206,.45); border-radius: 8px; pointer-events: none; }
.op-pr-strz { position: relative; flex: none; width: 56px; height: 2px; background: repeating-linear-gradient(90deg, rgba(240,138,60,.7) 0 6px, transparent 6px 10px); }
.op-pr-strz b { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 999px; background: #0b0e0c; border: 1.5px solid #F08A3C; color: #F5A66B; font-size: 11px; transition: transform .35s cubic-bezier(.3,1.6,.5,1) .5s; }
.op-anim .op-wiz:not(.op-widac) .op-pr-strz b { transform: scale(0); }
.op-pr-serwer { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 10px; border: 1px dashed rgba(255,255,255,.2); color: rgba(255,255,255,.3); }

.op-wiz-akt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; }
.op-cykl { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 26px; padding-bottom: 22px; }
.op-cykl li { position: relative; padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(201,164,100,.45); font-size: 13.5px; font-weight: 600; color: #E6CC97; transition: opacity .35s; transition-delay: calc(var(--j) * .2s); }
.op-cykl li:not(:last-child)::after { content: "→"; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); color: rgba(201,164,100,.8); }
.op-cykl::after { content: "↺"; position: absolute; left: 6px; bottom: -2px; font-size: 16px; color: #5FE0CE; }
.op-anim .op-wiz:not(.op-widac) .op-cykl li { opacity: 0; }
.op-pieczatka { display: inline-flex; flex-direction: column; gap: 2px; padding: 10px 16px; border: 2px solid rgba(201,164,100,.6); border-radius: 6px; transform: rotate(-3deg); font-family: var(--op-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #C9A464; }
.op-pieczatka span { font-size: 15px; font-weight: 700; letter-spacing: .12em; }

.op-nie > li { padding-left: 2.8em !important; }
.op-nie > li::before { display: none; }
.op-nie-ik { position: absolute; left: 0; top: 14px; display: grid; place-items: center; width: 1.7em; height: 1.7em; color: rgba(201,164,100,.75); }
.op-nie-ik::after { content: ""; position: absolute; left: 8%; right: 8%; top: 50%; height: 2px; border-radius: 2px; background: #F08A3C; transform: rotate(-35deg); box-shadow: 0 0 0 2px #070806; }

@media (prefers-reduced-motion: reduce) {
  .op-os-linia i { transform: none !important; }
  .op-scena *, .op-scena *::before { transition: none !important; animation: none !important; }
}
@media print { .op-pasek, .op-scena, .op-scena-mala, .op-przekladki, .op-trasa, .op-most { display: none !important; } .op-js .op-wiersz-odp[hidden] { display: block; } }

.op-strona .s2-tresc p, .op-strona .op-zasada-o, .op-strona .op-np-o, .op-strona .op-arkusz-lead { text-wrap: pretty; }

a.op-trasa-wezel { color: inherit; text-decoration: none; }
.op-trasa-kolko { transition: transform .25s, border-color .25s, box-shadow .25s; }
.op-trasa-wezel:hover .op-trasa-kolko { transform: scale(1.12); border-color: #E6CC97; box-shadow: 0 0 0 6px #070806, 0 0 24px rgba(201,164,100,.5); }
.op-trasa-dom:hover .op-trasa-kolko { border-color: #5FE0CE; box-shadow: 0 0 0 6px #070806, 0 0 36px rgba(95,224,206,.75); }
.op-trasa-wezel:hover .op-trasa-et { color: #fff; }
.op-trasa-dymek { position: absolute; left: 50%; bottom: calc(100% + 14px); z-index: 2; width: max-content; max-width: 220px; padding: 8px 12px; border-radius: 8px; border: 1px solid rgba(201,164,100,.45); background: #0f120f;
  font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-size: 14.5px; line-height: 1.35; color: #F2EEE6; text-align: center; box-shadow: 0 14px 30px -10px rgba(0,0,0,.9);
  opacity: 0; pointer-events: none; transform: translate(-50%, 4px); transition: opacity .2s, transform .2s; }
.op-trasa-wezel:hover { z-index: 5; }
.op-trasa-wezel:hover .op-trasa-dymek { opacity: 1; transform: translate(-50%, 0); }
.op-trasa-dom .op-trasa-dymek { left: auto; right: -8px; transform: translateY(4px); border-color: rgba(95,224,206,.55); color: #5FE0CE; font-style: normal; font-family: inherit; font-weight: 700; }
.op-trasa-dom:hover .op-trasa-dymek { transform: none; }
@media (hover: none) { .op-trasa-dymek { display: none; } }

.sc-motto { font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-weight: 400; font-size: clamp(14px, 4.7cqw, 22px); letter-spacing: 0; color: #F2EEE6; }
.sc-motto.sc-motto-zmiana { opacity: 0; }
[data-op-scena] .sc-kropki { gap: 3px; }
[data-op-scena] .sc-kropki i { height: 3px; padding: 7px 2px; box-sizing: content-box; background-clip: content-box; cursor: pointer; }
[data-op-scena] .sc-kropki i:hover { background-color: rgba(201,164,100,.75); }

@media (min-width: 1024px) {
  .op-js .op-krok .op-krok-tekst { color: #8F897C; transition: color .6s ease; }
  .op-js .op-krok.op-krok-on .op-krok-tekst { color: #DAD4C6; }
  .op-js .op-krok .op-krok-et { opacity: .6; transition: opacity .6s; }
  .op-js .op-krok.op-krok-on .op-krok-et { opacity: 1; }
  .op-js .op-krok:not(.op-krok-on) .op-wazne { color: inherit; background-image: linear-gradient(transparent 64%, rgba(201,164,100,.14) 64%); }
  .op-krok { padding-bottom: 22vh; }
}

#op-krok-1 .op-krok-tekst > p::first-letter { float: left; margin: .08em .1em 0 0; font-family: Georgia, "Times New Roman", ui-serif, serif; font-size: 3.7em; font-weight: 400; line-height: .8; color: #C9A464; }

.op-podpis { flex-wrap: wrap; align-items: baseline; gap: .4em .9em; margin-top: 18px; }
.op-podpis-kreska { align-self: center; }
.op-podpis-imie { font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-size: 30px; font-weight: 400; line-height: 1; color: #F2EEE6; }
.op-podpis-rola { font-family: var(--op-mono); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #C9A464; }

.op-pol { display: inline-block; width: .74em; height: .74em; border-radius: 999px; border: 1.5px solid currentColor; background: linear-gradient(90deg, currentColor 50%, transparent 50%); vertical-align: -.05em; }

.op-wiersz-btn { border-radius: 6px; transition: background .2s; }
.op-wiersz-btn:hover { background: rgba(21,90,83,.05); }
.op-wiersz-linia { transition: border-color .4s; }
.op-wiersz-btn[aria-expanded="true"] .op-wiersz-linia { border-bottom-style: solid; border-bottom-color: #155A53; }
.op-wiersz-btn[aria-expanded="true"] .op-wiersz-nr { color: #155A53; }

.op-dalej { margin-top: 28px; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 12px 16px; border-radius: 10px; border: 1px solid rgba(201,164,100,.3); background: rgba(201,164,100,.05); font-size: 15px; font-weight: 600; color: #EDE6D6; }
.op-dalej:focus-visible { outline: 2px solid #C9A464; outline-offset: 3px; }
.op-dalej-et { display: block; margin-bottom: 2px; font-family: var(--op-mono); font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #C9A464; }
.op-dalej svg { color: #C9A464; }
@media (min-width: 1024px) { .op-dalej { display: none; } }
@media print { .op-dalej { display: none !important; } }

.op-spis-ik { flex: none; width: 16px; height: 16px; color: rgba(230,204,151,.8); }
.op-spis-kolor { flex: none; width: 6px; height: 16px; border-radius: 2px; opacity: .85; }

.op-krok-et { display: flex; align-items: center; gap: 6px; }
.op-krok-ik { display: grid; place-items: center; flex: none; width: 36px; height: 36px; margin-right: 6px; border-radius: 999px; border: 1px solid rgba(201,164,100,.55); background: rgba(201,164,100,.08); color: #E6CC97; }
.op-krok-ik-svg { width: 18px; height: 18px; }
.op-krok-tyt { margin-top: 12px; font-size: clamp(22px, 2.4vw, 28px); font-weight: 800; line-height: 1.12; letter-spacing: -.015em; color: #EDE6D6; text-wrap: balance; }
.op-przejscie { margin-top: 18px; max-width: 60ch; font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-size: 19px; line-height: 1.5; color: #E6CC97; }
@media (min-width: 1024px) {
  .op-krok-ik { display: none; }
  .op-krok { padding-left: 78px; }
  .op-os-linia { left: 21px; top: 26px; }
  .op-wezel { display: grid; place-items: center; left: 0; top: -12px; width: 44px; height: 44px; border: 1.5px solid rgba(201,164,100,.4); background: #070806; color: rgba(230,204,151,.6);
    transition: background .4s, color .4s, border-color .4s, box-shadow .4s, transform .4s cubic-bezier(.3,1.5,.5,1); }
  .op-wezel-ik { width: 20px; height: 20px; }
  html:not(.op-js) .op-wezel, .op-krok-za .op-wezel { background: #15120b; border-color: #C9A464; color: #E6CC97; }
  .op-krok-on .op-wezel { background: #C9A464; border-color: #C9A464; color: #0A0C0A; transform: scale(1.1); box-shadow: 0 0 0 7px rgba(201,164,100,.14), 0 0 28px rgba(201,164,100,.55); }
  .op-podpis { margin-left: 78px; }
}

.op-podpis { display: flex; align-items: center; gap: 14px; margin-top: 26px; }
.op-podpis-sygnet { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 10px; background: #C9A464; color: #0A0C0A; box-shadow: 0 0 0 5px rgba(201,164,100,.12), 0 12px 26px -10px rgba(201,164,100,.6); }
.op-podpis-sygnet svg { width: 30px; height: 30px; }
.op-podpis-tekst { display: flex; flex-direction: column; gap: 4px; line-height: 1.1; }
.op-podpis-rola-s { font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-size: 25px; font-weight: 400; color: #F2EEE6; }
.op-podpis-marka { font-family: var(--op-mono); font-size: 11.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #C9A464; }

.op-most-linia { position: relative; overflow: hidden; }
.op-most-linia i { position: absolute; left: 0; top: -40%; width: 100%; height: 40%; background: linear-gradient(transparent, #F2EEE6, transparent); opacity: 0; }
.op-anim .op-most.op-widac .op-most-linia i { opacity: .85; animation: op-nic 1.6s ease-in .1s 2; }
@keyframes op-nic { from { top: -40%; } to { top: 100%; } }
.op-most-poswiata { position: absolute; left: 50%; top: 134px; width: 240px; height: 240px; margin: -120px 0 0 -120px; border-radius: 999px; background: radial-gradient(circle, rgba(230,204,151,.20), transparent 64%); pointer-events: none; transition: opacity 1.2s ease 1.6s; }
.op-most-swiatlo { fill: #E6CC97; stroke: none !important; filter: drop-shadow(0 0 5px rgba(230,204,151,.95)); transition: opacity 1s ease 1.6s; }
.op-anim .op-most:not(.op-widac) .op-most-swiatlo, .op-anim .op-most:not(.op-widac) .op-most-poswiata { opacity: 0; }

.op-arkusz { --m: clamp(38px, 7vw, 84px); padding-left: calc(var(--m) + clamp(14px, 3vw, 36px)); overflow: visible;
  background-image: linear-gradient(90deg, transparent calc(var(--m) - 1px), rgba(201,164,100,.55) calc(var(--m) - 1px), rgba(201,164,100,.55) var(--m), transparent var(--m)); }
.op-arkusz-dziurki { position: absolute; left: calc(var(--m) / 2); top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: space-evenly; transform: translateX(-50%); pointer-events: none; }
.op-arkusz-dziurki i { width: clamp(13px, 1.6vw, 19px); height: clamp(13px, 1.6vw, 19px); border-radius: 999px; background: #050605; box-shadow: inset 0 2px 3px rgba(0,0,0,.9), 0 1px 0 rgba(255,255,255,.7); }
.op-arkusz-spinacz { position: absolute; top: -30px; right: clamp(40px, 9vw, 110px); width: 22px; height: 64px; fill: none; stroke: #B9BFBC; stroke-width: 3.2; stroke-linecap: round; filter: drop-shadow(0 3px 2px rgba(0,0,0,.55)); }
.op-arkusz-dlugopis { position: absolute; right: -92px; bottom: 96px; width: 230px; height: 38px; transform: rotate(-28deg); filter: drop-shadow(0 18px 14px rgba(0,0,0,.75)); pointer-events: none; transition: transform 1s cubic-bezier(.2,.8,.2,1) .5s, opacity .6s .5s; }
@media (max-width: 1199px) { .op-arkusz-dlugopis { display: none; } }
.op-anim .op-arkusz:not(.op-widac) .op-arkusz-dlugopis { opacity: 0; transform: translate(60px, 30px) rotate(-18deg); }
.op-wiersz-nr { width: 26px; text-align: center; }
.op-wiersz-btn[aria-expanded="true"] .op-wiersz-nr { display: grid; place-items: center; width: 26px; height: 26px; margin: -6px 0; border-radius: 999px; background: #155A53; color: #F2EEE6; letter-spacing: 0; }
.op-arkusz-postep { margin-top: 22px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; font-family: var(--op-mono); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #3A3A36; }
.op-arkusz-postep b { color: #155A53; }
.op-arkusz-paski { display: flex; gap: 4px; }
.op-arkusz-paski i { width: 30px; height: 6px; border-radius: 3px; background: #DCD6CA; transition: background .35s; }
.op-arkusz-postep[data-ile="1"] i:nth-child(-n+1), .op-arkusz-postep[data-ile="2"] i:nth-child(-n+2), .op-arkusz-postep[data-ile="3"] i:nth-child(-n+3), .op-arkusz-postep[data-ile="4"] i { background: #155A53; }
html:not(.op-js) .op-arkusz-postep { display: none; }
@media (prefers-reduced-motion: no-preference) {
  .op-wiersz-odp:not([hidden]) { animation: op-pisz .7s ease both; }
  @keyframes op-pisz { from { opacity: .2; clip-path: inset(0 100% 0 0); } to { opacity: 1; clip-path: inset(0 0 0 0); } }
}

@media (min-width: 768px) { .op-np-kroki { grid-template-columns: minmax(0, 1fr) 150px minmax(0, 1fr); } }
.op-np-droga { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 16px 0 2px; }
.op-np-linia { position: absolute; left: 0; right: 10px; top: 50%; height: 2px; margin-top: -1px; background: linear-gradient(90deg, #C9A464, #5FE0CE); }
.op-np-droga b { position: relative; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 999px; border: 1.5px solid #C9A464; background: #0b0e0c; font-family: var(--op-mono); font-size: 11px; font-weight: 700; color: #EDE6D6;
  transition: transform .4s cubic-bezier(.3,1.6,.5,1), opacity .3s; transition-delay: calc(.3s + var(--j) * .18s); }
.op-np-droga b:nth-of-type(2) { border-color: #B3B07F; } .op-np-droga b:nth-of-type(3) { border-color: #8CC3A6; } .op-np-droga b:nth-of-type(4) { border-color: #5FE0CE; }
.op-np-grot { position: absolute; right: -2px; top: 50%; width: 18px; height: 18px; margin-top: -9px; color: #5FE0CE; }
.op-anim .op-np:not(.op-widac) .op-np-droga b { opacity: 0; transform: scale(.4); }
.op-np-droga-et { position: absolute; left: 0; right: 10px; top: calc(50% + 20px); text-align: center; font-family: var(--op-mono); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.6); white-space: nowrap; }
@media (max-width: 767px) {
  .op-np-droga { flex-direction: column; width: 24px; height: 132px; margin: 0 auto; padding: 2px 0 18px; }
  .op-np-linia { left: 50%; right: auto; top: 0; bottom: 12px; width: 2px; height: auto; margin: 0 0 0 -1px; background: linear-gradient(#C9A464, #5FE0CE); }
  .op-np-grot { right: auto; left: 50%; top: auto; bottom: -4px; margin: 0 0 0 -9px; transform: rotate(90deg); }
  .op-np-droga-et { left: calc(100% + 14px); right: auto; top: 50%; transform: translateY(-50%); text-align: left; }
}

.op-zasady-glowa { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 28px; }
.op-zasady-lead { font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-size: clamp(17px, 1.8vw, 20px); line-height: 1.45; color: #B9B4A6; }
.op-zasada { padding: 44px 0 48px; }
@media (min-width: 768px) {
  .op-zasada { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 20px 64px; padding: 64px 0; }
  .op-zasada-odwr { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
  .op-zasada-odwr .op-zasada-il { order: -1; }
}
.op-obawa { margin-bottom: 0; }
.op-obawa span { position: relative; display: inline-block; padding: 10px 16px 11px; border-radius: 18px 18px 18px 4px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.045);
  font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-size: clamp(17px, 1.8vw, 20px); line-height: 1.35; color: #D9D2C3; }
.op-obawa::after { content: ""; display: block; width: 2px; height: 26px; margin: 6px 0 10px 22px; border-radius: 2px; background: linear-gradient(rgba(255,255,255,.22), #C9A464); }
.op-zasada-t { color: #F2EEE6; }
.op-anim .op-zasada:not(.op-widac) .op-obawa span { opacity: 0; transform: translateY(8px); }
.op-obawa span { transition: opacity .5s, transform .5s; }
.op-zasada-il { position: relative; }

.op-il-polka { padding: 24px 22px 18px; }
.op-polka { display: flex; align-items: flex-end; gap: 12px; height: 70px; padding: 0 8px; border-bottom: 3px solid rgba(201,164,100,.6); box-shadow: 0 8px 10px -8px rgba(0,0,0,.9); }
.op-polka + .op-polka { margin-top: 22px; }
.op-pudlo { position: relative; flex: 1; height: var(--h); border-radius: 5px 5px 2px 2px; border: 1.5px solid rgba(201,164,100,.75); background: linear-gradient(rgba(201,164,100,.24), rgba(201,164,100,.07));
  transition: transform .45s cubic-bezier(.3,1.4,.5,1), opacity .3s; transition-delay: calc(var(--j) * .12s); }
.op-pudlo::after { content: "✓"; position: absolute; right: -7px; top: -9px; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 999px; background: #C9A464; color: #0b0e0c; font-size: 11px; font-weight: 800; }
.op-pudlo-brak { border-style: dashed; border-color: #F08A3C; background: rgba(240,138,60,.07); }
.op-pudlo-brak::after { content: "+"; background: #F08A3C; font-size: 14px; }
.op-anim .op-zasada:not(.op-widac) .op-pudlo { opacity: 0; transform: translateY(-16px); }
.op-polka-leg { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 8px 20px; font-family: var(--op-mono); font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.op-polka-ok { color: #E6CC97; } .op-polka-ok::before { content: "✓ "; }
.op-polka-plus { color: #F5A66B; } .op-polka-plus::before { content: "+ "; }

.op-il-przypisy { padding: 6px 4px 10px; border: 0; background: none; }
.op-dok { position: relative; padding: 22px 24px 18px; border-radius: 4px; border-top: 5px solid #C9A464; background: #F2EEE6; color: #141414; box-shadow: 0 30px 54px -26px rgba(0,0,0,.95); transform: rotate(1.2deg); }
.op-dok ul { display: grid; gap: 12px; }
.op-dok ul li { display: flex; align-items: flex-start; gap: 3px; }
.op-dok ul b { display: block; height: 8px; margin-top: 7px; border-radius: 4px; background: #CFC8BA; }
.op-dok sup { font-family: var(--op-mono); font-size: 11px; font-weight: 800; line-height: 1; color: #155A53; }
.op-dok-przyp { margin-top: 18px; padding-top: 12px; border-top: 1px solid #CFC8BA; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
.op-dok-przyp li { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #3A3A36; transition: opacity .3s; transition-delay: calc(.4s + var(--j) * .2s); }
.op-dok-przyp .op-il-znak { padding: 0 6px; font-size: 11px; font-style: normal; }
.op-dok .op-il-znak-p { color: #155A53; border-color: rgba(21,90,83,.5); } .op-dok .op-il-znak-w { color: #8A4F12; border-color: rgba(138,79,18,.5); } .op-dok .op-il-znak-m { color: #6F5320; border-color: rgba(111,83,32,.5); }
.op-anim .op-zasada:not(.op-widac) .op-dok-przyp li { opacity: 0; }
.op-zasada.op-widac .op-il-luk-spok, html:not(.op-anim) .op-il-luk-spok { filter: drop-shadow(0 0 8px rgba(42,157,143,.65)); }

.op-przekladka { padding-left: 14px; align-items: center; }
.op-przekladka-kolor { flex: none; width: 10px; height: 22px; border-radius: 3px; background: rgba(var(--a-rgb), .35); transition: background .25s, transform .25s, box-shadow .25s; }
.op-przekladka:hover .op-przekladka-kolor { background: var(--a); }
.op-przekladka-nr { color: rgba(var(--a-rgb), .85); }
.op-przekladka.op-za { border-left-color: rgba(var(--a-rgb), .45); }
.op-przekladka.op-on { border-left-color: var(--a); background: linear-gradient(90deg, rgba(var(--a-rgb), .12), transparent 85%); }
.op-przekladka.op-on .op-przekladka-kolor { background: var(--a); transform: scaleX(1.3); box-shadow: 0 0 12px rgba(var(--a-rgb), .6); }
.op-przekladka.op-on .op-przekladka-nr { color: var(--a-t); }
.op-sekcja { padding: 56px 0 64px; border-top: 0; }
@media (min-width: 1024px) { .op-sekcja { padding: 76px 0 84px; } }
.op-sekcja:first-child { padding-top: 8px; }
.op-sekcja-glowa { border-bottom: 1px solid rgba(var(--a-rgb), .45); }
.op-zakladka { display: inline-flex; align-items: center; gap: 10px; margin-bottom: -1px; padding: 8px 18px 8px 8px; border: 1px solid rgba(var(--a-rgb), .55); border-bottom-color: transparent; border-radius: 12px 12px 0 0;
  background: linear-gradient(180deg, rgba(var(--a-rgb), .18), rgba(var(--a-rgb), .03)); }
.op-sekcja .op-ikona-pole { width: 40px; height: 40px; border-radius: 9px; border-color: rgba(var(--a-rgb), .6); background: rgba(var(--a-rgb), .16); color: var(--a-t); }
.op-sekcja .op-sekcja-nr { font-size: 13px; color: var(--a-t); }
.op-sekcja-h { margin-top: 26px; }
.op-haslo { margin-top: 10px; max-width: 34ch; font-size: clamp(20px, 2.2vw, 26px); font-weight: 700; line-height: 1.25; letter-spacing: -.01em; color: var(--a-t); text-wrap: balance; }
.op-sekcja .s2-tresc { max-width: none; }
.op-sekcja-tresc > p { max-width: 68ch; }
.op-dalej { border-color: rgba(var(--a-rgb), .4); background: rgba(var(--a-rgb), .06); }
.op-dalej-et, .op-dalej svg { color: var(--a-t); }
.op-sekcja .op-wiz { border: 0; background: none; border-radius: 0; }

.op-f-stemple .op-stemple { display: grid; gap: 12px; margin-top: 16px; }
@media (min-width: 640px) { .op-f-stemple .op-stemple { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.op-f-stemple .op-stemple > li { margin: 0 !important; padding: 18px 16px 16px !important; border: 1px solid rgba(var(--a-rgb), .28); border-radius: 12px; background: rgba(var(--a-rgb), .05); font-size: 15.5px; line-height: 1.5; }
.op-f-stemple .op-stemple > li > strong:first-child { display: block; margin: 0 0 4px; padding: 0; border: 0; background: none; color: #F2EEE6; font-size: 16px; }
.op-stempel-z { --s: #5FE0CE; display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 14px; border-radius: 999px; border: 2px solid var(--s); color: var(--s); font-family: var(--op-mono); font-size: 20px; font-weight: 800; letter-spacing: 0;
  transform: rotate(-9deg); box-shadow: inset 0 0 0 4px rgba(255,255,255,.04), 0 0 18px -6px var(--s); }
.op-stemple > li:nth-child(2) .op-stempel-z { --s: #F5A66B; } .op-stemple > li:nth-child(3) .op-stempel-z { --s: #E6CC97; font-size: 16px; }
.op-stempel-z .op-pol { width: 22px; height: 22px; border-width: 2px; }
.op-f-stemple .op-wiz { margin-top: 34px; padding: 26px 0 0; border-top: 1px dashed rgba(var(--a-rgb), .35); }

.op-reguly { display: grid; gap: 14px; }
@media (min-width: 768px) { .op-reguly { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.op-regula { display: flex; flex-direction: column; padding: 20px 20px 22px; border-radius: 14px; border: 1px solid rgba(var(--a-rgb), .3); background: linear-gradient(160deg, rgba(var(--a-rgb), .10), rgba(255,255,255,.015) 62%);
  transition: opacity .5s, transform .5s; transition-delay: calc(var(--j) * .12s); }
.op-regula > p { margin: 0; font-size: 16px; line-height: 1.6; }
.op-regula > p > strong:first-child { display: block; margin-bottom: 6px; font-size: 19px; line-height: 1.25; color: #F2EEE6; }
.op-regula-wiz { display: flex; align-items: center; min-height: 58px; margin-bottom: 14px; }
.op-anim .op-reguly:not(.op-widac) .op-regula { opacity: 0; transform: translateY(16px); }
.op-reg-tarcie { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.op-reg-tarcie li { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgba(240,138,60,.35); background: rgba(240,138,60,.07); }
.op-reg-tarcie .op-tarcie-ik { width: 20px; height: 20px; }
.op-reg-nie { display: flex; gap: 8px; }
.op-reg-nie i { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.55); }
.op-reg-nie i::after { content: ""; position: absolute; left: 16%; right: 16%; top: 50%; height: 2px; border-radius: 2px; background: #F08A3C; transform: rotate(-40deg); box-shadow: 0 0 0 2px #0e110f; }
.op-reg-role { display: flex; }
.op-reg-role i { display: grid; place-items: center; width: 44px; height: 44px; margin-right: -9px; border-radius: 999px; border: 3px solid #0e110f; font-style: normal; font-family: var(--op-mono); font-size: 15px; font-weight: 800; }
.op-reg-role i:nth-child(1) { background: #C9A464; color: #0A0C0A; } .op-reg-role i:nth-child(2) { background: #2A9D8F; color: #04110F; } .op-reg-role i:nth-child(3) { background: #DDD3C0; color: #141414; }
.op-reg-karta { display: flex; flex-wrap: wrap; gap: 4px; max-width: 250px; padding: 8px 10px 10px; border-radius: 3px; border-top: 4px solid #C9A464; background: #F2EEE6; transform: rotate(-2deg); box-shadow: 0 14px 24px -12px rgba(0,0,0,.9); }
.op-reg-karta-kod { width: 100%; font-family: var(--op-mono); font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #3A3A36; }
.op-reg-karta s { padding: 1px 6px; border: 1px dashed #B7B0A2; border-radius: 3px; font-size: 11.5px; color: #615C52; text-decoration-color: #8E6C33; }

.op-f-papier .op-sekcja-glowa { border-bottom: 0; }
.op-f-papier .op-zakladka { margin-bottom: 0; border-color: #F2EEE6; background: #F2EEE6; }
.op-f-papier .op-ikona-pole { border-color: #155A53; background: #155A53; color: #F2EEE6; }
.op-f-papier .op-sekcja-nr { color: #155A53; }
.op-papier { position: relative; padding: clamp(22px, 4vw, 44px); border-radius: 0 14px 14px 14px; background: #F2EEE6; color: #2B2A26; box-shadow: 0 50px 90px -50px rgba(0,0,0,.95); }
.op-papier .op-sekcja-h { margin-top: 0; color: #141414; }
.op-papier .s2-tresc { color: #2B2A26; }
.op-papier .s2-tresc strong { color: #141414; }
.op-papier .faq-link { color: #155A53 !important; text-decoration-color: rgba(21,90,83,.55) !important; }
.op-papier .faq-link:hover { color: #0B3D38 !important; }
.op-papier .op-wiz { margin-top: 28px; padding: 26px 0 0; border-top: 1px solid #DCD6CA; }
.op-papier .op-modul-linie line { stroke: rgba(111,83,32,.5); }
.op-papier .op-modul-srodek { background: #141414; border-color: #141414; color: #F2EEE6; box-shadow: 0 12px 30px -12px rgba(0,0,0,.6); }
.op-papier .op-modul .op-forma { background-color: #F2EEE6; }
.op-papier .op-forma-pdf { color: #6F5320; border-color: rgba(111,83,32,.55); }
.op-papier .op-forma-karty { color: #141414; border-color: rgba(20,20,20,.4); }
.op-papier .op-forma-audio { color: #0E6B33; border-color: rgba(14,107,51,.5); }
.op-papier .op-rytm li { background: color-mix(in srgb, var(--c) 16%, #F2EEE6); }
.op-papier .op-rytm-w { color: #3A3A36; }
.op-papier .op-rytm-c { color: #141414; }
.op-papier .op-rytm li.op-rytm-petla { border-color: rgba(21,90,83,.5); background: rgba(21,90,83,.07); color: #155A53; }

.op-f-metki .op-metki { display: grid; gap: 26px 14px; margin-top: 30px; }
@media (min-width: 640px) { .op-f-metki .op-metki { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.op-f-metki .op-metki > li { --r: -2deg; position: relative; margin: 0 !important; padding: 34px 16px 18px !important; border-radius: 8px 8px 16px 16px; border: 1px solid rgba(var(--a-rgb), .45);
  background: linear-gradient(180deg, rgba(var(--a-rgb), .12), #0b0e0c 72%); font-size: 15px; line-height: 1.5; transform: rotate(var(--r)); transform-origin: 50% 0;
  transition: transform .6s cubic-bezier(.3,1.4,.5,1), opacity .4s; transition-delay: calc(var(--j) * .14s); }
.op-f-metki .op-metki > li:nth-child(2) { --r: 1.6deg; } .op-f-metki .op-metki > li:nth-child(3) { --r: -1deg; }
.op-anim .op-metki:not(.op-widac) > li { opacity: 0; transform: translateY(-14px) rotate(calc(var(--r) * 3)); }
.op-metka-dziurka { position: absolute; left: 50%; top: 12px; width: 12px; height: 12px; margin-left: -6px; border-radius: 999px; background: #070806; border: 1.5px solid rgba(var(--a-rgb), .7); }
.op-metka-dziurka::before { content: ""; position: absolute; left: 50%; bottom: 100%; width: 1.5px; height: 34px; margin-left: -.75px; background: rgba(var(--a-rgb), .55); }
.op-metka-wiz { display: flex; align-items: center; justify-content: center; height: 66px; margin-bottom: 12px; border-radius: 8px; background: rgba(0,0,0,.4); }
.op-metka-fala { gap: 5px; }
.op-metka-fala i { width: 5px; height: calc(var(--h) * .5px); border-radius: 3px; background: #1DB954; }
.op-metka-play svg { width: 40px; height: 40px; padding: 9px; border: 1.5px solid currentColor; border-radius: 999px; }
.op-metka-gory svg { width: 66%; height: 48px; fill: rgba(255,255,255,.18); }
.op-f-metki .op-metki > li > strong:first-of-type { display: block; width: fit-content; margin: 0 0 10px; padding: 4px 9px; border-radius: 3px; border: 1px solid rgba(var(--a-rgb), .45); background: rgba(0,0,0,.6);
  font-family: var(--op-mono); font-size: 12px; font-weight: 500; letter-spacing: .03em; color: #EDE6D6; }
@media (max-width: 639px) { .op-f-metki .op-metki > li { --r: -.8deg; } .op-f-metki .op-metki > li:nth-child(2) { --r: .8deg; } .op-f-metki .op-metki > li:nth-child(3) { --r: -.5deg; } }
.op-f-metki .op-wiz { margin-top: 24px; padding: 0; }
.op-f-metki .op-ai-czat { border-color: rgba(var(--a-rgb), .55); background: rgba(var(--a-rgb), .08); color: var(--a-t); }

.op-f-strefy .op-strefy { display: grid; gap: 14px; margin-top: 8px; }
@media (min-width: 768px) { .op-f-strefy .op-strefy { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.op-f-strefy .op-strefy > li { position: relative; display: flex; flex-direction: column; margin: 0 !important; padding: 0 16px 18px !important; overflow: hidden; border-radius: 12px; border: 1px solid rgba(var(--a-rgb), .28); background: rgba(255,255,255,.025);
  font-size: 15px; line-height: 1.55; transition: opacity .45s, transform .45s; transition-delay: calc(var(--j) * .12s); }
.op-f-strefy .op-strefy > li::before { display: none; }
.op-f-strefy .op-strefy > li:first-child { border: 1.5px dashed rgba(95,224,206,.6); background: rgba(42,157,143,.05); }
.op-anim .op-strefy:not(.op-widac) > li { opacity: 0; transform: translateY(14px); }
.op-strefa-gl { display: flex; align-items: center; gap: 7px; margin: 0 -16px 14px; padding: 10px 14px; border-bottom: 1px solid rgba(var(--a-rgb), .2); background: rgba(var(--a-rgb), .07);
  font-family: var(--op-mono); font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--a-t); }
.op-strefy > li:first-child .op-strefa-gl { color: #5FE0CE; background: rgba(42,157,143,.10); border-color: rgba(95,224,206,.3); }
.op-strefa-przeg i { width: 7px; height: 7px; border-radius: 999px; background: rgba(255,255,255,.3); }
.op-strefa-przeg span { margin-left: 6px; }
.op-strefa-stop { display: flex; align-items: center; margin-top: auto; padding-top: 14px; }
.op-strefa-stop i { flex: 1; height: 2px; background: repeating-linear-gradient(90deg, rgba(240,138,60,.7) 0 6px, transparent 6px 10px); }
.op-strefa-stop b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 999px; border: 1.5px solid #F08A3C; color: #F5A66B; font-size: 11px; }
.op-f-strefy .op-sekcja-tresc > p { margin-top: 18px; }

.op-dwie { display: grid; gap: 28px; align-items: center; margin-top: 20px; }
.op-dwie > .op-sekcja-tresc { margin-top: 0; }
@media (min-width: 900px) { .op-dwie { grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; } }
.op-f-cykl .op-wiz { margin: 0; padding: 0; }
.op-krag { position: relative; width: min(100%, 340px); aspect-ratio: 1; margin-inline: auto; }
.op-krag-svg { position: absolute; left: 12%; top: 12%; width: 76%; height: 76%; overflow: visible; }
.op-krag-tlo { fill: none; stroke: rgba(var(--a-rgb), .18); stroke-width: 2; }
.op-krag-linia { fill: none; stroke: var(--a); stroke-width: 2.2; stroke-dasharray: 1; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 100px 100px; transition: stroke-dashoffset 1.8s ease .2s; }
.op-anim .op-wiz:not(.op-widac) .op-krag-linia { stroke-dashoffset: 1; }
.op-krag-grot { fill: var(--a-t); transition: opacity .3s 1.6s; }
.op-anim .op-wiz:not(.op-widac) .op-krag-grot { opacity: 0; }
.op-krag-w { position: absolute; transform: translate(-50%, -50%); padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(var(--a-rgb), .6); background: #0b0e0c; font-size: 13px; font-weight: 600; color: var(--a-t); white-space: nowrap;
  transition: opacity .35s, transform .35s; transition-delay: calc(.3s + var(--j) * .35s); }
.op-krag-w1 { left: 50%; top: 20.4%; } .op-krag-w2 { left: 79.6%; top: 50%; } .op-krag-w3 { left: 50%; top: 79.6%; } .op-krag-w4 { left: 20.4%; top: 50%; }
.op-anim .op-wiz:not(.op-widac) .op-krag-w { opacity: 0; transform: translate(-50%, -50%) scale(.8); }
.op-krag-srodek { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 999px; background: rgba(var(--a-rgb), .10); color: var(--a-t); }
.op-f-cykl .op-wiz { display: flex; flex-direction: column; align-items: center; }
.op-krag-pieczatka { margin-top: -16px; border-color: rgba(var(--a-rgb), .7); color: var(--a-t); transform: rotate(-4deg); }
.op-dwie { align-items: start; }

.op-f-granica .op-sekcja-tresc { margin-top: 26px; padding: clamp(10px, 2.4vw, 22px) clamp(16px, 3vw, 30px); border: 2px dashed rgba(var(--a-rgb), .55); border-radius: 16px;
  background: repeating-linear-gradient(-45deg, rgba(var(--a-rgb), .035) 0 14px, transparent 14px 28px); }
.op-f-granica .op-nie > li { padding: 18px 0 18px 3.4em !important; }
.op-f-granica .op-nie > li:last-child { border-bottom: 0; }
.op-f-granica .op-nie-ik { top: 15px; width: 2.4em; height: 2.4em; border-radius: 999px; border: 1.5px solid rgba(var(--a-rgb), .6); background: rgba(var(--a-rgb), .08); color: var(--a-t); }
.op-f-granica .op-nie-ik::after { left: 20%; right: 20%; }
@media (prefers-reduced-motion: reduce) {
  .op-wezel, .op-regula, .op-strefy > li, .op-metki > li, .op-pudlo, .op-np-droga b, .op-krag-w, .op-krag-linia { transition: none !important; }
}
@media print { .op-arkusz-dlugopis, .op-arkusz-spinacz, .op-arkusz-postep { display: none !important; } .op-papier { box-shadow: none; } }

@media (min-width: 1024px) {
  .op-js .op-krok .op-krok-tyt, .op-js .op-krok .op-przejscie { opacity: .55; transition: opacity .6s ease; }
  .op-js .op-krok.op-krok-on .op-krok-tyt, .op-js .op-krok.op-krok-on .op-przejscie { opacity: 1; }
}
.op-krok-tyt + .op-krok-tekst { margin-top: 10px; }
.op-przejscie { position: relative; padding-left: 22px; }
.op-przejscie::before { content: ""; position: absolute; left: 0; top: .55em; width: 12px; height: 1.5px; background: #C9A464; }
.op-papier .op-haslo { color: #155A53; }

.op-mysl { position: relative; overflow: hidden; margin-top: 30px; max-width: 640px; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; align-items: start;
  padding: 22px 24px 14px; border-radius: 14px; border: 1px solid rgba(201,164,100,.24); background: linear-gradient(135deg, rgba(201,164,100,.08), rgba(201,164,100,.015) 62%); transition: opacity .6s ease, border-color .6s ease; }
.op-mysl::after { content: "\201D"; position: absolute; right: 14px; top: 58px; font-family: Georgia, "Times New Roman", ui-serif, serif; font-size: 150px; line-height: 0; color: rgba(201,164,100,.08); pointer-events: none; }
.op-mysl-medal { position: relative; display: grid; place-items: center; width: 64px; height: 64px; }
.op-mysl-wieniec { position: absolute; inset: 0; width: 100%; height: 100%; fill: rgba(201,164,100,.55); }
.op-mysl-znak { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 999px; border: 1px solid rgba(201,164,100,.7);
  background: radial-gradient(circle at 35% 30%, #3a311f, #15120c 70%); font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-size: 15px; letter-spacing: .03em; color: #E6CC97;
  transition: box-shadow .6s ease, color .6s ease; }
.op-mysl-et { font-family: var(--op-mono); font-size: 10.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #C9A464; }
.op-mysl-cytat p { margin-top: 10px; font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-size: clamp(19px, 1.55vw, 23px); line-height: 1.4; color: #F2EEE6; text-wrap: pretty; }
.op-mysl-kto { margin-top: 12px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.op-mysl-autor { font-size: 15.5px; font-weight: 600; color: #EDE6D6; }
.op-mysl-lata { font-family: var(--op-mono); font-size: 12px; color: rgba(255,255,255,.5); }
.op-mysl-zr { margin-top: 4px; }
.op-mysl-zr > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; list-style: none; font-family: var(--op-mono); font-size: 11.5px; letter-spacing: .06em; color: rgba(255,255,255,.55); }
.op-mysl-zr > summary::-webkit-details-marker { display: none; }
.op-mysl-zr > summary::after { content: "+"; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 999px; border: 1px solid rgba(201,164,100,.45); color: #C9A464; font-size: 13px; line-height: 1; }
.op-mysl-zr[open] > summary::after { content: "−"; }
.op-mysl-zr > summary:hover { color: #EDE6D6; }
.op-mysl-zr > summary:focus-visible { outline: 2px solid #C9A464; outline-offset: 3px; border-radius: 4px; }
.op-mysl-oryg { padding-left: 14px; border-left: 2px solid rgba(201,164,100,.4); font-family: Georgia, "Times New Roman", ui-serif, serif; font-style: italic; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.66); }
.op-mysl-zrodlo { margin: 8px 0 8px; padding-left: 16px; font-family: var(--op-mono); font-size: 11.5px; line-height: 1.5; color: rgba(255,255,255,.52); }
@media (min-width: 1024px) {
  .op-js .op-krok:not(.op-krok-on) .op-mysl { opacity: .55; }
  .op-js .op-krok.op-krok-on .op-mysl { border-color: rgba(201,164,100,.45); }
  .op-js .op-krok.op-krok-on .op-mysl-znak { color: #F6E3B8; box-shadow: 0 0 0 4px rgba(201,164,100,.12), 0 0 22px rgba(201,164,100,.45); }
}
@media (max-width: 639px) {
  .op-mysl { grid-template-columns: 48px minmax(0, 1fr); gap: 14px; padding: 18px 16px 10px; }
  .op-mysl-medal { width: 48px; height: 48px; }
  .op-mysl-znak { width: 30px; height: 30px; font-size: 12.5px; }
  .op-mysl::after { font-size: 110px; top: 44px; }
}
.op-mysl.op-mysl-podpis { margin-top: 44px; }
.op-mysl-podpis + .op-podpis { margin-top: 22px; }
@media (min-width: 1024px) { .op-mysl.op-mysl-podpis { margin-left: 78px; } }

    .flow-krok .flow-nr { border: 1px solid rgba(var(--akcent-rgb), .55); background: rgba(var(--akcent-rgb), .10); color: rgb(var(--akcent-rgb)); transition: background-color .3s, color .3s; }
    .flow-krok .flow-nr-ok { display: none; }
    .flow-krok[data-minione] .flow-nr { background: rgba(var(--akcent-rgb), .9); color: #0A0C0A; }
    .flow-krok[data-minione] .flow-nr-t { display: none; } .flow-krok[data-minione] .flow-nr-ok { display: block; }
    .flow-krok[aria-current="true"] .flow-nr { background: rgb(var(--akcent-rgb)); color: #0A0C0A; box-shadow: 0 0 16px rgba(var(--akcent-rgb), .6); }
    .flow-cel .flow-nr { background: #C9A464; color: #0A0C0A; }
    .flow-lacznik { position: relative; overflow: hidden; background: rgba(255,255,255,.12); }
    .flow-lacznik::after { content: ''; position: absolute; inset: 0; transform-origin: left center; transform: scaleX(var(--wyp, 0)); background: linear-gradient(90deg, var(--z), var(--do)); }
    .flow-postep { height: 2px; transform-origin: left center; transform: scaleX(var(--postep, 0)); background: linear-gradient(90deg, #93B59A, #C9A464 25%, #2A9D8F 50%, #F2EEE6 68%, #86A9CC 84%, #C9A464); }
    
    .kal-dzien { color: rgba(255,255,255,.62); background: rgba(255,255,255,.035); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
    .kal-dzien-wkd { color: #fff; background: rgba(255,255,255,.085); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
    .kal-kol { border-radius: 6px; background: rgba(255,255,255,.018); }
    .kal-kol-wkd { background: rgba(255,255,255,.04); }
    .kal-slot { display: flex; flex-direction: column; }
    .kal-karta { flex: 1 1 auto; display: flex; flex-direction: column; position: relative; border: 1px solid rgba(var(--p-rgb), .38); border-radius: 10px; background: linear-gradient(90deg, rgba(var(--p-rgb), .13), rgba(var(--p2-rgb), .04)), #0f1110; transition: border-color .25s, box-shadow .25s; }
    .kal-wkd { border-color: rgba(var(--p-rgb), .8); background: linear-gradient(135deg, rgba(var(--p-rgb), .32), rgba(var(--p2-rgb), .16)), #0f1110; }
    .kal-pol { border: 1px dashed rgba(42,157,143,.6); background: linear-gradient(90deg, rgba(42,157,143,.10), rgba(42,157,143,.03)), #0d1211; }
    .kal-btn { flex: 1 1 auto; position: relative; min-height: 88px; padding: 12px 14px; border-radius: 10px; transition: padding .22s ease; }
    .kal-pol .kal-btn { min-height: 64px; }
    .kal-btn:focus-visible { outline: 2px solid rgb(var(--p-rgb)); outline-offset: 2px; }
    .kal-tydz::before, .kal-wkd::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; }
    .kal-tydz::before { background-image: linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size: calc((100% + 6px) / 5) 100%; background-position: -3px 0; }
    .kal-wkd::before { background: linear-gradient(90deg, transparent calc(50% - 1px), rgba(255,255,255,.12) calc(50% - 1px) 50%, transparent 50%); }
    @media (max-width: 639px) { .kal-tydz::before, .kal-wkd::before { display: none; } }
    .kal-plus svg { transition: transform .25s ease; }
    @media (hover: hover) and (pointer: fine) { .kal-btn:hover .kal-plus { background: rgba(var(--p-rgb), .35); color: #fff; } .tylko-dotyk { display: none; } }
    @media (hover: none), (pointer: coarse) { .tylko-mysz { display: none; } }
    .kal-wiecej { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .26s cubic-bezier(.2,.7,.2,1); }
    .kal-wiecej > div { min-height: 0; overflow: hidden; visibility: hidden; transition: visibility 0s linear .26s; }
    .kal-wiecej-w { padding: 0 14px 14px; }
    .kal-slot[data-otwarty] .kal-wiecej { grid-template-rows: 1fr; }
    .kal-slot[data-otwarty] .kal-wiecej > div { visibility: visible; transition-delay: 0s; }
    .kal-slot[data-otwarty] .kal-plus svg { transform: rotate(45deg); }
    .kal-slot[data-otwarty] > .kal-karta { border-color: rgba(var(--p-rgb), .95); }
    .kal-slot[data-uniesiony] { z-index: 40; }
    .kal-slot[data-uniesiony] > .kal-karta { position: absolute; top: -6px; left: -6px; width: max(calc(100% + 12px), 440px); box-shadow: 0 32px 70px -14px rgba(0,0,0,.95), 0 0 0 1px rgba(var(--p-rgb), .9), 0 0 46px -12px rgba(var(--p-rgb), .6); animation: kal-rozwin .22s ease-out; }
    .kal-slot-wkd[data-uniesiony] > .kal-karta { left: auto; right: -6px; width: max(calc(100% + 12px), 400px); }
    .kal-slot[data-w-gore] > .kal-karta { top: auto; bottom: -6px; }
    .kal-slot[data-uniesiony] > .kal-karta::before { display: none; }
    .kal-slot[data-uniesiony] .kal-btn { padding: 18px 20px 12px; }
    .kal-slot[data-uniesiony] .kal-wiecej-w { padding: 0 20px 18px; }
    @keyframes kal-rozwin { from { transform: scale(.975); } to { transform: none; } }
    .kal-zakl-tab { background: rgba(var(--p-rgb), .9); color: #0A0C0A; }
    .kal-zakl-arkusz { background: repeating-linear-gradient(180deg, #EDE6D6 0 9px, #E2D9C6 9px 10px); border-top: 2px solid rgba(var(--p-rgb), .9); box-shadow: 0 6px 14px -8px rgba(0,0,0,.9); }
    .kal-tasma::before, .kal-tasma::after { content: ''; position: absolute; top: 3px; bottom: 3px; width: 3px; background: repeating-linear-gradient(180deg, rgba(255,255,255,.4) 0 2px, transparent 2px 5px); }
    .kal-tasma::before { left: 2px; } .kal-tasma::after { right: 2px; }
    .flow-modul:last-child .przeplyw-linia { display: none; }
    .kal.kal-anim .kal-pasek { opacity: 0; transform: translateX(-14px); }
    @media (prefers-reduced-motion: reduce) { .kal-wiecej, .kal-wiecej > div, .kal-btn, .kal-plus svg { transition: none; } .kal-slot[data-uniesiony] > .kal-karta { animation: none; } }
    .kal.kal-anim.kal-start .kal-pasek { animation: kal-wejscie .45s cubic-bezier(.2,.7,.2,1) forwards; animation-delay: calc(var(--i, 0) * 70ms); }
    @keyframes kal-wejscie { to { opacity: 1; transform: none; } }
    .pokoj { border: 1px solid rgba(var(--p-rgb, 201,164,100), .30); background: linear-gradient(180deg, rgba(var(--p-rgb, 201,164,100), .05), transparent 60%); transition: background-color .35s, box-shadow .35s, border-color .35s; }
    .pokoj-tyt { color: var(--p-t, #C9A464); }
    .mod-btn-kod { color: var(--p-t, #C9A464); }
    .pokoj[data-aktywny] { background: rgba(var(--p-rgb), .14); border-color: rgba(var(--p-rgb), .9); box-shadow: inset 0 0 44px -12px rgba(var(--p-rgb), .6); z-index: 1; }
    .pokoj .mod-btn { border-color: rgba(var(--p-rgb), .22); }
    .pokoj .mod-btn:hover { border-color: rgba(var(--p-rgb), .6); background: rgba(var(--p-rgb), .08); }
    .pokoj .mod-btn[aria-current="true"] { border-color: rgba(var(--p-rgb), .95); background: rgba(var(--p-rgb), .26); box-shadow: 0 0 22px -10px rgba(var(--p-rgb), .95); }
    .pokoj .mod-btn[aria-current="true"] .mod-btn-kod { color: #fff; }
    .mod-panel { border-color: rgba(var(--p-rgb, 42,157,143), .38); background: linear-gradient(180deg, rgba(var(--p-rgb, 42,157,143), .07), rgba(11,12,11,1) 45%); box-shadow: 0 0 70px -30px rgba(var(--p-rgb, 42,157,143), .55), 0 25px 50px -12px rgba(0,0,0,.9); }
    .strona-mini:hover, .strona-mini:focus-visible { box-shadow: 0 0 0 2px rgba(var(--p-rgb, 201,164,100), .9); }
    .syt-kropka { background: var(--p, #C9A464); }
    .plan-domu { background-image: linear-gradient(rgba(201,164,100,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(201,164,100,.05) 1px, transparent 1px); background-size: 22px 22px; }
    .plan-rog { position: absolute; width: 14px; height: 14px; border-color: #C9A464; pointer-events: none; }
    .plan-rog-lg { left: -9px; top: -9px; border-left: 2px solid; border-top: 2px solid; } .plan-rog-pg { right: -9px; top: -9px; border-right: 2px solid; border-top: 2px solid; }
    .plan-rog-ld { left: -9px; bottom: -9px; border-left: 2px solid; border-bottom: 2px solid; } .plan-rog-pd { right: -9px; bottom: -9px; border-right: 2px solid; border-bottom: 2px solid; }
    .syt-chip:hover { border-color: rgba(var(--p-rgb), .6); }
    .syt-chip[aria-pressed="true"] { border-color: rgba(var(--p-rgb), .95); background: rgba(var(--p-rgb), .18); color: #fff; }
    #podglad-stron[open] { animation: podglad-wejscie .22s ease-out; }
    @keyframes podglad-wejscie { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
    @media (prefers-reduced-motion: reduce) { .flow-lacznik::after, .flow-postep { transition: none; } }

.k5-start { display: inline-flex; align-items: center; gap: 12px; min-height: 56px; padding: 7px 20px 7px 7px; border-radius: 16px; background: linear-gradient(180deg, #DDBD7E, #C9A464); color: #0A0C0A; text-decoration: none;
  box-shadow: 0 18px 40px -16px rgba(0,0,0,.95), 0 0 26px rgba(201,164,100,.38); transition: transform .2s ease, filter .2s ease, box-shadow .2s ease; }
.k5-start:hover { transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 18px 40px -16px rgba(0,0,0,.95), 0 0 38px rgba(201,164,100,.6); }
.k5-start:focus-visible { outline: 2px solid #F6E3B8; outline-offset: 3px; }
.k5-start-ik { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #0A0C0A; color: #E5C98F; }
.k5-start-ik svg { width: 18px; height: 18px; margin-left: 2px; }
.k5-start-tx { display: grid; gap: 2px; line-height: 1.15; text-align: left; min-width: 0; }
.k5-start-tx b { font-size: 16px; font-weight: 800; letter-spacing: -.01em; }
.k5-start-tx span { font-size: 12.5px; font-weight: 600; color: rgba(10,12,10,.74); }
.k5-start-mini { min-height: 48px; gap: 10px; padding: 5px 14px 5px 5px; border-radius: 13px; }
.k5-start-mini .k5-start-ik { width: 36px; height: 36px; border-radius: 10px; }
.k5-start-mini .k5-start-ik svg { width: 15px; height: 15px; }
.k5-start-mini .k5-start-tx b { font-size: 14px; }
.k5-start-mini .k5-start-tx span { font-size: 11px; }
.k5-jak { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; font-size: 14.5px; font-weight: 700; color: #fff; text-decoration: underline; text-decoration-color: rgba(201,164,100,.5); text-underline-offset: 5px; }
.k5-jak:hover { text-decoration-color: #C9A464; }
.k5-jak svg { color: #C9A464; transition: transform .2s ease; }
.k5-jak:hover svg { transform: translateX(3px); }

.k5-plansza { position: relative; padding: 18px 16px 18px; border-radius: 16px; border: 1px solid rgba(201,164,100,.2);
  background: radial-gradient(80% 45% at 50% 0%, rgba(201,164,100,.07), transparent 70%), #0d100e; box-shadow: 0 30px 60px -20px rgba(0,0,0,.95); }
.k5-rog { position: absolute; width: 14px; height: 14px; border: 0 solid #C9A464; opacity: .75; pointer-events: none; }
.k5-rog-1 { left: 7px; top: 7px; border-left-width: 2px; border-top-width: 2px; border-top-left-radius: 4px; }
.k5-rog-2 { right: 7px; top: 7px; border-right-width: 2px; border-top-width: 2px; border-top-right-radius: 4px; }
.k5-rog-3 { left: 7px; bottom: 7px; border-left-width: 2px; border-bottom-width: 2px; border-bottom-left-radius: 4px; }
.k5-rog-4 { right: 7px; bottom: 7px; border-right-width: 2px; border-bottom-width: 2px; border-bottom-right-radius: 4px; }
.k5-bar { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 0 8px; font: 700 10px/1.3 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .16em; text-transform: uppercase; color: rgba(201,164,100,.8); }
.k5-bar span { white-space: nowrap; }
.k5-bar b { color: #5FCDBE; font-size: 11.5px; }

.k5-czesci { --postep: 0; position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 12px 0 0; padding: 0 0 18px; list-style: none; }
.k5-czesci::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; border-radius: 3px;
  background: linear-gradient(90deg, #2A9D8F calc(var(--postep) * 100%), rgba(255,255,255,.07) 0); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); }
.k5-cz { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; padding: 12px 6px 12px; border-radius: 14px; text-align: center;
  border: 1px solid rgba(var(--p-rgb), .22); background: linear-gradient(180deg, rgba(var(--p-rgb), .07), rgba(255,255,255,.012)); }
.k5-cz[data-stan="zdobyta"] { border-color: rgba(var(--p-rgb), .7); background: linear-gradient(180deg, rgba(var(--p-rgb), .16), rgba(255,255,255,.015)); }
.k5-cz[data-stan="nastepna"] { border-color: var(--p); box-shadow: 0 0 0 1px rgba(var(--p-rgb), .35), 0 0 30px -8px rgba(var(--p-rgb), .85); }
.k5-cz-odz { position: relative; display: block; width: 100%; max-width: 72px; margin-bottom: 8px; }
.k5-cz-em { position: absolute; left: -7px; bottom: -7px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #0d100e; box-shadow: 0 0 0 1.5px rgba(var(--p-rgb), .7); }

.k5-cz-odz img { display: block; width: 100%; height: auto; aspect-ratio: 1; border-radius: 12px; border: 1px solid rgba(201,164,100,.35); filter: grayscale(1) brightness(.55) blur(1.4px); }
.k5-cz[data-stan="nastepna"] .k5-cz-odz img { filter: grayscale(.35) brightness(.8) blur(.5px); border-color: #C9A464; box-shadow: 0 0 0 2px rgba(201,164,100,.4), 0 0 22px -4px rgba(201,164,100,.8); }
.k5-cz[data-stan="zdobyta"] .k5-cz-odz img { filter: none; border-color: #2A9D8F; box-shadow: 0 0 0 2px rgba(42,157,143,.45), 0 0 22px -2px rgba(95,205,190,.75); }
.k5-cz-ok { position: absolute; right: -6px; top: -6px; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #2A9D8F; box-shadow: 0 0 0 2px #0d100e; }
.k5-cz-ok svg { width: 13px; height: 13px; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.k5-zamek { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.k5-zamek svg { width: 46%; height: 46%; padding: 9%; border-radius: 999px; fill: none; stroke: #E6CC97; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
  background: rgba(10,12,10,.8); box-shadow: 0 0 0 1.5px rgba(201,164,100,.65), 0 0 16px -4px rgba(201,164,100,.7); }
.k5-cz-n { display: block; max-width: 100%; font-size: 13.5px; font-weight: 800; line-height: 1.2; color: #fff; }
.k5-cz-ik { width: 14px; height: 14px; fill: none; stroke: var(--p-t); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.k5-cz-dl { display: none; }
.k5-cz-m { display: grid; gap: 2px; font: 600 10px/1.35 'JetBrains Mono', ui-monospace, monospace; color: rgba(255,255,255,.52); }
.k5-cz-mod { color: var(--p-t); }
.k5-cz-s { margin-top: auto; padding: 3px 8px; border-radius: 999px; transform: translateY(4px); border: 1px solid rgba(255,255,255,.14); font: 700 9px/1.2 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.45); white-space: nowrap; }
.k5-cz[data-stan="zdobyta"] .k5-cz-s { color: #5FCDBE; border-color: rgba(42,157,143,.6); background: rgba(42,157,143,.12); }
.k5-cz[data-stan="nastepna"] .k5-cz-s { color: #0A0C0A; border-color: var(--p); background: var(--p); }

.k5-rownanie { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 16px 0 12px; font: 700 10.5px/1.2 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.k5-rownanie span { padding: 6px 10px; border-radius: 999px; white-space: nowrap; }
.k5-r-odz { color: #E5C98F; border: 1px solid rgba(201,164,100,.55); background: rgba(201,164,100,.08); }
.k5-r-kart { color: #F2EEE6; border: 1px solid rgba(242,238,230,.4); background: rgba(242,238,230,.06); }
.k5-rownanie i { font-style: normal; font-size: 15px; color: #C9A464; }
.k5-r-str { width: 20px; height: 20px; fill: none; stroke: #5FCDBE; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.k5-potw { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 20px; align-items: center; padding: 16px 18px 16px 16px; border-radius: 16px; border: 1px solid rgba(42,157,143,.5);
  background: radial-gradient(70% 90% at 0% 50%, rgba(42,157,143,.18), transparent 70%), #0f1412; box-shadow: 0 0 40px -18px rgba(42,157,143,.7); }
.k5-potw-ram { display: block; }
.k5-potw-ram img { display: block; width: 100%; height: auto; border-radius: 8px; transform: rotate(-2.5deg); box-shadow: 0 20px 34px -14px rgba(0,0,0,1), 0 0 0 1px rgba(201,164,100,.35); }
.k5-potw-tx { display: grid; gap: 6px; min-width: 0; }
.k5-potw-et { font: 700 10px/1.3 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .16em; text-transform: uppercase; color: #5FCDBE; }
.k5-potw-h { font-size: 21px; font-weight: 800; line-height: 1.15; letter-spacing: -.01em; color: #fff; }
.k5-potw-o { font-size: 13.5px; line-height: 1.5; color: rgba(255,255,255,.66); }
.k5-potw-d { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.k5-potw-d span { padding: 4px 9px; border-radius: 999px; border: 1px solid rgba(42,157,143,.45); font: 700 9.5px/1.2 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; color: #9FE3D9; }
@media (min-width: 640px) and (max-width: 1279.98px) {
  .k5-cz-n { font-size: 12px; }
  .k5-cz-m { font-size: 9.5px; }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .k5-czesci { gap: 7px; }
  .k5-cz { padding: 10px 3px; }
  .k5-cz-n { font-size: 11px; letter-spacing: -.01em; }
  .k5-cz-s { padding: 3px 6px; font-size: 8.5px; letter-spacing: .04em; }
  .k5-potw { grid-template-columns: 96px minmax(0, 1fr); gap: 16px; }
  .k5-potw-h { font-size: 18px; }
}
@media (max-width: 639.98px) {
  .k5-plansza { padding: 14px 10px 14px; }
  .k5-bar { padding: 0 4px; font-size: 9.5px; letter-spacing: .06em; }
  .k5-czesci { grid-template-columns: minmax(0, 1fr); gap: 8px; padding-bottom: 16px; }
  .k5-cz { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; grid-template-areas: "o n s" "o m m"; align-items: center; column-gap: 14px; row-gap: 2px; padding: 9px 10px 9px 12px; text-align: left; }
  .k5-cz-odz { grid-area: o; width: 46px; margin: 0; }
  .k5-cz-em { width: 20px; height: 20px; left: -6px; bottom: -6px; }
  .k5-cz-ik { width: 12px; height: 12px; }
  .k5-cz-n { grid-area: n; font-size: 14px; }
  .k5-cz-m { grid-area: m; display: flex; flex-wrap: wrap; gap: 0 6px; }
  .k5-cz-m > span + span::before { content: "· "; }
  .k5-cz-dl { display: inline; }
  .k5-cz-kr { display: none; }
  .k5-cz-s { grid-area: s; margin: 0; transform: none; }
  .k5-rownanie { gap: 6px; font-size: 9.5px; }
  .k5-potw { grid-template-columns: 74px minmax(0, 1fr); gap: 14px; padding: 14px 12px; }
  .k5-potw-et { font-size: 9px; letter-spacing: .02em; white-space: nowrap; }
  .k5-cz-m { font-size: 9.5px; }
  .k5-potw-h { font-size: 17px; }
  .k5-potw-o { font-size: 12.5px; }
  .k5-potw-d span { font-size: 8.5px; letter-spacing: .04em; }
  .k5-start-tx b { font-size: 15px; }
}

.k5-k-odz { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; margin: 0; padding: 0; list-style: none; }
.k5-k-odz img { display: block; width: 100%; height: auto; aspect-ratio: 1; border-radius: 7px; border: 1px solid rgba(201,164,100,.4); filter: grayscale(1) brightness(.5) blur(.6px); }
.k5-k-odz li[data-tu] img { filter: none; border-color: #C9A464; box-shadow: 0 0 0 2px rgba(201,164,100,.45), 0 0 14px -2px rgba(201,164,100,.85); }
.k5-k-potw { display: flex; align-items: center; gap: 10px; margin-top: 12px; padding: 8px 10px 8px 8px; border-radius: 10px; border: 1px dashed rgba(42,157,143,.55); background: rgba(42,157,143,.07); }
.k5-k-potw img { flex: none; width: 34px; height: auto; border-radius: 3px; box-shadow: 0 8px 14px -6px rgba(0,0,0,.9), 0 0 0 1px rgba(201,164,100,.35); }
.k5-k-potw > span { display: grid; gap: 2px; min-width: 0; }
.k5-k-potw b { font-size: 12.5px; font-weight: 800; line-height: 1.2; color: #fff; }
.k5-k-potw > span > span { font-size: 11px; line-height: 1.3; color: rgba(255,255,255,.55); }
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .k5-k-potw { padding: 6px 8px 6px 6px; gap: 8px; }
  .k5-k-potw img { width: 26px; }
  .k5-k-potw > span > span, .k5-k .k5-start-mini .k5-start-tx span { display: none; }
}
@media (prefers-reduced-motion: reduce) { .k5-start, .k5-jak svg { transition: none; } .k5-start:hover { transform: none; } }

.nav-link[aria-current="page"] { padding-left: 14px; padding-right: 14px; border-radius: 999px; color: #F6E3B8; font-weight: 700; background: rgba(201,164,100,.13); box-shadow: inset 0 0 0 1px rgba(201,164,100,.5); }
.nav-link[aria-current="page"]::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: -16px; height: 3px; border-radius: 3px 3px 0 0; background: #C9A464; box-shadow: 0 0 14px rgba(201,164,100,.95); }
.nav-link[aria-current="page"]:hover { color: #FFF4DC; }
#mobile-menu a[aria-current="page"] { position: relative; padding-left: 16px; color: #E5C98F; font-weight: 700; background: linear-gradient(90deg, rgba(201,164,100,.16), rgba(201,164,100,0) 75%); }
#mobile-menu a[aria-current="page"]::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: #C9A464; box-shadow: 0 0 12px rgba(201,164,100,.9); }

.k6-okruszki { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font: 700 10.5px/1.3 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .16em; text-transform: uppercase; }
.k6-okruszki a { color: rgba(255,255,255,.5); text-decoration: none; min-height: 32px; display: inline-flex; align-items: center; }
.k6-okruszki a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.k6-okruszki span[aria-hidden] { color: rgba(201,164,100,.6); }
.k6-okruszki [aria-current] { padding: 5px 10px; border-radius: 999px; color: #0A0C0A; background: #C9A464; }
.k6-metka { position: absolute; z-index: 40; left: -3%; top: 26%; width: 34%; min-width: 150px; max-width: 200px; transform: rotate(-7deg); transform-origin: 70% 0; pointer-events: none; }
.k6-metka-sznur { position: absolute; right: -18%; top: -26%; width: 34%; height: 34%; overflow: visible; fill: none; stroke: rgba(242,238,230,.55); stroke-width: 1.6; stroke-linecap: round; }
.k6-metka-k { position: relative; padding: 26px 16px 14px; color: #0A0C0A; background: linear-gradient(170deg, #E9CC8E, #C9A464 60%, #B8924F);
  clip-path: polygon(14% 0, 86% 0, 100% 10%, 100% 100%, 0 100%, 0 10%); filter: drop-shadow(0 22px 30px rgba(0,0,0,.85)); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.k6-metka-dziurka { position: absolute; left: 50%; top: 9px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: #0A0C0A; box-shadow: inset 0 1px 2px rgba(0,0,0,.8), 0 0 0 2px rgba(255,255,255,.35); }
.k6-metka-et { margin: 0; font-size: 22px; font-weight: 900; line-height: 1; letter-spacing: -.02em; text-transform: uppercase; }
.k6-metka-wyd { margin: 4px 0 0; font: 700 9.5px/1.2 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .16em; text-transform: uppercase; color: rgba(10,12,10,.7); }
.k6-metka-l { margin: 10px 0 0; padding: 8px 0 0; list-style: none; border-top: 1.5px dashed rgba(10,12,10,.35); display: grid; gap: 2px; font: 600 11px/1.35 'JetBrains Mono', ui-monospace, monospace; }
.k6-metka-l b { display: inline-block; min-width: 1.6em; font-weight: 800; }
.k6-metka-cena { margin: 10px 0 0; padding-top: 8px; border-top: 1.5px dashed rgba(10,12,10,.35); display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.k6-metka-cena b { font-size: 21px; font-weight: 900; letter-spacing: -.02em; white-space: nowrap; }
.k6-metka-cena span { font: 700 9px/1.2 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; color: rgba(10,12,10,.7); text-align: right; }
@media (max-width: 639.98px) {
  .k6-metka { left: -2%; top: 20%; min-width: 0; width: 40%; }
  .k6-metka-k { padding: 20px 10px 10px; }
  .k6-metka-et { font-size: 16px; }
  .k6-metka-wyd { font-size: 8px; letter-spacing: .1em; }
  .k6-metka-l { font-size: 9px; }
  .k6-metka-cena b { font-size: 16px; }
  .k6-metka-cena { flex-direction: column; align-items: flex-start; gap: 2px; }
  .k6-metka-cena span { font-size: 7.5px; text-align: left; }
}

html:not(.te-sprzedaz) [data-sprzedaz-tylko] { display: none !important; }

.t180-znaczniki { position: relative; height: 2.25rem; margin-top: .35rem; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 10.5px; color: rgba(255,255,255,.5); }
.t180-znaczniki li { position: absolute; top: 0; left: calc(var(--x) * 1%); transform: translateX(-50%); padding-top: .55rem; white-space: nowrap; transition: color .4s ease; }
.t180-znaczniki li:first-child { transform: none; }
.t180-znaczniki li:last-child { transform: translateX(-100%); }
.t180-znaczniki li::before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: .4rem; background: rgba(255,255,255,.3); }
.t180-znaczniki li:first-child::before { left: 0; }
.t180-znaczniki li:last-child::before { left: auto; right: 0; }
.t180-znaczniki li.is-on { color: rgba(255,255,255,.85); }
.t180-znaczniki li.is-on::before { background: #C9A464; }
.t180-znaczniki li.is-teraz { color: #C9A464; font-weight: 700; }
#t180-bar { transition: width .6s ease; }
@media (prefers-reduced-motion: reduce) { #t180-bar, .t180-znaczniki li { transition: none; } }

:is(.text-white\/30, .text-white\/35, .text-white\/40, .text-white\/45):where(:not([aria-hidden="true"], [aria-hidden="true"] *)) { color: rgba(255,255,255,.6); }
:is(.text-white\/50, .text-white\/55):where(:not([aria-hidden="true"], [aria-hidden="true"] *)) { color: rgba(255,255,255,.64); }
.op-forma[data-produkt="wideo"] { color: #B3002A; }   

#scen-dots { gap: 0; }
@media (max-width: 420px) { #scen-dots { max-width: 192px; margin-left: auto; margin-right: auto; } }
.scen-dot { position: relative; width: 24px !important; height: 24px !important; background: transparent !important; border-radius: 0; }
.scen-dot::before { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-radius: 1px; transform: translate(-50%, -50%); background: rgba(255,255,255,.18); transition: background .2s ease, width .2s ease; }
.scen-dot[aria-current="true"]::before { width: 22px; background: rgb(var(--acc, 42,157,143)); }

.m00-pulapka { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.krok5-lista { list-style: none; margin: 14px 0 0; padding: 0; display: grid; }
.krok5 { position: relative; display: flex; align-items: center; gap: 14px; padding: 7px 0; }
.krok5-kolo { position: relative; z-index: 1; display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 999px;
  border: 1px solid rgba(var(--k), .6); background: rgba(var(--k), .12); box-shadow: 0 0 22px -8px rgba(var(--k), .9); }
.krok5:not(:last-child)::after { content: ""; position: absolute; left: 21.5px; top: 51px; bottom: -7px; width: 1px;
  background: linear-gradient(rgba(var(--k), .55), rgba(255, 255, 255, .12)); }
.krok5-tekst { min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 10px; }
.krok5-nr { width: 100%; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: rgba(255, 255, 255, .62); }
.krok5-czyn { margin-right: 2px; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .9); }
.krok5-wart { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 15px; font-weight: 700; color: #fff; }
.krok5-jedn { font-size: 12px; color: rgba(255, 255, 255, .55); }
@media (min-width: 640px) {
  .krok5-lista { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 18px; }
  .krok5 { flex-direction: column; text-align: center; gap: 10px; padding: 0 4px; }
  .krok5:not(:last-child)::after { left: calc(50% + 28px); right: calc(-50% + 28px); top: 21.5px; bottom: auto; width: auto; height: 1px;
    background: linear-gradient(90deg, rgba(var(--k), .6), rgba(255, 255, 255, .14)); }
  .krok5-tekst { flex-direction: column; align-items: center; row-gap: 2px; }
  .krok5-nr { font-size: 9.5px; letter-spacing: .12em; }
  .krok5-czyn { margin: 0 0 2px; font-size: 13.5px; }
}
.nigdy { border: 1px solid rgba(201, 164, 100, .28); border-radius: 16px; background: linear-gradient(180deg, rgba(201, 164, 100, .06), rgba(255, 255, 255, .015));
  padding: 20px; display: grid; gap: 16px; }
.nigdy-gl { display: flex; align-items: center; gap: 14px; }
.nigdy-ikona { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 10px; color: #C9A464;
  background: rgba(201, 164, 100, .12); box-shadow: inset 0 0 0 1px rgba(201, 164, 100, .3); }
.nigdy-tyt { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #C9A464; }
.nigdy-op { margin-top: 3px; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .65); }
.nigdy-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.nigdy-lista li { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(0, 0, 0, .25); font-size: 13.5px; color: rgba(255, 255, 255, .78); }
.nigdy-lista svg { flex: none; color: rgba(201, 164, 100, .85); }
@media (min-width: 640px) { .nigdy-lista { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) {
  .nigdy { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); align-items: center; padding: 24px 28px; gap: 28px; }
  .nigdy-lista { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .nigdy-lista li { flex-direction: column; justify-content: center; text-align: center; gap: 6px; padding: 12px 6px; }
}

[data-monitors]:focus-visible, .tp-tabela:focus-visible { outline: 2px solid #C9A464; outline-offset: 4px; }
#pd-dom .pokoj:focus { outline: none; }
#pd-dom .pokoj:focus-visible .obrys { stroke: #C9A464 !important; stroke-width: 6 !important; stroke-dasharray: none !important; stroke-opacity: 1 !important; }
#pd-dom .pokoj:focus-visible .tlo { fill: #C9A464 !important; fill-opacity: .14 !important; }

.te-start .st-ukryj { display: none !important; }
.te-start #t1 > .flex:first-child { justify-content: flex-start; }

#m00 #t1-body { min-height: 29.5rem; }
@media (min-width: 640px) { #m00 #t1-body { min-height: 22.5rem; } }
@media (max-width: 639px) {
  .te-start #m00 { padding-top: .75rem; }
  .te-start #m00 .st-etykieta { font-size: 10px; letter-spacing: .1em; }
  .te-start #m00-title { margin-top: .4rem; font-size: 1.72rem; line-height: 1.05; }
  .te-start #m00 .st-opis { display: none; }
  .te-start #m00 .container-x > .mt-14 { margin-top: .75rem; }
  .te-start #t1 { padding: .9rem .9rem 1rem; }
  .te-start #t1-step { padding: .2rem .7rem; font-size: 11px; }
  .te-start #t1-szyna { margin-top: .6rem; }
  .te-start #t1-szyna .t1-seg > span + span { display: none; }
  .te-start #m00 #t1-body { padding-top: .6rem; min-height: 24.5rem; }
  .te-start #t1-body #t1-scena { margin-top: .35rem; font-size: 15.5px; }
  .te-start #t1-body .t1-opt { min-height: 48px; padding: .55rem .8rem; font-size: 14px; }
  .te-start #t1-body [role="group"] { margin-top: .4rem; gap: .45rem; }
  .te-start #t1-body #t1-scena + div { margin-top: .6rem; }
}

.tp-tresc ul { list-style: disc outside; }
.tp-tresc ol { list-style: decimal outside; }
.tp-tresc ul ul { list-style-type: circle; }