@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/barlow-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/barlow-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/barlow-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/barlow-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlowsemicondensed-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlowsemicondensed-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/barlowsemicondensed-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/barlowsemicondensed-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root{--steel:#17242f;--steel-deep:#101a22;--ink:#131c24;--paper:#f4f6f7;--card:#ffffff;
--core:#e96114;--core-deep:#c24e0d;--core-soft:rgba(233,97,20,.10);
--line:#dde3e7;--muted:#5b6770;--ondark:#e7ecef;--ondark-mut:#9fb0ba;
--disp:'Barlow Semi Condensed',sans-serif;--ff:'Barlow',system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:16.5px/1.6 var(--ff);color:var(--ink);background:var(--paper)}
img,svg{max-width:100%}
a{color:var(--core-deep)}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.eyebrow{font:800 12.5px/1 var(--disp);letter-spacing:.2em;text-transform:uppercase;color:var(--core)}
.eyebrow::before{content:'';display:inline-block;width:26px;height:8px;margin-right:10px;vertical-align:1px;
background:repeating-linear-gradient(-45deg,var(--core) 0 4px,transparent 4px 8px)}
h1,h2,h3{font-family:var(--disp);line-height:1.08;text-wrap:balance}
h2{font-size:clamp(28px,3.6vw,42px);font-weight:800;text-transform:uppercase;letter-spacing:.02em}
/* header */
header.site{position:sticky;top:0;z-index:60;background:rgba(23,36,47,.97);backdrop-filter:blur(6px);color:#fff;border-bottom:3px solid var(--core)}
.nav{display:flex;align-items:center;gap:26px;height:70px}
.logo-svg{height:26px;width:auto;display:block;color:#fff}
.nav ul{display:flex;gap:24px;list-style:none;padding:0;margin-left:auto}
.nav a{color:#e7ecef;text-decoration:none;font-weight:600;font-size:15px}
.nav a:hover{color:#fff}
.nav a.on{color:var(--core)}
.nav .tel{background:var(--core);color:#fff;padding:10px 20px;border-radius:4px;font:800 15px var(--disp);letter-spacing:.04em;white-space:nowrap}
.nav .tel:hover{background:var(--core-deep)}
.burger{display:none}
/* hero */
.hero{background:linear-gradient(160deg,var(--steel) 0%,var(--steel-deep) 100%);color:#fff;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;right:-140px;top:-140px;width:480px;height:480px;border:56px solid rgba(233,97,20,.14);border-radius:50%;pointer-events:none}
.hero::before{content:'';position:absolute;right:22px;top:118px;width:96px;height:96px;border:14px solid rgba(233,97,20,.35);border-radius:50%;pointer-events:none}
.hero .in{padding:84px 0 60px;max-width:720px;position:relative}
.hero h1{font-size:clamp(36px,5.6vw,62px);font-weight:800;text-transform:uppercase;margin:16px 0 14px}
.hero h1 em{font-style:normal;color:var(--core)}
.hero p{font-size:19px;color:var(--ondark-mut);max-width:56ch}
.cta-row{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 28px;border-radius:4px;font:800 16px var(--disp);letter-spacing:.05em;text-transform:uppercase;text-decoration:none}
.btn.p{background:var(--core);color:#fff}
.btn.p:hover{background:var(--core-deep)}
.btn.g{border:2px solid #46586600;outline:2px solid rgba(255,255,255,.4);color:#fff}
.btn.g:hover{outline-color:#fff}
/* menu činností */
.cinnosti{position:relative;padding:0 0 70px;background:linear-gradient(180deg,var(--steel-deep) 0,var(--steel-deep) 170px,var(--paper) 170px)}
.cin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.cin{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--core);border-radius:6px;padding:26px 24px;text-decoration:none;color:var(--ink);transition:transform .16s,box-shadow .16s;display:block}
.cin:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(16,26,34,.16)}
.cin .ic{width:44px;height:44px;margin-bottom:14px}
.cin h3{font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.cin p{color:var(--muted);font-size:14.5px;margin-top:8px}
.cin .more{display:block;margin-top:14px;font:800 13px var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--core)}
/* sekce služeb */
section.sluzba{padding:78px 0;border-top:1px solid var(--line)}
section.sluzba:nth-of-type(even){background:#fff}
.sl-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:start;margin-top:18px}
.sl-grid p{margin-bottom:14px;font-size:17px}
.checks{list-style:none;padding:0;margin:8px 0 0}
.checks li{padding:8px 0 8px 36px;position:relative;font-weight:500}
.checks li::before{content:'';position:absolute;left:0;top:11px;width:18px;height:18px;border:5px solid var(--core);border-radius:50%}
.sidebox{background:var(--steel);color:var(--ondark);border-radius:8px;padding:28px 30px}
.sidebox h3{color:#fff;font-size:19px;text-transform:uppercase;margin-bottom:12px}
.sidebox ul{list-style:none;padding:0}
.sidebox li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:15px}
.sidebox li:last-child{border:none}
.sidebox .btn{margin-top:18px}
/* pásy */
.band{background:var(--steel);color:#fff;padding:56px 0}
.band h2{color:#fff}
.band .stats{display:flex;gap:56px;flex-wrap:wrap;margin-top:26px}
.band .stats b{font:800 40px var(--disp);color:var(--core)}
.band .stats span{display:block;color:var(--ondark-mut);font-size:14px}
.cr{background:repeating-linear-gradient(-45deg,var(--core) 0 14px,#d4550e 14px 28px);color:#fff;padding:26px 0;font:800 18px var(--disp);letter-spacing:.04em;text-transform:uppercase;text-align:center}
/* certifikace */
.certy{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:30px}
.cert{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:22px;display:flex;gap:16px;align-items:flex-start}
.cert .badge{flex:0 0 46px;height:46px;border:6px solid var(--core);border-radius:50%;position:relative}
.cert .badge::after{content:'';position:absolute;inset:8px;background:var(--core);border-radius:50%}
.cert b{display:block;font:800 16px var(--disp);text-transform:uppercase;letter-spacing:.02em}
.cert span{color:var(--muted);font-size:14px}
/* persony */
.persony{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}
.pers{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:28px;display:flex;flex-direction:column}
.pers h3{font-size:20px;text-transform:uppercase}
.pers .pro{font-size:13px;color:var(--core-deep);font-weight:700;margin:4px 0 10px}
.pers p{color:var(--muted);font-size:15px}
.pers ul{margin:14px 0 0;padding:0;list-style:none;font-size:14.5px}
.pers li{padding:6px 0 6px 26px;position:relative}
.pers li::before{content:'';position:absolute;left:0;top:11px;width:12px;height:12px;border:4px solid var(--core);border-radius:50%}
.pers .btn{margin-top:auto;align-self:flex-start;margin-top:20px;font-size:14px;padding:11px 20px}
/* galerie staveb */
.stavby{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;margin-top:30px}
.stv{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.stv .ph{aspect-ratio:4/3;background:linear-gradient(145deg,#243545,#17242f);display:flex;align-items:center;justify-content:center;color:#51667a;font:700 13px var(--disp);letter-spacing:.1em;text-transform:uppercase}
.stv .tx{padding:16px 18px 18px}
.stv b{font:800 16px var(--disp);text-transform:uppercase}
.stv span{display:block;color:var(--muted);font-size:13.5px;margin-top:4px}
/* kontakt */
.kont{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:30px}
.kk{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:26px}
.kk b{display:block;font:800 16px var(--disp);text-transform:uppercase;margin-bottom:6px}
.kk a{font-weight:700;font-size:19px;text-decoration:none}
form.lead{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:28px;margin-top:26px;max-width:560px}
form.lead label{display:block;font:700 13px var(--disp);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 0 5px}
form.lead input,form.lead textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:5px;font:16px var(--ff)}
form.lead input:focus,form.lead textarea:focus{outline:2px solid var(--core);border-color:var(--core)}
form.lead .note{font-size:13px;color:var(--muted);margin-top:8px}
form.lead button{margin-top:18px;border:0;cursor:pointer}
/* footer */
footer{background:var(--steel-deep);color:var(--ondark-mut);padding:46px 0 28px;margin-top:0}
footer .logo-svg{color:#fff;height:22px;margin-bottom:12px}
footer .cols{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}
footer a{color:var(--ondark);text-decoration:none}
footer ul{list-style:none;padding:0;display:flex;gap:20px;flex-wrap:wrap}
footer .bot{border-top:1px solid #223240;margin-top:28px;padding-top:16px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
/* popup */
dialog.leadpop{border:0;border-radius:10px;padding:0;max-width:430px;width:92vw;box-shadow:0 30px 80px rgba(0,0,0,.4);margin:auto;position:fixed;inset:0}
dialog.leadpop::backdrop{background:rgba(16,26,34,.55)}
.lp-head{background:var(--steel);color:#fff;padding:20px 26px;font:800 19px var(--disp);text-transform:uppercase;letter-spacing:.03em;border-bottom:3px solid var(--core);position:relative}
.lp-close{position:absolute;right:14px;top:12px;background:none;border:0;color:#9fb0ba;font-size:26px;cursor:pointer;line-height:1}
.lp-body{padding:24px 26px 26px}
.lp-body p{font-size:15px;color:var(--muted);margin-bottom:14px}
.lp-body input{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:5px;font:16px var(--ff);margin-bottom:10px}
.lp-body input:focus{outline:2px solid var(--core);border-color:var(--core)}
.lp-body .err{color:#c0392b;font-size:13.5px;display:none;margin-bottom:8px}
.lp-body .ok{color:#1d7a3d;font-weight:700;display:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media(max-width:860px){
 .nav ul{display:none;position:absolute;top:70px;left:0;right:0;background:var(--steel);flex-direction:column;padding:16px 24px;gap:14px;border-bottom:3px solid var(--core)}
 .nav ul.open{display:flex}
 .burger{display:block;background:none;border:0;color:#fff;font-size:26px;margin-left:auto;cursor:pointer}
 .sl-grid{grid-template-columns:1fr}
 .hero .in{padding:56px 0 44px}
}