:root{
  --bg:#060911;
  --bg2:#081532;
  --ink:#f7fbff;
  --muted:#b9c7dc;
  --blue:#047cff;
  --blue2:#00d8ff;
  --red:#ff2630;
  --red2:#ff6b2c;
  --silver:#dfe8f3;
  --card:rgba(8, 18, 41, .74);
  --border:rgba(255,255,255,.16);
  --shadow:0 24px 80px rgba(0,0,0,.42);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-width:320px;
  color:var(--ink);
  font-family:Inter, Arial, Helvetica, sans-serif;
  background:
    radial-gradient(circle at 20% 0%, rgba(0,216,255,.22), transparent 32rem),
    radial-gradient(circle at 85% 8%, rgba(255,38,48,.18), transparent 30rem),
    linear-gradient(135deg, #05070d 0%, #071634 44%, #07090e 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-wrap{width:100%;overflow:hidden}
.header{
  position:fixed;
  z-index:30;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  width:min(1320px, calc(100% - 28px));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:999px;
  background:rgba(3, 7, 18, .78);
  backdrop-filter:blur(18px);
  box-shadow:0 14px 44px rgba(0,0,0,.32);
}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}
.brand-mark{
  display:grid;place-items:center;
  width:44px;height:44px;
  border-radius:50%;
  background:
    linear-gradient(135deg, var(--blue), var(--blue2) 45%, var(--red) 46%, #111 100%);
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  letter-spacing:.5px;
  box-shadow:0 0 26px rgba(0,216,255,.3);
}
.brand-text{display:grid;line-height:1.05}
.brand-text b{font-size:18px;text-transform:uppercase;letter-spacing:.7px}
.brand-text small{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:1.7px}
.nav{display:flex;gap:22px;color:var(--muted);font-weight:700;font-size:14px}
.nav a{transition:.25s ease}.nav a:hover{color:#fff}
.header-cta{
  padding:12px 18px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--red), #ff5a2f);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
  box-shadow:0 10px 30px rgba(255,38,48,.26);
}
.hero{
  min-height:840px;
  position:relative;
  display:grid;
  grid-template-columns:minmax(340px, 1.08fr) minmax(330px, 430px) minmax(340px, 400px);
  gap:32px;
  align-items:center;
  width:min(1320px, calc(100% - 32px));
  margin:0 auto;
  padding:126px 0 58px;
}

.hero:before{
  content:"";
  position:absolute;
  inset:86px -54px 16px;
  z-index:-3;
  border-radius:36px;
  background:
    radial-gradient(circle at 52% 48%, rgba(0,216,255,.20), transparent 28%),
    radial-gradient(circle at 74% 50%, rgba(255,38,48,.14), transparent 32%),
    linear-gradient(118deg, rgba(8,27,68,.72), rgba(3,7,17,.97) 45%, rgba(9,22,53,.78)),
    repeating-linear-gradient(135deg, transparent 0 16px, rgba(255,255,255,.035) 17px 18px);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:var(--shadow), inset 0 0 90px rgba(0,124,255,.12);
}

.hero-bg{position:absolute;z-index:-2;pointer-events:none;filter:blur(.2px)}
.hero-bg-one{
  width:930px;height:250px;
  left:-235px;top:298px;
  background:linear-gradient(90deg, transparent 0%, rgba(0,124,255,.72) 33%, rgba(0,216,255,.92) 46%, rgba(255,255,255,.82) 52%, rgba(255,38,48,.78) 66%, transparent 100%);
  transform:rotate(-17deg);
  clip-path:polygon(0 36%, 100% 0, 89% 62%, 7% 100%);
  opacity:.62;
}
.hero-bg-two{
  width:820px;height:190px;
  right:-285px;bottom:170px;
  background:linear-gradient(90deg, transparent, rgba(255,38,48,.80), rgba(0,216,255,.70), transparent);
  transform:rotate(-23deg);
  clip-path:polygon(0 40%, 100% 0, 92% 62%, 4% 100%);
  opacity:.58;
}
.energy-grid{
  position:absolute;z-index:-3;inset:116px -60px 78px;
  background-image:linear-gradient(rgba(0,216,255,.075) 1px, transparent 1px),linear-gradient(90deg, rgba(0,216,255,.075) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at 52% 51%, black, transparent 78%);
}
.hero-content{padding:8px 0; position:relative; z-index:4; min-width:0}
.eyebrow,.section-kicker,.card-label{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#e8f7ff;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:1.7px;
}
.eyebrow span{
  width:10px;height:10px;border-radius:50%;
  background:var(--red);box-shadow:0 0 18px var(--red)
}
h1,h2,h3,p{margin-top:0}
h1{
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:clamp(48px, 5.55vw, 84px);
  line-height:.88;
  letter-spacing:.6px;
  margin:14px 0 16px;
  text-transform:uppercase;
  text-shadow:0 15px 44px rgba(0,0,0,.48), 0 0 22px rgba(255,255,255,.08);
}
h1 span{
  display:block;
  background:linear-gradient(100deg, #fff, #d7e7f8 30%, var(--blue2) 48%, #fff 57%, var(--red) 85%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 18px rgba(0,216,255,.18));
}
.hero-copy{
  position:relative;
  font-size:16px;
  line-height:1.43;
  color:#e3edf9;
  max-width:455px;
  margin-bottom:0;
  padding-left:18px;
}
.hero-copy:before{content:"";position:absolute;left:0;top:2px;bottom:3px;width:3px;border-radius:999px;background:linear-gradient(var(--red), var(--blue2));box-shadow:0 0 18px rgba(255,38,48,.42)}
.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 18px;max-width:455px}
.hero-points div{
  padding:13px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:linear-gradient(160deg, rgba(255,255,255,.075), rgba(4,11,25,.62));
  min-height:74px;
  box-shadow:inset 0 0 25px rgba(0,216,255,.045);
}
.hero-points div:nth-child(1):before{content:"💧";display:block;font-size:22px;line-height:1;margin-bottom:5px;filter:drop-shadow(0 0 10px rgba(0,216,255,.75))}
.hero-points div:nth-child(2):before{content:"⚡";display:block;font-size:22px;line-height:1;margin-bottom:5px;color:#fff;filter:drop-shadow(0 0 10px rgba(255,38,48,.85))}
.hero-points div:nth-child(3):before{content:"🎒";display:block;font-size:22px;line-height:1;margin-bottom:5px;filter:drop-shadow(0 0 10px rgba(0,216,255,.65))}
.hero-points b{display:block;font-size:15px;text-transform:uppercase}.hero-points small{color:var(--muted);display:block;margin-top:4px;font-size:12px;line-height:1.2}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:56px;padding:0 26px;border-radius:999px;
  border:0;font-weight:1000;text-transform:uppercase;letter-spacing:.7px;cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.btn:hover{transform:translateY(-2px)}.btn-primary{
  color:#fff;background:linear-gradient(135deg, #ff1725, #ff5630 52%, #057dff 125%);
  box-shadow:0 15px 42px rgba(255,38,48,.29), inset 0 1px 0 rgba(255,255,255,.25)
}.btn-primary:before{content:"⚡";font-size:18px;line-height:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}.btn-secondary{border:1px solid rgba(0,216,255,.44);background:rgba(1,10,24,.52);color:#fff;box-shadow:0 0 24px rgba(0,124,255,.12)}.btn-secondary:after{content:"›";font-size:30px;line-height:0;margin-left:2px}
.product-stage{position:relative;align-self:center;height:720px;min-height:720px;width:100%;display:block;z-index:6;margin-left:0;isolation:isolate;overflow:visible;pointer-events:none;min-width:0}
.product-stage img,.hero-bottle{display:block;height:min(620px, calc(100vh - 250px));min-height:500px;max-height:625px;width:auto;position:absolute;left:50%;bottom:0;z-index:10;opacity:1;visibility:visible;transform-origin:center bottom;filter:drop-shadow(0 20px 28px rgba(0,0,0,.62)) drop-shadow(0 0 19px rgba(255,255,255,.22)) drop-shadow(0 0 44px rgba(0,124,255,.42)) drop-shadow(0 0 78px rgba(0,216,255,.34));animation:energyFloat 3.8s ease-in-out infinite}
.product-stage:before{
  content:"";position:absolute;z-index:1;bottom:24px;left:50%;transform:translateX(-50%);
  width:395px;height:395px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.24), rgba(0,216,255,.28) 24%, rgba(0,124,255,.22) 46%, rgba(255,38,48,.16) 62%, transparent 75%);
  border:1px solid rgba(0,216,255,.14);
  filter:blur(.2px);
  animation:energyCore 2.6s ease-in-out infinite;
}
.product-stage:after{content:"";position:absolute;z-index:2;left:50%;bottom:225px;transform:translateX(-50%);width:265px;height:265px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.32), rgba(0,216,255,.22) 30%, rgba(0,124,255,.14) 58%, transparent 74%);filter:blur(18px);animation:energyAura 2.2s ease-in-out infinite}
.pulse{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;border:2px solid rgba(0,216,255,.34);box-shadow:0 0 30px rgba(0,216,255,.24);animation:pulse 2.6s ease-out infinite;z-index:2}.pulse-one{width:235px;height:235px;bottom:218px}.pulse-two{width:330px;height:330px;bottom:168px;animation-delay:.85s;border-color:rgba(255,38,48,.28)}
.spark{position:absolute;height:4px;border-radius:999px;background:linear-gradient(90deg, transparent, #fff, var(--blue2), transparent);filter:drop-shadow(0 0 14px var(--blue2));z-index:5;opacity:.9}.spark-a{width:150px;top:240px;left:18px;transform:rotate(-24deg)}.spark-b{width:128px;bottom:214px;right:10px;transform:rotate(-22deg);background:linear-gradient(90deg, transparent, #fff, var(--red), transparent)}
.shazam-burst{position:absolute;inset:58px -20px 40px;z-index:1;background:radial-gradient(circle at center, rgba(0,216,255,.16), transparent 48%), radial-gradient(circle at 58% 44%, rgba(255,255,255,.12), transparent 22%), radial-gradient(circle at 50% 56%, rgba(255,38,48,.10), transparent 28%);filter:blur(4px)}
.lightning{position:absolute;z-index:7;opacity:.92;pointer-events:none;--rot:0deg;--arrow-shift:0px;filter:drop-shadow(0 0 10px rgba(255,255,255,.82)) drop-shadow(0 0 24px rgba(0,216,255,.75)) drop-shadow(0 0 34px rgba(255,38,48,.26));animation:arrowFloat 2.7s ease-in-out infinite;transform-origin:50% 50%}
.lightning:before,.lightning:after{content:"";position:absolute;clip-path:polygon(42% 0, 58% 0, 58% 54%, 78% 54%, 50% 100%, 22% 54%, 42% 54%)}
.lightning:before{inset:0;background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(0,216,255,.96) 45%, rgba(255,38,48,.82) 86%, rgba(255,255,255,.05));}
.lightning:after{inset:10px 23px 24px;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(0,216,255,.95) 58%, rgba(255,38,48,.66));filter:blur(.2px);opacity:.82}
.lightning-left{left:2px;top:14px;width:92px;height:168px;--rot:-24deg;animation-delay:.05s}
.lightning-right{right:2px;top:26px;width:92px;height:168px;--rot:24deg;animation-delay:.32s;filter:drop-shadow(0 0 10px rgba(255,255,255,.8)) drop-shadow(0 0 24px rgba(255,38,48,.70)) drop-shadow(0 0 28px rgba(0,216,255,.32))}
.lightning-top{left:50%;top:-48px;width:82px;height:118px;margin-left:-41px;--rot:0deg;animation-delay:.65s}
.charge{position:absolute;z-index:4;height:3px;border-radius:999px;opacity:.95}
.charge-a{left:46px;bottom:292px;width:118px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.95), rgba(0,216,255,.86), transparent);transform:rotate(-22deg);box-shadow:0 0 18px rgba(0,216,255,.45)}
.charge-b{right:42px;top:258px;width:112px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.95), rgba(255,38,48,.78), transparent);transform:rotate(26deg);box-shadow:0 0 18px rgba(255,38,48,.35)}
.order-card,.final-form{
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:linear-gradient(160deg, rgba(255,255,255,.12), rgba(4,13,32,.88));
  backdrop-filter:blur(20px);
  box-shadow:var(--shadow);
  padding:26px;
}
.order-card{position:relative;align-self:center;overflow:hidden;isolation:isolate;border-color:rgba(255,255,255,.18);box-shadow:0 24px 80px rgba(0,0,0,.46), 0 0 0 1px rgba(0,216,255,.13), inset 0 0 55px rgba(0,124,255,.14);min-width:0}
.order-card:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(145deg, rgba(0,216,255,.65), transparent 38%, transparent 58%, rgba(255,38,48,.65));opacity:.55;z-index:-1}
.order-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0, rgba(0,216,255,.18), transparent 36%), radial-gradient(circle at 100% 100%, rgba(255,38,48,.16), transparent 38%);pointer-events:none;z-index:0}.order-card > *{position:relative;z-index:1}
.card-label{padding:9px 14px;border-radius:999px;background:rgba(255,38,48,.14);color:#fff;border:1px solid rgba(255,38,48,.38);box-shadow:inset 0 0 18px rgba(255,38,48,.15), 0 0 18px rgba(255,38,48,.12)}
.order-card h2{font-size:38px;line-height:1.02;margin:18px 0 8px;text-transform:uppercase}.order-card p{color:var(--muted);line-height:1.5}
.price-box{display:grid;gap:10px;margin:20px 0;padding:18px;border-radius:20px;background:rgba(1,5,14,.56);border:1px solid rgba(255,255,255,.1)}
.price-box div{display:flex;align-items:end;justify-content:space-between;gap:12px}.price-box span{color:var(--muted);font-size:14px}.price-box del{color:#91a0b8;font-size:20px}.price-box strong{font-size:38px;color:#fff;text-shadow:0 0 24px rgba(255,38,48,.36)}
.lead-form{display:grid;gap:14px}.lead-form label{display:grid;gap:7px}.lead-form label span{font-size:13px;color:#dce8f8;font-weight:800}.lead-form input,.lead-form select{
  width:100%;height:54px;border:1px solid rgba(255,255,255,.14);border-radius:16px;
  background:rgba(255,255,255,.08);color:#fff;padding:0 15px;font:inherit;outline:none;
}
.lead-form select option{color:#111}.lead-form input::placeholder{color:#8796ad}.lead-form input:focus,.lead-form select:focus{border-color:var(--blue2);box-shadow:0 0 0 4px rgba(0,216,255,.12)}
.form-btn{width:100%;margin-top:4px}.countdown{display:grid;gap:12px;margin:-2px 0 2px;padding:14px;border-radius:18px;background:linear-gradient(160deg, rgba(255,38,48,.16), rgba(0,124,255,.13));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 24px rgba(255,38,48,.08), 0 0 22px rgba(0,216,255,.08)}.countdown-title{text-align:center;text-transform:uppercase;letter-spacing:.9px;font-size:12px;font-weight:1000;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.18)}.countdown-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.countdown-row div{padding:10px 6px;border-radius:14px;text-align:center;background:rgba(2,7,18,.58);border:1px solid rgba(255,255,255,.11)}.countdown-row strong{display:block;font-size:28px;line-height:1;color:#fff;font-weight:1000;text-shadow:0 0 22px rgba(255,38,48,.35)}.countdown-row span{display:block;margin-top:4px;color:#aebbd0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.privacy-line{font-size:13px;text-align:center;color:#dbe6f5!important;margin:0 0 -4px;font-weight:800}.form-note{font-size:13px;text-align:center;color:var(--muted)!important;margin:0}.lead-form.success:after{content:"Дякуємо! Заявку прийнято. Менеджер зв’яжеться з вами найближчим часом.";padding:14px;border-radius:16px;background:rgba(0,216,255,.12);border:1px solid rgba(0,216,255,.25);color:#eaffff;font-weight:800;text-align:center}
.ticker{overflow:hidden;border-block:1px solid rgba(255,255,255,.12);background:#05070d;transform:rotate(-1.2deg);margin:-28px -10px 0}.ticker-track{display:flex;gap:34px;white-space:nowrap;animation:ticker 18s linear infinite;padding:19px 0}.ticker span{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size:32px;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.52);letter-spacing:1px}.ticker span:nth-child(3n){-webkit-text-stroke-color:rgba(255,38,48,.75)}.ticker span:nth-child(3n+1){-webkit-text-stroke-color:rgba(0,216,255,.75)}
.section{width:min(1180px, calc(100% - 32px));margin:0 auto;padding:92px 0}.section-head{text-align:center;max-width:850px;margin:0 auto 44px}.section-head h2,.split-copy h2,.final-copy h2{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size:clamp(38px, 5vw, 68px);line-height:.98;text-transform:uppercase;letter-spacing:.6px;margin:12px 0 16px}.section-head p,.split-copy p,.final-copy p{color:var(--muted);line-height:1.65;font-size:17px}.section-head.compact{max-width:720px}.benefit-matrix{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:stretch}.benefit-card{position:relative;overflow:hidden;isolation:isolate;min-height:218px;padding:25px 26px 24px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(135deg, rgba(5,15,38,.96), rgba(8,24,56,.76) 48%, rgba(5,8,17,.98));box-shadow:0 20px 54px rgba(0,0,0,.24);clip-path:polygon(0 0, calc(100% - 27px) 0, 100% 27px, 100% 100%, 0 100%)}.benefit-card:nth-child(1),.benefit-card:nth-child(2){grid-column:span 6}.benefit-card:nth-child(3),.benefit-card:nth-child(4),.benefit-card:nth-child(5){grid-column:span 4}.benefit-card:nth-child(6){grid-column:span 12;min-height:178px}.benefit-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--blue2),var(--blue),rgba(255,38,48,.85));box-shadow:0 0 26px rgba(0,216,255,.48);z-index:-1}.benefit-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent 0 48%, rgba(255,255,255,.08) 49%, transparent 56%),repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 82px);opacity:.45;pointer-events:none;z-index:-2}.benefit-card:nth-child(even):before{background:linear-gradient(180deg,var(--red2),var(--red),var(--blue2));box-shadow:0 0 28px rgba(255,38,48,.34)}.benefit-card:nth-child(2),.benefit-card:nth-child(5){background:linear-gradient(135deg, rgba(12,12,29,.96), rgba(32,15,37,.76) 48%, rgba(5,8,17,.98))}.benefit-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.benefit-top b{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size:38px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72);letter-spacing:1px}.benefit-top span{font-size:11px;font-weight:1000;letter-spacing:1.6px;text-transform:uppercase;color:#9feaff;background:rgba(0,216,255,.1);border:1px solid rgba(0,216,255,.25);border-radius:999px;padding:7px 10px;white-space:nowrap}.benefit-card:nth-child(even) .benefit-top span{color:#ffd4d7;background:rgba(255,38,48,.1);border-color:rgba(255,38,48,.25)}.benefit-card h3{font-size:clamp(22px,2vw,30px);line-height:1.08;margin:0 0 12px;letter-spacing:-.4px}.benefit-card p{max-width:620px;color:#c4d1e4;line-height:1.58;margin:0}.benefit-meter{position:absolute;left:26px;right:26px;bottom:22px;height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.benefit-meter i{display:block;height:100%;width:64%;border-radius:inherit;background:linear-gradient(90deg,var(--blue2),var(--blue));box-shadow:0 0 22px rgba(0,216,255,.55)}.benefit-card:nth-child(2) .benefit-meter i{width:74%;background:linear-gradient(90deg,var(--red2),var(--blue2))}.benefit-card:nth-child(3) .benefit-meter i{width:58%}.benefit-card:nth-child(4) .benefit-meter i{width:52%;background:linear-gradient(90deg,var(--red),var(--red2))}.benefit-card:nth-child(5) .benefit-meter i{width:80%;background:linear-gradient(90deg,var(--blue2),var(--red2))}.benefit-card:nth-child(6) .benefit-meter i{width:70%;background:linear-gradient(90deg,var(--blue2),#fff,var(--red2))}
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}.split-visual{position:relative;min-height:620px;display:grid;place-items:center;border-radius:36px;background:radial-gradient(circle at center, rgba(0,124,255,.18), transparent 44%), linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));border:1px solid var(--border);overflow:hidden}.split-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,.1) 39% 45%, transparent 46% 100%)}.split-visual img{height:540px;width:auto;position:relative;z-index:2;filter:drop-shadow(0 25px 40px rgba(0,0,0,.6))}.radar{position:absolute;width:470px;height:470px;border-radius:50%;background:repeating-radial-gradient(circle, rgba(0,216,255,.25) 0 2px, transparent 3px 44px);animation:spin 18s linear infinite}.split-copy .section-kicker,.final-copy .section-kicker{color:#fff}.check-list{list-style:none;margin:24px 0 28px;padding:0;display:grid;gap:12px;color:#dce7f9}.check-list li{position:relative;padding-left:34px;line-height:1.5}.check-list li:before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--blue2),var(--blue));box-shadow:0 0 22px rgba(0,216,255,.3)}.check-list li:after{content:"✓";position:absolute;left:5px;top:1px;font-size:14px;font-weight:900;color:#fff}
.case-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.case-row article{display:flex;flex-direction:column;border-radius:26px;padding:18px;background:linear-gradient(170deg, rgba(255,255,255,.09), rgba(8,17,35,.62));border:1px solid var(--border);min-height:210px;overflow:hidden;box-shadow:0 18px 38px rgba(0,0,0,.16)}.case-row b{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size:42px;color:transparent;-webkit-text-stroke:1px rgba(0,216,255,.75);margin-bottom:12px}.case-row article:nth-child(even) b{-webkit-text-stroke-color:rgba(255,38,48,.75)}.case-photo{position:relative;width:100%;aspect-ratio:4/3;border-radius:18px;overflow:hidden;margin-bottom:16px;border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 26px rgba(0,0,0,.24);background:linear-gradient(160deg, rgba(3,10,28,.82), rgba(8,20,45,.72))}.case-photo img{display:block;width:100%;height:100%;object-fit:contain}.case-row h3{font-size:21px;margin:0 0 10px}.case-row p{color:var(--muted);line-height:1.55;margin:0}
.reviews{position:relative}.reviews:before{content:"";position:absolute;left:50%;top:120px;transform:translateX(-50%);width:900px;height:420px;background:radial-gradient(circle, rgba(0,124,255,.14), transparent 64%);z-index:-1}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{display:flex;gap:14px;border-radius:24px;background:#fff;color:#111;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.review-card h3{margin:0 0 8px;font-size:18px;color:#0c1b3a}.review-card p{font-size:15px;line-height:1.55;color:#2a3344;margin:0 0 12px}.review-card span{font-size:13px;color:#66738b;font-weight:700}.avatar{flex:0 0 auto;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;font-weight:1000;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2))}.avatar-two{background:linear-gradient(135deg,var(--red),var(--red2))}.avatar-three{background:linear-gradient(135deg,#0b1f55,var(--blue))}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{position:relative;padding:28px;border-radius:26px;background:rgba(255,255,255,.065);border:1px solid var(--border);overflow:hidden}.step:after{content:"";position:absolute;right:-44px;top:-44px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle, rgba(255,38,48,.18), transparent 66%)}.step span{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,var(--red),var(--blue));font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size:32px}.step h3{font-size:22px;margin:18px 0 9px}.step p{color:var(--muted);line-height:1.55;margin:0}
.final-order{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px 390px;gap:28px;align-items:center;width:min(1180px, calc(100% - 32px));margin:34px auto 80px;padding:34px;border-radius:38px;background:linear-gradient(120deg, rgba(2,9,24,.96), rgba(8,25,62,.92), rgba(9,8,12,.94));border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.final-order:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent 0 46%, rgba(255,255,255,.08) 47% 54%, transparent 55%), radial-gradient(circle at 20% 0, rgba(0,216,255,.2), transparent 38%), radial-gradient(circle at 80% 100%, rgba(255,38,48,.18), transparent 36%);pointer-events:none}.final-order>*{position:relative}.final-product{position:relative;display:grid;place-items:center;height:624px;overflow:visible}.final-product-static{display:block;height:582px;width:auto;max-width:100%;margin:auto;filter:none}.mini-warning{margin-top:22px;padding:16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);color:#dce6f6;line-height:1.55}.footer{display:flex;justify-content:space-between;gap:30px;width:min(1180px, calc(100% - 32px));margin:0 auto 28px;padding:28px 0;color:var(--muted);border-top:1px solid rgba(255,255,255,.12)}.footer b{color:#fff}.footer p{max-width:680px;line-height:1.55;margin:8px 0 0}.footer-links{display:grid;gap:8px;text-align:right}.footer-links a{color:#dce9fb}.footer-links a:hover{color:#fff}
@keyframes energyFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg) scale(1);filter:drop-shadow(0 20px 28px rgba(0,0,0,.62)) drop-shadow(0 0 19px rgba(255,255,255,.22)) drop-shadow(0 0 44px rgba(0,124,255,.40)) drop-shadow(0 0 78px rgba(0,216,255,.32))}50%{transform:translateX(-50%) translateY(-12px) rotate(.8deg) scale(1.025);filter:drop-shadow(0 25px 34px rgba(0,0,0,.64)) drop-shadow(0 0 24px rgba(255,255,255,.30)) drop-shadow(0 0 58px rgba(0,124,255,.50)) drop-shadow(0 0 92px rgba(0,216,255,.48)) drop-shadow(0 0 124px rgba(255,255,255,.14))}}
@keyframes energyCore{0%,100%{transform:translateX(-50%) scale(.94);opacity:.70}50%{transform:translateX(-50%) scale(1.12);opacity:1}}
@keyframes energyAura{0%,100%{transform:translateX(-50%) scale(.88);opacity:.52}50%{transform:translateX(-50%) scale(1.14);opacity:1}}
@keyframes pulse{0%{transform:translateX(-50%) scale(.84);opacity:.92}100%{transform:translateX(-50%) scale(1.24);opacity:0}}
@keyframes arrowFloat{0%,100%{transform:rotate(var(--rot)) translateY(0) scale(1);opacity:.78}50%{transform:rotate(var(--rot)) translateY(13px) scale(1.06);opacity:1}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.product-stage img,.hero-bottle,.pulse,.product-stage:before,.product-stage:after,.radar,.ticker-track,.lightning{animation:none!important}.product-stage img,.hero-bottle{transform:translateX(-50%);filter:drop-shadow(0 22px 34px rgba(0,0,0,.62)) drop-shadow(0 0 48px rgba(0,216,255,.38))}}

