@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#10263c;--green:#43d66c;--green-dark:#128e43;--ink:#10263c}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;font-family:Inter,Arial,sans-serif;color:white;background:var(--navy)}a{text-decoration:none;color:inherit}.landing{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(100deg,rgba(5,24,39,.91),rgba(7,29,48,.68) 48%,rgba(5,24,39,.52)),url('assets/rozcestnik-pozadie.jpg') center 44%/cover no-repeat}.landing:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(4,18,30,.08) 35%,rgba(6,28,47,.83) 100%);z-index:-1}.landing:after{content:"";position:absolute;top:-12%;left:-4%;height:55%;width:7%;transform:skewX(-13deg);background:linear-gradient(#37e76b,#008f4a);opacity:.85;z-index:-1}.shell{width:min(1320px,calc(100% - 64px));min-height:100vh;margin:auto;display:flex;flex-direction:column}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 0 20px}.brand{display:block;width:clamp(135px,14vw,190px);height:auto;object-fit:contain;filter:drop-shadow(0 4px 9px #0004)}.top-contact{display:flex;align-items:center;gap:17px;padding-top:14px;font-size:14px;font-weight:600;text-shadow:0 1px 4px #0007}.top-contact a:hover{text-decoration:underline}.top-contact span{opacity:.5}.intro{margin:clamp(20px,5vh,58px) 0 38px;max-width:780px}.intro h1{font-size:clamp(35px,4.3vw,64px);letter-spacing:-2px;line-height:1.12;margin:0 0 20px;font-weight:800;text-wrap:balance}.intro h1 span{display:block;color:#55e17b}.intro p{font-size:clamp(16px,1.5vw,21px);line-height:1.55;color:#d6e1ed;max-width:730px;margin:0}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:42px}.choice{min-height:318px;background:#fff;color:var(--ink);display:grid;grid-template-columns:57% 43%;border-radius:19px;overflow:hidden;box-shadow:0 22px 55px #00142666;transition:transform .25s ease,box-shadow .25s ease;outline-offset:4px}.choice:hover{transform:translateY(-5px);box-shadow:0 26px 65px #00142688}.choice:focus-visible{outline:3px solid #6ae888}.choice-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:32px 12px 28px 32px}.choice-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:#e1f9e9;color:#0c9544;font-size:30px;font-weight:800}.choice h2{font-size:clamp(29px,2.6vw,39px);letter-spacing:-1px;line-height:1.1;margin:17px 0 12px}.choice p{font-size:15px;line-height:1.65;color:#566a7d;margin:0 0 25px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;white-space:nowrap;padding:13px 18px;border-radius:12px;font-weight:800;font-size:14px;margin-top:auto}.cta-primary{color:white;background:#109546}.cta-secondary{color:#087f3b;border:1.5px solid #159949;background:white}.choice-image{background-size:cover;background-position:center;position:relative;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);margin-left:-8px}.choice-image.repair{background-image:url('assets/rozcestnik-pozadie.jpg');background-position:60% center}.choice-image.shop{background-image:url('assets/eshop-karta.webp');background-position:84% center}.footer{display:flex;justify-content:space-between;gap:18px;color:#c9d8e6;font-size:12px;padding:18px 0 25px;border-top:1px solid #ffffff2e;margin-top:auto}
@media(max-width:1100px){.choice{grid-template-columns:62% 38%}.choice-copy{padding:26px 5px 25px 25px}.choice p{font-size:14px}.choices{gap:16px}}
@media(max-width:780px){.shell{width:min(600px,calc(100% - 34px))}.topbar{align-items:center;padding-top:17px}.brand{width:140px}.top-contact{font-size:12px;flex-direction:column;align-items:flex-end;gap:4px;padding:0}.top-contact span{display:none}.intro{margin:35px 0 25px}.intro h1{letter-spacing:-1.3px}.choices{grid-template-columns:1fr;gap:17px}.choice{min-height:260px;grid-template-columns:61% 39%}.choice-copy{padding:23px 5px 23px 22px}.choice h2{font-size:30px;margin:10px 0}.choice-icon{width:46px;height:46px;font-size:23px}.choice p{font-size:13px;margin-bottom:18px}.cta{font-size:12px;padding:11px 12px}.footer{flex-wrap:wrap}}
@media(max-width:400px){.topbar{align-items:flex-start}.brand{width:118px}.top-contact{font-size:10px}.choice{grid-template-columns:67% 33%}.choice-copy{padding:18px 2px 18px 16px}.choice p{font-size:12px}.choice h2{font-size:26px}.cta{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.choice{transition:none}}

/* Finálne doladenie rozcestníka: čitateľnejšie karty a jemnejší akcent. */
.landing:after{width:3.2%;left:-1.6%;opacity:.52;background:linear-gradient(180deg,#35d879,#11834e)}
.choice-image.repair{
  background-image:linear-gradient(rgba(8,30,42,.30),rgba(8,30,42,.30)),url('assets/rozcestnik-pozadie.jpg');
  background-position:60% center;
}
.choice h2{font-size:clamp(30px,2.7vw,40px)}
.choice p{font-size:16px;line-height:1.65;color:#42586d}
.cta{font-size:15px}
@media(max-width:1100px){.choice p{font-size:15px}}
@media(max-width:780px){.choice p{font-size:14px}.cta{font-size:13px}}
@media(max-width:400px){.choice p{font-size:13px}}