:root{

  --deep:#062329; --neon:#AEF661; --white:#fff;
  --purple:#6471C2; --purple-l:#E0E5FF; --purple-d:#424C8C;
  --red:#F87B54; --red-d:#BA543F; --red-l:#FFEDDE; --red-dd:#7C2D2A;
  --g1:#F1F1F1; --g3:#CED3D4;

  --g5:#6E7678; --g7:#55595A;
  --on-dark:#D8E4E1;
  --on-dark-soft:#A8BCBA;
  --gold:#F5B800;

  --t-xs:15px; --t-sm:18px; --t-md:20px; --t-lg:25px;
  --t-xl:clamp(26px, 3.2vw, 32px);
  --t-2xl:clamp(30px, 4.6vw, 41px);
  --t-3xl:clamp(33px, 5.6vw, 53px);
  --lh-tight:1.15; --lh-body:1.6;
  --font:"Macan","Aptos",Arial,sans-serif;
  --w-reg:400; --w-med:500; --w-bold:600;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:72px; --s9:96px;

  --r-ctl:12px; --r-card:18px; --r-block:28px;

  --e1:0 1px 2px rgba(6,35,41,.06);
  --e2:0 8px 24px rgba(6,35,41,.08);
  --e3:0 24px 48px rgba(6,35,41,.14);

  --wrap:960px;
  --wrap-read:720px;
  --sec:var(--s8);
}

*{box-sizing:border-box}
html{color-scheme:only light;scroll-behavior:smooth}
body{
  margin:0;font-family:var(--font);font-size:var(--t-md);font-weight:var(--w-reg);
  color:var(--deep);background:var(--g1);line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:var(--font);font-size:inherit;cursor:pointer}
h1,h2,h3,h4{line-height:var(--lh-tight);margin:0 0 var(--s3);font-weight:var(--w-bold)}
p{margin:0 0 var(--s3)}
p:last-child{margin-bottom:0}
:focus-visible{outline:3px solid var(--purple);outline-offset:2px;border-radius:var(--s1)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

.page-bg{
  background:
    radial-gradient(1400px 700px at 15% -10%, rgba(174,246,97,.14) 0%, transparent 55%),
    radial-gradient(1200px 700px at 90% 110%, rgba(100,113,194,.13) 0%, transparent 55%),
    linear-gradient(180deg,#F4F7F5,#EAEEEF);
  background-attachment:fixed;min-height:100vh;
}

.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--s5);padding-right:var(--s5)}
section{padding-top:var(--sec);padding-bottom:var(--sec)}
section.tight{padding-top:var(--s7);padding-bottom:var(--s7)}

.site-head{padding-top:var(--s5);padding-bottom:var(--s5);display:flex;
  justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap}

.brand{display:flex;align-items:center;gap:var(--s3);flex:0 0 auto;min-height:44px}
.brand-logo{height:32px;width:auto;flex:0 0 auto}
.brand-role{font-size:var(--t-xs);font-weight:var(--w-med);color:var(--g7);
  white-space:nowrap;padding-left:var(--s3);border-left:1px solid var(--g3)}
.site-foot .brand-logo{height:34px;margin-bottom:var(--s3)}

.nav{display:flex;align-items:center;gap:var(--s2) var(--s5);flex-wrap:wrap}
.nav a{display:inline-flex;align-items:center;min-height:44px;
  font-size:var(--t-xs);font-weight:var(--w-med);color:var(--g7);white-space:nowrap}
.nav a:hover,.nav a[aria-current="page"]{color:var(--deep)}
.nav a[aria-current="page"]{font-weight:var(--w-bold)}

.nav-cta{display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 var(--s5);border-radius:var(--r-ctl);
  background:var(--deep);color:var(--white);
  font-size:var(--t-xs);font-weight:var(--w-bold);white-space:nowrap;
  transition:transform .06s ease, background .12s ease}
.nav-cta:hover{background:#0a343c;color:var(--white)}
.nav-cta:active{transform:scale(.985)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
  border:1.5px solid transparent;border-radius:var(--r-ctl);
  padding:var(--s4) var(--s5);font-size:var(--t-sm);font-weight:var(--w-bold);
  text-align:center;transition:transform .06s ease, background .12s ease, border-color .12s ease}
.btn:active{transform:scale(.985)}
.btn:disabled{opacity:.55;cursor:default;transform:none}

.btn--primary{background:var(--neon);color:var(--deep);border-color:var(--neon)}
.btn--primary:hover{background:#9DEA4B;border-color:#9DEA4B}

.btn--secondary{background:transparent;color:var(--deep);border-color:var(--g3);
  font-weight:var(--w-med);font-size:var(--t-xs);padding:var(--s3) var(--s4)}
.btn--secondary:hover{border-color:var(--deep)}

.btn--ghost-dark{background:transparent;color:var(--white);border-color:rgba(255,255,255,.55);
  font-weight:var(--w-med)}
.btn--ghost-dark:hover{border-color:var(--neon);color:var(--neon)}
.btn--block{width:100%}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.cta-note{font-size:var(--t-xs);color:var(--g7);margin:var(--s3) 0 0;max-width:46ch}

.hero{padding-top:var(--s5);padding-bottom:var(--s7);display:flex;
  gap:var(--s7);align-items:center;flex-wrap:wrap}
.hero-text{flex:1 1 320px;min-width:280px}
.hero-photo{flex:0 0 auto;width:250px}

.hero-photo img{width:100%;aspect-ratio:369/510;object-fit:cover;object-position:50% 20%;
  border-radius:var(--r-card);box-shadow:var(--e3)}
.eyebrow{color:var(--purple-d);font-weight:var(--w-bold);font-size:var(--t-xs);
  letter-spacing:.7px;text-transform:uppercase;margin:0 0 var(--s3)}
.hero h1{font-size:var(--t-3xl);max-width:16ch}
.hero .lead{font-size:var(--t-md);color:var(--g7);max-width:52ch;margin-bottom:var(--s5)}

.trustbar{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);align-items:center;
  margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--g3);
  font-size:var(--t-xs);color:var(--g7)}
