/* Full P Marketing – styly pro statické stránky (služby, kontakt, právní).
   Vychází z designu hlavního webu: Dark Foundry. */
:root{
  --bg:#0A0A0A; --panel:#111111; --gold:#C9A84C; --electric:#E8FF47;
  --tx:#EDEDE8; --tx2:#D2D2CC; --muted:rgba(255,255,255,.5);
  --line:rgba(255,255,255,.1); --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--tx);
  font-family:'DM Sans',system-ui,-apple-system,sans-serif;
  font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased;
}
a{color:var(--gold)}
img{max-width:100%;height:auto}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;width:100%}

/* ---------- header ---------- */
.site-hd{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.92);
  backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.hd-in{display:flex;align-items:center;gap:24px;padding-top:16px;padding-bottom:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.ring{width:30px;height:30px;border-radius:50%;border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dot{width:11px;height:11px;border-radius:50%;background:var(--gold)}
.word{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:#fff;font-size:19px;white-space:nowrap}
.word b{color:var(--gold);font-weight:800}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{color:var(--muted);text-decoration:none;font-size:13px;letter-spacing:.11em;
  text-transform:uppercase;font-weight:500;padding-bottom:3px;white-space:nowrap}
.nav a:hover{color:#fff}
.nav a.on{color:var(--gold);border-bottom:1px solid var(--gold)}
.hd-cta{margin-left:8px}
@media(max-width:900px){
  .hd-in{flex-wrap:wrap;gap:12px}
  .nav{margin-left:auto;gap:18px}
  .hd-cta{display:none}
}

/* ---------- buttons ---------- */
.btn-el,.btn-gh{display:inline-block;font-family:'Barlow Condensed',sans-serif;
  font-weight:700;letter-spacing:.09em;text-transform:uppercase;font-size:14px;
  padding:13px 26px;border-radius:3px;text-decoration:none;transition:all .2s ease;
  cursor:pointer;border:1px solid transparent;line-height:1.2}
.btn-el{background:var(--electric);color:#0A0A0A;border-color:var(--electric)}
.btn-el:hover{background:#fff;border-color:#fff}
.btn-gh{border-color:var(--line);color:#fff;background:transparent}
.btn-gh:hover{border-color:rgba(255,255,255,.45)}
button.btn-el{font-size:15px;padding:15px 32px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0 0}

/* ---------- page ---------- */
.page{padding-bottom:80px}
.crumb{margin:28px 0 0;font-size:13px;color:var(--muted)}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--gold)}
.crumb span{margin:0 7px;opacity:.5}
.crumb b{color:var(--tx2);font-weight:500}
.eyebrow{color:var(--gold);letter-spacing:.24em;text-transform:uppercase;
  font-size:12px;margin:34px 0 6px;font-weight:500}
h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;text-transform:uppercase;
  font-size:clamp(36px,5.4vw,66px);line-height:1.02;margin:0 0 18px;letter-spacing:-.01em}
h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;
  font-size:clamp(24px,2.6vw,34px);line-height:1.15;margin:56px 0 18px;color:#fff;
  letter-spacing:.01em}
h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:19px;letter-spacing:.04em;margin:0 0 8px;color:#fff}
p{color:var(--tx2);margin:0 0 16px}
.lead{font-size:clamp(18px,2vw,21px);color:var(--tx);max-width:62ch;line-height:1.65}
.who{max-width:70ch}

/* ---------- cards ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:22px 24px}
.card p{margin:0;font-size:15.5px;color:var(--muted)}
.scards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.scard{background:var(--panel);border:1px solid var(--line);border-radius:6px;
  padding:26px;text-decoration:none;display:block;transition:all .25s ease}
.scard:hover{border-color:rgba(201,168,76,.55);transform:translateY(-2px)}
.scard h3{color:#fff;margin-bottom:8px;font-size:21px}
.scard:hover h3{color:var(--gold)}
.scard p{margin:0;color:var(--muted);font-size:15.5px}

/* ---------- steps ---------- */
.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.steps li{counter-increment:s;background:var(--panel);border:1px solid var(--line);
  border-radius:6px;padding:22px 24px;position:relative}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:'Barlow Condensed',sans-serif;
  font-weight:900;font-size:13px;color:var(--gold);letter-spacing:.1em;display:block;margin-bottom:10px}
.steps b{display:block;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
  font-size:18px;letter-spacing:.03em;color:#fff;margin-bottom:5px}
.steps span{color:var(--muted);font-size:15px;line-height:1.6}

/* ---------- chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-block;border:1px solid var(--line);border-radius:3px;padding:9px 16px;
  color:var(--tx2);text-decoration:none;font-size:14px;transition:all .2s ease;background:var(--panel)}
.chip:hover{border-color:var(--gold);color:var(--gold)}

/* ---------- faq ---------- */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:17px 0;font-weight:600;color:#fff;font-size:17px;
  list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:22px;line-height:1;flex-shrink:0}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 18px;margin:0;max-width:75ch;color:var(--muted)}

/* ---------- cta box ---------- */
.cta-box{margin:64px 0 0;padding:40px;border:1px solid rgba(201,168,76,.3);border-radius:6px;
  background:radial-gradient(ellipse at center,rgba(201,168,76,.07) 0%,transparent 72%),var(--panel)}
.cta-box h2{margin-top:0}
.cta-box p{max-width:60ch}
.also{margin:52px 0 0;padding-top:22px;border-top:1px solid var(--line);
  font-size:14.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.also b{color:var(--tx2);font-weight:600}
.also a{text-decoration:none}
.also a:hover{text-decoration:underline}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:34px;margin-top:34px;align-items:start}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}
.form-wrap{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:30px}
.form-wrap h2{margin-top:0}
form label{display:block;margin-bottom:16px;font-size:14px;color:var(--tx2);font-weight:500}
form .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:520px){form .two{grid-template-columns:1fr}}
input[type=text],input[type=email],input[type=tel],select,textarea{
  width:100%;margin-top:7px;background:#0A0A0A;border:1px solid var(--line);
  border-radius:3px;padding:12px 14px;color:#fff;font-family:inherit;font-size:16px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}
textarea{resize:vertical;min-height:110px}
.req{color:var(--gold)}
.check{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:var(--muted);margin:20px 0 22px}
.check input{margin-top:4px;flex-shrink:0;width:17px;height:17px;accent-color:var(--electric)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#form-stav{margin:16px 0 0;font-size:15px;min-height:1.2em}
#form-stav.ok{color:var(--electric)}
#form-stav.err{color:#ff8f8f}
.contact-side{padding-top:4px}
.contact-side h2{margin-top:0}
.contact-side h3{margin-top:26px}
.contact-side .big{font-size:20px;font-family:'Barlow Condensed',sans-serif;
  letter-spacing:.03em;text-decoration:none}
.contact-side .big:hover{text-decoration:underline}
.muted{color:var(--muted);font-size:14.5px}

/* ---------- footer ---------- */
.site-ft{border-top:1px solid rgba(255,255,255,.07);margin-top:20px;background:#080808}
.site-ft .wrap{padding-top:48px;padding-bottom:28px}
.ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:34px}
@media(max-width:760px){.ft-grid{grid-template-columns:1fr;gap:26px}}
.ft-brand{margin-bottom:14px}
.ft-p{color:var(--muted);font-size:15px;max-width:44ch}
.site-ft h3{font-size:15px;letter-spacing:.14em;color:var(--gold);margin-bottom:12px}
.site-ft ul{list-style:none;padding:0;margin:0}
.site-ft li{margin:7px 0;font-size:15px}
.site-ft li a{color:var(--muted);text-decoration:none}
.site-ft li a:hover{color:#fff}
.site-ft li.muted{color:rgba(255,255,255,.35)}
.ft-bot{display:flex;flex-wrap:wrap;gap:9px 18px;align-items:center;margin-top:36px;
  padding-top:20px;border-top:1px solid rgba(255,255,255,.06);font-size:12.5px}
.ft-bot a,.ft-bot .lnk{color:rgba(255,255,255,.45);text-decoration:none;
  background:none;border:none;font:inherit;cursor:pointer;padding:0}
.ft-bot a:hover,.ft-bot .lnk:hover{color:var(--gold)}
.ft-copy{margin-left:auto;color:rgba(255,255,255,.28)}
@media(max-width:600px){.ft-copy{margin-left:0;width:100%}}

/* ---------- tabulka faktů + značky (stránka O nás) ---------- */
.facts{width:100%;border-collapse:collapse;margin:8px 0 0;font-size:15.5px}
.facts th,.facts td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.facts th{color:var(--gold);font-weight:600;width:190px;font-size:13px;
  text-transform:uppercase;letter-spacing:.07em}
.facts td{color:var(--tx2)}
@media(max-width:560px){.facts th{width:130px;font-size:12px}}
.brands{line-height:2.4;max-width:none}
.brands a{color:var(--tx2);text-decoration:none;border-bottom:1px solid rgba(201,168,76,.35);
  padding-bottom:2px}
.brands a:hover{color:var(--gold);border-color:var(--gold)}

/* ---------- pás značek na úvodní stránce ---------- */
#fullp-brands{border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);background:#0C0C0C;padding:34px 24px}
#fullp-brands .bw{max-width:1400px;margin:0 auto}
#fullp-brands .bt{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.28em;
  text-transform:uppercase;color:rgba(255,255,255,.34);margin:0 0 18px;text-align:center}



#fullp-brands .bl{display:flex;flex-wrap:wrap;gap:26px 44px;justify-content:center;align-items:center}
#fullp-brands .bl a{display:inline-flex;align-items:center;line-height:0}
#fullp-brands .bl img{height:30px;width:auto;opacity:.45;filter:grayscale(100%);
  transition:opacity .25s ease,filter .25s ease}
#fullp-brands .bl a:hover img{opacity:.95;filter:grayscale(0%)}
@media(max-width:640px){
  #fullp-brands .bl{gap:20px 28px}
  #fullp-brands .bl img{height:22px}
}