.product-preview.motion-preview{max-width:980px;margin-top:36px}.motion-preview .mp-stage{display:grid;overflow:hidden;border:1px solid color-mix(in oklab,var(--lp-line) 80%,var(--lp-accent) 20%);border-radius:24px;background:radial-gradient(ellipse 65% 50% at 75% 15%,color-mix(in oklab,var(--lp-accent) 14%,transparent),transparent 70%),radial-gradient(ellipse 50% 40% at 20% 85%,color-mix(in oklab,var(--lp-accent) 7%,transparent),transparent 60%),var(--lp-soft);box-shadow:0 1px 2px #0000000a,0 16px 40px -12px color-mix(in oklab,var(--lp-ink) 12%,transparent),inset 0 1px color-mix(in oklab,#fff 12%,transparent)}:is(.dark) .motion-preview .mp-stage{border-color:color-mix(in oklab,var(--border) 70%,var(--lp-accent) 30%);background:radial-gradient(ellipse 60% 45% at 75% 20%,color-mix(in oklab,var(--lp-accent) 20%,transparent),transparent 70%),radial-gradient(ellipse 45% 35% at 15% 85%,color-mix(in oklab,var(--lp-accent) 9%,transparent),transparent 65%),#12161d;box-shadow:0 0 0 1px color-mix(in oklab,#fff 6%,transparent),0 24px 60px -15px #00000080,inset 0 1px color-mix(in oklab,#fff 12%,transparent)}.motion-preview .mp-panel{grid-area:1 / 1;display:grid;align-items:center;padding:32px 36px;min-width:0;text-align:left;font-size:13px;line-height:1.5}.motion-preview .mp-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}.motion-preview .mp-panel:focus-visible{outline:2px solid var(--lp-accent);outline-offset:-3px}.motion-preview .mp-panel :where(h3,h4,p,dl,dd){margin:0}.motion-preview .mp-panel svg{width:16px;height:16px;flex-shrink:0;stroke-width:1.7}.motion-preview .mp-panel strong{font-weight:600}.motion-preview .mp-panel small{display:block;font-size:11px;color:var(--lp-muted);margin-top:2px}.motion-preview .mp-card{min-width:0;border:1px solid color-mix(in oklab,var(--lp-line) 85%,transparent);border-radius:16px;background:var(--lp-surface);box-shadow:0 1px 3px #0000000f,0 14px 34px -10px #00000038;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}:is(.dark) .motion-preview .mp-card{border-color:color-mix(in oklab,var(--border) 90%,var(--lp-accent) 10%);background:#191d24;box-shadow:0 0 0 1px color-mix(in oklab,#fff 7%,transparent),0 20px 45px -12px #00000073}.motion-preview .mp-story-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:36px;align-items:center;max-width:890px;width:100%;margin-inline:auto}.motion-preview .mp-story{display:flex;flex-direction:column;align-items:flex-start}.motion-preview .mp-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:9999px;background:color-mix(in oklab,var(--lp-accent) 12%,transparent);border:1px solid color-mix(in oklab,var(--lp-accent) 26%,transparent);color:var(--lp-accent);font-size:11.5px;font-weight:600;letter-spacing:.01em;margin-bottom:16px}.motion-preview .mp-eyebrow svg{width:13px;height:13px;color:var(--lp-accent)}.motion-preview .mp-story h3{font-size:clamp(26px,2.7vw,32px);line-height:1.15;letter-spacing:-.9px;font-weight:650;color:var(--lp-ink);text-wrap:balance;max-width:380px}.motion-preview .mp-story>p{font-size:13.5px;line-height:1.65;color:var(--lp-muted);margin-top:14px;max-width:360px}.motion-preview .mp-story-note{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--lp-ink);padding:6px 12px 6px 10px;border-radius:8px;background:color-mix(in oklab,var(--lp-surface) 75%,transparent);border:1px solid color-mix(in oklab,var(--lp-line) 75%,transparent);margin-top:22px;box-shadow:0 1px 2px #0000000a}.motion-preview .mp-story-note>svg{width:14px;height:14px;color:var(--lp-accent)}.motion-preview .mp-quote-journey{padding:20px 22px 18px;background:linear-gradient(180deg,color-mix(in oklab,var(--lp-accent) 9%,var(--lp-surface)),color-mix(in oklab,var(--lp-surface) 95%,transparent));border-bottom:1px solid color-mix(in oklab,var(--lp-line) 75%,transparent)}.motion-preview .mp-quote-journey .mp-eyebrow{margin-bottom:14px;background:transparent;border:0;padding:0;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.motion-preview .mp-journey-route{display:flex;flex-direction:column;gap:0}.motion-preview .mp-route-stop{display:flex;align-items:center;gap:12px}.motion-preview .mp-route-indicator{display:grid;place-items:center;width:26px;height:26px;border-radius:9999px;flex-shrink:0;background:color-mix(in oklab,var(--lp-accent) 12%,var(--lp-surface));color:var(--lp-accent);border:1px solid color-mix(in oklab,var(--lp-accent) 30%,transparent)}.motion-preview .mp-route-indicator svg{width:14px;height:14px}.motion-preview .mp-route-indicator-pickup{box-shadow:0 0 10px -2px color-mix(in oklab,var(--lp-accent) 40%,transparent)}.motion-preview .mp-route-indicator-dest{background:color-mix(in oklab,var(--lp-accent) 22%,var(--lp-surface));color:var(--lp-accent)}.motion-preview .mp-route-connector{position:relative;height:16px;margin-left:12px}.motion-preview .mp-route-connector-line{position:absolute;top:0;bottom:0;left:0;width:2px;background:repeating-linear-gradient(to bottom,color-mix(in oklab,var(--lp-accent) 55%,var(--lp-line)) 0,color-mix(in oklab,var(--lp-accent) 55%,var(--lp-line)) 3px,transparent 3px,transparent 6px)}.motion-preview .mp-route-text{display:flex;flex-direction:column;min-width:0}.motion-preview .mp-route-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--lp-muted);font-weight:550;line-height:1.2}.motion-preview .mp-route-text strong{font-size:13.5px;font-weight:600;color:var(--lp-ink);line-height:1.3}.motion-preview .mp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in oklab,var(--lp-line) 60%,transparent)}.motion-preview .mp-chips>span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;background:color-mix(in oklab,var(--lp-surface) 70%,transparent);border:1px solid color-mix(in oklab,var(--lp-line) 75%,transparent);color:var(--lp-ink);font-size:11px;font-weight:500;box-shadow:0 1px 2px #0000000a}.motion-preview .mp-chips svg{width:12px;height:12px;color:var(--lp-accent)}.motion-preview .mp-quote-body{padding:22px}.motion-preview .mp-quote-result{display:flex;align-items:center;justify-content:space-between;gap:8px}.motion-preview .mp-quote-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:9999px;background:color-mix(in oklab,var(--lp-accent) 14%,transparent);border:1px solid color-mix(in oklab,var(--lp-accent) 28%,transparent);color:var(--lp-accent);font-size:11.5px;font-weight:600;letter-spacing:-.01em}.motion-preview .mp-quote-status-badge svg{width:14px;height:14px}.motion-preview .mp-quote-speed-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:color-mix(in oklab,var(--lp-mist) 40%,transparent);color:var(--lp-muted);font-size:11px;font-weight:500}.motion-preview .mp-quote-speed-tag svg{width:12px;height:12px;color:var(--lp-accent)}.motion-preview .mp-price{font-size:42px;line-height:1.15;font-weight:650;letter-spacing:-1.6px;margin:12px 0 4px;white-space:nowrap;color:var(--lp-ink);font-variant-numeric:tabular-nums}.motion-preview .mp-price-currency{font-size:26px;letter-spacing:-.8px;font-weight:450;color:var(--lp-muted);margin-right:2px}.motion-preview .mp-fare-note{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--lp-muted)}.motion-preview .mp-fare-note svg{width:13px;height:13px;color:var(--lp-accent)}.motion-preview .mp-vehicle{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-top:18px;border-radius:12px;background:color-mix(in oklab,var(--lp-accent) 6%,var(--lp-surface));border:1px solid color-mix(in oklab,var(--lp-accent) 22%,var(--lp-line));box-shadow:0 1px 2px #0000000a}.motion-preview .mp-vehicle .mp-icon-tile{width:38px;height:38px;border-radius:10px;background:color-mix(in oklab,var(--lp-accent) 14%,var(--lp-surface));border:1px solid color-mix(in oklab,var(--lp-accent) 24%,transparent);color:var(--lp-accent);flex-shrink:0}.motion-preview .mp-vehicle .mp-icon-tile svg{width:18px;height:18px}.motion-preview .mp-vehicle strong{display:block;font-size:13px;font-weight:600;color:var(--lp-ink)}.motion-preview .mp-vehicle small{display:block;font-size:11.5px;color:var(--lp-muted);margin-top:2px}.motion-preview .mp-vehicle-check{margin-left:auto;width:18px;height:18px;color:var(--lp-accent);flex-shrink:0}.motion-preview .mp-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;margin-top:18px;background:var(--primary-button);color:var(--primary-button-foreground);border-radius:10px;font-size:13.5px;font-weight:600;letter-spacing:-.01em;box-shadow:0 1px 2px #0000001f,0 4px 14px -2px color-mix(in oklab,var(--primary-button) 40%,transparent);border:1px solid color-mix(in oklab,#fff 18%,transparent);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.motion-preview .mp-action:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000029,0 8px 20px -2px color-mix(in oklab,var(--primary-button) 50%,transparent)}.motion-preview .mp-action svg{width:15px;height:15px;transition:transform .18s ease}.motion-preview .mp-action:hover svg{transform:translate(3px)}.motion-preview .mp-quote-card .mp-action{margin-top:16px}.motion-preview .mp-availability{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11.5px;color:var(--lp-muted);text-align:center;margin-top:13px}.motion-preview .mp-availability svg{width:13px;height:13px;color:var(--lp-muted)}.motion-preview .mp-ai-message{padding:18px 20px;background:linear-gradient(180deg,color-mix(in oklab,var(--lp-accent) 9%,var(--lp-surface)),color-mix(in oklab,var(--lp-surface) 95%,transparent));border-bottom:1px solid color-mix(in oklab,var(--lp-line) 75%,transparent)}.motion-preview .mp-ai-message .mp-eyebrow{margin-bottom:10px;background:transparent;border:0;padding:0;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.motion-preview .mp-ai-message>p{font-size:13.5px;line-height:1.65;color:var(--lp-ink);font-style:italic}.motion-preview .mp-details{padding:20px 22px}.motion-preview .mp-details-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.motion-preview .mp-details-heading>strong{font-size:13px;font-weight:600;color:var(--lp-ink)}.motion-preview .mp-details-heading>span{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:9999px;background:color-mix(in oklab,var(--lp-accent) 14%,transparent);border:1px solid color-mix(in oklab,var(--lp-accent) 26%,transparent);color:var(--lp-accent);font-size:11px;font-weight:600}.motion-preview .mp-details dl>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid color-mix(in oklab,var(--lp-line) 60%,transparent);font-size:12.5px}.motion-preview .mp-details dt{color:var(--lp-muted);font-weight:500}.motion-preview .mp-details dd{color:var(--lp-ink);font-weight:500}.motion-preview .mp-review{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:11px 16px;border-radius:10px;background:color-mix(in oklab,var(--lp-accent) 12%,var(--lp-surface));border:1px solid color-mix(in oklab,var(--lp-accent) 25%,transparent);color:var(--lp-accent);font-size:13px;font-weight:600;transition:transform .18s ease,background .18s ease}.motion-preview .mp-review:hover{background:color-mix(in oklab,var(--lp-accent) 18%,var(--lp-surface))}.motion-preview .mp-review svg{width:14px;height:14px}.motion-preview .mp-rules{padding:8px 20px}.motion-preview .mp-rule{padding-block:13px}.motion-preview .mp-rule+.mp-rule{border-top:1px solid color-mix(in oklab,var(--lp-line) 70%,transparent)}.motion-preview .mp-rule h4{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--lp-ink);margin-bottom:11px}.motion-preview .mp-rule h4>svg{color:var(--lp-accent)}.motion-preview .mp-fare{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px;margin-top:6px}.motion-preview .mp-fare>span{color:var(--lp-muted)}.motion-preview .mp-fare strong{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--lp-ink)}.motion-preview .mp-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;color:var(--lp-muted);font-size:11.5px}.motion-preview .mp-rates>div{padding:8px 10px;border-radius:8px;background:color-mix(in oklab,var(--lp-accent) 5%,var(--lp-surface));border:1px solid color-mix(in oklab,var(--lp-accent) 15%,var(--lp-line))}.motion-preview .mp-rates strong{display:block;font-size:13px;font-weight:600;color:var(--lp-ink);margin-top:3px;font-variant-numeric:tabular-nums}.motion-preview .mp-rates small{display:inline;font-size:11px;color:var(--lp-muted)}.motion-preview .mp-applied{display:flex;align-items:center;gap:8px;padding:14px 20px;background:color-mix(in oklab,var(--lp-accent) 10%,var(--lp-surface));color:var(--lp-accent);font-size:12px;font-weight:500;border-top:1px solid color-mix(in oklab,var(--lp-line) 75%,transparent)}.motion-preview .mp-applied>svg{width:15px;height:15px}.motion-preview .mp-icon-tile{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in oklab,var(--lp-accent) 14%,var(--lp-surface));color:var(--lp-accent);border:1px solid color-mix(in oklab,var(--lp-accent) 24%,transparent);flex-shrink:0}.motion-preview .mp-company-layout .mp-story h3{max-width:280px}.motion-preview .mp-company-layout .mp-story-note{align-items:flex-start;max-width:250px;padding:0;border:0;background:none;box-shadow:none;color:var(--lp-muted);font-size:11.5px;font-weight:400;line-height:1.6}.motion-preview .mp-company-layout .mp-story-note>svg{margin-top:2px}.motion-preview .mp-company-options{display:grid;grid-auto-rows:1fr;gap:18px;min-width:0;container-type:inline-size}.motion-preview .mp-company-option{display:grid;grid-template-columns:minmax(0,1fr) 94px;align-items:center;column-gap:16px;min-width:0;min-height:195px;padding:25px 22px;border:1px solid color-mix(in oklab,var(--lp-line) 80%,var(--lp-surface));border-radius:17px;background:var(--lp-surface);box-shadow:0 2px 4px color-mix(in oklab,var(--lp-ink) 4%,transparent),0 16px 32px -22px color-mix(in oklab,var(--lp-ink) 24%,transparent)}.motion-preview .mp-company-copy{min-width:0}.motion-preview .mp-company-option h4{margin-bottom:8px;color:var(--lp-ink);font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.2px}.motion-preview .mp-company-option p{max-width:250px;min-height:3.5em;color:var(--lp-muted);font-size:11.5px;line-height:1.75}.motion-preview .mp-company-caption{display:flex;align-items:center;gap:6px;margin-top:16px;color:var(--lp-accent);font-size:11px;line-height:1.6}.motion-preview .mp-company-caption>svg{width:13px;height:13px}.motion-preview .mp-company-art{position:relative;width:94px;height:114px;color:var(--lp-accent);isolation:isolate}.motion-preview .mp-company-halo{position:absolute;inset:8px 0;z-index:-1;border-radius:50%;background:color-mix(in oklab,var(--lp-accent) 7%,var(--lp-surface))}.motion-preview .mp-company-browser{position:absolute;top:20px;left:1px;width:85px;height:73px;border:1px solid color-mix(in oklab,var(--lp-accent) 25%,var(--lp-line));border-radius:8px;background:var(--lp-surface);box-shadow:0 9px 14px -7px color-mix(in oklab,var(--lp-accent) 28%,transparent);transform:rotate(4deg)}.motion-preview .mp-company-browser-bar{display:flex;align-items:center;gap:3px;height:15px;padding-left:6px;border-bottom:1px solid var(--lp-line)}.motion-preview .mp-company-browser-bar>span{width:3px;height:3px;border-radius:50%;background:var(--lp-muted);opacity:.5}.motion-preview .mp-company-code{display:grid;place-items:center;height:39px;margin:7px;border:1px dashed color-mix(in oklab,var(--lp-accent) 35%,var(--lp-line));border-radius:5px;background:color-mix(in oklab,var(--lp-accent) 10%,var(--lp-surface))}.motion-preview .mp-company-code>svg{width:22px;height:22px}.motion-preview .mp-company-pointer{position:absolute;right:0;bottom:11px;fill:var(--lp-surface)}.motion-preview .mp-company-link-tile{position:absolute;top:31px;left:18px;display:grid;place-items:center;width:55px;height:55px;border:1px solid color-mix(in oklab,var(--lp-accent) 24%,var(--lp-line));border-radius:14px;background:color-mix(in oklab,var(--lp-accent) 10%,var(--lp-surface));box-shadow:0 8px 14px -8px color-mix(in oklab,var(--lp-accent) 35%,transparent);transform:rotate(7deg)}.motion-preview .mp-company-link-tile>svg{width:26px;height:26px}.motion-preview .mp-company-float{position:absolute;display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--lp-line);border-radius:8px;background:var(--lp-surface);box-shadow:0 2px 4px color-mix(in oklab,var(--lp-ink) 4%,transparent),0 16px 32px -20px color-mix(in oklab,var(--lp-ink) 20%,transparent)}.motion-preview .mp-company-mail{top:8px;left:0;transform:rotate(-8deg)}.motion-preview .mp-company-chat{right:0;bottom:5px;transform:rotate(6deg)}@container (max-width: 350px){.motion-preview .mp-company-option{grid-template-columns:minmax(0,1fr) 68px;padding:22px 15px;column-gap:10px}.motion-preview .mp-company-art{width:68px}.motion-preview .mp-company-browser{width:61px}.motion-preview .mp-company-link-tile{left:10px;width:48px;height:52px}.motion-preview .mp-company-float{width:24px;height:24px;border-radius:7px}.motion-preview .mp-company-caption{flex-wrap:wrap}}@media(max-width:1000px){.motion-preview .mp-panel{padding:24px}.motion-preview .mp-story-layout{gap:28px}}@media(max-width:760px){.motion-preview .mp-panel{padding:20px}.motion-preview .mp-story-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px}.motion-preview .mp-story h3{font-size:26px}.motion-preview .mp-quote-journey,.motion-preview .mp-quote-body{padding:16px}.motion-preview .mp-rates{font-size:11px;gap:6px}.motion-preview .mp-rates strong{font-size:12px}}@media(max-width:620px){.motion-preview .preview-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-preview .preview-selector button{gap:7px}.motion-preview .mp-panel{padding:18px 16px}.motion-preview .mp-story-layout{grid-template-columns:minmax(0,1fr);width:100%;max-width:420px;margin-inline:auto;gap:24px}.motion-preview .mp-story h3{max-width:none}.motion-preview .mp-story>p{margin-top:10px;max-width:none}.motion-preview .mp-story-note{margin-top:14px}.motion-preview .mp-price{font-size:38px}.motion-preview .mp-rates{font-size:12px}.motion-preview .mp-rates strong{font-size:13px}}@media(max-width:380px){.motion-preview .mp-panel{padding:16px 12px}.motion-preview .mp-details{padding:16px}.motion-preview .mp-details dl>div{grid-template-columns:76px minmax(0,1fr);gap:9px;font-size:11px}.motion-preview .mp-rules{padding-inline:13px}.motion-preview .mp-rates{font-size:11px}.motion-preview .mp-rates strong{font-size:12px}}
