/* Light presentation follows the white / olive palette of the original mControl site. */
:root{
  color-scheme:light;
  --bg:#ffffff;--deep:#1a1d17;--panel:#f8f9f5;
  --text:#1a1d17;--muted:#565c4f;--accent:#627313;--line:#e2e5da;
  --brand:#acc450;--brand-hover:#c4d66a;--paper:#f8f9f5;
  background:var(--bg);color:var(--text);
}
body{background:var(--bg);color:var(--text)}
::selection{background:#d9e69a;color:#1a1d17}
:focus-visible{outline-color:#627313}
.skip{background:#1a1d17;color:#fff;border-radius:6px}
.header,.header.scrolled{background:#fffffff5;border-bottom:1px solid var(--line);color:var(--text);backdrop-filter:blur(14px)}
.header.scrolled{box-shadow:0 3px 18px #1a1d1707}
.header .nav-contact{background:var(--brand);color:#1a1d17;border:0;padding:11px 19px;border-radius:6px;min-height:44px;gap:20px}
.header nav .nav-contact:hover{background:var(--brand-hover);color:#1a1d17}
.header .brand{width:155px}

/* The architectural opening remains a film, with readable text over its imagery. */
.cinema{--bg:#111b22;--deep:#111b22;--text:#fff;--muted:#dce3d9;--accent:#c4d66a;--line:#ffffff45;color:var(--text);color-scheme:dark}
.cinema :focus-visible{outline-color:#c4d66a}
.hero-contact,.submit,.conversion-link{background:var(--brand);color:#1a1d17;border-radius:6px}
.hero-contact:hover,.submit:hover,.conversion-link:hover{background:var(--brand-hover);color:#1a1d17}
.hero-contact span{border-left-color:#1a1d1733}
.cinema-tools button{background:#111b2259}

.decision-card{background:var(--paper);border-color:var(--line);border-radius:12px;box-shadow:0 2px 5px #1a1d1703}
.decision-card:hover{background:#f6f9e8;border-color:#a7b970;box-shadow:0 10px 24px #1a1d1708}
.decision-card .decision-link{border-top-color:var(--line)}
#priemysel,#bezpecnost,#kamery{--demo-accent:#627313}
.technology-heading h2 span{color:var(--accent)}
.service-benefits article,.service-editorial .service-benefits article{border-color:var(--line)}
.service-scope a{border-bottom-color:#c9cdbf}
.service-scope summary:hover,.faq-list summary:hover{color:var(--accent)}
.detail-mark:before,.detail-mark:after{background:var(--accent)}

/* White captions keep images unobscured and continue the light editorial layout. */
.service-film{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 18px #1a1d1705}
.film-picture{background:#f0f2ea}
.film-shade{display:none}
.service-film figcaption,.film-pair figcaption{position:relative;background:#fff;color:var(--text);padding:27px 30px;align-items:center}
.service-film figcaption p{color:var(--accent)}
.service-film figcaption h3{font-size:clamp(26px,2.8vw,38px)}
.film-pair figcaption h3{font-size:clamp(24px,2.3vw,33px)}
.film-toggle{background:var(--paper);border-color:#8c9580;color:#364125;border-radius:5px}
.film-toggle:hover{background:#ebf2c9;color:#1a1d17;border-color:#627313}
.film-toggle:disabled{color:#565c4f;cursor:default}
.film-view-label{background:#fffffff0;border-color:#e2e5da;color:#1a1d17;border-radius:5px;box-shadow:0 2px 10px #1a1d1710}
.film-view-label small{color:#565c4f}

.principle{background:var(--paper);border-block:1px solid var(--line)}
.principle-copy p,.reasons-grid p{color:var(--muted)}
.reasons-grid article{border-top-color:#d4dac8}
.principle-signature span{border-color:#c9cdbf}
.principle-cta:hover{color:var(--accent)}
.process-track li{border-color:#c9cdbf}

.contact,.privacy-wrap{background:#fff}
.contact{border-top:1px solid var(--line)}
.contact .field input,.contact .field textarea,.contact .field select{background:#fff;border-color:#a9b09f;color:var(--text);border-radius:6px}
.field select option{background:#fff;color:var(--text)}
.field input::placeholder,.field textarea::placeholder{color:#68715d;opacity:1}
.field input:hover,.field textarea:hover,.field select:hover{border-color:#627313}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#627313;box-shadow:0 0 0 3px #acc45020}
.form-status.error{background:#fff2ee;border-color:#b8361d;color:#8d2917;border-radius:4px}
.footer{background:var(--paper);border-top-color:var(--line)}
.footer-top{border-color:var(--line)}

@media(max-width:850px){
  .header .brand{width:140px}
  .header nav{background:#fff;border-color:var(--line);box-shadow:0 12px 20px #1a1d1708}
  .header nav .nav-contact{padding:14px 18px;margin-top:10px}
}
@media(max-width:760px){
  .service-film figcaption,.film-pair figcaption{padding:23px 20px}
  .service-film figcaption h3,.film-pair figcaption h3{font-size:28px}
  .contact-dock:not([hidden]){background:#fffffff7;border-top-color:#d5dbcb;box-shadow:0 -4px 20px #1a1d1708}
  .contact-dock a{background:#fff;border-color:#a9b09f;color:#1a1d17;border-radius:5px}
  .contact-dock a:last-child{background:var(--brand);border-color:var(--brand);color:#1a1d17}
}

/* Optional connected capabilities are explained through customer outcomes. */
.connected-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.connected-benefits article{padding:26px 28px;background:var(--paper);border:1px solid var(--line);border-radius:10px;min-width:0}
.connected-benefits .connected-label{font-size:10px;font-weight:700;letter-spacing:.07em;color:var(--accent);margin:0 0 14px}
.connected-benefits h3{font-size:clamp(23px,2.1vw,29px);line-height:1.2;letter-spacing:-.02em;max-width:470px;margin:0 0 14px;text-wrap:balance}
.connected-benefits article>p:last-child{font-size:13px;line-height:1.85;margin:0;max-width:550px}
.connected-note{font-size:10px;line-height:1.8;margin:14px 0 0;max-width:950px;color:var(--muted)}
@media(max-width:760px){.connected-benefits{grid-template-columns:1fr;gap:14px;margin-top:25px}.connected-benefits article{padding:23px}.connected-benefits h3{font-size:25px}.connected-benefits article>p:last-child{font-size:12px}.connected-note{padding:0 5px}}