@media (max-width:1240px){
  .hero{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"copy product" "form form";min-height:auto;padding:112px 0 48px;gap:24px;width:min(1040px, calc(100% - 28px))}
  .hero-content{grid-area:copy}.product-stage{grid-area:product;height:640px;min-height:640px;margin-left:0}.product-stage img,.hero-bottle{height:min(560px, calc(100vh - 215px));min-height:460px}.product-stage:before{width:330px;height:330px;bottom:24px}.product-stage:after{width:220px;height:220px;bottom:208px}.pulse-one{width:200px;height:200px;bottom:198px}.pulse-two{width:280px;height:280px;bottom:158px}.lightning-left{left:-18px;top:30px;width:78px;height:142px}.lightning-right{right:-18px;top:40px;width:78px;height:142px}.lightning-top{top:-50px;width:70px;height:90px;margin-left:-35px}.order-card{grid-area:form;max-width:760px;margin:auto}.benefit-matrix{grid-template-columns:repeat(2,1fr)}.benefit-card:nth-child(n){grid-column:auto}.benefit-card:nth-child(6){min-height:218px}.case-row{grid-template-columns:repeat(2,1fr)}.final-order{grid-template-columns:minmax(0,1fr) 260px 330px}.final-product{height:492px}.final-product-static{height:456px}.final-form{width:100%}
}
@media (max-width:760px){
  .header{top:10px;width:calc(100% - 18px)}.nav{display:none}.header-cta{padding:10px 12px;font-size:12px}.brand-mark{width:38px;height:38px}.brand-text b{font-size:16px}
  .hero{width:calc(100% - 20px);padding:104px 0 38px;display:flex;flex-direction:column;gap:18px}.hero:before{inset:76px -10px 16px;border-radius:28px}.hero-content{padding:0 8px}.hero-copy{font-size:14px;max-width:none}.hero-points{grid-template-columns:1fr 1fr;max-width:none}.hero-points div:nth-child(3){grid-column:1 / -1}.hero-actions{gap:8px}.btn{min-height:48px;padding:0 18px;font-size:12px}.btn-secondary:after{font-size:24px}
  .product-stage{height:535px;min-height:535px;width:100%;align-self:center;margin-top:0}.product-stage img,.hero-bottle{height:min(420px, 72vh);min-height:365px;max-height:440px}.product-stage:before{width:255px;height:255px;bottom:22px}.product-stage:after{width:160px;height:160px;bottom:156px}.pulse-one{width:160px;height:160px;bottom:150px}.pulse-two{width:225px;height:225px;bottom:116px}.lightning-left{width:58px;height:108px;left:calc(50% - 142px);top:44px}.lightning-right{width:58px;height:108px;right:calc(50% - 142px);top:54px}.lightning-top{width:52px;height:76px;left:50%;margin-left:-26px;top:4px}.charge-a{left:calc(50% - 142px);bottom:205px;width:72px}.charge-b{right:calc(50% - 142px);top:190px;width:68px}.spark-a,.spark-b{display:none}
  .order-card{width:100%;padding:20px;margin-top:4px}.order-card h2{font-size:31px}.price-box strong{font-size:32px}.section{width:calc(100% - 20px);padding:62px 0}.section-head{text-align:left;margin-bottom:28px}.benefit-matrix,.review-grid,.steps{grid-template-columns:1fr}.benefit-card:nth-child(n){grid-column:auto}.benefit-card{min-height:0;padding-bottom:48px}.split{grid-template-columns:1fr;gap:28px}.split-visual{min-height:440px}.split-visual img{height:390px}.radar{width:360px;height:360px}.case-row{grid-template-columns:1fr}.case-photo{height:auto;aspect-ratio:4/3}.review-card{padding:16px}.final-order{grid-template-columns:1fr;width:calc(100% - 20px);padding:20px;margin:22px auto 54px;border-radius:28px}.final-product{height:474px;order:2}.final-product-static{height:414px}.final-copy{order:1}.final-form{order:3}.footer{display:grid;text-align:left;width:calc(100% - 20px)}.footer-links{text-align:left}.ticker span{font-size:25px}h1{font-size:clamp(36px, 12vw, 60px)}
}

