/* ================= Web ONE — frontend ================= */
:root{
  /* barvy */
  --ink:#0f182b;            /* hlavní text, tmavé sekce */
  --paper:#f7f9fb;          /* pozadí stránky */
  --card:#ffffff;           /* karty, bílé sekce */
  --primary:#0462d3;        /* značka / CTA */
  --primary-hover:#0f182b;
  --secondary:#d9e9ff;      /* světle modrá (štítky, „lime“ z návrhu) */
  --sun:#eaf3fe;            /* nejsvětlejší modrá (sekce ukázek) */
  --accent:#f1f5f9;         /* šedomodrý pruh */
  --night:#1a1a1a;          /* blok „Nic neriskujete“ */
  --line:#e2e8f0;           /* okraje */
  --foreground:var(--ink);
  --background:var(--paper);
  --muted-foreground:rgb(15 24 43 / .65);
  /* typografie */
  --font-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;
  --font-sans:"DM Sans",ui-sans-serif,system-ui,sans-serif;
  /* tvary a stíny */
  --radius:1rem;
  --radius-sm:.75rem;
  --radius-lg:1.5rem;
  --shadow-sm:0 1px 2px rgb(15 24 43 / .06);
  --shadow:0 24px 48px -12px rgb(17 24 39 / .28);
  --shadow-soft:0 16px 32px -8px rgb(17 24 39 / .15);
  --shell:72rem;
  --gutter:1.25rem;
  /* patička (addons.css) */
  --footer-fg:rgb(247 249 251 / .55);
}
@media (min-width:640px){:root{--gutter:2rem;}}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}
img{max-width:100%;display:block;}
picture{display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--font-display);margin:0;line-height:1.15;}
p,ul,ol,dl,dd,figure,blockquote{margin:0;}
ul,ol{padding:0;list-style:none;}
button{font:inherit;cursor:pointer;}
::selection{background:var(--primary);color:var(--paper);}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.lucide{flex:none;}
[hidden]{display:none !important;}

.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ink);color:var(--paper);padding:.6rem 1rem;border-radius:0 0 .5rem 0;}
.skip-link:focus{left:0;}

/* ---------- layout ---------- */
.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter);}
.shell--narrow{max-width:48rem;}
.section{padding-block:5rem;}
@media (min-width:640px){.section{padding-block:7rem;}}
main section[id]{scroll-margin-top:4.5rem;}
.section--ink{background:var(--ink);color:var(--paper);}
.section--white{background:var(--card);}
.section--paper{background:var(--paper);}
.section--sun{background:var(--sun);}
.section--lime{background:var(--secondary);}
.section--night{background:var(--night);color:var(--paper);}
.section--brand{background:var(--primary);}

.eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--primary);letter-spacing:.02em;}
.eyebrow--light{color:var(--secondary);}
.eyebrow--muted{color:rgb(15 24 43 / .55);}
.eyebrow--onbrand{color:rgb(247 249 251 / .7);}
.section-title{margin-top:1rem;font-size:2.25rem;font-weight:700;line-height:1.25;text-wrap:balance;}
@media (min-width:640px){.section-title{font-size:3rem;}}

/* ---------- tlačítka ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem 1.5rem;
  border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;line-height:1.2;border:1px solid transparent;
  transition:background-color .2s,color .2s,border-color .2s,transform .2s;}
.btn-cta{background:var(--primary);color:var(--paper);box-shadow:0 10px 15px -3px rgb(4 98 211 / .2);}
.btn-cta:hover{background:var(--ink);transform:translateY(-2px);}
.btn-cta--inverse{background:var(--paper);color:var(--ink);box-shadow:0 10px 15px -3px rgb(15 24 43 / .1);}
.btn-cta--inverse:hover{background:var(--secondary);color:var(--ink);}
.btn-outline{background:var(--card);border-color:var(--line);color:var(--ink);padding-inline:1.5rem;}
.btn-outline:hover{border-color:var(--primary);color:var(--primary);}
.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;font-weight:700;
  background:var(--ink);color:var(--paper);padding:.625rem 1rem;font-size:.75rem;line-height:1.2;transition:background-color .2s,color .2s;}
.btn-pill:hover{background:var(--primary);}
.btn-pill--brand{background:var(--primary);min-height:2.75rem;font-size:.875rem;padding-inline:1rem;}
.btn-pill--brand:hover{background:var(--paper);color:var(--ink);}
/* kompatibilita se šablonami enginu (chybová stránka apod.) */
.btn.btn-primary,.button-primary{background:var(--primary);color:var(--paper);}
.btn.btn-primary:hover,.button-primary:hover{background:var(--ink);}

