.rrap{--rrap-spray-x:260px;--rrap-spray-y:65px;--rrap-spray-length:108px;--rrap-amb-opacity:.26;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;color:#17384b;isolation:isolate}
.rrap *{box-sizing:border-box}
.rrap-inner{position:relative;z-index:2;width:min(calc(100% - 64px),1540px);margin:auto;padding:90px 0 74px}
.rrap-head{text-align:center;max-width:780px;margin:0 auto 48px;opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .9s cubic-bezier(.25,.1,.25,1)}
.rrap.is-active .rrap-head{opacity:1;transform:none}
.rrap-head h2{margin:0;color:#173f55;font-size:clamp(30px,3.25vw,54px);font-weight:700;line-height:1.35;letter-spacing:-.02em}
.rrap-head p{margin:14px auto 0;color:#6f8993;font-size:15px;line-height:2;max-width:650px}
.rrap-features{display:grid;grid-template-columns:minmax(250px,1fr) 440px minmax(250px,1fr);align-items:center;direction:ltr;position:relative;gap:0 12px}
.rrap-col{display:flex;flex-direction:column;gap:34px;position:relative;z-index:3}
.rrap-col-right{padding-right:10px}.rrap-col-left{padding-left:10px}
.rrap-feature{display:flex;align-items:center;gap:18px;min-width:0;padding:6px 0;opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .85s cubic-bezier(.22,.61,.36,1);will-change:transform,opacity}
.rrap-feature-right{text-align:left}.rrap-feature-left{text-align:right}
.rrap.is-active .rrap-feature{opacity:1;transform:none}
.rrap.is-active .rrap-col-right .rrap-feature:nth-child(1),.rrap.is-active .rrap-col-left .rrap-feature:nth-child(1){transition-delay:1.00s}.rrap.is-active .rrap-col-right .rrap-feature:nth-child(2),.rrap.is-active .rrap-col-left .rrap-feature:nth-child(2){transition-delay:1.16s}
.rrap-feature-content{flex:1;min-width:0;transition:transform .38s cubic-bezier(.22,.61,.36,1)}
.rrap-feature-title{font-size:20px;line-height:1.55;margin:0 0 5px;font-weight:650;color:#183e53}
.rrap-feature-desc{font-size:14px;line-height:1.9;margin:0;color:#6d8791}
.rrap-graphic{width:112px;height:112px;flex:0 0 112px;position:relative;filter:drop-shadow(0 18px 30px color-mix(in srgb,var(--rrap-c) 13%,transparent));transition:transform .38s cubic-bezier(.22,.61,.36,1);will-change:transform}
.rrap-graphic-svg{display:block;width:100%;height:100%;overflow:visible}.rrap-graphic:after{content:"";position:absolute;inset:13px;border-radius:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.82);pointer-events:none}
.rrap-center{position:relative;height:472px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.rrap-center-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.rrap-halo{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(71,185,217,.10),rgba(88,200,190,.04) 48%,transparent 74%);opacity:.3;transform:scale(.95);transition:opacity 1.1s ease,transform 1.1s ease .55s}
.rrap.is-active .rrap-halo{opacity:1;transform:scale(1)}
.rrap-brand-word{position:absolute;bottom:26%;font-family:Arial,sans-serif;font-weight:800;font-size:76px;line-height:.9;white-space:nowrap;letter-spacing:-.065em;background:linear-gradient(180deg,#dce7ea 0%,rgba(220,231,234,.08) 88%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:scaleY(0) scaleX(1.2);transform-origin:bottom;opacity:.72;transition:transform 1.8s cubic-bezier(.25,.1,.25,1) .55s;z-index:-1}
.rrap.is-active .rrap-brand-word{transform:scale(1)}
.rrap-product-main{position:relative;width:100%;height:100%;transform:translateY(-18%);transition:transform 1.15s cubic-bezier(.25,.1,.25,1) .35s;z-index:2}.rrap.is-active .rrap-product-main{transform:translateY(0)}
.rrap-product-visual{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;overflow:visible;will-change:transform}
.rrap-product-shell{position:relative;display:inline-block}
.rrap-product-photo{all:unset;display:block;position:relative;cursor:pointer;aspect-ratio:640/1076;height:408px;width:auto;animation:rrapBottleFloat 4.2s ease-in-out infinite;filter:drop-shadow(0 30px 30px rgba(10,120,170,.20));will-change:transform}
@keyframes rrapBottleFloat{50%{transform:translateY(-8px)}}
.rrap-part{position:absolute;inset:0;background:var(--rrap-product-image) center/100% 100% no-repeat;pointer-events:none}
.rrap-part-base{clip-path:inset(13% 0 0 0)}
.rrap-part-head{clip-path:inset(0 0 87% 0);will-change:transform}
.rrap-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:7}
.rrap-product-shadow{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:205px;height:24px;border-radius:50%;background:radial-gradient(ellipse,rgba(20,54,70,.17),rgba(20,54,70,.05) 52%,transparent 75%);filter:blur(5px);opacity:.78;z-index:0;will-change:transform}

@media(max-width:1199px){.rrap-features{grid-template-columns:1fr 380px 1fr}.rrap-feature{flex-direction:column!important;text-align:center}.rrap-graphic{width:100px;height:100px;flex-basis:100px}.rrap-col-right,.rrap-col-left{text-align:center}.rrap-brand-word{font-size:66px}}
@media(max-width:1023px){.rrap{overflow:visible}.rrap-inner{width:min(calc(100% - 28px),900px);padding:72px 0}.rrap-features{grid-template-columns:1fr;gap:30px}.rrap-center{order:-1;height:470px}.rrap-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.rrap-feature{opacity:1!important;transform:none!important}.rrap-product-main{transform:none!important}.rrap-brand-word{transform:scale(1)!important}.rrap-head{opacity:1;transform:none}.rrap.parallax-ready .rrap-product-photo,.rrap.parallax-ready .rrap-product-shadow,.rrap.parallax-ready .rrap-feature,.rrap.parallax-ready .rrap-feature-content,.rrap.parallax-ready .rrap-graphic{transform:none!important}.rrap-product-photo{height:360px}}
@media(max-width:620px){.rrap-inner{width:calc(100% - 22px);padding:58px 0}.rrap-head{margin-bottom:28px}.rrap-head h2{font-size:28px}.rrap-head p{font-size:13px}.rrap-center{height:420px;transform:scale(.9);margin:-15px 0}.rrap-col{grid-template-columns:1fr}.rrap-feature{display:grid;grid-template-columns:88px 1fr;text-align:right!important;gap:14px}.rrap-col-right .rrap-feature .rrap-feature-content{order:2}.rrap-col-right .rrap-feature .rrap-graphic{order:1}.rrap-col-left .rrap-feature .rrap-graphic{order:1}.rrap-graphic{width:88px;height:88px;flex-basis:88px}.rrap-feature-title{font-size:17px}.rrap-feature-desc{font-size:13px}.rrap-product-photo{height:330px}}

/* Ambient background */
.rrap-ambient-shell{position:absolute;top:50%;width:clamp(340px,34vw,590px);height:min(84%,720px);z-index:0;pointer-events:none;opacity:0;will-change:transform,opacity;transition:opacity 1.15s cubic-bezier(.22,.61,.36,1),transform 1.55s cubic-bezier(.16,.84,.26,1);filter:saturate(.98)}
.rrap-ambient-left{left:clamp(-235px,-10vw,-90px);transform:translate3d(-48px,-50%,0) scale(.93)}
.rrap-ambient-right{right:clamp(-235px,-10vw,-90px);transform:translate3d(48px,-50%,0) scale(.93)}
.rrap.ambient-inview .rrap-ambient-shell{opacity:var(--rrap-amb-opacity,.26)}
.rrap.ambient-inview .rrap-ambient-left{transform:translate3d(0,-50%,0) scale(1)}
.rrap.ambient-inview .rrap-ambient-right{transform:translate3d(0,-50%,0) scale(1)}
.rrap-ambient-field{position:absolute;inset:0;will-change:transform;transform:translate3d(0,0,0);transform-origin:50% 50%}
.rrap-ambient-blob{position:absolute;inset:8% 5% 6%;border-radius:45% 55% 52% 48% / 55% 42% 58% 45%;filter:blur(26px);opacity:.72;transform:rotate(-8deg);box-shadow:inset 0 0 80px rgba(255,255,255,.45)}
.rrap-ambient-left .rrap-ambient-blob{background:radial-gradient(circle at 36% 32%,color-mix(in srgb,var(--rrap-amb-left-a) 42%,transparent) 0 15%,transparent 43%),radial-gradient(circle at 68% 66%,color-mix(in srgb,var(--rrap-amb-left-b) 34%,transparent) 0 18%,transparent 50%),linear-gradient(145deg,color-mix(in srgb,var(--rrap-amb-left-a) 18%,transparent),color-mix(in srgb,var(--rrap-amb-left-b) 13%,transparent) 55%,transparent 80%)}
.rrap-ambient-right .rrap-ambient-blob{background:radial-gradient(circle at 64% 34%,color-mix(in srgb,var(--rrap-amb-right-a) 34%,transparent) 0 15%,transparent 44%),radial-gradient(circle at 31% 69%,color-mix(in srgb,var(--rrap-amb-right-b) 30%,transparent) 0 19%,transparent 50%),linear-gradient(215deg,color-mix(in srgb,var(--rrap-amb-right-a) 17%,transparent),color-mix(in srgb,var(--rrap-amb-right-b) 12%,transparent) 55%,transparent 82%)}
.rrap-ambient-field svg{position:absolute;inset:4%;width:92%;height:92%;overflow:visible;opacity:.72;filter:drop-shadow(0 12px 30px rgba(64,129,147,.035))}
.rrap-amb-line{fill:none;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:7 13;animation:rrapAmbientDash 16s linear infinite}
.rrap-ambient-left .rrap-amb-line.a1{stroke:color-mix(in srgb,var(--rrap-amb-left-a) 58%,#fff)}.rrap-ambient-left .rrap-amb-line.a2{stroke:color-mix(in srgb,var(--rrap-amb-left-b) 45%,#fff);animation-direction:reverse;animation-duration:20s}
.rrap-ambient-right .rrap-amb-line.a1{stroke:color-mix(in srgb,var(--rrap-amb-right-a) 54%,#fff)}.rrap-ambient-right .rrap-amb-line.a2{stroke:color-mix(in srgb,var(--rrap-amb-right-b) 44%,#fff);animation-direction:reverse;animation-duration:19s}
.rrap-amb-ring{fill:none;stroke-width:1;stroke-dasharray:2 8;opacity:.38;animation:rrapAmbientSpin 22s linear infinite;transform-box:fill-box;transform-origin:center}.rrap-ambient-left .rrap-amb-ring{stroke:var(--rrap-amb-left-a)}.rrap-ambient-right .rrap-amb-ring{stroke:var(--rrap-amb-right-a)}
.rrap-amb-nodes circle{fill:#fff;stroke-width:1.4;opacity:.72;animation:rrapAmbientNode 4.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.rrap-ambient-left .rrap-amb-nodes circle{stroke:var(--rrap-amb-left-a);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--rrap-amb-left-a) 24%,transparent))}.rrap-ambient-right .rrap-amb-nodes circle{stroke:var(--rrap-amb-right-a);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--rrap-amb-right-a) 24%,transparent))}
.rrap-amb-nodes circle:nth-child(2){animation-delay:.65s}.rrap-amb-nodes circle:nth-child(3){animation-delay:1.25s}.rrap-amb-nodes circle:nth-child(4){animation-delay:1.8s}.rrap-amb-nodes circle:nth-child(5){animation-delay:2.35s}
@keyframes rrapAmbientDash{to{stroke-dashoffset:-160}}@keyframes rrapAmbientSpin{to{transform:rotate(360deg)}}@keyframes rrapAmbientNode{0%,100%{opacity:.44;transform:scale(.88)}50%{opacity:.92;transform:scale(1.08)}}
@media(max-width:1023px){.rrap-ambient-shell{display:none}}


/* v1.6.7 — controlled glossy vector brand + safe bottom space */
.rrap-brand-word{display:none!important}
.rrap{
  --rrap-vector-width:104%;
  --rrap-vector-bottom:-18px;
  --rrap-vector-opacity:.82;
  --rrap-vector-safe-space:122px;
}
.rrap-inner{padding-bottom:var(--rrap-vector-safe-space,122px)}
.rrap-vector-bg{
  --rrap-vector-progress:0;
  --rrap-vector-fill-opacity:0;
  --rrap-vector-ghost-opacity:.12;
  position:absolute;
  left:50%;
  bottom:var(--rrap-vector-bottom);
  transform:translateX(-50%) translateZ(0);
  width:var(--rrap-vector-width);
  height:auto;
  aspect-ratio:1600 / 318;
  z-index:1;
  pointer-events:none;
  overflow:visible;
  opacity:var(--rrap-vector-opacity);
  will-change:opacity,transform;
}
.rrap-vector-bg svg{display:block;width:100%;height:auto;aspect-ratio:1600 / 318;overflow:visible}
.rrap-vector-text{
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size:224px;
  font-weight:800;
  letter-spacing:.05em;
  dominant-baseline:middle;
  text-anchor:middle;
  vector-effect:non-scaling-stroke;
}
.rrap-vector-ghost{fill:none;stroke:#d7e6eb;stroke-width:1.22;opacity:var(--rrap-vector-ghost-opacity)}
.rrap-vector-fill{opacity:var(--rrap-vector-fill-opacity)}
.rrap-vector-main,.rrap-vector-wave,.rrap-vector-gloss{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:var(--rrap-vector-len,1000);
  stroke-dashoffset:calc(var(--rrap-vector-len,1000) * (1 - var(--rrap-vector-progress)));
  will-change:stroke-dashoffset,opacity;
}
.rrap-vector-main{stroke-width:2.05;opacity:.94}
.rrap-vector-wave{stroke-width:2.65;opacity:.98;mix-blend-mode:screen}
.rrap-vector-gloss{stroke-width:1.02;opacity:.56}
.rrap-vector-bg[data-vector-state="idle"] .rrap-vector-wave{opacity:.62}

@media(max-width:1023px){
  .rrap-vector-text{font-size:188px}
  .rrap-vector-main{stroke-width:1.9}.rrap-vector-wave{stroke-width:2.45}.rrap-vector-gloss{stroke-width:.95}
}
@media(max-width:620px){
  .rrap-vector-text{font-size:128px;letter-spacing:.035em}
}