/* Cleaner benefits section: 4 usability-friendly cards */
.benefits-clean{
  position:relative;
  padding-top:96px;
  padding-bottom:86px;
}
.benefits-clean:before{
  content:"";
  position:absolute;
  left:50%;
  top:72px;
  width:min(1040px, 92vw);
  height:520px;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 18% 16%, rgba(0,216,255,.16), transparent 36%),
    radial-gradient(circle at 82% 18%, rgba(255,38,48,.10), transparent 38%),
    radial-gradient(circle at 50% 86%, rgba(4,124,255,.11), transparent 44%);
  filter:blur(4px);
  pointer-events:none;
  z-index:-1;
}
.benefits-clean-head{
  max-width:860px;
  margin-bottom:48px;
}
.benefits-clean-head .section-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:var(--blue2);
  letter-spacing:5px;
  text-transform:uppercase;
  font-size:13px;
  font-weight:900;
  text-shadow:0 0 24px rgba(0,216,255,.38);
}
.benefits-clean-head .section-kicker:before,
.benefits-clean-head .section-kicker:after{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--blue2), transparent);
  opacity:.85;
}
.benefits-clean-head h2{
  font-family:Inter, Arial, Helvetica, sans-serif;
  text-transform:none;
  letter-spacing:-1.9px;
  font-size:clamp(42px, 5.2vw, 72px);
  line-height:1.05;
  margin-top:18px;
  text-shadow:0 18px 52px rgba(0,0,0,.34);
}
.benefits-clean-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
  align-items:stretch;
}
.benefits-clean-showcase{
  position:relative;
  display:grid;
  grid-template-columns:minmax(280px, 1fr) minmax(360px, 520px);
  gap:28px;
  align-items:stretch;
  margin:0 0 26px;
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(112,186,255,.24);
  background:
    radial-gradient(circle at 10% 18%, rgba(0,216,255,.14), transparent 34%),
    radial-gradient(circle at 84% 24%, rgba(255,38,48,.12), transparent 28%),
    linear-gradient(145deg, rgba(7,20,48,.88), rgba(6,13,30,.78));
  box-shadow:0 22px 66px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
.benefits-clean-showcase:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,216,255,.14), transparent 20%, transparent 80%, rgba(255,38,48,.10));
  pointer-events:none;
}
.benefits-clean-showcase-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 6px 10px 8px;
}
.showcase-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:3.4px;
  color:#9feaff;
}
.showcase-kicker:before{
  content:"";
  width:42px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(0,216,255,.2), rgba(0,216,255,.95));
  box-shadow:0 0 18px rgba(0,216,255,.35);
}
.benefits-clean-showcase-copy h3{
  margin:0 0 16px;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:clamp(34px, 4vw, 56px);
  line-height:.96;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.benefits-clean-showcase-copy p:last-child{
  margin:0;
  max-width:560px;
  color:#c9d6e9;
  font-size:clamp(16px, 1.45vw, 19px);
  line-height:1.6;
}
.benefits-clean-showcase-media{
  position:relative;
  z-index:1;
  min-height:520px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 46px rgba(0,0,0,.34);
}
.benefits-clean-showcase-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
}
.benefits-clean-showcase-media:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:38%;
  background:linear-gradient(180deg, transparent, rgba(3,8,20,.12) 35%, rgba(3,8,20,.38) 100%);
  pointer-events:none;
}
.benefits-clean .benefit-clean-card,
.benefits-clean .benefit-clean-card:nth-child(n){
  grid-column:auto;
  position:relative;
  display:grid;
  grid-template-columns:150px minmax(0, 1fr);
  align-items:center;
  gap:34px;
  min-height:214px;
  padding:54px 44px 38px;
  border-radius:24px;
  border:1px solid rgba(112,186,255,.28);
  background:
    radial-gradient(circle at 0 0, rgba(0,216,255,.12), transparent 42%),
    linear-gradient(145deg, rgba(7,20,48,.88), rgba(6,13,30,.74));
  box-shadow:0 22px 66px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  clip-path:none;
  overflow:hidden;
  isolation:isolate;
}
.benefits-clean .benefit-clean-card:nth-child(2),
.benefits-clean .benefit-clean-card:nth-child(4){
  background:
    radial-gradient(circle at 8% 8%, rgba(185,96,255,.12), transparent 40%),
    linear-gradient(145deg, rgba(7,20,48,.88), rgba(6,13,30,.74));
}
.benefits-clean .benefit-clean-card:before{
  content:"";
  position:absolute;
  inset:0;
  width:auto;
  background:
    linear-gradient(90deg, rgba(0,216,255,.42), transparent 18%, transparent 82%, rgba(0,124,255,.20)),
    linear-gradient(180deg, rgba(255,255,255,.08), transparent 42%);
  opacity:.38;
  box-shadow:none;
  z-index:-2;
}
.benefits-clean .benefit-clean-card:after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(0,216,255,.42), transparent 28%, transparent 72%, rgba(255,255,255,.09));
  opacity:.45;
  pointer-events:none;
  z-index:-3;
}
.benefit-number{
  position:absolute;
  left:28px;
  top:24px;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:50px;
  line-height:1;
  letter-spacing:1px;
  color:transparent;
  -webkit-text-stroke:1px rgba(214,231,255,.56);
  text-shadow:0 0 18px rgba(0,216,255,.12);
  opacity:.78;
}
.benefit-icon{
  width:118px;
  height:118px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-left:6px;
  background:radial-gradient(circle at 45% 38%, rgba(0,216,255,.12), rgba(9,22,48,.84) 68%);
  border:1px solid rgba(126,188,255,.22);
  box-shadow:inset 0 0 38px rgba(0,124,255,.12), 0 0 34px rgba(0,216,255,.08);
}
.benefit-icon svg{
  width:58px;
  height:58px;
  fill:none;
  stroke:var(--blue2);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 12px rgba(0,216,255,.46));
}
.benefit-icon-purple svg{stroke:#c778ff;filter:drop-shadow(0 0 12px rgba(199,120,255,.48))}
.benefit-icon-cyan svg{stroke:#30f3ff;filter:drop-shadow(0 0 12px rgba(48,243,255,.42))}
.benefit-icon-pink svg{stroke:#ff72da;filter:drop-shadow(0 0 13px rgba(255,114,218,.42))}
.benefit-copy h3{
  margin:0 0 14px;
  font-size:clamp(25px, 2.45vw, 34px);
  line-height:1.12;
  letter-spacing:-.75px;
}
.benefit-copy p{
  max-width:520px;
  color:#c9d6e9;
  font-size:clamp(16px, 1.45vw, 20px);
  line-height:1.52;
  margin:0;
}

@media (max-width:980px){
  .benefits-clean-showcase{grid-template-columns:1fr;gap:20px;padding:24px}
  .benefits-clean-showcase-media{min-height:460px}
  .benefits-clean-grid{grid-template-columns:1fr;gap:18px}
  .benefits-clean .benefit-clean-card,
  .benefits-clean .benefit-clean-card:nth-child(n){grid-template-columns:128px minmax(0, 1fr);min-height:190px;padding:48px 32px 34px;gap:24px}
  .benefit-icon{width:104px;height:104px}.benefit-icon svg{width:52px;height:52px}
}
@media (max-width:760px){
  .benefits-clean{padding-top:64px;padding-bottom:58px}
  .benefits-clean-showcase{padding:18px 18px 20px;border-radius:24px;margin-bottom:20px}
  .benefits-clean-showcase-copy{padding:6px 2px 0}
  .showcase-kicker{font-size:11px;letter-spacing:2.6px;margin-bottom:12px}
  .showcase-kicker:before{width:28px}
  .benefits-clean-showcase-copy h3{font-size:clamp(28px, 9vw, 40px);margin-bottom:12px}
  .benefits-clean-showcase-copy p:last-child{font-size:15px;line-height:1.55}
  .benefits-clean-showcase-media{min-height:340px;border-radius:20px}
  .benefits-clean-head{text-align:center;margin-bottom:30px}
  .benefits-clean-head .section-kicker{font-size:11px;letter-spacing:3px;gap:8px}
  .benefits-clean-head .section-kicker:before,.benefits-clean-head .section-kicker:after{width:22px}
  .benefits-clean-head h2{font-size:clamp(34px, 10vw, 48px);letter-spacing:-1px}
  .benefits-clean .benefit-clean-card,
  .benefits-clean .benefit-clean-card:nth-child(n){grid-template-columns:1fr;justify-items:start;gap:18px;min-height:0;padding:62px 22px 26px;border-radius:22px}
  .benefit-number{left:22px;top:20px;font-size:44px}
  .benefit-icon{width:86px;height:86px;margin-left:0}.benefit-icon svg{width:44px;height:44px}
  .benefit-copy h3{font-size:26px}.benefit-copy p{font-size:16px;line-height:1.5}
}

/* Final block background updated from supplied image */
.final-order{
  min-height:660px;
  background:
    linear-gradient(90deg, rgba(2,7,17,.92) 0%, rgba(2,7,17,.66) 27%, rgba(2,7,17,.12) 44%, rgba(2,7,17,.20) 58%, rgba(2,7,17,.82) 100%),
    url("assets/final-order-bg.png") center center / cover no-repeat !important;
  border-color:rgba(104,184,255,.24);
  box-shadow:0 28px 90px rgba(0,0,0,.54), inset 0 0 75px rgba(0,124,255,.10);
}
.final-order:before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.14)),
    radial-gradient(circle at 49% 74%, rgba(0,216,255,.16), transparent 28%),
    radial-gradient(circle at 56% 74%, rgba(255,38,48,.12), transparent 30%) !important;
}
.final-product{
  min-height:624px;
}
.final-product-static{
  display:block !important;
  height:496px;
  width:auto;
  max-width:none;
  margin:auto;
  transform:translateY(12px);
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.58)) drop-shadow(0 0 14px rgba(0,216,255,.14)) drop-shadow(0 0 12px rgba(255,38,48,.10));
}
.final-copy,
.final-form{
  z-index:2;
}
.final-form,
.final-copy .mini-warning{
  background:linear-gradient(160deg, rgba(1,6,18,.72), rgba(5,14,34,.62));
  backdrop-filter:blur(16px);
}