/* ---------- hlavička ---------- */
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgb(247 249 251 / .9);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4rem;}
.brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1rem;white-space:nowrap;}
.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;background:var(--primary);color:var(--paper);font-size:1rem;}
.brand-sub{display:none;font-size:.875rem;font-weight:500;color:rgb(15 24 43 / .5);}
@media (min-width:640px){.brand{font-size:1.125rem;}.brand-sub{display:inline;}}
.main-nav{display:none;gap:1.5rem;font-size:.875rem;font-weight:600;}
.main-nav a:hover{color:var(--primary);}
.header-actions{display:flex;align-items:center;gap:.75rem;}
@media (min-width:640px){.header-actions{gap:1.25rem;}}
.header-phone{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;transition:color .2s;}
.header-phone svg{color:var(--primary);}
.header-phone span{display:none;}
.header-phone:hover{color:var(--primary);}
@media (min-width:768px){.header-phone span{display:inline;}}
@media (min-width:640px){.header-cta{padding-inline:1.25rem;font-size:.875rem;}}
.burger{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:.6rem;background:var(--card);color:var(--ink);}
.mobile-nav{display:none;border-top:1px solid var(--line);background:var(--paper);}
.mobile-nav.open{display:block;}
.mobile-nav a{display:block;padding:.85rem 0;font-weight:600;border-bottom:1px solid var(--line);}
.mobile-nav a:last-child{border-bottom:0;}
@media (min-width:1024px){.main-nav{display:flex;}.burger,.mobile-nav,.mobile-nav.open{display:none;}}

/* ---------- hero ---------- */
.hero{overflow:hidden;background-image:linear-gradient(rgb(4 98 211 / .045) 1px,transparent 1px),linear-gradient(90deg,rgb(4 98 211 / .045) 1px,transparent 1px);background-size:40px 40px;}
.hero-grid{display:grid;align-items:center;gap:3rem;padding-top:3.5rem;padding-bottom:5rem;}
@media (min-width:640px){.hero-grid{padding-top:5rem;padding-bottom:6rem;}}
@media (min-width:1024px){.hero-grid{grid-template-columns:7fr 5fr;}}
.hero-copy{min-width:0;}
.hero .hero-kicker{position:static;margin:0;letter-spacing:0;display:inline-flex;align-items:center;gap:.5rem;border-radius:.375rem;background:var(--secondary);padding:.375rem .75rem;
  font-family:var(--font-sans);font-size:.75rem;font-weight:700;text-transform:uppercase;line-height:1.35;color:var(--primary);}
.hero-kicker-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--primary);flex:none;}
/* hero slidy: cross-fade přes grid (všechny v jedné buňce, mění se jen opacity) */
.hero-slides{display:grid;}
.hero-slides > .hero-slide{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s;}
.hero-slides > .hero-slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease,visibility 0s;}
.hero-title{margin-top:1.5rem;max-width:20ch;font-size:2.25rem;font-weight:700;line-height:1.25;text-wrap:balance;}
.hero-title em{font-style:normal;color:var(--primary);}
@media (min-width:640px){.hero-title{font-size:3rem;}}
@media (min-width:1024px){.hero-title{font-size:3.75rem;}}
.hero-text{margin-top:1.5rem;max-width:56ch;font-size:1.125rem;line-height:1.625;color:rgb(15 24 43 / .7);text-wrap:pretty;}
@media (min-width:640px){.hero-text{font-size:1.25rem;}}
.hero-tabs{display:flex;gap:.5rem;margin-top:1.25rem;}
.hero-tab{width:2rem;height:.3rem;border:0;border-radius:999px;background:rgb(4 98 211 / .2);padding:0;}
.hero-tab.is-active{background:var(--primary);}
.hero-actions{margin-top:2rem;}
.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;}
.hero-note{margin-top:.75rem;font-size:.875rem;color:rgb(15 24 43 / .6);}
.hero-checks{display:grid;gap:.75rem;margin-top:2rem;font-size:.875rem;font-weight:600;color:rgb(15 24 43 / .65);}
.hero-checks li{display:flex;align-items:center;gap:.5rem;}
.hero-checks svg{color:var(--primary);}

