:root{
  --ink:#113718;
  --copy:#3f6a38;
  --muted:#6c9965;
  --wash:#edf8e8;
  --paper:rgba(255,255,255,.74);
  --paper-strong:rgba(255,255,255,.86);
  --line:rgba(96,184,45,.28);
  --line-soft:rgba(255,255,255,.86);
  --cyan:#63c52e;
  --cyan-dark:#2f7d1f;
  --cyan-deep:#245f24;
  --green:#67c62f;
  --orange:#ff8a00;
  --yellow:#ffd23d;
  --shadow:rgba(55,92,35,.14);
  --shadow-strong:rgba(43,73,30,.22);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  font-family:'Geologica',system-ui,sans-serif;
  color:var(--ink);
  background:#edf8e8;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 10% 0%,rgba(102,198,47,.18) 0%,transparent 60%),
    radial-gradient(ellipse 62% 52% at 94% 94%,rgba(102,198,47,.12) 0%,transparent 62%),
    radial-gradient(ellipse 40% 40% at 52% 44%,rgba(255,255,255,.65) 0%,transparent 72%),
    linear-gradient(160deg,#dff2d6 0%,#f6fbf1 42%,#e9f7e2 100%);
}
body::after{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(66,132,38,.26) 1px,transparent 1px),
    linear-gradient(90deg,rgba(66,132,38,.26) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at 50% 26%,#10200e 0%,transparent 62%);
}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
button{cursor:pointer;border:0;background:none}
.page{position:relative;z-index:1;overflow:hidden}
.container{max-width:1160px;margin:0 auto;padding:0 20px}
.section{position:relative;padding:82px 0}

.nav{
  position:fixed;
  top:12px;
  left:12px;
  right:12px;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:68px;
  padding:14px 22px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(245,252,241,.7));
  border:1px solid rgba(255,255,255,.88);
  box-shadow:
    0 2px 0 rgba(255,255,255,.9) inset,
    0 8px 28px rgba(70,138,43,.12),
    0 2px 6px rgba(0,0,0,.05);
  backdrop-filter:saturate(180%) blur(24px);
  -webkit-backdrop-filter:saturate(180%) blur(24px);
}
.brand{
  flex:0 0 auto;
  font-size:20px;
  line-height:1;
  font-weight:900;
  color:var(--cyan-dark);
  letter-spacing:0;
}
.brand span{color:var(--cyan)}
.nav-note{
  color:var(--copy);
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  text-align:center;
}
.nav-btn,.btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:15px 28px;
  border-radius:999px;
  font-weight:800;
  line-height:1;
  overflow:hidden;
  transition:transform .26s ease,box-shadow .26s ease,background .26s ease,border-color .26s ease;
}
.nav-btn::after,.btn::after{
  content:'';
  position:absolute;
  inset:0 auto 0 -120%;
  width:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transition:left .55s ease;
}
.nav-btn:hover::after,.btn:hover::after{left:120%}
.nav-btn,.btn.primary{
  color:#fbfff8;
  background:linear-gradient(135deg,#74d936 0%,#2f951f 100%);
  border:1px solid rgba(255,255,255,.35);
  border-bottom-color:rgba(55,112,32,.3);
  box-shadow:
    0 2px 0 rgba(255,255,255,.35) inset,
    0 -1px 0 rgba(0,0,0,.08) inset,
    0 12px 36px rgba(82,162,40,.34),
    0 3px 10px rgba(0,0,0,.1);
}
.btn.secondary{
  color:var(--cyan-dark);
  background:rgba(255,255,255,.66);
  border:1px solid rgba(96,184,45,.35);
  box-shadow:
    0 2px 0 rgba(255,255,255,.9) inset,
    0 4px 14px rgba(0,0,0,.06);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.nav-btn:hover,.btn:hover{
  transform:translateY(-2px);
  box-shadow:
    0 2px 0 rgba(255,255,255,.35) inset,
    0 -1px 0 rgba(0,0,0,.08) inset,
    0 18px 48px rgba(82,162,40,.42),
    0 4px 14px rgba(0,0,0,.12);
}

.hero{
  min-height:100svh;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(440px,590px);
  gap:50px;
  align-items:center;
  width:100%;
  max-width:1160px;
  margin:0 auto;
  padding:112px 20px 62px;
}
.hero-copy{position:relative;z-index:2}
.eyebrow,.section-kicker,.model-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:7px 16px;
  border-radius:999px;
  color:var(--cyan-dark);
  background:rgba(96,184,45,.1);
  border:1px solid rgba(96,184,45,.25);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0;
}
.eyebrow::before,.section-kicker::before,.model-label::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cyan);
  animation:dot-blink 2s ease-in-out infinite;
}
h1{
  max-width:720px;
  margin:20px 0 18px;
  color:var(--ink);
  font-size:clamp(46px,6.4vw,78px);
  line-height:1;
  font-weight:900;
  letter-spacing:0;
}
h2{
  color:var(--ink);
  font-size:clamp(32px,4.1vw,52px);
  line-height:1.05;
  font-weight:900;
  letter-spacing:0;
}
h3{
  color:var(--ink);
  font-size:24px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:0;
}
.lead{
  max-width:610px;
  color:var(--copy);
  font-size:clamp(16px,1.6vw,19px);
  line-height:1.65;
}
.hero-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:28px 0 32px;
}
.hero-pills span,.mini-products span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:37px;
  padding:8px 14px;
  border-radius:999px;
  color:var(--copy);
  background:rgba(255,255,255,.66);
  border:1px solid rgba(96,184,45,.3);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 2px 8px rgba(0,0,0,.05);
  font-size:13px;
  font-weight:700;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.hero-pills span::before,.mini-products span::before{
  content:'';
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--cyan);
}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}

