/* OPEX – spoločný systém podľa podkladov (Archivo + Lato, akcent #F08A3E) */
:root{--ink:#141414;--dark:#141414;--dark2:#1c1c1c;--line:#2e2e2e;--acc:#F08A3E;--acc-ink:#B4521A;--light:#F5F3EF;--anth:#3A3A3A;--muted:#B5B0A8;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Lato,Arial,sans-serif;font-size:16px;line-height:1.55;color:#fff;background:var(--dark)}
a{color:inherit}img{display:block;max-width:100%}
h1,h2,h3,h4,.f-a{font-family:Archivo,Arial,sans-serif;font-weight:800;letter-spacing:-.02em;margin:0}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto}
.eyebrow{font-family:Archivo,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.on-light .eyebrow{color:var(--acc-ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 28px;border-radius:999px;font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:2px solid transparent;white-space:nowrap;cursor:pointer}
.btn-acc{background:var(--acc);color:#141414}.btn-ghost{border-color:#fff;color:#fff}.btn-ghost-dark{border-color:#141414;color:#141414}.btn-white{background:#fff;color:#141414}.btn-sm{height:44px;padding:0 24px;font-size:14px}
/* header */
.hdr{height:80px;border-bottom:1px solid #262626;background:var(--dark)}
.hdr .wrap{display:flex;align-items:center;height:100%}
.hdr .logo img{height:34px}
.hdr nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-family:Archivo,Arial,sans-serif;font-size:14px;font-weight:600}
.hdr nav a{text-decoration:none;color:#fff;padding:4px 0}
.hdr nav a.act{border-bottom:2px solid var(--acc)}
.hdr nav .btn{height:44px;padding:0 20px;margin-left:2px;color:#141414}

/* sections */
section{padding:96px 0}
.light-sec{background:var(--light);color:#141414}.white-sec{background:#fff;color:#141414}
.h2{font-size:36px;line-height:1.12;margin:10px 0 0}
.lead-muted{color:#cfcac2;font-size:16px}
.card{background:var(--dark2);border:1px solid var(--line);border-radius:var(--r)}
/* newsletter + footer */
.news{background:var(--anth);padding:56px 0}
.news .wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.news h2{font-size:30px}.news p{color:#e2ded8;margin-top:10px;max-width:520px}
.news label.l{font-size:13px;font-weight:700;display:block;margin-bottom:8px}
.news .row{display:flex;gap:10px}.news input[type=email]{flex:1;height:52px;border-radius:999px;border:0;padding:0 20px;font:15px Lato}
.news .chk{display:flex;gap:10px;align-items:center;font-size:13px;margin-top:12px;color:#eee}
.chk input{width:18px;height:18px;margin:0}
.ftr{background:#111;padding:64px 0}
.ftr .wrap{display:flex;justify-content:space-between;align-items:center}
.ftr .co{color:#bdb8b0;font-size:14px;line-height:1.7}.ftr .co img{height:36px;margin-bottom:14px}
.ftr .co a{color:#fff}
.soc{display:flex;gap:10px;margin-top:16px}.soc a{width:46px;height:46px;border:1px solid #444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;text-decoration:none}
.mary{display:flex;gap:32px;align-items:center}.mary img{width:200px;height:300px;object-fit:cover;border-radius:14px}
.mary h3{font-size:26px}.mary .n{color:#bdb8b0;font-size:14px;margin:12px 0}.mary a{display:block;font-weight:700;margin-bottom:10px}
/* forms */
.form{background:#fff;color:#141414;border-radius:var(--r);padding:36px}
.form label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}
.form input[type=text],.form input[type=email],.form input[type=tel],.form input[type=number],.form select,.form textarea{width:100%;height:52px;border:1px solid #cfcac2;border-radius:10px;padding:0 14px;font:15px Lato;background:#fff}
.form textarea{height:96px;padding:12px 14px}
.form .g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form .f{margin-bottom:22px}
.form .chk{display:flex;gap:10px;align-items:center;font-size:13px;margin:0 0 16px}
.form .btn{width:100%}
.form-note{font-size:12px;color:#777;margin-top:10px}
.todo-form{display:none}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.ticks{list-style:none;padding:0;margin:24px 0 0}.ticks li{padding-left:28px;position:relative;margin-bottom:12px;font-size:15px}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:700}
.more3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.more3 a{display:block;text-decoration:none;border:1px solid #141414;border-radius:var(--r);padding:28px}
.more3 h3{font-size:19px;margin-bottom:12px}.more3 p{font-size:14px;color:#555}

/* jednotná hlavička – mobil */
.burger{display:none}
@media(max-width:900px){.wrap{padding:0 20px}.hdr{position:relative;height:68px}.hdr .logo img{height:28px}
.burger{display:flex;flex-direction:column;gap:5px;margin-left:auto;cursor:pointer;padding:10px}.burger span{width:24px;height:2px;background:#fff;display:block}
.hdr nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--dark);flex-direction:column;align-items:flex-start;gap:0;padding:8px 20px 20px;border-bottom:1px solid #262626;z-index:50}
.hdr nav a{padding:12px 0;width:100%}.hdr nav .btn{margin:10px 0 0;width:auto}.navt:checked~nav{display:flex}}

/* Variant A – Master Class: oranžový rámik */
.hdr nav a.nav-mc{border:1.5px solid #F08A3E;color:#F08A3E;background:transparent;border-radius:999px;padding:7px 14px;line-height:1}
.hdr nav a.nav-mc:hover{background:rgba(240,138,62,.12)}
@media(max-width:900px){.hdr nav a.nav-mc{width:auto;padding:9px 16px;margin:6px 0}}