/* koláž fotek */
.hero-media{min-width:0;}
.collage{position:relative;aspect-ratio:4 / 5;isolation:isolate;}
@media (min-width:640px){.collage{aspect-ratio:4 / 4.7;}}
.collage::before{content:"";position:absolute;inset:-2rem;z-index:-1;opacity:.7;
  background-image:radial-gradient(rgb(4 98 211 / .14) 1.5px,transparent 1.5px);background-size:24px 24px;}
.collage::after{content:"";position:absolute;right:-3rem;top:-3rem;z-index:-1;width:16rem;height:16rem;border-radius:50%;
  background:rgb(4 98 211 / .1);filter:blur(64px);}
.collage-card{position:absolute;margin:0;border:1px solid var(--line);background:var(--card);}
.collage-img{position:relative;overflow:hidden;height:100%;}
.collage-img picture,.collage-img img{width:100%;height:100%;}
.collage-img img{object-fit:cover;}
.collage-card--1{right:0;top:0;width:76%;height:64%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 28px 56px -16px rgb(17 24 39 / .22);}
.collage-card--1 img{object-position:top;}
.collage-card--2,.collage-card--3{z-index:10;padding:.375rem;border-radius:var(--radius);box-shadow:var(--shadow);}
.collage-card--2 .collage-img,.collage-card--3 .collage-img{border-radius:.75rem;aspect-ratio:4 / 3;height:auto;}
.collage-card--2{left:0;top:36%;width:46%;rotate:-2deg;animation:float-y 5s ease-in-out infinite;}
.collage-card--3{bottom:0;left:16%;width:54%;rotate:1.5deg;animation:float-y 6s ease-in-out .8s infinite;}
.collage-label{position:absolute;left:.75rem;bottom:.75rem;border-radius:.5rem;background:rgb(15 24 43 / .85);color:var(--paper);
  padding:.25rem .625rem;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.collage-card--2 .collage-label,.collage-card--3 .collage-label{left:.875rem;bottom:.875rem;border-radius:.375rem;padding:.125rem .5rem;font-size:.625rem;}
.float-badge{position:absolute;z-index:20;display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:.75rem;
  background:var(--card);padding:.5rem .75rem;box-shadow:var(--shadow-soft);}
.float-badge strong{display:block;font-size:.875rem;line-height:1.25;}
.float-badge small{display:block;font-size:.625rem;line-height:1.25;color:rgb(15 24 43 / .6);}
.float-badge-ico{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:rgb(4 98 211 / .1);color:var(--primary);flex:none;}
.float-badge--1{top:-1.5rem;left:.5rem;}
.float-badge--2{display:none;right:-.75rem;bottom:22%;}
@media (min-width:640px){.float-badge--1{left:-1rem;}.float-badge--2{display:flex;}}

@keyframes float-y{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.reveal{animation:rise .6s cubic-bezier(.2,.7,.2,1) both;}
.reveal-1{animation-delay:.05s;}.reveal-2{animation-delay:.15s;}.reveal-3{animation-delay:.25s;}

/* ---------- pás důvěry ---------- */
.trust{border-block:1px solid var(--line);background:var(--card);}
.trust-list{display:grid;gap:1rem;padding-block:2rem;font-size:.875rem;font-weight:600;}
.trust-list li{display:flex;align-items:center;gap:.75rem;}
.trust-list svg{color:var(--primary);}
@media (min-width:640px){.trust-list{grid-template-columns:repeat(3,1fr);}}

/* ---------- co dostanete ---------- */
.scope-grid{display:grid;gap:1rem;margin-top:3rem;}
@media (min-width:640px){.scope-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.scope-grid{grid-template-columns:repeat(3,1fr);}}
.scope-card{border:1px solid rgb(247 249 251 / .1);border-radius:var(--radius);background:rgb(247 249 251 / .05);padding:1.5rem;transition:transform .3s;}
.scope-card:hover{transform:translateY(-4px);}
.scope-num{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.5rem;background:var(--primary);color:var(--paper);
  font-family:var(--font-display);font-size:.875rem;font-weight:700;}
.scope-card h3{margin-top:1.25rem;font-size:1.25rem;font-weight:600;}
.scope-card p{margin-top:.5rem;font-size:.875rem;line-height:1.625;color:rgb(247 249 251 / .65);}
.scope-card.is-highlight{border-color:var(--primary);background:var(--primary);box-shadow:0 20px 25px -5px rgb(4 98 211 / .15);}
.scope-card.is-highlight .scope-num{background:var(--paper);color:var(--primary);}
.scope-card.is-highlight p{color:rgb(247 249 251 / .75);}

/* ---------- srovnání ---------- */
.compare-grid{display:grid;gap:1rem;margin-top:3rem;}
@media (min-width:1024px){.compare-grid{grid-template-columns:repeat(3,1fr);align-items:center;}}
.compare-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:1.75rem;}
.compare-card h3{font-size:1.25rem;font-weight:600;}
.compare-price{margin-top:.75rem;font-family:var(--font-display);font-size:1.5rem;font-weight:700;}
.compare-card ul{display:grid;gap:.75rem;margin-top:1.25rem;font-size:.875rem;color:rgb(15 24 43 / .7);}
.compare-card li{display:flex;align-items:flex-start;gap:.5rem;}
.compare-card li svg{margin-top:.125rem;color:rgb(15 24 43 / .4);}
.compare-card.is-highlight{border-color:var(--primary);background:var(--primary);color:var(--paper);box-shadow:0 25px 50px -12px rgb(4 98 211 / .25);}
.compare-card.is-highlight ul{color:rgb(247 249 251 / .9);}
.compare-card.is-highlight li svg{color:var(--paper);}
@media (min-width:1024px){.compare-card.is-highlight{padding-block:2.5rem;}}
.compare-badge{position:absolute;top:-.75rem;left:1.75rem;border-radius:.375rem;background:var(--ink);color:var(--paper);
  padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;}

/* ---------- ukázky ---------- */
.stats{display:grid;gap:1rem;margin-top:2.5rem;}
@media (min-width:640px){.stats{grid-template-columns:repeat(3,1fr);}}
.stat{border-radius:var(--radius);background:var(--secondary);padding:1.25rem;}
.stat dt{font-family:var(--font-display);font-size:1.875rem;font-weight:700;color:var(--primary);line-height:1.2;}
.stat dd{margin-top:.25rem;font-size:.875rem;font-weight:600;color:rgb(15 24 43 / .7);}
.showcase-grid{display:grid;gap:1rem;margin-top:2rem;}
@media (min-width:640px){.showcase-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.showcase-grid{grid-template-columns:repeat(3,1fr);}}
.showcase{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);
  box-shadow:var(--shadow-sm);transition:transform .3s;}