.hero-art{
  position:relative;
  min-height:610px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  isolation:isolate;
}
.hero-art::before{
  content:'';
  position:absolute;
  width:min(100%,560px);
  aspect-ratio:1;
  z-index:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 45% 42%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.58) 30%,rgba(96,184,45,.18) 70%,transparent 100%);
  border:1px solid rgba(96,184,45,.28);
  box-shadow:
    0 0 0 16px rgba(255,255,255,.36),
    0 0 0 44px rgba(96,184,45,.08),
    0 24px 72px rgba(70,138,43,.16);
  animation:disc-breathe 5.8s ease-in-out infinite;
}
.hero-art::after{
  content:'';
  position:absolute;
  left:13%;
  right:9%;
  bottom:9%;
  z-index:1;
  height:90px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(17,55,24,.2),transparent 70%);
  filter:blur(14px);
}
.water-ring{
  position:absolute;
  width:min(84%,480px);
  aspect-ratio:1;
  z-index:1;
  border-radius:50%;
  background:
    repeating-conic-gradient(from 0deg,rgba(96,184,45,.18) 0deg 7deg,transparent 7deg 15deg);
  mask-image:radial-gradient(circle,transparent 0 55%,#10200e 56% 74%,transparent 75%);
  opacity:.86;
  animation:ring-turn 34s linear infinite;
}
.water-ring::before,.water-ring::after{
  content:'';
  position:absolute;
  inset:11%;
  border-radius:50%;
  border:1px dashed rgba(96,184,45,.28);
}
.water-ring::after{
  inset:26%;
  border-style:solid;
  box-shadow:0 0 44px rgba(96,184,45,.18) inset;
}
.hero-washer{
  position:absolute;
  z-index:3;
  width:auto;
  max-width:none;
  object-fit:contain;
  filter:
    drop-shadow(0 30px 34px rgba(18,58,22,.18))
    drop-shadow(0 10px 14px rgba(255,255,255,.5));
  transform-origin:center bottom;
  will-change:transform;
}
.hero-washer-a{
  height:62%;
  left:1%;
  bottom:14%;
  z-index:3;
  animation:float-left 6.2s ease-in-out infinite;
}
.hero-washer-b{
  height:78%;
  left:30%;
  bottom:6%;
  z-index:5;
  animation:float-main 5.8s ease-in-out infinite;
}
.hero-washer-c{
  height:66%;
  right:0;
  bottom:13%;
  z-index:4;
  animation:float-right 6.6s ease-in-out infinite;
}
.pressure-badge{
  position:absolute;
  z-index:8;
  right:3%;
  top:8%;
  width:116px;
  height:116px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#fbfff8;
  background:linear-gradient(135deg,#ffb000,#f17200);
  border:2px dashed rgba(255,255,255,.38);
  box-shadow:
    0 1px 0 rgba(255,255,255,.35) inset,
    0 18px 36px rgba(190,83,0,.32);
  font-size:24px;
  font-weight:900;
  text-align:center;
  line-height:1;
  animation:badge-pop 3.8s ease-in-out infinite;
}
.hero-tag{
  position:absolute;
  z-index:7;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:50px;
  padding:12px 18px;
  border-radius:999px;
  color:var(--ink);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:
    0 2px 0 rgba(255,255,255,.9) inset,
    0 10px 30px rgba(63,120,38,.13);
  font-size:15px;
  font-weight:900;
  backdrop-filter:saturate(180%) blur(18px);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  white-space:nowrap;
  animation:badge-float 5s ease-in-out infinite;
}
.hero-tag::before{
  content:'';
  width:11px;
  height:11px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--green);
}
.tag-top{left:0;top:18%}
.tag-bottom{left:18%;bottom:3%;animation-delay:1.2s}

.quick-order,.compare-section,.kit-section,.final-order{
  background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.1));
  border-top:1px solid rgba(255,255,255,.6);
  border-bottom:1px solid rgba(96,184,45,.14);
}
.order-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,430px);
  gap:38px;
  align-items:center;
}
.order-grid p,.kit-layout p,.final-copy p,footer p{
  max-width:64ch;
  color:var(--copy);
  font-size:17px;
  line-height:1.65;
  margin-top:14px;
}
.form-card{
  position:relative;
  display:grid;
  gap:13px;
  padding:26px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(245,252,241,.66) 52%,rgba(255,255,255,.78));
  border:1.5px solid rgba(255,255,255,.9);
  box-shadow:
    0 2px 0 rgba(255,255,255,.95) inset,
    0 -1px 0 rgba(96,184,45,.1) inset,
    0 20px 60px rgba(76,150,38,.14),
    0 4px 16px rgba(0,0,0,.07);
  backdrop-filter:saturate(200%) blur(30px);
  -webkit-backdrop-filter:saturate(200%) blur(30px);
  overflow:hidden;
}
.form-card::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.48),transparent 52%,rgba(102,198,47,.05));
}
.form-card > *{position:relative;z-index:1}
.field-label{
  color:var(--cyan-dark);
  font-size:13px;
  font-weight:800;
}
.field{
  width:100%;
  min-height:56px;
  padding:0 16px;
  color:var(--ink);
  background:rgba(255,255,255,.76);
  border:1px solid rgba(96,184,45,.22);
  border-radius:16px;
  outline:none;
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset;
}
.field:focus{
  border-color:rgba(96,184,45,.62);
  box-shadow:
    0 1px 0 rgba(255,255,255,.88) inset,
    0 0 0 4px rgba(96,184,45,.12);
}
.form-card .btn{width:100%}
.form-note{
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  text-align:center;
}