@media (max-width: 1100px){
  .final-order{
    background-position:center center !important;
  }
}

@media (max-width: 760px){
  .final-order{
    min-height:auto;
    background:
      linear-gradient(180deg, rgba(2,7,17,.82) 0%, rgba(2,7,17,.50) 38%, rgba(2,7,17,.88) 100%),
      url("assets/final-order-bg.png") center top / cover no-repeat !important;
  }
  .final-product{
    height:280px;
    min-height:280px;
  }
}


/* Inserted supplied TurboX product into the final order block */
@media (max-width: 1100px){
  .final-product-static{
    height:400px;
    transform:translateY(8px);
  }
}

@media (max-width: 760px){
  .final-product-static{
    height:264px;
    max-width:92%;
    transform:translateY(0);
  }
}

/* Enlarged requested sections by about 30%: use cases, reviews, delivery steps */
.use-cases,
.reviews,
.delivery{
  width:min(1530px, calc(100% - 32px));
  padding-top:120px;
  padding-bottom:120px;
}
.use-cases .section-head,
.reviews .section-head,
.delivery .section-head{
  max-width:1040px;
  margin-bottom:58px;
}
.use-cases .section-head h2,
.reviews .section-head h2,
.delivery .section-head h2{
  font-size:clamp(50px, 6.5vw, 88px);
  line-height:.96;
}
.use-cases .section-head p,
.reviews .section-head p,
.delivery .section-head p{
  font-size:19px;
}
.case-row{
  gap:22px;
}
.case-row article{
  min-height:273px;
  padding:24px;
  border-radius:34px;
}
.case-row b{
  font-size:55px;
  margin-bottom:16px;
}
.case-photo{
  border-radius:24px;
  margin-bottom:21px;
}
.case-row h3{
  font-size:27px;
  margin-bottom:13px;
}
.case-row p{
  font-size:18px;
  line-height:1.62;
}
.review-grid{
  gap:24px;
}
.review-card{
  gap:18px;
  padding:26px;
  border-radius:31px;
}
.review-card h3{
  font-size:24px;
  margin-bottom:10px;
}
.review-card p{
  font-size:20px;
  line-height:1.6;
  margin-bottom:16px;
}
.review-card span{
  font-size:17px;
}
.avatar{
  width:65px;
  height:65px;
  font-size:20px;
}
.steps{
  gap:24px;
}
.step{
  min-height:273px;
  padding:36px;
  border-radius:34px;
}
.step:after{
  right:-58px;
  top:-58px;
  width:195px;
  height:195px;
}
.step span{
  width:75px;
  height:75px;
  border-radius:26px;
  font-size:42px;
}
.step h3{
  font-size:29px;
  margin:23px 0 12px;
}
.step p{
  font-size:19px;
  line-height:1.62;
}