.showcase:hover{transform:translateY(-4px);}
.showcase-shot{display:flex;flex-direction:column;aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--line);background:var(--paper);cursor:zoom-in;}
.browser-bar{display:flex;align-items:center;gap:.375rem;border-bottom:1px solid var(--line);background:var(--card);padding:.5rem .75rem;flex:none;}
.browser-dot{width:.5rem;height:.5rem;border-radius:50%;background:rgb(15 24 43 / .15);flex:none;}
.browser-url{flex:1;min-width:0;margin-left:.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:.375rem;
  background:var(--secondary);padding:.125rem .5rem;font-size:.625rem;font-weight:600;color:var(--primary);}
.browser-zoom{display:none;align-items:center;gap:.25rem;margin-left:.25rem;font-size:.625rem;font-weight:600;color:rgb(15 24 43 / .5);}
@media (min-width:640px){.browser-zoom{display:inline-flex;}}
.showcase-img{display:block;flex:1;min-height:0;overflow:hidden;}
.showcase-img picture,.showcase-img img{width:100%;height:100%;}
.showcase-img img{object-fit:cover;object-position:top;transition:transform .3s;}
.showcase-shot:hover .showcase-img img{transform:scale(1.03);}
.showcase-body{display:flex;flex:1;flex-direction:column;padding:1.25rem;}
.showcase-body h3{font-size:1.125rem;font-weight:600;}
.showcase-field{margin-top:.25rem;font-size:.875rem;color:rgb(15 24 43 / .65);}
.showcase-body blockquote{flex:1;margin-top:1rem;font-size:.875rem;line-height:1.625;color:rgb(15 24 43 / .8);}
.showcase-person{margin-top:.5rem;font-size:.75rem;font-weight:700;color:rgb(15 24 43 / .6);}

/* lightbox (vytváří JS) */
.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgb(15 24 43 / .9);padding:1rem;}
@media (min-width:640px){.lightbox{padding:2.5rem;}}
.lightbox-inner{position:relative;width:100%;max-width:64rem;max-height:100%;}
.lightbox img{width:100%;max-height:85vh;object-fit:contain;border-radius:.75rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .4);}
.lightbox-close{position:absolute;top:-3rem;right:0;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:50%;
  background:var(--card);color:var(--ink);box-shadow:var(--shadow-soft);}