.section-head{
  max-width:780px;
  margin:0 auto 40px;
  text-align:center;
}
.section-head h2{margin-top:14px}
.models-grid{display:grid;gap:26px}
.model-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(280px,430px) minmax(0,1fr);
  gap:34px;
  align-items:center;
  min-height:488px;
  padding:32px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(245,252,241,.62) 52%,rgba(255,255,255,.74));
  border:1.5px solid rgba(255,255,255,.86);
  box-shadow:
    0 2px 0 rgba(255,255,255,.86) inset,
    0 18px 54px rgba(60,126,40,.14),
    0 4px 14px rgba(0,0,0,.06);
  backdrop-filter:saturate(180%) blur(24px);
  -webkit-backdrop-filter:saturate(180%) blur(24px);
  overflow:hidden;
}
.model-card::before{
  content:'';
  position:absolute;
  width:46%;
  aspect-ratio:1;
  left:3%;
  top:50%;
  border-radius:50%;
  transform:translateY(-50%);
  background:
    radial-gradient(circle,rgba(255,255,255,.72) 0 22%,rgba(96,184,45,.15) 58%,transparent 72%);
  border:1px solid rgba(96,184,45,.2);
  box-shadow:0 0 0 18px rgba(255,255,255,.22);
}
.model-card::after{
  content:'';
  position:absolute;
  inset:auto -10% -48% 48%;
  height:72%;
  background:radial-gradient(circle,rgba(96,184,45,.12),transparent 66%);
  pointer-events:none;
}
.model-card.featured{
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(234,250,226,.72) 50%,rgba(255,255,255,.8));
  border-color:rgba(96,184,45,.28);
}
.model-card.pro::after{
  background:radial-gradient(circle,rgba(255,138,0,.12),transparent 66%);
}
.model-media{
  position:relative;
  z-index:1;
  min-height:410px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.model-media::before{
  content:'';
  position:absolute;
  width:88%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    repeating-conic-gradient(from 15deg,rgba(96,184,45,.16) 0deg 7deg,transparent 7deg 16deg);
  mask-image:radial-gradient(circle,transparent 0 55%,#10200e 56% 73%,transparent 74%);
  animation:ring-turn 30s linear infinite;
}
.model-media::after{
  content:'';
  position:absolute;
  left:12%;
  right:12%;
  bottom:8%;
  height:64px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(17,55,24,.17),transparent 70%);
  filter:blur(12px);
}
.model-media img{
  position:relative;
  z-index:2;
  max-height:405px;
  object-fit:contain;
  filter:
    drop-shadow(0 28px 34px rgba(18,58,22,.2))
    drop-shadow(0 8px 12px rgba(255,255,255,.45));
  animation:soft-float 6.8s ease-in-out infinite;
}
.model-copy{position:relative;z-index:1}
.model-copy h3{font-size:clamp(32px,4vw,48px);margin:15px 0 12px}
.model-copy p{
  max-width:60ch;
  color:var(--copy);
  font-size:17px;
  line-height:1.62;
}
.price{
  display:inline-flex;
  align-items:baseline;
  gap:10px;
  margin:18px 0;
  color:var(--cyan-dark);
  font-size:clamp(44px,5.5vw,62px);
  line-height:.9;
  font-weight:900;
}
.price span{
  font-size:20px;
  color:var(--muted);
  font-weight:700;
}
.model-copy ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 16px;
  margin:18px 0 24px;
  list-style:none;
}
.model-copy li{
  position:relative;
  color:var(--copy);
  font-size:15px;
  line-height:1.45;
  padding-left:24px;
  font-weight:700;
}
.model-copy li::before{
  content:'';
  position:absolute;
  left:0;
  top:.58em;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 4px rgba(103,198,47,.12);
}
.model-btn{width:max-content}

