/* Subpages (/dakujem/, /ochrana-osobnych-udajov/). Loaded after scrollcraft.css.
   Tokens and the bar / cta / footer rules are copied from the inline <style> of index.html
   so the subpages match without mounting scrollcraft.js (they have no scroll acts). */
:root{
  --sc-canvas:#15101A; --sc-surface:#1B1421;
  --sc-ink:#F4EEE8; --sc-ink-soft:#D7CCD6;
  --sc-accent:#EFA95E; --sc-accent-ink:#1A1118;
  --sc-font-display:"Instrument Serif", Georgia, serif;
  --sc-font-text:"Hanken Grotesk", system-ui, sans-serif;
  --sc-font-mono:"JetBrains Mono", ui-monospace, monospace;
  --sc-shadow-color:280 30% 3%;
  --head:#FBF6F0; --muted:#A99BA8; --line:#2E2334; --line-2:#4A3752;
  --paper:#F6F0E9; --paper-ink:#1F1A21; --plum:#2B1535; --plum-soft:#3E3441; --violet:#6A2B96; --brown:#8A4F12; --paper-line:#D9CFC8;
  --bar-h:76px;
}
body{background:var(--sc-canvas)}
h1,h2,h3,p,ul,ol,figure,pre{margin:0}
a{color:#F0B878}
a:hover{color:#FFD3A1}
.eyebrow{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--sc-accent);font-weight:700}
.wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(16px,6.6vw,96px)}

/* cta */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border-radius:999px;background:var(--sc-accent);color:var(--sc-accent-ink);font-weight:700;font-size:17px;text-decoration:none;white-space:nowrap;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 24px -10px rgba(239,169,94,.55);
  transition:background-color 160ms var(--sc-ease-out),transform 140ms var(--sc-ease-out)}
.cta:hover{background:#F6BE82;color:var(--sc-accent-ink)}
.cta:active{transform:translateY(1px) scale(.98)}
.cta svg{transition:transform 180ms var(--sc-ease-out)}
@media (hover:hover) and (pointer:fine){.cta:hover svg{transform:translateX(3px)}}
.cta--dark{background:var(--plum);color:var(--head);box-shadow:0 10px 24px -12px rgba(43,21,53,.7)}
.cta--dark:hover{background:#3C1F4A;color:var(--head)}
.cta--sm{min-height:44px;padding:0 22px;font-size:15px}

/* bar: always solid here, there is no hero to sit on */
.bar{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--bar-h);background:color-mix(in oklab,var(--sc-canvas) 94%,transparent);border-bottom:1px solid var(--line)}
.bar__in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--sc-ink)}
.brand:hover{color:var(--sc-ink)}
.brand img{width:44px;height:44px;object-fit:contain}
.brand b{font-size:20px;letter-spacing:.02em}
.brand span{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}

