/* Legal pages (privacy, terms): the site's look without scripts — readable column, sticky contents. */
*{box-sizing:border-box}
html{color-scheme:dark;scroll-padding-top:1.5rem;scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:#dfe8ee;font:19px/1.72 var(--font-body,system-ui,sans-serif);overflow-wrap:anywhere;
  background:radial-gradient(ellipse 70% 40% at 85% -5%,#0b4a4833,transparent 70%),radial-gradient(ellipse 50% 30% at 0% 0%,#dbff570d,transparent 70%),
  linear-gradient(#4975750a 1px,transparent 1px) 0 0/90px 90px,linear-gradient(90deg,#4975750a 1px,transparent 1px) 0 0/90px 90px,#080b10}
a{color:#69f5e0;text-underline-offset:4px}
a:hover{color:#fff}
a:focus-visible{outline:3px solid #dbff57;outline-offset:5px}
strong{color:#fff}
.skip{position:absolute;left:12px;top:-100px;z-index:5;padding:12px;background:#dbff57;color:#0a1006}
.skip:focus{top:12px}

/* Header and footer match the product pages. */
header,main,footer{width:min(100% - 48px,1180px);margin-inline:auto}
header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:1px solid #26383e}
header:after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:2px;background:linear-gradient(90deg,#dbff57,#69f5e0)}
.brand{font:700 28px var(--font-display,sans-serif);letter-spacing:-.02em;color:#fff;text-decoration:none}
.brand span{margin-left:2px;color:#dbff57}
header nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;font:600 17px var(--font-body,sans-serif)}
header nav a{color:#dfe8ee;text-decoration:none}
header nav a:hover{color:#dbff57}
header nav .legal-login{padding:9px 16px;border:1px solid #667d80;color:#fff}
header nav .legal-login:hover{border-color:#dbff57}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;padding-block:28px 44px;border-top:1px solid #26383e;font-size:17px}

/* Document: intro, then contents beside a readable column. */
main{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr);column-gap:clamp(32px,5vw,72px);padding-block:56px 40px}
main>*{grid-column:2;max-width:74ch}
/* Without a contents list (the terms), the document is one centred column. */
main:not(:has(.contents)){display:block;max-width:860px}
.eyebrow{margin:0 0 14px;font:600 12px var(--font-display,sans-serif);letter-spacing:.18em;color:#69f5e0}
h1,h2{font-family:var(--font-display,system-ui,sans-serif);font-weight:600;line-height:1.15;color:#fff}
h1{margin:0 0 20px;font-size:clamp(36px,5vw,62px);letter-spacing:-.04em}
.lead{margin:0 0 10px;font-size:23px;color:#c4d3d8}
.version{display:inline-block;justify-self:start;margin:6px 0 34px;padding:5px 12px;border:1px solid #dbff5766;border-radius:20px;font:600 12px var(--font-display,sans-serif);letter-spacing:.08em;color:#dbff57}
.contents{grid-column:1;grid-row:1/span 60;align-self:start;position:sticky;top:24px;display:flex;flex-direction:column;gap:2px;margin-top:6px;padding:14px 0 14px 16px;border-left:2px solid #26383e;font:600 15px var(--font-display,sans-serif)}
.contents:before{content:"SPIS TREŚCI";margin-bottom:8px;font-size:11px;letter-spacing:.18em;color:#6c9d9c}
.contents a{padding:6px 0;color:#a8b9c1;text-decoration:none}
.contents a:hover,.contents a:focus-visible{color:#dbff57}
section{margin-block:0 46px;padding-top:26px;border-top:1px solid #1e2c31}
section:target h2{color:#dbff57}
h2{position:relative;margin:0 0 18px;padding-left:18px;font-size:clamp(24px,2.6vw,32px)}
h2:before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:3px;background:linear-gradient(#dbff57,#69f5e0);box-shadow:0 0 12px #dbff5766}
p{margin-block:14px}
ul{padding-inline-start:22px}
li{margin-bottom:12px}
li::marker{color:#dbff57}
code{padding:1px 6px;border:1px solid #26383e;border-radius:4px;background:#0e161d;font-size:.9em}
/* Final terms are plain text, escaped by the server. */
.terms-document{margin:0 0 30px;padding:clamp(20px,3vw,34px);white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.72;color:#dfe8ee;border:1px solid #2b4247;border-radius:16px;background:linear-gradient(160deg,#0e161df2,#080b10f7)}

@media(max-width:860px){
  body{font-size:18px}
  header,main,footer{width:calc(100% - 32px)}
  header{flex-wrap:wrap;gap:12px;padding-block:16px}
  header nav{gap:8px 18px;font-size:15px}
  main{display:block;padding-top:34px}
  .lead{font-size:20px}
  /* Phones: the contents become a row of chips you swipe sideways. */
  .contents{position:static;flex-direction:row;gap:8px;overflow-x:auto;margin:0 -16px 30px;padding:0 16px 6px;border:0;scrollbar-width:none}
  .contents::-webkit-scrollbar{display:none}
  .contents:before{display:none}
  .contents a{flex:none;padding:7px 12px;border:1px solid #2b4247;border-radius:20px;font-size:14px}
  section{margin-bottom:34px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{html{color-scheme:light}body{background:#fff;color:#111;font-size:11pt}header,main,footer{width:100%}main{display:block}h1,h2,.brand,strong{color:#111}a,.eyebrow,.version{color:#222}h2:before,header:after{display:none}.contents{display:none}section{break-inside:avoid;border:0}header nav,footer{display:none}.terms-document{border:0;padding:0;background:none;color:#111}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}