.compare-table{
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(245,252,241,.64));
  border:1.5px solid rgba(255,255,255,.9);
  box-shadow:
    0 2px 0 rgba(255,255,255,.9) inset,
    0 18px 46px rgba(60,126,40,.12);
  backdrop-filter:saturate(180%) blur(22px);
  -webkit-backdrop-filter:saturate(180%) blur(22px);
}
.compare-row{
  display:grid;
  grid-template-columns:1.22fr repeat(3,1fr);
  border-bottom:1px solid rgba(96,184,45,.15);
}
.compare-row:last-child{border-bottom:0}
.compare-row span,.compare-row strong{
  min-height:68px;
  display:flex;
  align-items:center;
  padding:16px;
  border-right:1px solid rgba(96,184,45,.13);
}
.compare-row strong:last-child{border-right:0}
.compare-row span{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
}
.compare-row strong{
  color:var(--ink);
  font-size:17px;
  font-weight:900;
}
.compare-head{
  color:#fbfff8;
  background:linear-gradient(135deg,#63c52e,#2f7d1f);
}
.compare-head span,.compare-head strong{color:#fbfff8}

.use-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.use-grid article{
  position:relative;
  min-height:236px;
  padding:26px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(245,252,241,.62));
  border:1.5px solid rgba(255,255,255,.86);
  box-shadow:
    0 2px 0 rgba(255,255,255,.86) inset,
    0 14px 38px rgba(60,126,40,.1);
  overflow:hidden;
  backdrop-filter:saturate(160%) blur(18px);
  -webkit-backdrop-filter:saturate(160%) blur(18px);
}
.use-grid article::after{
  content:'';
  position:absolute;
  right:-18%;
  bottom:-42%;
  width:76%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(96,184,45,.14),transparent 68%);
}
.use-grid span{
  position:relative;
  z-index:1;
  color:rgba(96,184,45,.22);
  font-size:56px;
  line-height:1;
  font-weight:900;
}
.use-grid h3,.use-grid p{position:relative;z-index:1}
.use-grid h3{margin:14px 0 10px}
.use-grid p{
  color:var(--copy);
  font-size:16px;
  line-height:1.62;
}

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  margin-bottom:18px;
}
.gallery-card{
  min-height:152px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:8px;
  padding:12px;
  border-radius:20px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(255,255,255,.86);
  color:var(--copy);
  font-size:13px;
  font-weight:800;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 8px 24px rgba(60,126,40,.09);
  backdrop-filter:saturate(160%) blur(16px);
  -webkit-backdrop-filter:saturate(160%) blur(16px);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.gallery-card:hover{transform:translateY(-2px)}
.gallery-card.active{
  border-color:rgba(96,184,45,.55);
  box-shadow:
    0 0 0 4px rgba(96,184,45,.1),
    0 14px 30px rgba(60,126,40,.13);
}
.gallery-card img{
  height:96px;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(18,58,22,.12));
}
.gallery-preview{
  position:relative;
  min-height:530px;
  display:grid;
  place-items:center;
  gap:10px;
  padding:30px;
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.86) 0 24%,rgba(96,184,45,.16) 58%,transparent 76%),
    linear-gradient(145deg,rgba(255,255,255,.78),rgba(245,252,241,.62));
  border:1.5px solid rgba(255,255,255,.9);
  box-shadow:
    0 2px 0 rgba(255,255,255,.9) inset,
    0 20px 54px rgba(60,126,40,.13);
  overflow:hidden;
  backdrop-filter:saturate(170%) blur(20px);
  -webkit-backdrop-filter:saturate(170%) blur(20px);
}
.gallery-preview::before{
  content:'';
  position:absolute;
  width:min(70%,500px);
  aspect-ratio:1;
  border-radius:50%;
  background:
    repeating-conic-gradient(from 0deg,rgba(96,184,45,.13) 0deg 7deg,transparent 7deg 15deg);
  mask-image:radial-gradient(circle,transparent 0 55%,#10200e 56% 73%,transparent 74%);
  animation:ring-turn 36s linear infinite;
}
.gallery-preview img{
  position:relative;
  z-index:1;
  max-height:455px;
  object-fit:contain;
  filter:
    drop-shadow(0 28px 34px rgba(18,58,22,.2))
    drop-shadow(0 8px 12px rgba(255,255,255,.42));
}
.gallery-preview div{
  position:relative;
  z-index:1;
  color:var(--cyan-dark);
  font-size:18px;
  font-weight:900;
}

.kit-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
  gap:38px;
  align-items:start;
}
.kit-layout h2{margin-top:14px}
.kit-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.kit-list div{
  min-height:130px;
  padding:20px;
  border-radius:22px;
  color:#fbfff8;
  background:linear-gradient(135deg,#113718,#2f7d1f);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:
    0 1px 0 rgba(255,255,255,.22) inset,
    0 18px 38px rgba(43,73,30,.18);
}
.kit-list strong{
  display:block;
  font-size:21px;
  margin-bottom:9px;
}
.kit-list span{
  color:rgba(255,255,255,.78);
  font-weight:600;
  line-height:1.45;
}

.final-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,430px);
  gap:36px;
  align-items:center;
  padding:36px;
  border-radius:30px;
  color:#fbfff8;
  background:
    radial-gradient(circle at 16% 10%,rgba(96,184,45,.42),transparent 36%),
    radial-gradient(circle at 86% 82%,rgba(255,138,0,.16),transparent 36%),
    linear-gradient(135deg,#113718,#245f24 58%,#2f7d1f);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    0 2px 0 rgba(255,255,255,.18) inset,
    0 24px 58px rgba(28,74,28,.28);
  overflow:hidden;
}
.final-copy h2,.final-copy p{color:#fbfff8}
.final-copy h2{margin:14px 0}
.mini-products{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.mini-products span{
  color:#fbfff8;
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.22);
}
.mini-products span::before{background:var(--orange)}
.dark-form{
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  border-color:rgba(255,255,255,.26);
  box-shadow:
    0 2px 0 rgba(255,255,255,.2) inset,
    0 18px 40px rgba(16,42,18,.18);
}
.dark-form .field{
  background:rgba(255,255,255,.9);
}
.dark-form .field-label,.dark-form .form-note{
  color:rgba(255,255,255,.84);
}

footer{
  padding:30px 20px 36px;
  text-align:center;
}
.footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px;
}
.footer-links a{
  color:var(--cyan-dark);
  font-size:13px;
  font-weight:800;
}
footer p{
  margin:16px auto 0;
  font-size:13px;
}

