:root{
  --green:#1f5a3d; --green-d:#174630; --gold:#b8893a; --ink:#1d2a24; --muted:#5b6a62;
  --cream:#f7f4ec; --cream-2:#efe9da; --line:#e3dccb; --white:#fff;
  --r:10px; --rs:6px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--green)}
p,li{text-wrap:pretty}
h1,h2,h3{text-wrap:balance;font-family:Georgia,"Times New Roman",serif;line-height:1.2;margin:0;color:var(--ink);font-weight:700}
.wrap{max-width:1320px;margin:0 auto;padding:0 28px}
.ic{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ic-lg{width:30px;height:30px;color:var(--gold)}

/* Hlavička */
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:28px;height:64px}
.brand{font:700 1.25rem Georgia,serif;color:var(--green);text-decoration:none;margin-right:auto}
.top nav{display:flex;gap:26px}
.top nav a{color:var(--ink);text-decoration:none;font-size:.95rem;position:relative;padding:4px 0}
.top nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.top nav a:hover::after{transform:scaleX(1)}

/* Tlačítka */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fff;text-decoration:none;font-weight:600;border:1px solid var(--green);border-radius:var(--rs);padding:11px 20px;transition:background .2s,transform .2s,box-shadow .2s}
.btn:hover{background:var(--green-d);transform:translateY(-1px);box-shadow:0 6px 16px rgba(31,90,61,.22)}
.btn-lg{padding:14px 26px;font-size:1.05rem}
.btn-sm{padding:8px 16px;font-size:.92rem}
.btn-light{background:var(--green);color:#fff}
.btn-outline{background:rgba(255,255,255,.75);color:var(--green);border-color:var(--green)}
.btn-outline:hover{background:#fff;box-shadow:0 6px 16px rgba(31,90,61,.18)}

/* Úvod: jedna velká fotka v pozadí, vlevo světlý závoj pro čitelný text, dole plynule do bílé */
.hero{position:relative;overflow:hidden;color:var(--ink);min-height:min(78vh,640px);display:flex;align-items:center;padding:96px 0 150px;background:#e9eef0}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(to bottom,rgba(255,255,255,0) 70%,rgba(255,255,255,.55) 90%,#fff 100%),
  linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.66) 26%,rgba(255,255,255,.28) 46%,rgba(255,255,255,0) 64%)}
.hero-in{position:relative;width:100%}
.hero-copy{max-width:660px}
.hero h1{text-shadow:0 0 22px rgba(255,255,255,.75);color:var(--green-d);font-size:clamp(2.1rem,4.6vw,3.5rem);margin-bottom:20px}
.lead{text-shadow:0 0 14px rgba(255,255,255,.8);font-size:1.18rem;color:#26352d;max-width:54ch;margin:0 0 30px}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.trust{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--ink);text-shadow:0 0 12px rgba(255,255,255,.8)}
.trust li{display:flex;align-items:center;gap:10px}
.trust .ic{color:var(--green)}
.snow{position:absolute;inset:0;pointer-events:none}
.snow i{position:absolute;top:-14px;border-radius:50%;background:#fff;box-shadow:0 0 4px rgba(31,90,61,.35);animation:fall linear infinite}
@keyframes fall{0%{transform:translate3d(0,-10px,0)}50%{transform:translate3d(22px,42vh,0)}100%{transform:translate3d(-10px,86vh,0)}}

/* Upozornění */
.notice{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-top:-64px;position:relative;z-index:2;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 28px;box-shadow:0 10px 30px rgba(29,42,36,.08)}
.notice h2{font-size:1.2rem;margin-bottom:6px}
.notice p{margin:0;color:var(--muted);max-width:75ch}

/* Bloky */
.block{padding-top:84px}
.block h2{font-size:clamp(1.55rem,2.6vw,2.1rem);margin-bottom:12px}
.intro{color:var(--muted);max-width:68ch;margin:0 0 28px}
.sub{font-size:1.2rem;margin:36px 0 14px}
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tile{display:block;height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.tile img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}
.tile:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(29,42,36,.14);border-color:var(--gold)}
.tile:hover img{transform:scale(1.04)}
.tile-cap{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;background:#fff;position:relative}
.tile-cap span{font-weight:600}
.tile-cap em{display:inline-flex;align-items:center;gap:8px;font-style:normal;font-size:.9rem;color:var(--green)}
.tile:hover .tile-cap em .ic{transform:translateX(4px)}
.tile-cap em .ic{transition:transform .2s}
.more{margin:30px 0 0}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none}
.link-arrow:hover{text-decoration:underline}

/* Karty */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:box-shadow .25s,transform .25s}
.card:hover{box-shadow:0 12px 26px rgba(29,42,36,.1);transform:translateY(-2px)}
.card h3{font-size:1.15rem;display:flex;align-items:center;gap:12px;margin-bottom:10px}
.card h3 .ic{color:var(--gold)}
.card p{margin:0;color:var(--muted)}
.num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--rs);background:var(--green);color:#fff;font:700 .95rem "Segoe UI",sans-serif}
.steps,.feat{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:20px}
.steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.feat{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Nápady */
.ideas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ideas a{position:relative;display:grid;gap:4px;height:100%;padding:18px 48px 18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.ideas b{color:var(--green)}
.ideas span{color:var(--muted);font-size:.93rem}
.ideas .ic{position:absolute;right:18px;top:50%;margin-top:-.6em;color:var(--gold);transition:transform .2s}
.ideas a:hover{border-color:var(--gold);box-shadow:0 10px 22px rgba(29,42,36,.1);transform:translateY(-2px)}
.ideas a:hover .ic{transform:translateX(4px)}

/* FAQ */
.faq{max-width:900px;display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:var(--r);background:#fff}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq .chev{transition:transform .25s;color:var(--gold)}
.faq details[open] .chev{transform:rotate(180deg)}
.faq details p{margin:0;padding:0 20px 18px;color:var(--muted);max-width:75ch}

/* Výzva */
.cta-band{margin-top:96px;background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:44px 28px}
.cta-in h2{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:8px}
.cta-in p{margin:0;color:var(--muted)}

.foot{padding:30px 0 40px;color:var(--muted);font-size:.92rem}
.foot p{margin:0;max-width:90ch}

/* Objevení při rolování (bez JS je vše viditelné) */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}

@media (max-width:1100px){
  .feat{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ideas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .hero{padding:64px 0 120px;min-height:0}
  .hero-shade{background:linear-gradient(to bottom,rgba(255,255,255,.35) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.5) 78%,#fff 100%)}
  .steps{grid-template-columns:1fr}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .notice{grid-template-columns:auto 1fr;margin-top:-48px}
  .notice .btn{grid-column:1 / -1;justify-self:start}
  .top nav{display:none}
  .cta-in{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  .wrap{padding:0 18px}
  .feat,.ideas,.tiles{grid-template-columns:1fr}
  .block{padding-top:64px}
  .btn-lg{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .js .reveal{opacity:1;transform:none}
}