/* ---------- proces ---------- */
.steps{display:grid;gap:1rem;margin-top:3rem;}
@media (min-width:640px){.steps{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.steps{grid-template-columns:repeat(5,1fr);}}
.step{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:1.25rem;box-shadow:var(--shadow-sm);}
.step-num{font-family:var(--font-display);font-size:1.875rem;font-weight:700;color:var(--primary);line-height:1.2;}
.step h3{margin-top:.75rem;font-size:1.125rem;font-weight:600;}
.step p{flex:1;margin-top:.5rem;font-size:.875rem;line-height:1.625;color:rgb(15 24 43 / .65);}
.band{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-top:2.5rem;
  border-radius:20px;background:var(--accent);padding:1.75rem;}
.band p{max-width:30ch;font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.3;text-wrap:balance;}
@media (min-width:640px){.band{flex-direction:row;align-items:center;padding:2rem;}}

/* ---------- pro koho ---------- */
.forwho-lead{margin-top:1rem;max-width:56ch;font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.375;text-wrap:balance;}
@media (min-width:640px){.forwho-lead{font-size:1.875rem;}}
.forwho-box{margin-top:2.5rem;border-radius:var(--radius-lg);background:var(--paper);padding:1.75rem;box-shadow:var(--shadow-sm);}
@media (min-width:640px){.forwho-box{padding:2rem;}}
.forwho-box h3{font-size:1.25rem;font-weight:700;}
.forwho-list{display:grid;gap:1rem 2.5rem;margin-top:1.5rem;color:rgb(15 24 43 / .8);}
@media (min-width:640px){.forwho-list{grid-template-columns:repeat(2,1fr);}}
.forwho-list li{display:flex;gap:.75rem;}
.forwho-list svg{margin-top:.125rem;color:var(--primary);}
.forwho-note{margin-top:2rem;font-weight:600;color:rgb(15 24 43 / .75);}
.forwho-note a{color:var(--primary);text-decoration:underline;}

/* ---------- cena ---------- */
.price-product{margin-top:1rem;font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--secondary);}
#cena .section-title{margin-top:.5rem;}
.price-sub{margin-top:.75rem;font-size:1.125rem;color:rgb(247 249 251 / .75);}
.price-grid{display:grid;gap:1.5rem;margin-top:3rem;}
@media (min-width:1024px){.price-grid{grid-template-columns:repeat(2,1fr);}}
.price-box{border:1px solid rgb(247 249 251 / .1);border-radius:var(--radius);background:rgb(247 249 251 / .05);padding:1.5rem;}
@media (min-width:640px){.price-box{padding:2rem;}}
.price-box h3{font-size:1.25rem;font-weight:600;}
.price-list{display:grid;gap:1rem;margin-top:1.5rem;font-size:.875rem;color:rgb(247 249 251 / .85);}
.price-list li{display:flex;align-items:flex-start;gap:.75rem;}
.price-tick{display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:.375rem;background:var(--primary);color:var(--paper);flex:none;}
.price-tick svg{stroke-width:3;}
.price-highlight{margin-top:1.5rem;border-radius:.75rem;background:var(--primary);padding:1rem;font-size:.875rem;font-weight:700;}
.price-table{width:100%;margin-top:1.5rem;border-collapse:collapse;font-size:.875rem;}
.price-table tr{border-top:1px solid rgb(247 249 251 / .1);}
.price-table td{padding:.75rem 1rem .75rem 0;color:rgb(247 249 251 / .85);vertical-align:top;}
.price-table td:last-child{padding-right:0;text-align:right;white-space:nowrap;font-weight:700;color:var(--secondary);}
.price-note{margin-top:1.5rem;font-size:.75rem;line-height:1.625;color:rgb(247 249 251 / .55);}
.price-note + .price-note{margin-top:.75rem;}
.section-cta{margin-top:2.5rem;}

/* ---------- recenze ---------- */
.reviews{display:grid;gap:1rem;margin-top:3rem;}
@media (min-width:768px){.reviews{grid-template-columns:repeat(2,1fr);}}
.review{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:1.75rem;box-shadow:var(--shadow-sm);}
.review-ico{color:var(--primary);}
.review blockquote{margin-top:1.25rem;font-size:1.125rem;line-height:1.625;color:rgb(15 24 43 / .85);}
.review figcaption{margin-top:1.5rem;font-weight:700;}
.review figcaption span{font-weight:400;color:rgb(15 24 43 / .6);}
.reviews-note{margin-top:2rem;text-align:center;font-weight:600;color:rgb(15 24 43 / .7);}