@media (max-width:1240px){
  .use-cases,
  .reviews,
  .delivery{
    width:min(1180px, calc(100% - 28px));
  }
}

@media (max-width:760px){
  .use-cases,
  .reviews,
  .delivery{
    width:calc(100% - 20px);
    padding-top:72px;
    padding-bottom:72px;
  }
  .use-cases .section-head,
  .reviews .section-head,
  .delivery .section-head{
    margin-bottom:32px;
  }
  .use-cases .section-head h2,
  .reviews .section-head h2,
  .delivery .section-head h2{
    font-size:clamp(38px, 11vw, 54px);
  }
  .case-row article,
  .review-card,
  .step{
    border-radius:28px;
  }
  .case-row article{
    min-height:0;
    padding:20px;
  }
  .case-row b{
    font-size:48px;
  }
  .case-row h3{
    font-size:24px;
  }
  .case-row p,
  .review-card p,
  .step p{
    font-size:17px;
  }
  .review-card{
    padding:22px;
  }
  .review-card h3{
    font-size:22px;
  }
  .avatar{
    width:56px;
    height:56px;
  }
  .step{
    min-height:0;
    padding:30px;
  }
  .step h3{
    font-size:26px;
  }
}


/* Final fixes: fixed top menu, removed warning text, stronger adaptive layout */
html{
  scroll-padding-top:104px;
}

