.callout{display:flex;align-items:flex-start;gap:var(--space-s);padding:var(--space-s)}.callout>*{padding-block-start:0}.callout-icon{flex:none;display:grid;place-items:center;inline-size:44px;aspect-ratio:1;border-radius:50%;background:#ffffff9c;color:var(--txt-hue-heading)}.callout-icon .ico{inline-size:28px;block-size:28px;--ico-stroke: 1.5}.callout-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-hue-heading);text-decoration:underline;text-decoration-color:#00000026;text-underline-offset:3px}.callout-body{flex:1;min-inline-size:0}.callout-copy{color:var(--txt-hue-copy)}.callout-head{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:var(--space-s)}.callout-head:not(:has(.callout-icon)){justify-content:flex-end}.callout-head-text{display:flex;flex-direction:column;gap:var(--space-3xs)}.callout-head>*,.callout-head-text>*{padding-block-start:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-s)}.stats .stat-card{max-width:none;padding:var(--space-s);display:flex;flex-direction:column;gap:var(--space-xs);container-type:inline-size}.stats .stat-card>*{padding-block-start:0}.stats .stat-card .stat-value{font-size:clamp(1.5rem,14cqi,2.4rem);font-weight:800;white-space:nowrap;color:var(--txt-hue-heading);font-variant-numeric:tabular-nums}@container (max-width: 16rem){.stat-card .callout-head{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.stats .stat-card .stat-value{font-size:clamp(1.5rem,21cqi,2.4rem)}}.compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:var(--space-s)}.compare-side{padding:var(--space-s);display:flex;flex-direction:column;gap:var(--space-xs)}.compare-side>*{padding-block-start:0}.compare-figure{font-size:clamp(1.75rem,1.4rem + 1.3vw,2.4rem);font-weight:800;line-height:1.1;color:var(--txt-hue-heading)}.compare-before{opacity:.85}.compare-before .compare-figure{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#0e1b2559}.compare-after{box-shadow:0 0 0 2px oklch(from var(--card-price-accent) min(calc(l + .13),.72) c h),0 6px 18px -8px #0000004d}.compare-vs{align-self:center;justify-self:center}.compare-vs-badge{display:grid;place-items:center;inline-size:44px;aspect-ratio:1;border-radius:50%;background:var(--hex-mi-75);box-shadow:0 0 0 1px #0000000f,0 3px 10px -3px #00000040;font-weight:600;font-size:.92rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--hex-mi-500);padding-inline-start:.12em}.compare-vs-badge>span{position:relative;top:.1em}.compare-vs.inmotion-in .compare-vs-badge{animation:compare-vs-wiggle .9s ease-in-out .7s 2}@keyframes compare-vs-wiggle{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-14deg) scale(1.08)}40%{transform:rotate(11deg) scale(1.08)}60%{transform:rotate(-6deg) scale(1.04)}80%{transform:rotate(3deg) scale(1.02)}}@media(prefers-reduced-motion:reduce){.compare-vs-badge{animation:none}}@media(max-width:40rem){.compare{grid-template-columns:1fr}}.flow{--flow-tile: 3.5rem;list-style:none;margin-inline:0;margin-block-end:0;padding:0;display:flex;flex-direction:column}.flow>.flow-step{margin:0}.flow-node{position:relative;display:grid;grid-template-columns:var(--flow-tile) 1fr;column-gap:var(--space-s);align-items:center}.flow-step:not(:first-child)>.flow-node:before,.flow-step:not(:last-child)>.flow-node:after{content:"";position:absolute;inset-inline-start:calc(var(--flow-tile) / 2 - 1px);inline-size:2px;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--txt-hue-copy) 45%,transparent) 0 6px,transparent 6px 10px)}.flow-step:not(:first-child)>.flow-node:before{inset-block-start:0;block-size:max(0px,calc(50% - var(--flow-tile) / 2))}.flow-step:not(:last-child)>.flow-node:after{inset-block-end:0;block-size:max(0px,calc(50% - var(--flow-tile) / 2))}.flow-tile{inline-size:var(--flow-tile);block-size:var(--flow-tile);border-radius:1rem;display:grid;place-items:center;color:var(--card-price-accent)}.flow-tile:not(.card-light){background:var(--bg-hue-primary-lumin);border:1px dashed color-mix(in srgb,var(--txt-hue-copy) 35%,transparent);color:var(--txt-hue-copy)}.flow-tile .ico{inline-size:1.75rem;block-size:1.75rem;color:inherit}.flow-number{font-weight:700;font-size:1.1rem;line-height:1;font-variant-numeric:tabular-nums}.flow-text>*{margin:0;padding:0}.flow-name{font-weight:700;font-size:1.05rem;line-height:1.25;color:var(--txt-hue-heading)}.flow-copy{margin-block-start:var(--space-3xs)!important}.flow-copy,.flow-copy>*{font-size:.9rem;line-height:1.35;color:var(--txt-hue-muted, var(--txt-hue-copy))}.flow-link{position:relative;display:flex;align-items:center;min-block-size:3.25rem;padding-inline-start:calc(var(--flow-tile) + var(--space-s))}.flow-rail{position:absolute;inset-block:.25rem;inset-inline-start:calc(var(--flow-tile) / 2 - 1px);inline-size:2px;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--txt-hue-copy) 45%,transparent) 0 6px,transparent 6px 10px)}.flow-pulse{position:absolute;inset-inline-start:-2px;inset-block-start:0;inline-size:6px;block-size:6px;border-radius:50%;background:var(--txt-accent-base, var(--txt-hue-heading));box-shadow:0 0 0 3px color-mix(in srgb,var(--txt-accent-base, var(--txt-hue-heading)) 20%,transparent);animation:flow-pulse 2.4s cubic-bezier(.5,0,.5,1) infinite}@keyframes flow-pulse{0%{inset-block-start:0;opacity:0}15%,85%{opacity:1}to{inset-block-start:calc(100% - 6px);opacity:0}}.flow-via{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600;line-height:1.2;color:var(--txt-hue-heading);background:color-mix(in srgb,var(--bg-hue-primary-lumin) 88%,transparent);border:1px solid color-mix(in srgb,var(--txt-hue-copy) 20%,transparent);box-shadow:0 1px 2px #0e1b250f;backdrop-filter:blur(4px)}.flow-via .ico{inline-size:.875rem;block-size:.875rem;flex:none;color:var(--txt-hue-muted, var(--txt-hue-copy))}@media(prefers-reduced-motion:reduce){.flow-pulse{display:none}}
