:root{--teal:#16a7a4;--teal2:#00a5a7;--blue:#0e4ea3;--navy:#102444;--ink:#202124;--muted:#667085;--line:#d9e1e7;--soft:#f5f7f8;--shadow:0 16px 45px rgba(18,45,74,.12);--radius:14px}.wp-site-blocks{padding:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Montserrat",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e7ecef}.header-inner{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;min-width:150px}.brand .custom-logo{max-height:50px;width:auto}.brand-mark{width:38px;height:38px;border:9px solid var(--teal);border-radius:50%;display:inline-block;position:relative;margin-right:7px}.brand-mark i{position:absolute;width:20px;height:11px;background:white;right:-11px;bottom:-2px;transform:rotate(28deg)}.brand-word{font-size:19px;line-height:.8;font-weight:700;color:#767a7d}.brand-word b{font-size:23px}.main-nav{margin-left:auto}.aqua-menu{list-style:none;display:flex;align-items:center;gap:27px;margin:0;padding:0}.aqua-menu a{font-size:14px;font-weight:600}.aqua-menu a:hover{color:var(--teal)}.header-actions{display:flex;align-items:center;gap:14px}.lang{font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:7px;padding:13px 18px;font-size:13px;font-weight:800;letter-spacing:.01em;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,36,68,.12)}.btn-primary{background:var(--teal);color:#fff}.btn-dark{background:#0e4d9e;color:#fff}.btn-outline{border-color:#9ba7b3;background:#fff;color:#0f4f99}.btn-small{padding:12px 16px}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;padding:9px;margin-left:auto}.menu-toggle span{display:block;height:2px;background:#203040;margin:5px 0}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 43%,#eef8ff 70%,#dcefff 100%);min-height:560px}.hero-wash{position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(231,247,255,.7))}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:560px;position:relative;z-index:1}.hero-copy{padding:55px 0}.eyebrow{color:var(--teal);font-size:25px;font-weight:300;letter-spacing:.03em;margin-bottom:12px}.hero h1,.subhero h1{font-size:58px;line-height:.98;margin:0 0 22px;font-weight:900;letter-spacing:-.03em}.hero h1 br+*,.hero h1 span,.subhero h1 span{color:var(--teal)}.hero h1::first-line{color:#3c3d3f}.hero-copy>p{font-size:22px;line-height:1.25;max-width:570px;margin:0 0 28px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:#4b5563}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center}.hero-visual img{width:100%;max-width:520px;object-fit:cover;mix-blend-mode:multiply}.water-badge{position:absolute;right:30px;top:85px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;color:var(--blue);font-weight:800}.water-badge small{font-size:10px;color:#6b7280}.section{padding:68px 0}.section h2{font-size:34px;line-height:1.08;margin:0 0 36px;font-weight:900;letter-spacing:-.02em}.section h2 span{color:var(--teal)}.center{text-align:center}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.choice-card{border:1px solid #cdd6dd;border-radius:9px;padding:56px 24px 26px;min-height:310px;position:relative;text-align:center;display:flex;flex-direction:column}.choice-card.blue{background:#f1f7ff}.choice-card.sand{background:#fff8ed}.choice-card.mint{background:#f1faf5}.choice-card.lilac{background:#f8f2ff}.icon-bubble{position:absolute;top:-34px;left:50%;transform:translateX(-50%);width:76px;height:76px;border-radius:50%;background:#e4efff;display:grid;place-items:center}.sand .icon-bubble{background:#ffe5a6}.mint .icon-bubble{background:#d6efdf}.lilac .icon-bubble{background:#eadfff}.icon-bubble svg,.line-icon svg{width:38px;height:38px;stroke:#1456a0;fill:none;stroke-width:1.5}.choice-card h3{font-size:22px;line-height:1.05;margin:24px 0 14px}.choice-card p{color:#4a4a4a;font-size:15px;line-height:1.45;margin:0 0 20px}.choice-card a{margin-top:auto;color:#176bc0;font-weight:700}.product-story{background:#fbfbfb}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.story-copy h2{font-size:52px;margin-bottom:22px}.story-copy p{font-size:18px;max-width:430px;margin-bottom:28px}.story-visual{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.story-visual img{max-width:440px}.callout{position:absolute;font-size:17px;max-width:170px;padding-left:22px}.callout:before{content:"";width:9px;height:9px;border:3px solid #2a83d0;border-radius:50%;position:absolute;left:0;top:5px}.c1{left:5%;top:6%}.c2{left:-2%;top:56%}.c3{right:0;top:8%}.c4{right:-3%;bottom:16%}.use-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.use-tile{text-align:center}.use-tile img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;box-shadow:0 3px 10px rgba(20,40,60,.1)}.use-tile strong{display:block;font-size:13px;color:#555;margin-top:9px}.process-section{background:#fbfdfe}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:12px 0 36px}.step{text-align:center;position:relative;padding-top:12px}.step:not(:last-child):after{content:"";height:2px;background:#b8dbe2;position:absolute;left:65%;right:-35%;top:28px}.step span{width:28px;height:28px;border-radius:50%;background:#178bc5;color:#fff;display:grid;place-items:center;margin:0 auto 20px;font-weight:800;position:relative;z-index:2}.step b{font-size:16px;line-height:1.25}.dark-band{background:var(--navy);color:white}.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.dark-grid h2{font-size:44px;margin:0}.kicker{color:#72ddd9;font-size:13px;font-weight:800;letter-spacing:.12em}.dark-grid p{font-size:18px;color:#dce6ef;max-width:520px}.contact-section{background:#f6f8f8}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.contact-grid h2{font-size:44px}.contact-grid p{font-size:17px;color:#4a5560}.ticks{padding:0;list-style:none}.ticks li{margin:9px 0;padding-left:28px;position:relative}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:900}.aqua-form{background:#fff;border:1px solid #dbe3e8;border-radius:12px;padding:26px;box-shadow:var(--shadow)}.aqua-form label{display:block;font-size:13px;font-weight:700;margin-bottom:14px}.aqua-form input,.aqua-form textarea{width:100%;margin-top:6px;border:1px solid #cad4dc;border-radius:7px;padding:12px 13px;font:inherit;background:#fff}.aqua-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.aqua-form .form-wide{grid-column:1/-1}.check{display:flex!important;gap:9px;align-items:flex-start;font-weight:500!important}.check input{width:auto;margin-top:3px}.form-alert{padding:10px 14px;border-radius:7px;margin-bottom:12px}.form-alert.success{background:#e7f7ef;color:#176442}.form-alert.error{background:#fdecec;color:#a22626}.site-footer{background:#0d1e34;color:#d8e1ea;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-grid h4{color:white;margin:0 0 14px}.footer-grid a{display:block;color:#d8e1ea;margin:7px 0}.footer-brand{display:flex;align-items:center;font-size:24px;font-weight:700;color:#fff}.footer-brand .brand-mark{transform:scale(.8)}.footer-bottom{border-top:1px solid #2d3f55;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:#9fb0c2}.subhero{background:linear-gradient(100deg,#fff 0%,#f8fbfc 58%,#e7f5fb 100%);padding:70px 0}.subhero-grid{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.subhero-grid img{max-height:430px;object-fit:contain;justify-self:end}.subhero p{font-size:19px;max-width:600px}.subhero h1{font-size:53px}.audience-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.audience-card{border:1px solid #d8e0e5;border-radius:8px;text-align:center;padding:25px 14px;min-height:235px}.audience-card h3{font-size:16px}.audience-card p{font-size:13px;color:#525b63}.line-icon{width:55px;height:55px;margin:auto;display:grid;place-items:center}.personal-section{background:#e7e5df}.personal-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:center}.personal-grid>div:first-child p{max-width:350px}.personal-spec{position:relative;min-height:450px}.personal-spec img{max-height:440px;margin:auto}.spec{position:absolute;font-size:15px}.spec small{display:block;max-width:170px;color:#555}.s1{left:2%;top:8%}.s2{right:2%;top:7%}.s3{left:0;top:43%}.s4{right:0;top:40%}.s5{left:2%;bottom:5%}.s6{right:0;bottom:8%}.simple-hero .container{max-width:900px}.simple-hero h1{margin-bottom:16px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-item{position:relative;border-radius:12px;overflow:hidden;background:#f3f5f6;min-height:220px}.gallery-item img{width:100%;height:220px;object-fit:cover;image-rendering:auto}.gallery-item span{display:block;padding:12px 14px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats-grid>div{text-align:center;border:1px solid #d8e1e7;border-radius:12px;padding:26px 16px}.stats-grid strong{display:block;color:var(--teal);font-size:34px}.stats-grid span{font-size:13px}.soft{background:#f5f7f8}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature-boxes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-boxes>div{background:#fff;border:1px solid #dce4e9;border-radius:10px;padding:23px}.feature-boxes b{color:#178bc5;font-size:13px}.feature-boxes h3{margin:6px 0}.distributor-hero{background:radial-gradient(circle at 82% 35%,#dff5f2,transparent 23%),linear-gradient(110deg,#f8fbfc,#eef6fa)}.narrow{max-width:720px}.content-narrow{max-width:800px}.contact-note{padding:16px;border-left:4px solid var(--teal);background:#fff;margin-top:25px}
@media(max-width:1050px){.header-actions .lang{display:none}.aqua-menu{gap:16px}.hero h1{font-size:50px}.choice-card h3{font-size:19px}.use-grid{grid-template-columns:repeat(4,1fr)}.audience-grid{grid-template-columns:repeat(3,1fr)}.story-copy h2{font-size:44px}}
@media(max-width:860px){.container{width:min(100% - 32px,1180px)}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:81px;background:#fff;border-bottom:1px solid #dfe6eb;padding:16px 24px}.main-nav.open{display:block}.aqua-menu{flex-direction:column;align-items:flex-start;gap:0}.aqua-menu li{width:100%;border-bottom:1px solid #eef1f3}.aqua-menu a{display:block;padding:13px 0}.header-actions{margin-left:0}.header-actions .btn{display:none}.hero-grid,.story-grid,.contact-grid,.subhero-grid,.personal-grid,.split,.dark-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding-bottom:0}.hero-visual{min-height:380px}.hero-visual img{max-width:580px}.story-visual{min-height:440px}.story-copy h2,.contact-grid h2{font-size:38px}.choice-grid{grid-template-columns:1fr 1fr;gap:46px 15px}.process-grid{grid-template-columns:1fr 1fr}.step:nth-child(2):after{display:none}.audience-grid{grid-template-columns:repeat(2,1fr)}.personal-grid>div:first-child{text-align:center}.gallery-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.spec{position:static;background:rgba(255,255,255,.7);padding:7px 10px;margin:4px;border-radius:6px;display:inline-block}.personal-spec{text-align:center}.personal-spec img{margin-bottom:20px}.personal-spec{min-height:auto}}
@media(max-width:560px){.header-inner{height:70px}.main-nav{top:69px}.brand{min-width:120px}.hero-copy{padding:38px 0 10px}.eyebrow{font-size:17px}.hero h1,.subhero h1{font-size:40px}.hero-copy>p,.subhero p{font-size:17px}.hero-proof{display:none}.hero-visual{min-height:290px}.water-badge{width:72px;height:72px;right:4px;top:35px}.section{padding:52px 0}.section h2{font-size:27px}.choice-grid,.process-grid,.audience-grid,.gallery-grid,.stats-grid,.feature-boxes,.form-grid{grid-template-columns:1fr}.choice-grid{gap:46px}.step:not(:last-child):after{display:none}.use-grid{grid-template-columns:repeat(2,1fr)}.story-copy h2{font-size:36px}.story-visual{min-height:330px}.story-visual img{max-width:300px}.callout{display:none}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}.subhero{padding:48px 0}.subhero-grid img{max-height:320px}.personal-spec img{max-height:330px}.dark-grid h2{font-size:32px}}

/* Aqua One v1.1 – logo, personalizacja, CMP */
.brand{min-width:135px}.brand .aqua-default-logo,.brand .custom-logo{width:104px;max-width:104px;height:auto;max-height:54px;object-fit:contain}.footer-logo-wrap{display:inline-flex;background:#fff;border-radius:8px;padding:7px 11px;margin-bottom:8px}.footer-logo-wrap img{width:100px;height:auto}.aqua-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.personal-section{background:#e7e5df}.personal-grid{grid-template-columns:360px minmax(0,1fr);gap:45px;align-items:center}.personal-intro p{max-width:330px}.personal-spec{display:grid;grid-template-columns:minmax(185px,1fr) 190px minmax(185px,1fr);grid-template-rows:repeat(3,minmax(105px,1fr));column-gap:22px;align-items:center;min-height:390px;position:relative}.product-core{grid-column:2;grid-row:1/4;align-self:center;justify-self:center;position:relative}.product-core img{width:155px;max-height:none;margin:0;filter:drop-shadow(0 12px 16px rgba(25,49,68,.12))}.spec{position:relative!important;inset:auto!important;padding:4px 0;font-size:15px;line-height:1.3}.spec b{display:block;font-size:15px}.spec small{display:block;max-width:190px;color:#51575a;margin-top:4px;line-height:1.35}.s1,.s3,.s5{grid-column:1;text-align:left;padding-right:30px}.s2,.s4,.s6{grid-column:3;text-align:left;padding-left:30px}.s1,.s2{grid-row:1}.s3,.s4{grid-row:2}.s5,.s6{grid-row:3}.s1:after,.s3:after,.s5:after,.s2:before,.s4:before,.s6:before{content:"";position:absolute;top:19px;width:34px;height:1px;background:#1688c7}.s1:after,.s3:after,.s5:after{right:-4px}.s2:before,.s4:before,.s6:before{left:-4px}.s1:before,.s3:before,.s5:before,.s2:after,.s4:after,.s6:after{content:"";position:absolute;top:16px;width:7px;height:7px;border-radius:50%;background:#1688c7}.s1:before,.s3:before,.s5:before{right:-7px}.s2:after,.s4:after,.s6:after{left:-7px}
.cookie-settings-link{border:0;background:transparent;color:#9fb0c2;padding:0;text-decoration:underline;cursor:pointer;font:inherit}
@media(max-width:1050px){.personal-grid{grid-template-columns:300px minmax(0,1fr)}.personal-spec{grid-template-columns:minmax(160px,1fr) 165px minmax(160px,1fr);column-gap:15px}.product-core img{width:145px}}
@media(max-width:860px){.personal-grid{grid-template-columns:1fr;gap:28px}.personal-intro{text-align:center}.personal-intro p{max-width:620px;margin-left:auto;margin-right:auto}.personal-spec{grid-template-columns:1fr 170px 1fr;min-height:380px}.spec{display:block;background:transparent;padding:4px 0;margin:0;border-radius:0}.product-core img{width:150px}}
@media(max-width:650px){.personal-spec{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px;min-height:0}.product-core{grid-column:1/-1;grid-row:auto;order:-1;margin-bottom:10px}.product-core img{width:145px}.spec,.s1,.s2,.s3,.s4,.s5,.s6{grid-column:auto;grid-row:auto!important;padding:12px!important;background:rgba(255,255,255,.62)!important;border-radius:8px;text-align:left}.spec:before,.spec:after{display:none}.spec small{max-width:none}}

/* =========================================================
   Aqua One v1.2 – faithful implementation of supplied comps
   ========================================================= */
:root{
  --aq-teal:#1ea5a7;
  --aq-blue:#0b76b9;
  --aq-deep:#0a3d86;
  --aq-navy:#102343;
  --aq-ink:#101214;
  --aq-grey:#5e6266;
  --aq-beige:#e8e6df;
  --aq-line:#d7dcdf;
}
body{font-family:Arial,Helvetica,sans-serif;color:var(--aq-ink)}
.site-header{position:relative;top:auto;background:#fff;border-bottom:1px solid #e3e6e8;box-shadow:0 2px 10px rgba(20,38,58,.04);backdrop-filter:none}
.header-inner{height:84px}.brand{min-width:120px}.brand .aqua-default-logo,.brand .custom-logo{width:96px;max-width:96px;max-height:none;height:auto;object-fit:contain}
.aqua-menu{gap:34px}.aqua-menu a{font-size:13px;font-weight:500;color:#232629}.header-actions{gap:20px}.header-actions .btn-dark{border-radius:6px;padding:13px 17px;background:#063e8a;font-size:12px}.lang{font-size:12px;color:#292d31}

.aq-section{padding:34px 0}.aq-center{text-align:center}.aq-section-title{margin:0 0 32px;font-size:28px;line-height:1.05;font-weight:900;letter-spacing:-.025em;color:#0d1d38}.aq-section-title span{color:var(--aq-teal)}
.aq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:7px;padding:12px 16px;font-size:12px;font-weight:800;line-height:1;text-transform:uppercase;transition:.18s ease;cursor:pointer}.aq-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(10,40,80,.1)}.aq-btn-teal{background:var(--aq-teal);color:#fff}.aq-btn-blue{background:#0b7fba;color:#fff}.aq-btn-outline{border-color:#8e9398;background:#fff;color:#0b75b7}.aq-eyebrow{font-size:28px;line-height:1.1;font-weight:300;letter-spacing:.035em;color:var(--aq-teal)}

/* Home hero */
.aq-hero{overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 45%,#f5fbff 62%,#dfefff 100%)}
.aq-hero-grid{min-height:400px;display:grid;grid-template-columns:46% 54%;align-items:stretch}
.aq-hero-copy{padding:38px 0 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}.aq-hero-copy h1{margin:14px 0 17px;font-size:54px;line-height:1.02;font-weight:900;letter-spacing:-.035em;color:#44484a}.aq-hero-copy h1 br+span{color:var(--aq-teal)}
.aq-hero-copy p{max-width:390px;margin:0 0 25px;font-size:18px;line-height:1.18;font-weight:500}
.aq-hero-media{display:flex;align-items:flex-end;justify-content:flex-end;min-width:0}.aq-hero-media img{width:100%;height:100%;max-height:405px;object-fit:cover;object-position:left center}

/* Offer cards */
.aq-offer-paths{padding:34px 0 46px}.aq-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:12px}.aq-choice-card{min-height:288px;border:1px solid #d4dadd;border-radius:7px;padding:76px 18px 22px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.aq-choice-card.blue{background:#f3f7fd}.aq-choice-card.sand{background:#fff9ef}.aq-choice-card.mint{background:#f2f9f4}.aq-choice-card.lilac{background:#f8f3fc}.aq-icon-bubble{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff}.blue .aq-icon-bubble{background:#e4efff}.sand .aq-icon-bubble{background:#ffe6ac}.mint .aq-icon-bubble{background:#dff1e4}.lilac .aq-icon-bubble{background:#eee4ff}.aq-icon-bubble svg{width:48px;height:48px;fill:none;stroke:#0d4f91;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.aq-choice-card h3{margin:0 0 24px;font-size:20px;line-height:1.02;font-weight:900}.aq-choice-card p{margin:0 auto 26px;max-width:210px;font-size:14px;line-height:1.3;color:#35383b}.aq-choice-card>a{margin-top:auto;color:#0b73b7;font-size:15px;font-family:var(--aq-ref-display)}.aq-choice-card>a span{margin-left:5px}

/* Product story */
.aq-story{padding:22px 0 25px;background:#f7f7f7}.aq-story-grid{display:grid;grid-template-columns:34% 66%;align-items:center;min-height:292px}.aq-story-copy h2{margin:0 0 20px;font-size:42px;line-height:.93;font-weight:900;letter-spacing:-.035em;color:#292c2e}.aq-story-copy h2 span{color:var(--aq-teal)}.aq-story-copy p{max-width:270px;margin:0 0 22px;font-size:15px;line-height:1.25;color:#3f4346}.aq-story-copy .aq-btn{padding:12px 14px;font-size:12px}.aq-story-product{position:relative;min-height:275px;display:grid;place-items:center}.aq-story-product>img{width:300px;max-width:45%;height:auto;object-fit:contain}.aq-callout{position:absolute;display:flex;align-items:center;gap:10px;color:#393d40;font-size:18px;line-height:1.2;font-weight:400}.aq-callout b{font-weight:400}.aq-callout i{display:block;width:78px;height:2px;background:#167fc2;position:relative}.aq-callout-tl{top:17px;left:5%}.aq-callout-bl{left:1%;bottom:18px}.aq-callout-tr{top:14px;right:2%;text-align:left}.aq-callout-br{right:0;bottom:13px;text-align:left}.aq-callout-tl i:after,.aq-callout-bl i:after{content:"";width:6px;height:6px;background:#0d78ba;border-radius:50%;position:absolute;right:-1px;top:-2px}.aq-callout-tr i:before,.aq-callout-br i:before{content:"";width:6px;height:6px;background:#0d78ba;border-radius:50%;position:absolute;left:-1px;top:-2px}

/* Uses strip */
.aq-uses{padding:31px 0 22px;background:#fff}.aq-uses .aq-section-title{font-size:27px;margin-bottom:25px}.aq-use-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.aq-use-tile{text-align:center;min-width:0}.aq-use-tile img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.aq-use-tile strong{display:block;margin-top:7px;font-size:17px;line-height:1.1;font-weight:400;color:#6c6865;font-family:var(--aq-ref-display)}

/* Process */
.aq-process{padding:27px 0 34px;background:#fafafa}.aq-process .aq-section-title{font-size:27px;margin-bottom:28px}.aq-process-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:0 0 30px}.aq-process-track:before{content:"";position:absolute;left:6%;right:6%;top:66px;height:2px;background:#bfe5e5;z-index:0}.aq-process-step{position:relative;z-index:1;text-align:center;min-height:165px}.aq-step-no{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;margin:0 auto 24px;background:#0d84bf;color:#fff;font-size:14px;font-weight:800}.aq-step-icon{width:54px;height:42px;background:#fafafa;margin:0 auto 15px;display:grid;place-items:center;position:relative}.aq-step-icon:before,.aq-step-icon:after{content:"";position:absolute;top:19px;width:7px;height:7px;border-radius:50%;background:#8bcfd0}.aq-step-icon:before{left:-43px}.aq-step-icon:after{right:-43px}.aq-step-icon svg{width:42px;height:42px;fill:none;stroke:#43aade;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.aq-process-step b{font-size:16px;line-height:1.16}.aq-process>.container>.aq-center .aq-btn{min-width:210px}

/* Personalization subpage */
.aq-subhero{overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 44%,#eff8fe 62%,#d9ecfa 100%);border-bottom:1px solid #edf0f2}.aq-subhero-grid{min-height:320px;display:grid;grid-template-columns:49% 51%;align-items:stretch}.aq-subhero-copy{display:flex;flex-direction:column;justify-content:center;padding:28px 0}.aq-subhero-copy h1{margin:0 0 15px;font-size:40px;line-height:.95;font-weight:900;letter-spacing:-.025em}.aq-subhero-copy h1 span{color:var(--aq-teal)}.aq-subhero-copy p{margin:0 0 20px;max-width:500px;font-size:15px;line-height:1.25}.aq-hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.aq-hero-buttons .aq-btn{font-size:10px}.aq-logo-hero-media{display:flex;align-items:stretch;justify-content:flex-end;min-width:0}.aq-logo-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center center}

.aq-audience{padding:28px 0 42px}.aq-audience .aq-section-title{font-size:26px;margin-bottom:22px}.aq-audience-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.aq-audience-card{min-height:188px;border:1px solid #d8dde0;border-radius:7px;padding:13px 10px 15px;text-align:center}.aq-line-icon{height:58px;display:grid;place-items:center}.aq-line-icon svg{width:48px;height:48px;fill:none;stroke:#087abf;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.aq-audience-card h3{margin:4px 0 15px;font-size:14px;line-height:1.08;font-weight:800}.aq-audience-card p{margin:0 auto;max-width:100px;font-size:10px;line-height:1.35;color:#2f3335}

.aq-personal{padding:29px 0 25px;background:var(--aq-beige)}.aq-personal-grid{display:grid;grid-template-columns:27% 73%;align-items:center}.aq-personal-intro{padding-right:35px}.aq-personal-intro h2{margin:0 0 25px;font-size:27px;line-height:.98;font-weight:900}.aq-personal-intro h2 span{color:var(--aq-teal)}.aq-personal-intro p{margin:0 0 24px;max-width:225px;font-size:12px;line-height:1.35}.aq-personal-diagram{position:relative;min-height:285px}.aq-personal-product{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:285px;overflow:hidden;display:flex;align-items:center;justify-content:center}.aq-personal-product img{height:285px;width:auto;max-width:none;object-fit:contain}.aq-spec{position:absolute;width:190px;font-size:12px;line-height:1.18}.aq-spec b{display:block;margin-bottom:4px;font-size:13px}.aq-spec small{font-size:10px;color:#2f3234}.aq-spec:after{content:"";position:absolute;top:9px;height:1px;background:#1681bd;width:88px}.aq-spec:before{content:"";position:absolute;top:7px;width:5px;height:5px;border-radius:50%;background:#1681bd}.aq-spec-l:after{left:calc(100% + 8px)}.aq-spec-l:before{left:calc(100% + 94px)}.aq-spec-r:after{right:calc(100% + 8px)}.aq-spec-r:before{right:calc(100% + 94px)}.aq-spec-1{left:3%;top:7%}.aq-spec-2{right:0;top:6%}.aq-spec-3{left:3%;top:43%}.aq-spec-4{right:0;top:43%}.aq-spec-5{left:3%;bottom:5%}.aq-spec-6{right:0;bottom:4%}

/* Contact */
.aq-contact-section{padding:58px 0;background:#f5f8f9}.aq-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.aq-contact-grid h2{margin:10px 0 18px;font-size:42px;line-height:1}.aq-contact-grid h2 span{color:var(--aq-teal)}.aq-contact-grid p{max-width:460px}.aqua-form{background:#fff;border:1px solid #dbe2e6;border-radius:10px;padding:24px;box-shadow:0 10px 30px rgba(20,40,60,.06)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.aqua-form label{display:block;font-size:12px;font-weight:700;margin-bottom:13px}.aqua-form input[type=text],.aqua-form input[type=email],.aqua-form input[type=tel],.aqua-form textarea{width:100%;margin-top:5px;border:1px solid #cbd4da;border-radius:6px;padding:11px 12px;font:inherit;font-weight:400;background:#fff}.aqua-form textarea{resize:vertical}.aqua-form .check{display:flex;gap:8px;align-items:flex-start;font-weight:400}.aqua-form .check input{margin-top:3px}.form-alert{padding:12px 14px;margin-bottom:14px;border-radius:7px}.form-alert.success{background:#eaf8ef;color:#186134}.form-alert.error{background:#fff0f0;color:#8b1e1e}

@media(max-width:1050px){
  .aqua-menu{gap:20px}.aq-hero-copy h1{font-size:48px}.aq-story-grid{grid-template-columns:38% 62%}.aq-callout{font-size:16px}.aq-callout i{width:58px}.aq-use-grid{gap:8px}.aq-use-tile strong{font-size:15px}.aq-personal-grid{grid-template-columns:30% 70%}.aq-spec{width:160px}.aq-spec:after{width:60px}.aq-spec-l:before{left:calc(100% + 66px)}.aq-spec-r:before{right:calc(100% + 66px)}
}
@media(max-width:860px){
  .header-inner{height:72px}.brand .aqua-default-logo,.brand .custom-logo{width:88px}.main-nav{top:71px}.aq-hero-grid,.aq-subhero-grid{grid-template-columns:1fr}.aq-hero-copy{padding:38px 0 18px}.aq-hero-copy h1{font-size:47px}.aq-hero-media{min-height:330px}.aq-hero-media img{max-height:350px;object-position:center bottom}.aq-choice-grid{grid-template-columns:1fr 1fr;gap:45px 14px}.aq-story-grid{grid-template-columns:1fr}.aq-story-copy{text-align:center}.aq-story-copy p{margin-left:auto;margin-right:auto}.aq-story-product{margin-top:20px;min-height:310px}.aq-use-grid{grid-template-columns:repeat(4,1fr);gap:14px}.aq-process-track{grid-template-columns:1fr 1fr;gap:24px}.aq-process-track:before{display:none}.aq-step-icon:before,.aq-step-icon:after{display:none}.aq-logo-hero-media{min-height:330px}.aq-logo-hero-media img{object-fit:cover}.aq-audience-grid{grid-template-columns:repeat(3,1fr);gap:8px}.aq-audience-card p{max-width:140px}.aq-personal-grid{grid-template-columns:1fr}.aq-personal-intro{text-align:center;padding:0 0 20px}.aq-personal-intro p{max-width:600px;margin-left:auto;margin-right:auto}.aq-personal-diagram{min-height:350px}.aq-contact-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:600px){
  .container{width:min(100% - 28px,1180px)}.aq-eyebrow{font-size:18px}.aq-hero-copy h1{font-size:39px}.aq-hero-copy p{font-size:16px}.aq-hero-media{min-height:270px}.aq-choice-grid{grid-template-columns:1fr}.aq-section-title{font-size:24px}.aq-story-copy h2{font-size:35px}.aq-story-product{min-height:355px}.aq-story-product>img{max-width:60%}.aq-callout{font-size:13px}.aq-callout i{width:35px}.aq-callout-tl{left:0}.aq-callout-bl{left:0}.aq-callout-tr{right:0}.aq-callout-br{right:0}.aq-use-grid{grid-template-columns:repeat(2,1fr)}.aq-process-track{grid-template-columns:1fr}.aq-process-step{min-height:auto}.aq-subhero-copy h1{font-size:34px}.aq-logo-hero-media{min-height:270px}.aq-audience-grid{grid-template-columns:1fr 1fr}.aq-personal-diagram{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.aq-personal-product{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;width:100%;height:230px;order:-1}.aq-personal-product img{height:230px;width:auto}.aq-spec,.aq-spec-1,.aq-spec-2,.aq-spec-3,.aq-spec-4,.aq-spec-5,.aq-spec-6{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;padding:12px;background:rgba(255,255,255,.6);border-radius:7px}.aq-spec:before,.aq-spec:after{display:none}.form-grid{grid-template-columns:1fr}.aq-contact-grid h2{font-size:34px}
}
/* Menu dropdown used by the reference navigation */
.aqua-menu>li{position:relative}.aqua-menu .menu-item-has-children>a:after{content:"⌄";display:inline-block;margin-left:7px;font-size:11px}.aqua-menu .sub-menu{display:none;position:absolute;left:-16px;top:100%;min-width:210px;margin:0;padding:10px 0;list-style:none;background:#fff;border:1px solid #e4e8eb;border-radius:7px;box-shadow:0 12px 30px rgba(20,40,60,.10)}.aqua-menu .sub-menu a{display:block;padding:9px 16px;white-space:nowrap}.aqua-menu li:hover>.sub-menu,.aqua-menu li:focus-within>.sub-menu{display:block}
@media(max-width:860px){.aqua-menu .sub-menu{display:block;position:static;border:0;box-shadow:none;padding:0 0 6px 14px}.aqua-menu .sub-menu a{padding:9px 0;color:#59636c}}

/* =========================================================
   Aqua One Demo 1.3 — fidelity layer based on supplied PNGs
   Full-width cleaned reference imagery + live HTML/CSS copy
   ========================================================= */
:root{
  --aq-ref-teal:#1aa6a8;
  --aq-ref-blue:#0c4a94;
  --aq-ref-sky:#1487c7;
  --aq-ref-charcoal:#3f4244;
  --aq-ref-display:"Montserrat","Avenir Next","Century Gothic",Arial,sans-serif;
  --aq-ref-ui:"Montserrat","Avenir Next","Century Gothic",Arial,sans-serif;
}

body{font-family:var(--aq-ref-ui);}
.container{width:min(1180px,calc(100% - 72px));}

/* Header: exact supplied logo, proportions and lighter typography from reference */
.aq-ref-header{position:relative;top:auto;z-index:100;background:#fff;backdrop-filter:none;border-bottom:1px solid #e3e6e8;box-shadow:0 1px 4px rgba(0,0,0,.035)}
.aq-ref-header-inner{width:calc(100% - 72px);max-width:none;margin:0 auto;height:86px;display:flex;align-items:center;gap:0}
.aq-ref-brand{display:flex;align-items:center;min-width:0;flex:0 0 auto}
.aq-ref-brand .aqua-default-logo{display:block;width:86px;height:auto;max-width:none}
.aq-ref-nav{margin-left:auto}
.aq-ref-nav .aqua-menu{gap:32px}
.aq-ref-nav .aqua-menu>li>a{font-family:var(--aq-ref-ui);font-size:11px;line-height:1;font-weight:400;letter-spacing:0;color:#26292b;padding:31px 0;white-space:nowrap}
.aq-ref-nav .aqua-menu>li>a:hover{color:#151718}
.aq-ref-nav .aqua-menu .menu-item-has-children>a:after{content:"";display:inline-block;width:5px;height:5px;margin:0 0 3px 8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);font-size:0}
.aq-ref-actions{display:flex;align-items:center;gap:20px;margin-left:29px}
.aq-ref-actions .lang{display:inline-flex;align-items:center;gap:7px;font-family:var(--aq-ref-ui);font-size:11px;font-weight:400;color:#222}
.aq-chevron{width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.aq-ref-cta{min-width:130px;min-height:34px;padding:10px 14px;border-radius:6px;background:#0d4890;color:#fff;font-family:var(--aq-ref-ui);font-size:11px;font-weight:700;box-shadow:none}
.aq-ref-cta:hover{box-shadow:none;transform:none;background:#0a3f81}

/* Generic stage: the cleaned source PNG is the full compositional background. */
.aq-ref-stage{position:relative;width:100%;overflow:hidden;isolation:isolate}
.aq-ref-stage-bg{display:block;width:100%;height:auto;max-width:none;position:relative;z-index:0;user-select:none;pointer-events:none}
.aq-ref-stage h1,.aq-ref-stage h2{font-family:var(--aq-ref-display);font-stretch:normal}

/* Home hero — positions track the supplied 962 × 401 reference crop. */
.aq-ref-home-hero{background:#edf7fd}
.aq-ref-home-copy{position:absolute;z-index:2;left:4.55%;top:9.3%;width:38.5%;color:#111}
.aq-ref-eyebrow{font-family:var(--aq-ref-display);font-size:clamp(20px,2.72vw,30px);line-height:1.08;font-weight:300;letter-spacing:.025em;color:var(--aq-ref-teal);white-space:nowrap}
.aq-ref-home-copy h1{margin:18px 0 18px;font-size:clamp(45px,5.35vw,59px);line-height:1.02;font-weight:800;letter-spacing:-.035em;color:#414547;max-width:100%}
.aq-ref-home-copy h1 span{color:var(--aq-ref-teal)}
.aq-ref-home-copy p{margin:0 0 27px;max-width:355px;font-family:var(--aq-ref-ui);font-size:clamp(15px,1.78vw,19px);line-height:1.18;font-weight:400;color:#151617}
.aq-ref-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:10px 15px;border:1px solid transparent;border-radius:7px;font-family:var(--aq-ref-display);font-size:clamp(10px,1.18vw,13px);line-height:1;font-weight:700;text-transform:uppercase;white-space:nowrap;transition:background .16s ease,border-color .16s ease}
.aq-ref-button-teal{background:#19a8ab;color:#fff}
.aq-ref-button-teal:hover{background:#138f92}
.aq-ref-button-blue{background:#0a82bd;color:#fff}
.aq-ref-button-blue:hover{background:#0874aa}
.aq-ref-button-outline{background:rgba(255,255,255,.92);border-color:#8d9195;color:#0a72b3}
.aq-ref-button-outline:hover{background:#fff;border-color:#5f6870}

/* Choice section — type tuned toward the supplied reference. */
.aq-offer-paths{padding-top:35px}
.aq-offer-paths .aq-section-title,
.aq-uses .aq-section-title,
.aq-process .aq-section-title,
.aq-audience .aq-section-title{font-family:var(--aq-ref-display);font-stretch:normal;font-weight:700;letter-spacing:-.02em}
.aq-choice-card h3,.aq-process-step b,.aq-audience-card h3{font-family:var(--aq-ref-display);font-stretch:normal}
.aq-choice-card h3{font-weight:700}
.aq-choice-card>a,.aq-use-tile strong{font-family:var(--aq-ref-display)}

/* Wide product story — the entire original section composition is retained. */
.aq-ref-story{background:#f7f7f7}
.aq-ref-story-copy{position:absolute;z-index:2;left:2.35%;top:6.3%;width:30.5%}
.aq-ref-story-copy h2{margin:0 0 21px;font-size:clamp(34px,4.18vw,46px);line-height:.91;font-weight:800;letter-spacing:-.035em;color:#2d3032}
.aq-ref-story-copy h2 span{color:var(--aq-ref-teal)}
.aq-ref-story-copy p{margin:0 0 24px;max-width:285px;font-size:clamp(13px,1.55vw,17px);line-height:1.22;color:#333638}
.aq-ref-story-copy .aq-ref-button{font-size:clamp(9px,1.13vw,12px);padding:9px 14px;min-height:39px}
.aq-ref-callout{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;font-family:var(--aq-ref-ui);font-size:clamp(13px,1.62vw,18px);line-height:1.2;font-weight:400;color:#35383a}
.aq-ref-callout b{font-weight:400}
.aq-ref-story-tl{left:35.6%;top:8.6%}
.aq-ref-story-bl{left:35.4%;top:60.5%}
.aq-ref-story-tr{left:82.3%;top:8.1%}
.aq-ref-story-br{left:82.2%;top:61.0%}
.aq-ref-line{display:inline-block;position:relative;height:1.5px;background:#147fc3;flex:0 0 62px}
.aq-ref-line.left:before,.aq-ref-line.right:after{content:"";position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:#0c78bb;transform:translateY(-50%)}
.aq-ref-line.left:before{left:0}.aq-ref-line.right:after{right:0}

/* Subpage hero — full 770 × 320 cleaned reference crop with live overlay. */
.aq-ref-subhero{background:#eef8fd;border-bottom:1px solid #e7edf0}
.aq-ref-subhero-copy{position:absolute;z-index:2;left:5.95%;top:13.0%;width:45.8%;color:#111}
.aq-ref-subhero-copy h1{margin:0 0 15px;font-size:clamp(31px,4.03vw,48px);line-height:.98;font-weight:800;letter-spacing:-.03em;color:#050607}
.aq-ref-subhero-copy h1 span{color:var(--aq-ref-teal)}
.aq-ref-subhero-copy p{margin:0 0 19px;max-width:390px;font-size:clamp(12px,1.9vw,17px);line-height:1.21;color:#050607}
.aq-ref-subhero-buttons{display:flex;gap:13px;align-items:center;flex-wrap:nowrap}
.aq-ref-subhero-buttons .aq-ref-button{font-size:clamp(8px,1.15vw,10px);min-height:25px;padding:7px 12px;border-radius:5px}

/* Personalization diagram — background keeps the original product at its reference position. */
.aq-ref-personal{background:#e6e4de}
.aq-ref-personal-intro{position:absolute;z-index:2;left:4.05%;top:10.4%;width:25.5%}
.aq-ref-personal-intro h2{margin:0 0 25px;font-size:clamp(24px,3.35vw,35px);line-height:.94;font-weight:800;letter-spacing:-.028em;color:#101214}
.aq-ref-personal-intro h2 span{color:var(--aq-ref-teal)}
.aq-ref-personal-intro p{margin:0 0 25px;max-width:225px;font-size:clamp(10px,1.55vw,14px);line-height:1.33;color:#151718}
.aq-ref-spec{position:absolute;z-index:2;width:20%;font-family:var(--aq-ref-ui);font-size:clamp(10px,1.55vw,14px);line-height:1.18;color:#111}
.aq-ref-spec b{display:block;margin-bottom:3px;font-size:1em;font-weight:700}
.aq-ref-spec small{display:block;font-size:.78em;line-height:1.18;color:#26292b}
.aq-ref-spec-1{left:36.1%;top:9.4%}
.aq-ref-spec-2{left:72.9%;top:9.2%;width:23%}
.aq-ref-spec-3{left:36.1%;top:43.0%}
.aq-ref-spec-4{left:85.0%;top:43.0%;width:13.5%}
.aq-ref-spec-5{left:36.1%;top:77.0%}
.aq-ref-spec-6{left:82.4%;top:77.0%;width:16.5%}
.aq-ref-spec-line{position:absolute;top:8px;height:1.5px;background:#1181bf}
.aq-ref-spec-line:after{content:"";position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:#087dbb;transform:translateY(-50%)}
.aq-ref-spec-line.to-right{left:calc(100% + 6px);width:48%}
.aq-ref-spec-line.to-right:after{right:-1px}
.aq-ref-spec-line.to-left{right:calc(100% + 6px);width:36%}
.aq-ref-spec-line.to-left:after{left:-1px}
.aq-ref-spec-3 .aq-ref-spec-line.to-right{width:39%}
.aq-ref-spec-5 .aq-ref-spec-line.to-right{width:42%}
.aq-ref-spec-4 .aq-ref-spec-line.to-left{width:57%}
.aq-ref-spec-6 .aq-ref-spec-line.to-left{width:49%}

/* Tablet: keep the same compositional idea, reduce navigation and overlay type. */
@media(max-width:1050px){
  .aq-ref-header-inner{width:calc(100% - 48px)}
  .aq-ref-nav .aqua-menu{gap:20px}
  .aq-ref-nav .aqua-menu>li>a{font-size:10px}
  .aq-ref-actions{gap:13px;margin-left:19px}
  .aq-ref-cta{min-width:118px;font-size:10px}
  .aq-ref-eyebrow{font-size:2.65vw}
  .aq-ref-home-copy h1{font-size:5.15vw}
  .aq-ref-home-copy p{font-size:1.72vw}
  .aq-ref-story-copy h2{font-size:4.05vw}
  .aq-ref-story-copy p{font-size:1.48vw}
  .aq-ref-callout{font-size:1.55vw}
  .aq-ref-line{flex-basis:5.8vw}
}

/* Mobile/tablet navigation follows WordPress menu but keeps the clean reference styling. */
@media(max-width:860px){
  .aq-ref-header-inner{height:72px;width:calc(100% - 32px)}
  .aq-ref-brand .aqua-default-logo{width:84px}
  .menu-toggle{display:block;margin-left:auto}
  .aq-ref-nav{position:absolute;display:none;left:0;right:0;top:71px;margin:0;background:#fff;border-bottom:1px solid #e2e6e8;box-shadow:0 10px 28px rgba(0,0,0,.08)}
  .aq-ref-nav.open{display:block}
  .aq-ref-nav .aqua-menu{display:block;padding:10px 20px 18px}
  .aq-ref-nav .aqua-menu>li>a{display:block;padding:12px 0;font-size:13px}
  .aq-ref-actions{margin-left:15px}.aq-ref-actions .lang{display:none}.aq-ref-cta{min-width:0;font-size:10px;padding:9px 11px}

  .aq-ref-home-copy{left:4.2%;top:8%;width:44%}
  .aq-ref-eyebrow{font-size:2.7vw}
  .aq-ref-home-copy h1{margin:11px 0 12px;font-size:5.1vw}
  .aq-ref-home-copy p{font-size:1.7vw;margin-bottom:16px}
  .aq-ref-home-copy .aq-ref-button{min-height:30px;font-size:1.15vw;padding:8px 11px}
  .aq-ref-story-copy h2{font-size:4vw}.aq-ref-story-copy p{font-size:1.45vw;margin-bottom:14px}.aq-ref-story-copy .aq-ref-button{min-height:30px;font-size:1.05vw;padding:7px 9px}
  .aq-ref-subhero-copy h1{font-size:4vw}.aq-ref-subhero-copy p{font-size:1.82vw;margin-bottom:12px}.aq-ref-subhero-buttons{gap:8px}.aq-ref-subhero-buttons .aq-ref-button{padding:5px 8px;font-size:1.05vw}
  .aq-ref-personal-intro h2{font-size:3.25vw;margin-bottom:17px}.aq-ref-personal-intro p{font-size:1.45vw;margin-bottom:16px}.aq-ref-spec{font-size:1.5vw}
}

/* Phones: stop scaling tiny overlay text; use a legible responsive reflow. */
@media(max-width:620px){
  .container{width:min(100% - 28px,1180px)}
  .aq-ref-actions{display:none}
  .aq-ref-stage-bg{height:100%;object-fit:cover}

  .aq-ref-home-hero{min-height:590px;background:#f3f9fd}
  .aq-ref-home-hero .aq-ref-stage-bg{position:absolute;inset:0;object-position:66% center}
  .aq-ref-home-hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 52%,rgba(255,255,255,.18) 78%,rgba(255,255,255,0) 100%)}
  .aq-ref-home-copy{left:24px;right:24px;top:46px;width:auto;z-index:2}
  .aq-ref-eyebrow{font-size:20px;white-space:normal;max-width:330px}
  .aq-ref-home-copy h1{font-size:43px;line-height:1.01;max-width:330px;margin:16px 0 18px}
  .aq-ref-home-copy p{font-size:16px;max-width:300px;line-height:1.25;margin-bottom:22px}
  .aq-ref-home-copy .aq-ref-button{font-size:11px;min-height:38px;padding:10px 14px}

  .aq-ref-story{min-height:auto;background:#f7f7f7;padding:34px 20px 28px}
  .aq-ref-story .aq-ref-stage-bg{position:relative;height:auto;width:100%;object-fit:contain;order:2;margin-top:22px}
  .aq-ref-story-copy{position:relative;left:auto;top:auto;width:auto;z-index:2}
  .aq-ref-story-copy h2{font-size:36px}.aq-ref-story-copy p{font-size:15px;max-width:340px}.aq-ref-story-copy .aq-ref-button{font-size:10px;min-height:36px}
  .aq-ref-callout{display:none}

  .aq-ref-subhero{min-height:560px;background:#f2f9fd}
  .aq-ref-subhero .aq-ref-stage-bg{position:absolute;inset:0;object-position:70% center}
  .aq-ref-subhero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 57%,rgba(255,255,255,.2) 82%,rgba(255,255,255,0) 100%)}
  .aq-ref-subhero-copy{left:22px;right:22px;top:44px;width:auto;z-index:2}
  .aq-ref-subhero-copy h1{font-size:38px;max-width:330px}.aq-ref-subhero-copy p{font-size:15px;line-height:1.25;max-width:310px;margin-bottom:20px}
  .aq-ref-subhero-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.aq-ref-subhero-buttons .aq-ref-button{font-size:10px;min-height:34px;padding:9px 11px}

  .aq-ref-personal{min-height:auto;padding:32px 20px 28px;background:#e6e4de;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .aq-ref-personal .aq-ref-stage-bg{position:relative;grid-column:1/-1;height:auto;width:100%;object-fit:contain;order:2;margin:5px 0 4px}
  .aq-ref-personal-intro{position:relative;left:auto;top:auto;width:auto;grid-column:1/-1;order:1}
  .aq-ref-personal-intro h2{font-size:31px}.aq-ref-personal-intro p{font-size:13px;max-width:360px;margin-bottom:16px}
  .aq-ref-spec,.aq-ref-spec-1,.aq-ref-spec-2,.aq-ref-spec-3,.aq-ref-spec-4,.aq-ref-spec-5,.aq-ref-spec-6{position:relative;left:auto;right:auto;top:auto;width:auto;order:3;background:rgba(255,255,255,.55);padding:11px;border-radius:6px;font-size:12px}
  .aq-ref-spec-line{display:none}
}

/* =========================================================
   Aqua One Demo 1.4 — precision pass
   Uses the supplied reference PNGs as cleaned photographic layers.
   All copy/CTA/navigation remains live HTML/CSS.
   ========================================================= */
:root{
  --aq-ref-display:"Montserrat","Avenir Next","Century Gothic",Arial,sans-serif;
  --aq-ref-ui:"Montserrat","Avenir Next","Century Gothic",Arial,sans-serif;
}

/* Header / menu: closer to the narrow type used in the supplied visual. */
.aq-ref-header-inner{height:86px;width:calc(100% - 72px)}
.aq-ref-brand .aqua-default-logo{width:95px;height:44px;object-fit:contain;object-position:left center}
.aq-ref-nav .aqua-menu{gap:31px}
.aq-ref-nav .aqua-menu>li>a{
  font-family:var(--aq-ref-display);
  font-size:12px;
  font-weight:400;
  letter-spacing:.005em;
  color:#252729;
  padding:31px 0;
}
.aq-ref-actions .lang{font-family:var(--aq-ref-display);font-size:12px;font-weight:400}
.aq-ref-cta{font-family:var(--aq-ref-display);font-size:12px;font-weight:700;min-width:132px}
.aq-ref-nav .aqua-menu .sub-menu a{font-family:var(--aq-ref-display);font-size:12px;font-weight:400}

/* Reference stages use the full supplied composition, not a right-hand crop. */
.aq-ref-stage-bg{width:100%;height:auto;object-fit:contain;image-rendering:auto}
.aq-ref-home-hero{background:#eef7fc}
.aq-ref-home-copy{left:4.55%;top:9.6%;width:39.5%}
.aq-ref-eyebrow{font-family:var(--aq-ref-display);font-weight:300;letter-spacing:.022em}
.aq-ref-home-copy h1,.aq-ref-story-copy h2,.aq-ref-subhero-copy h1,.aq-ref-personal-intro h2{
  font-family:var(--aq-ref-display);
  font-stretch:normal;
}
.aq-ref-home-copy h1{font-weight:800;letter-spacing:-.028em}
.aq-ref-home-copy p{font-family:var(--aq-ref-ui);font-weight:400;line-height:1.2}
.aq-ref-button{font-family:var(--aq-ref-display)}

/* Product story: dots and blue connector strokes are retained from the original PNG.
   Only the four labels are HTML overlays. */
.aq-ref-story{background:#f6f5f6}
.aq-ref-callout{display:block;font-family:var(--aq-ref-ui);font-weight:400;line-height:1.18;gap:0}
.aq-ref-callout b{font-weight:400}
.aq-ref-story-tl{left:38.7%;top:8.2%}
.aq-ref-story-bl{left:38.6%;top:60.0%}
.aq-ref-story-tr{left:83.8%;top:8.0%}
.aq-ref-story-br{left:83.8%;top:60.2%}
.aq-ref-line{display:none!important}

/* "Woda z Twoim logo" — full-width cleaned reference hero. */
.aq-ref-subhero-copy{left:5.95%;top:13.4%;width:46%}
.aq-ref-subhero-copy h1{font-weight:800;letter-spacing:-.025em}
.aq-ref-subhero-copy p{font-family:var(--aq-ref-ui);font-weight:400}

/* Personalisation: the original carton and blue connector geometry are in the image;
   every label is live HTML, positioned over the cleared areas. */
.aq-ref-personal{background:#e2e1db}
.aq-ref-personal-intro{left:4.05%;top:10.4%;width:25.5%}
.aq-ref-spec{font-family:var(--aq-ref-ui);font-weight:400}
.aq-ref-spec b{font-weight:700}
.aq-ref-spec-line{display:none!important}
.aq-ref-spec-1{left:36.1%;top:9.3%;width:19%}
.aq-ref-spec-2{left:72.8%;top:9.1%;width:24%}
.aq-ref-spec-3{left:36.1%;top:42.8%;width:19%}
.aq-ref-spec-4{left:79.8%;top:42.8%;width:18.5%}
.aq-ref-spec-5{left:36.1%;top:76.8%;width:20%}
.aq-ref-spec-6{left:79.8%;top:76.8%;width:18.5%}

@media(max-width:1050px){
  .aq-ref-nav .aqua-menu>li>a{font-size:11px}
  .aq-ref-actions .lang,.aq-ref-cta{font-size:11px}
}

@media(max-width:860px){
  .aq-ref-brand .aqua-default-logo{width:92px;height:auto}
  .aq-ref-nav .aqua-menu>li>a{font-family:var(--aq-ref-display);font-size:14px}
}

/* v1.5 – O produkcie: 1:1 z przekazanym fragmentem referencyjnym */
.aq-product-reference .aq-ref-story-copy h1{
  margin:0 0 21px;
  font-family:var(--aq-ref-display);
  font-size:clamp(34px,4.18vw,46px);
  line-height:.91;
  font-weight:800;
  letter-spacing:-.035em;
  color:#2d3032;
}
.aq-product-reference .aq-ref-story-copy h1 span{color:var(--aq-ref-teal)}
@media (min-width:1600px){.aq-product-reference .aq-ref-story-copy h1{font-size:4.05vw}}
@media (min-width:961px) and (max-width:1200px){.aq-product-reference .aq-ref-story-copy h1{font-size:4vw}}
@media (max-width:760px){.aq-product-reference .aq-ref-story-copy h1{font-size:36px}}


/* =========================================================
   Aqua One Production 2.0 — Montserrat + precision fixes
   ========================================================= */
:root{
  --aq-ref-display:"Montserrat","Avenir Next","Century Gothic",Arial,sans-serif;
  --aq-ref-ui:"Montserrat","Avenir Next","Century Gothic",Arial,sans-serif;
  --aq-personal-bg:#e2e1db;
}

html,body,button,input,textarea,select{
  font-family:var(--aq-ref-ui);
}

/* Target typography from supplied Aqua One layout. */
.aq-ref-stage h1,.aq-ref-stage h2,
.aq-section-title,.aq-choice-card h3,.aq-process-step b,.aq-audience-card h3,
.aq-choice-card>a,.aq-use-tile strong,.aq-ref-button{
  font-family:var(--aq-ref-display);
  font-stretch:normal;
}
.aq-ref-eyebrow{font-weight:300;letter-spacing:.035em}
.aq-ref-home-copy h1,.aq-ref-story-copy h2,.aq-ref-subhero-copy h1,.aq-ref-personal-intro h2{font-weight:800;font-stretch:normal}

/* Header/menu — Montserrat Regular/Medium as in the reference. */
.aq-ref-nav .aqua-menu>li>a{
  font-family:var(--aq-ref-ui);
  font-size:12px;
  font-weight:500;
  letter-spacing:0;
}
.aq-ref-actions .lang{font-family:var(--aq-ref-ui);font-size:12px;font-weight:400}
.aq-ref-cta{font-family:var(--aq-ref-ui);font-size:12px;font-weight:700}
.aq-ref-nav .aqua-menu .sub-menu a{font-family:var(--aq-ref-ui);font-size:12px;font-weight:500}

/* Personalisation diagram — mask embedded connector lines under live HTML labels.
   This removes the line/text collision visible in the previous build while retaining
   the original blue geometry outside the labels. */
.aq-ref-personal{background:var(--aq-personal-bg)}
.aq-ref-spec{
  font-family:var(--aq-ref-ui);
  background:var(--aq-personal-bg);
  box-shadow:0 0 0 5px var(--aq-personal-bg);
  line-height:1.2;
}
.aq-ref-spec b{font-weight:700;line-height:1.15}
.aq-ref-spec small{font-weight:400;line-height:1.22}
.aq-ref-spec-1{left:34.0%;top:7.1%;width:13.6%}
.aq-ref-spec-2{left:71.5%;top:7.1%;width:20.0%}
.aq-ref-spec-3{left:34.0%;top:41.9%;width:14.6%}
.aq-ref-spec-4{left:78.5%;top:41.9%;width:15.7%}
.aq-ref-spec-5{left:34.0%;top:76.1%;width:15.0%}
.aq-ref-spec-6{left:78.5%;top:76.1%;width:18.0%}

/* Keep the original line/dot artwork unobstructed immediately after each label. */
@media(min-width:861px){
  .aq-ref-spec{font-size:clamp(9px,1.05vw,13px)}
  .aq-ref-spec small{font-size:.76em}
}

@media(max-width:1050px){
  .aq-ref-nav .aqua-menu>li>a{font-size:11px;font-weight:500}
  .aq-ref-actions .lang,.aq-ref-cta{font-size:11px}
}

@media(max-width:860px){
  .aq-ref-nav .aqua-menu>li>a{font-family:var(--aq-ref-ui);font-size:14px;font-weight:500}
}

@media(max-width:620px){
  .aq-ref-spec,.aq-ref-spec-1,.aq-ref-spec-2,.aq-ref-spec-3,.aq-ref-spec-4,.aq-ref-spec-5,.aq-ref-spec-6{
    background:rgba(255,255,255,.55);
    box-shadow:none;
  }
}

/* =========================================================
   Aqua One Production 2.1 — final personalisation alignment
   The connector geometry remains in the cleaned reference image;
   labels are aligned to the cleared text zones from the source PNG.
   ========================================================= */
@media (min-width:621px){
  .aq-ref-personal .aq-ref-spec{
    background:transparent;
    box-shadow:none;
    padding:0;
  }

  /* Left labels: exact horizontal anchors from the reference artwork. */
  .aq-ref-personal .aq-ref-spec-1{left:36.1%;top:9.3%;width:18.0%}
  .aq-ref-personal .aq-ref-spec-3{left:36.1%;top:42.8%;width:18.5%}
  .aq-ref-personal .aq-ref-spec-5{left:36.1%;top:76.8%;width:19.0%}

  /* Top-right label is intentionally two-part:
     heading starts above the connector dot, descriptive copy begins to its right.
     This mirrors the supplied PNG and prevents text/line overlap. */
  .aq-ref-personal .aq-ref-spec-2{left:72.9%;top:8.7%;width:22.8%}
  .aq-ref-personal .aq-ref-spec-2 b{
    white-space:nowrap;
  }
  .aq-ref-personal .aq-ref-spec-2 small{
    width:69%;
    margin-left:auto;
    padding-top:1px;
    text-align:right;
  }

  /* Right middle/bottom labels start after the baked-in blue connector lines. */
  .aq-ref-personal .aq-ref-spec-4{left:84.9%;top:42.7%;width:13.8%}
  .aq-ref-personal .aq-ref-spec-6{left:82.4%;top:76.7%;width:16.8%}

  .aq-ref-personal .aq-ref-spec b{margin-bottom:3px}
}

/* Keep labels comfortably clear at intermediate tablet widths. */
@media (min-width:621px) and (max-width:860px){
  .aq-ref-personal .aq-ref-spec-2{left:72.3%;width:24.0%}
  .aq-ref-personal .aq-ref-spec-2 small{width:70%}
  .aq-ref-personal .aq-ref-spec-4{left:84.0%;width:15.0%}
  .aq-ref-personal .aq-ref-spec-6{left:81.8%;width:17.8%}
}

/* Mobile reflow must not inherit the desktop right-alignment trick. */
@media (max-width:620px){
  .aq-ref-personal .aq-ref-spec-2 b{white-space:normal}
  .aq-ref-personal .aq-ref-spec-2 small{width:auto;margin-left:0;padding-top:0;text-align:left}
}

/* =========================================================
   Aqua One Production 2.2 — anchored responsive reference stages
   ---------------------------------------------------------
   The supplied reference artwork is a fixed design canvas. In earlier
   builds the image kept scaling with the section while overlay typography
   hit pixel/clamp limits. That made labels look detached at wide widths or
   browser zoom levels. Reference-stage typography now scales from the
   stage itself (container query units), so image, labels and CTA remain one
   composition. Phones still use the dedicated reflow below 620px.
   ========================================================= */
@media (min-width:621px){
  .aq-ref-stage{
    container-type:inline-size;
  }

  /* Home hero: 962px reference canvas. */
  .aq-ref-home-hero .aq-ref-eyebrow{font-size:2.72cqw}
  .aq-ref-home-hero .aq-ref-home-copy h1{font-size:5.35cqw}
  .aq-ref-home-hero .aq-ref-home-copy p{font-size:1.78cqw}
  .aq-ref-home-hero .aq-ref-button{font-size:1.18cqw;min-height:3.95cqw;padding:1.04cqw 1.56cqw;border-radius:.73cqw}

  /* Product story: labels and live copy stay pinned to the 959px canvas. */
  .aq-ref-story .aq-ref-story-copy h1,
  .aq-ref-story .aq-ref-story-copy h2{font-size:4.18cqw}
  .aq-ref-story .aq-ref-story-copy p{font-size:1.55cqw}
  .aq-ref-story .aq-ref-story-copy .aq-ref-button{font-size:1.13cqw;min-height:4.05cqw;padding:.94cqw 1.46cqw}
  .aq-ref-story .aq-ref-callout{font-size:1.62cqw}

  /* Woda z Twoim logo hero: same scaling model as the source image. */
  .aq-ref-subhero .aq-ref-subhero-copy h1{font-size:4.03cqw}
  .aq-ref-subhero .aq-ref-subhero-copy p{font-size:1.90cqw}
  .aq-ref-subhero .aq-ref-subhero-buttons .aq-ref-button{font-size:1.15cqw;min-height:3.25cqw;padding:.91cqw 1.56cqw;border-radius:.65cqw}

  /* Personalisation diagram: all text is anchored to the 770×317 stage. */
  .aq-ref-personal .aq-ref-personal-intro h2{
    font-size:3.35cqw;
    margin-bottom:2.75cqw;
  }
  .aq-ref-personal .aq-ref-personal-intro p{
    font-size:1.55cqw;
    margin-bottom:2.55cqw;
    max-width:none;
  }
  .aq-ref-personal .aq-ref-spec{
    font-size:1.55cqw;
    line-height:1.18;
  }
  .aq-ref-personal .aq-ref-spec b{
    font-size:1em;
    margin-bottom:.38cqw;
    line-height:1.12;
  }
  .aq-ref-personal .aq-ref-spec small{
    font-size:.78em;
    line-height:1.18;
  }

  /* Exact text anchors from the supplied bottom reference section. */
  .aq-ref-personal .aq-ref-spec-1{left:36.1%;top:9.3%;width:18.0%}
  .aq-ref-personal .aq-ref-spec-3{left:36.1%;top:42.8%;width:18.5%}
  .aq-ref-personal .aq-ref-spec-5{left:36.1%;top:76.8%;width:19.0%}
  .aq-ref-personal .aq-ref-spec-2{left:72.9%;top:8.7%;width:22.8%}
  .aq-ref-personal .aq-ref-spec-2 b{white-space:nowrap}
  .aq-ref-personal .aq-ref-spec-2 small{width:69%;margin-left:auto;padding-top:.10cqw;text-align:right}
  .aq-ref-personal .aq-ref-spec-4{left:84.9%;top:42.7%;width:13.8%}
  .aq-ref-personal .aq-ref-spec-6{left:82.4%;top:76.7%;width:16.8%}
}

/* At intermediate widths we keep the same canvas rather than shrinking
   label fonts independently from the image. */
@media (min-width:621px) and (max-width:860px){
  .aq-ref-personal .aq-ref-spec-2{left:72.9%;width:22.8%}
  .aq-ref-personal .aq-ref-spec-2 small{width:69%}
  .aq-ref-personal .aq-ref-spec-4{left:84.9%;width:13.8%}
  .aq-ref-personal .aq-ref-spec-6{left:82.4%;width:16.8%}
}

/* =========================================================
   Aqua One Production 2.3 — bounded overlay typography
   ---------------------------------------------------------
   Overlay positions remain percentage-anchored to the supplied reference
   canvases, but typography no longer grows without limit on wide screens.
   This prevents title/callout collisions and keeps CTAs inside the artwork.
   ========================================================= */
@media (min-width:621px){
  /* HOME HERO */
  .aq-ref-home-copy{
    left:4.55%;
    top:8.6%;
    width:43.5%;
  }
  .aq-ref-home-hero .aq-ref-eyebrow{
    font-size:clamp(20px,2.50cqw,29px);
    line-height:1.05;
    white-space:nowrap;
  }
  .aq-ref-home-hero .aq-ref-home-copy h1{
    font-size:clamp(42px,4.75cqw,58px);
    line-height:1.01;
    margin:15px 0 17px;
    max-width:100%;
  }
  .aq-ref-home-hero .aq-ref-home-copy h1 span{
    white-space:nowrap;
  }
  .aq-ref-home-hero .aq-ref-home-copy p{
    font-size:clamp(15px,1.52cqw,19px);
    line-height:1.22;
    max-width:370px;
    margin-bottom:24px;
  }
  .aq-ref-home-hero .aq-ref-button{
    font-size:clamp(10px,1.02cqw,13px);
    min-height:clamp(34px,3.45cqw,42px);
    padding:clamp(8px,.84cqw,10px) clamp(12px,1.34cqw,16px);
    border-radius:7px;
  }

  /* PRODUCT STORY / O PRODUKCIE */
  .aq-ref-story .aq-ref-story-copy h1,
  .aq-ref-story .aq-ref-story-copy h2{
    font-size:clamp(34px,3.72cqw,46px);
    line-height:.93;
  }
  .aq-ref-story .aq-ref-story-copy p{
    font-size:clamp(13px,1.34cqw,17px);
    line-height:1.24;
    margin-bottom:22px;
  }
  .aq-ref-story .aq-ref-story-copy .aq-ref-button{
    font-size:clamp(9px,.96cqw,12px);
    min-height:clamp(34px,3.4cqw,40px);
    padding:8px 13px;
  }
  .aq-ref-story .aq-ref-callout{
    font-size:clamp(13px,1.38cqw,18px);
    line-height:1.18;
    max-width:165px;
  }
  .aq-ref-story-tl{left:35.8%;top:8.5%}
  .aq-ref-story-bl{left:35.7%;top:60.2%}
  .aq-ref-story-tr{left:82.4%;top:8.2%;max-width:128px}
  .aq-ref-story-br{left:82.4%;top:61.0%;max-width:138px}

  /* WODA Z TWOIM LOGO HERO */
  .aq-ref-subhero .aq-ref-subhero-copy h1{
    font-size:clamp(31px,3.62cqw,47px);
    line-height:.99;
  }
  .aq-ref-subhero .aq-ref-subhero-copy p{
    font-size:clamp(12px,1.58cqw,17px);
    line-height:1.22;
  }
  .aq-ref-subhero .aq-ref-subhero-buttons .aq-ref-button{
    font-size:clamp(8px,.98cqw,10px);
    min-height:clamp(27px,2.85cqw,33px);
    padding:6px 10px;
  }

  /* PERSONALISATION DIAGRAM */
  .aq-ref-personal .aq-ref-personal-intro{
    left:4.05%;
    top:10.2%;
    width:29.5%;
  }
  .aq-ref-personal .aq-ref-personal-intro h2{
    font-size:clamp(25px,2.88cqw,35px);
    line-height:.95;
    margin-bottom:clamp(18px,2.05cqw,25px);
    max-width:100%;
  }
  .aq-ref-personal .aq-ref-personal-intro h2 span{
    white-space:nowrap;
  }
  .aq-ref-personal .aq-ref-personal-intro p{
    font-size:clamp(11px,1.18cqw,14px);
    line-height:1.34;
    margin-bottom:clamp(18px,2.05cqw,25px);
    max-width:225px;
  }
  .aq-ref-personal .aq-ref-spec{
    font-size:clamp(10px,1.12cqw,14px);
    line-height:1.17;
  }
  .aq-ref-personal .aq-ref-spec b{
    line-height:1.12;
    margin-bottom:3px;
  }
  .aq-ref-personal .aq-ref-spec small{
    font-size:.78em;
    line-height:1.19;
  }
  .aq-ref-personal .aq-ref-spec-1{left:36.2%;top:8.7%;width:18.0%}
  .aq-ref-personal .aq-ref-spec-3{left:36.2%;top:42.5%;width:18.5%}
  .aq-ref-personal .aq-ref-spec-5{left:36.2%;top:76.5%;width:19.0%}
  .aq-ref-personal .aq-ref-spec-2{left:72.9%;top:8.4%;width:22.8%}
  .aq-ref-personal .aq-ref-spec-2 b{white-space:nowrap}
  .aq-ref-personal .aq-ref-spec-2 small{
    width:68%;
    margin-left:auto;
    padding-top:1px;
    text-align:right;
  }
  .aq-ref-personal .aq-ref-spec-4{left:84.8%;top:42.5%;width:13.9%}
  .aq-ref-personal .aq-ref-spec-6{left:82.2%;top:76.5%;width:16.9%}
}

/* Intermediate widths: keep reference composition but avoid forced single-line overflow. */
@media (min-width:621px) and (max-width:900px){
  .aq-ref-home-copy{width:45.5%}
  .aq-ref-home-hero .aq-ref-home-copy h1{font-size:clamp(38px,5.0cqw,48px)}
  .aq-ref-home-hero .aq-ref-home-copy h1 span{white-space:normal}
  .aq-ref-home-hero .aq-ref-eyebrow{font-size:clamp(17px,2.45cqw,22px);white-space:normal}
  .aq-ref-home-hero .aq-ref-home-copy p{font-size:clamp(13px,1.55cqw,16px);margin-bottom:16px}

  .aq-ref-story .aq-ref-callout{font-size:clamp(11px,1.35cqw,14px)}
  .aq-ref-story-tr{max-width:105px}
  .aq-ref-story-br{max-width:112px}

  .aq-ref-personal .aq-ref-personal-intro{width:30.5%}
  .aq-ref-personal .aq-ref-personal-intro h2{font-size:clamp(22px,2.75cqw,28px)}
  .aq-ref-personal .aq-ref-personal-intro p{font-size:clamp(10px,1.15cqw,12px)}
  .aq-ref-personal .aq-ref-spec{font-size:clamp(9px,1.08cqw,11px)}
}

/* =========================================================
   Aqua One Production 2.4 — systematic overlay anchoring
   ---------------------------------------------------------
   1) Product-story callouts use percentage-width boxes positioned clear
      of the blue dots baked into the reference artwork.
   2) Personalisation labels are enlarged without allowing them to collide.
   3) The top-right personalisation description is left-aligned immediately
      after the connector zone instead of being pushed to the far edge.
   ========================================================= */
@media (min-width:621px){
  /* PRODUCT STORY: do not use pixel max-widths on a percentage canvas. */
  .aq-ref-story .aq-ref-callout{
    max-width:none;
    width:auto;
    font-size:clamp(14px,1.20cqw,18px);
    line-height:1.18;
  }
  /* Left callouts begin to the RIGHT of the baked blue circle. */
  .aq-ref-story .aq-ref-story-tl{
    left:38.55%;
    top:7.8%;
    width:13.2%;
  }
  .aq-ref-story .aq-ref-story-bl{
    left:38.45%;
    top:59.9%;
    width:13.8%;
  }
  /* Right callouts finish before their baked blue circles. */
  .aq-ref-story .aq-ref-story-tr{
    left:82.05%;
    top:7.7%;
    width:10.4%;
  }
  .aq-ref-story .aq-ref-story-br{
    left:82.05%;
    top:60.4%;
    width:10.8%;
  }

  /* PERSONALISATION: labels were visually too small at wide desktop sizes. */
  .aq-ref-personal .aq-ref-spec{
    font-size:clamp(11px,1.05cqw,16px);
    line-height:1.16;
  }
  .aq-ref-personal .aq-ref-spec b{
    font-size:1em;
    line-height:1.12;
    margin-bottom:3px;
  }
  .aq-ref-personal .aq-ref-spec small{
    font-size:.82em;
    line-height:1.18;
  }

  /* Top-right label: heading stays above the connector, copy begins nearby
     and is left aligned. This removes the large empty gap from v2.3. */
  .aq-ref-personal .aq-ref-spec-2{
    left:72.75%;
    top:8.2%;
    width:24.5%;
  }
  .aq-ref-personal .aq-ref-spec-2 b{
    white-space:nowrap;
  }
  .aq-ref-personal .aq-ref-spec-2 small{
    width:64%;
    margin-left:31%;
    padding-top:.10cqw;
    text-align:left;
  }

  /* Other labels get slightly more breathing room while keeping the same
     reference anchors. */
  .aq-ref-personal .aq-ref-spec-1{left:34.3%;top:8.4%;width:19.0%}
  .aq-ref-personal .aq-ref-spec-3{left:34.3%;top:42.2%;width:19.0%}
  .aq-ref-personal .aq-ref-spec-5{left:34.3%;top:76.2%;width:20.0%}
  .aq-ref-personal .aq-ref-spec-4{left:84.5%;top:42.2%;width:14.2%}
  .aq-ref-personal .aq-ref-spec-6{left:82.0%;top:76.2%;width:17.2%}
}

/* Large desktops: maintain readable overlay copy but do not let the intro
   title grow into the specification column. */
@media (min-width:1350px){
  .aq-ref-personal .aq-ref-personal-intro{width:27.0%}
  .aq-ref-personal .aq-ref-personal-intro h2{
    font-size:clamp(31px,2.25cqw,38px);
    line-height:.96;
  }
  .aq-ref-personal .aq-ref-personal-intro p{
    font-size:clamp(13px,.92cqw,16px);
    line-height:1.35;
    max-width:255px;
  }
}

/* Intermediate desktop/tablet keeps the exact same dot-safe anchors. */
@media (min-width:621px) and (max-width:900px){
  .aq-ref-story .aq-ref-callout{font-size:clamp(11px,1.28cqw,14px)}
  .aq-ref-story .aq-ref-story-tl{left:38.55%;width:13.4%}
  .aq-ref-story .aq-ref-story-bl{left:38.45%;width:14.0%}
  .aq-ref-story .aq-ref-story-tr{left:82.05%;width:10.6%}
  .aq-ref-story .aq-ref-story-br{left:82.05%;width:11.0%}

  .aq-ref-personal .aq-ref-spec{font-size:clamp(10px,1.12cqw,12px)}
  .aq-ref-personal .aq-ref-spec-2{left:72.75%;width:24.5%}
  .aq-ref-personal .aq-ref-spec-2 small{width:64%;margin-left:31%;text-align:left}
}