.trustbar b{color:var(--deep);font-weight:var(--w-bold)}
.trustbar .stars{color:var(--gold);letter-spacing:1px}

.bio-numbers{display:flex;gap:var(--s5);flex-wrap:wrap;margin-top:var(--s4)}
.bio-numbers div{font-size:var(--t-xs);color:var(--g7)}
.bio-numbers b{display:block;font-size:var(--t-lg);color:var(--deep);font-weight:var(--w-bold)}

.section-title{font-size:var(--t-xl);margin-bottom:var(--s3)}
.section-sub{color:var(--g7);font-size:var(--t-sm);max-width:56ch;margin:0 0 var(--s6)}
.section-title.center,.section-sub.center{text-align:center}
.section-sub.center{margin-left:auto;margin-right:auto}

.card{background:var(--white);border-radius:var(--r-card);padding:var(--s5);box-shadow:var(--e1)}
.grid{display:grid;gap:var(--s4)}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.grid--4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

.ic{width:40px;height:40px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  border-radius:var(--r-ctl);background:var(--purple-l);color:var(--purple-d);margin-bottom:var(--s3)}
.ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round}
.ic--neon{background:#E8F7D9;color:#3F6B1E}
.ic--red{background:var(--red-l);color:var(--red-dd)}

.truth{background:var(--deep);color:var(--white);border-radius:var(--r-block);padding:var(--s6) var(--s5)}
.truth .eyebrow{color:var(--neon)}
.truth h2{font-size:var(--t-lg);color:var(--white);max-width:30ch}
.truth p{color:var(--on-dark);max-width:64ch}
.truth b{color:var(--neon);font-weight:var(--w-bold)}
.truth-list{display:grid;gap:var(--s3);margin-top:var(--s5)}
.truth-list li{display:flex;gap:var(--s3);align-items:flex-start;
  font-size:var(--t-sm);color:var(--on-dark)}

.truth-list .x{color:var(--red);font-weight:var(--w-bold);flex:0 0 auto}
ul.truth-list{list-style:none;padding:0;margin-top:var(--s5)}

.philosophy .lead-big{font-size:var(--t-lg);max-width:60ch;margin-bottom:var(--s5)}
.philosophy .lead-big b{color:var(--purple-d);font-weight:var(--w-bold)}
.bio-quote{margin:0;border-left:3px solid var(--neon);padding-left:var(--s4);font-size:var(--t-md)}

.card .bio-quote{margin-top:var(--s4);font-size:var(--t-sm);color:var(--g7)}
.bio-quote .t-meta{display:block;margin-top:var(--s2)}

.checklist{display:grid;gap:var(--s2);list-style:none;padding:0;margin:0}
.checklist li{display:flex;gap:var(--s3);align-items:flex-start;background:var(--white);
  border-radius:var(--r-card);padding:var(--s4);box-shadow:var(--e1);font-size:var(--t-sm)}
.checklist .tick{color:var(--purple-d);font-weight:var(--w-bold);flex:0 0 auto}

.timeline{list-style:none;margin:0;padding:0;position:relative}
.timeline::before{content:"";position:absolute;left:var(--s2);top:0;bottom:0;
  width:2px;background:var(--g3)}

.timeline li{position:relative;padding:0 0 var(--s5) var(--s6)}
.timeline li:last-child{padding-bottom:0}

.timeline li::before{content:"";position:absolute;left:1px;top:var(--s1);
  width:12px;height:12px;border-radius:50%;background:var(--neon);border:2px solid var(--deep)}
.timeline .when{font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--purple-d);
  text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--s1)}
.timeline h3{font-size:var(--t-sm);margin:0 0 var(--s1)}
.timeline p{margin:0;font-size:var(--t-sm);color:var(--g7)}

.prevention{background:var(--purple-l);border-radius:var(--r-block);padding:var(--s6) var(--s5)}
.prevention .section-title{margin-bottom:var(--s2)}
.prevention .section-sub{color:var(--purple-d);margin-bottom:var(--s5)}
.prevention .card{background:var(--white)}
.prevention .card h3{font-size:var(--t-sm);margin-bottom:var(--s1)}
.prevention .card p{font-size:var(--t-xs);color:var(--g7);margin:0}

