:root{--yellow: #ffda00;--black: #0b0b0b;--ink: #121212;--mute: #b8b8b8;--paper: #ffffff;--paper-2: #f3f3f3;--line-dark: #2a2a2a;--font: "Outfit", system-ui, sans-serif;--display: "Teko", Impact, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;-webkit-text-size-adjust:100%}html,body{height:100%;width:100%;max-width:100%;background:var(--black);color:#f6f3ea;font-family:var(--font);overflow-x:hidden}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{overflow:hidden}[hidden]{display:none!important}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.noise{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.app{position:relative;z-index:1;width:100%;max-width:100%;min-width:0;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:12px 16px 10px;gap:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px}.brand img{display:block;height:40px;width:auto;mix-blend-mode:lighten}.topbar-meta{display:flex;align-items:center;gap:10px}.proud{height:26px;width:auto;mix-blend-mode:lighten}.phone,.wa{text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border:1px solid #3a3a3a}.phone{background:var(--yellow);color:#111;border-color:var(--yellow)}.wa:hover{border-color:var(--yellow);color:var(--yellow)}.stage{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,400px);gap:14px}.studio{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;padding:16px 18px 14px;background:var(--ink);border:1px solid var(--line-dark);overflow:hidden}.hero{position:relative;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.05fr) minmax(148px,.5fr);align-items:stretch;gap:12px 16px;background:radial-gradient(ellipse 72% 90% at 50% 46%,#3f3e38,#2a2926 34%,#161616 62%,#121212)}.copy{position:relative;z-index:3;max-width:26rem;align-self:start;padding-top:4px}.water-tank-logo{display:block;width:124px;height:auto;margin:0 0 8px}.copy .eyebrow{color:var(--yellow);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.copy h1{font-family:var(--display);font-size:clamp(34px,3.6vw,54px);line-height:.9;letter-spacing:.01em;text-transform:uppercase;max-width:18ch;margin:4px 0 6px}.lockoff{white-space:nowrap}.safe{display:inline;margin-right:.12em;color:var(--yellow)}.lede{max-width:36ch;color:#ddd;font-size:13px;line-height:1.4}.tank-stage{--tank-scale: .92;position:relative;height:100%;min-height:0;display:grid;place-items:end center;padding-bottom:10px}.tank-spot{display:none}.tank-floor{position:absolute;left:50%;bottom:2%;width:min(46vh,400px);height:64px;transform:translate(-50%) scaleX(calc(var(--tank-scale) * var(--tank-wide, 1)));transform-origin:center center;background:radial-gradient(ellipse at center,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 38%,rgba(0,0,0,.18) 62%,transparent 78%);filter:blur(2px);z-index:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.tank-wrap{position:relative;z-index:1;height:100%;width:100%;max-height:100%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.tank{height:calc(var(--tank-scale, .9) * 90%);width:auto;max-width:100%;max-height:90%;object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 14px rgba(0,0,0,.45));transition:height .45s cubic-bezier(.2,.8,.2,1)}.tank-label{position:absolute;right:6%;bottom:11%;margin:0;font-family:var(--display);font-size:22px;letter-spacing:.08em;color:var(--yellow);text-shadow:0 2px 10px rgba(0,0,0,.85);pointer-events:none}.features{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;max-width:100%;z-index:2}.features-label{color:var(--yellow);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.feature-rail{display:flex;flex-direction:column;align-items:stretch;gap:6px}.feature-btn{border:1px solid #333;background:#1b1b1b;color:#e4e4e4;padding:8px 10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:left;white-space:normal;line-height:1.25;transition:background .35s ease,color .35s ease,border-color .35s ease}.feature-btn.is-on{background:var(--yellow);color:#111;border-color:var(--yellow)}.feature-more{border:0;background:transparent;color:#cfcfcf;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:4px 2px;text-align:left;text-decoration:underline;text-underline-offset:3px}.feature-line{min-height:3.2em;color:#e0e0e0;font-size:12px;line-height:1.4}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px 14px;align-items:end;padding-top:12px;border-top:1px solid var(--line-dark)}.stat-label{display:block;min-height:2.2em;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c2c2c2;margin-bottom:2px;line-height:1.2;overflow-wrap:anywhere}.stats>div{min-width:0;position:relative}.stats strong{display:block;font-family:var(--display);font-size:clamp(26px,2.2vw,34px);font-weight:600;line-height:.95;white-space:nowrap}.stats small{font-size:14px;color:#b8b8b8}.stat-wide{grid-column:1 / -1;color:#d6d6d6;font-size:13px}.sizes-head{margin:10px 0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:silver}.sizes{min-width:0;max-width:100%}.sizes-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:end;min-width:0}.step{width:42px;height:58px;border:1px solid #333;background:#1b1b1b;color:var(--yellow);font-family:var(--display);font-size:34px;line-height:1;cursor:pointer}.step:hover:not(:disabled){background:var(--yellow);color:#111;border-color:var(--yellow)}.step:disabled{opacity:.45;cursor:default;color:#666}.size-rail{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;align-items:end;min-width:0;max-width:100%}.size-btn{min-width:0;min-height:72px;border:1px solid #3a3a3a;background:#1b1b1b;color:#f6f3ea;padding:7px 4px 8px;cursor:pointer;text-align:center}.size-btn small{display:block;font-size:9px;color:#b0b0b0;letter-spacing:.08em;text-transform:uppercase}.size-btn b{display:block;font-family:var(--display);font-size:22px;line-height:1}.size-btn em{display:block;min-height:1.2em;font-style:normal;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:transparent;margin-top:3px}.size-btn.is-active{min-height:72px;border:2px solid var(--yellow);background:var(--yellow);color:#111;padding-top:8px}.size-btn.is-active small,.size-btn.is-active em{color:#333}.size-btn.is-popular:not(.is-active){box-shadow:inset 0 -2px 0 var(--yellow)}.quote{position:relative;min-width:0;min-height:0;background:#fff;color:#171717;overflow:hidden;color-scheme:light;scroll-margin-top:12px}.quote-card,.success{height:100%;padding:20px 20px 16px;display:flex;flex-direction:column;gap:8px;overflow:auto}.quote-kicker{color:#7a6b12;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.quote-head h2{font-family:var(--display);font-size:40px;line-height:.9;text-transform:uppercase;color:#111}.quote-sub{color:#5e5e5e;font-size:13px}.quote label,.quote legend{display:grid;gap:5px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#4f4f4f}.quote legend span,.quote label span{color:#7a7a7a;letter-spacing:.02em;text-transform:none}.quote fieldset{border:0;min-width:0}.quote fieldset:first-of-type{margin-top:16px}.form-error{color:#9a1c1c;font-size:13px;line-height:1.4}.quote input,.quote select,.quote textarea{width:100%;min-width:0;background:#f4f4f4;color:#111;border:1px solid #e4e4e4;padding:9px 11px;outline:none;border-radius:0;accent-color:#111}.quote input:focus,.quote select:focus,.quote textarea:focus{border-color:#111}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{border:1px solid #e0e0e0;background:#f4f4f4;color:#222;padding:6px 9px;font-size:12px;letter-spacing:.01em;text-transform:none;cursor:pointer}.pill.is-on{background:#111;color:var(--yellow);border-color:#111}.cta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:6px;border:0;background:var(--yellow);color:#111;padding:11px 14px;cursor:pointer;text-decoration:none;font-weight:700}.cta span{font-family:var(--display);font-size:28px;line-height:1;text-transform:uppercase;letter-spacing:.04em}.cta small{font-weight:500;color:#333}.cta:hover{background:#ffe34d}.cta.ghost{background:#111;color:var(--yellow);align-items:center;font-family:var(--font);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.fine{font-size:11px;color:#6b6b6b}.honeypot{position:absolute;left:-9999px}.success{justify-content:center;gap:12px}.success-mark{width:52px;height:52px;display:grid;place-items:center;background:var(--yellow);color:#111;font-size:26px;font-weight:700}.success h2{font-family:var(--display);font-size:44px;line-height:.9;text-transform:uppercase}.text-btn{background:none;border:0;color:#5e5e5e;cursor:pointer;text-decoration:underline}.trust{display:flex;justify-content:space-between;gap:16px;align-items:center;color:#b0b0b0;font-size:12px}.trust ul{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none}.trust li{position:relative;padding-left:12px}.trust li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:var(--yellow)}.legal a{color:var(--yellow)}.mobile-quote{display:none}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:1180px){.size-rail{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}}@media(max-height:820px),(max-width:1080px){body{overflow-x:hidden;overflow-y:auto}.app{height:auto;min-height:100dvh;overflow-x:hidden}.studio{overflow:visible}.tank-stage{height:340px;overflow:hidden}}@media(max-width:1080px){.stage{grid-template-columns:minmax(0,1fr)}.copy{max-width:none}.copy h1{max-width:100%}.water-tank-logo{width:92px}.hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:18px}.features{justify-content:flex-start}.feature-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible}.feature-btn{width:100%;min-width:0;min-height:44px;white-space:normal;text-align:center}.feature-more{grid-column:1 / -1;text-align:center;min-height:40px;white-space:normal}.feature-line{min-height:4.4em}.tank-stage{overflow:hidden;width:100%;height:340px}.tank{max-width:100%}.proud{display:none}.quote{min-width:0;min-height:auto;overflow-x:hidden}.quote-card,.success{height:auto;max-width:100%}.pills{max-width:100%}.trust{flex-direction:column;align-items:flex-start;padding-bottom:12px;max-width:100%}}@media(max-width:720px){.app{padding:14px 16px calc(88px + env(safe-area-inset-bottom));gap:16px}.topbar{min-height:48px;gap:10px 12px;flex-wrap:wrap}.brand img{height:34px}.phone,.wa{padding:10px 12px;min-height:44px;display:inline-flex;align-items:center}.topbar-meta .wa{display:inline-flex}.studio{padding:18px 16px 20px}.hero{gap:22px}.copy h1{margin:8px 0 12px;line-height:.95}.tank-stage{overflow:hidden;height:300px;min-height:300px}.features{gap:12px}.feature-rail{gap:10px}.feature-btn{padding:12px 10px}.stats{margin-top:6px;padding-top:16px}.sizes-head{margin:18px 0 12px}.sizes-row{grid-template-columns:1fr 1fr;grid-template-areas:"rail rail" "smaller larger";gap:12px;align-items:stretch}.size-rail{grid-area:rail;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sizes-row .step:first-of-type{grid-area:smaller}.sizes-row .step:last-of-type{grid-area:larger}.size-btn{min-height:78px;padding:10px 8px 8px;overflow:hidden}.size-btn small,.size-btn b,.size-btn em{white-space:nowrap}.size-btn small{font-size:10px;letter-spacing:.04em}.size-btn b{font-size:28px;margin-top:2px}.size-btn em{font-size:10px;letter-spacing:.03em}.quote fieldset{display:grid;gap:10px}.quote fieldset:first-of-type{margin-top:22px}.pills{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}.pill{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25;padding:12px 10px;white-space:normal}.pills .pill:last-child:nth-child(odd){grid-column:1 / -1}.quote-card,.success{gap:12px;padding:20px 16px 22px}.feature-more{min-height:44px;white-space:normal}.copy h1{font-size:clamp(32px,10vw,44px);max-width:100%}.water-tank-logo{width:84px}.lede{font-size:15px;line-height:1.5}.stat-label{min-height:0;margin-bottom:4px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.stats strong{font-size:28px}.stat-label{white-space:normal}.step{width:100%;height:52px}.quote input,.quote select,.quote textarea{font-size:16px;padding:12px;min-height:48px}.cta{min-height:56px;align-items:center;text-align:center}.mobile-quote{display:flex;align-items:center;justify-content:space-between;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:12;background:var(--yellow);color:#111;text-decoration:none;font-family:var(--display);font-size:26px;letter-spacing:.04em;text-transform:uppercase;padding:12px 16px;min-height:52px;box-shadow:0 10px 28px #00000059;transition:transform .25s ease,opacity .25s ease}.mobile-quote.is-hidden{transform:translateY(140%);opacity:0;pointer-events:none}.mobile-quote small{font-family:var(--font);font-size:12px;letter-spacing:.04em;text-transform:none;font-weight:600}.quote-head h2{font-size:36px}}@media(max-width:390px){.copy .eyebrow{font-size:10px;letter-spacing:.12em}.tank-stage{height:260px;min-height:260px}.stats strong{font-size:24px}.size-btn b{font-size:26px}.mobile-quote{font-size:22px;padding:10px 14px}}@media(max-height:500px)and (orientation:landscape){.tank-stage{height:180px;min-height:180px}.copy h1{font-size:32px}.hero{grid-template-rows:auto minmax(160px,1fr) auto}}