.header{
  position:fixed !important;
  top:max(12px, env(safe-area-inset-top)) !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:9999 !important;
  width:min(1320px, calc(100% - 28px)) !important;
}

main{
  position:relative;
  z-index:1;
}

.hero,
.section,
.final-order,
.footer{
  max-width:100%;
}

.hero-content,
.order-card,
.split-copy,
.final-copy,
.final-form{
  min-width:0;
}

img{
  max-width:100%;
  height:auto;
}

.case-row,
.review-grid,
.steps{
  align-items:stretch;
}

.review-card,
.step,
.case-row article{
  min-width:0;
}

.review-card p,
.case-row p,
.step p{
  overflow-wrap:anywhere;
}

@media (max-width:1440px){
  .use-cases,
  .reviews,
  .delivery{
    width:min(1280px, calc(100% - 32px));
  }
}

@media (max-width:1100px){
  html{
    scroll-padding-top:94px;
  }
  .header{
    width:calc(100% - 22px) !important;
    gap:12px;
  }
  .nav{
    gap:18px;
  }
  .header-cta{
    white-space:nowrap;
  }
  .section{
    padding-top:78px;
    padding-bottom:78px;
  }
  .split{
    grid-template-columns:1fr;
    gap:34px;
  }
  .split-visual{
    min-height:500px;
  }
  .split-copy{
    max-width:760px;
    margin:0 auto;
    text-align:left;
  }
  .case-row,
  .review-grid,
  .steps{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  .final-order{
    grid-template-columns:minmax(0,1fr) minmax(220px, 280px);
    grid-template-areas:
      "copy product"
      "form form";
  }
  .final-copy{grid-area:copy}
  .final-product{grid-area:product}
  .final-form{
    grid-area:form;
    width:min(620px, 100%);
    justify-self:center;
  }
}

@media (max-width:820px){
  html{
    scroll-padding-top:86px;
  }
  .header{
    top:max(8px, env(safe-area-inset-top)) !important;
    width:calc(100% - 16px) !important;
    padding:10px 12px !important;
    border-radius:22px !important;
  }
  .brand-text small{
    display:none;
  }
  .header-cta{
    padding:10px 12px;
    font-size:12px;
    letter-spacing:.3px;
  }
  .hero{
    padding-top:96px;
  }
  .hero-content{
    padding-inline:4px;
  }
  .section-head,
  .section-head.compact{
    max-width:100%;
  }
  .use-cases,
  .reviews,
  .delivery{
    width:calc(100% - 20px);
    padding-top:68px;
    padding-bottom:68px;
  }
  .use-cases .section-head h2,
  .reviews .section-head h2,
  .delivery .section-head h2{
    font-size:clamp(36px, 10.5vw, 52px);
    line-height:1;
  }
  .case-row,
  .review-grid,
  .steps{
    grid-template-columns:1fr !important;
  }
  .case-photo{
    height:auto !important;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(2,7,18,.46);
  }
  .case-photo img{
    width:100%;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }
  .review-card{
    display:flex;
    align-items:flex-start;
  }
  .final-order{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "copy"
      "product"
      "form";
    width:calc(100% - 20px);
    padding:22px;
    border-radius:30px;
  }
  .final-product{
    height:auto;
    min-height:280px;
  }
}

@media (max-width:560px){
  html{
    scroll-padding-top:78px;
  }
  .header{
    gap:8px;
  }
  .brand-mark{
    width:38px;
    height:38px;
    font-size:13px;
  }
  .brand-text b{
    font-size:16px;
  }
  .header-cta{
    font-size:11px;
    padding:9px 10px;
  }
  .hero{
    width:calc(100% - 16px);
    padding-top:88px;
  }
  .hero-points{
    grid-template-columns:1fr !important;
  }
  .hero-actions{
    flex-direction:column;
  }
  .btn{
    width:100%;
  }
  .product-stage{
    height:440px !important;
    min-height:440px !important;
  }
  .product-stage img,
  .hero-bottle{
    min-height:0 !important;
    height:360px !important;
    max-height:70vh;
  }
  .order-card{
    padding:18px !important;
    border-radius:26px;
  }
  .price-box div{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .countdown-row strong{
    font-size:24px;
  }
  .section{
    width:calc(100% - 16px);
    padding-top:56px;
    padding-bottom:56px;
  }
  .split-visual{
    min-height:360px;
  }
  .split-visual img{
    height:320px;
  }
  .case-row article,
  .review-card,
  .step{
    padding:18px !important;
    border-radius:24px !important;
  }
  .case-row b{
    font-size:42px;
  }
  .case-row h3,
  .step h3{
    font-size:23px;
  }
  .case-row p,
  .review-card p,
  .step p{
    font-size:16px;
  }
  .review-card{
    gap:14px;
  }
  .avatar{
    width:48px;
    height:48px;
  }
  .steps .step span{
    width:62px;
    height:62px;
    font-size:34px;
  }
  .final-product-static{
    height:280px !important;
  }
  .footer{
    width:calc(100% - 16px);
  }
}

@media (max-width:390px){
  .header{
    padding:8px 9px !important;
  }
  .brand-text{
    display:none;
  }
  .header-cta{
    font-size:10px;
    padding:8px 9px;
  }
  .hero{
    padding-top:78px;
  }
  h1{
    font-size:clamp(34px, 13vw, 48px) !important;
  }
  .order-card h2{
    font-size:28px !important;
  }
  .price-box strong{
    font-size:30px !important;
  }
}