/* ---------- nic neriskujete ---------- */
#bez-rizika .section-title{margin-top:0;}
.risk-list{display:grid;gap:1rem;margin-top:3rem;}
@media (min-width:768px){.risk-list{grid-template-columns:repeat(3,1fr);}}
.risk-list li{border:1px solid rgb(247 249 251 / .1);border-radius:var(--radius);background:rgb(247 249 251 / .05);padding:1.5rem;}
.risk-num{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--primary);color:var(--paper);
  font-family:var(--font-display);font-weight:700;}
.risk-list p{margin-top:1.25rem;font-family:var(--font-display);font-size:1.25rem;font-weight:600;line-height:1.35;}
.risk-text{margin-top:2.5rem;font-size:1.125rem;color:rgb(247 249 251 / .8);}
.risk-cta{margin-top:1.5rem;}

/* ---------- FAQ ---------- */
.faq-head{max-width:none;margin:0;text-align:center;}
.qa-list{display:grid;gap:1rem;margin-top:3rem;}
.qa{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:1.5rem;box-shadow:var(--shadow-sm);}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;cursor:pointer;list-style:none;
  font-family:var(--font-display);font-size:1.125rem;font-weight:600;line-height:1.4;}
.qa summary::-webkit-details-marker{display:none;}
.qa-chev{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.5rem;background:var(--secondary);color:var(--primary);flex:none;}
.qa-chev svg{transition:transform .2s;}
.qa[open] .qa-chev svg{transform:rotate(180deg);}
.qa-answer{margin-top:1rem;max-width:65ch;font-size:.875rem;line-height:1.625;color:rgb(15 24 43 / .65);}

/* ---------- poptávka ---------- */
.lead-grid{display:grid;align-items:center;gap:2.5rem;}
@media (min-width:1024px){.lead-grid{grid-template-columns:5fr 7fr;}}
.lead-intro{min-width:0;color:var(--paper);}
.lead-text{margin-top:1.25rem;max-width:38ch;font-size:1.125rem;color:rgb(247 249 251 / .8);}
.lead-capacity{margin-top:1.25rem;max-width:38ch;font-weight:600;}
.person{margin-top:2rem;border-radius:var(--radius);background:rgb(247 249 251 / .1);padding:1.25rem;}
.person-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:rgb(247 249 251 / .7);}
.person-row{display:flex;align-items:center;gap:1rem;margin-top:1rem;}
.person-photo{width:4rem;height:4rem;flex:none;overflow:hidden;border-radius:50%;box-shadow:0 0 0 2px rgb(247 249 251 / .3);}
.person-photo picture,.person-photo img{width:100%;height:100%;}
.person-photo img{object-fit:cover;}
.person-name{font-family:var(--font-display);font-size:1.125rem;font-weight:700;}
.person-role{font-size:.875rem;color:rgb(247 249 251 / .7);}
.person-quote{margin-top:1rem;font-size:.875rem;line-height:1.625;color:rgb(247 249 251 / .85);}
.person-links{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;font-size:.875rem;font-weight:700;}
.person-links a{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;}
.person-links a:hover{text-decoration:underline;}
.lead-form-wrap{min-width:0;scroll-margin-top:5rem;}
.lead-form{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);padding:1.5rem;box-shadow:0 25px 50px -12px rgb(15 24 43 / .1);}
@media (min-width:640px){.lead-form{padding:2rem;}}
.lf-grid{display:grid;gap:1rem;}
@media (min-width:640px){.lf-grid{grid-template-columns:repeat(2,1fr);}.lf--wide{grid-column:1 / -1;}}
.lf{display:block;}
.lf > span{font-size:.75rem;font-weight:700;text-transform:uppercase;color:rgb(15 24 43 / .55);}
.lf input,.lf textarea{display:block;width:100%;margin-top:.5rem;border:0;border-radius:.75rem;background:var(--card);padding:.875rem 1rem;
  font:inherit;font-size:1rem;color:var(--ink);box-shadow:0 0 0 1px rgb(15 24 43 / .15);outline:none;transition:box-shadow .15s;}
