*{box-sizing:border-box}:root{--bg:#f4f4f1;--white:#fff;--text:#0d0e0c;--muted:#6d706a;--lime:#c9ff25;--lime2:#afe600;--dark:#11120f;--blue:#65b5ff}
html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.container{width:min(1400px,calc(100% - 64px));margin:auto}
.header{position:sticky;top:0;z-index:40;background:#f4f4f1eb;backdrop-filter:blur(14px);border-bottom:1px solid #0000000d}.nav{height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.brand{display:flex;align-items:center;gap:14px}.brand b{font-size:19px}.logo{width:48px;height:48px;border-radius:13px;background:#111;color:var(--lime);display:grid;place-items:center;font-weight:900}.nav nav{justify-self:center;display:flex;gap:38px;color:#62655f;font-size:15px}
.button{min-height:58px;padding:0 27px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:1px solid transparent}.button.small{min-height:50px}.dark{background:#111;color:#fff}.light{border-color:#d7d9d3}
.hero{padding:92px 0 76px}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}.eyebrow,.kicker{font-size:13px;font-weight:800;letter-spacing:.16em;color:#696c65}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow i{width:28px;height:2px;background:var(--lime2)}h1{font-size:clamp(64px,6.1vw,104px);line-height:.98;letter-spacing:-.065em;margin:28px 0 24px}h1 span{position:relative;z-index:1}h1 span:after{content:"";position:absolute;left:-5px;right:-7px;bottom:6px;height:17px;background:var(--lime);z-index:-1}.lead{font-size:23px;line-height:1.55;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin-top:38px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:68px}.quick div{border-top:1px solid #d9dbd4;padding-top:15px}.quick b,.quick span{display:block}.quick b{font-size:17px}.quick span{font-size:12px;color:var(--muted);line-height:1.5;margin-top:5px}
.hero-visual{background:#fff;border-radius:34px;padding:32px;box-shadow:0 20px 70px #14161014;overflow:hidden}.visual-title{display:flex;justify-content:space-between;gap:20px}.visual-title b{font-size:22px}.visual-title span{font-size:12px;color:var(--muted)}.hero-scene{height:460px;margin:20px -32px 0}.visual-footer{display:flex;gap:18px;align-items:center;border-top:1px solid #ecece7;padding-top:18px}.visual-footer>span{background:var(--lime);padding:8px 12px;border-radius:999px;font-weight:800}.visual-footer p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.ks-scene,.animation-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,#fff,#f0f1ec)}.water{position:absolute;bottom:0;width:46%;height:150px;background:linear-gradient(#78c5ff88,#4faeffcc);border-radius:50% 50% 0 0}.left-water{left:-8%}.right-water{right:-8%}.ring{position:absolute;left:50%;width:420px;height:118px;transform:translateX(-50%);border-radius:50%/24%;background:linear-gradient(90deg,#ffffff33,transparent 20%,#00000012 55%),repeating-linear-gradient(97deg,#ffffff12 0 2px,transparent 2px 12px),linear-gradient(#bebfba,#9b9d97);border:1px solid #8e9089;box-shadow:0 18px 25px #0003}.ring:before{content:"";position:absolute;left:0;right:0;top:-15px;height:34px;border-radius:50%;background:radial-gradient(ellipse,#6c6d68 0 32%,#90918b 33% 40%,#bfc0ba 42% 70%,#a5a69f 71%)}.top-ring{top:78px;animation:ringDrop 5s infinite ease-in-out}.bottom-ring{top:315px;height:132px}.round-seal{position:absolute;left:50%;top:278px;width:365px;height:56px;transform:translateX(-50%) rotateX(69deg);border-radius:50%;border:20px solid #171814;box-shadow:0 10px 18px #0005;z-index:5}.down-arrow{position:absolute;color:var(--lime2);font-size:46px;font-weight:900;z-index:7;animation:arrowBounce 1s infinite}.a1{top:215px;left:calc(50% - 155px)}.a2{top:215px;left:calc(50% + 125px)}.glow-ring{position:absolute;left:50%;top:319px;width:375px;height:56px;transform:translateX(-50%) rotateX(70deg);border:5px solid var(--lime);border-radius:50%;filter:drop-shadow(0 0 14px #c9ff2599);opacity:0;animation:sealGlow 5s infinite}.hero-scene .round-seal{animation:gasketPress 5s infinite}.hero-scene .down-arrow{animation:arrowCycle 5s infinite}
@keyframes ringDrop{0%,20%{top:78px}55%,85%{top:235px}100%{top:78px}}@keyframes gasketPress{0%,25%{top:278px;transform:translateX(-50%) rotateX(69deg) scale(1)}60%,85%{top:312px;transform:translateX(-50%) rotateX(69deg) scale(.93)}100%{top:278px;transform:translateX(-50%) rotateX(69deg)}}@keyframes sealGlow{0%,50%{opacity:0}65%,85%{opacity:1}100%{opacity:0}}@keyframes arrowCycle{0%,15%{opacity:1;transform:translateY(0)}30%{transform:translateY(10px)}55%,100%{opacity:0}}@keyframes arrowBounce{50%{transform:translateY(9px)}}
.section{padding:112px 0}.white{background:#fff}.section-head{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end}.section-head h2,.big-title{font-size:clamp(48px,5vw,78px);line-height:1;letter-spacing:-.055em;margin:22px 0 0}.section-head p,.body-copy{font-size:20px;line-height:1.6;color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:65px}.product-card{text-align:left;border:1px solid #e6e8e1;background:#f6f6f2;border-radius:28px;padding:0;overflow:hidden;display:grid;grid-template-columns:1fr .78fr;cursor:pointer;transition:.25s;color:inherit;font:inherit}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #00000012}.card-copy{padding:34px}.tag{display:inline-block;background:var(--lime);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:900}.card-copy h3{font-size:29px;margin:24px 0 12px;letter-spacing:-.04em}.card-copy p{color:var(--muted);line-height:1.6}.card-copy ul{padding-left:20px;line-height:1.9;color:#454741}.watch{display:block;margin-top:28px;font-weight:800}.card-picture{min-height:380px;position:relative;background:linear-gradient(150deg,#e5e6df,#fff)}.mini-ring{position:absolute;left:50%;width:190px;height:54px;transform:translateX(-50%);border-radius:50%/25%;background:linear-gradient(#bdbeb8,#979992);border:1px solid #858780}.mr1{top:82px}.mr2{top:230px}.mini-seal{position:absolute;left:50%;top:195px;transform:translateX(-50%) rotateX(65deg);width:165px;height:35px;border:12px solid #171814;border-radius:50%}.block{position:absolute;left:50%;width:220px;height:90px;transform:translateX(-50%);background:linear-gradient(100deg,#bcbdb7,#979990);border:1px solid #868780;box-shadow:0 10px 18px #0002}.mb1{top:68px}.mb2{top:245px}.rect-seal{position:absolute;left:50%;top:207px;transform:translateX(-50%);width:190px;height:26px;background:#171814;border-radius:5px}.size-note{font-size:12px;color:#85887f;margin-top:16px}
.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.body-copy{margin-top:28px}.foam-visual{height:430px;background:#fff;border-radius:30px;position:relative;display:grid;place-items:center;overflow:hidden}.foam-sheet{width:390px;height:170px;border-radius:20px;background:#171814;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:24px;box-shadow:0 20px 40px #0003}.foam-sheet span{width:28px;height:28px;border-radius:50%;background:#3b3d37;box-shadow:inset 0 0 0 7px #292b26}.measure{position:absolute;right:45px;top:78px;font-weight:800}.drop{position:absolute;color:#5db6ff;font-size:30px;left:80px}.d1{top:90px}.d2{top:145px}.d3{top:205px}.barrier{position:absolute;left:70px;bottom:48px;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--lime2)}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:65px}.proof-card{border:1px solid #e6e8e1;border-radius:28px;padding:30px;background:#f7f7f3}.proof-title{display:flex;justify-content:space-between}.proof-title span{font-size:12px;color:var(--muted)}.well-scene,.foundation-scene{height:390px;position:relative;margin-top:20px;overflow:hidden;border-radius:20px;background:linear-gradient(#e7edf1,#d9e4e8)}.pool,.f-water{position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(#72c0ff99,#4aa9f0cc)}.well-ring{position:absolute;left:50%;width:300px;height:95px;transform:translateX(-50%);border-radius:50%/24%;background:linear-gradient(#b9bbb4,#95978f);border:1px solid #82847d;z-index:3}.wr1{top:90px}.wr2{top:190px}.well-seal{position:absolute;left:50%;top:184px;width:260px;height:30px;transform:translateX(-50%) rotateX(65deg);border:10px solid #171814;border-radius:50%;z-index:4}.dry-core{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);z-index:7;background:#fff;padding:10px 18px;border-radius:999px;font-size:12px;font-weight:900}.water-label,.wet-zone{position:absolute;left:25px;bottom:35px;color:#fff;font-weight:900;font-size:12px}.foundation-scene{background:linear-gradient(90deg,#dcebf5 0 45%,#f2eee4 45%)}.f-block{position:absolute;left:50%;width:360px;height:95px;transform:translateX(-50%);background:linear-gradient(100deg,#bcbdb7,#92948d);z-index:3}.fb1{top:88px}.fb2{top:211px}.f-seal{position:absolute;left:50%;top:190px;width:340px;height:24px;transform:translateX(-50%);background:#171814;z-index:5;border-radius:4px}.dry-zone{position:absolute;right:20px;bottom:35px;font-size:12px;font-weight:900}.f-water{right:55%;z-index:1}
.contact{padding:42px 0 50px}.contact-box{background:#111;color:#fff;border-radius:34px;padding:64px;display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:end}.pale{color:#aaa}.contact-box h2{font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-.055em;margin:20px 0}.contact-box p{color:#b8bbb4;font-size:18px}.contact-links{display:flex;flex-direction:column;gap:14px}.contact-links a{font-size:26px;font-weight:700}.contact-links a:hover{color:var(--lime)}.contact-links small{margin-top:18px;color:#888}.footer{display:flex;justify-content:space-between;padding:22px 0 40px;color:#777;font-size:12px}
.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(7px)}.modal-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(850px,calc(100% - 32px));background:#fff;border-radius:30px;padding:34px;max-height:92vh;overflow:auto}.close{position:absolute;right:25px;top:18px;border:0;background:transparent;font-size:34px;cursor:pointer}.modal-copy h2{font-size:36px;margin:18px 0 10px;letter-spacing:-.04em}.modal-copy p{color:var(--muted);margin:0 0 20px}.animation-stage{height:390px;border-radius:22px}.anim{position:absolute;inset:0;display:none}.anim.active{display:block}.modal-top{top:60px;transition:top .8s}.modal-bottom{top:255px;height:125px}.modal-seal{top:224px;transition:.8s}.modal-glow{top:263px}.modal .down-arrow{top:175px}.ma1{left:calc(50% - 155px)}.ma2{left:calc(50% + 125px)}.modal.stage1 .modal-top{top:185px}.modal.stage1 .modal-seal{top:245px;transform:translateX(-50%) rotateX(69deg) scale(.96)}.modal.stage2 .modal-top{top:202px}.modal.stage2 .modal-seal{top:254px;transform:translateX(-50%) rotateX(69deg) scale(.92)}.modal.stage2 .modal-glow{opacity:1}.modal.stage2 .ks-animation .down-arrow{opacity:0}
.modal-block-top,.modal-block-bottom{width:430px;height:105px}.modal-block-top{top:55px;transition:top .8s}.modal-block-bottom{top:270px}.modal-rect-seal{width:390px;height:26px;top:233px;transition:.8s}.fbs-animation .down-arrow{top:175px}.fa1{left:calc(50% - 170px)}.fa2{left:calc(50% + 135px)}.rect-glow{position:absolute;left:50%;top:256px;width:400px;height:18px;transform:translateX(-50%);background:var(--lime);filter:blur(4px);opacity:0}.modal.stage1 .modal-block-top{top:175px}.modal.stage1 .modal-rect-seal{top:245px}.modal.stage2 .modal-block-top{top:186px}.modal.stage2 .modal-rect-seal{top:255px;height:18px}.modal.stage2 .rect-glow{opacity:.9}.modal.stage2 .fbs-animation .down-arrow{opacity:0}
.modal-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.modal-steps button{border:1px solid #dedfd9;background:#f6f7f3;padding:13px;border-radius:999px;cursor:pointer}.modal-steps button.active{background:#efffc0;border-color:var(--lime2);font-weight:800}.modal-steps span{margin-right:6px}.stage-caption{text-align:center;color:var(--muted);font-size:13px;min-height:20px}
@media(max-width:1050px){.nav nav{display:none}.hero-grid,.section-head,.material-grid,.contact-box{grid-template-columns:1fr}.product-grid,.proof-grid{grid-template-columns:1fr}.hero-visual{max-width:760px}.quick{margin-top:45px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.header .small{display:none}.nav{height:76px;grid-template-columns:1fr}.hero{padding:48px 0}h1{font-size:clamp(52px,16vw,76px)}.lead{font-size:18px}.actions{flex-direction:column}.quick{grid-template-columns:1fr}.product-card{grid-template-columns:1fr}.card-picture{min-height:300px}.section{padding:78px 0}.section-head h2,.big-title{font-size:48px}.proof-title{display:block}.proof-title span{display:block;margin-top:6px}.contact-box{padding:38px 25px}.footer{flex-direction:column;gap:8px}.ring{width:310px}.round-seal{width:270px}.hero-scene{height:400px}.modal-box{padding:25px 18px}.animation-stage{height:340px}.modal-block-top,.modal-block-bottom{width:290px}.modal-rect-seal,.rect-glow{width:265px}}