/* =========================================================
   MOLEA — H2 Living Water
   Veřejný web. Administrace zůstává beze změny.
   Dark anthracite + electric cyan podle loga MOLEA.
   ========================================================= */
:root{
  --bg:#050b10; --bg-2:#07131b; --panel:#0b1a24; --panel-2:#102531;
  --text:#eefbff; --muted:#9db4bf; --soft:#d8f7ff; --cyan:#00d8ff; --cyan-2:#6ff7ff;
  --blue:#006b93; --line:rgba(130,234,255,.18); --line-2:rgba(255,255,255,.09);
  --shadow:0 28px 90px rgba(0,0,0,.45); --radius:28px; --radius-sm:16px;
  --font:Archivo,Inter,Arial,sans-serif; --display:Fraunces,Georgia,serif;
  --container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,rgba(0,216,255,.18),transparent 34%),linear-gradient(180deg,#041017 0,#071019 38%,#04080d 100%);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;overflow-x:hidden}body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}.section{position:relative;padding:108px 0;border-top:1px solid var(--line)}.section--intro{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,216,255,.04))}.section--services{background:#f5fbff;color:#052033}.section--audience,.section--process{background:linear-gradient(180deg,#061018,#07131d)}.section--quality{background:radial-gradient(circle at 15% 20%,rgba(0,216,255,.12),transparent 30%),linear-gradient(135deg,#061018,#091923 70%,#061018)}.section--conditions{background:#eef9ff;color:#052033}.section--contact{background:radial-gradient(circle at 75% 20%,rgba(0,216,255,.14),transparent 32%),#050b10}.section-label,.eyebrow{margin:0 0 16px;color:var(--cyan-2);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800}.section-title{margin:0;font-family:var(--display);font-size:clamp(36px,5vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:500}.section-lead{max-width:780px;margin:22px 0 0;color:var(--muted);font-size:18px}.section--services .section-lead,.section--conditions .section-lead{color:#38606d}.section-head{max-width:900px;margin-bottom:48px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid transparent;padding:15px 22px;font-size:14px;font-weight:900;letter-spacing:.03em;transition:.22s ease;cursor:pointer}.btn--primary{background:linear-gradient(135deg,var(--cyan),#98f7ff);color:#021219;box-shadow:0 18px 44px rgba(0,216,255,.24)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 22px 62px rgba(0,216,255,.36)}.btn--ghost{border-color:rgba(0,216,255,.35);color:var(--soft);background:rgba(0,216,255,.06)}.section--services .btn--ghost,.section--conditions .btn--ghost{color:#063044}.btn--ghost:hover{background:rgba(0,216,255,.13);border-color:rgba(0,216,255,.75)}.btn--small{padding:11px 16px;font-size:12px}.btn--text{padding-left:0;padding-right:0;color:var(--cyan-2);background:transparent}.site-header{position:sticky;top:0;z-index:50;background:rgba(4,11,16,.78);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.header__inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand__mark{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,216,255,.18),rgba(255,255,255,.04));border:1px solid rgba(0,216,255,.28);color:var(--cyan-2);font-weight:900;box-shadow:0 16px 44px rgba(0,216,255,.12)}.brand__mark--logo{width:auto;min-width:0;height:58px;border-radius:0;background:transparent;border:0;box-shadow:none;overflow:visible;display:flex;align-items:center}.brand__mark--logo img{height:58px;width:auto;max-width:220px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,216,255,.22))}.brand__text{font-weight:900}.brand__text span{color:var(--cyan-2);margin-left:2px}.nav{display:flex;align-items:center;gap:24px}.nav a:not(.btn){font-size:13px;font-weight:800;color:rgba(238,251,255,.78);letter-spacing:.04em}.nav a:not(.btn):hover{color:var(--cyan-2)}.nav-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:16px}.nav-toggle span{display:block;width:20px;height:2px;background:var(--text);margin:5px auto}.notice-bar{background:rgba(0,216,255,.1);border-bottom:1px solid var(--line);padding:11px 0}.notice-inner{display:flex;gap:16px;align-items:center;justify-content:center;color:var(--soft);font-size:14px}.hero{position:relative;min-height:calc(100vh - 86px);display:flex;align-items:center;overflow:hidden;padding:96px 0 70px}.hero__bg{position:absolute;inset:0;pointer-events:none}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 80%)}.glow{position:absolute;border-radius:999px;filter:blur(34px);opacity:.75}.glow--aqua{width:450px;height:450px;right:6%;top:5%;background:rgba(0,216,255,.26)}.glow--deep{width:520px;height:520px;left:-130px;bottom:-170px;background:rgba(0,105,145,.28)}.glow--white{width:220px;height:220px;right:38%;top:42%;background:rgba(255,255,255,.12)}.bubble{position:absolute;border:1px solid rgba(111,247,255,.5);box-shadow:inset 0 0 16px rgba(111,247,255,.2);border-radius:999px;animation:float 7s infinite ease-in-out}.bubble--1{width:14px;height:14px;left:11%;top:30%}.bubble--2{width:23px;height:23px;right:18%;top:24%;animation-delay:1.4s}.bubble--3{width:10px;height:10px;right:44%;bottom:20%;animation-delay:2.2s}@keyframes float{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-24px);opacity:.9}}.hero__inner{position:relative;display:grid;grid-template-columns:1fr minmax(360px,560px);align-items:center;gap:60px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow__dot{width:10px;height:10px;background:var(--cyan);border-radius:50%;box-shadow:0 0 26px var(--cyan)}.hero__title{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(50px,7vw,106px);line-height:.92;letter-spacing:-.06em}.hero__title em{font-style:italic;color:var(--cyan-2);text-shadow:0 0 26px rgba(0,216,255,.24)}.hero__sub{max-width:690px;margin:28px 0 0;color:#c4dbe2;font-size:20px}.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero__claim{margin-top:30px;padding:18px 20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04);display:flex;align-items:center;gap:14px;max-width:520px;color:#dffbff}.hero__claim .line{width:44px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}.hero__claim strong{margin-left:auto;color:var(--cyan-2);font-size:13px;text-transform:uppercase;letter-spacing:.11em}.hero__visual{position:relative;display:flex;flex-direction:column;align-items:center}.molea-packshot{position:relative;margin:0;border-radius:34px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(219,246,255,.92));box-shadow:var(--shadow),0 0 80px rgba(0,216,255,.2);border:1px solid rgba(255,255,255,.7);transform:none}.molea-packshot:before{content:"";position:absolute;inset:-18px;border-radius:42px;background:linear-gradient(135deg,rgba(0,216,255,.26),transparent 42%,rgba(255,255,255,.18));z-index:-1;filter:blur(10px)}.molea-packshot img{border-radius:26px}.molea-packshot figcaption{text-align:center;color:#254a57;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:800;margin-top:10px}.hero__visual-note{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}.hero__visual-note span{padding:8px 12px;border-radius:999px;background:rgba(0,216,255,.12);border:1px solid rgba(0,216,255,.25);font-weight:900;font-size:12px;color:var(--soft)}.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:34px;height:54px;border:1px solid rgba(255,255,255,.24);border-radius:999px}.scroll-cue span{position:absolute;left:50%;top:12px;width:5px;height:5px;border-radius:50%;background:var(--cyan);animation:scrollcue 1.8s infinite}@keyframes scrollcue{0%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,22px);opacity:0}}.intro__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:start}.intro__body p{color:#c7dce2;font-size:18px}.intro__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.intro__stats div{padding:20px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.intro__stats strong{display:block;color:var(--cyan-2);font-size:34px;line-height:1}.intro__stats span{display:block;color:#adc5cd;margin-top:8px;font-size:13px}.section--services .section-label,.section--conditions .section-label{color:#007ea7}.section--services .section-title,.section--conditions .section-title{color:#061a26}.benefit-filters{display:flex;flex-wrap:wrap;gap:12px;margin:-22px 0 34px}.benefit-filter{border:1px solid rgba(0,126,167,.22);background:white;border-radius:999px;padding:14px 18px;font-weight:900;color:#063044;cursor:pointer;box-shadow:0 10px 24px rgba(0,60,86,.08);transition:.2s ease}.benefit-filter:hover,.benefit-filter.is-active{background:linear-gradient(135deg,var(--cyan),#9ef7ff);border-color:transparent;color:#031923;transform:translateY(-2px)}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service{position:relative;display:grid;grid-template-columns:70px 1fr;gap:18px;padding:26px;border-radius:var(--radius);background:white;border:1px solid rgba(0,126,167,.13);box-shadow:0 18px 44px rgba(0,60,86,.08);transition:.25s ease}.service.is-dimmed{opacity:.34;filter:saturate(.4)}.service.is-highlighted{border-color:rgba(0,216,255,.7);box-shadow:0 26px 70px rgba(0,160,210,.2);transform:translateY(-3px)}.service__index span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#e1f8ff,#fff);color:#007ea7;font-weight:900;border:1px solid rgba(0,126,167,.18)}.service h3{margin:0;color:#061a26;font-size:25px;line-height:1.1}.service__claim{margin:8px 0 0;color:#007ea7;font-weight:900}.service__text{color:#385b66}.service__details{display:grid;gap:10px;margin-top:16px}.service__detail{padding:13px;border-radius:16px;background:#f2fbff;border:1px solid rgba(0,126,167,.1)}.service__detail span{display:block;color:#007ea7;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:900}.service__detail p{margin:5px 0 0;color:#294c58;font-size:14px;line-height:1.45}.tags{list-style:none;margin:17px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.tags li{padding:7px 10px;border-radius:999px;background:#e6f8ff;color:#006e93;font-size:12px;font-weight:900}.audience-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.audience-card{padding:26px;border-radius:var(--radius);background:rgba(255,255,255,.05);border:1px solid var(--line);box-shadow:0 22px 60px rgba(0,0,0,.18)}.audience-card h3{margin:0 0 16px;font-size:25px}.audience-card p{margin:0 0 14px;color:#bfd5dc}.audience-card p span{display:block;color:var(--cyan-2);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:900;margin-bottom:4px}.quality__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:start}.quality__head{position:sticky;top:112px}.stability-clock{width:164px;height:164px;margin:30px 0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#dffcff 0,#6ff7ff 34%,#0286b4 70%,#072433 100%);box-shadow:0 0 60px rgba(0,216,255,.32),inset 0 0 32px rgba(255,255,255,.36);border:6px solid rgba(255,255,255,.18);position:relative}.stability-clock span{font-size:48px;font-weight:900;color:#fff;line-height:1}.stability-clock em{position:absolute;bottom:30px;font-style:normal;font-weight:900;letter-spacing:.16em;font-size:13px;color:#05202a}.quality__list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.quality__list li{padding:24px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.quality__list strong{display:block;font-size:22px;color:#fff}.quality__list span{display:block;margin-top:8px;color:#bfd5dc}.quality-footer{margin-top:34px;padding:22px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.references__intro{margin:0;color:#b5ccd4}.quality__certs{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0}.quality__certs li{padding:9px 12px;border-radius:999px;background:rgba(0,216,255,.1);border:1px solid rgba(0,216,255,.24);font-weight:900;color:var(--soft);font-size:12px}.process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{padding:26px;border-radius:26px;border:1px solid var(--line);background:rgba(255,255,255,.05);position:relative;overflow:hidden}.step:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--cyan),transparent)}.step__num{display:inline-flex;color:var(--cyan-2);font-weight:900;letter-spacing:.12em;margin-bottom:18px}.step h3{margin:0;font-size:22px}.step p{color:#c3d8df}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project{min-height:250px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(0,60,86,.08);border:1px solid rgba(0,126,167,.13);display:flex;flex-direction:column}.project--wide{grid-column:span 2}.project__media{height:86px;background:radial-gradient(circle at 20% 10%,rgba(0,216,255,.52),transparent 40%),linear-gradient(135deg,#061a26,#0d88b0);position:relative}.project__noise{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.28) 1px,transparent 1px);background-size:15px 15px;opacity:.35}.project__info{padding:24px}.project__info h3{margin:0;color:#061a26;font-size:24px}.project__info p{color:#3b6370}.contact__grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:start}.contact__direct{margin-top:30px;display:grid;gap:12px}.contact__line{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.contact__label{text-transform:uppercase;letter-spacing:.13em;color:#78929b;font-size:11px;font-weight:900}.contact__value{font-weight:900;color:#fff}.contact__form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:28px;border-radius:32px;background:rgba(255,255,255,.055);border:1px solid var(--line);box-shadow:var(--shadow)}.field{display:grid;gap:8px}.field--full{grid-column:1/-1}.field label,.recaptcha-label{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#8da5ad;font-weight:900}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.25);color:#fff;border-radius:14px;padding:14px 15px;outline:0}select{appearance:none}.select-wrap{position:relative}.select-wrap:after{content:"⌄";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--cyan-2);pointer-events:none}textarea{resize:vertical;min-height:128px}.field.invalid input,.field.invalid textarea{border-color:#ff5571}.hp{position:absolute;left:-9999px}.form__footer{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.form__note{margin:0;color:#b9d5dd}.form__note.ok{color:#6ff7aa}.form__note.err{color:#ff7c91}.site-footer{padding:54px 0 26px;background:#03070b;border-top:1px solid var(--line)}.footer__inner{display:grid;grid-template-columns:1fr auto auto;gap:34px;align-items:start}.footer__brand .brand__mark--logo{margin-bottom:14px}.footer__claim{font-weight:900;color:var(--cyan-2)}.footer__tag{max-width:430px;color:#8fa8b0}.footer__nav,.footer__contact{display:grid;gap:10px}.footer__nav a,.footer__contact a,.footer-button{color:#b8cbd2;background:none;border:0;padding:0;text-align:left;font-weight:700}.footer-button{cursor:pointer}.footer__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);color:#718891;font-size:13px}.footer__bottom a{color:var(--cyan-2)}.page-hero{padding:130px 0 76px;background:radial-gradient(circle at 80% 10%,rgba(0,216,255,.18),transparent 35%),#050b10;border-bottom:1px solid var(--line)}.content-narrow{max-width:860px}.content-narrow h2,.content-narrow h3{font-family:var(--display);line-height:1.06}.content-narrow p,.content-narrow li{color:#c4d8de}.cookie-banner,.cookie-modal{position:fixed;z-index:1000;background:#07131b;color:#eefbff;border:1px solid var(--line);box-shadow:var(--shadow)}.cookie-banner{left:20px;right:20px;bottom:20px;border-radius:24px;padding:22px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.cookie-banner h2,.cookie-modal h2{margin:0 0 8px}.cookie-banner p,.cookie-modal p{margin:0;color:#b7cbd2}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.cookie-modal-backdrop{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.62);display:grid;place-items:center;padding:20px}.cookie-modal{position:relative;width:min(620px,100%);border-radius:26px;padding:28px}.cookie-x{position:absolute;right:16px;top:14px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.cookie-option{display:flex;gap:14px;margin:18px 0;padding:15px;border-radius:16px;background:rgba(255,255,255,.04)}.cookie-option span{display:grid}.cookie-option em{font-style:normal;color:#9ab0b8;font-size:13px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media (max-width:1060px){.hero__inner,.intro__grid,.quality__grid,.contact__grid{grid-template-columns:1fr}.benefits-grid,.audience-cards{grid-template-columns:repeat(2,1fr)}.process,.projects{grid-template-columns:repeat(2,1fr)}.quality__head{position:static}.footer__inner{grid-template-columns:1fr}.hero{min-height:auto}.hero__visual{max-width:620px}}@media (max-width:780px){.container{width:min(100% - 28px,var(--container))}.header__inner{height:76px}.brand__mark--logo{width:auto;height:50px}.brand__mark--logo img{height:50px;max-width:176px}.nav-toggle{display:block}.nav{position:fixed;left:14px;right:14px;top:86px;display:none;flex-direction:column;align-items:stretch;padding:22px;border-radius:24px;background:#061018;border:1px solid var(--line);box-shadow:var(--shadow)}.nav.is-open{display:flex}.hero{padding:72px 0}.hero__title{font-size:clamp(44px,16vw,72px)}.hero__sub{font-size:17px}.intro__stats,.benefits-grid,.audience-cards,.process,.projects{grid-template-columns:1fr}.project--wide{grid-column:auto}.contact__form{grid-template-columns:1fr;padding:20px}.footer__bottom{flex-direction:column}.cookie-banner{grid-template-columns:1fr}.form__footer{align-items:flex-start;flex-direction:column}.service{grid-template-columns:1fr}.section{padding:74px 0}.hero__claim{align-items:flex-start;flex-direction:column}.hero__claim strong{margin-left:0}}