.mtzb-home-prototype {
  --mtzb-home-navy: #082b3f;
  --mtzb-home-blue: #0d5f82;
  --mtzb-home-sky: #5fc3e1;
  --mtzb-home-ice: #eaf6fb;
  background: #f3f7f8;
}
.mtzb-home-prototype .mtzb-home-header { border-bottom-color: rgba(18,72,94,.16); }
.mtzb-home-prototype .mtzb-utility { background: #07283a; }
.mtzb-home-prototype .mtzb-menu-wrap .mod-menu a[href*="kalkulacky"] { padding: .58rem .85rem; color: #fff; border-radius: .35rem; background: var(--mtzb-home-blue); }
.mtzb-home-prototype .mtzb-menu-wrap .mod-menu a[href*="kalkulacky"]:hover { color: #fff; background: #0a4e6c; }

.mtzb-tool-hero { position: relative; min-height: calc(100svh - 7.75rem); overflow: hidden; isolation: isolate; color: #eef9fd; background: linear-gradient(112deg,#061f30 0%,#0a3d58 52%,#176b88 100%); }
.mtzb-tool-hero-media { position: absolute; z-index: -3; inset: 0 0 0 42%; opacity: .66; mix-blend-mode: luminosity; }
.mtzb-tool-hero-media::after { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg,#082b3f 0%,rgba(8,43,63,.84) 15%,rgba(8,43,63,.18) 68%),linear-gradient(0deg,rgba(4,25,39,.7),transparent 56%); }
.mtzb-tool-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 58% center; filter: saturate(.65) contrast(1.05); }
.mtzb-tool-hero-grid { position: absolute; z-index: -2; inset: 0; opacity: .15; background-image: linear-gradient(rgba(144,219,239,.36) 1px,transparent 1px),linear-gradient(90deg,rgba(144,219,239,.36) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%); }
.mtzb-tool-hero-inner { min-height: calc(100svh - 7.75rem); position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(17rem,.42fr); align-items: end; gap: 4rem; padding-block: clamp(5rem,10vh,8rem) 3rem; }
.mtzb-tool-hero-copy { align-self: center; max-width: 52rem; }
.mtzb-tool-kicker { display: flex; align-items: center; gap: .75rem; margin-bottom: 1.35rem; color: #9ddced; font-size: .74rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.mtzb-tool-kicker span { width: 2.8rem; height: 1px; background: #75d2e9; }
.mtzb-home-prototype .mtzb-tool-hero h1#mtzb-tool-hero-title { max-width: none; margin: 0 0 1.5rem; color: #f7fcff !important; font-size: clamp(3.6rem,7.4vw,7.5rem); line-height: .93; letter-spacing: -.065em; text-shadow: 0 2px 22px rgba(0,20,32,.28); }
.mtzb-tool-hero h1 em { display: inline-block; color: #8ad8eb; font-weight: 400; }
.mtzb-tool-hero-copy > p:not(.mtzb-tool-kicker) { max-width: 44rem; margin-bottom: 0; color: #c4dce5; font-size: clamp(1.08rem,1.8vw,1.32rem); }
.mtzb-tool-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.35rem; margin-top: 2rem; }
.mtzb-tool-primary { min-height: 3.4rem; display: inline-flex; align-items: center; gap: 2.3rem; padding: .85rem 1.15rem; color: #062536 !important; background: #a8e3f1; border: 1px solid #a8e3f1; border-radius: .45rem; font-weight: 850; text-decoration: none; transition: transform .2s ease,background .2s ease; }
.mtzb-tool-primary:hover { background: #fff; transform: translateY(-2px); }
.mtzb-tool-secondary { color: #e9f8fc !important; font-weight: 750; text-decoration-color: rgba(233,248,252,.48); }
.mtzb-tool-trust { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; margin: 2.3rem 0 0; padding: 1.25rem 0 0; border-top: 1px solid rgba(196,228,237,.24); color: #bfd7df; list-style: none; font-size: .8rem; }
.mtzb-tool-trust span { margin-right: .3rem; color: #6dc9df; font: 800 .68rem ui-monospace,monospace; }
.mtzb-tool-hero-note { align-self: end; display: flex; gap: .85rem; padding: 1rem 1.1rem; color: #d7edf3; background: rgba(4,30,45,.64); border: 1px solid rgba(171,222,234,.24); border-radius: .7rem; box-shadow: 0 18px 45px rgba(0,0,0,.15); backdrop-filter: blur(12px); font-size: .82rem; }
.mtzb-tool-hero-note p { margin: 0; }
.mtzb-tool-status { width: .65rem; height: .65rem; flex: 0 0 auto; margin-top: .35rem; border-radius: 50%; background: #64d4e7; box-shadow: 0 0 0 6px rgba(100,212,231,.13); }
.mtzb-airflow-lines { position: absolute; z-index: -1; right: -5vw; bottom: 16%; width: 48vw; height: 8rem; opacity: .52; transform: rotate(-5deg); }
.mtzb-airflow-lines i { position: absolute; right: 0; width: 100%; height: 1px; background: linear-gradient(90deg,transparent,#85dcf0 35%,transparent 90%); animation: mtzb-airflow 6s ease-in-out infinite; }
.mtzb-airflow-lines i:nth-child(2) { top: 2.4rem; width: 82%; animation-delay: -2s; }
.mtzb-airflow-lines i:nth-child(3) { top: 4.8rem; width: 64%; animation-delay: -4s; }
@keyframes mtzb-airflow { 0%,100% { transform: translateX(8%); opacity: .35; } 50% { transform: translateX(-5%); opacity: .9; } }

.mtzb-tool-section { padding: clamp(4.5rem,8vw,7rem) 0; background: #f3f7f8; }
.mtzb-tool-section-heading { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(20rem,.8fr); gap: 4rem; align-items: end; margin-bottom: 2.4rem; }
.mtzb-tool-eyebrow { margin-bottom: .7rem; color: var(--mtzb-home-blue); font-size: .72rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.mtzb-tool-section-heading h2,.mtzb-tool-about h2 { max-width: 18ch; margin-bottom: 0; font-size: clamp(2.4rem,4.5vw,4.6rem); }
.mtzb-tool-section-heading > p { max-width: 46ch; margin: 0; color: #56717b; }
.mtzb-home-tools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.mtzb-home-tool { min-height: 12.5rem; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 1.2rem; align-items: center; padding: clamp(1.25rem,2.5vw,2rem); color: #0b2e3d !important; background: #fff; border: 1px solid #d4e2e6; border-radius: 1rem; box-shadow: 0 14px 40px rgba(8,43,63,.06); text-decoration: none; transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.mtzb-home-tool:hover { border-color: #69b7d0; box-shadow: 0 22px 55px rgba(8,43,63,.12); transform: translateY(-4px); }
.mtzb-home-tool-icon { width: 4.8rem; height: 4.8rem; display: grid; place-items: center; color: #fff; background: #1d7190; border-radius: 50%; font-size: 1.15rem; font-weight: 850; }
.mtzb-home-tool--violet .mtzb-home-tool-icon { background: #635c91; }
.mtzb-home-tool--cyan .mtzb-home-tool-icon { background: #338da5; }
.mtzb-home-tool--navy .mtzb-home-tool-icon { background: #123d58; }
.mtzb-home-tool-copy { min-width: 0; display: grid; gap: .35rem; }
.mtzb-home-tool-copy small { color: #28728d; font-size: .69rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.mtzb-home-tool-copy strong { font: 500 clamp(1.55rem,2.5vw,2.2rem)/1.08 var(--mtzb-display); letter-spacing: -.035em; }
.mtzb-home-tool-copy em { max-width: 43ch; color: #5b7077; font-size: .85rem; font-style: normal; }
.mtzb-home-tool-arrow { align-self: start; color: #257994; font-size: 1.2rem; }
.mtzb-home-tools-action { margin-top: 1.5rem; text-align: right; }
.mtzb-home-tools-action a { color: #0d5875; font-weight: 850; text-decoration-thickness: 2px; }

.mtzb-tool-about { padding: clamp(4.5rem,8vw,7.5rem) 0; color: #d8edf3; background: #092f45; }
.mtzb-tool-about-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(3rem,8vw,8rem); }
.mtzb-tool-about .mtzb-tool-eyebrow { color: #72cee3; }
.mtzb-tool-about h2 { color: #fff; }
.mtzb-tool-about-copy > p { max-width: 52ch; color: #bdd5de; font-size: 1.08rem; }
.mtzb-tool-principles { margin-top: 2.5rem; border-top: 1px solid rgba(201,231,239,.22); }
.mtzb-tool-principles article { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: .2rem 1rem; padding: 1.25rem 0; border-bottom: 1px solid rgba(201,231,239,.18); }
.mtzb-tool-principles article > span { grid-row: 1 / 3; color: #68c5da; font: 800 .72rem ui-monospace,monospace; }
.mtzb-tool-principles strong { color: #fff; }
.mtzb-tool-principles p { margin: .2rem 0 0; color: #9dbdc8; font-size: .86rem; }
.mtzb-tool-related { padding: clamp(4rem,7vw,6rem) 0; background: #eef5f7; }
.mtzb-home-prototype .mtzb-footer { background: #051f2e; }

@media (max-width: 980px) {
  .mtzb-tool-hero,.mtzb-tool-hero-inner { min-height: auto; }
  .mtzb-tool-hero-inner { grid-template-columns: 1fr; align-items: start; padding-block: 5rem 2.5rem; }
  .mtzb-tool-hero-copy { max-width: 44rem; }
  .mtzb-tool-hero-note { max-width: 32rem; }
  .mtzb-tool-hero-media { left: 32%; }
  .mtzb-tool-section-heading,.mtzb-tool-about-grid { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (max-width: 700px) {
  .mtzb-tool-hero-media { inset: 43% -28% 0 0; opacity: .42; }
  .mtzb-tool-hero-media::after { background: linear-gradient(180deg,#082b3f 0%,rgba(8,43,63,.45) 55%,rgba(4,25,39,.75)); }
  .mtzb-tool-hero h1 { font-size: clamp(3rem,15vw,4.65rem); }
  .mtzb-tool-hero-inner { gap: 2.3rem; padding-top: 3.7rem; }
  .mtzb-tool-hero-actions { align-items: stretch; flex-direction: column; }
  .mtzb-tool-primary { justify-content: space-between; }
  .mtzb-tool-trust { display: grid; }
  .mtzb-home-tools { grid-template-columns: 1fr; }
  .mtzb-home-tool { min-height: 0; grid-template-columns: auto minmax(0,1fr); }
  .mtzb-home-tool-arrow { display: none; }
  .mtzb-home-tool-icon { width: 3.8rem; height: 3.8rem; }
  .mtzb-home-tools-action { text-align: left; }
}
@media (prefers-reduced-motion: reduce) { .mtzb-airflow-lines i { animation: none; } }