/* page body */
.page{padding-top:calc(var(--bar-h) + clamp(48px,7vw,104px));padding-bottom:clamp(64px,8vw,120px)}
.page__in{max-width:780px}
.page h1{font-family:var(--sc-font-display);font-weight:400;font-size:clamp(42px,1.4rem + 3.4vw,76px);line-height:.98;letter-spacing:-.015em;color:var(--head);text-wrap:balance;margin-top:16px}
.page h2{font-family:var(--sc-font-display);font-weight:400;font-size:clamp(28px,1.3rem + 1.4vw,40px);line-height:1.08;letter-spacing:-.01em;color:var(--head);text-wrap:balance}
.page h3{font-size:19px;font-weight:600;color:var(--head)}
.lead{margin-top:22px;font-size:clamp(18px,.95rem + .4vw,21px);line-height:1.55;color:#D7CCD6;max-width:36em;text-wrap:pretty}
.page__in > * + *{margin-top:0}
.fl .page{visibility:hidden}
.page__in > *:first-child{animation:rise 820ms var(--sc-ease-out) both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* /dakujem/ */
.steps{list-style:none;padding:0;margin-top:40px;border-top:1px solid var(--line-2);counter-reset:s}
.steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--line-2);font-size:17px;line-height:1.6;color:#D7CCD6;counter-increment:s}
.steps li::before{content:counter(s);font-family:var(--sc-font-display);font-size:30px;line-height:1;color:var(--sc-accent)}
.steps b{color:var(--head);font-weight:600}
.note{margin-top:32px;padding:20px 22px;border:1px solid var(--line-2);border-radius:6px;background:#221A26;font-size:16px;line-height:1.6;color:#D7CCD6}
.note h2{font-family:var(--sc-font-text);font-size:17px;font-weight:600;letter-spacing:0;color:var(--head);margin-bottom:6px}
.get{margin-top:40px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center}
.get__sheet{width:clamp(150px,18vw,200px);rotate:-3deg}
.get__sheet img{width:100%;height:auto;aspect-ratio:1240/1754;border-radius:3px;border:5px solid #F3ECE4;background:#F3ECE4;
  box-shadow:0 2px 4px hsl(var(--sc-shadow-color)/.35),0 22px 40px -12px hsl(var(--sc-shadow-color)/.6)}
.get__txt{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.get__txt p{font-size:17px;line-height:1.6;color:#D7CCD6}
.get__txt small{font-size:14px;color:var(--muted)}
.next{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(24px,3.6vw,44px);border-radius:10px;background:var(--paper);color:var(--paper-ink);box-shadow:var(--sc-e3)}
.next .eyebrow{color:var(--brown)}
.next h2{color:var(--plum);margin-top:10px}
.next p{margin-top:12px;font-size:17px;line-height:1.55;color:var(--plum-soft)}
.next :focus-visible{outline-color:var(--plum)}

/* /ochrana-osobnych-udajov/ */
.legal{max-width:780px}
.legal .meta{margin-top:18px;font-size:15px;color:var(--muted)}
.legal section{padding-top:clamp(36px,4vw,52px)}
.legal section > h2{padding-bottom:14px;border-bottom:1px solid var(--line-2);margin-bottom:18px}
.legal p,.legal li{font-size:17px;line-height:1.65;color:#D7CCD6}
.legal p + p,.legal p + ul,.legal ul + p,.legal p + .tbl,.legal .tbl + p{margin-top:14px}
.legal ul{padding-left:20px;display:flex;flex-direction:column;gap:8px}
.legal li::marker{color:var(--sc-accent)}
.legal b,.legal strong{color:var(--head);font-weight:600}
.legal address{font-style:normal}
.tbl{overflow-x:auto;border:1px solid var(--line-2);border-radius:6px}
.tbl table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.tbl th{background:#221A26;color:var(--head);font-weight:600}
.tbl td{color:#D7CCD6}
.tbl tr:last-child td{border-bottom:0}
.verify{display:inline;padding:1px 6px;border-radius:4px;background:rgba(239,169,94,.16);color:#F6BE82;font-family:var(--sc-font-mono);font-size:.82em;font-weight:500;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.toc-mini{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px}
.toc-mini a{color:#D7CCD6}

/* footer */
.close{background:#120D16;padding-top:40px;padding-bottom:48px;font-size:15px;color:var(--muted)}
.close__foot{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}
.close__foot .brand img{width:56px;height:56px}
.close__foot .brand span{font-size:15px;letter-spacing:0;text-transform:none}
.close__links{display:flex;gap:32px;flex-wrap:wrap;justify-content:flex-end;row-gap:10px}
.close__links a{color:#D7CCD6}
.close__legal{margin-top:24px;font-size:13px;line-height:1.6;color:var(--muted)}

@media (max-width:860px){
  :root{--bar-h:64px}
  .brand span{display:none}
  .bar{background:var(--sc-canvas)}
  .brand img{width:38px;height:38px}
  .brand b{font-size:18px}
  .get{grid-template-columns:1fr}
  .get__sheet{width:150px}
  .get__txt .cta{width:100%}
  .next{grid-template-columns:1fr}
  .next .cta{width:100%}
  .close__foot{flex-direction:column}
  .close__links{justify-content:flex-start}
  .tbl table{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .page__in > *:first-child{animation:none}
  .get__sheet{rotate:none}
}