:root,[data-theme=light]{--eco-green: #8BD76E;--eco-green-deep: #6cbf4f;--pool-blue: #2D4786;--pool-blue-deep: #21356a;--solar-yellow: #FCD800;--warm-pink: #D25176;--warm-pink-deep: #b53e62;--offwhite: #F8F4E8;--color-bg: var(--offwhite);--color-surface: #FFFFFF;--color-surface-2: #FCFAF2;--color-surface-offset: #F1ECDC;--color-surface-blue: var(--pool-blue);--color-border: #E4DDC9;--color-divider: #ECE5D4;--color-text: #1F2A44;--color-text-muted: #5d6478;--color-text-faint: #98A0B0;--color-text-inverse: #F8F4E8;--color-primary: var(--pool-blue);--color-primary-hover: var(--pool-blue-deep);--color-accent: var(--eco-green);--color-accent-deep: var(--eco-green-deep);--text-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm: clamp(.875rem, .82rem + .25vw, .9375rem);--text-base: clamp(1rem, .96rem + .2vw, 1.0625rem);--text-lg: clamp(1.125rem, 1rem + .5vw, 1.375rem);--text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem);--text-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);--text-3xl: clamp(2.6rem, 1.4rem + 4.2vw, 4.75rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-pill: 9999px;--content-narrow: 680px;--content: 1080px;--content-wide: 1280px;--shadow-sm: 0 1px 2px rgba(31,42,68,.06), 0 2px 6px rgba(31,42,68,.05);--shadow-md: 0 6px 18px rgba(31,42,68,.08), 0 2px 6px rgba(31,42,68,.05);--shadow-lg: 0 22px 48px rgba(31,42,68,.14), 0 6px 14px rgba(31,42,68,.08);--shadow-blue: 0 18px 40px rgba(45,71,134,.28);--transition: .2s cubic-bezier(.16, 1, .3, 1);--font-body: "Century Gothic Pro", "Century Gothic", "ITC Avant Garde Gothic Pro", "Avant Garde", "Avenir Next", "Jost", "Futura", system-ui, sans-serif;--font-display: "Century Gothic Pro", "Century Gothic", "ITC Avant Garde Gothic Pro", "Avant Garde", "Avenir Next", "Jost", "Futura", system-ui, sans-serif}[data-theme=dark]{--color-bg: #121A2E;--color-surface: #1A2440;--color-surface-2: #20294a;--color-surface-offset: #161f38;--color-border: #2c3858;--color-divider: #26314f;--color-text: #EAEDF5;--color-text-muted: #aab2c8;--color-text-faint: #76809b;--color-text-inverse: #F8F4E8;--color-primary: #8BD76E;--color-primary-hover: #9fe084;--color-surface-blue: #1A2440;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 6px 18px rgba(0,0,0,.4);--shadow-lg: 0 22px 48px rgba(0,0,0,.5);--shadow-blue: 0 18px 40px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:5rem}body{min-height:100dvh;line-height:1.62;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);overflow-x:hidden}img,picture,svg,canvas{display:block;max-width:100%;height:auto}ul[role=list]{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;line-height:1.08;letter-spacing:-.015em;font-weight:600}p{text-wrap:pretty}a{color:inherit;text-decoration:none}::selection{background:#8bd76e66;color:var(--color-text)}:focus-visible{outline:3px solid var(--pool-blue);outline-offset:3px;border-radius:var(--radius-sm)}[data-theme=dark] :focus-visible{outline-color:var(--eco-green)}button{cursor:pointer;background:none;border:none}a,button,[role=button],input,textarea,select{transition:color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.wrap{width:min(100% - 2.5rem,var(--content));margin-inline:auto}.wrap--wide{width:min(100% - 2.5rem,var(--content-wide));margin-inline:auto}.wrap--narrow{width:min(100% - 2.5rem,var(--content-narrow));margin-inline:auto}section{position:relative}.section-pad{padding-block:clamp(var(--space-16),9vw,var(--space-32))}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}.eyebrow:before{content:"";width:1.75rem;height:2px;border-radius:2px;background:var(--eco-green)}.eyebrow--pink:before{background:var(--warm-pink)}.eyebrow--yellow:before{background:var(--solar-yellow)}.eyebrow--blue:before{background:var(--pool-blue)}.eyebrow--light{color:#f8f4e8c7}.section-head{max-width:46rem;margin-bottom:var(--space-12)}.section-head h2{font-size:var(--text-2xl);margin-top:var(--space-4)}.section-head p{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--color-text-muted);max-width:42rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;padding:.85rem 1.5rem;border-radius:var(--radius-pill);white-space:nowrap}.btn svg{width:1.05em;height:1.05em}.btn--primary{background:var(--pool-blue);color:var(--offwhite);box-shadow:var(--shadow-blue)}.btn--primary:hover{background:var(--pool-blue-deep);transform:translateY(-2px)}.btn--accent{background:var(--eco-green);color:var(--pool-blue-deep);box-shadow:0 14px 30px #8bd76e59}.btn--accent:hover{background:var(--eco-green-deep);transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--color-text);border:1.5px solid var(--color-border)}.btn--ghost:hover{border-color:var(--pool-blue);color:var(--pool-blue)}[data-theme=dark] .btn--ghost:hover{color:var(--eco-green);border-color:var(--eco-green)}.btn--lg{padding:1.05rem 1.9rem;font-size:var(--text-base)}.btn--block{width:100%}.site-header{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--color-bg) 82%,transparent);border-bottom:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.site-header.is-scrolled{border-bottom-color:var(--color-divider);box-shadow:var(--shadow-sm)}.nav{display:flex;align-items:center;gap:var(--space-6);height:4.75rem}.brand{display:flex;align-items:center;gap:var(--space-3);margin-right:auto}.brand-mark{width:2.5rem;height:2.5rem;flex:none}.brand-word .b-eco{font-family:var(--font-display);font-weight:600;font-size:1.45rem;color:var(--eco-green-deep);letter-spacing:-.01em}.brand-word .b-tubs{font-size:.62rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--warm-pink);margin-top:2px}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav-links a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);position:relative}.nav-links a:hover{color:var(--color-text)}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:var(--radius-pill);color:var(--color-text-muted);border:1px solid var(--color-border)}.theme-toggle:hover{color:var(--color-text);border-color:var(--pool-blue)}.nav-toggle{display:none;width:2.6rem;height:2.6rem;border-radius:var(--radius-sm);color:var(--color-text)}.nav-toggle svg{width:1.6rem;height:1.6rem}.hero{position:relative;overflow:hidden;padding-top:clamp(2.5rem,5vw,4rem)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(60% 50% at 85% 0%,rgba(252,216,0,.18),transparent 70%),radial-gradient(55% 60% at 0% 100%,rgba(139,215,110,.22),transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;padding-block:clamp(2rem,5vw,4rem) clamp(3rem,6vw,5.5rem)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);padding:.4rem .9rem .4rem .55rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;box-shadow:var(--shadow-sm);color:var(--color-text-muted)}.hero-badge .dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--eco-green);box-shadow:0 0 0 4px #8bd76e40}.hero h1{font-size:var(--text-3xl);margin-top:var(--space-5);font-weight:600}.hero h1 .hl-green{color:var(--eco-green-deep)}.hero h1 .hl-blue{color:var(--pool-blue)}[data-theme=dark] .hero h1 .hl-blue{color:#8ba6e8}.hero-sub{margin-top:var(--space-5);font-size:var(--text-lg);color:var(--color-text-muted);max-width:34rem}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-5) var(--space-8);margin-top:var(--space-8)}.hero-meta div{display:flex;flex-direction:column}.hero-meta dt{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.hero-meta dd{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-top:2px}.hero-visual{position:relative;max-width:100%}.hero-stage{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(155deg,#36589f,#2d4786 55%,#21356a);box-shadow:var(--shadow-lg);aspect-ratio:5 / 5.2}.hero-stage img{position:absolute;bottom:-2%;left:50%;transform:translate(-50%);width:96%;filter:drop-shadow(0 24px 32px rgba(0,0,0,.35))}.hero-stage .sun{position:absolute;top:8%;right:10%;width:5.5rem;height:5.5rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe85c,var(--solar-yellow));box-shadow:0 0 0 14px #fcd80029,0 0 50px #fcd80080}.hero-chip{position:absolute;display:flex;align-items:center;gap:var(--space-3);background:#fffffff2;border-radius:var(--radius-md);padding:.7rem .95rem;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-chip .ic{width:2.1rem;height:2.1rem;border-radius:.6rem;flex:none;display:grid;place-items:center;color:#fff}.hero-chip .ic svg{width:1.2rem;height:1.2rem}.hero-chip strong{display:block;font-size:var(--text-sm);color:#1f2a44;line-height:1.2}.hero-chip span{font-size:var(--text-xs);color:#5d6478}.hero-chip--tl{top:7%;left:-4%}.hero-chip--br{bottom:9%;right:-3%}@media(min-width:1360px){.hero-chip--br{right:-7%}.hero-chip--tl{left:-7%}}.trust{border-block:1px solid var(--color-divider);background:var(--color-surface-2)}.trust-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6)}.trust-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.trust-item svg{width:1.4rem;height:1.4rem;color:var(--eco-green-deep);flex:none}.problem{background:var(--color-surface-blue);color:var(--offwhite)}.problem .section-head h2{color:var(--offwhite)}.problem .section-head p{color:#f8f4e8cc}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);margin-top:var(--space-4)}.stat-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-6)}.stat-card .num{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--solar-yellow);line-height:1}.stat-card.c-pink .num{color:#ff9bb5}.stat-card.c-green .num{color:var(--eco-green)}.stat-card .lbl{margin-top:var(--space-3);font-size:var(--text-sm);color:#f8f4e8d1}.problem-note{margin-top:var(--space-8);font-size:var(--text-sm);color:#f8f4e899}.problem-note a{color:var(--eco-green);text-decoration:underline;text-underline-offset:3px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-4)}.flow-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;box-shadow:var(--shadow-sm)}.flow-step .step-n{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--eco-green);color:var(--pool-blue-deep)}.flow-step h3{font-size:var(--text-lg);margin-top:var(--space-4)}.flow-step p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.flow-arrow{color:var(--color-text-faint);align-self:center}.system-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-5);margin-top:var(--space-12)}.sys-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.sys-card .media{background:var(--offwhite);aspect-ratio:4 / 3;overflow:hidden;display:grid;place-items:center}[data-theme=dark] .sys-card .media{background:#fff}.sys-card .media img{width:100%;height:100%;object-fit:cover}.sys-card .media.contain img{object-fit:contain;padding:var(--space-5)}.sys-card .body{padding:var(--space-6)}.sys-card .tag{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-pink)}.sys-card h3{font-size:var(--text-lg);margin-top:var(--space-2)}.sys-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.col-7{grid-column:span 7}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.spec-list{list-style:none;margin-top:var(--space-4);display:grid;gap:var(--space-2)}.spec-list li{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.spec-list li:before{content:"";flex:none;width:.5rem;height:.5rem;margin-top:.5rem;border-radius:2px;background:var(--eco-green)}.packages{background:var(--color-surface-2)}.pkg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-4);align-items:stretch}.pkg{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:relative}.pkg.featured{border-color:var(--eco-green);box-shadow:var(--shadow-md);outline:2px solid rgba(139,215,110,.45);outline-offset:-2px}.pkg-flag{position:absolute;top:-.75rem;left:var(--space-6);background:var(--eco-green);color:var(--pool-blue-deep);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .8rem;border-radius:var(--radius-pill)}.pkg .pkg-icon{width:2.75rem;height:2.75rem;border-radius:.75rem;display:grid;place-items:center;color:#fff;margin-bottom:var(--space-4)}.pkg .pkg-icon svg{width:1.5rem;height:1.5rem}.pkg h3{font-size:var(--text-lg)}.pkg .pkg-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.pkg .price-row{margin-top:var(--space-5);display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.pkg .price{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text)}.pkg .price-tag{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.pkg .beta{margin-top:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--warm-pink)}.pkg ul{list-style:none;margin-top:var(--space-5);display:grid;gap:var(--space-3);flex:1}.pkg ul li{display:flex;gap:var(--space-3);font-size:var(--text-sm)}.pkg ul li svg{width:1.1rem;height:1.1rem;flex:none;color:var(--eco-green-deep);margin-top:.15rem}.pkg .btn{margin-top:var(--space-6)}.pkg-foot{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-faint);text-align:center}.install-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.install-visual{border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.install-visual img{width:100%}.install-steps{list-style:none;counter-reset:pp;display:grid;gap:var(--space-5)}.install-steps li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4)}.install-steps .ic{counter-increment:pp;width:2.6rem;height:2.6rem;border-radius:.85rem;flex:none;display:grid;place-items:center;background:var(--color-surface);border:1px solid var(--color-border);color:var(--pool-blue);box-shadow:var(--shadow-sm)}[data-theme=dark] .install-steps .ic{color:var(--eco-green)}.install-steps .ic svg{width:1.3rem;height:1.3rem}.install-steps h3{font-size:var(--text-lg)}.install-steps p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.sealed-banner{margin-top:var(--space-8);display:flex;gap:var(--space-3);align-items:flex-start;background:#8bd76e24;border:1px solid rgba(139,215,110,.4);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:var(--text-sm)}.sealed-banner svg{width:1.4rem;height:1.4rem;color:var(--eco-green-deep);flex:none}.app{background:var(--color-surface-blue);color:var(--offwhite);overflow:hidden}.app .section-head h2{color:var(--offwhite)}.app .section-head p{color:#f8f4e8d1}.app-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}.app-features{display:grid;gap:var(--space-5)}.app-feature{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4)}.app-feature .ic{width:2.6rem;height:2.6rem;border-radius:.85rem;flex:none;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.app-feature .ic svg{width:1.3rem;height:1.3rem;color:var(--eco-green)}.app-feature h3{font-size:var(--text-lg);color:var(--offwhite)}.app-feature p{font-size:var(--text-sm);color:#f8f4e8c7;margin-top:var(--space-1)}.app-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.app-tag{font-size:var(--text-xs);font-weight:600;padding:.35rem .8rem;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#f8f4e8e6}.phone{position:relative;justify-self:center;width:min(280px,80%);border-radius:2.2rem;padding:.7rem;background:#0c1226;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff14}.phone:before{content:"";position:absolute;top:.95rem;left:50%;transform:translate(-50%);width:36%;height:.45rem;border-radius:var(--radius-pill);background:#ffffff2e;z-index:2}.phone-screen{border-radius:1.6rem;overflow:hidden;aspect-ratio:9 / 17}.phone-screen img{width:100%}.app-disclaimer{margin-top:var(--space-6);font-size:var(--text-xs);color:#f8f4e88c;text-align:center;max-width:24rem;margin-inline:auto}.beta-cta{position:relative;overflow:hidden}.beta-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(45% 80% at 12% 50%,rgba(252,216,0,.16),transparent 70%),radial-gradient(55% 90% at 90% 30%,rgba(210,81,118,.14),transparent 70%),linear-gradient(180deg,var(--eco-green) 0%,var(--eco-green) 100%)}.beta-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.beta-info{padding:clamp(2rem,4vw,3.25rem)}.beta-info h2{font-size:var(--text-2xl)}.beta-info p{margin-top:var(--space-4);color:var(--color-text-muted)}.beta-perks{list-style:none;margin-top:var(--space-6);display:grid;gap:var(--space-3)}.beta-perks li{display:flex;gap:var(--space-3);font-size:var(--text-sm)}.beta-perks li svg{width:1.2rem;height:1.2rem;flex:none;color:var(--eco-green-deep);margin-top:.1rem}.beta-form-wrap{background:var(--color-surface-offset);padding:clamp(2rem,4vw,3.25rem)}.form-row{display:grid;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:600}.field .req{color:var(--warm-pink)}.field input,.field select{padding:.8rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm)}.field input:focus,.field select:focus{border-color:var(--pool-blue);outline:none;box-shadow:0 0 0 4px #2d47861f}.field-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-consent{display:flex;gap:var(--space-3);align-items:flex-start;margin-top:var(--space-1)}.form-consent input{margin-top:.2rem;width:1.1rem;height:1.1rem;flex:none;accent-color:var(--pool-blue)}.form-consent label{font-size:var(--text-xs);color:var(--color-text-muted)}.form-note{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-3);text-align:center}.form-success{display:none;text-align:center;padding:var(--space-8) var(--space-4)}.form-success.show{display:block;animation:pop .4s cubic-bezier(.16,1,.3,1)}.form-success .check{width:3.5rem;height:3.5rem;margin:0 auto var(--space-5);border-radius:50%;background:var(--eco-green);display:grid;place-items:center;color:var(--pool-blue-deep)}.form-success .check svg{width:1.8rem;height:1.8rem}.form-success h3{font-size:var(--text-xl)}.form-success p{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:start}.faq-list{display:grid;gap:var(--space-3)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);text-align:left;font-size:var(--text-base);font-weight:600}.faq-q .chev{flex:none;transition:transform var(--transition);color:var(--color-text-muted)}.faq-item[open] .chev{transform:rotate(45deg)}.faq-a{padding:0 var(--space-5) var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}details.faq-item>summary{list-style:none;cursor:pointer}details.faq-item>summary::-webkit-details-marker{display:none}.compliance{background:var(--color-surface-offset);border-radius:var(--radius-lg);padding:var(--space-6);font-size:var(--text-sm)}.compliance h3{font-size:var(--text-lg);display:flex;align-items:center;gap:var(--space-3)}.compliance h3 svg{width:1.3rem;height:1.3rem;color:var(--pool-blue)}[data-theme=dark] .compliance h3 svg{color:var(--eco-green)}.compliance ul{list-style:none;margin-top:var(--space-4);display:grid;gap:var(--space-3)}.compliance li{display:flex;gap:var(--space-3);color:var(--color-text-muted)}.compliance li:before{content:"\b7";color:var(--warm-pink);font-weight:700}.site-footer{background:var(--color-surface-blue);color:#f8f4e8cc}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-8);padding-block:var(--space-16) var(--space-12)}.footer-brand .brand-word .b-eco{color:var(--eco-green)}.footer-brand p{margin-top:var(--space-4);font-size:var(--text-sm);max-width:26rem;color:#f8f4e8b3}.footer-col h4{font-size:var(--text-sm);color:var(--offwhite);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.footer-col a{display:block;font-size:var(--text-sm);padding:var(--space-1) 0;color:#f8f4e8b8}.footer-col a:hover{color:var(--eco-green)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-block:var(--space-6);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs);color:#f8f4e88c}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:28rem;margin-inline:auto;width:100%}.hero-chip--tl{left:0}.hero-chip--br{right:0}.flow{grid-template-columns:repeat(2,1fr)}.flow-arrow{display:none}.install-grid,.app-grid,.faq-grid,.beta-card{grid-template-columns:1fr}.col-7,.col-5,.col-6,.col-4{grid-column:span 12}.footer-top{grid-template-columns:1fr 1fr}}@media(max-width:720px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);position:absolute;top:4.75rem;left:0;right:0;padding:var(--space-6);background:var(--color-bg);border-bottom:1px solid var(--color-divider);box-shadow:var(--shadow-md)}.nav-toggle{display:grid;place-items:center}.nav-actions .btn{display:none}.field-2,.footer-top{grid-template-columns:1fr}.system-grid{display:grid;grid-template-columns:1fr}}@media(max-width:440px){.flow{grid-template-columns:1fr}.hero-meta{gap:var(--space-4) var(--space-6)}}.brand-logo{display:block;height:auto;width:auto;max-height:var(--logo-max-height, 48px)}.site-footer .brand-logo{max-height:var(--logo-max-height-footer, 44px)}.rte{font-size:var(--text-base);color:var(--color-text)}.rte h1,.rte h2,.rte h3{margin-top:var(--space-6);margin-bottom:var(--space-3)}.rte p{margin-bottom:var(--space-4)}.rte ul,.rte ol{margin:0 0 var(--space-4) 1.25rem}.rte a{color:var(--pool-blue);text-decoration:underline;text-underline-offset:3px}[data-theme=dark] .rte a{color:var(--eco-green)}.page-shell{padding-block:clamp(var(--space-16),9vw,var(--space-24))}.page-title{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}.product-media img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.product-info .price{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin-block:var(--space-4)}.product-form{display:grid;gap:var(--space-4);margin-top:var(--space-6)}@media(max-width:860px){.product-layout{grid-template-columns:1fr}}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-6)}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.product-card .body{padding:var(--space-5)}.product-card h3{font-size:var(--text-lg)}.product-card .price{color:var(--pool-blue);font-weight:600;margin-top:var(--space-2)}[data-theme=dark] .product-card .price{color:var(--eco-green)}.cart-empty{text-align:center;padding-block:var(--space-16)}.smart-control{background:var(--color-surface-blue);color:var(--offwhite);overflow:hidden}.section-note{font-size:var(--text-xs);color:var(--color-text-faint)}.brand-word{display:flex;flex-direction:column;line-height:1}.hero h1 strong,.hero h1 em{color:var(--eco-green-deep);font-weight:600;font-style:normal}
/*# sourceMappingURL=/cdn/shop/t/9/assets/theme.css.map */