.proof-tile{background:var(--white);border-radius:var(--r-card);padding:var(--s5) var(--s4);
  text-align:center;box-shadow:var(--e1)}
.proof-tile b{display:block;font-size:var(--t-xl);color:var(--purple-d);font-weight:var(--w-bold);
  line-height:var(--lh-tight);margin-bottom:var(--s2)}

[data-count]{font-variant-numeric:tabular-nums}

.proof-total{margin-top:var(--s4);font-size:var(--t-sm);color:var(--g7)}
.proof-total b{color:var(--deep);font-weight:var(--w-bold)}
.proof-tile span{display:block;font-size:var(--t-xs);color:var(--g7);line-height:1.4}
.proof-tile .exact{display:block;font-size:var(--t-xs);color:var(--g5);margin-top:var(--s2)}
.proof-case{background:var(--white);border-radius:var(--r-card);padding:var(--s5);
  box-shadow:var(--e1);margin-top:var(--s4);font-size:var(--t-sm)}
.proof-case b{font-weight:var(--w-bold)}
.proof-case .exact{display:block;font-size:var(--t-xs);color:var(--g5);margin-top:var(--s2)}
.disclaimer{font-size:var(--t-xs);color:var(--g5);margin-top:var(--s4);max-width:70ch}

.fit-col{background:var(--white);border-radius:var(--r-card);padding:var(--s5);box-shadow:var(--e1)}
.fit-col h3{font-size:var(--t-sm);margin-bottom:var(--s4)}
.fit-col ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.fit-col li{display:flex;gap:var(--s3);align-items:flex-start;font-size:var(--t-sm);color:var(--g7)}
.fit-col .mark{flex:0 0 auto;font-weight:var(--w-bold)}
.fit-yes .mark{color:#3F6B1E}
.fit-no .mark{color:var(--red-dd)}

.reviews-head{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}
.g-badge{display:inline-flex;align-items:center;gap:var(--s2);background:var(--white);
  border:1px solid var(--g3);border-radius:var(--r-ctl);padding:var(--s2) var(--s3);
  font-size:var(--t-xs);font-weight:var(--w-med);box-shadow:var(--e1)}
.g-badge .g-logo{font-weight:var(--w-bold);font-size:var(--t-sm)}
.g-badge .g-logo i{font-style:normal}
.g-badge .b{color:#4285F4}.g-badge .r{color:#EA4335}
.g-badge .y{color:#FBBC05}.g-badge .g{color:#34A853}
.g-badge .stars{color:var(--gold);letter-spacing:1px}
.testimonial{background:var(--white);border-radius:var(--r-card);padding:var(--s5);box-shadow:var(--e1)}
.t-head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}

.t-avatar{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--purple-l);
  color:var(--purple-d);display:flex;align-items:center;justify-content:center;
  font-weight:var(--w-bold);font-size:var(--t-xs);position:relative;overflow:hidden}
.t-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  border-radius:50%}
.t-name{font-size:var(--t-xs);font-weight:var(--w-bold)}
.t-meta{font-size:var(--t-xs);color:var(--g5)}
.testimonial .stars{color:var(--gold);font-size:var(--t-xs);letter-spacing:2px;margin-bottom:var(--s2)}
.testimonial blockquote{margin:0;font-size:var(--t-sm);line-height:1.55}

.t-overit{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--s2);
  font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--purple-d)}
.t-overit:hover{text-decoration:underline}

.reviews-more{display:inline-flex;align-items:center;min-height:44px;
  margin-top:var(--s5);font-size:var(--t-xs);
  color:var(--purple-d);font-weight:var(--w-bold)}

.guarantee{background:var(--neon);border-radius:var(--r-block);padding:var(--s6) var(--s5)}
.guarantee h2{font-size:var(--t-lg);margin-bottom:var(--s3)}
.guarantee p{max-width:64ch}
.guarantee .paid{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid rgba(6,35,41,.2)}
.guarantee .paid h3{font-size:var(--t-sm);margin-bottom:var(--s2)}
.guarantee .paid p{font-size:var(--t-sm)}

.cta-band{background:var(--deep);color:var(--white);border-radius:var(--r-block);
  padding:var(--s6) var(--s5);display:flex;gap:var(--s5);align-items:center;
  justify-content:space-between;flex-wrap:wrap}
.cta-band h2{color:var(--white);font-size:var(--t-lg);margin-bottom:var(--s2);max-width:24ch}
.cta-band p{color:var(--on-dark);font-size:var(--t-sm);margin:0;max-width:46ch}
.cta-band .cta-band-actions{display:flex;flex-direction:column;gap:var(--s2);flex:0 0 auto}
.cta-band .cta-note{color:var(--on-dark-soft);margin:0}

