/* ============================================================
   DIAGORA - design systém (zdroj: schválený návrh D8)
   Společné CSS pro všechny stránky webu.
   ============================================================ */
:root{
  --navy:#0C1826;--navy2:#13233A;
  --red:#B5342A;--red-l:#D9574C;
  --gray:#65707D;--line:#E2E6EA;--bg:#F5F6F8;
  --amber:#E9A23B;--green:#0A8F5B;
  --mut:#9FB2C6;--r:18px;
  /* barevné kódování dvou oblastí: ISO a energetika = modrá, obchodní výkon = červená */
  --iso:#2E6FA3;--iso-l:#8FB8E0;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:#13202F;line-height:1.65;font-size:16px;background:#fff}
h1,h2,h3,h4{font-family:'Archivo',sans-serif;letter-spacing:-.015em}
.wrap{max-width:1160px;margin:0 auto;padding:0 28px}
a{color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px;top:0;background:var(--red);color:#fff;padding:12px 22px;border-radius:0 0 12px 0;z-index:99;font-weight:600;text-decoration:none}
.skip:focus{left:0}
.fx{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.fx{opacity:1;transform:none;transition:none}}

/* ===== NAV ===== */
nav{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.nav-in{display:flex;justify-content:space-between;align-items:center;height:78px}
.logo{display:inline-block;line-height:0;text-decoration:none}
.logo img{height:30px;width:auto;display:block}
.nav-r{display:flex;gap:30px;font-size:15px;font-weight:500;align-items:center}
.nav-r>a{text-decoration:none;color:#13202F;opacity:.72;transition:opacity .2s;position:relative;padding:6px 0}
.nav-r>a:hover{opacity:1}
.nav-r>a.act{opacity:1}
.nav-r>a.act::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;border-radius:99px;background:var(--red)}
.nav-r>a.cta{background:var(--red);color:#fff;padding:12px 26px;border-radius:99px;font-weight:600;opacity:1}
.nav-r>a.cta::after{display:none}
.nav-r>a.cta:hover{box-shadow:0 10px 24px rgba(181,52,42,.35)}
.burger{display:none;background:none;border:none;cursor:pointer;width:42px;height:42px;border-radius:10px}
.burger span{display:block;width:22px;height:2px;background:#13202F;margin:5px auto;border-radius:2px;transition:transform .25s,opacity .25s}
.burger.x span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.x span:nth-child(2){opacity:0}
.burger.x span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mmenu{display:none;background:#fff;border-bottom:1px solid var(--line)}
.mmenu.on{display:block}
.mmenu a{display:block;padding:16px 28px;text-decoration:none;font-weight:500;border-top:1px solid var(--line)}
.mmenu a.cta{color:var(--red);font-weight:700}
/* dropdown Služby */
.navdd{position:relative;display:flex;align-items:center}
.ddt{display:flex;align-items:center;gap:6px;font:inherit;font-weight:500;font-size:15px;color:#13202F;opacity:.72;background:none;border:0;cursor:pointer;padding:6px 0;transition:opacity .2s}
.ddt svg{width:11px;height:11px;transition:transform .25s}
.navdd:hover .ddt,.navdd.on .ddt{opacity:1}
.navdd:hover .ddt svg{transform:rotate(180deg)}
.navdd.on .ddt{position:relative}
.navdd.on .ddt::after{content:"";position:absolute;left:0;right:18px;bottom:-4px;height:3px;border-radius:99px;background:var(--red)}
.ddp{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(6px);width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 48px -14px rgba(12,24,38,.2);padding:8px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
.navdd:hover .ddp{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.ddp::before{content:"";position:absolute;top:-24px;left:0;right:0;height:24px}
.ddl{display:block;text-decoration:none;padding:12px 14px;border-radius:9px;border-left:3px solid transparent;transition:.15s}
.ddl:hover{background:var(--bg)}
.ddl.iso:hover{border-left-color:var(--iso)}.ddl.sales:hover{border-left-color:var(--red)}
.ddl .kk{font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:2px}
.ddl.iso .kk{color:var(--iso)}.ddl.sales .kk{color:var(--red)}
.ddl .ss{font-size:12px;color:var(--gray)}
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:16px 34px;border-radius:99px;border:none;cursor:pointer;transition:box-shadow .2s;font-family:'Inter',sans-serif}
.btn:hover{box-shadow:0 14px 30px rgba(181,52,42,.35)}
.btn.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3)}
.btn.ghost:hover{box-shadow:none;background:rgba(255,255,255,.14)}

/* ===== HERO ===== */
.hero{background:radial-gradient(1100px 600px at 78% -10%,#1F3A5C 0%,var(--navy2) 45%,var(--navy) 100%);
  color:#fff;position:relative;overflow:visible;padding:78px 0 0}
.hero .clip{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero .glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.32}
.hero .glow.a{background:#B5342A;top:-180px;right:-120px}
.hero .glow.b{background:#1F4E7A;bottom:-220px;left:-140px}
.hero .wrap{position:relative}
.crumbs{font-size:13px;color:var(--mut);margin-bottom:26px}
.crumbs a{text-decoration:none;color:var(--mut)}
.crumbs a:hover{color:#fff}
.crumbs span{margin:0 8px}
.crumbs b{color:#D7DFE8;font-weight:600}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;padding-bottom:64px}
.hero .k{font-size:13px;letter-spacing:.22em;color:var(--mut);font-weight:600;margin-bottom:20px;text-transform:none}
.hero h1{font-size:54px;line-height:1.06;font-weight:700}
.p-home .hero h1{line-height:1.17;margin-top:-13px}
.hero h1 .dot{color:var(--red-l)}
.hero p.sub{margin-top:22px;color:#B3C0CF;font-size:17.5px;max-width:48ch}
.hero .act{margin-top:34px;display:flex;gap:16px;flex-wrap:wrap}
/* barevné kódování světů v hero kickeru podstránek */
.p-iso .hero .k,.p-isosys .hero .k{color:var(--iso-l)}
.p-diag .hero .k{color:#E5938A}
/* podstránky: nižší hero, menší H1 */
.p-sub .hero{padding:64px 0 0}
.p-sub .hero h1{font-size:46px;line-height:1.08}
.p-sub .hero-grid{padding-bottom:96px}

/* ===== HERO KARTY ===== */
.visual{position:relative;height:430px}
.p-sub .visual{height:400px}
.fcard{position:absolute;background:rgba(19,35,58,.86);border:1px solid rgba(255,255,255,.16);
  border-radius:16px;padding:22px 24px;box-shadow:0 28px 70px rgba(0,0,0,.4);backdrop-filter:blur(8px)}
.fcard .ft{font-size:11px;letter-spacing:.16em;color:var(--mut);font-weight:700;margin-bottom:12px}
.fcard.hl{border:1px solid rgba(217,87,76,.5);box-shadow:0 34px 80px rgba(0,0,0,.5),0 0 0 1px rgba(217,87,76,.2);z-index:2}
.fcard h2,.fcard h3{font-size:21px;color:#fff;margin-bottom:14px;line-height:1.3}
.chk{display:flex;align-items:center;gap:10px;font-size:13.5px;padding:6px 0;color:#D7DFE8}
.chk svg{width:17px;height:17px;flex-shrink:0}
.law-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}
.law-row b{font-family:'Archivo',sans-serif;font-size:19px;white-space:nowrap;min-width:118px}
.law-row span{font-size:12.5px;color:#D7DFE8}
.law-row.warn b{color:var(--amber)}
.law-row.crit b{color:var(--red-l)}
.mini-btn{display:inline-block;margin-top:14px;background:var(--red);color:#fff;text-decoration:none;
  font-weight:700;font-size:13.5px;padding:11px 22px;border-radius:99px}
.fcard .row{display:flex;align-items:baseline;justify-content:space-between}
.fcard .row b{font-family:'Archivo',sans-serif;font-size:32px;font-weight:700;color:#fff}
.fcard .bars{display:flex;align-items:flex-end;gap:5px;height:34px;margin-top:10px}
.fcard .bars i{flex:1;background:rgba(255,255,255,.16);border-radius:4px 4px 0 0}
.fcard .bars i.g{background:#3DD68C}
.fcard .bars i.r{background:var(--red-l)}
/* pozice karet - homepage: banner f2 uprostřed vpředu, 4 ztlumené karty v rozích za ním */
.p-home .visual{height:520px}
.p-home .fcard.dim{opacity:.5;padding:20px 22px}
.p-home .fcard.f4{top:30px;left:-3%;width:40%}
.p-home .fcard.f1{top:30px;right:-3%;width:40%}
.p-home .fcard.f5{bottom:30px;left:-3%;width:40%;padding:24px 26px}
.p-home .fcard.f3{bottom:30px;right:-3%;width:40%}
.p-home .fcard.f2{top:62px;left:21%;width:58%;background:rgba(19,35,58,.97)}
.p-home .fcard.f2 .law-row{flex-direction:column;align-items:flex-start;gap:2px}
.p-home .fcard.f2 .law-row b{min-width:0}
.p-home .fcard.f3 .row b{font-size:26px;white-space:nowrap}
.p-home .fcard.f5 .wrd{font-family:'Archivo',sans-serif;font-weight:700;font-size:22px;color:#fff;line-height:1.5}
.p-home .fcard.f5 .wrd .dot{color:var(--red-l)}
@media(max-width:920px){
  .p-home .visual{height:auto;display:grid;gap:14px;position:static}
  .p-home .fcard{position:static;width:100% !important;opacity:1;padding:22px 24px}
  .p-home .fcard.f1,.p-home .fcard.f4,.p-home .fcard.f5{display:none}
}
/* pozice karet - ISO hub */
.p-iso .fcard.f1{top:0;right:0;width:62%}
.p-iso .fcard.f2{top:150px;left:0;width:76%}
/* pozice karet - diagnostika hub */
.p-diag .fcard.f1{top:0;right:0;width:58%}
.p-diag .fcard.f2{top:128px;left:0;width:74%}
.dim-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.1)}
.dim-row span{font-size:12.5px;color:#D7DFE8;min-width:148px}
.dim-row .db{flex:1;height:8px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.dim-row .db i{display:block;height:100%;border-radius:99px;background:#8DA0B4}
.dim-row .db i.lo{background:var(--red-l)}
.dim-row .db i.hi{background:#3DD68C}
.dim-row b{font-family:'Archivo',sans-serif;font-size:13px;min-width:34px;text-align:right}

/* ===== TRUST ŘÁDEK V HERO ===== */
.hero .trust{margin-top:22px;display:flex;gap:10px 22px;flex-wrap:wrap;font-size:13px;color:var(--mut);font-weight:600}
.hero .trust span{display:flex;align-items:center;gap:7px}
.hero .trust svg{width:15px;height:15px;flex-shrink:0}
.hero .ctanote{margin-top:12px;font-size:12.5px;color:var(--mut)}

/* ===== LOGO BAR REFERENCÍ ===== */
.logobar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin-top:34px}
.logobar .lph{height:48px;display:flex;align-items:center;padding:0 22px;border:1px solid var(--line);border-radius:8px;
  font-family:'Archivo',sans-serif;font-weight:700;color:#9AA3AD;letter-spacing:.06em;font-size:16.5px;white-space:nowrap}
.logobar .in{display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.logobar .lt{font-size:11.5px;letter-spacing:.18em;color:var(--gray);font-weight:700;text-transform:uppercase;white-space:nowrap}
.logobar img{height:48px;width:auto;filter:grayscale(1);opacity:.65;transition:filter .25s,opacity .25s}
.logobar img:hover{filter:none;opacity:1}
.logobar .lnote{font-size:12.5px;color:var(--gray);margin-left:auto}

/* ===== CTA VE VERDIKTU KALKULAČKY ===== */
.verdict .vbtn{display:inline-block;margin-top:12px;background:var(--red);color:#fff;text-decoration:none;
  font-weight:700;font-size:13px;padding:10px 20px;border-radius:99px}
.verdict.lv0 .vbtn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff}

/* ===== STICKY MOBILNÍ CTA ===== */
.mcta{display:none}
@media(max-width:920px){
  .mcta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(12,24,38,.97);
    backdrop-filter:blur(8px);padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:10px;
    border-top:1px solid rgba(255,255,255,.12)}
  .mcta a{flex:1;text-align:center;text-decoration:none;font-weight:700;font-size:14px;padding:13px 10px;border-radius:99px}
  .mcta .m1{background:var(--red);color:#fff}
  .mcta .m2{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}
  body.has-mcta{padding-bottom:68px}
  .logobar .lnote{margin-left:0}
}

/* ===== PRODUKTOVÉ KARTY (homepage) ===== */
.duo-zone{position:relative;z-index:3;margin-top:-58px;padding-bottom:8px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:30px 32px;text-decoration:none;display:flex;flex-direction:column;
  box-shadow:0 26px 60px rgba(12,24,38,.14);transition:transform .3s ease,box-shadow .3s;
  position:relative;overflow:hidden}
.hcard::before{content:"";position:absolute;top:0;left:0;right:0;height:5px}
.hcard.c-iso::before{background:var(--iso)}
.hcard.c-sales::before{background:var(--red)}
.hcard.c-iso .no{color:var(--iso)}
.hcard.c-sales .no{color:var(--red)}
.hcard.c-iso .ic{background:linear-gradient(135deg,rgba(46,111,163,.14),rgba(46,111,163,.05));border:1px solid rgba(46,111,163,.25)}
.hcard.c-iso .ic svg{stroke:var(--iso)}
.hcard.c-iso .more{color:var(--iso)}
.hcard:hover{transform:translateY(-6px);box-shadow:0 36px 80px rgba(12,24,38,.2)}
.hcard .head{display:flex;align-items:center;gap:18px;margin-bottom:16px}
.hcard .ic{width:68px;height:68px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,rgba(181,52,42,.14),rgba(181,52,42,.05));
  border:1px solid rgba(181,52,42,.22);display:flex;align-items:center;justify-content:center}
.hcard .ic svg{width:40px;height:40px;stroke:var(--red);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hcard .no{font-size:16.5px;letter-spacing:.14em;color:var(--gray);font-weight:700;margin-bottom:4px;line-height:1.2}
.hcard h3{font-size:22px}
.hcard p{font-size:14.5px;color:var(--gray);margin-bottom:16px}
.hcard .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.hcard .chip{font-size:12px;font-weight:600;padding:6px 13px;border-radius:99px;background:var(--bg);border:1px solid var(--line)}
.hcard .cfoot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--gray)}
.hcard .cfoot b{color:#13202F;font-weight:600}
.hcard .more{font-weight:700;font-size:14px;color:var(--red);white-space:nowrap}

/* ===== SEKCE ===== */
section{padding:88px 0}
.k{font-size:12.5px;letter-spacing:.2em;color:var(--red);font-weight:700;text-transform:uppercase;margin-bottom:16px}
h2.sec{font-size:38px;font-weight:700;margin-bottom:14px}
.lead{color:var(--gray);max-width:62ch;margin-bottom:44px}
.vlink{font-weight:700;font-size:14px;color:var(--red);text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:1px}

/* ===== TÉMATA (homepage) ===== */
.topics{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.tchip{background:#fff;border:1px solid var(--line);border-radius:99px;padding:13px 24px;cursor:pointer;
  font-family:'Inter',sans-serif;font-size:14.5px;font-weight:600;color:var(--gray);transition:all .2s}
.tchip:hover{border-color:var(--navy);color:#13202F}
.tchip.act{background:var(--navy);border-color:var(--navy);color:#fff}
.tdetail{display:none;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 26px 64px rgba(12,24,38,.1)}
.tdetail.on{display:grid;grid-template-columns:1fr 1.1fr;animation:sb .35s ease}
@keyframes sb{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tdetail .txt{padding:44px}
.tdetail .tag{font-size:11.5px;letter-spacing:.14em;color:var(--red);font-weight:700;text-transform:uppercase;margin-bottom:12px}
.tdetail h3{font-size:25px;margin-bottom:14px}
.tdetail .txt p{color:var(--gray);font-size:15px;margin-bottom:14px}
.tdetail .btn{margin-top:8px}
.tdetail .gfx{background:var(--bg);border-left:1px solid var(--line);padding:40px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.gfx .gt{font-size:12px;letter-spacing:.16em;color:var(--gray);font-weight:700;text-transform:uppercase}

/* ===== LIMITY / SKÓRE / CO BOXY ===== */
.thr{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 24px;display:flex;align-items:center;gap:20px}
.thr .tn{font-family:'Archivo',sans-serif;font-size:27px;font-weight:700;white-space:nowrap;min-width:170px}
.thr .tn small{display:block;font-family:'Inter',sans-serif;font-size:11.5px;color:var(--gray);font-weight:600;letter-spacing:.06em}
.thr .arr{font-size:20px;color:var(--gray)}
.thr .tr{font-size:14.5px;font-weight:600}
.thr.warn{border-left:6px solid var(--amber)}
.thr.crit{border-left:6px solid var(--red)}
.thr.crit .tr{color:var(--red)}
.gnote{font-size:13px;color:var(--gray)}
.score-big{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;display:flex;align-items:center;justify-content:space-around;gap:10px;text-align:center}
.score-big .sv{font-family:'Archivo',sans-serif;font-weight:700;font-size:46px;line-height:1}
.score-big .sv small{display:block;font-family:'Inter',sans-serif;font-size:12px;color:var(--gray);font-weight:600;margin-top:6px}
.score-big .sv.aft{color:var(--red)}
.score-big .sarr{font-size:30px;color:var(--red)}
.srow{display:flex;gap:10px;flex-wrap:wrap}
.srow span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 16px;font-size:13px;font-weight:600}
.co{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.co .cbox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600}
.co .cbox i{width:10px;height:10px;border-radius:50%;background:var(--red);flex-shrink:0;font-style:normal}
.co-c{background:var(--navy);color:#fff;border-radius:14px;padding:18px;text-align:center;font-family:'Archivo',sans-serif;font-weight:700;font-size:16px;letter-spacing:.06em}

/* ===== KALKULAČKA ===== */
.calc-sec{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.calc{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}
.calc-in{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px}
.calc-in h3{font-size:18px;margin-bottom:6px}
.calc-in .note{font-size:13px;color:var(--gray);margin-bottom:24px}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.cfield label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.cfield .iw{position:relative}
.cfield input{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 58px 12px 14px;
  -webkit-appearance:none;appearance:none;
  font-family:'Inter',sans-serif;font-size:15px;color:#13202F;background:#fff}
.cfield input:focus{outline:none;border-color:var(--navy)}
.cfield .un{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12.5px;color:var(--gray);font-weight:600}
.calc-out{background:var(--navy);color:#fff;border-radius:20px;padding:34px;display:flex;flex-direction:column}
.calc-out .ot{font-size:12px;letter-spacing:.18em;color:var(--mut);font-weight:700;margin-bottom:18px}
.gate label{display:block;font-size:12.5px;font-weight:600;margin:12px 0 5px;color:#D7DFE8}
.gate input[type=text],.gate input[type=email],.gate input[type=tel]{width:100%;border:1px solid rgba(255,255,255,.22);
  border-radius:11px;padding:12px 14px;font-family:'Inter',sans-serif;font-size:14.5px;background:rgba(255,255,255,.06);color:#fff;
  -webkit-appearance:none;appearance:none}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.consent input{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:1.5px solid rgba(255,255,255,.45);
  border-radius:6px;background:rgba(255,255,255,.06);display:grid;place-content:center;margin-top:2px;flex-shrink:0;cursor:pointer}
.consent input:checked{background:var(--red);border-color:var(--red)}
.consent input:checked::before{content:"";width:11px;height:11px;background:#fff;
  clip-path:polygon(14% 44%,0 65%,40% 100%,100% 16%,80% 0,38% 66%)}
.gate input::placeholder{color:#7E92A8}
.gate input:focus{outline:none;border-color:#fff}
.consent{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font-size:12.5px;color:#C6D0DB;line-height:1.5;cursor:pointer}
.lerr{display:none;margin-top:12px;font-size:13px;font-weight:600;color:var(--red-l)}
.lerr.on{display:block}
.calc-out .total{display:flex;align-items:baseline;gap:10px}
.calc-out .total b{font-family:'Archivo',sans-serif;font-size:46px;font-weight:700;line-height:1}
.calc-out .total span{font-size:14px;color:var(--mut)}
.calc-out .tj{font-size:13px;color:var(--mut);margin-top:4px}
.meter{margin-top:24px}
.meter .mt{height:10px;border-radius:99px;background:rgba(255,255,255,.14);position:relative}
.meter .mfill{height:100%;border-radius:99px;width:0;transition:width .5s ease;background:#8DA0B4}
.meter .mark{position:absolute;top:-5px;width:2px;height:20px;background:rgba(255,255,255,.55);border-radius:2px}
.meter .mlabs{display:flex;justify-content:space-between;font-size:10.5px;color:var(--mut);margin-top:8px}
.verdict{margin-top:22px;border-radius:14px;padding:18px 20px;font-weight:700;font-size:15px;line-height:1.45;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.verdict small{display:block;font-weight:500;font-size:12.5px;margin-top:4px;opacity:.85}
.verdict.lvn{border-color:rgba(255,255,255,.18);color:#C6D0DB}
.verdict.lv0{border-color:rgba(61,214,140,.5);color:#3DD68C}
.verdict.lv1{border-color:rgba(233,162,59,.6);color:var(--amber)}
.verdict.lv2{border-color:rgba(217,87,76,.6);color:var(--red-l)}
.calc-out .btn{width:100%;text-align:center;margin-top:20px}
.calc-out .dis{font-size:11.5px;color:var(--mut);margin-top:14px}

/* ===== KARTY OBSAHU (huby a podstránky) ===== */
.who,.why{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;box-shadow:0 18px 44px rgba(12,24,38,.07)}
.wcard .ic{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(181,52,42,.14),rgba(181,52,42,.05));
  border:1px solid rgba(181,52,42,.22);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.wcard .ic svg{width:30px;height:30px;stroke:var(--red);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wcard h3{font-size:19px;margin-bottom:10px}
.wcard p{font-size:14.5px;color:var(--gray)}
.wcard .tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:10px}

/* srovnání dvou cest */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.vs .vcol{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px;display:flex;flex-direction:column}
.vs .vcol.hl{border:1px solid rgba(181,52,42,.35);box-shadow:0 26px 60px rgba(12,24,38,.12)}
.vs .vh{font-size:12px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--gray);margin-bottom:8px}
.vs .vcol.hl .vh{color:var(--red)}
.vs h3{font-size:22px;margin-bottom:18px}
.vrow{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14.5px}
.vrow b{min-width:128px;font-weight:600;color:var(--gray);font-size:13px;padding-top:1px}
.vfoot{margin-top:auto;padding-top:20px}

/* postup */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.steps.s4{grid-template-columns:repeat(4,1fr);gap:20px}
.pstep{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px}
.steps.s4 .pstep{padding:28px}
.pstep .no{font-family:'Archivo',sans-serif;font-size:13px;font-weight:700;color:var(--red);letter-spacing:.1em;margin-bottom:14px}
.pstep h3{font-size:19px;margin-bottom:10px}
.steps.s4 .pstep h3{font-size:17.5px}
.pstep p{font-size:14.5px;color:var(--gray)}
.steps.s4 .pstep p{font-size:14px}

/* čísla */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.nums.n3{grid-template-columns:repeat(3,1fr)}
.nums>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px}
.nums .n{font-family:'Archivo',sans-serif;font-size:34px;font-weight:700}
.nums .n i{font-style:normal;color:var(--red)}
.nums .d{font-size:13.5px;color:var(--gray);margin-top:4px}

/* CO2 sekce */
.co2-sec{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.co2-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}
.co2-grid p{color:var(--gray);font-size:15px;margin-bottom:14px}
.co2-grid .co-c{margin-top:12px}

/* tmavý teaser (kalkulačka apod.) */
.calc-tease{background:var(--navy);color:#fff;border-radius:22px;padding:48px 52px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;box-shadow:0 30px 70px rgba(12,24,38,.25)}
.calc-tease h2{font-size:30px;margin-bottom:12px}
.calc-tease p{color:#B3C0CF;font-size:15px;max-width:46ch}
.calc-tease .thr{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.calc-tease .thr .tr{color:#D7DFE8}
.calc-tease .thr.crit .tr{color:var(--red-l)}
.calc-tease .thr .tn small{color:var(--mut)}
.calc-tease .gnote{color:var(--mut);margin-top:4px}
.calc-tease .side{display:flex;flex-direction:column;gap:12px}

/* metodika (diagnostika) */
.met-sec{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.met{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}
.met .txt p{color:var(--gray);font-size:15px;margin-bottom:14px}
.met .srow{margin:20px 0 28px}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.dcard .dn{font-family:'Archivo',sans-serif;font-size:13px;font-weight:700;color:var(--red);letter-spacing:.08em;margin-bottom:8px}
.dcard h3{font-size:16px;margin-bottom:8px}
.dcard p{font-size:13.5px;color:var(--gray)}

/* ukázka výstupu - tmavý dashboard */
.demo{background:var(--navy);color:#fff;border-radius:22px;padding:44px 48px;box-shadow:0 30px 70px rgba(12,24,38,.25)}
.demo .ot{font-size:12px;letter-spacing:.18em;color:var(--mut);font-weight:700;margin-bottom:24px}
.demo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}
.demo .score-big{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.demo .score-big .sv{color:#fff}
.demo .score-big .sv small{color:var(--mut)}
.demo .score-big .sv.aft{color:#3DD68C}
.demo .score-big .sarr{color:var(--red-l)}
.demo .gnote{color:var(--mut);margin-top:14px}
.find{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:18px 20px;margin-top:14px;font-size:13.5px;color:#D7DFE8;line-height:1.5}
.find b{color:#fff}
.find .ftag{display:inline-block;font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--red-l);margin-bottom:6px}

/* timeline 6 měsíců */
.tl{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:34px}
.tl .m{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 14px;font-size:12.5px;color:var(--gray)}
.tl .m b{display:block;font-family:'Archivo',sans-serif;font-size:13px;color:#13202F;margin-bottom:4px}
.tl .m.hl{border-color:rgba(181,52,42,.4);box-shadow:0 10px 26px rgba(181,52,42,.12)}
.tl .m.hl b{color:var(--red)}

/* ===== REFERENCE ===== */
.refs{display:grid;grid-template-columns:1fr;gap:24px}
.refcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:40px 44px;box-shadow:0 18px 44px rgba(12,24,38,.07);
  display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;align-items:start}
.refcard .rn{font-family:'Archivo',sans-serif;font-size:36px;font-weight:700;line-height:1.15}
.refcard .rn i{font-style:normal;color:var(--red)}
.refcard .rmeta{font-size:13px;color:var(--gray);margin-top:10px;font-weight:600}
.refcard .rtag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.rrow{display:flex;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px}
.rrow b{min-width:128px;font-weight:600;color:var(--gray);font-size:13px;padding-top:1px;flex-shrink:0}
.rquote{margin-top:16px;padding:16px 20px;background:var(--bg);border-left:4px solid var(--red);border-radius:0 12px 12px 0;font-size:14.5px;font-style:italic;color:#3A4654}
.rquote span{display:block;font-style:normal;font-size:12.5px;color:var(--gray);margin-top:6px;font-weight:600}

/* ===== FAQ ===== */
.faq{max-width:840px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:20px 24px;font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:'Archivo',sans-serif;font-size:22px;color:var(--red);font-weight:700;flex-shrink:0;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq .fa{padding:0 24px 20px;color:var(--gray);font-size:14.5px}
.faq .fa a{font-weight:600}

/* ===== KONTAKTNÍ FORMULÁŘ (světlý) ===== */
.contact{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
.cform{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px}
.cform h3{font-size:18px;margin-bottom:6px}
.cform .note{font-size:13px;color:var(--gray);margin-bottom:24px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.ffield{display:flex;flex-direction:column}
.ffield.full{grid-column:1/-1}
.ffield label{font-size:13px;font-weight:600;margin-bottom:5px}
.ffield input,.ffield textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;
  -webkit-appearance:none;appearance:none;font-family:'Inter',sans-serif;font-size:15px;color:#13202F;background:#fff}
.ffield textarea{min-height:130px;resize:vertical}
.ffield input:focus,.ffield textarea:focus{outline:none;border-color:var(--navy)}
.consent.lt{color:var(--gray)}
.consent.lt input{border:1.5px solid #B9C2CC;background:#fff}
.consent.lt input:checked{background:var(--red);border-color:var(--red)}
.cside{background:var(--navy);color:#fff;border-radius:20px;padding:34px}
.cside .ot{font-size:12px;letter-spacing:.18em;color:var(--mut);font-weight:700;margin-bottom:18px}
.cside .crow{padding:14px 0;border-top:1px solid rgba(255,255,255,.1);font-size:14.5px}
.cside .crow:first-of-type{border-top:none}
.cside .cl{font-size:11.5px;letter-spacing:.14em;color:var(--mut);font-weight:700;text-transform:uppercase;margin-bottom:3px}
.cside a{color:#fff;text-decoration:none;font-weight:600}
.cside a:hover{text-decoration:underline}
.fok{display:none;margin-top:18px;padding:16px 20px;border-radius:14px;background:rgba(10,143,91,.12);border:1px solid rgba(10,143,91,.4);color:var(--green);font-weight:600;font-size:14.5px}
.fok.on{display:block}

/* ===== PROSE (právní texty) ===== */
.prose{max-width:760px}
.prose h2{font-size:24px;margin:36px 0 12px}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{font-size:15px;color:#3A4654;margin-bottom:12px}
.prose ul{padding-left:22px;margin-bottom:14px}
.prose li{margin-bottom:6px}

/* ===== CTA KARTA + PATIČKA ===== */
.cta-card{background:#fff;border:1px solid var(--line);border-left:6px solid var(--red);
  border-radius:20px;padding:50px 56px;display:flex;justify-content:space-between;align-items:center;gap:36px;
  box-shadow:0 26px 64px rgba(12,24,38,.1)}
.cta-card h2{font-size:32px;margin-bottom:10px}
.cta-card p{color:var(--gray);max-width:48ch}
.cta-card .alt{margin-top:14px;font-size:14px;color:var(--gray)}
.cta-card .alt a{font-weight:700;color:#13202F;text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:1px}
footer{background:var(--navy);color:#8DA0B4;font-size:14px;margin-top:88px}
.f-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding:60px 28px 44px}
.f-top .logo{color:#fff;margin-bottom:14px;display:inline-block}
.f-top p{max-width:34ch;font-size:13.5px}
.f-top h4{color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.f-top ul{list-style:none}
.f-top li{padding:5px 0}
.f-top a{text-decoration:none}
.f-top a:hover{color:#fff}
.f-bot{border-top:1px solid rgba(255,255,255,.12);padding:22px 28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px}
.f-bot a{text-decoration:none}
.f-bot a:hover{color:#fff}

/* ===== RESPONSIVE ===== */
@media(max-width:920px){
  .hero h1,.p-sub .hero h1{font-size:35px}
  .hcard .cfoot{flex-direction:column;align-items:flex-start;gap:10px}
  .cta-card{margin:0;max-width:100%}
  .domin{padding:26px 20px}
  .capp .abody{overflow-x:hidden}
  .f-top{grid-template-columns:1fr 1fr;gap:30px 24px}
  .f-top>div:first-child{grid-column:1/-1}
  .f-bot{flex-direction:column;gap:6px}
  body{overflow-x:hidden}
  .hero-grid,.p-sub .hero-grid{grid-template-columns:1fr;padding-bottom:52px}
  .visual,.p-sub .visual{height:auto;display:grid;gap:14px}
  .fcard{position:static;width:100% !important}
  .duo,.nums,.nums.n3,.steps,.steps.s4,.calc,.cgrid,.who,.why,.vs,.met,.demo-grid,.dgrid,.co2-grid,.calc-tease,.contact,.fgrid,.co{grid-template-columns:1fr}
  .duo-zone{margin-top:-36px}
  .tdetail.on{grid-template-columns:1fr}
  .tdetail .gfx{border-left:none;border-top:1px solid var(--line);padding:26px}
  .topics{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}
  .tchip{white-space:nowrap}
  .thr{flex-wrap:wrap;gap:8px}
  .tl{grid-template-columns:1fr 1fr}
  .demo{padding:30px 24px}
  .calc-tease{padding:32px 26px}
  .refcard{grid-template-columns:1fr;padding:30px 26px;gap:20px}
  .cta-card{flex-direction:column;align-items:flex-start;padding:36px}
  .f-top{grid-template-columns:1fr 1fr}
  .nav-r{display:none}
  .burger{display:block}
}

/* ===== výstupy (Co budete mít v ruce) ===== */
.vs .vcol.c-iso{border-top:5px solid var(--iso)}
.vs .vcol.c-sales{border-top:5px solid var(--red)}
.vs .vcol.c-iso .vh{color:var(--iso)}
.vs .vcol.c-sales .vh{color:var(--red)}
.vs .vcol h3{font-size:21px;margin-bottom:12px}
.vs .vlist{list-style:none;margin:4px 0 0;padding:0}
.vs .vlist li{padding:10px 0 10px 30px;border-top:1px solid var(--line);font-size:14.5px;position:relative}
.vs .vlist li::before{content:"\2713";position:absolute;left:4px;font-weight:700;color:var(--iso)}
.vs .vcol.c-sales .vlist li::before{color:var(--red)}

/* ===== odlehčení homepage (06/2026) ===== */
/* logobar - jemnější, opticky na střed */
.logobar{padding:20px 0;margin-top:30px}
.logobar .in{justify-content:center;gap:48px}
.logobar img{height:73px}
.logobar .lph{height:auto;padding:0;border:none;border-radius:0;font-size:14.5px;letter-spacing:.14em;color:#A6AFB8}
.logobar .lnote{margin-left:0}

/* trust řádek - čitelnost */
.hero .trust{font-size:13.5px;gap:12px 26px}
@media(max-width:920px){.hero .trust{font-size:14px;gap:14px}.hero .trust span{width:100%}}

/* case karty se štítky */
.nums.cases>div{padding:30px 30px 34px;display:flex;flex-direction:column;align-items:flex-start}
.nums.cases .ctag{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--red);background:rgba(181,52,42,.07);border:1px solid rgba(181,52,42,.18);padding:5px 12px;border-radius:99px;margin-bottom:16px}
.nums.cases .n{font-size:22px;line-height:1.32}
.nums.cases .d{margin-top:12px;line-height:1.68}

/* tmavé závěrečné CTA */
.cta-card.dark{background:var(--navy2);border:1px solid rgba(255,255,255,.08);border-left:6px solid var(--red)}
.cta-card.dark h2{color:#fff}
.cta-card.dark p{color:#C6D0DB}
.cta-card.dark .alt{color:#9FB2C6}
.cta-card.dark .alt a{color:#fff;border-bottom-color:var(--red-l)}
.cta-card.dark .vlink{color:#fff;border-bottom-color:var(--red-l)}

/* ===== interaktivita (06/2026) ===== */
.mini-btn{transition:background .2s,transform .2s,box-shadow .2s}
.mini-btn:hover{background:var(--red-l);transform:translateY(-2px);box-shadow:0 10px 24px rgba(181,52,42,.35)}
.hcard .chips a.chip{text-decoration:none;color:inherit;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.hcard.c-iso .chips a.chip:hover{background:rgba(46,111,163,.12);border-color:var(--iso);color:var(--iso)}
.hcard .cfoot a.more{text-decoration:none}

/* ===== infografika 3 kroků (O nás) ===== */
.flow3{display:flex;align-items:stretch;gap:8px;margin-top:44px}
.flow3 .f3s{flex:1;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;text-align:center;position:relative}
.flow3 .f3n{position:absolute;top:-13px;left:50%;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;line-height:26px}
.flow3 .f3i{width:64px;height:64px;margin:6px auto 14px;border-radius:16px;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.flow3 .f3i svg{width:32px;height:32px;stroke:var(--navy2);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.flow3 h3{font-size:17px;margin-bottom:6px}
.flow3 .f3s p{font-size:13.5px;color:var(--gray);line-height:1.55}
.flow3 .f3a{display:flex;align-items:center;flex-shrink:0}
.flow3 .f3a svg{width:42px;height:22px;stroke:var(--red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){
  .flow3{flex-direction:column;gap:26px}
  .flow3 .f3a{justify-content:center;transform:rotate(90deg);height:22px}
}

/* ===== 18 dimenzí (CODIS) ===== */
.dgrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.dgrid4 .dcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;border-top:5px solid var(--red)}
.dgrid4 .dn{font-size:11px;letter-spacing:.14em;color:var(--red);font-weight:700;margin-bottom:8px}
.dgrid4 h3{font-size:17px;margin-bottom:12px}
.dlist{list-style:none;margin:0;padding:0}
.dlist li{padding:8px 0 8px 24px;border-top:1px solid var(--line);font-size:13.5px;color:#26303B;position:relative}
.dlist li::before{content:"";position:absolute;left:4px;top:14px;width:7px;height:7px;border-radius:50%;background:rgba(181,52,42,.55)}
@media(max-width:1020px){.dgrid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.dgrid4{grid-template-columns:1fr}}

/* ===== CODIS ukázka nástroje (okno aplikace, světlé téma) ===== */
.capp{background:#fff;border:1px solid #DDE3E9;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(12,24,38,.14);margin-bottom:26px}
.capp .abar{display:flex;align-items:center;gap:14px;background:#F7F9FB;border-bottom:1px solid #E5EAEF;padding:13px 20px;flex-wrap:wrap}
.capp .dots{display:flex;gap:6px}
.capp .dots i{width:11px;height:11px;border-radius:50%;display:block}
.capp .dots i:nth-child(1){background:#E0584F}.capp .dots i:nth-child(2){background:#E9A23B}.capp .dots i:nth-child(3){background:#3DD68C}
.capp .ttl{font-size:12.5px;font-weight:600;color:#3D4A58}
.capp .chips2{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.capp .chip2{font-size:11px;color:#65707D;border:1px solid #DDE3E9;background:#fff;border-radius:99px;padding:4px 12px;white-space:nowrap}
.capp .abody{padding:24px 26px}
.ckpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.ckpi{background:#F8FAFB;border:1px solid #E5EAEF;border-radius:12px;padding:14px 18px}
.ckpi .l{font-size:10px;letter-spacing:.14em;color:#8494A5;font-weight:700;text-transform:uppercase}
.ckpi .v{font-family:'Archivo',sans-serif;font-size:26px;font-weight:700;margin-top:2px;color:#13202F;font-variant-numeric:tabular-nums}
.ckpi .v small{font-size:13px;color:#8494A5;font-weight:600}
.ckpi .d{font-size:11px;margin-top:1px;color:#8494A5}
.ckpi .d.up{color:#0A8F5B}
.csect{font-size:10.5px;letter-spacing:.16em;color:#8494A5;font-weight:700;margin:4px 0 12px}
.hgwrap{overflow-x:auto}
.hg{display:grid;grid-template-columns:225px repeat(4,1fr) 110px;font-size:12px;border:1px solid #E5EAEF;border-radius:12px;overflow:hidden;min-width:780px}
.hg>div{padding:8px 12px;border-bottom:1px solid #EEF1F4;display:flex;align-items:center}
.hg .hh{flex-direction:column;align-items:center;justify-content:center;background:#F7F9FB;font-weight:600;color:#3D4A58;font-size:11.5px;padding:9px 6px;text-align:center}
.hg .hh small{font-size:9.5px;color:#8494A5;font-weight:500;margin-top:1px}
.hg .ar{grid-column:1/-1;background:#F2F5F8;font-size:9.5px;letter-spacing:.15em;font-weight:700;color:#65707D;padding:7px 12px}
.hg .dl{color:#3D4A58;font-size:11.8px}
.hg .v{justify-content:center;font-family:'Archivo',sans-serif;font-weight:700;font-size:12px;font-variant-numeric:tabular-nums;gap:7px}
.hg .v i{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.hg .vg{color:#0A8F5B}.hg .vg i{background:#3DD68C}
.hg .vy{color:#A8731B}.hg .vy i{background:#E9A23B}
.hg .vr{color:#B5342A}.hg .vr i{background:#E0584F}
.hg .tm{justify-content:flex-start;gap:8px;background:#F8FAFB}
.hg .tm b{font-family:'Archivo',sans-serif;font-size:12px;min-width:26px;text-align:right;font-variant-numeric:tabular-nums}
.hg .tb{flex:1;height:5px;border-radius:99px;background:#E5EAEF;overflow:hidden}
.hg .tb i{display:block;height:100%;border-radius:99px}
.cleg{display:flex;gap:18px;margin-top:12px;font-size:10.5px;color:#8494A5;flex-wrap:wrap}
.cleg i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
/* karta obchodníka */
.ptwo{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pcard{background:#F8FAFB;border:1px solid #E5EAEF;border-radius:12px;padding:18px 20px}
.pcard h4{font-size:11px;letter-spacing:.14em;color:#8494A5;font-weight:700;margin-bottom:12px;font-family:'Inter',sans-serif}
.drow{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:12.5px;color:#3D4A58}
.drow span{min-width:185px}
.drow .db{flex:1;height:7px;border-radius:99px;background:#E5EAEF;overflow:hidden}
.drow .db i{display:block;height:100%;border-radius:99px}
.drow b{font-family:'Archivo',sans-serif;font-size:12.5px;min-width:30px;text-align:right;font-variant-numeric:tabular-nums}
.drow .gl{font-size:10.5px;color:#8494A5;min-width:56px;text-align:right}
.spark{display:flex;align-items:flex-end;gap:8px;height:54px;margin-top:8px}
.spark i{flex:1;border-radius:6px 6px 0 0;background:#DCE4EB}
.spark i.c{background:var(--red)}
.spark-l{display:flex;gap:8px;font-size:10px;color:#8494A5;margin-top:6px}
.spark-l span{flex:1;text-align:center}
/* rozbor jednání */
.conv{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:start}
.bub{max-width:94%;padding:13px 17px;border-radius:14px;font-size:13.5px;margin-bottom:10px}
.bub small{display:block;font-size:9.5px;letter-spacing:.14em;font-weight:700;margin-bottom:3px;color:#8494A5}
.bub.z{background:#F2F5F8;border:1px solid #E5EAEF;color:#26303B;border-bottom-left-radius:4px}
.bub.o{background:rgba(181,52,42,.06);border:1px solid rgba(181,52,42,.22);color:#3D2B28;margin-left:6%;border-bottom-right-radius:4px}
.btag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.06em;border-radius:99px;padding:3px 10px;margin-top:8px}
.btag.bad{background:rgba(224,88,79,.1);color:#B5342A;border:1px solid rgba(224,88,79,.35)}
.btag.good{background:rgba(61,214,140,.12);color:#0A8F5B;border:1px solid rgba(61,214,140,.4)}
.an{border-radius:12px;padding:14px 16px;font-size:13px;margin-bottom:12px;color:#4A5562;background:#F8FAFB;border:1px solid #E5EAEF;border-left:3px solid #8494A5}
.an b{color:#13202F}
.an .t{font-size:10px;letter-spacing:.15em;font-weight:700;margin-bottom:5px;color:#65707D}
.an.bad{border-left-color:#E0584F;background:#FDF6F5}.an.bad .t{color:#B5342A}
.an.good{border-left-color:#3DD68C;background:#F4FBF7}.an.good .t{color:#0A8F5B}
.an.next{border-left-color:#E9A23B;background:#FFF8EE}.an.next .t{color:#A8731B}
/* hybrid callout */
.hyb{background:#fff;border:1px solid var(--line);border-left:6px solid var(--red);border-radius:var(--r);padding:30px 34px;margin-top:28px;box-shadow:0 18px 44px rgba(12,24,38,.08)}
.hyb .t{font-size:11px;letter-spacing:.18em;color:var(--red);font-weight:700;margin-bottom:8px}
.hyb p{font-family:'Archivo',sans-serif;font-size:21px;font-weight:600;line-height:1.45;color:#13202F;max-width:62ch}
.hyb p i{font-style:normal;color:var(--red)}
@media(max-width:920px){
  .ckpis{grid-template-columns:repeat(2,1fr)}
  .conv,.ptwo{grid-template-columns:1fr}
  .capp .abody{padding:18px 16px}
  .drow span{min-width:130px}
}

/* ===== /iso-systemy/ rozpad norem ===== */
section[id]{scroll-margin-top:96px}
.p-isosys .k{color:var(--iso);font-size:15px;letter-spacing:.18em}
.p-isosys .domin .k{font-size:15px;margin-bottom:14px}
.p-isosys .wcard .tag{color:var(--iso);background:rgba(46,111,163,.07);border:1px solid rgba(46,111,163,.22)}
.p-isosys .wcard .ic{background:linear-gradient(135deg,rgba(46,111,163,.14),rgba(46,111,163,.05));border:1px solid rgba(46,111,163,.25)}
.p-isosys .wcard .ic svg{stroke:var(--iso)}
.p-isosys .vlink{color:var(--iso);border-bottom-color:var(--iso)}
/* rozcestník norem */
.npick{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.npick a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:4px solid var(--iso);border-radius:var(--r);padding:26px 24px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.npick a:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(12,24,38,.13)}
.npick a.dom{background:linear-gradient(180deg,rgba(46,111,163,.08),#fff 60%);border:1px solid rgba(46,111,163,.4);border-top:4px solid var(--iso);box-shadow:0 16px 40px rgba(12,24,38,.1)}
.npick .nbad{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;background:rgba(233,162,59,.16);color:#A8731B;border:1px solid rgba(233,162,59,.45);border-radius:99px;padding:4px 10px;margin-bottom:12px;width:max-content}
.npick .nn{font-family:'Archivo',sans-serif;font-size:21px;font-weight:700;margin-bottom:6px}
.npick .nd{font-size:13px;color:var(--gray);margin-bottom:16px;line-height:1.55}
.npick .nm{margin-top:auto;font-weight:700;font-size:13px;color:var(--iso)}
/* dominantní blok 50001 */
.domin{background:#fff;border:1px solid var(--line);border-top:5px solid var(--iso);border-radius:var(--r);padding:42px 44px;box-shadow:0 24px 60px rgba(12,24,38,.09)}
.domin-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}
.domin h3{font-family:'Archivo',sans-serif;font-size:25px;margin-bottom:14px;line-height:1.3}
.domin p{color:var(--gray);font-size:15px;margin-bottom:14px}
.lawline{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 22px}
.lawline span{font-size:12.5px;font-weight:600;border:1px solid var(--line);background:var(--bg);border-radius:99px;padding:7px 14px}
.lawline b{color:var(--iso)}
.isonums{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.isonums b{display:block;font-family:'Archivo',sans-serif;font-size:23px;color:#13202F}
.isonums i{font-style:normal;color:var(--iso)}
.isonums span{font-size:12px;color:var(--gray);line-height:1.5;display:block;margin-top:2px}
.kdy{margin-top:26px;background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--iso);border-radius:12px;padding:16px 20px;font-size:14px;color:#3D4A58}
.kdy b{color:#13202F}
@media(max-width:1020px){.npick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.domin{padding:30px 24px}.domin-grid{grid-template-columns:1fr}.isonums{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.npick{grid-template-columns:1fr}}

/* ===== interaktivní prozkoumání ISO 50001 ===== */
.ix{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:36px 40px;box-shadow:0 18px 44px rgba(12,24,38,.07)}
.ixg{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ix .ot2{font-size:10.5px;letter-spacing:.16em;color:#8494A5;font-weight:700;margin-bottom:14px}
.ipills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.ipill{font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;padding:9px 16px;border-radius:99px;border:1px solid var(--line);background:#fff;color:#3D4A58;cursor:pointer;transition:all .18s}
.ipill:hover{border-color:var(--iso);color:var(--iso)}
.ipill.on{background:var(--iso);border-color:var(--iso);color:#fff}
.ibox{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--iso);border-radius:12px;padding:18px 20px;min-height:132px}
.ibox h4{font-family:'Archivo',sans-serif;font-size:16px;margin-bottom:6px;color:#13202F}
.ibox .pot{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#0A8F5B;background:rgba(10,143,91,.08);border:1px solid rgba(10,143,91,.3);border-radius:99px;padding:4px 11px;margin-bottom:8px}
.ibox p{font-size:13.5px;color:#4A5562;line-height:1.6;margin:0}
@media(max-width:920px){.ixg{grid-template-columns:1fr}.ix{padding:24px 18px}}

/* ===== právní výstraha + volba (iso-systemy) ===== */
.lawwarn{background:#FFF8EE;border:1px solid rgba(233,162,59,.5);border-left:4px solid var(--amber);border-radius:12px;padding:16px 20px;margin:0 0 22px;font-size:13.5px;color:#5A4A2E;line-height:1.6}
.lawwarn b{color:#13202F}
.lawwarn .lt2{display:block;font-size:10.5px;letter-spacing:.16em;font-weight:700;color:#A8731B;margin-bottom:6px}
.umime{margin:18px 0 4px}
.umime .ut{font-size:10.5px;letter-spacing:.16em;font-weight:700;color:#8494A5;margin-bottom:8px}
.p-isosys .dlist li::before{background:rgba(46,111,163,.55)}
.choice{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.choice b{font-family:'Archivo',sans-serif;font-size:19px;color:#13202F;flex:1;min-width:260px}
.choice .btn.sm{padding:13px 26px;font-size:14px}
.choice .btn.blue{background:#fff;color:var(--iso);border:2px solid var(--iso)}
.choice .btn.blue:hover{box-shadow:0 10px 24px rgba(46,111,163,.25)}

/* ISO 14001 - kompaktní střídavý layout */
.alt14{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start}
.alt14 .r14{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--line)}
.alt14 .r14:first-child{border-top:none;padding-top:0}
.alt14 .r14 b{font-family:'Archivo',sans-serif;font-size:24px;color:var(--iso);min-width:44px;line-height:1.2}
.alt14 .r14 h3{font-size:17px;margin-bottom:4px}
.alt14 .r14 p{font-size:14px;color:var(--gray);line-height:1.6}
@media(max-width:920px){.alt14{grid-template-columns:1fr;gap:24px}}

.sechead{font-family:'Archivo',sans-serif;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);margin-bottom:18px}

/* cookie lišta */
.cc-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--navy2);box-shadow:0 -10px 30px rgba(0,0,0,.28)}
.cc-banner .cc-in{max-width:1080px;margin:0 auto;padding:15px 20px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cc-banner p{font-size:13.5px;color:#D7DFE8;line-height:1.5;max-width:720px;margin:0}
.cc-banner a{color:#8FB8E0;text-decoration:underline}
.cc-btns{display:flex;gap:10px;flex-shrink:0}
.cc-btns button{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;border-radius:10px;padding:10px 22px;cursor:pointer;border:1px solid rgba(255,255,255,.3);transition:opacity .15s}
.cc-btns button:hover{opacity:.88}
.cc-rej{background:transparent;color:#fff}
.cc-acc{background:var(--red);color:#fff;border-color:var(--red)}
@media(max-width:560px){.cc-banner .cc-in{flex-direction:column;align-items:stretch;gap:12px}.cc-btns{width:100%}.cc-btns button{flex:1}}