/* Porbym · Hallmark: macrostructure=bento dashboard (tiles, water-value checker with sliders, target table, plans), nav=app bar with season line, palette=sand/navy/aqua/sun, type=Plus Jakarta Sans */
:root{--bg:#F5EFE4;--tile:#FFFFFF;--bg3:#E9F6F8;--ink:#0B2A3C;--ink2:#3D5565;--ink3:#73899A;--aqua:#0E9FB2;--aqua2:#0B7E8E;--sun:#F2B84B;--ok:#1E9E6A;--warn:#D98A14;--bad:#CF4B3A;--line:rgba(11,42,60,.12);--sans:"Plus Jakarta Sans","Segoe UI",sans-serif;--w:1240px;--r:22px;
--cmp-bg:#FFFFFF;--cmp-ink:#0B2A3C;--cmp-accent:#0E9FB2;--cmp-on-accent:#fff;--cmp-line:rgba(11,42,60,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16.5px;line-height:1.68;overflow-x:clip}
img{max-width:100%;height:auto;display:block}a{color:var(--aqua2)}h1,h2,h3{font-weight:800;line-height:1.2;margin:0 0 .5em;letter-spacing:-.02em}h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}h3{font-size:1.15rem}
.pb-in{max-width:var(--w);margin:0 auto;padding:0 20px}.pb-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pb-skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:.5rem 1rem;border-radius:10px;z-index:2000}.pb-skip:focus{left:8px}
.pb-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--aqua2);margin:0 0 .6rem}.pb-lead{font-size:1.06rem;color:var(--ink2)}
.pb-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 1.4rem;border-radius:14px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;border:2px solid var(--ink);transition:transform .18s}.pb-btn:hover{transform:translateY(-2px)}.pb-btn:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.pb-btn--ghost{background:transparent;color:var(--ink)}
.pb-tile{background:var(--tile);border-radius:var(--r);padding:1.5rem 1.6rem;box-shadow:0 1px 0 rgba(11,42,60,.05),0 18px 40px -34px rgba(11,42,60,.45);min-width:0}.pb-tile p{color:var(--ink2)}
.pb-tile--photo{padding:0;overflow:hidden;margin:0;display:flex;flex-direction:column}.pb-tile--photo img{width:100%;flex:1;min-height:180px;object-fit:cover}.pb-tile--photo figcaption{padding:.7rem 1.1rem .9rem;font-size:.82rem;color:var(--ink3)}
figure{margin:0}
/* bar */
.pb-bar{position:sticky;top:0;z-index:900;background:rgba(245,239,228,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.pb-bar__in{max-width:var(--w);margin:0 auto;padding:.55rem 20px;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.pb-bar__brand{margin:0;font-size:1.15rem}.pb-bar__brand a{display:inline-grid;grid-template-columns:auto auto;gap:0 .55rem;align-items:center;color:var(--ink);text-decoration:none;font-weight:800}.pb-bar__brand svg{grid-row:1/3}.pb-bar__brand small{font-size:.68rem;font-weight:600;color:var(--ink3);letter-spacing:.04em}
.pb-bar__season{margin:0;font-size:.76rem;font-weight:700;color:var(--aqua2);background:var(--bg3);border-radius:999px;padding:.25rem .8rem}
.pb-bar__nav{margin-left:auto;display:flex;gap:.1rem;flex-wrap:wrap}.pb-bar__nav a{padding:.35rem .6rem;border-radius:10px;color:var(--ink2);text-decoration:none;font-size:.84rem;font-weight:600}.pb-bar__nav a:hover,.pb-bar__nav a.is-current{background:var(--tile);color:var(--ink)}
/* hero bento */
.pb-hero{padding:1.5rem 0 1rem}.pb-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) minmax(0,1.1fr);gap:1rem;align-items:stretch}
.pb-tile--intro{padding:2rem 2rem 1.8rem;background:var(--ink);color:#fff}.pb-tile--intro h2{font-size:clamp(1.7rem,3.2vw,2.6rem);color:#fff}.pb-tile--intro .pb-lead{color:#C9D8E1}.pb-tile--intro .pb-eyebrow{color:#7FDCE9}.pb-tile--intro .pb-btn{background:var(--sun);border-color:var(--sun);color:var(--ink)}.pb-tile--intro .pb-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.pb-hero__cta{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.3rem 0}.pb-hero__facts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.pb-hero__facts b{display:block;font-size:1.7rem;color:var(--sun);line-height:1.1}.pb-hero__facts span{font-size:.78rem;color:#9FB6C4}
.pb-check{background:var(--tile);border-radius:var(--r);padding:1.4rem 1.5rem;box-shadow:0 18px 40px -34px rgba(11,42,60,.45);min-width:0;scroll-margin-top:80px}.pb-check__title{margin:0;font-weight:800;font-size:1.15rem}.pb-check__lead{margin:.2rem 0 .9rem;font-size:.82rem;color:var(--ink3)}
.pb-val{padding:.6rem 0;border-top:1px solid var(--line)}.pb-val__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.pb-val__head label{font-weight:700;font-size:.92rem}.pb-val__head output{font-weight:800;font-size:1rem;padding:.05rem .6rem;border-radius:999px;background:var(--bg3)}
.pb-val input[type=range]{width:100%;margin:.35rem 0 .2rem;accent-color:var(--aqua);height:28px}.pb-val__msg{margin:0;font-size:.8rem;min-height:2.6em}
.pb-val[data-state=ok] output{background:#DDF3E8;color:#0F6B45}.pb-val[data-state=low] output,.pb-val[data-state=high] output{background:#FBE3DF;color:#9C2E20}.pb-val[data-state=ok] .pb-val__msg{color:#0F6B45}.pb-val[data-state=low] .pb-val__msg,.pb-val[data-state=high] .pb-val__msg{color:#9C2E20}
.pb-check__verdict{margin:.7rem 0 0;padding:.7rem .9rem;border-radius:12px;background:var(--bg3);font-size:.88rem;font-weight:700;color:var(--ink)}
/* why */
.pb-why{padding:0 0 1rem}.pb-why__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pb-why__grid .pb-tile{border-top:5px solid var(--aqua)}.pb-why__grid p{margin:0;font-size:.95rem}
/* visit */
.pb-visit{padding:0 0 1rem}.pb-visit__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1rem}.pb-visit__side{display:grid;gap:1rem}.pb-visit__lead{max-width:64ch}
.pb-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.pb-steps li{counter-increment:s;background:var(--bg);border-radius:14px;padding:.8rem .9rem;display:grid;gap:.15rem}.pb-steps li::before{content:counter(s,decimal-leading-zero);font-weight:800;color:var(--aqua);font-size:.85rem}.pb-steps b{font-size:.95rem}.pb-steps span{font-size:.84rem;color:var(--ink2)}
/* targets */
.pb-targets{padding:0 0 1rem}.pb-targets__lead{max-width:72ch}.pb-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}.pb-table{width:100%;border-collapse:collapse;min-width:620px}.pb-table th,.pb-table td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:top}.pb-table th{background:var(--bg3);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2)}.pb-table tbody tr:last-child td{border-bottom:0}
/* plans */
.pb-plans{padding:1.5rem 0 1rem}.pb-plans__lead{color:var(--ink2);max-width:72ch}.pb-plans__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}
.pb-plan{position:relative}.pb-plan--best{background:var(--ink);color:#fff}.pb-plan--best h3{color:#fff}.pb-plan.pb-plan--best ul{color:#C9D8E1}.pb-plan.pb-plan--best .pb-plan__price small{color:#9FB6C4}.pb-plan__badge{position:absolute;top:-.7rem;left:1.5rem;margin:0;background:var(--sun);color:var(--ink)!important;font-size:.72rem;font-weight:800;padding:.2rem .7rem;border-radius:999px}
.pb-plan__price{font-size:2.2rem;font-weight:800;line-height:1;margin:0 0 .8rem;color:var(--aqua2)!important}.pb-plan--best .pb-plan__price{color:var(--sun)!important}.pb-plan__price small{display:block;font-size:.76rem;font-weight:600;color:var(--ink3);margin-top:.3rem}.pb-plan ul{margin:0;padding-left:1.1rem;font-size:.9rem;color:var(--ink2)}.pb-plan li{margin:.3rem 0}
.pb-extras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.pb-extra{padding:1.1rem 1.2rem}.pb-extra h3{font-size:1rem;margin-bottom:.1rem}.pb-extra__price{font-weight:800;font-size:1.3rem;color:var(--ink)!important;margin:0 0 .3rem}.pb-extra p{margin:0;font-size:.85rem}
.pb-plans__note{margin:1rem 0 0;background:var(--bg3);border-radius:16px;padding:1rem 1.3rem;font-size:.92rem;color:var(--ink2)}
/* season */
.pb-season{padding:1.5rem 0 1rem}.pb-season__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pb-phase{padding:0;overflow:hidden}.pb-phase img{width:100%;aspect-ratio:4/3;object-fit:cover}.pb-phase>div{padding:1rem 1.2rem 1.3rem}.pb-phase__when{margin:0;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--aqua2)!important}.pb-phase p{margin:0;font-size:.88rem}
/* problems */
.pb-problems{padding:1.5rem 0 1rem}.pb-problems__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem}.pb-problems__lead{max-width:70ch}.pb-table--problems{min-width:640px}
/* tech */
.pb-tech{padding:1.5rem 0 1rem}.pb-tech__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pb-tech__grid p{margin:0;font-size:.9rem}
/* faq */
.pb-faq{padding:1.5rem 0 2rem}.pb-faq__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;align-items:start}.pb-faq__item{background:var(--tile);border-radius:16px;padding:0 1.2rem}.pb-faq__item summary{cursor:pointer;padding:1rem 0;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem}.pb-faq__item summary::-webkit-details-marker{display:none}.pb-faq__item summary::after{content:"+";color:var(--aqua);font-weight:800}.pb-faq__item[open] summary::after{content:"−"}.pb-faq__item p{margin:0 0 1rem;color:var(--ink2);font-size:.95rem}
/* abo */
.pb-abo{padding:3rem 0;background:var(--aqua2);color:#fff}.pb-abo__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center}.pb-abo .pb-eyebrow{color:#BFEAF0}.pb-abo h2{color:#fff}.pb-abo__txt p{color:#DDF3F6}
.pb-form{background:var(--tile);color:var(--ink);border-radius:var(--r);padding:1.5rem;min-width:0}.pb-form__trap{position:absolute;left:-9999px}.pb-form__row{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.pb-form__label{font-size:.84rem;font-weight:700;color:var(--ink3)}
.pb-form__input{min-width:0;width:100%;min-height:50px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:0 1rem;font:inherit}.pb-form__input:focus{outline:2px solid var(--aqua)}.pb-form__input[aria-invalid=true]{border-color:var(--bad)}
.pb-form__btn{min-height:50px;border-radius:14px;border:0;background:var(--sun);color:var(--ink);font:inherit;font-weight:800;cursor:pointer;margin-top:.3rem}.pb-form__btn:hover{background:#E5A935}.pb-form__btn[disabled]{opacity:.6;cursor:wait}
.pb-form__status{min-height:1.4em;font-size:.9rem;margin:.6rem 0 0}.pb-form__status[data-state=error]{color:var(--bad)}.pb-form__note{font-size:.8rem;color:var(--ink3);margin:.4rem 0 0}
/* foot */
.pb-foot{padding:3rem 0 2rem}.pb-foot__in{max-width:var(--w);margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}.pb-foot h2{font-size:1.15rem}.pb-foot p{font-size:.9rem;color:var(--ink2)}
.pb-foot__brand{display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--ink)!important;font-size:1.15rem!important}.pb-foot__legal{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:1rem 0}.pb-foot__legal a,.pb-foot__legal button{color:var(--ink2);font:inherit;font-size:.88rem;font-weight:600;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}.pb-foot__small{font-size:.78rem!important;color:var(--ink3)!important}
.pb-map{margin-top:1rem;aspect-ratio:16/10;border-radius:var(--r);background:var(--tile);position:relative;overflow:hidden}.pb-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.pb-map [data-map-placeholder]{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1.2rem;font-size:.9rem}.pb-map [data-map-placeholder] p{margin:0}.pb-map button{align-self:flex-start;min-height:42px;padding:0 1rem;border-radius:12px;border:0;background:var(--ink);color:#fff;font:inherit;font-weight:700;cursor:pointer}.pb-map small{color:var(--ink3);font-size:.76rem}
/* doc/done */
.pb-doc{padding:2.5rem 0 4rem}.pb-doc__in{max-width:860px;background:var(--tile);border-radius:var(--r);padding:2rem 2.2rem}.pb-doc h1{font-size:1.9rem}.pb-doc h2{font-size:1.25rem;margin-top:2rem}.pb-doc .lead{color:var(--ink2);font-size:1.02rem}.pb-doc table{width:100%;border-collapse:collapse;font-size:.9rem;margin:1rem 0}.pb-doc th,.pb-doc td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left;vertical-align:top}.pb-doc th{background:var(--bg3)}.pb-doc .meta{color:var(--ink3);font-size:.85rem}.pb-doc code{background:var(--bg3);padding:.1em .4em;border-radius:6px}
.pb-done{padding:5rem 0}.pb-done__in{max-width:640px}
@media(max-width:1100px){.pb-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pb-tile--intro{grid-column:1/-1}.pb-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-extras,.pb-season__grid,.pb-tech__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-bar__season{display:none}}
@media(max-width:800px){body{font-size:16px}.pb-bar{position:static}.pb-bar__nav{margin-left:0}.pb-bar__nav a{font-size:.78rem;padding:.3rem .45rem}.pb-hero__grid,.pb-why__grid,.pb-visit__grid,.pb-plans__grid,.pb-problems__grid,.pb-abo__in,.pb-foot__in,.pb-faq__list{grid-template-columns:minmax(0,1fr)}.pb-steps,.pb-extras,.pb-season__grid,.pb-tech__grid,.pb-hero__facts{grid-template-columns:minmax(0,1fr)}.pb-tile{padding:1.2rem 1.2rem}.pb-tile--photo,.pb-phase{padding:0}.pb-doc__in{padding:1.3rem 1.2rem}.pb-doc table{display:block;overflow-x:auto}}

/* consent manager */
.pb-tbl{position:fixed;inset:0;z-index:1300;background:rgba(8,10,14,.62);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem}.pb-tbl[hidden]{display:none}
.pb-tbl__card{width:min(780px,100%);max-height:92svh;overflow:auto;background:var(--cmp-bg,#fff);color:var(--cmp-ink,#111);border-radius:16px;padding:1.6rem clamp(1.1rem,3vw,2rem);box-shadow:0 40px 80px -40px rgba(0,0,0,.7);font-size:.92rem;line-height:1.5}
.pb-tbl__kicker{margin:0 0 .3rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.pb-tbl h2{margin:0 0 .6rem;font-size:1.4rem;line-height:1.15}.pb-tbl__intro{margin:0 0 1rem}.pb-tbl a{color:inherit;text-decoration:underline}
.pb-tbl table{width:100%;border-collapse:collapse;font-size:.84rem}.pb-tbl th,.pb-tbl td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--cmp-line,rgba(0,0,0,.15));vertical-align:top}.pb-tbl thead th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.pb-tbl tbody th{font-weight:700;white-space:nowrap}.pb-tbl td small{opacity:.7}
.pb-tbl th:nth-child(5),.pb-tbl th:nth-child(6),.pb-tbl td:nth-child(5),.pb-tbl td:nth-child(6){text-align:center;width:3.2rem}.pb-tbl input[type=radio]{width:20px;height:20px;accent-color:var(--cmp-accent,#111);cursor:pointer;margin:0}.pb-tbl input:disabled{cursor:default;opacity:.5}
.pb-tbl tfoot td,.pb-tbl tfoot th{border-bottom:0;border-top:2px solid var(--cmp-accent,#111);font-weight:600}.pb-tbl [data-cmp-count]{text-align:center;white-space:nowrap}
.pb-tbl__meta{font-size:.76rem;opacity:.65;margin:.8rem 0}
.pb-tbl__btns{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pb-tbl__btns button{min-height:46px;padding:0 .6rem;border-radius:8px;border:2px solid var(--cmp-accent,#111);background:var(--cmp-accent,#111);color:var(--cmp-on-accent,#fff);font:inherit;font-weight:700;cursor:pointer}
.pb-tbl__links{display:flex;gap:1.2rem;justify-content:center;margin-top:.8rem}.pb-tbl__links button{background:none;border:0;padding:0;font:inherit;font-size:.84rem;text-decoration:underline;cursor:pointer;color:inherit}
@media(max-width:700px){.pb-tbl__card{padding:1.1rem 1rem}.pb-tbl th:nth-child(3),.pb-tbl th:nth-child(4),.pb-tbl td:nth-child(3),.pb-tbl td:nth-child(4){display:none}.pb-tbl tfoot td[colspan="3"]{display:table-cell}.pb-tbl__btns{grid-template-columns:1fr}.pb-tbl tbody th{white-space:normal}}