.quiz{background:var(--white);border-radius:var(--r-block);padding:var(--s6) var(--s5);box-shadow:var(--e2)}
.quiz-alt{margin-top:var(--s4);font-size:var(--t-xs);color:var(--g7);text-align:center}
.quiz-alt a{color:var(--purple-d);font-weight:var(--w-bold);text-decoration:underline}
.q-progress{display:flex;gap:var(--s1);margin-bottom:var(--s3)}
.q-progress span{height:5px;flex:1;border-radius:3px;background:var(--g3)}
.q-progress span.done{background:var(--neon)}
.q-count{font-size:var(--t-xs);color:var(--g5);margin-bottom:var(--s5)}
.q-step{display:none}
.q-step.active{display:block}
.q-step h3{font-size:var(--t-lg);margin-bottom:var(--s5)}
.q-options{display:grid;gap:var(--s2);margin-bottom:var(--s5)}
.q-opt{border:1.5px solid var(--g3);border-radius:var(--r-ctl);padding:var(--s4);
  text-align:left;background:var(--white);font-size:var(--t-sm);font-weight:var(--w-med);
  color:var(--deep);transition:border-color .1s,background .1s}
.q-opt:hover{border-color:var(--purple)}
.q-opt[aria-pressed="true"]{border-color:var(--purple);background:var(--purple-l);color:var(--purple-d)}
.q-field{margin-bottom:var(--s4)}
.q-field label{display:block;font-size:var(--t-xs);font-weight:var(--w-bold);margin-bottom:var(--s2)}
.q-field .hint{font-weight:var(--w-reg);color:var(--g7)}
.q-field input,.q-field textarea{width:100%;font-family:var(--font);font-size:16px;
  color:var(--deep);padding:var(--s3) var(--s4);border:1.5px solid var(--g3);
  border-radius:var(--r-ctl);outline:none;resize:vertical;background:var(--white)}
.q-field input:focus,.q-field textarea:focus{border-color:var(--purple)}
.q-field.invalid input,.q-field.invalid textarea{border-color:var(--red-d)}
.q-error{display:none;font-size:var(--t-xs);color:var(--red-dd);margin-top:var(--s2)}
.q-field.invalid .q-error,.q-error.show{display:block}
.consent{font-size:var(--t-xs);color:var(--g7);display:flex;gap:var(--s2);
  align-items:flex-start;margin:var(--s4) 0}
.consent input{margin-top:3px;flex:0 0 auto}
.consent a{color:var(--purple-d);font-weight:var(--w-bold);text-decoration:underline}

.consent-info{font-size:var(--t-xs);color:var(--g7);margin:var(--s4) 0 0}
.consent-info a{color:var(--purple-d);font-weight:var(--w-bold);text-decoration:underline}

.consent.invalid{color:var(--red-dd)}
.consent.invalid input{outline:2px solid var(--red-d);outline-offset:2px}
.consent.invalid + .q-error{display:block}

.form-zlyhalo{display:none;background:var(--red-l);color:var(--red-dd);
  border-radius:var(--r-card);padding:var(--s4);margin:var(--s4) 0;font-size:var(--t-xs)}
.form-zlyhalo.show{display:block}
.form-zlyhalo b{display:block;margin-bottom:var(--s2)}
.form-zlyhalo a{color:var(--red-dd);font-weight:var(--w-bold);text-decoration:underline}

html:not(.js) #quizForm,html:not(.js) #quizHead,html:not(.js) #pdfForm{display:none}
html:not(.js) .quiz::after{content:"Tento dotazník potrebuje zapnutý JavaScript. Ak ho mať zapnutý nechceš, zavolaj mi na +421 902 133 133 alebo napíš na marekvarga@prosight.sk a prejdeme to spolu.";
  display:block;background:var(--purple-l);color:var(--purple-d);
  border-radius:var(--r-card);padding:var(--s5);font-size:var(--t-xs)}
.q-actions{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;margin-top:var(--s4)}
.q-back{background:none;border:none;color:var(--g7);font-size:var(--t-xs);
  font-weight:var(--w-med);padding:var(--s2) 0}
.q-back:hover{color:var(--deep)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.q-result{display:none;text-align:center}
.q-result.show{display:block}
.q-result h3{font-size:var(--t-lg)}
.q-result p{color:var(--g7);max-width:52ch;margin:0 auto var(--s5)}
.q-result .extra{font-size:var(--t-xs);margin-top:var(--s4)}

.faq details{background:var(--white);border-radius:var(--r-card);padding:var(--s4) var(--s5);
  margin-bottom:var(--s2);box-shadow:var(--e1)}

.faq summary{font-weight:var(--w-bold);cursor:pointer;font-size:var(--t-sm);list-style:none;
  display:flex;align-items:center;gap:var(--s3);min-height:44px}

.faq summary::after{margin-left:auto}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--purple-d);font-weight:var(--w-bold)}

.faq details[open] summary::after{content:"\2212"}
.faq p{margin:var(--s3) 0 0;color:var(--g7);font-size:var(--t-sm)}

.crosslinks{display:flex;gap:var(--s3);flex-wrap:wrap}
.crosslinks + .crosslinks{margin-top:var(--s3)}
.crosslink{background:var(--white);border:1px solid var(--g3);border-radius:var(--r-card);
  padding:var(--s4) var(--s5);flex:1 1 220px;box-shadow:var(--e1);transition:box-shadow .12s}
