/* Water MRI site (SITES-ROLLOUT-1 P4, 2026-11-10). Loads after funnel.css.
   Navy throughout in the live app's colours; geometric sans only (Archivo 800 headlines, Inter Tight body); no serif.
   The action stays lime .cta from funnel.css. */
.wmsite{
  --page:#091136; --panel:#0f1a47; --raised:#16235a; --line:#25336a; --text:#f3f1e7; --soft:#a3b0d0; --teal:#30bbb8;
  --grad:linear-gradient(90deg,#30bbb8 0%,#6fd68e 55%,#d2f26b 100%);
  --serif:Archivo,"Arial Narrow",Arial,sans-serif; --rule:#25336a;
  background:var(--page);color:var(--text);
}
.wmsite em{font-family:var(--label);font-style:normal}
.wmsite .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* headlines: Archivo 800, narrowed */
.wmsite h1,.wmsite .h2,.wmsite h3{font-family:var(--label);font-weight:800;font-stretch:90%;font-variation-settings:"wdth" 90;color:#fff}
.wmsite h1{font-size:clamp(44px,6.6vw,92px);line-height:.98;letter-spacing:-.03em;max-width:14ch}
.wmsite .h2{font-size:clamp(32px,4.2vw,56px);line-height:1.02;letter-spacing:-.025em;max-width:20ch}
.wmsite h3{font-size:22px;line-height:1.15;letter-spacing:-.01em}
.wmsite .sub,.wmsite .lead{color:var(--soft)}
.wmsite .eyebrow{color:var(--teal)}
.wmsite section{background:var(--page);border-top:1px solid var(--line)}
.wmsite section.alt{background:var(--panel)}

/* header */
.wmsite .top{color:var(--text)}
.wmsite .top.solid{background:var(--page);border-bottom:1px solid var(--line)}
.wmsite .top .brand img{height:26px;width:auto}
.wmsite .top-actions a.nav{font:700 14px/1 var(--label);text-decoration:none;color:var(--soft)}
.wmsite .top-actions a.nav:hover{color:#fff}
@media (max-width:760px){.wmsite .top-actions a.nav.pro{display:none}}

/* hero (no film) */
.wm-hero{padding:120px 0 clamp(48px,7vw,90px);background:radial-gradient(ellipse at 80% 0%,#16235a 0%,var(--page) 60%)!important;border-top:0!important;position:relative}
.wm-hero::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--grad)}
.wm-hero h1{margin-top:16px}
.wm-hero .lead{font-size:clamp(18px,1.6vw,21px);max-width:46ch;margin-top:20px}
.wm-hero .cta-row{margin-top:30px}
.wm-hero .cta-note{color:var(--soft)}
.wm-hero .wm-frame{margin-top:40px;background:var(--panel)}
.btn-line{display:inline-flex;align-items:center;min-height:60px;padding:0 26px;border-radius:6px;border:1px solid #f3f1e766;color:var(--text);font:800 17px/1 var(--label);text-decoration:none}
.btn-line:hover{border-color:#fff;color:#fff}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}
.card p{color:var(--soft);font-size:16px;margin-top:10px}
.card .n{font:800 13px/1 var(--label);letter-spacing:.14em;color:var(--teal);margin-bottom:14px}
.cards--4{grid-template-columns:repeat(4,1fr)}
.cards--4 .card .n{font-size:clamp(44px,5vw,64px);letter-spacing:-.03em;line-height:.9;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* stats band */
.wmsite .stats{margin-top:28px}
.wmsite .stat{background:var(--panel)}

/* doors on navy */
.wmsite .doors .grid{grid-template-columns:repeat(3,1fr)}
.wmsite .door{background:var(--panel);border-color:var(--line);color:var(--text)}
.wmsite .door:hover{border-color:var(--teal)}
.wmsite .door h3{font-family:var(--label);font-weight:800;font-size:24px}
.wmsite .door p{color:var(--soft)}
.wmsite .door .go::after{color:var(--teal)}

/* lists */
.wmlist{margin-top:30px;border-top:1px solid var(--line)}
.wmlist li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);font-size:18px}
.wmlist li::before{content:"";width:10px;height:10px;margin-top:9px;border-radius:50%;background:var(--grad)}
.wmlist.limits li::before{background:none;border:2px solid var(--soft);width:8px;height:8px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px 70px}

/* final and footer */
.wmsite .final{background:var(--panel)}
.wmsite .final .textlink{display:inline-block;margin-top:22px;color:var(--soft)}
.wmsite footer{background:#060c27;color:var(--soft);border-top:1px solid var(--line)}
.wmsite footer .fasmark{display:inline-block;height:20px;width:auto;vertical-align:-4px;margin-right:8px}
.wmsite .dock{background:var(--page);border-top:1px solid var(--line)}

@media (max-width:900px){.cards,.cards--4,.wmsite .doors .grid,.two{grid-template-columns:1fr}}
@media (max-width:520px){.btn-line,.wm-hero .cta{width:100%;justify-content:center}}

/* ---- depth 1 (ADDENDUM DEPTH-1 P4) ---- */
.wmsite section{position:relative;overflow:hidden}
.wmsite section>.wrap{position:relative;z-index:1}
.tex{background-image:linear-gradient(#25336a33 1px,transparent 1px),linear-gradient(90deg,#25336a33 1px,transparent 1px)!important;background-size:44px 44px!important}
.wm-hero.tex{background-image:radial-gradient(ellipse at 80% 0%,#16235a 0%,transparent 60%),linear-gradient(#25336a33 1px,transparent 1px),linear-gradient(90deg,#25336a33 1px,transparent 1px)!important;background-size:auto,44px 44px,44px 44px!important;background-color:var(--page)!important}
.wmsite section::before{content:"";position:absolute;width:640px;height:640px;right:-200px;top:-220px;border-radius:50%;background:radial-gradient(circle,#30bbb826 0%,transparent 65%);pointer-events:none}
.wmsite section:nth-of-type(even)::before{left:-220px;right:auto;top:auto;bottom:-260px;background:radial-gradient(circle,#d2f26b1a 0%,transparent 65%)}
.card{position:relative;background:var(--raised);border-top:0;box-shadow:0 18px 40px -22px #000c;overflow:hidden}
.card::after{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--grad)}
.card .n.big{font-size:clamp(44px,5vw,64px);letter-spacing:-.03em;line-height:.9;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.wmsite .alarm{color:var(--text)}
.wmsite .alarm b{color:var(--act)}
.statband{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px 50px;align-items:center}
.statline{font:800 clamp(26px,3vw,40px)/1.1 var(--label);font-stretch:90%;color:#fff;letter-spacing:-.02em}
.statband .stats{margin:0}
.wmsite .stat{background:var(--raised);box-shadow:0 18px 40px -22px #000c;padding:24px}
.wmsite .stat b{font-size:clamp(44px,5.4vw,72px)}
.wmsite .door{background:var(--raised);box-shadow:0 18px 40px -22px #000c}
.wmsite .door .mark{height:34px;width:auto;margin-bottom:16px}
.wmlist:not(.limits) li::before{width:12px;height:12px;border-radius:3px;transform:rotate(45deg)}
.limitcard{border-top:1px solid var(--line);border-left:4px solid var(--act);padding:6px 22px;margin-top:30px}
.limitcard::after{display:none}
.limitcard li:last-child{border-bottom:0}
.wmfinal .wmark{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:360px;height:auto;opacity:.08;pointer-events:none}
.wmsite .recap span{border-color:var(--line);background:#16235a99}
@media (max-width:900px){.statband{grid-template-columns:1fr}.wmfinal .wmark{width:240px;right:-60px}}