.hi{margin:var(--s6) 0}
.hi-card{background:var(--white);border:1px solid var(--g3);border-radius:var(--r-block);padding:var(--s6);box-shadow:var(--e2)}
.hi-lead{margin:0 0 var(--s5);font-size:var(--t-md);color:var(--deep)}
.hi-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr))}
.hi-f label{display:block;font-size:var(--t-xs);font-weight:var(--w-bold);margin-bottom:var(--s2)}
.hi-in{display:flex;align-items:center;gap:var(--s2);background:var(--g1);border:1.5px solid transparent;
  border-radius:var(--r-ctl);padding:0 var(--s4);min-height:48px;transition:border-color .15s ease,background .15s ease}
.hi-in:focus-within{border-color:var(--purple);background:var(--white)}
.hi-in input{flex:1 1 auto;min-width:0;border:0;background:transparent;font-family:var(--font);font-size:16px;
  font-weight:var(--w-bold);color:var(--deep);outline:none;padding:10px 0;font-variant-numeric:tabular-nums}
.hi-in span{flex:0 0 auto;color:var(--g7);font-size:var(--t-xs);white-space:nowrap}
.hi-hint{margin:var(--s4) 0 0;font-size:var(--t-xs);color:var(--g7)}
.hi-link{background:none;border:0;padding:0;margin-left:var(--s2);font:inherit;font-weight:var(--w-bold);
  color:var(--purple-d);text-decoration:underline;cursor:pointer}
.hi-empty{margin:var(--s5) 0 0;padding:var(--s4);background:var(--purple-l);color:var(--purple-d);
  border-radius:var(--r-ctl);font-size:var(--t-sm)}

.hi-res{margin-top:var(--s5);background:var(--deep);color:var(--white);border-radius:var(--r-card);padding:var(--s5)}
.hi-diff{margin-top:var(--s4);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s2) var(--s4);background:var(--neon);color:var(--deep);border-radius:var(--r-card);padding:var(--s4) var(--s5)}
.hi-diff span{font-size:var(--t-sm);font-weight:var(--w-bold)}
.hi-diff b{font-size:var(--t-2xl,var(--t-xl));line-height:1.1;font-variant-numeric:tabular-nums}
.hi-verdikt{margin:var(--s4) 0 var(--s3);font-size:var(--t-lg);font-weight:var(--w-bold);line-height:1.3;color:var(--white)}
.hi-res.hi-inv .hi-verdikt{color:var(--neon)}
.hi-two{display:grid;gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr))}
.hi-opt{background:rgba(255,255,255,.08);border:2px solid transparent;border-radius:var(--r-card);padding:var(--s5)}
.hi-opt.hi-win{background:rgba(174,246,97,.14);border-color:var(--neon)}
.hi-opt h4{margin:0 0 var(--s3);font-size:var(--t-md);color:var(--white)}
.hi-big{margin:0 0 var(--s4)}
.hi-big b{display:block;font-size:var(--t-2xl,var(--t-xl));line-height:1.1;font-variant-numeric:tabular-nums;color:var(--white)}
.hi-opt.hi-win .hi-big b{color:var(--neon)}
.hi-big span{display:block;margin-top:var(--s1);font-size:var(--t-xs);color:var(--on-dark)}
.hi-opt ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.hi-opt li{font-size:var(--t-sm);line-height:1.45;color:var(--on-dark);padding-left:var(--s4);position:relative}
.hi-opt li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--neon)}
.hi-opt li[hidden]{display:none}.hi-row{margin:var(--s4) 0 0;font-size:var(--t-sm);color:var(--on-dark)}
.hi-row b{color:var(--white)}
.hi-note{margin:var(--s3) 0 0;font-size:var(--t-xs);color:var(--on-dark);opacity:.85}
.hi-disc{margin:var(--s5) 0 0;font-size:var(--t-xs);color:var(--g7)}

.hi-cta{display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin-top:var(--s5);
  background:var(--deep);color:var(--white);border-radius:var(--r-block);padding:var(--s6)}
.hi-eyebrow{margin:0 0 var(--s2);font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--neon)}
.hi-cta h3{margin:0 0 var(--s3);font-size:var(--t-xl);color:var(--white)}
.hi-cta-text p{color:var(--on-dark)}
.hi-form{background:var(--white);color:var(--deep);border-radius:var(--r-card);padding:var(--s5)}
.hi-done{background:var(--white);color:var(--deep);border-radius:var(--r-card);padding:var(--s6);text-align:center}
.hi-done[hidden],.hi-res[hidden],.hi-empty[hidden]{display:none}
.hi-done h3{font-size:var(--t-lg);color:var(--deep)}
.hi-done p{color:var(--g7)}
html:not(.js) .hi-form{display:none}
html:not(.js) .hi-form-wrap::after{content:"Formulár potrebuje zapnutý JavaScript. Zavolaj mi na +421 902 133 133 alebo napíš na marekvarga@prosight.sk a prejdeme to spolu.";
  display:block;background:var(--purple-l);color:var(--purple-d);border-radius:var(--r-card);padding:var(--s5);font-size:var(--t-xs)}

@media (max-width:760px){
  .hi-card,.hi-cta{padding:var(--s5)}
  .hi-grid,.hi-two,.hi-cta{grid-template-columns:minmax(0,1fr)}
}