.crosslink:hover{box-shadow:var(--e2)}
.crosslink strong{display:block;font-size:var(--t-sm);margin-bottom:var(--s1)}
.crosslink span{font-size:var(--t-xs);color:var(--g7)}
.crosslink .go{display:block;margin-top:var(--s3);font-size:var(--t-xs);
  font-weight:var(--w-bold);color:var(--purple-d)}

.site-foot{background:var(--deep);color:var(--on-dark);padding:var(--s8) 0 var(--s7);margin-top:var(--s8)}
.site-foot a{color:var(--white)}
.site-foot a:hover{color:var(--neon)}

.site-foot ul a{display:inline-flex;align-items:center;min-height:44px}
.foot-grid{display:grid;gap:var(--s6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.foot-grid h3{font-size:var(--t-xs);color:var(--white);text-transform:uppercase;
  letter-spacing:.6px;margin-bottom:var(--s3)}
.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.foot-grid li,.foot-grid p{font-size:var(--t-xs);line-height:1.6;margin:0}
.foot-contact a{font-weight:var(--w-bold)}

.foot-adresa{font-size:var(--t-xs);line-height:1.6;font-style:normal;
  margin-top:var(--s3);color:var(--on-dark-soft)}
.foot-adresa a{font-weight:var(--w-bold)}
.foot-legal{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.22);
  font-size:var(--t-xs);color:var(--on-dark-soft);line-height:1.7}
.foot-legal a{color:var(--on-dark)}

.sticky-cta{display:none}
@media(max-width:760px){
  .sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;
    background:rgba(255,255,255,.94);backdrop-filter:blur(8px);
    border-top:1px solid var(--g3);padding:var(--s3) var(--s4);
    transform:translateY(110%);transition:transform .2s ease}
  .sticky-cta.show{transform:translateY(0)}
  body.has-sticky{padding-bottom:var(--s9)}
}

@media(max-width:760px){
  :root{--sec:var(--s7)}

  .hero{flex-direction:column;gap:var(--s5);padding-top:var(--s2)}
  .hero-photo{width:170px;align-self:flex-start}

  .hero h1{max-width:none}
  .truth,.guarantee,.prevention,.cta-band,.quiz{padding:var(--s5) var(--s4)}
  .cta-band{flex-direction:column;align-items:flex-start}
  .cta-band .cta-band-actions{width:100%}
  .btn{width:100%}
  .btn--secondary{width:100%}
  .cta-row{flex-direction:column;align-items:stretch}

  .bio-numbers{gap:var(--s4)}
}
@media(min-width:761px) and (max-width:900px){
  .hero-photo{width:200px}
}
@media print{
  .sticky-cta,.nav,.cta-band{display:none}
  .page-bg{background:none}
}

.post-cover{margin:0 0 var(--s6)}
.post-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;
  border-radius:var(--r-card);box-shadow:var(--e2)}

.wrap--read{max-width:var(--wrap-read)}
.crumbs{font-size:var(--t-xs);color:var(--g7);margin:0 0 var(--s4)}
.crumbs a{color:var(--purple-d);font-weight:var(--w-med)}
.crumbs a:hover{text-decoration:underline}
.crumbs span{color:var(--g5)}

.cluster{background:var(--white);border-radius:var(--r-block);padding:var(--s6) var(--s5);
  box-shadow:var(--e1);margin-bottom:var(--s5)}
.cluster-head{display:flex;gap:var(--s4);align-items:flex-start;flex-wrap:wrap;
  justify-content:space-between;margin-bottom:var(--s5)}
.cluster-head h2{font-size:var(--t-lg);margin:0 0 var(--s2)}
.cluster-head p{color:var(--g7);font-size:var(--t-sm);margin:0;max-width:60ch}
.cluster-count{font-size:var(--t-xs);color:var(--g5);white-space:nowrap;flex:0 0 auto}
.post-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.post-list li{border-top:1px solid var(--g1)}
.post-list li:first-child{border-top:none}
.post-list a{display:block;padding:var(--s3) 0}
.post-list a:hover strong{color:var(--purple-d)}
.post-list strong{display:block;font-size:var(--t-sm);font-weight:var(--w-bold);margin-bottom:var(--s1)}
.post-list span{display:block;font-size:var(--t-xs);color:var(--g7)}
.post-list .soon{color:var(--g5)}
.post-list .soon strong{font-weight:var(--w-med);color:var(--g5)}
.pillar-link{display:inline-block;margin-bottom:var(--s5);font-size:var(--t-sm);
  font-weight:var(--w-bold);color:var(--purple-d)}
.pillar-link:hover{text-decoration:underline}

.post{padding-top:var(--s5)}
.post h1{font-size:var(--t-2xl);margin-bottom:var(--s4)}
.post-meta{font-size:var(--t-xs);color:var(--g7);margin:0 0 var(--s6);
  display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3)}
.post-meta b{font-weight:var(--w-bold);color:var(--deep)}

.tldr{background:var(--purple-l);border-radius:var(--r-card);padding:var(--s5);margin-bottom:var(--s6)}
.tldr h2{font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.6px;
  color:var(--purple-d);margin-bottom:var(--s3)}
