:root{
  --navy:#020914;
  --navy2:#06182c;
  --blue:#0b7cff;
  --blue2:#39a1ff;
  --text:#071126;
  --muted:#4c5d73;
  --line:#dbe5f0;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#f5f8fc}
a{color:inherit;text-decoration:none}
.site-header{height:74px;background:linear-gradient(180deg,#06111f,#020813);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 7.4vw;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:10;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.brand{display:flex;flex-direction:column;line-height:1}.logo,.hero-logo,.footer-logo{font-weight:900;letter-spacing:.055em;font-style:italic;line-height:.88;text-shadow:0 2px 10px rgba(255,255,255,.12)}
.logo{font-size:42px}.brand small{font-size:8px;margin-top:4px;color:#fff;font-weight:700;letter-spacing:-.02em}
.nav{display:flex;gap:42px;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.02em}.nav a:hover{color:var(--blue2)}
.outline-btn{border:1px solid var(--blue);color:var(--blue2);border-radius:7px;padding:14px 25px;text-transform:uppercase;font-weight:900;box-shadow:inset 0 0 18px rgba(11,124,255,.08)}
.hero{height:480px;background:radial-gradient(circle at 43% 49%,rgba(20,133,255,.62),transparent 2.4%),radial-gradient(circle at 40% 45%,rgba(15,114,255,.20),transparent 20%),linear-gradient(90deg,#020814 0%,#051a31 49%,#142231 49%,#050b13 100%);color:white;display:grid;grid-template-columns:1fr 1.05fr;padding:51px 7.6vw 0;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;left:0;right:48%;top:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.03)),repeating-linear-gradient(90deg,transparent 0 39px,rgba(42,136,255,.08) 40px,transparent 41px);opacity:.55}
.hero:after{content:"";position:absolute;left:28%;top:0;width:22%;height:100%;background:radial-gradient(circle at 60% 41%,rgba(40,139,255,.45),transparent 3%),linear-gradient(120deg,transparent 0,rgba(21,117,255,.16),transparent 60%);filter:blur(.1px);opacity:.85}
.hero-content{position:relative;z-index:2;padding-top:2px}.hero-logo{font-size:83px;margin:0 0 14px;text-shadow:0 5px 20px rgba(0,0,0,.5)}
.hero h2{font-size:31px;line-height:1.22;margin:0 0 23px;font-weight:900}.hero h2 span{color:var(--blue2)}
.hero p{font-size:22px;line-height:1.28;margin:0 0 16px;font-weight:600}.checks{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:11px;font-size:18px}
.checks li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border:2px solid var(--blue);border-radius:50%;font-size:11px;color:var(--blue);margin-right:14px;filter:drop-shadow(0 0 4px rgba(11,124,255,.45))}
.primary-btn,.secondary-btn{display:inline-flex;gap:12px;align-items:center;border-radius:8px;font-weight:900;text-transform:uppercase}.primary-btn{background:linear-gradient(180deg,#3296ff,#0667dc);padding:15px 24px;color:white;box-shadow:0 12px 32px rgba(0,103,255,.35)}.secondary-btn{border:1px solid var(--blue);color:var(--blue);padding:13px 22px;background:rgba(255,255,255,.75)}
.label-photo{position:relative;z-index:2;margin:-52px -5vw 0 0;min-height:480px;background:url('hero-label.png') center top/cover no-repeat;filter:saturate(1.1) contrast(1.06);box-shadow:inset 30px 0 60px rgba(0,0,0,.28)}
.feature-strip{background:#fff;display:grid;grid-template-columns:repeat(5,1fr);padding:28px 7.5vw;gap:0;box-shadow:0 10px 38px rgba(4,23,45,.11);position:relative;z-index:2}
.feature-strip article{display:grid;grid-template-columns:52px 1fr;column-gap:18px;border-right:1px solid var(--line);padding:0 25px;align-items:start}.feature-strip article:last-child{border-right:0}.feature-strip b{text-transform:uppercase;font-size:15px}.feature-strip p{margin:8px 0 0;line-height:1.35;font-size:15px;color:#132033}
.ico,.line-icon{width:44px;height:44px;border:3px solid var(--blue);border-radius:8px;display:inline-block;position:relative;filter:drop-shadow(0 0 8px rgba(11,124,255,.18))}.document:before{content:"";position:absolute;right:7px;top:-3px;border-left:12px solid transparent;border-bottom:12px solid var(--blue)}.camera:before{content:"";position:absolute;inset:12px;border:3px solid var(--blue);border-radius:50%}.camera:after{content:"";position:absolute;left:8px;top:7px;width:13px;height:5px;background:var(--blue);border-radius:3px}.cabinet:before{content:"";position:absolute;inset:6px 12px;border-left:2px solid var(--blue);border-right:2px solid var(--blue)}.clock{border-radius:50%}.clock:before{content:"";position:absolute;left:19px;top:8px;width:3px;height:17px;background:var(--blue);transform-origin:bottom;transform:rotate(0deg);box-shadow:6px 15px 0 -1px var(--blue)}.qrmini{border:0;background:linear-gradient(90deg,var(--blue) 30%,transparent 30% 55%,var(--blue) 55% 75%,transparent 75%),linear-gradient(var(--blue) 30%,transparent 30% 55%,var(--blue) 55% 75%,transparent 75%);background-size:18px 18px}
.content{display:grid;grid-template-columns:1fr .95fr 1.45fr;gap:42px;padding:44px 8vw 30px;align-items:center;background:linear-gradient(180deg,#f6f9fd,#eef4fb)}.eyebrow{text-transform:uppercase;font-weight:900;font-size:22px;margin:0 0 22px;position:relative}.eyebrow:after{content:"";display:block;width:46px;height:3px;background:var(--blue);margin-top:9px}.why h2{font-size:29px;line-height:1.17;margin:0 0 17px}.why h2 span{color:var(--blue)}.why p{font-size:17px;line-height:1.55;margin:0 0 23px;color:#0d1b2f}

.process-visual{height:250px;background:url('process-visual.png') center/contain no-repeat;filter:saturate(1.05) contrast(1.04) drop-shadow(0 12px 22px rgba(5,25,45,.16))}.prepare{background:linear-gradient(135deg,#071627,#020812);border-radius:10px;color:white;padding:30px 36px;box-shadow:0 18px 35px rgba(3,20,39,.22)}.prepare .eyebrow{margin-bottom:20px}.prepare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.prepare-grid article{background:#fff;color:#071126;border-radius:6px;display:flex;align-items:center;gap:14px;padding:18px 20px;font-weight:900;min-height:72px;box-shadow:0 8px 20px rgba(255,255,255,.04)}.line-icon{width:34px;height:34px;border-width:2px;border-radius:8px}

.cta{background:linear-gradient(90deg,#020914,#061a31,#020914);color:white;display:grid;grid-template-columns:220px 1fr 260px;gap:25px;align-items:center;padding:22px 8vw;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.scan-photo{height:82px;background:url('cta-scan.png') center/contain no-repeat;filter:drop-shadow(0 0 18px rgba(33,150,255,.65))}.cta h2{font-size:26px;margin:0;text-align:center}.cta p{text-align:center;font-size:22px;margin:6px 0 0}.cta strong{text-transform:uppercase;color:var(--blue);font-size:28px;text-align:center;line-height:1.18}.footer-logo{font-size:26px}.footer-logo span:first-child{color:var(--blue)}.footer a{color:#006df1;font-weight:700;margin-left:auto}.footer a+a{margin-left:0}

.footer{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:38px;
  padding:18px 8vw;
  background:linear-gradient(180deg,#06111f,#020813);
  color:#ffffff;
  border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 -10px 28px rgba(0,0,0,.25);
}


@media(max-width:1000px){
  .site-header{
    height:auto;
    flex-wrap:wrap;
    padding:16px 24px;
    gap:14px;
  }

  .nav{
    display:flex;
    width:100%;
    flex-wrap:wrap;
    gap:12px 18px;
    font-size:12px;
  }

site-header{padding:0 24px}.hero{height:auto;grid-template-columns:1fr;padding:34px 24px 0}.label-photo{margin:24px -24px 0;min-height:320px}.feature-strip,.content{grid-template-columns:1fr;padding-left:24px;padding-right:24px}.feature-strip article{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.cta{grid-template-columns:1fr;text-align:center}.footer{height:auto;flex-wrap:wrap;padding:24px}.footer a{margin-left:0}}
@media(max-width:560px){.hero-logo{font-size:54px}.hero h2{font-size:25px}.hero p{font-size:19px}.prepare-grid{grid-template-columns:1fr}.logo{font-size:34px}.label-photo{min-height:260px}.cta h2{font-size:22px}}
.sub-hero{
  min-height:360px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
}

.sub-hero-image{
  min-height:360px;
  background:url('/assets/hero-label.png') center/cover no-repeat;
}

@media(max-width:800px){
  .sub-hero{
    grid-template-columns:1fr;
  }

  .sub-hero-image{
    min-height:260px;
  }
}

/* ATEVE podstránky - hero obrázky */
.sub-hero{
  min-height:360px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
}

.sub-hero-image{
  min-height:360px;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
}

.page-o-ateve .sub-hero-image{ background-image:url('/assets/sub-o-ateve.png'); }
.page-reseni .sub-hero-image{ background-image:url('/assets/sub-reseni.png'); }
.page-vyhody .sub-hero-image{ background-image:url('/assets/sub-vyhody.png'); }
.page-pripravujeme .sub-hero-image{ background-image:url('/assets/sub-pripravujeme.png'); }
.page-kontakt .sub-hero-image{ background-image:url('/assets/sub-kontakt.png'); }

@media(max-width:800px){
  .sub-hero{ grid-template-columns:1fr; }
  .sub-hero-image{ min-height:260px; }
}

.page-card{
  max-width:1100px;
  margin:50px auto;
  background:white;
  border:1px solid var(--line);
  border-radius:16px;
  padding:46px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.page-card h2{
  font-size:30px;
  margin-top:0;
}

.page-card p,
.page-card li{
  font-size:18px;
  line-height:1.55;
  color:var(--muted);
}

@media(max-width:800px){
  .page-card{
    margin:28px 18px;
    padding:28px;
  }
}

.page-o-ateve .sub-hero-image{
  background-size:90%;
  background-position:center;
}