/* v11 — dopracowanie: planeta WebGL w sekcji usług, czytelniejsze napisy, spójne detale. Ładowany jako ostatni. */

/* Globalne */
html{color-scheme:dark;scrollbar-color:#4b3769 #100b19}
body{font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.kicker{font-size:11px;font-weight:600;letter-spacing:.2em}
:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #f5821f;outline-offset:3px}

/* ── Co robimy: planeta, pierścień, księżyce ───────────────────────────── */
#planet-gl{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.planet-gl-ready .planet-system{display:none}
.moon-labels{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.moon-label{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:1px;margin:0;padding:0 6px 4px;border:0;background:none;color:#cbbfe2;cursor:pointer;pointer-events:auto;white-space:nowrap;will-change:transform,opacity;transition:color .3s}
.moon-label i{display:block;width:var(--moon-d,40px);height:var(--moon-d,40px);border-radius:50%;margin-bottom:4px}
.moon-label small{font:600 11px/1.2 'Source Sans 3',Arial,sans-serif;letter-spacing:.14em;color:#9d8abd;transition:color .3s}
.moon-label span{font:500 17px/1.15 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.015em;text-shadow:0 1px 10px #100b19,0 0 3px #100b19}
.moon-label:hover span{color:#fff}
.moon-label.active{color:#fff}
.moon-label.active small{color:#ffa457}
.moon-label.active span{font-size:22px}

.orbit-sticky .orbit-heading{max-width:none}
.orbit-heading h2{font-size:clamp(34px,3.7vw,58px);line-height:1.04;margin:14px 0 0;text-wrap:balance}
.orbital-nebula{opacity:.5;background:radial-gradient(ellipse 46% 60% at 30% 60%,#7a3fc433,transparent 70%),radial-gradient(ellipse 30% 36% at 62% 30%,#f5821f0d,transparent 70%)}

.orbit-info h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:500;letter-spacing:0;line-height:1.05}
.orbit-info p{color:#c9c1dc}
.orbit-link{display:inline-flex;align-items:center;gap:10px;font-weight:600}
.orbit-buttons button{min-width:44px;min-height:44px;padding:0 12px;font-size:13px;font-weight:600;letter-spacing:.06em;border-color:#c9b0ff3d;color:#b9aed0;border-radius:2px;transition:color .25s,border-color .25s,background .25s}
.orbit-buttons button:hover{color:#fff;border-color:#c9b0ff99}
.orbit-buttons button[aria-pressed=true]{color:#190d0a;background:#f5821f;border-color:#f5821f}
.orbit-scroll{font-size:12px;letter-spacing:.02em;color:#9c92b5;text-transform:none}

@media(min-width:701px){
  .orbit-info{left:63%;right:5vw;top:52%;transform:translateY(-50%);padding:0;background:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
  .orbit-info h3{font-size:clamp(34px,3.3vw,52px);margin:14px 0 16px}
  .orbit-info p{font-size:17px;line-height:1.6;max-width:440px;min-height:110px;margin:0 0 18px}
  .orbit-link{font-size:15px;padding:8px 0}
  .orbit-buttons{margin-top:34px;gap:8px}
  .orbit-scroll{margin-top:16px}
}
@media(min-width:701px) and (max-width:1000px){
  .orbit-info{left:58%;right:5vw}
  .orbit-info p{font-size:15px}
  .moon-label span{font-size:15px}.moon-label.active span{font-size:18px}
}
@media(max-width:700px){
  .moon-label small{font-size:10px}
  .moon-label span{display:none;font-size:15px}
  .moon-label.active span{display:block;font-size:17px}
  .orbit-info{background:linear-gradient(#100b1900,#100b19d9 18%)!important;backdrop-filter:none;-webkit-backdrop-filter:none;padding-top:26px}
  .orbit-info h3{font-size:28px}
  .orbit-info p{font-size:14px;line-height:1.55;min-height:88px}
  .orbit-link{font-size:14px}
  .orbit-buttons button{min-width:42px;min-height:42px}
  .orbit-scroll{font-size:11px}
}

/* ── Drobne napisy: nic poniżej czytelnego rozmiaru ─────────────────────── */
.disc-face small{font-size:10px;letter-spacing:.16em}
.disc-face>span{font-size:9px;letter-spacing:.18em}
.disc-caption,.auto-label,.tech-rail-bottom>span{font-size:11px;letter-spacing:.12em}
.technology-item>small{font-size:11px;letter-spacing:.1em}
.manifest-choices small{font-size:12px;font-weight:600}
.control-seal small{font-size:9px;letter-spacing:.14em}
.hud,.scroll-hint{font-size:11px;letter-spacing:.14em}
.motion{font-size:12px;letter-spacing:.02em}
.layer-controls button{font-size:13px;font-weight:600}
.form-note{font-size:12px;line-height:1.5}
.footer-bottom p{font-size:12px}

/* ── Czytelność treści w pozostałych sekcjach ───────────────────────────── */
.content .disc-heading p{font-size:15px;line-height:1.6;max-width:620px;color:#bdb5d2}
.content #product-description{font-size:16px;line-height:1.65;color:#c9c1dc}
.content .all-apps-link{font-size:14px}
.content .disc-info .orbit-link,.content .home-faq .orbit-link{font-size:15px;padding:8px 0}
.content .manifest-top p{font-size:15px;line-height:1.65;color:#bdb5d2}
.content #principle-description{font-size:15px;line-height:1.65;color:#c9c1dc}
.content #principle-title{font-size:clamp(23px,2vw,28px);line-height:1.2}
.content #language-description{font-size:16px;line-height:1.65;color:#c9c1dc}
.content .home-faq .faq-layout>div>p{font-size:15px}
.content .faq-accordion details p{font-size:15px;line-height:1.65;color:#c2b6d4}
.content .contact>div>p{font-size:15px;line-height:1.7;color:#bdb5d2}
.content #contact-form label{font-size:13px;color:#bdb5d2}
.content #contact-form input,.content #contact-form select,.content #contact-form textarea{font-size:15px;font-family:'Source Sans 3',Arial,sans-serif;border-radius:2px;transition:border-color .2s,background .2s}
.content #contact-form input:focus,.content #contact-form select:focus,.content #contact-form textarea:focus{border-color:#f5821f;background:#221636;outline:0}
.content .form-note{font-size:12px;line-height:1.5;max-width:520px;color:#9c92b5}
#layer-description{font-size:15px;line-height:1.6}
.site-footer .footer-column h2{font-size:11px;letter-spacing:.16em}
.site-footer .footer-column a{font-size:14px}
.site-footer .footer-bottom p{font-size:12px;color:#9a89ad}
header nav a{font-size:14px}
@media(max-width:700px){
  .content .disc-heading p,.content .manifest-top p,.content #principle-description,.content .contact>div>p{font-size:14px}
  .content #product-description,.content #language-description{font-size:14px}
  .content #contact-form input,.content #contact-form select,.content #contact-form textarea{font-size:16px}
}
@media(max-height:760px) and (min-width:701px){
  .content #principle-description,.content .manifest-top p{font-size:14px;line-height:1.55}
  .content #principle-title{font-size:22px}
  .orbit-info p{min-height:96px}
  .orbit-buttons{margin-top:22px}
}

/* ── Co robimy: większa planeta schowana za lewą krawędzią ──────────────── */
@media(min-width:701px){.orbit-info{left:60%}}
@media(min-width:701px) and (max-width:1000px){.orbit-info{left:60%}}

/* ── Programy: tarcze-medaliony z grawerowaną podziałką i ikonami ──────── */
#produkty .product-disc{--d:min(330px,37svh);width:var(--d);height:var(--d);max-width:none;max-height:none;box-shadow:0 calc(var(--d)*.035) 0 #2a1840,0 calc(var(--d)*.04) 0 #9b78c4aa,0 calc(var(--d)*.12) calc(var(--d)*.16) #05020acc;transition:transform 1s cubic-bezier(.22,.7,.18,1),opacity .8s,filter .8s;filter:saturate(.55) brightness(.75)}
#produkty .product-disc.is-active{filter:none}
#produkty .disc-window{max-height:none;overflow:clip visible}
/* podziałka obraca się razem z tarczą */
#produkty .product-disc:before{content:'';position:absolute;inset:0;border-radius:50%;z-index:2;pointer-events:none;background:repeating-conic-gradient(from 0deg,#c9b0ff66 0 .5deg,transparent .5deg 6deg),repeating-conic-gradient(from 0deg,#f5821fcc 0 1deg,transparent 1deg 30deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 15px),#000 calc(100% - 14px),#000 calc(100% - 7px),transparent calc(100% - 6px));mask:radial-gradient(closest-side,transparent calc(100% - 15px),#000 calc(100% - 14px),#000 calc(100% - 7px),transparent calc(100% - 6px))}
#produkty .disc-rim{inset:-7px;border:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 58%,#f5821f22 70%,#ffb469 100%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));animation:disc-spin 9s linear infinite;opacity:0;transition:opacity .6s}
#produkty .product-disc.is-active .disc-rim{opacity:1}
#produkty .disc-face{border:1px solid #d9c4ff99;background:radial-gradient(circle at 30% 18%,#a888d455,transparent 42%),radial-gradient(circle at 72% 86%,#f5821f14,transparent 40%),conic-gradient(from 215deg,#2b1a40,#412a5e 18%,#24153a 38%,#3a2556 58%,#211335 78%,#2b1a40);box-shadow:inset 0 0 0 1px #0b0613,inset 0 calc(var(--d)*.02) calc(var(--d)*.05) #e6d5ff2e,inset 0 calc(var(--d)*-.05) calc(var(--d)*.1) #07030dcc;gap:calc(var(--d)*.035)}
#produkty .disc-face:after{inset:calc(var(--d)*.085);border-color:#c9b0ff2e}
#produkty .disc-face small{font:600 calc(var(--d)*.036)/1 'Source Sans 3',Arial,sans-serif;letter-spacing:.2em;color:#ffa457;margin:0}
#produkty .disc-icon{width:calc(var(--d)*.34);height:calc(var(--d)*.34);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#4a3168,#1a0f2a 72%);box-shadow:inset 0 3px 8px #05020acc,inset 0 -1px 0 #c9b0ff40,0 1px 0 #c9b0ff33,0 0 0 1px #0b0613}
#produkty .disc-icon svg{width:56%;height:56%;stroke:#d9c8ff;stroke-width:1.35;filter:drop-shadow(0 2px 3px #05020a)}
#produkty .disc-icon .acc{stroke:#ff9a45;stroke-width:1.7}
#produkty .disc-face b{font-size:calc(var(--d)*.082);line-height:1.1;font-weight:500;margin:0;max-width:72%;letter-spacing:0}
#produkty .disc-axis{inset:8% -4%;border-color:#c9b0ff2b;background:radial-gradient(#7b44bc26,transparent 62%);transform:rotate(-14deg) scaleY(.52)}
#produkty .disc-axis:after{content:'';position:absolute;inset:-9%;border:1px dashed #c9b0ff1f;border-radius:50%}
#produkty .disc-caption{display:none}
#produkty .disc-window .disc-dots{bottom:6px}
#produkty .disc-dots button{width:8px;height:8px}
@media(max-width:700px){
  #produkty .product-disc{--d:clamp(170px,25svh,230px);min-width:0;min-height:0}
  #produkty .disc-window{height:34svh}
  #produkty .disc-window .disc-dots{bottom:0}
}

/* ── Wejście: tekst pojawia się po kolei, czytelne tło pod nagłówkiem ───── */
.journey .shade{background:linear-gradient(90deg,#0a0613e0 0%,#0a0613b0 26%,#0a061340 48%,transparent 66%),linear-gradient(to top,#100b19 0%,#100b1966 14%,transparent 33%)}
.intro h1{text-shadow:0 2px 30px #0a0613}
.intro p{color:#cfc6e2;font-size:17px;line-height:1.6;max-width:430px}
.intro .button{font-size:15px;padding:16px 24px;transition:background .25s,transform .25s}
.intro .button:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:no-preference){
  .intro>*{animation:v11-rise .9s cubic-bezier(.2,.7,.2,1) both}
  .intro>.kicker{animation-delay:.5s}.intro>h1{animation-delay:.7s}.intro>p{animation-delay:1.05s}.intro>.button{animation-delay:1.3s}
  .scroll-hint,.hud,.motion{animation:v11-fade 1s 2.2s both}
}
@keyframes v11-rise{from{opacity:0;transform:translateY(26px)}}
@keyframes v11-fade{from{opacity:0}}
@media(max-width:700px){.intro p{font-size:14px;max-width:310px}.intro .button{font-size:14px;padding:14px 18px}.journey .shade{background:linear-gradient(#0a0613a6,#0a061366 55%,transparent 75%),linear-gradient(to top,#100b19,transparent 30%)}}

/* ── v13: miasto. Tylko fiolet, lawenda i pomarańcz ── */
.journey .chapter h2,.journey .chapter p,.journey .chapter .kicker{text-shadow:0 2px 26px #0a0613,0 0 10px #0a0613,0 0 3px #0a0613}
/* Programy jako miejskie ekrany świetlne zamiast okrągłych tarcz */
#produkty .product-disc{width:calc(var(--d)*.84);height:calc(var(--d)*1.06);border-radius:20px;box-shadow:0 0 0 1px #0b0613,0 calc(var(--d)*.1) calc(var(--d)*.16) #05020acc,0 0 calc(var(--d)*.2) #7b44bc3d}
#produkty .product-disc:before{inset:auto;left:50%;top:100%;width:6px;height:calc(var(--d)*.22);margin-left:-3px;border-radius:0;background:linear-gradient(#6a53a0,#2a1b45 70%,transparent);-webkit-mask:none;mask:none;animation:none;z-index:0}
#produkty .disc-rim{inset:-5px;border-radius:24px;padding:2px;background:linear-gradient(160deg,#ffb469,#f5821f 28%,transparent 55%,#f5821f66);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:none}
#produkty .disc-face{border-radius:20px;border:1px solid #d9c4ff66;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 4px),radial-gradient(120% 70% at 50% 0%,#5a3f8a70,transparent 60%),linear-gradient(180deg,#2a1a48,#140b25);gap:calc(var(--d)*.05)}
#produkty .disc-face:after{inset:10px;border-radius:13px;border-color:#c9b0ff26}
#produkty .disc-icon{border-radius:24%;width:calc(var(--d)*.36);height:calc(var(--d)*.36)}
#produkty .disc-axis{display:none}
/* Co robimy: planeta nad miastem — panorama z wieżą na pierwszym planie */
#oferta-city{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.planet-gl-ready .orbit-info{z-index:5}
/* Programy jako cztery wieże w rzędzie: ekran na szczycie, pod nim budynek z oknami; wybrana wieża wyrasta i świeci */
#produkty .as-row .product-disc{--d:var(--row-d);cursor:pointer;pointer-events:auto;transition:transform .8s cubic-bezier(.22,.7,.18,1),filter .6s}
#produkty .as-row .product-disc:before{inset:calc(100% + 1px) 7% auto 7%;left:7%;width:auto;margin:0;height:340px;border:1px solid #c9b0ff2e;border-top:0;border-radius:0;background-color:#150d28;background-image:radial-gradient(#c9b0ff73 1.2px,transparent 1.7px);background-size:12px 14px;background-position:5px 8px;-webkit-mask:linear-gradient(#000 35%,transparent);mask:linear-gradient(#000 35%,transparent)}
#produkty .as-row .product-disc.is-active:before{background-image:radial-gradient(#ffb469 1.3px,transparent 1.8px);border-color:#f5821f66}
#produkty .as-row .product-disc:hover{filter:saturate(.9) brightness(.95)}
#produkty .as-row .product-disc.is-active{filter:none}
#produkty .as-row .disc-face small{font-size:10px}
#produkty .as-row .disc-face b{font-size:calc(var(--d)*.088);max-width:86%}
#produkty .as-row .disc-face{gap:calc(var(--d)*.06)}
#produkty .as-row~.disc-controls #product-prev,#produkty .as-row~.disc-controls #product-next,#produkty .as-row #product-prev,#produkty .as-row #product-next{display:none}
#produkty .as-row .disc-dots{bottom:-6px}
/* ── Programy jako tajemnicza zajawka: jedna nazwa naraz „odszyfrowuje się” w świetle, w tle taśma konturów, na końcu „i kolejne…” ── */
#produkty .disc-layout{display:none}
/* ── Zasady (Dlaczego Incorrectus): czytelniejsza lista i panel zasady z pieczęcią obok tekstu ── */
#dlaczego .control-seal small{display:none}
#dlaczego .manifest-top p{font-size:17px;line-height:1.6;color:#c7bedb}
#dlaczego .manifest-choices button{padding-left:16px;padding-right:12px;transition:background .3s,box-shadow .3s}
#dlaczego .manifest-choices button[aria-pressed=true]{background:linear-gradient(90deg,#f5821f24,transparent 72%);box-shadow:inset 3px 0 0 #f5821f}
#dlaczego .manifest-choices button:hover{background:linear-gradient(90deg,#c9b0ff14,transparent 72%)}
#dlaczego .manifest-choices button small{font-size:13px;color:#ffa457;font-variant-numeric:tabular-nums}
#dlaczego #principle-description{font-size:17px;line-height:1.6;color:#c7bedb}
/* Tarcza zasad zamiast rombu: pierścień z czterema pozycjami, łuk wskazuje wybraną zasadę */
.principle-dial{position:relative;width:min(250px,62vw);aspect-ratio:1;margin:0 auto 18px;display:grid;place-items:center;flex-shrink:0}
.control-seal[hidden]{display:none!important}
.principle-dial>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pd-ring{stroke:#c9b0ff3d;stroke-width:1}
.pd-dash circle{stroke:#c9b0ff33;stroke-width:1;stroke-dasharray:2 9}
.pd-dash{transform-origin:120px 120px;animation:pd-spin 70s linear infinite}
@keyframes pd-spin{to{transform:rotate(360deg)}}
.pd-arc{transform-origin:120px 120px;transform:rotate(calc(var(--p,0)*90deg));transition:transform .8s cubic-bezier(.22,.7,.18,1)}
.pd-arc path{stroke:#f5821f;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px #f5821f99)}
.pd-node circle{fill:#1a102e;stroke:#c9b0ff80;stroke-width:1.2;transition:fill .4s,stroke .4s}
.pd-node.on circle{fill:#f5821f;stroke:#ffb469}
.pd-num{font:600 11px 'Source Sans 3',Arial,sans-serif;fill:#9c92b5;text-anchor:middle;letter-spacing:.08em;transition:fill .4s}
.pd-num.on{fill:#ffa457}
.pd-core{fill:#1c1232;stroke:#c9b0ff55;stroke-width:1}
.principle-dial #principle-symbol{position:relative;display:grid;place-items:center;width:44%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,#5a3f8a,#1c1232 70%);box-shadow:0 0 44px #7b44bc66,inset 0 0 0 1px #c9b0ff40}
.principle-dial #principle-symbol svg{width:46%;height:46%;stroke:#f6f1ff;stroke-width:1.5}
@media(prefers-reduced-motion:reduce){.pd-dash{animation:none}.pd-arc{transition:none}}
@media(min-width:1001px){
  #dlaczego .manifest-visual{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;gap:40px;padding:34px 40px 34px 38px;border:1px solid #c9b0ff24;border-radius:18px;background:linear-gradient(155deg,#2c1b4b66,#150c2740);box-shadow:0 24px 50px #05020a66}
  #dlaczego .principle-dial{width:230px;margin:0}
  #dlaczego .manifest-copy{text-align:left;margin:0;max-width:none;width:auto;align-items:flex-start}
  #dlaczego .manifest-copy .kicker{justify-content:flex-start}
  #dlaczego #principle-title{font-size:clamp(24px,2.1vw,30px);line-height:1.15;margin:12px 0 14px;text-align:left}
  #dlaczego #principle-description{text-align:left;margin:0}
}

/* v13: panorama „Co robimy” przechodzi w tło bez linii cięcia */
.content>.orbit-section{border-bottom:0}
.content>#produkty{position:relative}
.city-ground{position:absolute;left:0;right:0;top:0;height:200px;background:linear-gradient(#0b0716,#0b0716b3 35%,#0b071600);pointer-events:none;z-index:-1}
@media(max-width:700px){.city-ground{display:none}}
/* v13: programy jako zajawka — jedno hasło ze zmieniającą się końcówką i jedno wejście na listę */
.pw{margin-top:26px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(30px,5vw,90px);align-items:center}
.pw h2{margin:0;font-size:clamp(40px,5.2vw,84px);line-height:1.04;max-width:none}
.pw-word{display:block;color:#ffa457;min-height:1.04em;transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.2,1)}
.pw-word.out{opacity:0;transform:translateY(.18em)}
.pw-btn{display:inline-flex;align-items:center;gap:14px;margin-top:34px;padding:19px 28px;font-size:17px;text-decoration:none}
.pw-btn svg{width:22px;height:22px;transition:transform .3s}
.pw-btn:hover svg{transform:translateX(6px)}
@media(max-width:700px){.pw h2{font-size:clamp(30px,9vw,40px)}.pw-btn{margin-top:32px;padding:16px 22px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.pw-word,.pw-btn svg{transition:none}}
.pw-sub{margin:22px 0 0;max-width:500px;font-size:18px;line-height:1.55;color:#c7bedb}
.pw-art{width:clamp(240px,27vw,400px);height:auto;overflow:visible}
.pw-art path,.pw-art circle{fill:none;stroke-linecap:round;stroke-linejoin:round}
.pw-ring{stroke:#c9b0ff2e;stroke-width:1}
.pw-tick{stroke:#c9b0ff80;stroke-width:1.2}
.pw-arc{transform-origin:100px 100px;transform:rotate(calc(var(--r,0)*90deg));transition:transform 1s cubic-bezier(.3,.7,.2,1)}
.pw-arc path{stroke:#f5821f;stroke-width:2.4}
.pw-ic path{stroke:#c9b0ff;stroke-width:.42;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:opacity .35s}
.pw-ic path.acc{stroke:#f5821f}
.pw-ic.on path{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.4,.1,.2,1),opacity .2s}
.pw-ic.on path.acc{transition-delay:.55s}
@media(max-width:700px){.pw{grid-template-columns:1fr;gap:0}.pw-text{display:contents}.pw h2{order:1}.pw-art{order:2;width:min(190px,48vw);justify-self:center;margin:30px 0 26px}.pw-sub{order:3;margin:0;font-size:16px;text-align:center;justify-self:center}.pw-btn{order:4;justify-content:center;margin-top:24px}}
/* v13: zasady na telefonie — mała tarcza obok opisu zamiast pod tekstem */
@media(max-width:700px){#dlaczego .manifest-visual{grid-template-columns:96px minmax(0,1fr);column-gap:18px;align-items:start}#dlaczego .principle-dial{width:96px;margin:4px 0 0}#dlaczego .pd-num{display:none}#dlaczego .pd-arc path{stroke-width:6}#dlaczego .pd-node circle{stroke-width:2.4}}
@media(prefers-reduced-motion:reduce){.pw-arc,.pw-ic path,.pw-ic.on path{transition:none}}
/* v13: sekcje treści mają wysokość z zawartości, a nie pełny ekran — mniejsze przerwy między nimi */
.content>.section{height:auto;padding-top:112px!important;padding-bottom:112px!important;scroll-margin-top:56px}
@media(max-width:700px){.content>.section{padding-top:76px!important;padding-bottom:76px!important}}
/* v13: bez paska cienia między „Co robimy” a programami — po zamianie panoramy na makietę robił widoczną różnicę odcieni */
.city-ground{display:none!important}
/* v13: bez linii cięcia między animacją wejścia a „Co robimy” — boczne przyciemnienie wygasa ku dołowi, a gwiazdy tła pojawiają się stopniowo */
@media(min-width:701px){.journey .shade{background:linear-gradient(to top,#100b19 0%,#100b1966 14%,transparent 33%)}
.journey .shade:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0613e0 0%,#0a0613b0 26%,#0a061340 48%,transparent 66%);-webkit-mask-image:linear-gradient(to top,transparent 0,#000 36%);mask-image:linear-gradient(to top,transparent 0,#000 36%)}}
.content:before{content:"";position:absolute;left:0;right:0;top:0;height:180px;background:linear-gradient(#100b19,#100b1900);z-index:-1;pointer-events:none}
/* v13: kontakt — lista rozwijana w stylu strony i zgoda RODO */
.content #contact-form select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5821f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.content #contact-form select.sel-native{display:none}
.sel{position:relative;margin-top:5px}
.sel-btn{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:10px 14px 10px 12px;min-height:45px;border:1px solid #c9b0ff3b;border-radius:2px;background:#1b1229;color:#f4f2fb;font:400 15px 'Source Sans 3',Arial,sans-serif;text-align:left;cursor:pointer;transition:border-color .25s,background .25s}
.sel-btn svg{flex:none;width:18px;height:18px;color:#f5821f;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.sel.open .sel-btn,.sel-btn:focus-visible{border-color:#f5821f;background:#221636;outline:0}
.sel.open .sel-btn svg{transform:rotate(180deg)}
.sel-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;max-height:292px;overflow-y:auto;background:#1a112b;border:1px solid #c9b0ff40;box-shadow:0 18px 50px #05020acc;scrollbar-width:thin;scrollbar-color:#7754b5 transparent;animation:sel-in .22s cubic-bezier(.2,.7,.2,1)}
.sel-list[hidden]{display:none}
@keyframes sel-in{from{opacity:0;transform:translateY(-6px)}}
.sel-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;font:400 15px/1.3 'Source Sans 3',Arial,sans-serif;color:#cfc6e2;cursor:pointer;border-left:2px solid transparent}
.sel-list li.act{background:#c9b0ff14;color:#fff}
.sel-list li[aria-selected=true]{color:#ffa457;border-left-color:#f5821f}
.sel-list li[aria-selected=true]:after{content:"";flex:none;width:6px;height:11px;border:solid #f5821f;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-2px,-2px)}
.content #contact-form label.consent{display:flex;align-items:flex-start;gap:12px;grid-column:1/-1;margin:6px 0 16px;font-size:13px;line-height:1.5;color:#bdb5d2;cursor:pointer}
.content #contact-form label.consent input{flex:none;width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:#f5821f;cursor:pointer}
.content #contact-form label.consent a{color:#ffa457;text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.sel-list{animation:none}.sel-btn svg{transition:none}}