.tldr dl{margin:0;display:grid;gap:var(--s3)}
.tldr dt{font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--purple-d);margin-bottom:var(--s1)}
.tldr dd{margin:0;font-size:var(--t-sm)}
.tldr ul{margin:0;padding-left:var(--s5);display:grid;gap:var(--s1)}
.tldr li{font-size:var(--t-sm)}

.toc{border:1px solid var(--g3);border-radius:var(--r-card);padding:var(--s4) var(--s5);
  margin-bottom:var(--s6);background:var(--white)}
.toc h2{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.6px;
  color:var(--g7);margin-bottom:var(--s3)}
.toc ol{margin:0;padding-left:var(--s5);display:grid;gap:var(--s2)}
.toc li{font-size:var(--t-sm)}
.toc a{color:var(--purple-d);font-weight:var(--w-med)}
.toc a:hover{text-decoration:underline}

.prose>h2{font-size:var(--t-xl);margin-top:var(--s8);margin-bottom:var(--s4);
  scroll-margin-top:var(--s5)}
.prose>h2:first-child{margin-top:0}
.prose>h3{font-size:var(--t-lg);margin-top:var(--s6);margin-bottom:var(--s3)}
.prose>h4{font-size:var(--t-md);margin-top:var(--s5);margin-bottom:var(--s2)}
.prose p{margin-bottom:var(--s4)}
.prose .lead{font-size:var(--t-lg);color:var(--g7);margin-bottom:var(--s6)}
.prose a{color:var(--purple-d);font-weight:var(--w-med);text-decoration:underline}
.prose a:hover{color:var(--deep)}
.prose ul,.prose ol{margin:0 0 var(--s5);padding-left:var(--s5);display:grid;gap:var(--s2)}
.prose li{line-height:var(--lh-body)}
.prose li>ul,.prose li>ol{margin-top:var(--s2);margin-bottom:0}
.prose strong,.prose b{font-weight:var(--w-bold)}
.prose hr{border:none;border-top:1px solid var(--g3);margin:var(--s7) 0}
.prose figure{margin:0 0 var(--s5)}
.prose figcaption{font-size:var(--t-xs);color:var(--g5);margin-top:var(--s2)}

.prose blockquote{margin:0 0 var(--s5);border-left:3px solid var(--neon);
  padding-left:var(--s4);font-size:var(--t-lg);color:var(--deep)}
.prose blockquote p:last-child{margin-bottom:0}
.prose blockquote cite{display:block;margin-top:var(--s2);font-size:var(--t-xs);
  color:var(--g7);font-style:normal}

.tablewrap{overflow-x:auto;margin:0 0 var(--s5);border-radius:var(--r-card);
  background:var(--white);box-shadow:var(--e1)}
.tablewrap table{border-collapse:collapse;width:100%;min-width:480px;font-size:var(--t-sm)}
.tablewrap caption{caption-side:bottom;text-align:left;font-size:var(--t-xs);
  color:var(--g5);padding:var(--s3) var(--s4)}
.tablewrap th,.tablewrap td{text-align:left;padding:var(--s3) var(--s4);
  border-bottom:1px solid var(--g1);vertical-align:top}
.tablewrap thead th{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.4px;
  color:var(--g7);background:var(--g1);border-bottom:1px solid var(--g3)}