.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity .75s cubic-bezier(.22,1,.36,1),
    transform .75s cubic-bezier(.22,1,.36,1);
}
.reveal.in{
  opacity:1;
  transform:translateY(0);
}

@keyframes dot-blink{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.42;transform:scale(.82)}
}
@keyframes ring-turn{to{transform:rotate(360deg)}}
@keyframes disc-breathe{
  0%,100%{transform:scale(1);opacity:.86}
  50%{transform:scale(1.04);opacity:1}
}
@keyframes float-left{
  0%,100%{transform:translateY(0) rotate(-5deg) scale(.96)}
  50%{transform:translateY(-12px) rotate(-3deg) scale(.98)}
}
@keyframes float-main{
  0%,100%{transform:translateY(0) rotate(1deg) scale(1)}
  50%{transform:translateY(-16px) rotate(-1deg) scale(1.02)}
}
@keyframes float-right{
  0%,100%{transform:translateY(0) rotate(5deg) scale(.97)}
  50%{transform:translateY(-10px) rotate(3deg) scale(.99)}
}
@keyframes badge-pop{
  0%,100%{transform:scale(1) rotate(0deg)}
  50%{transform:scale(1.045) rotate(3deg)}
}
@keyframes badge-float{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-8px,0)}
}
@keyframes soft-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@media(max-width:1040px){
  .nav{flex-wrap:wrap}
  .brand{font-size:19px}
  .nav-note{order:3;width:100%;font-size:12px}
  .hero{
    grid-template-columns:1fr;
    max-width:760px;
    padding-top:142px;
    gap:24px;
  }
  .hero-art{
    order:1;
    min-height:520px;
    width:100%;
  }
  .hero-copy{order:2}
  .order-grid,.model-card,.kit-layout,.final-card{grid-template-columns:1fr}
  .model-card{min-height:0}
  .model-card::before{
    width:76%;
    left:50%;
    top:20%;
    transform:translateX(-50%);
  }
  .model-media{min-height:390px}
  .use-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(3,1fr)}
  .compare-row{grid-template-columns:1fr}
  .compare-row span,.compare-row strong{
    min-height:54px;
    border-right:0;
    border-bottom:1px solid rgba(96,184,45,.11);
  }
  .compare-head span{display:none}
}