.lf input:focus,.lf textarea:focus{box-shadow:0 0 0 2px var(--primary);}
.lf textarea{resize:none;}
.lf--msg{margin-top:1rem;}
.lf-consent{display:flex;align-items:flex-start;gap:.6rem;margin-top:1rem;font-size:.8125rem;line-height:1.5;color:rgb(15 24 43 / .65);cursor:pointer;}
.lf-consent input{margin-top:.2rem;width:1rem;height:1rem;flex:none;accent-color:var(--primary);}
.lf-consent a{text-decoration:underline;}
.lf-consent a:hover{color:var(--primary);}
.btn-submit{width:100%;min-height:3.5rem;margin-top:1.5rem;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font-size:1rem;}
.btn-submit:hover{background:var(--primary);}
.btn-submit--brand{background:var(--primary);min-height:3rem;margin-top:1rem;}
.btn-submit--brand:hover{background:var(--ink);}
.lf-note{margin-top:.75rem;text-align:center;font-size:.875rem;font-weight:600;color:rgb(15 24 43 / .7);}
.lead-form .form-note{margin-bottom:1.25rem;}
.lead-done{border-radius:28px;background:var(--paper);padding:2rem;text-align:center;box-shadow:0 0 0 1px rgb(15 24 43 / .1);}
@media (min-width:640px){.lead-done{padding:3rem;}}
.lead-done-ico{margin-inline:auto;color:var(--primary);}
.lead-done h3{margin-top:1.25rem;font-size:1.5rem;font-weight:700;}
.lead-done p{margin-top:.75rem;color:rgb(15 24 43 / .65);}

/* ---------- patička ---------- */
.site-footer{background:var(--ink);color:var(--paper);padding-bottom:6rem;}
.footer-inner{display:flex;flex-direction:column;gap:1.5rem;padding-block:2.5rem;}
@media (min-width:768px){.footer-inner{flex-direction:row;align-items:center;justify-content:space-between;}}
.footer-name{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.125rem;font-weight:700;}
.footer-dot{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--primary);}
.footer-tag{margin-top:.5rem;font-size:.875rem;color:rgb(247 249 251 / .5);}
.footer-cta{margin-top:1.25rem;}
.footer-side{font-size:.875rem;color:rgb(247 249 251 / .5);}
@media (min-width:768px){.footer-side{text-align:right;}}
.footer-nav{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-bottom:.5rem;}
@media (min-width:768px){.footer-nav{justify-content:flex-end;}}
.footer-nav a:hover{color:var(--paper);}
.footer-legal{border-top:0;padding-block:1.25rem;font-size:.8125rem;
  background:linear-gradient(rgb(247 249 251 / .1),rgb(247 249 251 / .1)) var(--gutter) 0 / calc(100% - 2 * var(--gutter)) 1px no-repeat;}

/* ---------- sticky lišta ---------- */
.sticky-bar{position:fixed;inset-inline:0;bottom:0;z-index:50;border-top:1px solid rgb(247 249 251 / .1);background:rgb(15 24 43 / .95);
  color:var(--paper);padding-block:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  transform:translateY(100%);pointer-events:none;transition:transform .3s;}
.sticky-bar.is-visible{transform:translateY(0);pointer-events:auto;}
.sticky-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-inline:1rem;}
.sticky-inner p{font-size:.875rem;font-weight:600;line-height:1.35;}
@media (min-width:640px){.sticky-inner p{font-size:1rem;}}
.only-desktop{display:none;}
@media (min-width:768px){.only-mobile{display:none;}.only-desktop{display:inline;}}
.sticky-inner .btn-pill{flex:none;}
.sticky-inner svg.only-desktop{display:none;}
@media (min-width:640px){.sticky-inner svg.only-desktop{display:block;}}

/* ---------- exit okno ---------- */
.exit-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgb(15 24 43 / .6);padding:1.25rem;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.exit-box{position:relative;width:100%;max-width:28rem;border-radius:var(--radius-lg);background:var(--paper);padding:2rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .3);}
.exit-box h3{padding-right:2rem;font-size:1.5rem;font-weight:700;line-height:1.25;}
.exit-form{margin-top:1.5rem;}
.exit-close{position:absolute;right:1rem;top:1rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:.5rem;background:transparent;color:var(--ink);}
.exit-close:hover{background:var(--accent);}

/* ---------- podstránky (CMS stránky, novinky, chyby) ---------- */
.container{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter);}
.page-hero{padding-block:3.5rem 2.5rem;border-bottom:1px solid var(--line);background-color:var(--card);
  background-image:linear-gradient(rgb(4 98 211 / .045) 1px,transparent 1px),linear-gradient(90deg,rgb(4 98 211 / .045) 1px,transparent 1px);background-size:40px 40px;}