.tablewrap tbody tr:last-child td{border-bottom:none}
.tablewrap td.num,.tablewrap th.num{text-align:right;white-space:nowrap}
.tablewrap .hi{background:#F3FAE9;font-weight:var(--w-bold)}

.tablewrap--body table{min-width:320px}
.tablewrap--body th[scope="row"]{width:38%;font-weight:var(--w-bold);
  color:var(--deep);vertical-align:top}
.tablewrap--body td{color:var(--g7)}
.tablewrap--body .mark{font-weight:var(--w-bold);margin-right:var(--s2)}
.tablewrap--body .mark.yes{color:#3F6B1E}
.tablewrap--body .mark.no{color:var(--red-dd)}
@media(max-width:560px){

  .tablewrap--body table,.tablewrap--body tbody,.tablewrap--body tr,
  .tablewrap--body th,.tablewrap--body td{display:block;width:auto;min-width:0}
  .tablewrap--body tr{border-bottom:1px solid var(--g1);padding:var(--s2) 0}
  .tablewrap--body tr:last-child{border-bottom:none}
  .tablewrap--body th[scope="row"]{padding-bottom:var(--s1);border-bottom:none}
  .tablewrap--body td{padding-top:0;border-bottom:none}
}

.note{border-radius:var(--r-card);padding:var(--s4) var(--s5);margin:0 0 var(--s5);
  font-size:var(--t-sm)}
.note p:last-child{margin-bottom:0}
.note b.note-label{display:block;font-weight:var(--w-bold);margin-bottom:var(--s2)}
.note--tip{background:#E8F7D9;color:var(--deep)}
.note--tip .note-label{color:#3F6B1E}
.note--warn{background:var(--red-l)}
.note--warn .note-label{color:var(--red-dd)}
.note--info{background:var(--purple-l)}
.note--info .note-label{color:var(--purple-d)}

.prose .ticks{list-style:none;padding:0;display:grid;gap:var(--s3)}
.prose .ticks li{display:flex;gap:var(--s3);align-items:flex-start}
.prose .ticks .mark{flex:0 0 auto;font-weight:var(--w-bold);color:var(--purple-d)}
.prose .ticks .mark.no{color:var(--red-dd)}
.prose .ticks .mark.yes{color:#3F6B1E}

.post-cta{background:var(--deep);color:var(--white);border-radius:var(--r-block);
  padding:var(--s6) var(--s5);margin:var(--s7) 0}
.post-cta h2{color:var(--white);font-size:var(--t-lg);margin-bottom:var(--s3);max-width:26ch}
.post-cta p{color:var(--on-dark);font-size:var(--t-sm)}
.post-cta .cta-note{color:var(--on-dark-soft)}
.post-cta a:not(.btn){color:var(--neon);font-weight:var(--w-bold)}

.inline-offer{border:1px dashed var(--g3);border-radius:var(--r-card);
  padding:var(--s4) var(--s5);margin:0 0 var(--s5);font-size:var(--t-sm);background:var(--white)}
.inline-offer b{display:block;margin-bottom:var(--s1)}

.sources{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--g3);
  font-size:var(--t-xs);color:var(--g7)}
.sources h2{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.6px;
  color:var(--g7);margin-bottom:var(--s3)}
.sources ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.sources a{color:var(--purple-d);text-decoration:underline}
.sources .updated{margin-top:var(--s3);color:var(--g5)}

@media(max-width:760px){
  .post h1{font-size:var(--t-xl)}
  .prose>h2{font-size:var(--t-lg);margin-top:var(--s7)}
  .prose>h3{font-size:var(--t-md)}
  .prose .lead{font-size:var(--t-md)}
  .prose blockquote{font-size:var(--t-md)}
  .cluster,.post-cta{padding:var(--s5) var(--s4)}
  .tldr,.toc{padding:var(--s4)}
}

.services{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.service{display:flex;gap:var(--s4);align-items:flex-start;background:var(--white);
  border-radius:var(--r-card);padding:var(--s5);box-shadow:var(--e1);
  transition:box-shadow .12s, transform .12s}

a.service:hover{box-shadow:var(--e2);transform:translateY(-2px)}
.service .ic{margin-bottom:0}

.service-body{flex:1 1 auto;min-width:0}
.service h3{font-size:var(--t-sm);margin-bottom:var(--s2)}
.service p{font-size:var(--t-xs);color:var(--g7);margin:0}
.service .go{display:block;margin-top:var(--s3);font-size:var(--t-xs);
  font-weight:var(--w-bold);color:var(--purple-d)}

.tiles{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.tile-cat{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--g3);
  border-radius:var(--r-card);padding:var(--s5);box-shadow:var(--e1);
  transition:box-shadow .12s, transform .12s, border-color .12s}
.tile-cat:hover{box-shadow:var(--e2);transform:translateY(-2px);border-color:var(--purple)}
.tile-cat .ic{margin-bottom:var(--s4)}
.tile-cat h2,.tile-cat h3{font-size:var(--t-md);margin-bottom:var(--s2)}
.tile-cat p{font-size:var(--t-xs);color:var(--g7);margin:0}
.tile-cat .count{display:block;margin-top:var(--s4);font-size:var(--t-xs);
  font-weight:var(--w-bold);color:var(--purple-d)}

.tile-cat.empty{opacity:.72}
.tile-cat.empty .count{color:var(--g5)}

.tiles + .cta-band{margin-top:var(--s7)}
.section-title--odsadeny{margin-top:var(--s8)}

.aff-note{font-size:var(--t-xs);color:var(--g7);margin-top:var(--s4);max-width:70ch}
.tile-cat .ext{display:block;margin-top:var(--s4);font-size:var(--t-xs);
  font-weight:var(--w-bold);color:var(--purple-d)}

.lang-switch{display:flex;gap:var(--s2);align-items:center;font-size:var(--t-xs);color:var(--g7)}
.lang-switch a{font-weight:var(--w-med);color:var(--purple-d)}
.lang-switch a[aria-current="true"]{color:var(--deep);font-weight:var(--w-bold)}

.cookie-lista{position:fixed;left:var(--s4);right:var(--s4);bottom:var(--s4);z-index:80;
  background:var(--white);border:1px solid var(--g3);border-radius:var(--r-card);
  box-shadow:var(--e3);padding:var(--s5);max-width:860px;margin:0 auto;
  display:flex;gap:var(--s5);align-items:center;flex-wrap:wrap;
  transform:translateY(140%);transition:transform .25s ease}
.cookie-lista.show{transform:translateY(0)}
.cookie-text{flex:1 1 300px;min-width:0}
.cookie-text b{display:block;font-size:var(--t-sm);margin-bottom:var(--s2)}
.cookie-text p{font-size:var(--t-xs);color:var(--g7);margin:0}
.cookie-text a{color:var(--purple-d);font-weight:var(--w-bold);text-decoration:underline}
.cookie-akcie{display:flex;gap:var(--s3);flex:0 0 auto;flex-wrap:wrap}
.cookie-akcie .btn{padding:var(--s3) var(--s5);font-size:var(--t-xs)}

.cookie-akcie--tri .btn{padding:var(--s3) var(--s4)}
@media(max-width:760px){

  .cookie-lista{left:var(--s3);right:var(--s3);bottom:calc(var(--s9) + var(--s2));
    padding:var(--s4);gap:var(--s3);flex-direction:column;align-items:stretch}

  .cookie-text{flex:0 1 auto}
  .cookie-text p{line-height:1.45}
  .cookie-akcie{width:100%}
  .cookie-akcie .btn{flex:1;padding:var(--s3) var(--s3)}

  .cookie-akcie--tri .btn{flex:1 1 0;min-width:0}
  .cookie-akcie--tri .btn[data-cookie="vsetko"]{flex:1 1 100%}
}

@media(max-width:900px){
  .site-head{flex-wrap:wrap;align-items:center;gap:var(--s3);
    padding-top:var(--s4);padding-bottom:var(--s4)}

  .brand{order:1;flex:0 1 auto;min-width:0}
  .nav-cta{order:2;flex:0 0 auto;margin-left:auto;padding:0 var(--s4)}
}

@media(max-width:560px){
  .brand-role{display:none}
  .nav{order:3;width:100%;flex-wrap:nowrap;gap:var(--s5);
    overflow-x:auto;overscroll-behavior-x:contain;
    scrollbar-width:none;-ms-overflow-style:none}
  .nav::-webkit-scrollbar{display:none}

  .nav a:last-child{padding-right:var(--s4)}
}

.levels{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(13,auto);
  gap:0 var(--s5);margin-top:var(--s9);align-items:stretch}
.level{display:grid;grid-template-rows:subgrid;padding:0 var(--s5);position:relative}
.level::before{content:"";position:absolute;z-index:0;left:0;right:0;
  top:calc(-1 * var(--s6));bottom:calc(-1 * var(--s6));
  background:var(--white);border:1px solid var(--g3);border-radius:var(--r-block);
  box-shadow:var(--e1)}
.level > *{position:relative;z-index:1}
.level--a{grid-row:1 / span 5}
.level--b{grid-row:1 / span 9}
.level--c{grid-row:1 / span 13}

.level--hero{color:var(--on-dark)}
.level--hero::before{top:calc(-1 * var(--s7));bottom:calc(-1 * var(--s7));
  background:var(--deep);border-color:var(--deep);box-shadow:var(--e3)}
.level-badge{position:absolute;z-index:2;left:50%;transform:translateX(-50%);
  top:calc(-1 * (var(--s7) + var(--s3)));
  background:var(--neon);color:var(--deep);font-size:var(--t-xs);font-weight:var(--w-bold);
  padding:var(--s2) var(--s4);border-radius:999px;white-space:nowrap}

.level-name{font-size:var(--t-lg);font-weight:var(--w-bold);margin:0 0 var(--s2);align-self:start}
.level-for{font-size:var(--t-xs);color:var(--g5);margin:0 0 var(--s5)}
.level--hero .level-for{color:var(--on-dark-soft)}

.level-give{background:var(--g1);border-radius:var(--r-ctl);padding:var(--s4);
  margin-bottom:var(--s5)}
.level--hero .level-give{background:rgba(255,255,255,.08)}
.level-give .eyebrow{margin-bottom:var(--s2)}
.level--hero .level-give .eyebrow{color:var(--neon)}
.level-give p{font-size:var(--t-xs);font-weight:var(--w-med);margin:0;line-height:1.45}

.level ul{display:grid;grid-template-rows:subgrid;list-style:none;margin:0;padding:0}
.level-list--a{grid-row:4 / span 2}
.level-list--b{grid-row:4 / span 6}
.level-list--c{grid-row:4 / span 6}
.level-extra{grid-row:10 / span 3}
.level li{font-size:var(--t-xs);line-height:1.45;position:relative;
  padding:var(--s3) 0 var(--s3) var(--s5);border-bottom:1px solid var(--g3)}
.level--hero li{border-color:rgba(216,228,225,.18)}
.level li::before{content:"";position:absolute;left:0;top:calc(var(--s3) + .45em);
  width:var(--s2);height:var(--s2);border-radius:50%;background:var(--neon)}
.level-extra li{font-weight:var(--w-bold)}
.level-extra li:first-child{border-top:2px solid var(--deep)}

.level-hint{grid-row:13;margin:var(--s4) 0 0;font-size:var(--t-xs);color:var(--g7);
  line-height:1.45;font-style:italic}

@media(max-width:900px){
  .levels{grid-template-columns:1fr;grid-template-rows:none;
    gap:calc(var(--s6) + var(--s6));margin-top:var(--s7)}
  .level{display:block;grid-row:auto;padding:var(--s6) var(--s5)}
  .level::before{top:0;bottom:0}
  .level--hero::before{top:0;bottom:0}
  .level ul{display:block;grid-row:auto}
  .level-badge{position:static;transform:none;display:inline-block;margin-bottom:var(--s4)}
  .level-extra{margin-top:var(--s4)}
  .level-hint{grid-row:auto}
}