.droplet-showcase-section{position:relative;width:100%;padding:var(--spacing-xxl) 0;background-color:var(--content-bg-color);background-image:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%),radial-gradient(120% 90% at 50% -10%,rgba(183,216,238,.38),transparent 62%),linear-gradient(180deg,rgba(222,237,248,.5) 0%,rgba(255,255,255,0) 45%,rgba(206,228,243,.35) 100%);overflow:hidden;box-sizing:border-box}.droplet-showcase-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-xl) auto;padding:0 var(--spacing-md);position:relative;z-index:20}.droplet-showcase-title{font-family:inherit;font-size:var(--font-size-xxlarge);color:var(--heading-color);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;letter-spacing:.5px;line-height:var(--line-height-heading)}.droplet-showcase-desc{font-family:inherit;font-size:var(--font-size-normal);color:var(--text-secondary-color);font-weight:var(--font-weight-medium);letter-spacing:1.5px;text-transform:uppercase;margin:0}.droplet-showcase-container{position:relative;max-width:var(--desktop-max-width);height:650px;margin:var(--spacing-lg) auto 0 auto;display:flex;align-items:center;justify-content:center}.droplet-showcase-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:100%;height:100%;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:auto}.droplet-showcase-center a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-height:100%}.droplet-center-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,.08));transition:transform .6s cubic-bezier(.165,.84,.44,1);display:block;margin:0 auto}.droplet-showcase-center:hover .droplet-center-img{transform:scale(1.03)}.droplet-showcase-droplets{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.droplet-item{position:absolute;width:68px;height:88px;pointer-events:auto;display:block;z-index:5;will-change:transform}.droplet-item:hover{z-index:20}.droplet-item::before{content:"";position:absolute;left:50%;bottom:75%;transform:translateX(-50%);width:10px;height:140px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 140' preserveAspectRatio='none'><path d='M8,140 C12,110 4,90 10,60 C14,40 6,20 8,0 L9,0 C7,20 15,40 11,60 C5,90 13,110 9,140 Z' fill='%2394c4e6' fill-opacity='.22'/></svg>");background-size:100% 100%;background-repeat:no-repeat;filter:blur(.4px);pointer-events:none;z-index:-1;transform-origin:bottom center;will-change:transform;animation:trailWave 3.6s ease-in-out infinite alternate}.droplet-item.custom-droplet-bg::before{display:none}.droplet-content{width:100%;height:100%;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 130' xmlns='http://www.w3.org/2000/svg'><defs><clipPath id='drop-clip'><path d='M50,3 C50,3 96,52 96,84 A46,46 0 0,1 4,84 C4,52 50,3 50,3 Z' /></clipPath><radialGradient id='drop-grad' cx='38%' cy='30%' r='78%'><stop offset='0%' stop-color='%23ffffff' stop-opacity='.06' /><stop offset='50%' stop-color='%23e8f4fc' stop-opacity='.12' /><stop offset='80%' stop-color='%23a8cfe8' stop-opacity='.26' /><stop offset='100%' stop-color='%235e94bf' stop-opacity='.48' /></radialGradient><linearGradient id='drop-rim' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' stop-color='%23ffffff' stop-opacity='.9' /><stop offset='40%' stop-color='%23ffffff' stop-opacity='.12' /><stop offset='100%' stop-color='%23417ba8' stop-opacity='.6' /></linearGradient><radialGradient id='drop-caustic' cx='50%' cy='80%' r='45%'><stop offset='0%' stop-color='%23ffffff' stop-opacity='.85' /><stop offset='55%' stop-color='%23d8efff' stop-opacity='.32' /><stop offset='100%' stop-color='%23d8efff' stop-opacity='0' /></radialGradient><filter id='drop-blur-sm' x='-40%' y='-40%' width='180%' height='180%'><feGaussianBlur stdDeviation='1.2' /></filter><filter id='drop-blur-lg' x='-60%' y='-60%' width='220%' height='220%'><feGaussianBlur stdDeviation='3' /></filter></defs><path d='M50,3 C50,3 96,52 96,84 A46,46 0 0,1 4,84 C4,52 50,3 50,3 Z' fill='url(%23drop-grad)' /><g clip-path='url(%23drop-clip)'><ellipse cx='50' cy='86' rx='31' ry='15' fill='url(%23drop-caustic)' /><path d='M52,10 C60,23 89,55 90,81' stroke='%23336d9c' stroke-opacity='.3' stroke-width='7' fill='none' filter='url(%23drop-blur-lg)' /><path d='M48,10 C40,23 11,55 10,81' stroke='%23ffffff' stroke-opacity='.55' stroke-width='4' fill='none' filter='url(%23drop-blur-lg)' /><ellipse cx='34' cy='32' rx='9' ry='15' fill='%23ffffff' opacity='.4' filter='url(%23drop-blur-lg)' /><ellipse cx='31' cy='23' rx='4.5' ry='7' fill='%23ffffff' opacity='.95' filter='url(%23drop-blur-sm)' /><ellipse cx='29' cy='19' rx='2' ry='3' fill='%23ffffff' opacity='1' /><ellipse cx='63' cy='70' rx='3' ry='5' fill='%23ffffff' opacity='.35' filter='url(%23drop-blur-sm)' /></g><path d='M50,3 C50,3 96,52 96,84 A46,46 0 0,1 4,84 C4,52 50,3 50,3 Z' fill='none' stroke='url(%23drop-rim)' stroke-width='1.6' /></svg>");background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 6px 6px 6px;box-sizing:border-box;transition:transform .4s cubic-bezier(.165,.84,.44,1),filter .4s ease;filter:drop-shadow(0 4px 12px rgba(14,82,135,.18));will-change:transform;animation:dropletWobble 4.2s ease-in-out infinite}.droplet-item.custom-droplet-bg .droplet-content{background-image:none;background-size:contain;background-repeat:no-repeat;background-position:center}.droplet-item:hover .droplet-content{animation:none;transform:scale(1.1);filter:drop-shadow(0 8px 20px rgba(94,148,191,.35)) drop-shadow(0 2px 8px rgba(14,82,135,.15))}.droplet-text{font-family:inherit;color:#17567f;font-size:9px;font-weight:var(--font-weight-bold);line-height:1.2;margin:0;text-shadow:0 1px 2px rgba(255,255,255,.7);word-wrap:break-word}.droplet-subtext{font-family:inherit;color:rgba(23,86,127,.8);font-size:7px;font-weight:var(--font-weight-medium);line-height:1.1;margin-top:2px;text-shadow:0 1px 2px rgba(255,255,255,.6);word-wrap:break-word}.droplet-pos-1{top:-20px;left:50%;transform:translateX(-50%)}.droplet-pos-2{top:22%;left:22%}.droplet-pos-3{top:35%;right:20%}.droplet-pos-4{bottom:12%;left:22%}.droplet-pos-5{bottom:-20px;left:50%;transform:translateX(-50%)}.droplet-pos-6{top:15%;right:28%}.droplet-pos-7{top:45%;left:18%}.droplet-pos-8{bottom:25%;right:24%}.droplet-pos-9{bottom:2%;left:34%}.droplet-pos-10{bottom:2%;right:34%}.droplet-item.droplet-pos-3,.droplet-item.droplet-pos-5,.droplet-item.droplet-pos-8{width:82px;height:106px;animation:windowRainTrickleNear 7.5s cubic-bezier(.25,.46,.45,.94) infinite}.droplet-item.droplet-pos-3{animation-delay:.8s}.droplet-item.droplet-pos-5{animation-delay:3.2s}.droplet-item.droplet-pos-8{animation-delay:5.5s}.droplet-item.droplet-pos-2,.droplet-item.droplet-pos-7,.droplet-item.droplet-pos-9{width:52px;height:68px;opacity:.82;filter:blur(.6px);animation:windowRainTrickleFar 12.0s cubic-bezier(.25,.46,.45,.94) infinite}.droplet-item.droplet-pos-2{animation-delay:1.5s}.droplet-item.droplet-pos-7{animation-delay:6.8s}.droplet-item.droplet-pos-9{animation-delay:9.2s}.droplet-item.droplet-pos-1,.droplet-item.droplet-pos-4,.droplet-item.droplet-pos-6,.droplet-item.droplet-pos-10{animation:windowRainTrickle 9.5s cubic-bezier(.25,.46,.45,.94) infinite}.droplet-item.droplet-pos-1{animation-delay:.2s}.droplet-item.droplet-pos-4{animation-delay:4.1s}.droplet-item.droplet-pos-6{animation-delay:2.3s}.droplet-item.droplet-pos-10{animation-delay:7.4s}.droplet-item.droplet-pos-2 .droplet-content,.droplet-item.droplet-pos-7 .droplet-content,.droplet-item.droplet-pos-9 .droplet-content{animation-duration:5.6s}.droplet-pos-1 .droplet-content{animation-delay:.3s}.droplet-pos-2 .droplet-content{animation-delay:1.1s}.droplet-pos-3 .droplet-content{animation-delay:.7s}.droplet-pos-4 .droplet-content{animation-delay:1.6s}.droplet-pos-5 .droplet-content{animation-delay:.5s}.droplet-pos-6 .droplet-content{animation-delay:1.9s}.droplet-pos-7 .droplet-content{animation-delay:.9s}.droplet-pos-8 .droplet-content{animation-delay:1.3s}.droplet-pos-9 .droplet-content{animation-delay:.2s}.droplet-pos-10 .droplet-content{animation-delay:1.5s}@keyframes dropletWobble{0%,100%{transform:scale(1,1)}30%{transform:scale(1.025,.972)}65%{transform:scale(.978,1.022)}}@keyframes trailWave{0%{transform:translateX(-50%) skewX(0deg) scaleX(1);opacity:.85}33%{transform:translateX(-50%) skewX(-1.5deg) scaleX(1.08);opacity:1}66%{transform:translateX(-50%) skewX(1.8deg) scaleX(.95);opacity:.9}100%{transform:translateX(-50%) skewX(-.8deg) scaleX(1.04);opacity:.85}}@keyframes windowRainTrickle{0%{transform:translateY(-20px) scale(1,1);opacity:0}7%{transform:translateY(0) scale(1,1);opacity:1}20%{transform:translateY(42px) scale(.95,1.08);opacity:1}32%{transform:translateY(48px) scale(1.04,.96);opacity:1}46%{transform:translateY(52px) scale(1.01,.99);opacity:1}62%{transform:translateY(140px) scale(.94,1.1);opacity:.95}72%{transform:translateY(152px) scale(1.03,.97);opacity:.9}90%{transform:translateY(225px) scale(.95,1.08);opacity:0}100%{transform:translateY(240px) scale(1,1);opacity:0}}@keyframes windowRainTrickleNear{0%{transform:translateY(-25px) scale(1,1);opacity:0}6%{transform:translateY(0) scale(1,1);opacity:1}22%{transform:translateY(55px) scale(.94,1.1);opacity:1}32%{transform:translateY(62px) scale(1.05,.95);opacity:1}40%{transform:translateY(66px) scale(1.01,.99);opacity:1}68%{transform:translateY(195px) scale(.94,1.1);opacity:.95}88%{transform:translateY(262px) scale(.93,1.12);opacity:0}100%{transform:translateY(280px) scale(1,1);opacity:0}}@keyframes windowRainTrickleFar{0%{transform:translateY(-15px) scale(1,1);opacity:0}10%{transform:translateY(0) scale(1,1);opacity:.82}28%{transform:translateY(22px) scale(.97,1.05);opacity:.82}42%{transform:translateY(27px) scale(1.03,.97);opacity:.82}56%{transform:translateY(30px) scale(1,1);opacity:.8}74%{transform:translateY(118px) scale(.96,1.06);opacity:.7}82%{transform:translateY(128px) scale(1.02,.98);opacity:.6}92%{transform:translateY(172px) scale(.96,1.06);opacity:0}100%{transform:translateY(190px) scale(1,1);opacity:0}}@media (max-width:960px){.droplet-showcase-section{padding:var(--spacing-lg) 0}.droplet-showcase-header{margin-bottom:var(--spacing-md)}.droplet-showcase-container{height:480px;margin-top:var(--spacing-sm)}.droplet-showcase-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:280px;max-height:340px;margin:0 auto}.droplet-showcase-droplets{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:block}.droplet-showcase-droplets .droplet-item{position:absolute;width:48px;height:62px;opacity:1}.droplet-showcase-droplets .droplet-item.droplet-pos-3,.droplet-showcase-droplets .droplet-item.droplet-pos-5,.droplet-showcase-droplets .droplet-item.droplet-pos-8{width:58px;height:76px}.droplet-showcase-droplets .droplet-item.droplet-pos-2,.droplet-showcase-droplets .droplet-item.droplet-pos-7,.droplet-showcase-droplets .droplet-item.droplet-pos-9{width:38px;height:48px}.droplet-showcase-droplets .droplet-content{padding:18px 4px 4px 4px}.droplet-showcase-droplets .droplet-text{font-size:8px}.droplet-showcase-droplets .droplet-subtext{font-size:6px}.droplet-showcase-droplets .droplet-pos-1{top:-10px;left:50%;transform:translateX(-50%)}.droplet-showcase-droplets .droplet-pos-2{top:15%;left:6%}.droplet-showcase-droplets .droplet-pos-3{top:22%;right:6%}.droplet-showcase-droplets .droplet-pos-4{bottom:15%;left:8%}.droplet-showcase-droplets .droplet-pos-5{bottom:-10px;left:50%;transform:translateX(-50%)}.droplet-showcase-droplets .droplet-pos-6{top:10%;right:12%}.droplet-showcase-droplets .droplet-pos-7{top:42%;left:4%}.droplet-showcase-droplets .droplet-pos-8{bottom:25%;right:8%}.droplet-showcase-droplets .droplet-pos-9{bottom:2%;left:20%}.droplet-showcase-droplets .droplet-pos-10{bottom:2%;right:20%}}@media (max-width:600px){.droplet-showcase-section{padding:var(--spacing-md) 0}.droplet-showcase-container{height:420px}.droplet-showcase-center{max-width:230px;max-height:290px}.droplet-showcase-droplets .droplet-item{width:42px;height:54px}.droplet-showcase-droplets .droplet-item.droplet-pos-3,.droplet-showcase-droplets .droplet-item.droplet-pos-5,.droplet-showcase-droplets .droplet-item.droplet-pos-8{width:50px;height:64px}.droplet-showcase-droplets .droplet-item.droplet-pos-2,.droplet-showcase-droplets .droplet-item.droplet-pos-7,.droplet-showcase-droplets .droplet-item.droplet-pos-9{width:32px;height:42px}.droplet-showcase-droplets .droplet-content{padding:15px 3px 3px 3px}.droplet-showcase-droplets .droplet-text{font-size:7px}.droplet-showcase-droplets .droplet-subtext{font-size:5.5px}}@media (prefers-reduced-motion:reduce){.droplet-item,.droplet-content,.droplet-center-img{animation:none;transition:none}.droplet-item::before{display:none}}