.bokah-compare{position:relative;overflow:hidden;inline-size:100%;background:var(--surface);border:var(--border-hair) solid var(--border-strong);border-radius:var(--radius-lg);touch-action:pan-y;user-select:none;cursor:ew-resize;isolation:isolate}.bokah-compare__layer{position:absolute;inset:0}.bokah-compare__layer img,.bokah-compare__layer picture,.bokah-compare__layer>*{display:block;inline-size:100%;block-size:100%;object-fit:cover}.bokah-compare__layer picture{aspect-ratio:auto!important}.bokah-compare__mask{position:absolute;inset:0;overflow:hidden;z-index:1;transform:translateX(calc(var(--compare-pos) - 100%))}.bokah-compare__mask>.bokah-compare__layer{transform:translateX(calc(100% - var(--compare-pos)))}.bokah-compare__rail{position:absolute;inset:0;z-index:2;pointer-events:none;transform:translateX(var(--compare-pos))}.bokah-compare__divider,.bokah-compare__handle{position:absolute;inset-inline-start:0}.bokah-compare__divider{inset-block:0;inline-size:var(--space-1);margin-inline-start:calc(var(--space-1) / -2);background:color-mix(in srgb,var(--color-silver) 22%,var(--surface))}.bokah-compare__handle{display:grid;place-items:center;inset-block-start:50%;pointer-events:auto;inline-size:var(--space-6);block-size:calc(var(--space-8) + var(--space-2));margin-block-start:calc((var(--space-8) + var(--space-2)) / -2);margin-inline-start:calc(var(--space-6) / -2);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-silver) 22%,var(--surface));color:var(--text);cursor:ew-resize;outline:none;transition:transform var(--dur-fast) var(--ease-out-fabric)}.bokah-compare__grip{inline-size:var(--space-4);block-size:var(--space-4)}.bokah-compare__handle:focus-visible{transform:scale(1.1)}@media (hover:hover) and (pointer:fine){.bokah-compare:hover .bokah-compare__handle{transform:scale(1.1)}}.bokah-compare__handle:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.bokah-compare__tag{position:absolute;inset-block-start:var(--space-4);z-index:3;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-weight:500;text-transform:uppercase;line-height:var(--leading-caption);letter-spacing:var(--tracking-caps-micro);font-size:var(--type-eyebrow);color:var(--text);background:color-mix(in srgb,var(--surface) 70%,transparent);pointer-events:none}.bokah-compare__tag--before{inset-inline-start:var(--space-4)}.bokah-compare__tag--after{inset-inline-end:var(--space-4)}.bokah-compare[data-demo] .bokah-compare__mask,.bokah-compare[data-demo] .bokah-compare__mask>.bokah-compare__layer,.bokah-compare[data-demo] .bokah-compare__rail{transition:transform var(--dur-cinematic) var(--ease-in-out-press)}@media (prefers-reduced-motion:reduce){.bokah-compare[data-demo] .bokah-compare__mask,.bokah-compare[data-demo] .bokah-compare__mask>.bokah-compare__layer,.bokah-compare[data-demo] .bokah-compare__rail,.bokah-compare__handle{transition:none}}.generic-vs-bokah{padding:var(--section-pad-inner) var(--space-6) var(--section-pad-act);background:transparent}.generic-vs-bokah__stage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--space-12);row-gap:var(--space-4);align-items:start;inline-size:100%;max-inline-size:76rem;margin-inline:auto}.generic-vs-bokah__badge{grid-row:1;justify-self:start;padding:var(--space-1) var(--space-3);border:var(--border-hair) solid var(--border-strong);border-radius:var(--radius-pill);font-family:var(--font-mono);line-height:var(--leading-caption);letter-spacing:var(--tracking-caps-micro);font-size:var(--type-eyebrow);color:var(--text-muted)}.generic-vs-bokah__badge,.generic-vs-bokah__line{grid-column:1;font-weight:500;text-transform:uppercase;opacity:0}.generic-vs-bokah__line{grid-row:2;margin:0;max-inline-size:18ch;font-family:var(--font-title);font-size:var(--type-xl);line-height:var(--leading-heading-sm);text-wrap:balance;color:var(--text)}.generic-vs-bokah__emphasis,.generic-vs-bokah__panel--bokah .generic-vs-bokah__panelLabel{color:var(--color-accent)}.generic-vs-bokah__compare{grid-column:1/-1;grid-row:3;margin-block-start:var(--space-8);opacity:0;-webkit-mask-image:linear-gradient(to bottom,transparent,var(--color-ink) 9%,var(--color-ink) 91%,transparent);mask-image:linear-gradient(to bottom,transparent,var(--color-ink) 9%,var(--color-ink) 91%,transparent)}.generic-vs-bokah__legend{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-8);row-gap:var(--space-6);opacity:0}.generic-vs-bokah__panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.generic-vs-bokah__panel--bokah{align-items:flex-end;text-align:end}.generic-vs-bokah__panelLabel{margin:0;font-family:var(--font-title);font-size:var(--type-body-lg);font-weight:500;text-transform:uppercase;line-height:var(--leading-sub);color:var(--text)}.generic-vs-bokah__panelCaption{margin:0;max-inline-size:40ch;font-size:var(--type-xs);line-height:1.5;text-wrap:pretty;color:var(--text-muted)}.generic-vs-bokah__panel--bokah .generic-vs-bokah__panelCaption{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-ink)}.generic-vs-bokah .bokah-compare__layer--after:after{content:"";position:absolute;inset:0;border:var(--border-hair) solid color-mix(in srgb,var(--color-accent) 40%,transparent);pointer-events:none}.generic-vs-bokah .bokah-compare__handle{background:var(--color-ink);box-shadow:0 0 0 2px var(--color-accent)}.generic-vs-bokah .bokah-compare__grip{display:none}.generic-vs-bokah .bokah-compare__handle:after{content:"→";color:var(--color-accent)}@media (max-width:767px){.generic-vs-bokah{padding-block:var(--space-8) var(--space-16)}.generic-vs-bokah__stage{grid-template-columns:minmax(0,1fr)}.generic-vs-bokah__badge{grid-column:1;grid-row:1}.generic-vs-bokah__line{grid-column:1;grid-row:2;max-inline-size:20ch}.generic-vs-bokah__compare{grid-row:3;margin-block-start:var(--space-4)}.generic-vs-bokah__legend{grid-row:4;grid-template-columns:minmax(0,1fr)}.generic-vs-bokah__panel--bokah{align-items:flex-start;text-align:start}.generic-vs-bokah__compare .bokah-compare{aspect-ratio:4/5!important}}@media (prefers-reduced-motion:reduce){.generic-vs-bokah__badge,.generic-vs-bokah__compare,.generic-vs-bokah__legend,.generic-vs-bokah__line{opacity:1}}:root[data-tier="0"] .generic-vs-bokah__badge,:root[data-tier="0"] .generic-vs-bokah__compare,:root[data-tier="0"] .generic-vs-bokah__legend,:root[data-tier="0"] .generic-vs-bokah__line{opacity:1}.hero{position:relative;background:transparent}:root:has(.hero){--page-grain-opacity:0.055}.hero__stage{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;background:var(--surface)}.hero__canvas,.hero__fallback,.hero__fallback img,.hero__poster,.hero__still,.hero__still img,.hero__stills{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hero__fallback{z-index:1}.hero__fallback picture{display:contents}.hero__stage .hero__fallback{display:grid;place-items:center;background:var(--surface)}.hero__stage .hero__fallback img{position:static;inline-size:min(100%,calc(100svh * 16 / 9));block-size:auto;aspect-ratio:16/9;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,var(--color-ink) 14%,var(--color-ink) 86%,transparent),linear-gradient(to right,transparent,var(--color-ink) 8%,var(--color-ink) 92%,transparent);mask-composite:intersect}.hero[data-rest] .hero__stills{display:none}@media (max-width:767px){.hero__stage .hero__fallback img{inline-size:200%;max-inline-size:none;transform:translateY(-16%)}}.hero__still{opacity:0;visibility:hidden}.hero__canvas[hidden]{display:none}.hero__still:last-child img{object-fit:contain}.hero__backStill{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;background:var(--surface)}.hero__backStill img{display:block;inline-size:100%;block-size:100%;object-fit:contain}@media (min-width:768px){.hero__backStill{box-sizing:border-box;padding:calc(var(--header-h) + var(--space-8)) var(--space-16) var(--space-8)}.hero__backStill img{mask-image:linear-gradient(to bottom,transparent,var(--color-ink) 10%,var(--color-ink) 90%,transparent),linear-gradient(to right,transparent,var(--color-ink) 6%,var(--color-ink) 94%,transparent);mask-composite:intersect}}.hero__letterbox{position:absolute;left:0;right:0;height:12vh;background:var(--surface);z-index:var(--z-content);transform:scaleY(0);pointer-events:none}.hero__letterbox--top{top:0;transform-origin:top}.hero__letterbox--bottom{bottom:0;transform-origin:bottom}.hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgb(9 9 11/12%),rgb(9 9 11/20%) 50%,rgb(9 9 11/86%));pointer-events:none}.hero__scrollbar{position:absolute;right:var(--space-8);top:18%;bottom:18%;z-index:var(--z-content);display:flex}@media (max-width:767px){.hero__scrollbar{bottom:34%}}.hero__scrollbarTrack{position:relative;width:2px;height:100%;background:var(--border-subtle);border-radius:var(--radius-pill)}.hero__scrollbarThumb{position:absolute;top:0;left:50%;translate:-50% 0;width:4px;height:34px;border-radius:var(--radius-pill);background:var(--color-accent)}.hero__dot{position:absolute;left:50%;width:var(--space-6);height:var(--space-6);translate:-50% -50%;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.hero__dot,.hero__dot:before{border-radius:var(--radius-pill)}.hero__dot:before{content:"";width:6px;height:6px;background:var(--border-strong);transition:background var(--dur-fast) var(--ease-out-fabric)}@media (hover:hover) and (pointer:fine){.hero__dot:hover:before{background:var(--color-accent)}}.hero__dot:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.hero__dot:before{transition:none}}.hero__beats{position:absolute;left:var(--space-8);right:var(--space-8);bottom:100px;z-index:var(--z-content);pointer-events:none}.hero__beat{position:absolute;inset-inline:0;bottom:0;opacity:0;transform:translateY(22px)}.hero__beat--primary{opacity:1;transform:translateY(0)}.hero__beatIndex{font-family:var(--font-mono);font-size:var(--type-xs);line-height:var(--leading-caption);letter-spacing:var(--tracking-caps-micro);color:var(--color-accent);margin-bottom:var(--space-3)}.hero__beatIndex,.hero__beatLine{font-weight:500;text-transform:uppercase}.hero__beatLine{font-family:var(--font-display);line-height:var(--leading-display);font-size:clamp(1.875rem,4.5vw,3.75rem);margin:0;max-width:22ch;color:var(--text);text-wrap:balance}.hero__beat--quiet .hero__beatLine{font-size:clamp(1.3125rem,3vw,2.25rem);color:var(--text)}.hero__beatDescriptor{margin:var(--space-3) 0 0;max-inline-size:30ch;font-family:var(--font-body);font-size:clamp(1.375rem,2.4vw,2rem);font-weight:400;line-height:var(--leading-lead);color:var(--text)}[data-hero-primary],[data-hero-secondary]{opacity:0;transform:translateY(22px)}.hero__progressTrack{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--border-subtle);z-index:var(--z-content)}.hero__progressFill{height:100%;background:var(--color-accent);transform:scaleX(0);transform-origin:left}@media (max-width:767px){.hero__scrim{background:linear-gradient(180deg,rgb(9 9 11/12%),rgb(9 9 11/30%) 40%,rgb(9 9 11/88%))}.hero__still:nth-child(2) img{object-position:68% 50%}}@media (prefers-reduced-motion:reduce){.hero__beat,[data-hero-primary],[data-hero-secondary]{transform:none}}.pain-point{padding:var(--section-pad-inner) var(--space-6) var(--section-pad-act);background:transparent}.pain-point__spread{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--space-12);row-gap:var(--space-12);align-items:start;inline-size:100%;max-inline-size:76rem;margin-inline:auto}.pain-point__intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6);min-inline-size:0}.pain-point__label{display:flex;align-items:center;gap:var(--space-3);margin:0;font-family:var(--font-mono);font-weight:500;text-transform:uppercase;line-height:var(--leading-caption);letter-spacing:var(--tracking-caps-micro);font-size:var(--type-eyebrow);color:var(--text-muted);opacity:0}.pain-point__label:before{content:"";inline-size:var(--space-8);block-size:var(--border-hair);background:var(--color-accent)}.pain-point__product{margin:0;max-inline-size:36ch;font-size:var(--type-body-lg);line-height:1.45;text-wrap:pretty;color:var(--text);opacity:0}.pain-point__beat{display:flex;flex-direction:column;gap:var(--space-4);min-inline-size:0;opacity:0}.pain-point__heading{margin:0;max-inline-size:18ch;font-family:var(--font-title);font-size:var(--type-xl);font-weight:500;text-transform:uppercase;line-height:var(--leading-heading-sm);text-wrap:balance;color:var(--text)}.pain-point__headingEmphasis{color:var(--color-accent)}.pain-point__beatText{margin:0;max-inline-size:52ch;font-size:var(--type-base);line-height:1.5;text-wrap:pretty;color:var(--text-muted)}.pain-point__image{grid-column:1/-1;overflow:hidden;aspect-ratio:21/9;border:var(--border-hair) solid var(--silver-12);border-radius:var(--radius-lg);opacity:0}.pain-point__image picture{aspect-ratio:auto!important;block-size:100%}.pain-point__image img{block-size:100%;object-fit:cover}.pain-point__evidence{display:flex;flex-direction:column;gap:var(--space-4);inline-size:100%;max-inline-size:76rem;margin-inline:auto;margin-block-start:var(--space-12)}.pain-point__statsLabel{margin:0;font-family:var(--font-mono);font-weight:500;text-transform:uppercase;line-height:var(--leading-caption);letter-spacing:var(--tracking-caps-micro);font-size:var(--type-eyebrow);color:var(--text-muted)}.pain-point__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-8);row-gap:var(--space-8);margin:0;padding:0;list-style:none}.pain-point__stat{display:flex;flex-direction:column;gap:var(--space-2);padding-block-start:var(--space-4);border-block-start:var(--border-hair) solid var(--border-subtle);opacity:0}.pain-point__statIndex{font-family:var(--font-mono);font-size:var(--type-xs);font-weight:500;text-transform:uppercase;line-height:var(--leading-caption);letter-spacing:var(--tracking-caps-micro);color:var(--color-accent)}.pain-point__statText{margin:0;max-inline-size:36ch;font-size:var(--type-body-lg);font-weight:400;line-height:1.5;text-wrap:pretty;color:var(--text)}@media (max-width:767px){.pain-point{padding-block:var(--space-8) var(--space-16)}.pain-point__spread{grid-template-columns:minmax(0,1fr);row-gap:var(--space-8)}.pain-point__image{aspect-ratio:4/3}.pain-point__stats{grid-template-columns:minmax(0,1fr)}.pain-point__evidence{margin-block-start:var(--space-8)}}@media (prefers-reduced-motion:reduce){.pain-point__beat,.pain-point__image,.pain-point__label,.pain-point__product,.pain-point__stat{opacity:1}}:root[data-tier="0"] .pain-point__beat,:root[data-tier="0"] .pain-point__image,:root[data-tier="0"] .pain-point__label,:root[data-tier="0"] .pain-point__product,:root[data-tier="0"] .pain-point__stat{opacity:1}