.page-hero h1{margin-top:.75rem;font-size:2.25rem;font-weight:700;line-height:1.2;text-wrap:balance;}
@media (min-width:640px){.page-hero h1{font-size:3rem;}}
.page-hero .eyebrow{display:block;margin-top:1rem;}
.breadcrumb{font-size:.8125rem;color:rgb(15 24 43 / .6);}
.breadcrumb a{color:var(--primary);}
.breadcrumb a:hover{text-decoration:underline;}
.prose{max-width:46rem;font-size:1.0625rem;line-height:1.7;color:rgb(15 24 43 / .85);}
.prose.wide{max-width:none;}
.prose > * + *{margin-top:1rem;}
.prose h2{margin-top:2.25rem;font-size:1.5rem;font-weight:700;color:var(--ink);}
.prose h3{margin-top:1.75rem;font-size:1.25rem;font-weight:600;color:var(--ink);}
.prose ul{list-style:disc;padding-left:1.25rem;}
.prose ol{list-style:decimal;padding-left:1.25rem;}
.prose li + li{margin-top:.4rem;}
.prose a{color:var(--primary);text-decoration:underline;}
.prose blockquote{border-left:3px solid var(--primary);padding-left:1rem;color:rgb(15 24 43 / .7);}
.article-cover{overflow:hidden;border-radius:var(--radius);aspect-ratio:16 / 10;}
.article-cover img{width:100%;height:100%;object-fit:cover;}
.link-arrow{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;color:var(--primary);text-decoration:none !important;}
.contact-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:1.5rem;}
.contact-box h3{font-size:1.25rem;font-weight:700;}
.contact-box ul{display:grid;gap:.75rem;margin-top:1rem;}
.contact-box li{display:flex;gap:.6rem;align-items:flex-start;}
.contact-box svg{color:var(--primary);margin-top:.15rem;}
.news-head{margin-bottom:2rem;}
.sec-head h2{margin-top:.5rem;font-size:2rem;font-weight:700;}
.news-grid{display:grid;gap:1.25rem;}
@media (min-width:640px){.news-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.news-grid{grid-template-columns:repeat(3,1fr);}}
.news-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);}
.news-thumb{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--sun);}
.news-thumb img{width:100%;height:100%;object-fit:cover;}
.news-tag{position:absolute;left:.75rem;top:.75rem;border-radius:.375rem;background:var(--primary);color:var(--paper);padding:.15rem .5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;}
.news-body{display:flex;flex:1;flex-direction:column;padding:1.25rem;}
.news-date{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:rgb(15 24 43 / .55);}
.news-date svg{width:15px;height:15px;}
.news-body h3{margin-top:.5rem;font-size:1.125rem;font-weight:600;}
.news-body h3 a:hover{color:var(--primary);}
.news-body .exc{flex:1;margin-top:.5rem;font-size:.9rem;color:rgb(15 24 43 / .7);}
.news-body .more{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;font-size:.875rem;font-weight:700;color:var(--primary);}
.news-body .more svg{width:16px;height:16px;}
.pagination{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:2.5rem;}
.pagination a,.pagination span{display:grid;place-items:center;min-width:2.5rem;height:2.5rem;padding-inline:.5rem;border:1px solid var(--line);border-radius:.6rem;background:var(--card);font-weight:600;}
.pagination .current{background:var(--primary);border-color:var(--primary);color:var(--paper);}
.error-wrap{display:grid;place-items:center;min-height:60vh;padding:4rem var(--gutter);text-align:center;}
.error-wrap h1{font-size:4.5rem;font-weight:700;color:var(--primary);}
.error-wrap .btn{margin-top:1.5rem;}

/* ---------- doplňky z addons.css – sladění se vzhledem ---------- */
.cc-banner{font-family:var(--font-sans);color:var(--ink);}
.cc-text a{color:var(--primary);}
.cc-accept{background:var(--primary);}
.cc-btn{border-radius:999px;}
.form-note.form-bad{background:#fdecec;color:#8a2d2d;border:1px solid #f3c9c9;}
.footer-secured svg{color:var(--secondary);}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .reveal,.collage-card--2,.collage-card--3{animation:none;}
  .hero-slide,.sticky-bar,.scope-card,.showcase,.btn{transition:none;}
}