/* AVIX Water product page v3 — staged portfolio narrative */
:root{
  --p3-ink:#0f1f24;
  --p3-deep:#12252b;
  --p3-deeper:#0b1518;
  --p3-aqua:#36b6d0;
  --p3-warm:#f3f0ec;
  --p3-white:#fcfcfb;
  --p3-muted:#4a8191;
  --p3-line:rgba(15,31,36,.14);
  --p3-coral:#3fb9d2;
  --p3-amber:#2fb1ca;
  --p3-lemon:#dacfbb;
  --p3-lime:#c1cbcf;
}

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

/* Hero */
.p3-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,.17),transparent 31%),
  linear-gradient(135deg,#0a1316 0%,#14282e 67%,#1c3841 100%)}
.p3-hero::after{content:"";position:absolute;inset:auto -14% -45% 40%;height:780px;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}
.p3-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(430px,.68fr);gap:42px;align-items:center;min-height:760px}
.p3-hero-copy{padding:58px 0 70px}
.p3-hero-copy h1{max-width:930px;margin:22px 0 0;font-size:clamp(3.55rem,4.45vw,4.05rem);font-weight:880;letter-spacing:-.035em;line-height:.98}
.p3-hero-copy h1 span{display:block}
.p3-hero-copy h1 span:nth-child(2){color:var(--p3-aqua)}
.p3-hero-copy>p:not(.av5-eyebrow){max-width:800px;margin:30px 0 0;color:#c7d0d3;font-size:1.16rem}
.p3-hero-products{position:relative;display:flex;align-items:center;justify-content:center;min-height:660px}
.p3-hero-products img{position:relative;z-index:3;width:min(116%,760px);max-height:670px;object-fit:contain;filter:drop-shadow(0 34px 40px rgba(0,0,0,.32))}
.p3-hero-halo{position:absolute;width:590px;height:590px;border:1px dashed rgba(54,182,208,.23);border-radius:50%}
.p3-hero-halo::before,.p3-hero-halo::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.p3-hero-halo::before{inset:13%}.p3-hero-halo::after{inset:29%}

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

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

/* Product range */
.p3-range{background:
  radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1.15px) 15px 15px/30px 30px,
  linear-gradient(135deg,#0c191d,#183139);color:#ffffff}
.p3-product-list{display:grid;border-top:1px solid rgba(255,255,255,.12)}
.p3-product{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);gap:clamp(36px,7vw,96px);align-items:center;min-height:560px;padding:42px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.p3-product:nth-child(even){grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}
.p3-product-media{position:relative;display:flex;align-items:center;justify-content:center;min-height:470px}
.p3-product-media::before{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.1);border-radius:50%}
.p3-product-media::after{content:"";position:absolute;left:16%;right:16%;bottom:42px;height:44px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.34),transparent 66%);filter:blur(5px)}
.p3-product-media img{position:relative;z-index:2;width:min(72%,270px);max-height:480px;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(0,0,0,.28))}
.p3-product--regular .p3-product-media::before{border-color:rgba(193,203,207,.22)}
.p3-product--zero .p3-product-media::before{border-color:rgba(218,207,187,.22)}
.p3-product--calcium .p3-product-media::before{border-color:rgba(47,177,202,.24)}
.p3-product-copy{max-width:720px}
.p3-product-meta{display:flex;align-items:center;gap:16px}
.p3-product-meta b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--p3-aqua);color:#0b1619;font-size:.74rem}
.p3-product-meta span{color:#92a6ad;font-size:.69rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.p3-product h3{margin:24px 0 0;color:#ffffff;font-size:clamp(2.45rem,3.8vw,3.85rem);letter-spacing:-.04em;line-height:1}
.p3-product-lead{max-width:700px;margin:20px 0 0;color:#c8d1d4;font-size:1rem}
.p3-product ul{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}
.p3-product li{position:relative;padding-left:27px;color:#aebdc2;font-size:.86rem;line-height:1.5}
.p3-product li::before{content:"";position:absolute;left:0;top:.48em;width:9px;height:9px;border:2px solid var(--p3-aqua);border-radius:50%}
.p3-boundary{max-width:690px;margin:28px 0 0;padding:16px 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04);color:#94a8af;font-size:.72rem}
.p3-boundary b{color:#ffffff}

/* Shared platform */
.p3-platform{background:var(--p3-white)}
.p3-platform-flow{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--p3-line);border-radius:24px;overflow:hidden;background:#ffffff;box-shadow:0 22px 56px rgba(15,31,36,.06)}
.p3-platform-flow article{min-height:215px;padding:27px;border-right:1px solid var(--p3-line);border-bottom:1px solid var(--p3-line)}
.p3-platform-flow article:nth-child(3n){border-right:0}.p3-platform-flow article:nth-child(n+4){border-bottom:0}
.p3-platform-flow b{color:#39636e;font-size:.72rem;letter-spacing:.1em}
.p3-platform-flow h3{margin:36px 0 0;color:var(--p3-ink);font-size:1.45rem;letter-spacing:-.02em;line-height:1.1}
.p3-platform-flow p{margin:15px 0 0;color:var(--p3-muted);font-size:.82rem}

/* Packaging */
.p3-packaging{background:
  radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.1px) 14px 14px/28px 28px,
  linear-gradient(135deg,#0e1b20,#183139);color:#ffffff}
.p3-packaging-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);gap:clamp(48px,8vw,110px);align-items:center}
.p3-packaging-copy h2{color:#ffffff}.p3-packaging-copy>p:not(.av5-eyebrow){max-width:780px;margin:25px 0 0;color:#bcc7ca;font-size:1rem}
.p3-package-options{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.p3-package-options article{padding:30px 24px 34px 0;border-right:1px solid rgba(255,255,255,.1)}
.p3-package-options article+article{padding-left:24px}.p3-package-options article:last-child{border-right:0}
.p3-package-options span{color:var(--p3-aqua);font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.p3-package-options h3{margin:18px 0 0;color:#ffffff;font-size:1.28rem;letter-spacing:-.02em;line-height:1.12}
.p3-package-options p{margin:13px 0 0;color:#aebdc2;font-size:.76rem}
.p3-packaging-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:650px}
.p3-packaging-visual::before{content:"";position:absolute;width:520px;height:520px;border:1px dashed rgba(54,182,208,.22);border-radius:50%}
.p3-packaging-visual img{position:relative;z-index:2;width:min(60%,285px);max-height:560px;object-fit:contain;filter:drop-shadow(0 32px 36px rgba(0,0,0,.32))}
.p3-packaging-visual>div{position:absolute;z-index:3;right:0;bottom:56px;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(11,21,24,.78);backdrop-filter:blur(12px)}
.p3-packaging-visual span{font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.p3-packaging-visual i{width:1px;height:13px;background:rgba(255,255,255,.16)}

/* Product proof */
.p3-proof{background-color:var(--p3-warm);background-image:radial-gradient(circle,rgba(15,31,36,.07) 1px,transparent 1.1px);background-size:28px 28px}
.p3-proof-track{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0;border:1px solid var(--p3-line);border-radius:22px;overflow:hidden;background:#ffffff}
.p3-proof-track li{min-height:235px;padding:25px 22px;border-right:1px solid var(--p3-line)}.p3-proof-track li:last-child{border-right:0}
.p3-proof-track b{color:#39636e;font-size:.72rem}.p3-proof-track span{display:block;margin-top:28px;color:#7c959d;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.p3-proof-track h3{margin:10px 0 0;color:var(--p3-ink);font-size:1.28rem;letter-spacing:-.02em;line-height:1.1}
.p3-proof-track p{margin:16px 0 0;color:var(--p3-muted);font-size:.78rem}

/* Portfolio value */
.p3-value{background:#14272d;color:#ffffff}
.p3-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.p3-value-grid article{min-height:240px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.045)}
.p3-value-grid b{color:var(--p3-aqua);font-size:.72rem}.p3-value-grid h3{margin:42px 0 0;color:#ffffff;font-size:1.55rem;letter-spacing:-.02em;line-height:1.08}
.p3-value-grid p{margin:16px 0 0;color:#b0bfc4;font-size:.83rem}

/* Responsive */
@media(max-width:1120px){
  .p3-hero-grid{grid-template-columns:1.05fr .95fr}.p3-hero-copy h1{font-size:clamp(3.65rem,5.6vw,4.7rem)}
  .p3-hero-products img{width:112%}.p3-hero-halo{width:500px;height:500px}
  .p3-product{grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr)}.p3-product:nth-child(even){grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr)}
  .p3-product-media::before{width:340px;height:340px}
  .p3-platform-flow{grid-template-columns:1fr 1fr}.p3-platform-flow article:nth-child(3n){border-right:1px solid var(--p3-line)}.p3-platform-flow article:nth-child(2n){border-right:0}.p3-platform-flow article:nth-child(n+4){border-bottom:1px solid var(--p3-line)}.p3-platform-flow article:nth-child(n+5){border-bottom:0}
  .p3-packaging-grid{grid-template-columns:1fr}.p3-packaging-visual{min-height:570px;width:min(650px,100%);margin:0 auto}
  .p3-proof-track{grid-template-columns:repeat(3,1fr)}.p3-proof-track li{border-bottom:1px solid var(--p3-line)}.p3-proof-track li:nth-child(3){border-right:0}.p3-proof-track li:nth-child(4),.p3-proof-track li:nth-child(5){border-bottom:0}.p3-proof-track li:nth-child(5){border-right:0}
}

@media(max-width:860px){
  .products-v3 .av5-section{padding:88px 0}
  .p3-hero{min-height:auto;padding-top:116px}.p3-hero-grid{grid-template-columns:1fr;min-height:auto}.p3-hero-copy{padding:56px 0 8px}.p3-hero-products{min-height:580px;width:min(700px,100%);margin:0 auto}.p3-hero-products img{width:min(110%,720px);max-height:590px}.p3-hero-halo{width:520px;height:520px}
  .p3-section-head{grid-template-columns:1fr;gap:28px}.p3-section-head>p{max-width:740px;padding-top:0}
  .p3-launch-track{grid-template-columns:1fr}.p3-launch-track>i{height:34px}.p3-launch-track>i::before{width:72%;height:1px}.p3-launch-track article,.p3-launch-track article+article{padding:30px 0}
  .p3-product,.p3-product:nth-child(even){grid-template-columns:1fr;gap:12px;padding:44px 0}.p3-product:nth-child(even) .p3-product-media{order:-1}.p3-product-media{min-height:430px}.p3-product-media img{width:min(60%,245px);max-height:420px}.p3-product-copy{max-width:none}
  .p3-package-options{grid-template-columns:1fr}.p3-package-options article,.p3-package-options article+article{padding:25px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.p3-package-options article:last-child{border-bottom:0}
  .p3-proof-track{grid-template-columns:1fr 1fr}.p3-proof-track li:nth-child(3){border-right:1px solid var(--p3-line)}.p3-proof-track li:nth-child(2n){border-right:0}.p3-proof-track li:nth-child(4){border-bottom:1px solid var(--p3-line)}.p3-proof-track li:nth-child(5){grid-column:1/-1;border-bottom:0}
  .p3-value-grid{grid-template-columns:1fr}.p3-value-grid article{min-height:0}
}

@media(max-width:620px){
  .products-v3 .av5-section{padding:68px 0}.products-v3 h2{font-size:clamp(2.45rem,11.5vw,3.5rem)}
  .p3-hero-copy h1{font-size:clamp(2.85rem,13.2vw,3.55rem);line-height:.98}.p3-hero-copy>p:not(.av5-eyebrow){font-size:1rem}.p3-hero-products{min-height:450px}.p3-hero-products img{width:115%;max-height:470px}.p3-hero-halo{width:390px;height:390px}
  .p3-takeaway{grid-template-columns:1fr;gap:10px;padding:22px}.p3-takeaway strong{font-size:1.05rem}
  .p3-product{padding:36px 0}.p3-product-media{min-height:380px}.p3-product-media::before{width:300px;height:300px}.p3-product-media img{width:min(64%,220px);max-height:365px}.p3-product h3{font-size:clamp(2.2rem,11vw,3rem)}
  .p3-platform-flow{grid-template-columns:1fr}.p3-platform-flow article,.p3-platform-flow article:nth-child(n+4),.p3-platform-flow article:nth-child(n+5){min-height:0;border-right:0;border-bottom:1px solid var(--p3-line)}.p3-platform-flow article:last-child{border-bottom:0}
  .p3-packaging-visual{min-height:480px}.p3-packaging-visual::before{width:380px;height:380px}.p3-packaging-visual img{width:min(60%,220px);max-height:430px}.p3-packaging-visual>div{position:static;display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:20px;border-radius:18px}.p3-packaging-visual i{display:none}.p3-packaging-visual span{text-align:center}
  .p3-proof-track{grid-template-columns:1fr}.p3-proof-track li,.p3-proof-track li:nth-child(2n),.p3-proof-track li:nth-child(3),.p3-proof-track li:nth-child(4),.p3-proof-track li:nth-child(5){grid-column:auto;min-height:0;border-right:0;border-bottom:1px solid var(--p3-line)}.p3-proof-track li:last-child{border-bottom:0}
}


/* v2 status refinements: completed science and selected biodegradable PET */
.p3-proof-track li.is-complete{background:#eff0f0;border-color:rgba(54,94,105,.24);}
.p3-proof-track li.is-complete>span{color:#355d68;}
.p3-proof-track li.is-complete>b{background:#355d68;color:#ffffff;}
.p3-boundary b{color:#355d68;}