.hero-banner{--hero-banner-pad-bottom:clamp(28px,5vh,56px);--hero-banner-box-radius:28px;--hero-part-count:3;position:relative;width:100%;max-width:100%;overflow-x:clip;font-family:var(--meta-font);isolation:isolate}.hero-banner--parallax{height:calc(var(--hero-part-count, 3) * 100dvh)}.hero-banner--no-video-scene.hero-banner--parallax{height:auto;min-height:100dvh;min-height:100svh}.hero-banner--no-video-scene.hero-banner--parallax .hero-banner__stage.is-ended,.hero-banner--no-video-scene.hero-banner--parallax .hero-banner__stage.is-pinned{position:relative;top:auto;bottom:auto}.hero-banner--no-video-scene .hero-banner__part--intro{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;height:auto;min-height:100dvh;min-height:100svh;padding-top:calc(var(--meta-header-stack) + clamp(12px, 3vh, 28px));padding-bottom:max(clamp(12px,2vh,20px),env(safe-area-inset-bottom,0px))}.hero-banner--no-video-scene .hero-banner__container{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,2.5vh,24px);min-height:0;width:100%}.hero-banner--no-video-scene .hero-banner__eyebrow,.hero-banner--no-video-scene .hero-banner__intro-description{margin:0}.hero-banner--no-video-scene .hero-banner__title{text-wrap:balance}.hero-banner--no-video-scene .hero-banner__intro-description{text-wrap:pretty}.hero-banner--no-video-scene .hero-banner__scroll-cue{position:relative;bottom:auto;left:auto;flex:0 0 auto;align-self:center;gap:clamp(8px,1.5vh,10px);margin-top:auto;transform:none}.hero-banner--no-video-scene .hero-banner__stage{height:auto;min-height:100dvh;min-height:100svh;overflow:visible}.hero-banner--static{height:auto}.hero-banner__stage{position:relative;top:0;left:0;z-index:1;width:100%;height:100dvh;overflow:hidden}.hero-banner--parallax .hero-banner__stage.is-pinned{position:fixed;top:0;left:0;right:0;width:100%;height:100dvh;z-index:25}.hero-banner--parallax .hero-banner__stage.is-ended{position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;height:100dvh}.hero-banner--static .hero-banner__stage{position:relative;display:flex;flex-direction:column;height:auto;min-height:calc(var(--hero-part-count) * 100dvh);overflow-x:clip;overflow-y:visible}.hero-banner--static .hero-banner__part--intro{order:1}.hero-banner--static .hero-banner__video{order:2}.hero-banner__bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;transition:none;background:var(--proppik-aura-bg)}.hero-banner__video{position:absolute;inset:0;z-index:3;display:flex;box-sizing:border-box;padding:0;opacity:1;will-change:transform}.hero-banner--parallax .hero-banner__video{visibility:hidden;transform:translate3d(0,100%,0)}.hero-banner__video-wrap{display:flex;flex:1 1;width:100%;min-height:0;margin:0}.hero-banner__video-box{position:relative;flex:1 1;width:100%;height:100%;min-height:100%;overflow:hidden;border:none;border-radius:0;background:#000}.hero-banner__video-el{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__video-controls{position:absolute;top:calc(var(--meta-header-stack) + 8px);right:clamp(16px,2.4vw,28px);z-index:4}.hero-banner__video-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:rgba(255,255,255,.92);color:var(--meta-text);font-size:16px;cursor:pointer;box-shadow:0 4px 20px rgba(15,20,40,.12);transition:transform .2s ease,background-color .2s ease}.hero-banner__video-toggle:hover{transform:scale(1.05);background:#fff}.hero-banner__video-toggle:focus-visible{outline:2px solid var(--proppik-blue);outline-offset:3px}.hero-banner__dock{position:absolute;right:0;bottom:0;left:0;z-index:5;box-sizing:border-box;padding:0 0 clamp(16px,2.4vh,24px);will-change:opacity,transform}.hero-banner__dock-backdrop{position:absolute;right:0;bottom:0;left:0;height:calc(100% + clamp(48px, 8vh, 96px));pointer-events:none;border-radius:0;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.62) 38%,rgba(0,0,0,.28) 68%,transparent)}.hero-banner__dock-inner{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(16px,3vw,32px);width:100%;max-width:var(--meta-container-width);margin:0 auto;padding:clamp(16px,2.4vh,24px) var(--meta-section-padding-x) clamp(4px,1vh,8px);box-sizing:border-box}.hero-banner__dock-copy{flex:1 1 auto;min-width:0;max-width:640px;text-align:left}.hero-banner__dock-description{margin:0 0 14px;color:#fff;font-size:clamp(17px,2.1vw,22px);font-weight:600;line-height:1.45;letter-spacing:-.02em}.hero-banner__dock-actions{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.hero-banner__bg-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.hero-banner__bg-glow--left{z-index:0;width:min(720px,72vw);height:min(720px,72vw);left:0;top:0;opacity:.82;background:radial-gradient(circle,var(--proppik-aura-blue-soft) 0,transparent 68%);transform:translate(-40%,-38%)}.hero-banner__bg-glow--right{z-index:0;width:min(620px,58vw);height:min(620px,58vw);right:0;bottom:0;opacity:.5;filter:blur(100px);background:radial-gradient(circle,var(--proppik-aura-gold-soft) 0,transparent 70%);transform:translate(36%,32%)}.hero-banner__wave{position:absolute;inset:0;z-index:1;opacity:.28;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.22) 35%,transparent 55%);filter:blur(30px);animation:heroBannerMilkMove 12s ease-in-out infinite alternate;pointer-events:none}.hero-banner__wave--two{background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.18) 48%,transparent 70%);animation-duration:16s}@keyframes heroBannerMilkMove{0%{transform:translateX(-24px) rotate(-8deg)}to{transform:translateX(24px) rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.hero-banner__wave{animation:none}}.hero-banner__part{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100dvh;padding-top:var(--meta-header-stack);padding-bottom:var(--hero-banner-pad-bottom);will-change:opacity,transform}.hero-banner--static .hero-banner__part{position:relative;inset:auto;height:auto;min-height:100dvh}.hero-banner--static .hero-banner__part--intro,.hero-banner--static .hero-banner__video{opacity:1!important;visibility:visible!important}.hero-banner--static .hero-banner__video{position:relative;inset:auto;top:auto;padding:0 var(--meta-section-padding-x) 40px}.hero-banner--static .hero-banner__video-box{min-height:clamp(260px,32vw,520px)}.hero-banner--static .hero-banner__dock{position:absolute;opacity:1!important;visibility:visible!important;transform:none!important}.hero-banner__part--intro{z-index:6;flex-direction:column;justify-content:center;transition:none;pointer-events:none;will-change:opacity,transform,z-index}.hero-banner__part--intro .hero-banner__container{position:relative;z-index:1;pointer-events:auto;will-change:opacity,transform,filter}.hero-banner__intro-glass{position:absolute;z-index:0;inset:clamp(48px,12vh,120px) clamp(20px,5vw,72px);border:1px solid rgba(255,255,255,.62);border-radius:clamp(24px,4vw,40px);pointer-events:none;box-shadow:0 24px 64px rgba(24,24,27,.07),inset 0 1px 0 rgba(255,255,255,.72);will-change:opacity,backdrop-filter}.hero-banner__container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:980px;margin:0 auto;padding:0 var(--meta-section-padding-x);box-sizing:border-box;text-align:center;gap:0}.hero-banner__eyebrow{margin:0 0 clamp(20px,3vh,28px);padding:0;color:var(--proppik-blue);font-size:clamp(12px,1.35vw,15px);font-weight:800;line-height:1.45;letter-spacing:.12em;text-transform:uppercase;font-synthesis:none}.hero-banner__title{margin:0;color:var(--meta-text);font-size:clamp(40px,7vw,94px);font-weight:800;line-height:.98;letter-spacing:-.04em;max-width:980px;font-synthesis:none}.hero-banner__title-accent{color:var(--proppik-blue);font-weight:800}.hero-banner__intro-description{margin:clamp(24px,3.5vh,34px) auto 0;color:var(--meta-muted);font-size:clamp(18px,2.4vw,24px);font-weight:600;line-height:1.65;font-synthesis:none}.hero-banner__scroll-cue{position:absolute;bottom:clamp(22px,4vh,42px);left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateX(-50%);pointer-events:none}.hero-banner__scroll-label{color:var(--meta-muted-alt);font-size:11px;font-weight:600;line-height:1;letter-spacing:.18em;text-transform:uppercase}.hero-banner__scroll-line{display:block;width:1px;height:34px;border-radius:1px;background:linear-gradient(180deg,rgba(70,90,105,.45),rgba(70,90,105,.08))}.hero-banner__description{margin:0 0 40px;color:var(--meta-muted);font-size:clamp(17px,2.2vw,21px);font-weight:500;line-height:1.6;max-width:680px}.hero-banner__dock .hero-banner__trust{justify-content:flex-start;gap:10px 18px}.hero-banner__dock .hero-banner__trust-item{font-size:14px;color:rgba(255,255,255,.92)}.hero-banner__dock .hero-banner__trust-check{background:rgba(255,255,255,.16);color:#fff}.hero-banner__dock .hero-banner__cta--primary{border-color:transparent;background:var(--proppik-cta-primary-bg);color:var(--proppik-cta-primary-text)}.hero-banner__dock .hero-banner__cta--primary:hover{background:var(--proppik-cta-primary-hover-bg);color:var(--proppik-cta-primary-text)}.hero-banner__dock .hero-banner__cta--secondary{border:none;background:var(--proppik-cta-secondary-bg);color:var(--proppik-cta-secondary-text)}.hero-banner__dock .hero-banner__cta--secondary:hover{opacity:.94;color:var(--proppik-cta-secondary-text)}.hero-banner__actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:48px}.hero-banner__actions,.hero-banner__cta{align-items:center;justify-content:center}.hero-banner__cta{display:inline-flex;gap:8px;min-height:50px;padding:13px 30px;border-radius:999px;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,transform .2s ease,border-color .2s ease}.hero-banner__cta--primary{border:1px solid var(--proppik-blue-border);background:var(--proppik-cta-primary-bg);color:var(--proppik-cta-primary-text)}.hero-banner__cta--primary:hover{background:var(--proppik-cta-primary-hover-bg);color:var(--proppik-cta-primary-text);transform:translateY(-1px)}.hero-banner__cta--secondary{border:none;background:var(--proppik-cta-secondary-bg);color:var(--proppik-cta-secondary-text)}.hero-banner__cta--secondary:hover{opacity:.94;color:var(--proppik-cta-secondary-text);transform:translateY(-1px)}.hero-banner__trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;margin:0;padding:0;list-style:none}.hero-banner__trust-item{display:inline-flex;align-items:center;gap:10px;padding:0;background:transparent;color:var(--meta-text);font-size:15px;font-weight:600;line-height:1.35}.hero-banner__trust-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--proppik-blue-tint);color:var(--proppik-blue);font-size:14px;font-weight:800;line-height:1}.hero-banner__fade{opacity:0;transform:translateY(16px);animation:heroBannerFade .65s ease forwards}.hero-banner__fade--2{animation-delay:.08s}.hero-banner__fade--3{animation-delay:.16s}@keyframes heroBannerFade{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-banner__fade{animation:none;opacity:1;transform:none}.hero-banner__part{will-change:auto}.hero-banner__intro-glass{display:none}.hero-banner__part--intro .hero-banner__container{will-change:auto;transform:none!important;filter:none!important}}@media (max-width:1024px){.hero-banner{--hero-banner-pad-bottom:clamp(24px,4.5vh,48px);--hero-banner-mobile-screen:100dvh;--hero-banner-mobile-screen:100svh}.hero-banner--no-video-scene.hero-banner--parallax{height:var(--hero-banner-mobile-screen);min-height:var(--hero-banner-mobile-screen)}.hero-banner--no-video-scene .hero-banner__stage{height:100%;min-height:100%;overflow:hidden}.hero-banner--no-video-scene .hero-banner__part--intro{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;width:100%;height:100%;min-height:100%;padding-top:calc(var(--meta-header-stack) + max(8px, env(safe-area-inset-top, 0px)));padding-bottom:max(clamp(14px,2.5vh,20px),var(--mobile-bottom-bar-clearance,calc(62px + env(safe-area-inset-bottom, 0px))));padding-inline:clamp(22px,5vw,36px);box-sizing:border-box}.hero-banner--no-video-scene .hero-banner__container{flex:1 1 auto;justify-content:center;min-height:0;gap:clamp(18px,2.8vh,24px);width:100%;max-width:min(100%,92vw);padding-inline:0}.hero-banner--no-video-scene .hero-banner__scroll-cue{flex:0 0 auto;margin-top:auto;margin-bottom:0}.hero-banner--no-video-scene .hero-banner__intro-glass{display:none}.hero-banner--no-video-scene .hero-banner__title{font-size:clamp(38px,9.5vw,54px);line-height:1.08;letter-spacing:-.03em;max-width:none;text-wrap:balance}.hero-banner--no-video-scene .hero-banner__intro-description{max-width:38ch;font-size:clamp(17px,4.2vw,19px);line-height:1.55;text-wrap:pretty}.hero-banner--no-video-scene .hero-banner__eyebrow{max-width:28ch;font-size:clamp(13px,3.4vw,15px);line-height:1.45;letter-spacing:.12em}.hero-banner__eyebrow{margin-bottom:20px}.hero-banner__description{margin-bottom:32px;font-size:clamp(16px,2vw,19px)}.hero-banner__actions{margin-bottom:40px}.hero-banner__dock-inner{flex-direction:column;align-items:stretch;gap:20px;padding-inline:var(--meta-section-padding-inline)}.hero-banner__dock-copy{max-width:none;text-align:center}.hero-banner__dock-description{font-size:clamp(16px,2.4vw,19px);margin-bottom:12px}.hero-banner__dock-actions{justify-content:center;flex-wrap:wrap}.hero-banner__dock .hero-banner__trust{justify-content:center}}@media (max-width:767px){.hero-banner{--hero-banner-pad-bottom:clamp(20px,4vh,40px)}.hero-banner--no-video-scene .hero-banner__part--intro{gap:0;padding-inline:clamp(20px,5vw,28px)}.hero-banner--no-video-scene .hero-banner__container{gap:clamp(16px,2.6vh,20px);max-width:min(100%,94vw)}.hero-banner--no-video-scene .hero-banner__scroll-cue{gap:8px}.hero-banner--no-video-scene .hero-banner__scroll-label{font-size:11px;letter-spacing:.16em}.hero-banner--no-video-scene .hero-banner__scroll-line{height:24px}.hero-banner--no-video-scene .hero-banner__eyebrow{max-width:30ch;font-size:clamp(13px,3.6vw,15px);line-height:1.45;letter-spacing:.11em}.hero-banner--no-video-scene .hero-banner__title{font-size:clamp(36px,10.5vw,48px);line-height:1.08;max-width:none}.hero-banner--no-video-scene .hero-banner__intro-description{max-width:36ch;font-size:clamp(16px,4.4vw,18px);line-height:1.55}.hero-banner__container{padding:0 var(--meta-section-padding-mobile-x)}.hero-banner__dock-inner{padding-inline:var(--meta-section-padding-mobile-x)}.hero-banner__dock{padding-bottom:14px}.hero-banner__dock-inner{flex-direction:column;align-items:stretch;gap:20px;padding-top:24px}.hero-banner__dock-copy{max-width:none;text-align:center}.hero-banner__dock-description{margin-bottom:12px;font-size:16px}.hero-banner__dock-actions{justify-content:center}.hero-banner__dock .hero-banner__trust{justify-content:center;flex-direction:column;align-items:center;gap:12px}.hero-banner__video-controls{top:calc(var(--meta-header-stack) + 4px);right:12px}.hero-banner__eyebrow{margin-bottom:16px;font-size:clamp(13px,3.5vw,15px)}.hero-banner__intro-description{margin-top:20px;font-size:17px;font-weight:600;line-height:1.6}.hero-banner__intro-glass{inset:clamp(40px,10vh,88px) 16px;border-radius:24px}.hero-banner__scroll-cue{bottom:18px}.hero-banner__description{margin-bottom:28px;font-size:16px;line-height:1.55}.hero-banner__actions{flex-direction:column;width:100%;margin-bottom:32px}.hero-banner__cta{width:100%;max-width:320px;font-size:15px}.hero-banner__trust{flex-direction:column;align-items:center;gap:14px}.hero-banner__trust-item{font-size:14px}}@media (max-width:480px){.hero-banner--no-video-scene .hero-banner__part--intro{gap:0;padding-inline:16px}.hero-banner--no-video-scene .hero-banner__container{gap:14px}.hero-banner--no-video-scene .hero-banner__eyebrow{max-width:28ch;font-size:clamp(12px,3.4vw,14px);letter-spacing:.11em}.hero-banner--no-video-scene .hero-banner__title{font-size:clamp(34px,10vw,44px);line-height:1.08}.hero-banner--no-video-scene .hero-banner__intro-description{max-width:34ch;font-size:16px;line-height:1.52}.hero-banner--no-video-scene .hero-banner__scroll-line{height:22px}.hero-banner__title{font-size:clamp(36px,9.5vw,46px);line-height:1.05}}@media (max-width:767px) and (max-height:700px){.hero-banner--no-video-scene .hero-banner__part--intro{gap:0;padding-top:calc(var(--meta-header-stack) + max(4px, env(safe-area-inset-top, 0px)));padding-bottom:max(8px,var(--mobile-bottom-bar-clearance,calc(62px + env(safe-area-inset-bottom, 0px))))}.hero-banner--no-video-scene .hero-banner__container{gap:12px}.hero-banner--no-video-scene .hero-banner__eyebrow{font-size:12px}.hero-banner--no-video-scene .hero-banner__title{font-size:clamp(32px,9vw,40px);line-height:1.08}.hero-banner--no-video-scene .hero-banner__intro-description{font-size:15px;line-height:1.5}.hero-banner--no-video-scene .hero-banner__scroll-line{height:20px}}.hero-experience-tabs{display:flex;justify-content:center;width:100%;margin-bottom:var(--section-tabs-content-gap);font-family:var(--meta-font)}.hero-experience-tabs__shell{display:inline-flex;max-width:100%;width:-moz-fit-content;width:fit-content;padding:6px;border:1px solid var(--proppik-pill-tabs-shell-border);border-radius:999px;background:var(--proppik-pill-tabs-shell-bg);box-shadow:var(--proppik-pill-tabs-shell-shadow);box-sizing:border-box;isolation:isolate}.hero-experience-tabs__track{--tab-height:36px;position:relative;display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-experience-tabs__track::-webkit-scrollbar{display:none}.hero-experience-tabs__indicator{position:absolute;top:0;left:0;z-index:0;border-radius:999px;background:var(--proppik-blue);pointer-events:none;transition:transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1),height .34s cubic-bezier(.22,1,.36,1);will-change:transform,width,height}.hero-experience-tabs__tab{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--tab-height);margin:0;padding:0 calc(18px + .04em) 0 18px;border:none;border-radius:999px;background:transparent;color:var(--meta-muted);font-family:inherit;font-size:13px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:color .22s ease}.hero-experience-tabs__tab:active,.hero-experience-tabs__tab:focus,.hero-experience-tabs__tab:focus-visible{outline:none;box-shadow:none}.hero-experience-tabs__tab-text{display:block}.hero-experience-tabs__tab:hover:not(.is-active){color:var(--proppik-blue)}.hero-experience-tabs__tab.is-active{color:#fff}@media (max-width:767px){.hero-experience-tabs{margin-bottom:var(--section-tabs-content-gap)}.hero-experience-tabs__shell{width:100%;padding:5px}.hero-experience-tabs__track{--tab-height:34px;width:100%}.hero-experience-tabs__tab{padding:0 calc(14px + .04em) 0 14px;font-size:12px}}@media (max-width:480px){.hero-experience-tabs__shell{padding:4px;border-radius:999px}.hero-experience-tabs__track{--tab-height:32px;gap:2px}.hero-experience-tabs__tab{padding:0 calc(12px + .04em) 0 12px;font-size:clamp(12px,3.2vw,13px);letter-spacing:.03em}}@media (prefers-reduced-motion:reduce){.hero-experience-tabs__indicator,.hero-experience-tabs__tab{transition:none}}