.problem-story{--moments:3;z-index:2;background:var(--color-brand-purple);color:#fbfaf8;scroll-margin-top:112px;position:relative}.problem-story__intro{text-align:center;max-width:1184px;margin:0 auto;padding:120px 48px 16px}.problem-story__premise{color:#ffce50;letter-spacing:-.01em;margin:0 0 22px;font-size:clamp(18px,1.8vw,23px);font-weight:500;line-height:1.4}.problem-story__headline{letter-spacing:-.04em;text-wrap:balance;max-width:900px;margin:0 auto;font-size:clamp(38px,3.7vw,56px);font-weight:500;line-height:1.06}.problem-story__track{height:calc(100svh + (var(--moments) - 1) * 100svh);position:relative}.problem-story__stage{background:var(--color-brand-purple);flex-direction:column;align-items:center;height:100svh;padding:clamp(116px,15svh,148px) 0 clamp(28px,5svh,56px);display:flex;position:sticky;top:0;overflow:hidden}.problem-story__titles,.problem-story__bodies{text-align:center;width:100%;padding:0 24px;display:grid}.problem-story__moment{opacity:0;filter:blur(10px);grid-area:1/1;transition:opacity .5s,filter .5s,transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.problem-story__moment[data-active=true]{opacity:1;filter:blur();transform:none}.problem-story__titles h3{letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.12}.problem-story__titles h3 span{color:var(--color-brand-yellow);display:block}.problem-story__bodies p{color:#e7e4ea;max-width:440px;margin:0 auto;font-size:clamp(15px,1.15vw,17px);line-height:1.6}.problem-story__timeline{--day-width:112px;flex:none;width:100%;height:92px;margin-top:clamp(20px,3.5svh,36px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.problem-story__scale{width:calc(var(--timeline-days) * var(--day-width));height:28px;transform:translate3d(calc(var(--timeline-day,0) * var(--day-width) * -1), 0, 0);will-change:transform;border-bottom:1px solid #fbfaf88c;position:absolute;top:10px;left:50%}.problem-story__scale:before{content:"";background:linear-gradient(90deg, #fbfaf88c 0 1px, transparent 1px) 100vw 100% / var(--day-width) 18px repeat-x, linear-gradient(90deg, #fbfaf842 0 1px, transparent 1px) 100vw 100% / calc(var(--day-width) / 4) 8px repeat-x;position:absolute;inset:0 -100vw}.problem-story__scale-day{top:38px;left:calc(var(--day) * var(--day-width));color:#e7e4ea99;font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;font-size:11px;line-height:1.3;position:absolute;transform:translate(-50%)}.problem-story__scale-day[data-inspection=true]{color:#fbfaf8;text-transform:uppercase}.problem-story__scale-day[data-inspection=true]:before{content:"";background:#fbfaf8;width:1px;height:28px;position:absolute;bottom:calc(100% + 9px);left:50%}.problem-story__playhead{background:var(--color-brand-yellow);border-radius:1px;width:2px;height:36px;margin-left:-1px;position:absolute;top:4px;left:50%}.problem-story__readout{background:var(--color-brand-yellow);color:var(--color-brand-ink);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;line-height:1.4;position:absolute;top:64px;left:50%;transform:translate(-50%)}.problem-story__visual{flex:auto;place-items:center;width:100%;min-height:0;padding:clamp(8px,2svh,20px) 24px;display:grid}.problem-story__visual img{object-fit:contain;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;width:auto;max-width:100%;height:100%;max-height:440px;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 6% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 6% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.problem-story__flow{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;list-style:none;position:absolute;overflow:hidden}.problem-solution{z-index:4;background:var(--color-brand-canvas);color:var(--color-brand-ink);padding:88px 48px 96px;position:relative}.problem-solution__inner{max-width:1184px;margin:0 auto}.problem-solution h2{max-width:800px;color:var(--color-brand-purple);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(32px,4.2vw,58px);font-weight:500;line-height:1.1}.problem-solution h2 span{display:block}.problem-solution__description{max-width:740px;color:var(--color-brand-ink);margin:28px 0 0;font-size:clamp(18px,1.8vw,22px);line-height:1.55}@media (width<=799px){.problem-story__intro{padding:72px 24px 8px}.problem-story__stage{padding-top:96px}.problem-story__timeline{--day-width:80px}.problem-solution{padding:48px 24px 40px}}@media (width<=520px){.problem-story__intro{padding:56px 16px 8px}.problem-story__premise{font-size:18px}.problem-story__headline{font-size:clamp(34px,9vw,44px)}.problem-story__titles h3{font-size:27px}.problem-solution{padding:40px 16px 34px}}@media (prefers-reduced-motion:reduce),(height<=599px){.problem-story__track{height:auto;padding:8px 48px 64px}.problem-story__stage{display:none}.problem-story__flow{grid-template-columns:repeat(var(--moments), 1fr);clip:auto;white-space:normal;border-top:1px solid #fbfaf840;gap:32px;width:auto;max-width:1184px;height:auto;margin:32px auto 0;padding:28px 0 0;display:grid;position:static;overflow:visible}.problem-story__flow h3{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.15}.problem-story__flow h3 span{color:var(--color-brand-yellow);display:block}.problem-story__flow p{color:#e7e4ea;margin:0;font-size:16px;line-height:1.6}.problem-story__flow .problem-story__flow-day{color:#e7e4eab3;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:12px}}@media (prefers-reduced-motion:reduce) and (width<=799px),(height<=599px) and (width<=799px){.problem-story__track{padding:8px 24px 48px}.problem-story__flow{grid-template-columns:1fr}}.problem-solution__inner{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:64px;display:grid}.problem-solution__message{min-width:0}.problem-solution__mark{object-fit:contain;width:100%;height:auto;max-height:280px;display:block}.problem-solution__highlight{isolation:isolate;white-space:nowrap;font-style:normal;display:inline-block;position:relative}.problem-solution__highlight:before{content:"";z-index:-1;background:var(--color-brand-yellow);clip-path:polygon(1% 12%,17% 7%,16% 2%,49% 7%,75% 1%,99% 8%,97% 30%,100% 43%,98% 70%,100% 86%,73% 94%,49% 89%,24% 100%,1% 91%,3% 69%,0 47%);position:absolute;inset:16% -4% 0;transform:rotate(-2deg)}@media (width<=900px){.problem-solution__inner{grid-template-columns:minmax(0,1fr) 180px;gap:36px}}@media (width<=600px){.problem-solution__inner{grid-template-columns:1fr;gap:28px}.problem-solution__mark{justify-self:end;width:100px}}.problem-solution{scroll-margin-top:120px}.problem-story__stage{grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;display:grid}.problem-story__visual{align-self:stretch;height:100%;min-height:0;position:relative}.problem-story__visual img{width:100%;height:100%;max-height:none;padding:12px 24px;position:absolute;inset:0}.problem-story__moment{filter:none;transition:opacity .24s,transform .24s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce),(height<=599px){.problem-story__stage{display:none}}.problem-story__emphasis{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 20' preserveAspectRatio='none'%3E%3Cpath fill='%23FFCE50' d='M2 7L70 4 68 2 185 5 310 1 420 4 598 2 594 7 600 10 595 14 598 17 465 16 325 20 210 17 95 19 1 16 5 12Z'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:no-repeat;background-size:100% .16em;padding-bottom:.07em}.product-panel__track{position:relative}.product-panel__track--pinned{min-height:350svh}.product-panel{z-index:10;border-top:1px solid var(--color-brand-neutral-200);background:var(--color-brand-canvas);min-height:100svh;color:var(--color-brand-ink);border-radius:20px 20px 0 0;align-items:center;padding:128px 48px 48px;scroll-margin-top:96px;display:flex;position:relative;box-shadow:0 -12px 36px #0e0a1414}.product-panel--brood-monitor{z-index:10;background:var(--color-brand-neutral-100)}.product-panel--hive-scale{z-index:20;background:#fff}.product-panel--apiary-hub{z-index:30;background:var(--color-brand-neutral-100)}.product-panel__inner{align-items:stretch;gap:40px;width:min(100%,1484px);min-height:calc(100svh - 176px);margin:auto;display:flex}.product-panel__copy{flex-direction:column;flex:none;justify-content:center;gap:40px;width:36%;max-width:540px;padding:4px 0;display:flex}.product-panel__name-row{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.product-panel__name-row h2{color:var(--color-brand-purple);letter-spacing:-.02em;margin:0;font-size:clamp(44px,3.2vw,60px);font-weight:500;line-height:1.04}.product-panel__descriptor{isolation:isolate;color:var(--color-brand-purple);white-space:nowrap;padding:0 5px;font-size:18px;font-weight:500;line-height:1.4;position:relative}.product-panel__descriptor:before{content:"";z-index:-1;background:var(--color-brand-yellow);clip-path:polygon(1% 12%,17% 7%,16% 2%,49% 7%,75% 1%,99% 8%,97% 30%,100% 43%,98% 70%,100% 86%,73% 94%,49% 89%,24% 100%,1% 91%,3% 69%,0 47%);position:absolute;inset:12% -3% 0;transform:rotate(-2deg)}.product-panel__title{letter-spacing:-.015em;max-width:520px;color:var(--color-brand-purple);margin:0;font-size:clamp(20px,1.6vw,26px);font-weight:500;line-height:1.25}.product-panel__description{color:var(--color-brand-neutral-600);margin:0;font-size:clamp(15px,1vw,17px);line-height:1.65}.product-panel__visual{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.product-panel__media{place-items:center;width:100%;min-height:min(58svh,640px);display:grid}.product-panel__poster{object-fit:contain;grid-area:1/1;width:100%;max-height:calc(100svh - 260px);display:block}.product-panel__poster[hidden]{display:none}.product-panel__link{border:1px solid var(--color-brand-purple);min-height:48px;color:var(--color-brand-purple);transition:background-color var(--bp-duration-fast) var(--bp-ease-standard), color var(--bp-duration-fast) var(--bp-ease-standard);border-radius:999px;align-items:center;gap:12px;margin-top:24px;padding:0 22px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.product-panel__link:hover{background:var(--color-brand-purple);color:#fff}.product-panel a:focus-visible{outline:2px solid var(--color-brand-purple);outline-offset:3px}@media (width<=1050px){.product-panel{padding-inline:32px}.product-panel__copy{width:42%}.product-panel{min-height:0;box-shadow:none;border-radius:0;padding:112px 24px 64px}.product-panel__inner{flex-direction:column;gap:32px;min-height:0}.product-panel__copy{gap:28px;width:100%;max-width:620px}.product-panel__media{min-height:44svh}.product-panel__poster{max-height:44svh}.product-panel--visual-first .product-panel__visual{order:2}.product-panel--visual-first .product-panel__copy{order:1}}@media (width<=520px){.product-panel{padding:96px 16px 48px}.product-panel__name-row h2{font-size:40px}}@media (prefers-reduced-motion:reduce){.product-panel *{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (height<=699px) and (width>=1051px){.product-panel,.product-panel__inner{min-height:0}.product-panel__poster{max-height:none}}.product-panel__place{color:var(--color-brand-purple);font:400 12px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}@media (width<=1050px),(height<=699px){.product-panel.product-panel--card{border-radius:20px 20px 0 0;margin-top:-20px;box-shadow:0 -12px 36px #0e0a1414}}