/* OSC Water Calculations polish, Oct 2026. Loaded on marketing pages only (not calculator, basket, checkout, account). */
:root{--oscw-navy:#092f54;--oscw-blue:#1677c8;--oscw-sky:#e5f2fd;--oscw-pale:#f5f9fd;--oscw-text:#506276;--oscw-line:#d9e5ef;--oscw-green:#1e8e4e;--oscw-green-bg:#e7f6ed}

/* ---------- Hero: moving water ---------- */
.wc-home-hero{position:relative;isolation:isolate}
.wc-home-hero::before,.wc-home-hero::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-2px;height:120px;z-index:-1;pointer-events:none;background-repeat:repeat-x;background-size:1200px 120px}
.wc-home-hero::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0 60 C150 20 300 100 450 60 S750 20 900 60 S1100 100 1200 60 V120 H0Z' fill='%23dcebf8' fill-opacity='.55'/%3E%3C/svg%3E");animation:oscw-wave 18s linear infinite}
.wc-home-hero::after{height:90px;background-size:900px 90px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0 70 C200 30 400 110 600 70 S1000 30 1200 70 V120 H0Z' fill='%23ffffff'/%3E%3C/svg%3E");animation:oscw-wave 12s linear infinite reverse}
@keyframes oscw-wave{from{background-position-x:0}to{background-position-x:1200px}}
.oscw-drops{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.oscw-drops span{position:absolute;bottom:-30px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#9ccbf0 60%,#5aa6e3);opacity:.0;animation:oscw-rise 11s ease-in infinite}
@keyframes oscw-rise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.55}100%{transform:translateY(-560px) scale(1.1);opacity:0}}

/* ---------- Hero result card: live gauge ---------- */
.wc-result-card{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.wc-result-card:hover{transform:translateY(-6px) rotate(-.4deg)}
.oscw-gauge{margin:14px 0 4px}
.oscw-gauge__track{position:relative;height:10px;border-radius:99px;background:#edf3f8;overflow:hidden}
.oscw-gauge__fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:99px;background:linear-gradient(90deg,#4fb3ff,var(--oscw-blue));transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.oscw-gauge__fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:oscw-shine 2.6s 1.8s ease-in-out infinite}
@keyframes oscw-shine{to{transform:translateX(100%)}}
.oscw-gauge__limit{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--oscw-navy);opacity:.35}
.oscw-gauge__legend{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#7a8a9b}
.oscw-js .wc-result-card__status{transform:scale(0);transition:transform .45s 1.4s cubic-bezier(.3,1.6,.5,1)}
.oscw-js .oscw-live .wc-result-card__status{transform:scale(1)}
.oscw-js .wc-result-card__report{opacity:0;transform:translateY(10px);transition:opacity .6s 1.6s,transform .6s 1.6s}
.oscw-js .oscw-live .wc-result-card__report{opacity:1;transform:none}
.oscw-js .wc-result-card__tick{transform:scale(0);transition:transform .4s 2.2s cubic-bezier(.3,1.6,.5,1)}
.oscw-js .oscw-live .wc-result-card__tick{transform:scale(1)}

/* ---------- Scroll reveal ---------- */
.oscw-js .oscw-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.oscw-js .oscw-reveal.oscw-in{opacity:1;transform:none}
.wc-step,.wc-price-card{transition:transform .25s ease,box-shadow .25s ease}
.wc-step:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(9,47,84,.10)}

/* ---------- New home sections ---------- */
.oscw-wrap{width:min(1180px,100%);margin:0 auto}
.oscw-head{text-align:center;max-width:760px;margin:0 auto 46px}
.oscw-eyebrow{display:inline-block;margin-bottom:12px;color:var(--oscw-blue);font-size:12px;font-weight:800;letter-spacing:.12em}
.oscw-head h2{margin:0 0 14px;color:var(--oscw-navy);font-size:clamp(30px,3.4vw,44px);line-height:1.1;letter-spacing:-.03em}
.oscw-head p{margin:0;color:var(--oscw-text);font-size:17px;line-height:1.7}
.oscw-report{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.oscw-report__list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.oscw-report__list li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:18px;border:1px solid var(--oscw-line);border-radius:14px;background:#fff}
.oscw-report__list b{display:block;color:var(--oscw-navy);font-size:16px;margin-bottom:3px}
.oscw-report__list span{color:var(--oscw-text);font-size:14.5px;line-height:1.55}
.oscw-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--oscw-sky);color:var(--oscw-blue);font-weight:800}
.oscw-doc{position:relative;height:440px}
.oscw-page{position:absolute;width:300px;height:400px;border-radius:12px;background:#fff;border:1px solid var(--oscw-line);box-shadow:0 30px 60px rgba(9,47,84,.14);padding:26px;overflow:hidden}
.oscw-page--back{left:50%;top:30px;transform:translateX(-30%) rotate(6deg);opacity:.9}
.oscw-page--front{left:50%;top:0;transform:translateX(-70%) rotate(-3deg)}
.oscw-page__bar{height:6px;margin:-26px -26px 22px;background:linear-gradient(90deg,var(--oscw-navy),var(--oscw-blue))}
.oscw-page__title{color:var(--oscw-navy);font-weight:800;font-size:15px;margin-bottom:4px}
.oscw-page__sub{color:#7a8a9b;font-size:11px;margin-bottom:18px}
.oscw-line{height:8px;border-radius:4px;background:#edf3f8;margin-bottom:9px}
.oscw-line.s{width:60%}.oscw-line.m{width:80%}
.oscw-page__result{display:flex;align-items:center;justify-content:space-between;margin:18px 0;padding:14px;border-radius:10px;background:var(--oscw-pale)}
.oscw-page__result strong{color:var(--oscw-navy);font-size:26px}
.oscw-pass{padding:5px 10px;border-radius:99px;background:var(--oscw-green-bg);color:var(--oscw-green);font-size:11px;font-weight:800}
.oscw-row{display:flex;justify-content:space-between;font-size:10.5px;color:#516578;padding:6px 0;border-bottom:1px solid #eef3f7}
.oscw-page--front .oscw-row ~ .oscw-line{display:none}
.oscw-stamp{position:absolute;right:16px;bottom:10px;width:62px;height:62px;border-radius:50%;border:2px dashed var(--oscw-blue);display:grid;place-items:center;text-align:center;color:var(--oscw-blue);font-size:9px;font-weight:800;line-height:1.2;transform:rotate(-12deg)}
.oscw-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:64px}
.oscw-trust div{padding:22px;border-radius:14px;background:var(--oscw-pale);border:1px solid #e3edf5}
.oscw-trust b{display:block;color:var(--oscw-navy);font-size:16px;margin-bottom:6px}
.oscw-trust span{color:var(--oscw-text);font-size:14px;line-height:1.55}
.oscw-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.oscw-guide-card{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid var(--oscw-line);border-radius:16px;background:#fff;text-decoration:none!important;transition:transform .25s,box-shadow .25s,border-color .25s}
.oscw-guide-card:hover{transform:translateY(-5px);border-color:#b9d6ee;box-shadow:0 18px 40px rgba(9,47,84,.10)}
.oscw-guide-card small{color:var(--oscw-blue);font-weight:800;letter-spacing:.08em;font-size:11px}
.oscw-guide-card b{color:var(--oscw-navy);font-size:18px;line-height:1.3}
.oscw-guide-card span{color:var(--oscw-text);font-size:14.5px;line-height:1.6}
.oscw-guide-card em{margin-top:auto;color:var(--oscw-blue);font-style:normal;font-weight:700;font-size:14px}
@media(max-width:921px){.oscw-report{grid-template-columns:1fr;gap:30px}.oscw-doc{height:420px;order:-1}.oscw-trust{grid-template-columns:1fr 1fr}.oscw-guides{grid-template-columns:1fr}}
@media(max-width:560px){.oscw-trust{grid-template-columns:1fr}
 .oscw-page--back,.oscw-stamp{display:none}
 .oscw-doc{height:auto;padding:10px 6px 20px}
 .oscw-page--front{position:relative;left:auto;top:auto;transform:rotate(-1.5deg);width:100%;max-width:320px;height:auto;margin:0 auto;font-size:14px}
 #ast-scroll-top{bottom:92px!important}}

/* ---------- Guide pages ---------- */
.osc-guide{max-width:820px;margin:0 auto;padding:10px 0 40px;color:#334b61;font-size:17.5px;line-height:1.75}
.osc-guide-hero-row{background:linear-gradient(180deg,var(--oscw-pale),#fff);padding:80px 20px 40px!important}
.osc-guide-body-row{padding:0 20px 60px!important}
.oscw-row-pad{padding:90px 30px!important}
.oscw-row-pale{background:var(--oscw-pale)}
.osc-guide__hero{max-width:900px;margin:0 auto;text-align:center}
.osc-guide__hero .oscw-eyebrow{background:var(--oscw-sky);padding:7px 12px;border-radius:99px}
.osc-guide__hero h1{max-width:860px;margin:6px auto 16px;color:var(--oscw-navy);font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-.035em}
.osc-guide__hero p{max-width:680px;margin:0 auto;color:var(--oscw-text);font-size:18.5px}
.osc-guide h2{margin:44px 0 14px;color:var(--oscw-navy);font-size:clamp(24px,2.6vw,31px);line-height:1.2;letter-spacing:-.02em}
.osc-guide h3{margin:28px 0 8px;color:var(--oscw-navy);font-size:20px}
.osc-guide ul,.osc-guide ol{padding-left:1.2em}
.osc-guide li{margin-bottom:8px}
.osc-guide a{color:var(--oscw-blue)}
.osc-guide table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15.5px;border:1px solid var(--oscw-line);border-radius:12px;overflow:hidden}
.osc-guide th,.osc-guide td{padding:11px 14px;border-bottom:1px solid var(--oscw-line);text-align:left}
.osc-guide th{background:var(--oscw-pale);color:var(--oscw-navy)}
.osc-guide .osc-key{margin:26px 0;padding:20px 22px;border-left:4px solid var(--oscw-blue);border-radius:0 12px 12px 0;background:var(--oscw-pale)}
.osc-guide .osc-key strong{color:var(--oscw-navy)}
.osc-cta{margin:46px 0 10px;padding:34px;border-radius:18px;background:linear-gradient(135deg,var(--oscw-navy),#12528f);color:#dbe9f6;text-align:center}
.osc-cta h2{margin:0 0 10px!important;color:#fff!important}
.osc-cta p{margin:0 auto 20px;max-width:560px}
.osc-cta a.wc-button{color:#fff!important;background:var(--oscw-blue);border-color:var(--oscw-blue)}
.osc-related{margin-top:40px;padding-top:26px;border-top:1px solid var(--oscw-line)}
.osc-related h2{font-size:22px!important;margin-top:0!important}
.osc-related ul{list-style:none;padding:0;display:grid;gap:8px}
.osc-related a{font-weight:700;text-decoration:none}

/* ---------- Oct 27 additions: FAQs in guides, commercial callout, calculator about ---------- */
.osc-guide .wc-faq__list{margin:10px 0 30px}
.osc-guide-intro{max-width:820px;margin:0 auto 40px;color:#334b61;font-size:17.5px;line-height:1.75}
.osc-guide-intro h2{margin:34px 0 12px;color:var(--oscw-navy);font-size:clamp(22px,2.4vw,28px)}
.osc-guide-intro dl{margin:0}
.osc-guide-intro dt{margin-top:16px;font-weight:800;color:var(--oscw-navy)}
.osc-guide-intro dd{margin:4px 0 0}
.oscw-callout{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 42px;border-radius:20px;background:linear-gradient(135deg,var(--oscw-navy),#12528f);color:#dbe9f6}
.oscw-callout h2{margin:6px 0 10px;color:#fff;font-size:clamp(24px,2.6vw,32px);line-height:1.2}
.oscw-callout p{margin:0;max-width:620px}
.oscw-callout .oscw-eyebrow{color:#8cc7f5}
.oscw-callout .wc-button{flex:none;color:#fff!important;background:var(--oscw-blue);border-color:var(--oscw-blue)}
@media(max-width:768px){.oscw-callout{flex-direction:column;align-items:flex-start;padding:28px 22px}}
.oscw-calc-about{margin-top:50px;padding:10px 0 0}
.oscw-calc-about h2{margin-top:36px}

/* ---------- Oct 27 v2: section layout matching the owner's pages (1180 container, banded rows) ---------- */
.oscw-band .wpb_content_element{margin-bottom:0}
.oscw-ghero{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:80px;align-items:center;color:#092f54}
.oscw-ghero h1{margin:0 0 22px;color:#092f54;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(40px,4.6vw,62px);font-weight:800;line-height:1.04;letter-spacing:-.04em}
.oscw-ghero__lead{max-width:640px;margin:0 0 32px;color:#506276;font-size:19px;line-height:1.7}
.oscw-ghero__actions{display:flex;flex-wrap:wrap;gap:13px}
.oscw-toc{position:relative;padding:30px;border:1px solid #dce8f2;border-radius:22px;background:#fff;box-shadow:0 30px 60px rgba(9,47,84,.10)}
.oscw-toc__label{display:block;margin-bottom:6px;color:#67768e;font-size:11px;font-weight:800;letter-spacing:.12em}
.oscw-toc__title{margin:0 0 18px;color:#14243a;font-family:"Plus Jakarta Sans",sans-serif;font-size:21px;font-weight:700}
.oscw-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:oscw}
.oscw-toc li{counter-increment:oscw}
.oscw-toc a{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#f5f9fd;color:#14243a;font-size:15px;font-weight:600;line-height:1.35;text-decoration:none!important;transition:background .2s,transform .2s}
.oscw-toc a::before{content:counter(oscw,decimal-leading-zero);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e5f2fd;color:#1677c8;font-size:12px;font-weight:800}
.oscw-toc a:hover{background:#e9f3fc;transform:translateX(3px)}
.oscw-sec{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:80px;align-items:start}
.oscw-sec__head{position:sticky;top:110px}
.oscw-eb{display:inline-block;margin-bottom:16px;color:#146fbd;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.oscw-sec__head h2{margin:0;color:#14243a;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(30px,3.3vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.035em}
.oscw-sec__body{color:#3f5065;font-size:17px;line-height:1.8}
.oscw-sec__body>*:first-child{margin-top:0}
.oscw-sec__body p{margin:0 0 20px}
.oscw-sec__body.is-lead p{color:#3f5065;font-size:19px;font-weight:500;line-height:1.7}
.oscw-sec__body h3{margin:30px 0 8px;color:#14243a;font-family:"Plus Jakarta Sans",sans-serif;font-size:21px;font-weight:700}
.oscw-sec__body ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px}
.oscw-sec__body ul li{position:relative;padding-left:34px}
.oscw-sec__body ul li::before{content:"\2713";position:absolute;left:0;top:3px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7f6ed;color:#1e8e4e;font-size:12px;font-weight:800}
.oscw-sec__body ol{margin:0 0 22px;padding-left:1.3em}
.oscw-sec__body ol li{margin-bottom:12px;padding-left:6px}
.oscw-sec__body a{color:#1677c8}
.oscw-sec__body table{width:100%;margin:6px 0 24px;border-collapse:separate;border-spacing:0;border:1px solid #dce8f2;border-radius:14px;overflow:hidden;background:#fff;font-size:15.5px}
.oscw-sec__body th,.oscw-sec__body td{padding:13px 16px;border-bottom:1px solid #e6eef5;text-align:left}
.oscw-sec__body tr:last-child td{border-bottom:0}
.oscw-sec__body th{background:#f5f9fd;color:#14243a;font-weight:700}
.oscw-sec__body .osc-key{margin:6px 0 24px;padding:22px 24px;border-left:4px solid #1677c8;border-radius:0 14px 14px 0;background:#fff;box-shadow:0 10px 30px rgba(9,47,84,.06)}
.oscw-band.is-pale .oscw-sec__body .osc-key{background:#fff}
.oscw-band:not(.is-pale) .oscw-sec__body .osc-key{background:#f5f9fd;box-shadow:none}
.oscw-sec__body .osc-key strong{color:#14243a}
.oscw-sec__body dl{margin:0}
.oscw-sec__body dt{margin-top:20px;font-weight:800;color:#14243a}
.oscw-sec__body dt:first-child{margin-top:0}
.oscw-sec__body dd{margin:4px 0 0}
.oscw-faq-after{max-width:860px;margin:26px auto 0;text-align:center;color:#506276}
.oscw-faq-after a{color:#1677c8}
.oscw-cardsec{width:min(1180px,100%);margin:0 auto}
.oscw-final .wc-final-cta__note a{color:#fff;font-weight:700}
@media(max-width:921px){
 .oscw-ghero,.oscw-sec{grid-template-columns:1fr;gap:34px}
 .oscw-sec__head{position:static}
}
@media(max-width:768px){
 .vc_row.oscw-band{padding-top:64px!important;padding-bottom:64px!important;padding-left:20px!important;padding-right:20px!important}
 .oscw-sec__body{font-size:16px}
 .oscw-toc{padding:22px}
}

/* ---------- Sticky mobile call to action ---------- */
.oscw-sticky{display:none}
@media(max-width:768px){
 .oscw-sticky{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:999;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 16px;border-radius:14px;background:var(--oscw-navy);color:#fff;box-shadow:0 14px 34px rgba(9,47,84,.35);transform:translateY(140%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
 .oscw-sticky.oscw-show{transform:none}
 .oscw-sticky span{font-size:14px;line-height:1.3}
 .oscw-sticky span b{display:block;font-size:15px}
 .oscw-sticky a{flex:none;padding:12px 16px;border-radius:10px;background:var(--oscw-blue);color:#fff!important;font-weight:800;font-size:14px;text-decoration:none!important}
 body.oscw-has-sticky{padding-bottom:84px}
}

@media (prefers-reduced-motion:reduce){
 .wc-home-hero::before,.wc-home-hero::after,.oscw-drops span,.oscw-gauge__fill::after{animation:none!important}
 .oscw-js .oscw-reveal{opacity:1!important;transform:none!important;transition:none!important}
 .wc-result-card__status,.wc-result-card__report,.wc-result-card__tick{transform:none!important;opacity:1!important;transition:none!important}
}