.fp{--fp-ink:var(--lp-ink);--fp-soft:var(--lp-ink-soft);--fp-line:var(--lp-line);--fp-light-blue:var(--c-blue-light);--fp-navy:var(--c-night);--fp-ease:cubic-bezier(.22, 1, .36, 1);--fp-icon:20px;padding-block:var(--space-6);color:var(--fp-ink);scroll-margin-top:var(--space-5)}[data-theme=dark] .fp{--fp-light-blue:var(--c-periwinkle);--fp-navy:var(--c-mist)}.fp-inner{max-width:var(--page-max,1440px);padding-inline:var(--b4-gutter);margin-inline:auto}.fp-body{gap:var(--space-5);display:grid}.fp-copy{gap:var(--space-5);min-width:0;display:grid}.fp-copy.is-switched{animation:fp-settle .42s var(--fp-ease) both}.fp-section-head{margin-bottom:var(--space-5)}.lp-scope h2.fp-section-title{color:var(--c-blue);font-family:var(--lp-display);letter-spacing:-.03em;text-align:left;text-transform:none;text-wrap:balance;margin:0;font-size:clamp(32px,8.6vw,40px);font-weight:700;line-height:1.05}[data-theme=dark] .lp-scope h2.fp-section-title{color:var(--c-mist)}.fp-hl{color:var(--fp-light-blue)}.lp-scope .fp-title{overflow-wrap:anywhere;font-family:var(--lp-display);letter-spacing:-.02em;text-transform:none;text-wrap:balance;margin:0;font-size:clamp(24px,6.4vw,28px);font-weight:700;line-height:1.15}.fp-title-name{color:var(--fp-navy)}.fp-title-rest{color:var(--fp-light-blue)}.fp-text{overflow-wrap:anywhere;max-width:64ch;margin:var(--space-2) 0 0;color:var(--fp-soft);font-family:var(--lp-text);text-wrap:pretty;font-size:16px;line-height:1.55}.fp-spec{gap:var(--space-4);display:grid}.fp-facts{margin:0;display:grid}.fp-fact{min-width:0;padding-block:var(--space-3);border-top:1px solid var(--fp-line);position:relative}.fp-fact:first-child{border-top:0;padding-top:0}.fp-fact dt{align-items:center;gap:var(--space-2);color:var(--fp-soft);font-family:var(--lp-display);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:600;line-height:20px;display:flex}.fp-fact-label{display:inline-block}.fp-fact dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere;padding-left:calc(var(--fp-icon) + var(--space-2));color:var(--fp-ink);font-family:var(--lp-display);letter-spacing:-.005em;text-wrap:pretty;font-size:16px;font-weight:600;line-height:1.4}.fp-icon{color:var(--fp-ink);display:block;overflow:visible}.fp-ln{stroke-dasharray:1;stroke-dashoffset:0}.fp-check{stroke:var(--c-yellow);stroke-width:2px}@media (width>=768px){.fp-facts{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,1fr)}.fp-fact{padding:0 var(--space-5);border-top:0;border-left:1px solid var(--fp-line)}.fp-fact:first-child{border-left:0;padding-left:0}.fp-spec.has-next{align-items:center;column-gap:var(--space-5);grid-template-columns:minmax(0,1fr) auto}}@keyframes fp-draw{0%{stroke-dashoffset:1px}}.fp-icon,.fp-fact-label{transition:color .2s ease, transform .2s var(--fp-ease)}.fp-fact:is(:hover,:focus-within) .fp-icon{color:var(--c-yellow)}.fp-fact:is(:hover,:focus-within) .fp-ln{animation:fp-draw .36s var(--fp-ease) both}.fp-fact:is(:hover,:focus-within) .fp-ln--2{animation-delay:60ms}.fp-fact:is(:hover,:focus-within) .fp-ln--3{animation-delay:.12s}.fp-fact:is(:hover,:focus-within) .fp-fact-label{transform:translate(2px)}.fp-stage{min-width:0;position:relative}.fp-compare{min-width:0}.fp-frame{--fp-glide:.56s;--fp-glide-ease:var(--fp-ease);isolation:isolate;border-radius:var(--radius-lg);background:var(--c-night);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:clamp(260px,40svh,380px);position:relative;overflow:hidden}.fp-layer{pointer-events:none;position:absolute;inset:0}.fp-layer img{object-fit:cover;object-position:var(--focus,50% 64%);width:100%;height:100%;position:absolute;inset:0}.fp-layer--before{clip-path:inset(0 calc(100% - var(--compare)) 0 0)}.fp-tag{top:var(--space-4);z-index:1;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c-night) 78%, transparent);color:var(--c-mist);font-family:var(--lp-display);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:600;line-height:20px;position:absolute}.fp-tag--before{left:var(--space-4)}.fp-tag--after{right:var(--space-4)}.fp-rule{top:0;bottom:0;left:var(--compare);z-index:2;background:var(--c-mist);width:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--c-night) 22%, transparent);pointer-events:none;position:absolute;transform:translate(-50%)}.fp-handle{top:50%;left:clamp(24px, var(--compare), calc(100% - 24px));z-index:3;cursor:grab;touch-action:none;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;transform:translate(-50%,-50%)}.fp-handle:active{cursor:grabbing}html[data-b4] .fp-handle:focus-visible{outline:2px solid var(--c-mist);outline-offset:2px;border-radius:50%}.fp-frame[data-glide] .fp-layer--before{transition:clip-path var(--fp-glide) var(--fp-glide-ease)}.fp-frame[data-glide] .fp-rule,.fp-frame[data-glide] .fp-handle{transition:left var(--fp-glide) var(--fp-glide-ease)}.fp-knob{width:40px;height:40px;color:var(--c-mist);transition:transform .16s var(--fp-ease);place-items:center;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.fp-handle:hover .fp-knob{transform:scale(1.08)}}.fp-nut{fill:var(--c-violet);stroke:var(--c-mist);stroke-width:1.5px;filter:drop-shadow(0 2px 4px color-mix(in srgb, var(--c-night) 45%, transparent));transform:rotate(var(--turn,0deg));position:absolute;inset:0}.fp-frame[data-glide] .fp-nut{transition:transform var(--fp-glide) var(--fp-glide-ease)}.fp-nut-arrows{position:relative}.fp-seam{z-index:4;border-radius:var(--radius-lg);pointer-events:none;animation:.95s linear both fp-seam-fx;position:absolute;inset:0;overflow:hidden}.fp-seam-shade,.fp-seam-line{will-change:transform;position:absolute;inset:0}.fp-seam-shade{background:color-mix(in srgb, var(--c-blue) 92%, transparent);transform-origin:100%;animation:.95s cubic-bezier(.6,.02,.2,1) both fp-seam-shade}.fp-seam-line{background:linear-gradient(90deg, transparent calc(100% - 56px), color-mix(in srgb, var(--c-yellow) 32%, transparent) calc(100% - 5px), var(--c-yellow) calc(100% - 5px));animation:.95s cubic-bezier(.6,.02,.2,1) both fp-seam-line}@keyframes fp-seam-fx{0%{opacity:0}12%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes fp-seam-shade{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes fp-seam-line{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fp-settle{0%{opacity:0;transform:translateY(8px)}}.fp-next{justify-self:start;align-items:center;gap:var(--space-3);min-height:48px;color:var(--fp-ink);cursor:pointer;text-align:right;background:0 0;border:0;padding:0;display:inline-flex}.fp-next-text{gap:2px;display:grid}.fp-next-label{color:var(--fp-soft);font-family:var(--lp-display);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:600}.fp-next-name{font-family:var(--lp-display);overflow-wrap:anywhere;font-size:15px;font-weight:600}.fp-next-arrow{border:1.5px solid color-mix(in srgb, var(--c-white) 70%, transparent);background:color-mix(in srgb, var(--c-night) 88%, transparent);width:48px;height:48px;box-shadow:0 4px 16px color-mix(in srgb, var(--c-night) 30%, transparent);color:var(--c-white);transition:transform .16s var(--fp-ease);border-radius:50%;flex:none;place-items:center;display:grid}.fp-next-arrow svg{transition:transform .2s var(--fp-ease)}.fp-next:active .fp-next-arrow{transform:scale(.95)}@media (hover:hover) and (pointer:fine){.fp-next:hover .fp-next-arrow svg{transform:translate(3px)}}@media (width>=960px){.lp-scope h2.fp-section-title{font-size:clamp(40px,3.3vw,48px)}.lp-scope .fp-title{font-size:30px}.fp-text{font-size:17px}.fp-frame{height:clamp(300px,50svh,500px)}}@media (prefers-reduced-motion:reduce){.fp-copy,.fp-seam,.fp-ln,.fp-icon{animation:none!important}.fp-seam{display:none}.fp-knob,.fp-fact-label,.fp-next-arrow,.fp-next-arrow svg,.fp-frame[data-glide] .fp-layer--before,.fp-frame[data-glide] .fp-rule,.fp-frame[data-glide] .fp-handle,.fp-frame[data-glide] .fp-nut{transition:none}.fp-fact:is(:hover,:focus-within) .fp-fact-label,.fp-handle:hover .fp-knob{transform:none}}
