/* AVIX Water Science page v12 — simplified public and commercial narrative */
:root{
  --s12-ink:#0f1f24;
  --s12-deep:#12252b;
  --s12-deeper:#0b1518;
  --s12-aqua:#36b6d0;
  --s12-warm:#f3f0ec;
  --s12-white:#fcfcfb;
  --s12-muted:#4a8191;
  --s12-line:rgba(15,31,36,.14);
  --s12-coral:#3fb9d2;
}

.science-v12 main{overflow:hidden}
.science-v12 .av5-section{padding:104px 0}
.science-v12 h1,.science-v12 h2,.science-v12 h3{font-family:inherit}
.science-v12 h2{margin:0;color:var(--s12-ink);font-size:clamp(3rem,4.7vw,4.7rem);font-weight:860;letter-spacing:-.035em;line-height:.99}
.science-v12 h2 span{display:block}
.science-v12 p{line-height:1.62}

/* Hero */
.s12-hero{position:relative;min-height:900px;padding-top:118px;color:#ffffff;background:
  radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1.15px) 14px 14px/30px 30px,
  radial-gradient(circle at 80% 46%,rgba(54,182,208,.18),transparent 31%),
  linear-gradient(135deg,#0a1316 0%,#14282e 67%,#1c3841 100%)}
.s12-hero::after{content:"";position:absolute;inset:auto -12% -38% 42%;height:760px;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}
.s12-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:44px;align-items:center;min-height:760px}
.s12-hero-copy{padding:60px 0 72px}
.s12-hero-copy h1{max-width:900px;margin:22px 0 0;font-size:clamp(3.8rem,5vw,4.75rem);font-weight:880;letter-spacing:-.035em;line-height:.98}
.s12-hero-copy h1 span{display:block}
.s12-hero-copy h1 span:nth-child(2){color:var(--s12-aqua)}
.s12-hero-copy>p:not(.av5-eyebrow){max-width:810px;margin:30px 0 0;color:#c7d0d3;font-size:1.16rem}
.s12-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:660px}
.s12-hero-visual img{position:relative;z-index:4;width:min(54%,300px);max-height:560px;object-fit:contain;filter:drop-shadow(0 30px 38px rgba(0,0,0,.3))}
.s12-hero-orbit{position:absolute;border:1px solid rgba(54,182,208,.22);border-radius:50%}
.s12-hero-orbit--outer{width:600px;height:600px}
.s12-hero-orbit--inner{width:420px;height:420px;border-style:dashed}
.s12-hero-label{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(11,21,24,.78);box-shadow:0 14px 34px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.s12-hero-label b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--s12-aqua);color:#0b1518;font-size:.7rem}
.s12-hero-label span{font-size:.78rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.s12-hero-label--purity{top:22%;left:4%}.s12-hero-label--profile{top:45%;right:-4%}.s12-hero-label--proof{bottom:18%;left:3%}

/* Shared heads */
.s12-section-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:clamp(48px,8vw,112px);align-items:start;margin-bottom:52px}
.s12-section-head>p{max-width:560px;margin:0;padding-top:39px;color:var(--s12-muted);font-size:1.03rem}
.s12-section-head--light h2{color:#ffffff}.s12-section-head--light>p{color:#b3c1c5}

/* Hidden gap */
.s12-gap{position:relative;background-color:var(--s12-warm);background-image:radial-gradient(circle,rgba(15,31,36,.075) 1px,transparent 1.1px);background-size:28px 28px}
.s12-gap-flow{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:stretch;border-top:1px solid var(--s12-line);border-bottom:1px solid var(--s12-line)}
.s12-gap-flow article{padding:38px 24px 40px 0}
.s12-gap-flow article+article{padding-left:24px}
.s12-gap-flow>i{position:relative}
.s12-gap-flow>i::before{content:"";position:absolute;top:50%;left:50%;width:1px;height:72%;background:var(--s12-line);transform:translate(-50%,-50%)}
.s12-gap-flow>i::after{content:"→";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--s12-warm);color:#3a6672;font-weight:900;transform:translate(-50%,-50%)}
.s12-gap-flow article>b{color:#39636e;font-size:.74rem;letter-spacing:.1em}
.s12-gap-flow article>span{display:block;margin-top:28px;color:#738d95;font-size:.69rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.s12-gap-flow h3{margin:9px 0 0;color:var(--s12-ink);font-size:1.5rem;letter-spacing:-.02em;line-height:1.12}
.s12-gap-flow p{margin:13px 0 0;color:var(--s12-muted);font-size:.9rem}
.s12-takeaway{display:grid;grid-template-columns:190px 1fr;gap:34px;align-items:center;margin-top:32px;padding:28px 32px;border-left:4px solid var(--s12-coral);background:#f5f2ee}
.s12-takeaway span{color:#228092;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.s12-takeaway strong{color:var(--s12-ink);font-size:1.25rem;line-height:1.35}

/* Bangladesh */
.s12-bangladesh{background:
  radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1.15px) 15px 15px/30px 30px,
  linear-gradient(135deg,#0c191d,#183139);color:#ffffff}
.s12-study-line{display:flex;align-items:center;justify-content:center;gap:22px;margin:0 0 34px;padding:17px 24px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04)}
.s12-study-line span{display:flex;align-items:baseline;gap:7px;color:#c3cccf;font-size:.74rem;font-weight:760}.s12-study-line b{color:var(--s12-aqua);font-size:1.18rem}.s12-study-line i{width:1px;height:18px;background:rgba(255,255,255,.14)}
.s12-comparison{display:grid;grid-template-columns:1fr 1fr .95fr;gap:18px}
.s12-comparison>article,.s12-comparison>aside{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.045);overflow:hidden}
.s12-comparison header{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;border-bottom:1px solid rgba(255,255,255,.1)}
.s12-comparison header span{font-size:1.45rem;font-weight:850}.s12-comparison header strong{color:#8ea2a9;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}
.s12-local{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:30px 26px;background:rgba(54,182,208,.08)}
.s12-local b{color:var(--s12-aqua);font-size:3.7rem;letter-spacing:-.045em;line-height:.9}.s12-local span{max-width:120px;color:#ffffff;font-size:.78rem;font-weight:800;line-height:1.35}
.s12-comparison ul{list-style:none;margin:0;padding:0}
.s12-comparison li{display:flex;justify-content:space-between;gap:20px;padding:16px 26px;border-top:1px solid rgba(255,255,255,.08);color:#bcc7ca;font-size:.8rem}.s12-comparison li b{color:#ffffff}
.s12-comparison aside{display:flex;flex-direction:column;justify-content:center;padding:34px}
.s12-comparison aside>span{color:var(--s12-aqua);font-size:.69rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.s12-comparison aside h3{margin:18px 0 0;color:#ffffff;font-size:1.65rem;letter-spacing:-.025em;line-height:1.08}
.s12-comparison aside p{margin:18px 0 0;color:#bcc7ca;font-size:.84rem}
.s12-study-note{max-width:920px;margin:24px auto 0;color:#95a9af;font-size:.72rem;text-align:center}

/* Why it matters */
.s12-why{background:var(--s12-white)}
.s12-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.s12-why-grid article{position:relative;min-height:335px;padding:32px;border:1px solid var(--s12-line);border-radius:24px;background:#ffffff;box-shadow:0 18px 48px rgba(15,31,36,.055)}
.s12-why-grid article::after{content:"";position:absolute;right:28px;bottom:26px;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,var(--s12-aqua) 1px,transparent 1.3px);background-size:8px 8px;opacity:.45}
.s12-why-grid span{color:#39636e;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.s12-why-grid h3{margin:54px 0 0;color:var(--s12-ink);font-size:1.65rem;letter-spacing:-.025em;line-height:1.08}
.s12-why-grid p{margin:18px 0 0;color:var(--s12-muted);font-size:.86rem}

/* Approach */
.s12-approach{background:
  radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.1px) 14px 14px/28px 28px,
  linear-gradient(135deg,#0e1b20,#183139);color:#ffffff}
.s12-approach-track{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.s12-approach-track li{position:relative;padding:34px 28px 38px;border-right:1px solid rgba(255,255,255,.1)}.s12-approach-track li:last-child{border-right:0}
.s12-approach-track li>b{color:var(--s12-aqua);font-size:.72rem;letter-spacing:.1em}
.s12-approach-track li span{display:block;margin-top:38px;color:#91a5ac;font-size:.65rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.s12-approach-track h3{margin:9px 0 0;color:#ffffff;font-size:1.35rem;letter-spacing:-.02em;line-height:1.12}
.s12-approach-track p{margin:15px 0 0;color:#b3c1c5;font-size:.78rem}
.s12-boundary{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center;margin-top:30px;padding:24px 28px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.04)}
.s12-boundary b{color:var(--s12-aqua);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.s12-boundary p{margin:0;color:#bac5c8;font-size:.8rem}

/* Value */
.s12-value{background-color:var(--s12-warm);background-image:radial-gradient(circle,rgba(15,31,36,.07) 1px,transparent 1.1px);background-size:28px 28px}
.s12-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.s12-value-grid article{min-height:290px;padding:30px;border-radius:22px;background:var(--s12-ink);color:#ffffff}
.s12-value-grid article>b{color:var(--s12-aqua);font-size:.74rem;letter-spacing:.1em}
.s12-value-grid h3{margin:58px 0 0;color:#ffffff;font-size:1.55rem;letter-spacing:-.02em;line-height:1.08}
.s12-value-grid p{margin:16px 0 0;color:#b0bfc4;font-size:.83rem}

/* Proof */
.s12-proof{background:#14272d;color:#ffffff}
.s12-proof-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(50px,8vw,110px);align-items:center}
.s12-proof-copy h2{color:#ffffff}.s12-proof-copy>p:not(.av5-eyebrow){max-width:620px;margin:24px 0;color:#b6c3c8;font-size:1rem}
.s12-proof-steps{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden}
.s12-proof-steps article{min-height:210px;padding:28px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.s12-proof-steps article:nth-child(2n){border-right:0}.s12-proof-steps article:nth-child(n+3){border-bottom:0}
.s12-proof-steps b{color:var(--s12-aqua);font-size:.72rem}.s12-proof-steps span{display:block;margin-top:34px;color:#8ca2a9;font-size:.65rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.s12-proof-steps strong{display:block;margin-top:10px;color:#ffffff;font-size:1.08rem;line-height:1.34}

/* Sources */
.s12-sources{padding:24px 0;background:var(--s12-warm);border-top:1px solid var(--s12-line)}
.s12-sources details{border:1px solid var(--s12-line);border-radius:14px;background:rgba(255,255,255,.64)}
.s12-sources summary{padding:18px 22px;color:var(--s12-ink);font-size:.78rem;font-weight:850;cursor:pointer}
.s12-sources details>div{padding:0 22px 22px;color:var(--s12-muted);font-size:.74rem}
.s12-sources details>div>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.s12-sources a{color:#355d68;font-weight:800}

/* Responsive */
@media(max-width:1120px){
  .s12-hero-grid{grid-template-columns:1.15fr .85fr}.s12-hero-copy h1{font-size:clamp(3.7rem,5.7vw,4.7rem)}
  .s12-hero-orbit--outer{width:500px;height:500px}.s12-hero-orbit--inner{width:350px;height:350px}
  .s12-comparison{grid-template-columns:1fr 1fr}.s12-comparison aside{grid-column:1/-1;min-height:0}
  .s12-approach-track{grid-template-columns:1fr 1fr}.s12-approach-track li:nth-child(2){border-right:0}.s12-approach-track li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
  .s12-proof-grid{grid-template-columns:1fr;gap:42px}
}

@media(max-width:860px){
  .science-v12 .av5-section{padding:88px 0}
  .s12-hero{min-height:auto;padding-top:116px}.s12-hero-grid{grid-template-columns:1fr;min-height:auto}.s12-hero-copy{padding:56px 0 8px}.s12-hero-visual{min-height:560px;width:min(600px,100%);margin:0 auto}.s12-hero-orbit--outer{width:520px;height:520px}.s12-hero-orbit--inner{width:360px;height:360px}
  .s12-section-head{grid-template-columns:1fr;gap:28px}.s12-section-head>p{max-width:740px;padding-top:0}.s12-manufacturing .s12-section-head>p{padding-top:0}
  .s12-gap-flow{grid-template-columns:1fr}.s12-gap-flow>i{height:34px}.s12-gap-flow>i::before{width:72%;height:1px}.s12-gap-flow article,.s12-gap-flow article+article{padding:30px 0}
  .s12-comparison{grid-template-columns:1fr}
  .s12-comparison aside{grid-column:auto}
  .s12-why-grid,.s12-value-grid{grid-template-columns:1fr}.s12-why-grid article,.s12-value-grid article{min-height:0}
  .s12-approach-track{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .science-v12 .av5-section{padding:68px 0}.science-v12 h2{font-size:clamp(2.45rem,11.5vw,3.5rem)}
  .s12-hero-copy h1{font-size:clamp(2.85rem,13.2vw,3.55rem);line-height:.98}.s12-hero-copy>p:not(.av5-eyebrow){font-size:1rem}.s12-hero-visual{min-height:470px}.s12-hero-visual img{width:min(53%,220px);max-height:410px}.s12-hero-orbit--outer{width:410px;height:410px}.s12-hero-orbit--inner{width:280px;height:280px}.s12-hero-label{padding:9px 12px}.s12-hero-label b{width:26px;height:26px}.s12-hero-label span{font-size:.65rem}.s12-hero-label--profile{right:0}
  .s12-takeaway,.s12-boundary{grid-template-columns:1fr;gap:10px;padding:22px}.s12-takeaway strong{font-size:1.05rem}
  .s12-study-line{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-radius:18px}.s12-study-line i{display:none}.s12-study-line span{justify-content:center}
  .s12-local b{font-size:3.2rem}.s12-comparison aside{padding:26px}
  .s12-approach-track{grid-template-columns:1fr}.s12-approach-track li{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.s12-approach-track li:last-child{border-bottom:0}.s12-approach-track li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
  .s12-proof-steps{grid-template-columns:1fr}.s12-proof-steps article,.s12-proof-steps article:nth-child(2n),.s12-proof-steps article:nth-child(n+3){min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.s12-proof-steps article:last-child{border-bottom:0}
  .s12-sources details>div>div{display:grid}
}


/* v3 science pathway update */
.s12-manufacturing{background:#f3f0eb;}
.s12-diagram-frame{margin-top:46px;overflow:hidden;border:1px solid rgba(15,31,36,.13);border-radius:28px;background:#ffffff;box-shadow:0 24px 70px rgba(15,31,36,.10);}
.s12-plant-diagram{display:block;width:100%;height:1900px;border:0;background:#ffffff;}
.s12-process-guardrails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;}
.s12-process-guardrails article{min-height:0;padding:26px;border:1px solid rgba(15,31,36,.12);border-radius:20px;background:#ffffff;}
.s12-process-guardrails b{display:block;color:#355d68;font-size:.7rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;}
.s12-process-guardrails h3{margin:18px 0 10px;color:#0f1f24;font-size:1.18rem;line-height:1.2;letter-spacing:-.015em;}
.s12-process-guardrails p{margin:0;color:#49808f;font-size:.82rem;line-height:1.58;}
@media(max-width:1080px){
  .s12-plant-diagram{height:2400px;}
  .s12-process-guardrails{grid-template-columns:1fr 1fr;}
}
@media(max-width:700px){
  .s12-diagram-frame{margin-top:32px;border-radius:20px;}
  .s12-plant-diagram{height:3700px;}
  .s12-process-guardrails{grid-template-columns:1fr;}
  .s12-process-guardrails article{padding:23px;}
}

/* v4 full-plant restoration — preserve complete vector process from AVIX-Water-Website.zip */
.s12-manufacturing .s12-section-head{align-items:start}
.s12-manufacturing .s12-section-head>p{font-size:1rem;line-height:1.65;max-width:520px;padding-top:39px}
.s12-manufacturing .s12-diagram-frame{margin-top:42px}
.s12-manufacturing .s12-process-guardrails h3{margin-top:14px;white-space:nowrap}
@media(max-width:900px){.s12-manufacturing .s12-process-guardrails h3{white-space:normal}}