/* ITERACJA 92 — hierarchia otwarcia, forum, polityka i 404. */

/* Forum jest częścią nawigacji, nie konkurencyjnym CTA. */
.nav-forum{display:inline-flex;align-items:center;gap:9px}
.nav-forum i{display:block;width:9px;aspect-ratio:1;border:1px solid var(--orange);transition:background .2s ease,transform .2s ease}
.nav-forum:hover i,.nav-forum:focus-visible i{background:var(--orange);transform:translateY(-1px)}

/* Nazwa kursu pozostaje prawdziwym, zaznaczalnym tekstem i dominuje nad hasłem sekcji 01. */
.hero-course-intro{
  top:34px;
  gap:16px;
  pointer-events:auto;
  user-select:text
}
.hero-course-intro h1{
  margin:0;
  max-width:1280px;
  color:var(--paper);
  font-family:var(--display);
  font-weight:600;
  font-size:clamp(54px,5.35vw,86px);
  line-height:.9;
  letter-spacing:-.035em;
  text-transform:uppercase
}
.hero-course-intro .hero-course-subtitle{
  margin:0;
  max-width:980px;
  color:rgba(247,236,222,.94);
  font-family:var(--display);
  font-weight:600;
  font-size:clamp(18px,1.45vw,24px);
  line-height:1.18;
  letter-spacing:.105em;
  text-transform:uppercase
}
.hero-copy .hero-title{margin:0 0 34px;font:600 clamp(42px,3.2vw,56px)/.98 var(--display);letter-spacing:-.032em;text-transform:uppercase}
.hero-copy .hero-title strong{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}
.hero-copy .hero-title span{display:block;color:var(--sand)}
#gds-living-machine .hero-comparison .hero-index{top:210px}
#gds-living-machine .hero-comparison .hero-copy{top:258px!important}
#gds-living-machine .hero-comparison{min-height:1220px}

/* Subtelne tło dokumentu prawnego: geometria pozostaje poza warstwą tekstową. */
.privacy-document{position:relative;isolation:isolate;overflow:hidden;background:
  linear-gradient(90deg,transparent 0 13%,rgba(50,36,28,.025) 13% 31%,transparent 31% 72%,rgba(175,145,117,.035) 72% 89%,transparent 89%),
  linear-gradient(var(--paper),var(--paper))}