@media(max-width:620px){
  .section{padding:58px 0}
  .container{padding:0 15px}
  .nav{
    top:8px;
    left:8px;
    right:8px;
    min-height:0;
    padding:10px 13px;
    border-radius:18px;
  }
  .nav-btn{
    min-height:42px;
    padding:10px 16px;
    font-size:13px;
  }
  .brand{font-size:18px}
  .nav-note{line-height:1.25}
  .hero{
    padding:126px 15px 48px;
    gap:18px;
  }
  .hero-art{
    min-height:380px;
    padding:8px;
  }
  .hero-art::before{
    width:360px;
    max-width:96vw;
    box-shadow:
      0 0 0 10px rgba(255,255,255,.35),
      0 0 0 28px rgba(96,184,45,.07),
      0 18px 54px rgba(70,138,43,.14);
  }
  .water-ring{width:330px;max-width:90vw}
  h1{font-size:40px}
  h2{font-size:31px}
  .lead{font-size:16px}
  .hero-actions .btn{width:100%}
  .hero-washer-a{height:55%;left:-6%;bottom:19%}
  .hero-washer-b{height:67%;left:27%;bottom:12%}
  .hero-washer-c{height:57%;right:-5%;bottom:19%}
  .pressure-badge{
    width:82px;
    height:82px;
    font-size:16px;
    top:5%;
    right:4%;
  }
  .hero-tag{
    min-height:38px;
    padding:8px 12px;
    font-size:12px;
  }
  .hero-tag::before{width:9px;height:9px}
  .tag-top{left:0;top:12%}
  .tag-bottom{left:6%;bottom:3%}
  .form-card{padding:20px;border-radius:22px}
  .model-card{padding:20px;gap:12px;border-radius:24px}
  .model-card::before{width:96%;top:22%}
  .model-media{min-height:320px}
  .model-media img{max-height:318px}
  .model-copy ul{grid-template-columns:1fr}
  .model-btn{width:100%}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-card{min-height:130px}
  .gallery-card img{height:78px}
  .gallery-preview{min-height:380px;padding:20px;border-radius:24px}
  .gallery-preview img{max-height:315px}
  .kit-list{grid-template-columns:1fr}
  .final-card{padding:22px 18px;border-radius:24px}
}

@media(max-width:420px){
  .brand{font-size:16px}
  .nav-note{font-size:11px}
  .hero-art{min-height:360px}
  .hero-washer-a{height:47%;left:1%;bottom:23%}
  .hero-washer-b{height:60%;left:28%;bottom:15%}
  .hero-washer-c{height:48%;right:1%;bottom:23%}
  .pressure-badge{right:1%;top:4%}
  .tag-top{top:14%}
  .tag-bottom{left:0}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}