:root{
  --navy:#071c34;
  --navy2:#102d4a;
  --gold:#c9963b;
  --paper:#f5f2ed;
  --text:#0b213a;
  --line:rgba(7,28,52,.16);
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--text);line-height:1.55}
a{text-decoration:none;color:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,4vw,64px);background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.16em;font-size:20px}.brand-symbol{width:34px;height:24px;border-left:6px solid #fff;border-bottom:6px solid var(--gold);transform:skewX(-24deg);display:inline-block}.main-nav{display:flex;gap:28px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.08em;font-size:14px}.main-nav a{opacity:.92}.main-nav a:hover{color:var(--gold)}
.hero-hotspot{position:relative;width:100%;max-width:1774px;margin:0 auto;background:#e7e3dd;overflow:hidden}.hero-hotspot>img{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.hotspot:hover,.hotspot:focus-visible{border-color:rgba(7,28,52,.55);background:rgba(255,255,255,.08);outline:none}.hotspot span{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;background:rgba(7,28,52,.94);color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .18s ease}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}
/* Súradnice sú nastavené percentuálne podľa pôvodného obrazu 1774 × 887 px. Ikony a texty ostávajú súčasťou originálneho banneru. */
.hs-dovera{left:52.0%;top:7.1%;width:18.0%;height:7.9%}.hs-odbornost{left:52.0%;top:15.8%;width:18.0%;height:7.9%}.hs-bezpecnost{left:52.0%;top:24.1%;width:18.0%;height:8.1%}.hs-kvalita{left:52.0%;top:32.4%;width:18.0%;height:8.0%}.hs-zodpovednost{left:52.0%;top:40.8%;width:19.0%;height:8.4%}.hs-slovensko{left:52.0%;top:49.1%;width:18.0%;height:8.2%}.hs-rast{left:20.3%;top:78.1%;width:7.6%;height:14.6%}.hs-vizia{left:28.0%;top:78.1%;width:8.5%;height:14.6%}.hs-ochrana{left:36.5%;top:78.1%;width:9.8%;height:14.6%}.hs-zavazky{left:45.4%;top:78.1%;width:8.7%;height:14.6%}.hs-tradicia{left:52.7%;top:78.1%;width:9.8%;height:14.6%}
.intro{max-width:980px;margin:0 auto;padding:56px 22px 66px;text-align:center}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-weight:800}.intro h1{font-size:clamp(28px,4vw,48px);line-height:1.12;margin:12px 0 18px}.intro p:last-child{font-size:18px;color:#34445a}footer{padding:28px 20px;text-align:center;background:var(--navy);color:#fff}footer strong{color:var(--gold)}
.page-hero{padding:72px 22px;text-align:center;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}.page-hero h1{font-size:clamp(34px,5vw,60px);margin:0 0 12px}.page-hero p{max-width:760px;margin:0 auto;font-size:19px}.content{max-width:920px;margin:0 auto;padding:52px 22px 70px;background:var(--paper)}.content h2{font-size:30px;margin-top:0}.content p{font-size:18px}.back{display:inline-block;margin-top:28px;color:var(--gold);font-weight:800}.value-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.value-list div{background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px}
@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column}.main-nav{gap:16px}.hotspot{border-radius:6px}.hotspot span{display:none}.intro{text-align:left}.value-list{grid-template-columns:1fr}}
@media(max-width:620px){.main-nav{display:none}.brand{font-size:17px}.intro{padding-top:36px}.hotspot{border-width:1px}}