.privacy-document-bg{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.privacy-document-bg i,.privacy-document-bg b{position:absolute;display:block}
.privacy-document-bg i{background:rgba(50,36,28,.055);box-shadow:24px 24px 0 rgba(175,145,117,.035)}
.privacy-document-bg i:nth-child(1){left:-8%;top:3%;width:34vw;aspect-ratio:1;animation:privacy-drift-x 58s ease-in-out -9s infinite alternate}
.privacy-document-bg i:nth-child(2){right:-11%;top:18%;width:31vw;height:9%;background:rgba(175,145,117,.075);animation:privacy-drift-y 49s ease-in-out -18s infinite alternate}
.privacy-document-bg i:nth-child(3){left:5%;top:37%;width:18vw;aspect-ratio:1;background:rgba(0,0,0,.035);animation:privacy-drift-y 65s ease-in-out -27s infinite alternate}
.privacy-document-bg i:nth-child(4){right:3%;top:52%;width:26vw;aspect-ratio:1;background:rgba(50,36,28,.045);animation:privacy-drift-x 61s ease-in-out -7s infinite alternate}
.privacy-document-bg i:nth-child(5){left:-4%;top:70%;width:42vw;height:6%;background:rgba(190,173,156,.09);animation:privacy-drift-x 52s ease-in-out -31s infinite alternate}
.privacy-document-bg i:nth-child(6){right:-9%;top:86%;width:34vw;aspect-ratio:1;background:rgba(0,0,0,.026);animation:privacy-drift-y 72s ease-in-out -14s infinite alternate}
.privacy-document-bg b{width:clamp(22px,2.6vw,42px);aspect-ratio:1;background:rgba(241,90,41,.5)}
.privacy-document-bg b:nth-of-type(1){right:8%;top:12%}
.privacy-document-bg b:nth-of-type(2){left:7%;top:60%;background:rgba(0,0,0,.34)}
.privacy-document-bg b:nth-of-type(3){right:18%;top:79%;background:rgba(241,90,41,.38)}
@keyframes privacy-drift-x{to{transform:translateX(7vw)}}
@keyframes privacy-drift-y{to{transform:translateY(5vh)}}
.privacy-layout{position:relative;z-index:2}
.privacy-copy>section{background:linear-gradient(90deg,rgba(247,236,222,.93),rgba(247,236,222,.82) 78%,rgba(247,236,222,.42));padding-left:clamp(18px,2vw,34px);padding-right:clamp(18px,2vw,34px)}
.privacy-footer-divider{position:relative;height:88px;overflow:hidden;background:#000;border-top:1px solid rgba(241,90,41,.45)}
.privacy-footer-divider i,.privacy-footer-divider b{position:absolute;display:block}
.privacy-footer-divider i:first-child{left:0;top:31px;width:43%;height:16px;background:rgba(247,236,222,.14)}
.privacy-footer-divider i:nth-child(2){right:9%;top:31px;width:23%;height:16px;background:rgba(50,36,28,.9)}
.privacy-footer-divider b{right:5%;top:23px;width:32px;aspect-ratio:1;background:var(--orange)}
.privacy-page>.site-footer{border-top:0}

/* Strona 404. */
.error-page{min-height:100vh;background:#000;color:var(--paper)}
.error-header{position:relative;top:auto}
.error-header-actions{display:flex;align-items:center;gap:clamp(22px,3vw,48px)}
.error-header-actions a{font:600 12px/1 var(--display);letter-spacing:.11em;text-decoration:none;text-transform:uppercase}
.error-header-actions .error-forum{display:flex;align-items:center;gap:9px}
.error-header-actions .error-forum::before{content:"";width:9px;aspect-ratio:1;border:1px solid var(--orange)}
.error-stage{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);min-height:calc(100vh - var(--header-h));overflow:hidden;padding:clamp(90px,9vw,150px) var(--gutter);isolation:isolate}
.error-stage::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 73% 38%,rgba(241,90,41,.09),transparent 27%),linear-gradient(90deg,transparent 0 52%,rgba(50,36,28,.28) 52% 71%,transparent 71%)}
.error-geometry{position:absolute;z-index:-1;inset:0;pointer-events:none}
.error-geometry i{position:absolute;display:block;background:rgba(247,236,222,.07)}
.error-geometry i:nth-child(1){left:4%;top:13%;width:28%;height:17%}
.error-geometry i:nth-child(2){right:5%;top:5%;width:19%;height:43%;background:rgba(50,36,28,.5)}
.error-geometry i:nth-child(3){left:31%;bottom:8%;width:42%;height:12%;background:rgba(175,145,117,.11)}
.error-copy{align-self:center;max-width:720px}
.error-code{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:var(--orange);font:600 12px/1 var(--display);letter-spacing:.18em;text-transform:uppercase}
.error-code::before{content:"";width:16px;aspect-ratio:1;background:var(--orange)}
.error-copy h1{margin:0 0 30px;font:600 clamp(72px,9vw,148px)/.78 var(--display);letter-spacing:-.055em;text-transform:uppercase}
.error-copy>p{max-width:620px;margin:0;color:rgba(247,236,222,.68);font-size:clamp(17px,1.35vw,21px)}
.error-actions{display:flex;align-items:center;gap:28px;margin-top:42px}
.error-actions .button{display:inline-flex;align-items:center;min-height:54px;padding:0 24px;background:var(--orange);color:#000;font:600 12px/1 var(--display);letter-spacing:.11em;text-decoration:none;text-transform:uppercase}
.error-actions a:not(.button){color:rgba(247,236,222,.68);font:600 11px/1 var(--display);letter-spacing:.11em;text-decoration:none;text-transform:uppercase}
.error-developer{position:relative;align-self:center;justify-self:end;width:min(620px,43vw);aspect-ratio:1;background:rgba(50,36,28,.42);border:1px solid rgba(247,236,222,.12);box-shadow:34px 34px 0 rgba(50,36,28,.25)}
.error-developer::before{content:"PLACEHOLDER DEWELOPERA / EE";position:absolute;left:22px;bottom:18px;color:rgba(247,236,222,.38);font:600 9px/1 var(--display);letter-spacing:.13em}
.error-developer svg{position:absolute;inset:10%;width:80%;height:80%}
.error-developer .error-window{position:absolute;right:7%;top:7%;width:29%;aspect-ratio:1;background:var(--orange);opacity:.86}
.error-developer .error-slot{position:absolute;left:-10%;bottom:17%;width:46%;height:11%;background:rgba(247,236,222,.12)}

@media(max-width:1280px){
  .nav{gap:clamp(18px,2vw,30px)}
  .hero-course-intro h1{font-size:clamp(48px,5.1vw,68px)}
  .hero-course-intro .hero-course-subtitle{font-size:clamp(16px,1.55vw,20px)}
}
@media(max-width:1120px){
  .hero-course-intro{top:30px;gap:13px}
  .hero-course-intro h1{font-size:clamp(42px,6.1vw,60px)}
  .hero-course-intro .hero-course-subtitle{font-size:clamp(15px,1.9vw,19px)}
  #gds-living-machine .hero-comparison .hero-index{top:190px}
  #gds-living-machine .hero-comparison .hero-copy{top:238px!important}
  .error-stage{grid-template-columns:1fr;gap:60px}
  .error-developer{justify-self:start;width:min(620px,80vw)}
}
@media(max-width:759px), (max-width:1120px) and (orientation:portrait){
  .hero-course-intro{top:24px;left:22px;right:22px}
  .hero-course-intro h1{font-size:clamp(36px,10vw,52px)}
  .hero-course-intro .hero-course-subtitle{font-size:clamp(13px,3.6vw,17px)}
  .hero-copy .hero-title{margin-bottom:30px}
  .error-header-actions .error-forum{display:none}
}
@media(max-width:560px){
  .privacy-copy>section{padding-left:14px;padding-right:14px}
  .privacy-footer-divider{height:62px}
  .error-stage{padding:80px 24px}
  .error-copy h1{font-size:clamp(62px,20vw,94px)}
  .error-actions{align-items:flex-start;flex-direction:column}
  .error-developer{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .privacy-document-bg i{animation:none}
}