/* =========================================================
   MOLEA H₂ Living Water — fullscreen luxury frontend 2026
   Public web only. Admin CSS is separate and untouched.
   ========================================================= */
:root{
  --white:#ffffff;
  --ice:#f6fcff;
  --ice-2:#eaf9ff;
  --aqua:#00d8f2;
  --aqua-2:#68f4ff;
  --aqua-soft:rgba(0,216,242,.14);
  --blue:#005a78;
  --navy:#031d31;
  --navy-2:#06344e;
  --text:#06243a;
  --muted:#5d7785;
  --line:rgba(0,105,139,.16);
  --line-strong:rgba(0,216,242,.45);
  --glass:rgba(255,255,255,.72);
  --glass-strong:rgba(255,255,255,.9);
  --shadow:0 42px 120px rgba(3,50,72,.18);
  --shadow-soft:0 18px 60px rgba(4,76,101,.12);
  --font:Archivo,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --display:Fraunces,Georgia,serif;
  --content:1880px;
  --pad:clamp(22px,4.8vw,92px);
  --header:92px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ice)}
body{margin:0;min-width:320px;color:var(--text);font-family:var(--font);font-size:16px;line-height:1.62;background:
  radial-gradient(circle at 74% -12%,rgba(0,216,242,.27),transparent 34vw),
  radial-gradient(circle at 0% 18%,rgba(104,244,255,.18),transparent 32vw),
  linear-gradient(180deg,#ffffff 0%,#eefbff 42%,#ffffff 100%);overflow-x:hidden}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - var(--pad) * 2),var(--content));margin-inline:auto}
.molea-site{position:relative;isolation:isolate}
.molea-site > .section > .container,.hero__inner{position:relative;z-index:3}
.section{position:relative;padding:clamp(86px,10vw,180px) 0;overflow:hidden}
.section::before{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,216,242,.32),transparent);pointer-events:none}
.hydrogen-bubbles{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.hydrogen-bubbles span{position:absolute;width:clamp(28px,2.4vw,46px);height:clamp(28px,2.4vw,46px);display:grid;place-items:center;border:1px solid rgba(0,184,222,.22);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.78),rgba(104,244,255,.18) 46%,rgba(255,255,255,.04) 72%);box-shadow:inset 0 0 18px rgba(255,255,255,.52),0 0 28px rgba(0,216,242,.1);color:rgba(0,89,120,.32);font-size:clamp(10px,.82vw,14px);font-weight:900;letter-spacing:-.04em;animation:h2Float 18s ease-in-out infinite;opacity:.48}
.hydrogen-bubbles span:nth-child(1){left:7%;top:18%;animation-duration:19s}.hydrogen-bubbles span:nth-child(2){left:18%;top:62%;animation-duration:24s;animation-delay:-8s}.hydrogen-bubbles span:nth-child(3){left:32%;top:32%;animation-duration:21s;animation-delay:-4s}.hydrogen-bubbles span:nth-child(4){left:47%;top:74%;animation-duration:26s;animation-delay:-12s}.hydrogen-bubbles span:nth-child(5){left:63%;top:20%;animation-duration:22s;animation-delay:-6s}.hydrogen-bubbles span:nth-child(6){left:78%;top:52%;animation-duration:25s;animation-delay:-10s}.hydrogen-bubbles span:nth-child(7){left:91%;top:30%;animation-duration:20s;animation-delay:-3s}.hydrogen-bubbles span:nth-child(8){left:11%;top:84%;animation-duration:27s;animation-delay:-14s}.hydrogen-bubbles span:nth-child(9){left:56%;top:44%;animation-duration:23s;animation-delay:-7s}.hydrogen-bubbles span:nth-child(10){left:86%;top:82%;animation-duration:28s;animation-delay:-16s}
.section-label,.eyebrow{margin:0 0 22px;text-transform:uppercase;letter-spacing:.24em;font-size:clamp(11px,.78vw,14px);font-weight:800;color:var(--blue)}
.section-title{margin:0;color:var(--navy);font-size:clamp(44px,6.4vw,128px);line-height:.92;letter-spacing:-.075em;font-weight:800;max-width:1200px}
.section-lead{margin:28px 0 0;max-width:840px;color:#4a6978;font-size:clamp(18px,1.35vw,24px);line-height:1.55}
.btn{--bg:transparent;--fg:var(--navy);--bd:var(--line-strong);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:15px 24px;border:1px solid var(--bd);border-radius:4px;background:var(--bg);color:var(--fg);font-weight:800;letter-spacing:.035em;line-height:1.1;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease;position:relative;isolation:isolate;overflow:hidden}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-130%);transition:transform .52s ease;z-index:-1}
.btn:hover{transform:translateY(-2px);box-shadow:0 22px 54px rgba(0,146,185,.18)}
.btn:hover::before{transform:translateX(130%)}
.btn--primary{--bg:linear-gradient(135deg,#062b42 0%,#0087aa 52%,#00d8f2 100%);--fg:#fff;--bd:rgba(0,216,242,.55);box-shadow:0 18px 58px rgba(0,161,205,.23)}
.btn--ghost{--bg:rgba(255,255,255,.42);--fg:var(--navy);--bd:rgba(0,91,121,.22);backdrop-filter:blur(18px)}
.btn--small{min-height:42px;padding:11px 16px;font-size:13px}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .24s ease,box-shadow .24s ease,border-color .24s ease,transform .24s ease;border-bottom:1px solid transparent}
.site-header.is-scrolled{background:rgba(255,255,255,.84);border-bottom-color:rgba(0,82,112,.12);box-shadow:0 18px 54px rgba(0,45,65,.09);backdrop-filter:blur(22px)}
.header__inner{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:16px;min-width:0}
.brand__mark--logo{display:flex;align-items:center;justify-content:flex-start;width:auto;min-width:148px;height:58px}
.brand__mark--logo img{height:50px;width:auto;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,68,96,.12))}
.brand__text{font-weight:900;letter-spacing:-.04em;font-size:22px;color:var(--navy)}
.brand__text span{display:block;font-size:10px;letter-spacing:.28em;color:var(--aqua);font-weight:800}
.nav{display:flex;align-items:center;gap:clamp(12px,1.4vw,28px);margin-left:auto}
.nav a:not(.btn){font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:rgba(3,29,49,.78);position:relative;padding:8px 0;white-space:nowrap}
.nav a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--aqua),transparent);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.nav a:not(.btn):hover{color:var(--navy)}
.nav a:not(.btn):hover::after{transform:scaleX(1)}
.nav-toggle{display:none;width:46px;height:42px;border:1px solid rgba(0,95,128,.18);background:rgba(255,255,255,.68);border-radius:4px;padding:10px;cursor:pointer}
.nav-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0;transition:transform .22s ease,opacity .22s ease}
.notice-bar{position:relative;z-index:30;margin-top:var(--header);background:linear-gradient(90deg,#032335,#005f7f);color:#fff}
.notice-inner{display:flex;gap:18px;align-items:center;justify-content:center;min-height:46px;font-size:14px}.notice-inner a{text-decoration:underline;color:#fff}

/* Hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:calc(var(--header) + 34px) 0 clamp(74px,8vw,150px);overflow:hidden;background:
  radial-gradient(circle at 71% 48%,rgba(0,216,242,.23),transparent 31vw),
  radial-gradient(circle at 86% 30%,rgba(255,255,255,.86),transparent 24vw),
  linear-gradient(135deg,#ffffff 0%,#effbff 48%,#ffffff 100%)}
.hero::after{content:"MOLEA";position:absolute;left:var(--pad);bottom:clamp(-12px,1vw,22px);font-size:clamp(74px,18vw,310px);line-height:.8;font-weight:900;letter-spacing:-.11em;color:rgba(0,82,112,.035);pointer-events:none;z-index:0}
.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.95}.glow--aqua{width:44vw;height:44vw;right:-8vw;top:6vh;background:radial-gradient(circle,rgba(0,216,242,.34),rgba(0,216,242,.07) 46%,transparent 68%);animation:floatSlow 12s ease-in-out infinite}.glow--deep{width:35vw;height:35vw;left:-12vw;bottom:6vh;background:radial-gradient(circle,rgba(0,79,116,.14),transparent 67%);animation:floatSlow 14s ease-in-out infinite reverse}.glow--white{width:28vw;height:28vw;right:28vw;bottom:10vh;background:radial-gradient(circle,rgba(255,255,255,.86),transparent 68%)}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,125,160,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,125,160,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 70% 42%,#000 0,transparent 62%);opacity:.55}.bubble{position:absolute;width:10px;height:10px;border:1px solid rgba(0,184,222,.6);border-radius:50%;box-shadow:0 0 22px rgba(0,216,242,.45);animation:rise 9s ease-in-out infinite}.bubble--1{left:58%;bottom:18%}.bubble--2{left:84%;bottom:33%;animation-delay:1.2s}.bubble--3{left:76%;bottom:12%;animation-delay:2.4s}
.hero__inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:clamp(36px,5vw,120px)}
.hero__copy{max-width:860px}.eyebrow{display:flex;align-items:center;gap:13px}.eyebrow__dot{width:9px;height:9px;background:var(--aqua);box-shadow:0 0 28px rgba(0,216,242,.9);transform:rotate(45deg)}
.hero__title{margin:0;color:var(--navy);font-size:clamp(58px,8.8vw,166px);line-height:.86;letter-spacing:-.095em;font-weight:900;max-width:980px;text-wrap:balance}.hero__title em{font-style:normal;background:linear-gradient(90deg,#00c9ea,#004866 72%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;text-shadow:none}
.hero__sub{margin:30px 0 0;max-width:820px;color:#3f6170;font-size:clamp(18px,1.42vw,25px);line-height:1.55}.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero__claim{display:flex;align-items:center;gap:18px;margin-top:32px;color:var(--blue);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:13px}.hero__claim .line{width:72px;height:1px;background:linear-gradient(90deg,var(--aqua),transparent)}.hero__claim strong{font-size:clamp(22px,2.2vw,42px);line-height:1;color:var(--navy);letter-spacing:-.04em;text-transform:none}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:34px 0 0;max-width:760px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-facts span{padding:14px 16px;color:#2e6176;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.06))}.hero-facts span:not(:last-child){border-right:1px solid var(--line)}
.hero__visual{position:relative;min-height:min(72vh,780px);display:flex;align-items:center;justify-content:center}.molea-packshot{position:relative;margin:0;width:min(64vw,1120px);transform:translateX(3vw);isolation:isolate}.molea-packshot::before{content:"";position:absolute;left:8%;right:8%;bottom:3%;height:13%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,216,242,.26),rgba(0,60,90,.12) 42%,transparent 70%);filter:blur(8px);z-index:-1}.molea-packshot img{width:100%;filter:drop-shadow(0 42px 76px rgba(3,46,66,.16));mix-blend-mode:multiply}.molea-packshot figcaption{margin-top:6px;text-align:center;text-transform:uppercase;letter-spacing:.35em;font-size:11px;color:#64808d}
.hero__metric{position:absolute;right:min(2vw,36px);top:8%;width:clamp(142px,12vw,220px);height:clamp(142px,12vw,220px);display:grid;place-items:center;text-align:center;border:1px solid rgba(0,216,242,.55);background:radial-gradient(circle at 70% 28%,rgba(104,244,255,.65),rgba(255,255,255,.78) 48%,rgba(255,255,255,.34));box-shadow:0 26px 80px rgba(0,161,205,.22);backdrop-filter:blur(12px);clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}
.hero__metric strong{display:block;font-size:clamp(50px,5.6vw,98px);line-height:.82;letter-spacing:-.08em;color:var(--navy)}.hero__metric span{display:block;margin-top:10px;font-size:12px;text-transform:uppercase;letter-spacing:.17em;color:#0c5d78;font-weight:900}.hero__seal{position:absolute;left:2%;bottom:11%;display:grid;gap:4px;padding:14px 18px;border-left:2px solid var(--aqua);background:linear-gradient(90deg,rgba(255,255,255,.84),rgba(255,255,255,.24));backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,72,96,.1)}.hero__seal strong{font-size:26px;letter-spacing:-.05em;color:var(--navy);line-height:1}.hero__seal span{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--blue);font-weight:900}.hero__visual-note{position:absolute;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:580px}.hero__visual-note span{padding:8px 10px;border-top:1px solid rgba(0,216,242,.45);background:rgba(255,255,255,.56);backdrop-filter:blur(12px);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#0a526c}
.scroll-cue{position:absolute;left:50%;bottom:26px;z-index:3;width:34px;height:58px;transform:translateX(-50%);border:1px solid rgba(0,129,162,.28);border-radius:30px}.scroll-cue span{position:absolute;left:50%;top:10px;width:4px;height:12px;background:var(--aqua);border-radius:10px;transform:translateX(-50%);animation:scrollCue 1.7s ease-in-out infinite}

/* Intro manifesto */
.intro__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:clamp(38px,7vw,140px);align-items:start}.intro__body{font-size:clamp(18px,1.24vw,23px);color:#3d6172}.intro__body p{margin:0 0 22px}.intro__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro__stats div{min-height:150px;padding:24px clamp(14px,1.6vw,28px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,.16))}.intro__stats div:not(:last-child){border-right:1px solid var(--line)}.intro__stats strong{font-size:clamp(38px,4.6vw,88px);line-height:.85;letter-spacing:-.08em;color:var(--navy)}.intro__stats span{display:block;margin-top:18px;color:#4b6e7d;font-size:13px;line-height:1.35;font-weight:750;text-transform:uppercase;letter-spacing:.06em}

/* Stability */
.section--quality,.section--stability{background:
  radial-gradient(circle at 28% 24%,rgba(0,216,242,.18),transparent 32vw),
  linear-gradient(180deg,#f7fdff 0%,#ffffff 100%)}
.quality__grid{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);gap:clamp(46px,7vw,140px);align-items:start}.quality__head{position:sticky;top:126px}.stability-clock{position:relative;width:clamp(240px,25vw,470px);height:clamp(240px,25vw,470px);margin:42px 0;display:grid;place-items:center;border:1px solid rgba(0,216,242,.48);border-radius:50%;background:radial-gradient(circle at 72% 28%,rgba(0,216,242,.42),rgba(255,255,255,.78) 44%,rgba(255,255,255,.15) 70%);box-shadow:inset 0 0 80px rgba(0,216,242,.15),0 38px 110px rgba(0,143,184,.18)}.stability-clock::before,.stability-clock::after{content:"";position:absolute;inset:10%;border:1px solid rgba(0,97,128,.12);border-radius:50%}.stability-clock::after{inset:22%;border-color:rgba(0,216,242,.22)}.stability-clock span{font-size:clamp(92px,10vw,192px);letter-spacing:-.11em;font-weight:900;line-height:.8;color:var(--navy)}.stability-clock em{position:absolute;right:22%;bottom:26%;font-style:normal;color:#00b8d4;font-size:clamp(20px,2vw,34px);font-weight:900}.quality__list{list-style:none;margin:0;padding:0;display:grid;gap:1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quality__list li{display:grid;grid-template-columns:minmax(180px,.45fr) 1fr;gap:clamp(22px,3vw,54px);padding:clamp(24px,3.2vw,54px) 0;border-bottom:1px solid var(--line);align-items:start}.quality__list li:last-child{border-bottom:0}.quality__list strong{font-size:clamp(24px,2.6vw,48px);line-height:1;letter-spacing:-.055em;color:var(--navy)}.quality__list span{color:#4e6e7d;font-size:clamp(16px,1.15vw,21px)}.quality-footer{margin-top:56px;display:flex;align-items:flex-start;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding-top:28px}.references__intro{margin:0;max-width:780px;color:#527281}.quality__certs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.quality__certs li{padding:8px 11px;border-top:1px solid rgba(0,216,242,.48);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#0c5974;font-weight:900;background:rgba(255,255,255,.5)}

/* Benefits */
.section--benefits{background:linear-gradient(180deg,#ffffff 0%,#edfaff 100%)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:clamp(42px,5vw,92px)}.section-head .section-lead{margin:0;max-width:720px}.benefit-filters{position:sticky;top:calc(var(--header) + 14px);z-index:12;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px;padding:12px;border:1px solid rgba(0,122,160,.14);background:rgba(255,255,255,.78);backdrop-filter:blur(20px);box-shadow:0 20px 70px rgba(0,70,90,.08)}.benefit-filter{border:1px solid rgba(0,99,130,.22);background:rgba(255,255,255,.48);color:var(--navy);border-radius:4px;padding:12px 16px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}.benefit-filter:hover,.benefit-filter.is-active{background:linear-gradient(135deg,#05283e,#00c8e8);color:#fff;border-color:transparent;transform:translateY(-1px)}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefit-card{display:grid;grid-template-columns:94px 1fr;gap:0;min-height:420px;padding:0;background:rgba(255,255,255,.42);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:opacity .24s ease,filter .24s ease,background .24s ease,transform .24s ease}.benefit-card:hover{background:rgba(255,255,255,.82);transform:translateY(-3px);box-shadow:0 28px 80px rgba(0,78,108,.08);z-index:2}.benefit-card.is-dimmed{opacity:.28;filter:saturate(.25)}.benefit-card.is-highlighted{opacity:1;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(214,250,255,.72));box-shadow:0 30px 95px rgba(0,198,232,.18);z-index:3}.service__index{border-right:1px solid var(--line);padding:30px 18px;display:flex;align-items:flex-start;justify-content:center}.service__index span{writing-mode:vertical-rl;font-size:42px;letter-spacing:-.08em;font-weight:900;color:rgba(0,91,121,.28);line-height:1}.service__main{padding:clamp(28px,3.2vw,58px)}.service__main h3{margin:0;color:var(--navy);font-size:clamp(28px,3vw,56px);line-height:.98;letter-spacing:-.06em}.service__claim{margin:18px 0 0;color:#0085a4;font-size:clamp(17px,1.2vw,23px);font-weight:850;line-height:1.3}.service__text{margin:18px 0 0;color:#486c7d;font-size:17px}.service__details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:26px;border-top:1px solid rgba(0,111,145,.13);border-bottom:1px solid rgba(0,111,145,.13)}.service__detail{padding:16px 14px 16px 0}.service__detail:not(:last-child){border-right:1px solid rgba(0,111,145,.13);padding-right:14px}.service__detail span{display:block;margin-bottom:8px;color:#007b9b;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.service__detail p{margin:0;color:#5c7885;font-size:13px;line-height:1.45}.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0}.tags li{padding:7px 9px;border-top:1px solid rgba(0,216,242,.5);background:rgba(255,255,255,.58);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#075a73;font-weight:900}

/* Audience */
.section--audience{background:#031d31;color:#e9fbff}.section--audience::before{background:linear-gradient(90deg,transparent,rgba(104,244,255,.42),transparent)}.section--audience .section-label{color:var(--aqua-2)}.section--audience .section-title{color:#fff}.audience__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.section--audience .glow--aqua{right:auto;left:40%;top:4%;opacity:.5}.audience-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-top:1px solid rgba(104,244,255,.22);border-left:1px solid rgba(104,244,255,.22)}.audience-card{min-height:430px;padding:clamp(26px,3vw,48px);border-right:1px solid rgba(104,244,255,.22);border-bottom:1px solid rgba(104,244,255,.22);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018));transition:transform .24s ease,background .24s ease}.audience-card:hover{transform:translateY(-4px);background:linear-gradient(180deg,rgba(0,216,242,.16),rgba(255,255,255,.03))}.audience-card h3{margin:0 0 26px;color:#fff;font-size:clamp(28px,2.5vw,48px);line-height:1;letter-spacing:-.055em}.audience-card p{margin:0 0 24px;color:#b8d8e1}.audience-card p span{display:block;margin-bottom:8px;color:var(--aqua-2);font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:900}

/* Product */
.section--product{background:linear-gradient(180deg,#f7fdff,#ffffff)}.product__grid{display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(390px,.85fr);gap:clamp(44px,6vw,120px);align-items:center}.product__visual{position:relative}.product__visual::before{content:"";position:absolute;left:4%;right:8%;bottom:5%;height:18%;background:radial-gradient(ellipse,rgba(0,216,242,.24),transparent 70%);filter:blur(18px);z-index:0}.product__visual img{position:relative;z-index:1;width:100%;filter:drop-shadow(0 34px 82px rgba(3,49,68,.14));mix-blend-mode:multiply}.product__content{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(30px,4vw,70px) 0}.product__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:34px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.product__facts span{min-height:96px;display:flex;align-items:center;padding:18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.54);font-weight:900;color:#07445b}.nutrition{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid var(--line)}.nutrition li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-weight:800;color:#17364a}.nutrition span:first-child{color:#607d89;font-weight:700}.composition{margin:28px 0 0;color:#527382;font-size:15px}

/* Process */
.section--process{background:linear-gradient(180deg,#fff 0%,#f0fbff 100%)}.process{counter-reset:steps;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.step{position:relative;min-height:360px;padding:clamp(28px,3vw,48px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.46);overflow:hidden}.step::before{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,var(--aqua),transparent);transition:width .9s ease}.step.is-visible::before{width:100%}.step__num{display:block;margin-bottom:clamp(56px,6vw,100px);font-size:clamp(58px,6vw,112px);line-height:.75;letter-spacing:-.1em;color:rgba(0,91,121,.2);font-weight:900}.step__body h3{margin:0;color:var(--navy);font-size:clamp(24px,2.1vw,42px);line-height:1;letter-spacing:-.055em}.step__body p{margin:18px 0 0;color:#557381}

/* Facts */
.section--conditions{background:#fff}.projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.project{position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(24px,2.4vw,38px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(232,250,255,.42));overflow:hidden}.project__media{position:absolute;inset:0;opacity:.34;background:radial-gradient(circle at 70% 22%,rgba(0,216,242,.28),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.1),rgba(0,216,242,.05));pointer-events:none}.project__noise{position:absolute;inset:0;background-image:linear-gradient(120deg,transparent,rgba(0,216,242,.14),transparent);transform:translateX(-80%);animation:shine 5s ease-in-out infinite}.project__info{position:relative;z-index:1;margin-top:0}.project__info h3{margin:0;color:var(--navy);font-size:clamp(24px,2.05vw,40px);line-height:1;letter-spacing:-.055em}.project__info p{margin:18px 0 0;color:#517282;font-size:15px;line-height:1.55}.project[data-tone="b"]{background:linear-gradient(180deg,rgba(236,253,255,.92),rgba(255,255,255,.72))}.project[data-tone="c"]{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(226,247,255,.74))}.project[data-tone="d"]{background:linear-gradient(180deg,rgba(246,253,255,.94),rgba(255,255,255,.72))}


/* Pricing plans */
.section--pricing{background:linear-gradient(180deg,#ffffff 0%,#edfaff 46%,#ffffff 100%);isolation:isolate}
.pricing__glow{position:absolute;right:-12vw;top:8%;width:44vw;height:44vw;border-radius:50%;background:radial-gradient(circle,rgba(0,216,242,.20),transparent 66%);filter:blur(3px);pointer-events:none;z-index:-1}
.pricing-grid{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(420px,1.2fr) minmax(300px,.92fr);gap:clamp(18px,2vw,34px);align-items:stretch;margin-top:clamp(42px,5vw,86px)}
.plan-card{position:relative;display:flex;flex-direction:column;gap:26px;padding:clamp(26px,2.6vw,48px);background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(246,253,255,.72));border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);box-shadow:0 26px 90px rgba(3,50,72,.08);overflow:hidden}
.plan-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--aqua),transparent)}
.plan-card--flow{background:linear-gradient(180deg,rgba(236,252,255,.96),rgba(255,255,255,.78));box-shadow:0 34px 120px rgba(0,124,160,.14);transform:translateY(-14px)}
.plan-card__top{position:relative;z-index:1}.plan-card__eyebrow{margin:0 0 12px;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:900}.plan-card h3{margin:0;color:var(--navy);font-size:clamp(30px,3.1vw,58px);line-height:1;letter-spacing:-.06em}.plan-card p{margin:18px 0 0;color:#4f7181}.plan-price{display:grid;gap:3px;margin-top:24px}.plan-price strong{font-size:clamp(30px,3vw,54px);line-height:1;color:var(--navy);letter-spacing:-.065em}.plan-price span{color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.plan-package{margin-top:24px;padding:16px 18px;border-left:2px solid var(--aqua);background:rgba(255,255,255,.62);color:#06344e;font-weight:900}
.plan-tiers{display:grid;gap:1px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.plan-tier{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(95px,.42fr) minmax(0,1.2fr);gap:16px;align-items:start;padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.55)}.plan-tier strong{color:var(--navy);line-height:1.2}.plan-tier span{color:#007fa2;font-weight:900;white-space:nowrap}.plan-tier p{margin:0;color:#5a7987;font-size:14px;line-height:1.45}
.plan-list{border-top:1px solid var(--line);padding-top:20px}.plan-list h4{margin:0 0 12px;color:var(--navy);font-size:16px;text-transform:uppercase;letter-spacing:.12em}.plan-list ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.plan-list li{position:relative;padding-left:21px;color:#416777;font-weight:700}.plan-list li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;background:var(--aqua);transform:rotate(45deg);box-shadow:0 0 18px rgba(0,216,242,.6)}.plan-list--muted li{color:#5f7c89}.plan-closing{margin:0!important;color:var(--navy)!important;font-weight:900}.plan-cta{margin-top:auto;width:100%}
.pricing-chooser{margin-top:clamp(36px,4vw,70px);padding-top:clamp(26px,3vw,46px);border-top:1px solid var(--line)}.pricing-chooser h3{margin:0;color:var(--navy);font-size:clamp(30px,3.6vw,70px);letter-spacing:-.06em;line-height:1}.pricing-chooser__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:26px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.pricing-chooser__items div{min-height:132px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.62)}.pricing-chooser__items strong{display:block;color:var(--navy);font-size:18px;line-height:1.2}.pricing-chooser__items span{display:block;margin-top:10px;color:#567887;font-weight:800}.pricing-final{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:24px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pricing-final strong{font-size:clamp(26px,3vw,54px);line-height:1;color:var(--navy);letter-spacing:-.06em}.pricing-final span{max-width:760px;color:#4d6f7f;font-size:18px}.nutrition-title{margin:28px 0 -14px;color:var(--navy);font-size:18px;text-transform:uppercase;letter-spacing:.14em}

/* Contact */
.section--contact{background:#031d31;color:#eafbff;padding-bottom:clamp(90px,10vw,180px)}.section--contact .section-label{color:var(--aqua-2)}.section--contact .section-title{color:#fff}.section--contact .section-lead{color:#b4d4de}.contact__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.contact__bg .glow--aqua{right:8%;top:2%;opacity:.38}.contact__bg .glow--deep{left:auto;right:-14%;bottom:-18%;background:radial-gradient(circle,rgba(0,216,242,.18),transparent 67%)}.contact__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(380px,.86fr) minmax(520px,1.14fr);gap:clamp(44px,7vw,130px);align-items:start}.contact__direct{margin-top:44px;border-top:1px solid rgba(104,244,255,.22);max-width:760px}.contact__line{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid rgba(104,244,255,.22)}.contact__line--social:hover .contact__value,.contact__line--social:focus-visible .contact__value{color:var(--aqua-2)}.contact__label{color:var(--aqua-2);font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:900}.contact__value{color:#fff;font-weight:850}.contact__social-value{display:inline-flex;align-items:center;gap:12px;min-width:0;transition:color .2s ease}.contact__social-icon{width:32px;height:32px;flex:0 0 32px;border-radius:8px}.contact__social-value span{overflow-wrap:anywhere}.contact__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:clamp(24px,3.2vw,48px);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(104,244,255,.24);box-shadow:0 42px 120px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.hp{position:absolute;left:-9999px}.field{display:grid;gap:8px}.field--full{grid-column:1/-1}.field label,.recaptcha-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#9fefff}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(104,244,255,.22);border-radius:0;background:rgba(255,255,255,.08);color:#fff;padding:15px 14px;outline:none;transition:border-color .22s ease,background .22s ease}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(104,244,255,.75);background:rgba(255,255,255,.12)}.field textarea{resize:vertical;min-height:140px}.field select option{color:#031d31}.field.invalid input,.field.invalid textarea{border-color:#ff7a7a}.select-wrap{position:relative}.form__footer{display:flex;align-items:center;gap:18px;justify-content:space-between}.form__note{margin:0;color:#bce9f2}.form__note.ok{color:#80ffdc}.form__note.err{color:#ffb1b1}.recaptcha-field{overflow:hidden}

/* Subpages */
.page-hero{padding:calc(var(--header) + 70px) 0 90px;background:linear-gradient(180deg,#fff,#effbff)}.page-hero__inner{max-width:1180px}.content-narrow{max-width:1060px;color:#416777;font-size:18px}.content-narrow h2{margin:0 0 18px;color:var(--navy);font-size:clamp(34px,4vw,70px);letter-spacing:-.06em;line-height:1}.content-narrow h3{margin:34px 0 12px;color:var(--navy);font-size:clamp(24px,2.3vw,42px);letter-spacing:-.045em}.content-narrow a{text-decoration:underline;color:#007fa2}.content-narrow ul{padding-left:22px}

/* Footer */
.site-footer{background:#021522;color:#cae5ec;padding:clamp(48px,6vw,90px) 0 32px}.footer__inner{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(240px,.55fr) minmax(240px,.55fr);gap:44px;align-items:start}.footer__brand .brand__mark--logo{margin-bottom:22px}.footer__claim{margin:0;color:#fff;font-weight:900;letter-spacing:-.04em;font-size:clamp(26px,2.6vw,46px);line-height:1}.footer__tag{margin:14px 0 0;max-width:680px;color:#92b4bf}.footer__nav,.footer__contact{display:grid;gap:12px}.footer__nav a,.footer__contact a,.footer-button{color:#d7f4fa;font-weight:800}.footer-button{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:54px;padding-top:26px;border-top:1px solid rgba(154,226,240,.16);font-size:13px;color:#87aeba}.footer__bottom a{text-decoration:underline;text-underline-offset:3px;color:#d8faff}.footer__sign{text-align:right}

/* Cookies */
.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:90;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:20px;border:1px solid rgba(104,244,255,.24);background:rgba(3,29,49,.94);color:#eafbff;box-shadow:0 32px 120px rgba(0,0,0,.3);backdrop-filter:blur(18px)}.cookie-copy strong{display:block;color:#fff;font-size:18px}.cookie-copy p{margin:6px 0;color:#b9d7df}.cookie-copy a{text-decoration:underline;color:var(--aqua-2)}.cookie-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.cookie-modal-backdrop{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:22px;background:rgba(0,15,26,.68);backdrop-filter:blur(12px)}.cookie-modal{position:relative;width:min(720px,100%);padding:32px;background:#031d31;color:#eafbff;border:1px solid rgba(104,244,255,.24);box-shadow:0 42px 160px rgba(0,0,0,.46)}.cookie-modal h2{margin:0 0 12px;color:#fff;font-size:34px;letter-spacing:-.05em}.cookie-modal p{color:#b9d7df}.cookie-x{position:absolute;right:14px;top:12px;width:36px;height:36px;border:1px solid rgba(104,244,255,.3);background:transparent;color:#fff;font-size:24px;cursor:pointer}.cookie-option{display:flex;gap:14px;margin:16px 0;padding:16px;border:1px solid rgba(104,244,255,.18);background:rgba(255,255,255,.04)}.cookie-option span{display:grid}.cookie-option em{font-style:normal;color:#9dbdc7;font-size:13px}

/* Animations */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .78s ease,transform .78s cubic-bezier(.2,.65,.2,1)}.reveal.is-visible{opacity:1;transform:none}@keyframes floatSlow{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,18px,0) scale(1.03)}}@keyframes rise{0%,100%{transform:translateY(0);opacity:.24}50%{transform:translateY(-52px);opacity:.9}}@keyframes h2Float{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.26}32%{transform:translate3d(16px,-34px,0) scale(1.08);opacity:.54}66%{transform:translate3d(-18px,-72px,0) scale(.94);opacity:.38}}@keyframes scrollCue{0%,100%{transform:translate(-50%,0);opacity:.35}50%{transform:translate(-50%,22px);opacity:1}}@keyframes shine{0%{transform:translateX(-88%)}55%,100%{transform:translateX(88%)}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hydrogen-bubbles span{opacity:.22}}

/* Responsive */
@media (max-width:1320px){.hero__inner,.intro__grid,.quality__grid,.product__grid,.contact__grid,.pricing-grid{grid-template-columns:1fr}.hero__copy{max-width:1120px}.hero__visual{min-height:auto}.molea-packshot{width:min(100%,1100px);transform:none}.quality__head{position:relative;top:auto}.audience-cards,.process,.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:block}.section-head .section-lead{margin-top:24px}.product__visual{max-width:1100px;margin:0 auto}.plan-card--flow{transform:none}}
@media (max-width:980px){:root{--header:78px;--pad:clamp(16px,4vw,28px)}.brand__mark--logo{min-width:128px;height:52px}.brand__mark--logo img{height:44px}.nav-toggle{display:block}.nav{position:fixed;top:calc(var(--header) + 10px);left:var(--pad);right:var(--pad);display:none;flex-direction:column;align-items:stretch;gap:0;padding:16px;background:rgba(255,255,255,.96);border:1px solid rgba(0,95,128,.16);box-shadow:0 26px 86px rgba(0,40,60,.18);backdrop-filter:blur(18px)}.nav.is-open{display:flex}.nav a:not(.btn){padding:14px 4px;border-bottom:1px solid rgba(0,95,128,.1)}.nav a[href="#pro-koho"]{display:none}.nav .btn{margin-top:12px}.hero{min-height:auto;padding-top:calc(var(--header) + 46px)}.hero__title{font-size:clamp(52px,15vw,104px)}.hero__sub{font-size:18px}.hero-facts{grid-template-columns:1fr}.hero-facts span:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.hero__metric{position:relative;right:auto;top:auto;margin:20px auto 0}.hero__seal{position:relative;left:auto;bottom:auto;margin:16px 0 0;width:max-content}.hero__visual-note{position:relative;right:auto;bottom:auto;justify-content:flex-start;margin-top:16px}.intro__stats,.benefits-grid,.audience-cards,.process,.projects,.pricing-chooser__items{grid-template-columns:1fr}.benefit-card{grid-template-columns:68px 1fr;min-height:auto}.service__details{grid-template-columns:1fr}.service__detail:not(:last-child){border-right:0;border-bottom:1px solid rgba(0,111,145,.13)}.quality__list li{grid-template-columns:1fr}.quality-footer{display:block}.quality__certs{justify-content:flex-start;margin-top:20px}.contact__form{grid-template-columns:1fr}.footer__inner{grid-template-columns:1fr}.footer__bottom{display:block}.footer__sign{display:block;text-align:left;margin-top:12px}.cookie-banner{grid-template-columns:1fr}.plan-tier{grid-template-columns:1fr}.pricing-final{display:block}.pricing-final span{display:block;margin-top:12px}.form__footer{display:block}.form__footer .btn{width:100%;margin-bottom:14px}.section--audience,.section--process,.section--conditions{display:none}.scroll-cue{display:none}}
@media (max-width:560px){:root{--pad:24px}.section{padding:70px 0}.btn{width:100%;min-height:52px}.eyebrow{display:block;line-height:1.35;max-width:100%;font-size:10px;letter-spacing:.16em;overflow-wrap:anywhere}.eyebrow__dot{display:inline-block;margin-right:10px}.hydrogen-bubbles span{width:28px;height:28px;font-size:9px;opacity:.5}.hydrogen-bubbles span:nth-child(n+6){display:none}.hydrogen-bubbles span:nth-child(1){left:8%;top:22%}.hydrogen-bubbles span:nth-child(2){left:82%;top:34%}.hydrogen-bubbles span:nth-child(3){left:18%;top:66%}.hydrogen-bubbles span:nth-child(4){left:72%;top:78%}.hydrogen-bubbles span:nth-child(5){left:50%;top:48%}.hero__title{font-size:clamp(38px,10.8vw,48px);letter-spacing:-.06em;max-width:100%}.hero__sub{max-width:100%;font-size:17px;overflow-wrap:normal}.hero__cta{display:grid}.hero__claim{align-items:flex-start;flex-direction:column}.hero__claim .line{width:54px}.molea-packshot figcaption{letter-spacing:.2em}.benefit-card{grid-template-columns:1fr}.service__index{border-right:0;border-bottom:1px solid var(--line);justify-content:flex-start}.service__index span{writing-mode:initial;font-size:32px}.contact__line{grid-template-columns:1fr;gap:6px}.cookie-actions{justify-content:stretch}.cookie-actions .btn{width:100%}}

/* Sales conversion pass */
.sales-page .hero__sub{max-width:900px}
.sales-page .hero__cta .btn--primary{box-shadow:0 18px 52px rgba(0,180,220,.24)}
.sales-reasons{padding:clamp(62px,7vw,110px) 0;background:linear-gradient(180deg,#fff,#eefbff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sales-reasons__head{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(28px,4vw,58px)}
.sales-reasons__head .section-title{margin:0}
.sales-reasons__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.sales-reasons__grid article{min-height:190px;padding:clamp(20px,2vw,32px);background:rgba(255,255,255,.72);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.sales-reasons__grid strong{display:block;color:var(--navy);font-size:clamp(20px,1.55vw,28px);line-height:1.05;letter-spacing:-.04em}
.sales-reasons__grid span{display:block;margin-top:14px;color:#4c7182;font-weight:700;line-height:1.5}
.sales-reasons__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(24px,3vw,42px)}
.sales-page .section--pricing{padding-top:clamp(70px,8vw,130px);background:linear-gradient(180deg,#eefbff 0%,#fff 64%)}
.sales-page .section--pricing .section-head{align-items:start;margin-bottom:clamp(30px,4vw,62px)}
.plan-card__badge{width:max-content;max-width:100%;margin:-10px 0 0;padding:8px 10px;border:1px solid rgba(0,145,185,.18);background:rgba(255,255,255,.78);color:#007fa2;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}
.sales-page .plan-card--flow .plan-card__badge{background:#05283e;color:#fff;border-color:#05283e}
.sales-page .plan-cta{font-size:14px}
.sales-band{padding:0;background:#031d31;color:#eafbff}
.sales-band__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(24px,3vw,40px) var(--pad);border-top:1px solid rgba(104,244,255,.2);border-bottom:1px solid rgba(104,244,255,.2)}
.sales-band strong{display:block;color:#fff;font-size:clamp(26px,3vw,48px);line-height:1;letter-spacing:-.055em}
.sales-band span{display:block;margin-top:10px;color:#b7d9e2;font-size:17px}
.sales-band .btn{flex:0 0 auto}
.sales-page .section--contact .section-label{font-size:12px}
.sales-page .contact__form{box-shadow:0 42px 140px rgba(0,216,242,.16),0 42px 120px rgba(0,0,0,.22)}
.sales-page .contact__form::before{content:"Vyberte plán a my se ozveme s potvrzením.";grid-column:1/-1;display:block;margin:-8px 0 6px;color:#fff;font-weight:900;font-size:clamp(22px,2vw,34px);line-height:1.1;letter-spacing:-.04em}

@media (max-width:980px){
  .sales-reasons__head,.sales-reasons__grid{grid-template-columns:1fr}
  .sales-reasons__grid article{min-height:auto}
  .sales-band__inner{display:block}
  .sales-band .btn{margin-top:18px;width:100%}
}

/* Mobile concise UX pass */
@media (max-width:760px){
  .section{padding:54px 0}
  .section-head{margin-bottom:30px}
  .section-label,.eyebrow{margin-bottom:14px}
  .section-title{font-size:clamp(34px,10vw,52px);line-height:.98;letter-spacing:-.055em}
  .section-lead{margin-top:16px;font-size:17px;line-height:1.48}
  .hero{padding-bottom:44px}
  .hero__sub{max-width:82%;overflow-wrap:normal}
  .hero__visual{margin-top:22px;max-height:360px;overflow:hidden}
  .molea-packshot{width:125%;margin-left:-8%}
  .intro__body p:first-child{display:none}
  .intro__stats{display:none}
  .section--quality .section-lead,.section--quality .stability-clock,.quality__list{display:none}
  .section--quality .quality__head .btn{margin-top:18px}
  .benefit-filters{display:none}
  .section--benefits .section-head .section-lead{display:none}
  .benefit-card{min-height:auto}
  .service__main{padding:24px 22px}
  .service__main h3{font-size:clamp(26px,8vw,38px)}
  .service__claim{font-size:16px;margin-top:12px}
  .service__text{font-size:15px;line-height:1.5;margin-top:12px}
  .service__details,.tags{display:none}
  .audience-card{min-height:auto;padding:24px 22px}
  .audience-card p:not(:first-of-type){display:none}
  .product__visual{display:block;max-height:330px;overflow:hidden;margin:-8px auto 20px}
  .product__visual::before{left:10%;right:10%;bottom:1%;height:22%;filter:blur(14px)}
  .product__visual img{width:118%;max-width:none;margin-left:-9%;filter:drop-shadow(0 20px 46px rgba(3,46,66,.12))}
  .product__content{padding:24px 0}
  .nutrition{margin-top:24px}
  .nutrition-title{font-size:20px;line-height:1.15}
  .nutrition li{display:grid;gap:5px;padding:12px 0}
  .nutrition strong{font-size:15px;line-height:1.35}
  .composition{font-size:13.5px;line-height:1.45;margin-top:20px}
  .section--pricing{padding-top:62px}
  .section--pricing .container{width:calc(100% - 84px)}
  .section--pricing .section-title{font-size:clamp(30px,8vw,38px);max-width:100%;overflow-wrap:break-word}
  .section--pricing .section-lead{max-width:100%;font-size:16px;overflow-wrap:break-word}
  .pricing-grid{gap:18px;margin-top:28px}
  .plan-card{gap:18px;padding:24px 22px}
  .plan-card h3{font-size:clamp(28px,8vw,40px)}
  .plan-card p,.plan-package,.plan-list,.plan-closing{display:none}
  .plan-price{margin-top:18px}
  .plan-tier{padding:13px 14px;gap:8px;overflow:hidden}
  .plan-tier p{display:block}
  .plan-tier p{max-width:88%;font-size:12.5px;line-height:1.45;overflow-wrap:anywhere}
  .plan-cta{margin-top:4px;padding-inline:14px;font-size:14px;white-space:normal;text-align:center}
  .section--audience,.section--process,.section--conditions{display:none}
  .contact__direct{margin-top:28px}
  .section--contact .section-lead{font-size:16px;line-height:1.45}
  .contact__form{padding:20px 18px;gap:14px}
  .field textarea{min-height:112px}
  .cookie-banner{left:12px;right:12px;bottom:12px;gap:12px;padding:16px}
  .cookie-copy strong{font-size:16px}
  .cookie-copy p{display:none}
  .cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .cookie-actions .btn{min-height:44px;padding:10px 12px;font-size:13px}
  .cookie-actions .btn--primary{grid-column:1/-1}
  .footer__tag{display:none}
}

/* Desktop compact sales layout */
@media (min-width:981px){
  .sales-page .section{padding-top:clamp(64px,6vw,118px);padding-bottom:clamp(64px,6vw,118px)}
  .sales-page .hero{min-height:auto;padding-bottom:clamp(58px,6vw,110px)}
  .sales-reasons{padding:clamp(44px,5vw,78px) 0}
  .sales-reasons__head{grid-template-columns:minmax(260px,.68fr) minmax(520px,1.32fr);gap:clamp(24px,3vw,54px);margin-bottom:clamp(22px,2.6vw,42px)}
  .sales-reasons__head .section-title{font-size:clamp(42px,4.2vw,82px);max-width:1100px}
  .sales-reasons__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sales-reasons__grid article{min-height:150px;padding:clamp(18px,1.6vw,26px)}
  .sales-page .section--pricing{padding-top:clamp(50px,5vw,92px)}
  .sales-page .section--pricing .section-head{display:flex;margin-bottom:clamp(26px,3vw,44px)}
  .sales-page .pricing-grid{grid-template-columns:minmax(260px,.95fr) minmax(320px,1.08fr) minmax(260px,.95fr);gap:clamp(14px,1.4vw,24px);margin-top:clamp(28px,3vw,52px)}
  .sales-page .plan-card{padding:clamp(20px,1.6vw,30px);gap:14px}
  .sales-page .plan-card__top{display:grid;gap:12px}
  .sales-page .plan-card__eyebrow{margin:0;font-size:11px}
  .sales-page .plan-card h3{font-size:clamp(26px,2.15vw,40px)}
  .sales-page .plan-card p{display:none}
  .sales-page .plan-price{margin-top:0}
  .sales-page .plan-price strong{font-size:clamp(28px,2.4vw,44px)}
  .sales-page .plan-package{margin-top:0;padding:11px 13px;font-size:14px;line-height:1.35}
  .sales-page .plan-tiers{gap:0}
  .sales-page .plan-tier{grid-template-columns:minmax(96px,1fr) minmax(76px,.55fr);gap:10px;padding:10px 12px}
  .sales-page .plan-tier p{display:none}
  .sales-page .plan-list,.sales-page .plan-closing{display:none}
  .sales-page .plan-card--flow{transform:translateY(-8px)}
  .sales-page .product__grid{grid-template-columns:minmax(480px,1.08fr) minmax(420px,.92fr);gap:clamp(32px,4vw,76px)}
  .sales-page .contact__grid{grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);gap:clamp(32px,5vw,86px)}
  .sales-page .benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sales-page .process{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sales-page .step{min-height:320px;padding:clamp(20px,1.7vw,30px)}
  .sales-page .step__num{margin-bottom:clamp(28px,3vw,52px);font-size:clamp(46px,4vw,76px)}
  .sales-page .step__body h3{font-size:clamp(20px,1.65vw,30px)}
  .sales-page .step__body p{margin-top:12px;font-size:14.5px;line-height:1.46}
  .sales-page .section--conditions{padding-top:clamp(54px,5vw,92px);padding-bottom:clamp(54px,5vw,92px)}
  .sales-page .section--conditions .section-head{display:block;margin-bottom:clamp(24px,2.8vw,42px)}
  .sales-page .section--conditions .section-title{font-size:clamp(44px,4.6vw,86px);max-width:1280px}
  .sales-page .section--conditions .section-lead{max-width:980px;margin-top:18px;font-size:clamp(17px,1.15vw,21px)}
  .sales-page .projects{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sales-page .project{min-height:190px;padding:clamp(18px,1.6vw,28px)}
  .sales-page .project__info h3{font-size:clamp(20px,1.55vw,30px)}
  .sales-page .project__info p{margin-top:12px;font-size:14.5px;line-height:1.46}
  .sales-band__inner{padding:clamp(20px,2.4vw,32px) var(--pad)}
  .sales-band strong{font-size:clamp(28px,2.4vw,42px)}
}

@media (max-width:760px){
  .sales-page .plan-tier{grid-template-columns:1fr auto}
  .sales-page .plan-tier p{display:none}
}

/* Compact merged proof section */
.section--proof{padding-bottom:clamp(58px,7vw,112px)}
.section--proof .intro__grid{gap:clamp(28px,5vw,82px)}
.section--proof .intro__stats{margin-top:30px}
.section--proof .intro__stats div{min-height:124px}
.proof__cta{margin-top:28px}

@media (max-width:760px){
  .section--proof .intro__body p:first-child{display:block}
  .section--proof .intro__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}
  .section--proof .intro__stats div{min-height:108px;padding:18px 16px}
  .section--proof .intro__stats div:nth-child(2){border-right:0}
  .section--proof .intro__stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .section--proof .intro__stats strong{font-size:42px;letter-spacing:-.06em}
  .section--proof .intro__stats span{font-size:11px;line-height:1.32;margin-top:12px}
  .proof__cta{width:100%;margin-top:22px}
}

/* Color balance after content cleanup */
.sales-page .sales-reasons{
  background:
    linear-gradient(180deg,#e9fbff 0%,#f8feff 100%);
}
.sales-page .sales-reasons__grid article{
  background:rgba(255,255,255,.66);
}
.sales-page .sales-reasons__grid article:nth-child(2),
.sales-page .sales-reasons__grid article:nth-child(4){
  background:rgba(232,250,255,.78);
}
.sales-page .section--product{
  background:#f0fbff;
}
.sales-page .section--product::before{
  background:linear-gradient(90deg,transparent,rgba(0,120,150,.28),transparent);
}
.sales-page .section--pricing{
  background:linear-gradient(180deg,#e7f8ff 0%,#ffffff 72%);
}
.sales-page .section--process{
  background:#f3fbf6;
}
.sales-page .section--conditions{
  background:#eef9ff;
}
.sales-page .section--magazine{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#eaf9ff 100%);
}
.sales-page .section--magazine::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 24%,rgba(0,216,242,.2),transparent 17%),
    radial-gradient(circle at 84% 18%,rgba(0,111,145,.16),transparent 18%),
    linear-gradient(rgba(0,111,145,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,111,145,.06) 1px,transparent 1px);
  background-size:auto,auto,44px 44px,44px 44px;
  opacity:.72;
}
.sales-page .section--magazine::after{
  content:"H2";
  position:absolute;
  right:7%;
  top:16%;
  width:118px;
  height:118px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,216,242,.34);
  border-radius:50%;
  color:rgba(0,111,145,.18);
  font-weight:900;
  font-size:38px;
  box-shadow:0 0 0 22px rgba(0,216,242,.045),0 0 0 44px rgba(0,111,145,.03);
  pointer-events:none;
}
.sales-page .section--contact{
  background:linear-gradient(180deg,#03263d 0%,#021522 100%);
}

/* Magazine */
.section--magazine .section-head{
  align-items:flex-start;
}
.magazine-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.magazine-card{
  position:relative;
  min-height:290px;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:clamp(20px,2vw,32px);
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.68);
  overflow:hidden;
}
.magazine-card:nth-child(even){
  background:rgba(232,250,255,.82);
}
.magazine-card::before{
  content:"";
  position:absolute;
  right:20px;
  top:20px;
  width:66px;
  height:66px;
  border:1px solid rgba(0,216,242,.24);
  border-radius:50%;
  background:
    radial-gradient(circle at center,rgba(0,216,242,.18) 0 4px,transparent 5px),
    linear-gradient(35deg,transparent 47%,rgba(0,111,145,.18) 48% 52%,transparent 53%),
    linear-gradient(145deg,transparent 47%,rgba(0,111,145,.14) 48% 52%,transparent 53%);
  opacity:.62;
}
.magazine-card::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:22px;
  height:18px;
  opacity:.22;
  background:
    linear-gradient(90deg,transparent 0 8%,#008eb1 8% 14%,transparent 14% 26%,#008eb1 26% 31%,transparent 31% 42%,#008eb1 42% 48%,transparent 48% 100%);
  clip-path:polygon(0 52%,10% 52%,14% 18%,18% 82%,24% 52%,35% 52%,39% 24%,43% 80%,50% 52%,100% 52%,100% 100%,0 100%);
  pointer-events:none;
}
.magazine-card__meta{
  margin:0;
  color:#007b9b;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.magazine-card h3{
  margin:0;
  color:var(--navy);
  font-size:clamp(22px,1.65vw,32px);
  line-height:1.05;
  letter-spacing:-.05em;
}
.magazine-card p:not(.magazine-card__meta){
  margin:0;
  color:#527281;
  font-size:15px;
  line-height:1.48;
}
.magazine-card a{
  margin-top:auto;
  color:#006f91;
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:4px;
}

/* Article pages */
.article-main{
  position:relative;
  overflow:hidden;
  padding-top:var(--header);
  background:linear-gradient(180deg,#f2fbff 0%,#ffffff 46%);
}
.article-main::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:520px;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 26%,rgba(0,216,242,.18),transparent 18%),
    radial-gradient(circle at 80% 18%,rgba(0,111,145,.16),transparent 22%),
    linear-gradient(rgba(0,111,145,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,111,145,.055) 1px,transparent 1px);
  background-size:auto,auto,48px 48px,48px 48px;
}
.article-hero{
  position:relative;
  padding:clamp(72px,8vw,132px) 0 clamp(34px,5vw,72px);
  border-bottom:1px solid var(--line);
}
.article-hero::before{
  content:"H₂";
  position:absolute;
  right:9%;
  top:20%;
  width:clamp(120px,13vw,210px);
  height:clamp(120px,13vw,210px);
  display:grid;
  place-items:center;
  border:1px solid rgba(0,216,242,.32);
  border-radius:50%;
  color:rgba(0,91,121,.16);
  font-size:clamp(42px,5vw,86px);
  font-weight:900;
  box-shadow:0 0 0 28px rgba(0,216,242,.04),0 0 0 58px rgba(0,111,145,.025);
}
.article-hero::after{
  content:"";
  position:absolute;
  left:var(--pad);
  right:var(--pad);
  bottom:0;
  height:34px;
  opacity:.32;
  background:
    linear-gradient(90deg,transparent 0 9%,#00aeca 9% 15%,transparent 15% 24%,#00aeca 24% 30%,transparent 30% 44%,#00aeca 44% 50%,transparent 50% 100%);
  clip-path:polygon(0 52%,10% 52%,13% 22%,17% 82%,22% 52%,36% 52%,39% 26%,43% 80%,49% 52%,100% 52%,100% 100%,0 100%);
}
.article-hero__inner{
  position:relative;
  z-index:1;
  max-width:1120px;
}
.article-back{
  display:inline-flex;
  margin-bottom:28px;
  color:#006f91;
  font-weight:900;
}
.article-hero h1{
  margin:14px 0 0;
  color:var(--navy);
  font-size:clamp(46px,6vw,104px);
  line-height:.95;
  letter-spacing:-.07em;
}
.article-summary{
  max-width:920px;
  margin:28px 0 0;
  color:#486c7d;
  font-size:clamp(18px,1.35vw,24px);
  line-height:1.48;
}
.article-content{
  display:grid;
  grid-template-columns:minmax(0,880px) minmax(300px,1fr);
  gap:clamp(38px,5vw,92px);
  align-items:start;
  padding-top:clamp(42px,5vw,76px);
  padding-bottom:clamp(70px,8vw,120px);
}
.article-copy{
  max-width:880px;
}
.article-copy p{
  margin:0 0 22px;
  color:#274b5d;
  font-size:clamp(17px,1.1vw,20px);
  line-height:1.72;
}
.article-sources{
  margin-top:48px;
  padding-top:28px;
  border-top:1px solid var(--line);
}
.article-sources h2{
  margin:0 0 18px;
  color:var(--navy);
  font-size:clamp(28px,2.2vw,44px);
  letter-spacing:-.05em;
}
.article-sources ul{
  margin:0;
  padding-left:20px;
  color:#486c7d;
  line-height:1.6;
}
.article-sources li{
  margin:0 0 10px;
}
.article-cta{
  margin-top:48px;
  display:grid;
  gap:16px;
  padding:clamp(24px,3vw,42px);
  background:linear-gradient(135deg,#03263d,#006f91);
  color:#eafbff;
}
.article-cta strong{
  color:#fff;
  font-size:clamp(24px,2vw,36px);
  line-height:1.05;
  letter-spacing:-.05em;
}
.article-cta span{
  color:#c5e9f0;
}
.article-cta .btn{
  width:max-content;
}
.article-visual{
  position:sticky;
  top:calc(var(--header) + 34px);
  min-height:420px;
}
.article-visual__panel{
  position:relative;
  min-height:420px;
  padding:30px;
  border:1px solid rgba(0,111,145,.16);
  background:
    radial-gradient(circle at 72% 18%,rgba(0,216,242,.28),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.9),rgba(230,250,255,.66));
  box-shadow:0 36px 120px rgba(0,91,121,.12);
  overflow:hidden;
}
.article-visual__panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(0,111,145,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,111,145,.07) 1px,transparent 1px);
  background-size:30px 30px;
  mask-image:linear-gradient(180deg,#000,transparent 78%);
  pointer-events:none;
}
.article-visual__panel::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-90px;
  width:260px;
  height:260px;
  border:1px solid rgba(0,216,242,.28);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(0,216,242,.04),0 0 0 58px rgba(0,111,145,.03);
}
.article-visual__eyebrow{
  position:relative;
  z-index:1;
  display:block;
  color:#007b9b;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.article-visual__orbit{
  position:relative;
  z-index:1;
  width:min(100%,320px);
  aspect-ratio:1;
  margin:34px auto 26px;
  border:1px solid rgba(0,111,145,.18);
  border-radius:50%;
  background:
    radial-gradient(circle at center,rgba(0,216,242,.2) 0 15%,transparent 16%),
    radial-gradient(circle at 42% 40%,rgba(255,255,255,.84),transparent 36%);
}
.article-visual__orbit::before,
.article-visual__orbit::after{
  content:"";
  position:absolute;
  inset:14%;
  border:1px solid rgba(0,216,242,.28);
  border-radius:50%;
}
.article-visual__orbit::after{
  inset:28%;
  border-color:rgba(0,111,145,.2);
}
.article-visual__orbit span{
  position:absolute;
  z-index:2;
  display:grid;
  place-items:center;
  min-width:54px;
  min-height:54px;
  padding:9px;
  border:1px solid rgba(0,216,242,.34);
  border-radius:50%;
  background:rgba(255,255,255,.78);
  color:var(--navy);
  font-size:13px;
  font-weight:900;
  box-shadow:0 14px 40px rgba(0,91,121,.12);
}
.article-visual__orbit span:nth-child(1){left:3%;top:44%}
.article-visual__orbit span:nth-child(2){left:50%;top:50%;transform:translate(-50%,-50%);min-width:82px;min-height:82px;font-size:28px;color:#007b9b}
.article-visual__orbit span:nth-child(3){right:2%;top:18%}
.article-visual__signal{
  position:relative;
  z-index:1;
  display:grid;
  gap:7px;
  margin:0 0 24px;
}
.article-visual__signal i{
  display:block;
  height:7px;
  border-radius:99px;
  background:linear-gradient(90deg,#00b7d8,rgba(0,183,216,.08));
}
.article-visual__signal i:nth-child(1){width:88%}
.article-visual__signal i:nth-child(2){width:62%}
.article-visual__signal i:nth-child(3){width:74%}
.article-visual__signal i:nth-child(4){width:46%}
.article-visual__balance,
.article-visual__chart,
.article-visual__cell,
.article-visual__matrix{
  position:relative;
  z-index:1;
  width:min(100%,330px);
  aspect-ratio:1;
  margin:34px auto 26px;
}
.article-visual__balance{
  border:1px solid rgba(0,111,145,.18);
  background:
    radial-gradient(circle at 50% 50%,rgba(0,216,242,.16),transparent 18%),
    radial-gradient(circle at 20% 76%,rgba(255,255,255,.78),transparent 32%),
    radial-gradient(circle at 80% 22%,rgba(220,250,255,.72),transparent 28%);
}
.article-visual__balance::before,
.article-visual__balance::after{
  content:"";
  position:absolute;
  inset:16%;
  border:1px dashed rgba(0,111,145,.28);
  border-radius:50%;
}
.article-visual__balance::after{
  inset:30%;
  transform:rotate(26deg);
}
.article-visual__node{
  position:absolute;
  z-index:2;
  display:grid;
  place-items:center;
  min-width:66px;
  min-height:66px;
  padding:10px;
  border:1px solid rgba(0,216,242,.42);
  border-radius:50%;
  background:rgba(255,255,255,.82);
  color:var(--navy);
  font-weight:900;
  box-shadow:0 16px 44px rgba(0,91,121,.14);
}
.article-visual__node--h2{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  min-width:92px;
  min-height:92px;
  color:#007b9b;
  font-size:30px;
}
.article-visual__node--ros{left:4%;top:58%}
.article-visual__node--o2{right:5%;top:14%}
.article-visual__balance > i{
  position:absolute;
  height:2px;
  background:linear-gradient(90deg,rgba(0,183,216,.1),rgba(0,183,216,.56),rgba(0,183,216,.1));
  transform-origin:left center;
}
.article-visual__balance > i:nth-of-type(1){left:25%;top:61%;width:120px;transform:rotate(-22deg)}
.article-visual__balance > i:nth-of-type(2){left:52%;top:45%;width:112px;transform:rotate(-33deg)}
.article-visual__balance > i:nth-of-type(3){left:28%;top:28%;width:170px;transform:rotate(28deg)}
.article-visual__chart{
  display:flex;
  align-items:end;
  gap:12px;
  padding:34px 20px 54px;
  border-left:2px solid rgba(0,111,145,.2);
  border-bottom:2px solid rgba(0,111,145,.2);
  background:
    repeating-linear-gradient(0deg,rgba(0,111,145,.08) 0 1px,transparent 1px 42px),
    linear-gradient(180deg,rgba(255,255,255,.58),rgba(229,255,247,.42));
}
.article-visual__chart span{
  position:absolute;
  color:#007b9b;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.article-visual__chart span:nth-child(1){left:14px;bottom:18px}
.article-visual__chart span:nth-child(2){left:28%;top:18px}
.article-visual__chart span:nth-child(3){right:28%;top:46%}
.article-visual__chart span:nth-child(4){right:12px;bottom:18px}
.article-visual__chart i{
  flex:1;
  display:block;
  border-radius:12px 12px 0 0;
  background:linear-gradient(180deg,#00c6d8,rgba(0,183,216,.18));
  box-shadow:0 18px 44px rgba(0,91,121,.12);
}
.article-visual__chart i:nth-of-type(1){height:34%}
.article-visual__chart i:nth-of-type(2){height:74%}
.article-visual__chart i:nth-of-type(3){height:88%;background:linear-gradient(180deg,#00314c,#00c6d8)}
.article-visual__chart i:nth-of-type(4){height:56%}
.article-visual__chart i:nth-of-type(5){height:40%}
.article-visual__cell{
  display:grid;
  place-items:center;
  border-radius:46% 54% 42% 58% / 50% 44% 56% 50%;
  border:2px solid rgba(0,111,145,.2);
  background:
    radial-gradient(circle at 50% 50%,rgba(0,216,242,.22),transparent 30%),
    radial-gradient(circle at 42% 38%,rgba(255,255,255,.84),transparent 46%),
    linear-gradient(145deg,rgba(238,248,255,.9),rgba(229,255,252,.58));
}
.article-visual__cell::before{
  content:"";
  position:absolute;
  inset:9%;
  border:1px solid rgba(0,216,242,.32);
  border-radius:inherit;
}
.article-visual__cell-core{
  display:grid;
  place-items:center;
  width:104px;
  height:104px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(0,216,242,.5);
  color:#007b9b;
  font-size:32px;
  font-weight:900;
  box-shadow:0 18px 50px rgba(0,91,121,.16);
}
.article-visual__cell-shield{
  position:absolute;
  right:4%;
  top:13%;
  padding:12px 16px;
  border:1px solid rgba(0,111,145,.24);
  background:rgba(255,255,255,.84);
  color:var(--navy);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.article-visual__cell i{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#00c6d8;
  box-shadow:0 0 0 8px rgba(0,216,242,.1);
}
.article-visual__cell i:nth-of-type(1){left:14%;top:22%}
.article-visual__cell i:nth-of-type(2){left:78%;top:38%}
.article-visual__cell i:nth-of-type(3){left:26%;bottom:16%}
.article-visual__cell i:nth-of-type(4){right:28%;bottom:22%}
.article-visual__cell i:nth-of-type(5){left:45%;top:9%}
.article-visual__cell i:nth-of-type(6){right:12%;bottom:42%}
.article-visual__matrix{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  padding:28px;
  background:
    linear-gradient(135deg,rgba(0,183,216,.14),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(236,255,247,.5));
  border:1px solid rgba(0,111,145,.18);
}
.article-visual__matrix span{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:88px;
  height:88px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(0,216,242,.52);
  color:#007b9b;
  font-size:30px;
  font-weight:900;
  box-shadow:0 20px 54px rgba(0,91,121,.16);
}
.article-visual__matrix i{
  min-height:52px;
  border:1px solid rgba(0,111,145,.16);
  background:
    linear-gradient(135deg,transparent 44%,rgba(0,183,216,.26) 45% 55%,transparent 56%),
    linear-gradient(45deg,transparent 44%,rgba(0,183,216,.18) 45% 55%,transparent 56%),
    rgba(255,255,255,.62);
}
.article-visual strong,
.article-visual p{
  position:relative;
  z-index:1;
}
.article-visual strong{
  display:block;
  color:var(--navy);
  font-size:clamp(24px,1.8vw,34px);
  line-height:1.05;
  letter-spacing:-.05em;
}
.article-visual p{
  margin:14px 0 0;
  color:#4c7182;
  font-size:15px;
  line-height:1.5;
}
.article-visual--performance .article-visual__panel{
  background:radial-gradient(circle at 68% 20%,rgba(60,220,190,.24),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.92),rgba(235,255,248,.7));
}
.article-visual--cell .article-visual__panel{
  background:radial-gradient(circle at 68% 20%,rgba(0,216,242,.24),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.92),rgba(238,248,255,.72));
}
.article-visual--tissue .article-visual__panel{
  background:radial-gradient(circle at 68% 20%,rgba(104,244,255,.24),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.92),rgba(240,252,246,.72));
}

@media (max-width:760px){
  .sales-page .sales-reasons,
  .sales-page .section--product,
  .sales-page .section--pricing,
  .sales-page .section--magazine{
    background:#f0fbff;
  }
  .sales-page .section--magazine::after{
    width:72px;
    height:72px;
    right:5%;
    top:8%;
    font-size:24px;
  }
}

/* Mobile section parity */
@media (max-width:980px){
  .sales-page .section--process,
  .sales-page .section--conditions{
    display:block;
  }
  .sales-page .process,
  .sales-page .projects,
  .sales-page .magazine-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .sales-page .section--process,
  .sales-page .section--conditions{
    display:block;
    padding:54px 0;
  }
  .sales-page .section--process .section-head,
  .sales-page .section--conditions .section-head{
    margin-bottom:26px;
  }
  .sales-page .section--process .section-title,
  .sales-page .section--conditions .section-title{
    font-size:clamp(34px,9vw,46px);
    line-height:1;
    max-width:100%;
  }
  .sales-page .process,
  .sales-page .projects,
  .sales-page .magazine-grid{
    display:grid;
    grid-template-columns:1fr;
  }
  .sales-page .step,
  .sales-page .project,
  .sales-page .magazine-card{
    min-height:auto;
    padding:22px 20px;
  }
  .sales-page .step__num{
    margin-bottom:18px;
    font-size:42px;
  }
  .sales-page .step__body h3,
  .sales-page .project__info h3,
  .sales-page .magazine-card h3{
    font-size:clamp(24px,7vw,34px);
  }
  .sales-page .step__body p,
  .sales-page .project__info p,
  .sales-page .magazine-card p:not(.magazine-card__meta){
    font-size:15px;
    line-height:1.48;
  }
}

/* Mobile compact product facts and footer */
@media (max-width:760px){
  .sales-page .nutrition-title{
    margin:20px 0 -6px;
    font-size:15px;
    line-height:1.2;
    letter-spacing:.12em;
  }
  .sales-page .nutrition{
    margin-top:20px;
  }
  .sales-page .nutrition li{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:9px 0;
  }
  .sales-page .nutrition li:nth-child(n+6){
    display:none;
  }
  .sales-page .nutrition span:first-child{
    font-size:14px;
    line-height:1.25;
  }
  .sales-page .nutrition strong{
    max-width:150px;
    text-align:right;
    font-size:14px;
    line-height:1.25;
  }
  .sales-page .site-footer{
    padding:34px 0 22px;
  }
  .sales-page .footer__inner{
    gap:18px;
  }
  .sales-page .footer__brand .brand__mark--logo{
    height:40px;
    min-width:112px;
    margin-bottom:12px;
  }
  .sales-page .footer__brand .brand__mark--logo img{
    height:34px;
  }
  .sales-page .footer__claim{
    font-size:24px;
    line-height:1;
  }
  .sales-page .footer__nav,
  .sales-page .footer__contact{
    gap:8px;
  }
  .sales-page .footer__nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sales-page .footer__nav a,
  .sales-page .footer__contact a,
  .sales-page .footer-button{
    font-size:15px;
    line-height:1.25;
  }
  .sales-page .footer__bottom{
    margin-top:22px;
    padding-top:16px;
    font-size:11px;
    line-height:1.45;
  }
  .sales-page .footer__sign{
    margin-top:8px;
  }
  .article-main{
    padding-top:var(--header);
  }
  .article-hero{
    padding:48px 0 30px;
  }
  .article-hero::before{
    width:74px;
    height:74px;
    right:4%;
    top:20px;
    font-size:28px;
  }
  .article-hero::after{
    height:18px;
    opacity:.2;
  }
  .article-back{
    margin-bottom:20px;
    font-size:14px;
  }
  .article-hero h1{
    font-size:clamp(38px,11vw,52px);
    line-height:1;
  }
  .article-summary{
    margin-top:20px;
    font-size:17px;
    line-height:1.5;
  }
  .article-content{
    display:grid;
    grid-template-columns:1fr;
    gap:26px;
    padding-top:34px;
    padding-bottom:70px;
  }
  .article-copy p{
    font-size:16px;
    line-height:1.62;
  }
  .article-sources{
    margin-top:34px;
    padding-top:22px;
  }
  .article-cta{
    margin-top:34px;
    padding:22px 20px;
  }
  .article-cta .btn{
    width:100%;
  }
  .article-visual{
    position:relative;
    top:auto;
    min-height:auto;
    order:-1;
  }
  .article-visual__panel{
    min-height:auto;
    padding:22px 20px;
  }
  .article-visual__orbit{
    width:min(100%,230px);
    margin:22px auto 18px;
  }
  .article-visual__orbit span{
    min-width:46px;
    min-height:46px;
    font-size:11px;
  }
  .article-visual__orbit span:nth-child(2){
    min-width:68px;
    min-height:68px;
    font-size:24px;
  }
  .article-visual strong{
    font-size:24px;
  }
}