.product-hero,main>section.product-hero.overview-hero{background:radial-gradient(ellipse at 85% 15%,color-mix(in srgb,var(--dr-palette-maroon-100) 70%,transparent),transparent 55%),radial-gradient(ellipse at 10% 90%,color-mix(in srgb,var(--dr-palette-maroon-50) 90%,transparent),transparent 60%),var(--dr-color-bg-canvas)}.overview-hero{padding-block:var(--dr-space-48)}@media(min-width:64rem){.overview-hero{padding-block:var(--dr-space-80) var(--dr-space-48)}}.overview-hero .eyebrow{display:flex;align-items:center;gap:var(--dr-space-8)}.product-hero .panel .actions{margin-top:var(--dr-space-8)}.hero-moment{display:grid;gap:var(--dr-space-8);min-width:0}.moment{position:relative;min-width:0}.moment .frame{box-shadow:var(--dr-elevation-dialog-css)}.moment-body{display:grid;gap:var(--dr-space-12);padding:var(--dr-space-16)}.moment-body p,.moment-body dl{margin:0}.moment-name{font-weight:var(--dr-font-weight-semibold)}.moment-title{font-family:var(--dr-font-family-display);font-size:var(--dr-font-size-title);font-weight:var(--dr-font-weight-medium)}.moment-stock{color:var(--dr-color-status-success-text);font-size:var(--dr-font-size-label)}.moment-ok{justify-self:start;padding:var(--dr-space-4) var(--dr-space-8);border-radius:var(--dr-radius-pill);background:var(--dr-color-status-success-bg);color:var(--dr-color-status-success-text);font-size:var(--dr-font-size-caption);font-weight:var(--dr-font-weight-semibold)}.moment-item{display:grid;grid-template-columns:var(--dr-size-control-large) minmax(0,1fr);gap:var(--dr-space-12);align-items:center}.moment-item>*{min-width:0}.moment-small{min-height:var(--dr-size-tap-min);padding:var(--dr-space-4) var(--dr-space-12);font-size:var(--dr-font-size-label)}.swap{display:inline-grid;justify-items:start;align-items:center}.swap>*{grid-area:1 / 1}.moment [data-at],.moment [data-until]{transition:opacity calc(var(--dr-motion-duration-slow) * 2) var(--dr-motion-easing-standard),transform calc(var(--dr-motion-duration-slow) * 2) var(--dr-motion-easing-standard),visibility calc(var(--dr-motion-duration-slow) * 2) var(--dr-motion-easing-standard)}.moment:not([data-step]) [data-until],.moment .is-pending{opacity:0;visibility:hidden}.moment .is-pending:not(.swap>*){transform:translateY(var(--dr-space-8))}.moment .is-pressing{transform:scale(.95);background:var(--dr-color-action-pressed)}.moment-confirm,.moment-store .btn{justify-self:start;transition:transform var(--dr-motion-duration-fast) var(--dr-motion-easing-standard),background var(--dr-motion-duration-fast) var(--dr-motion-easing-standard)}.moment-foot{padding:0 var(--dr-space-16) var(--dr-space-16)}.moment-studio .results{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.moment-trail{list-style:none;margin:0;padding:0;display:grid;gap:var(--dr-space-8);font-size:var(--dr-font-size-label)}.moment-trail li{display:flex;align-items:center;gap:var(--dr-space-8);color:var(--dr-color-text-muted);transition:color var(--dr-motion-duration-slow) var(--dr-motion-easing-standard)}.moment-trail li:before{content:"";flex:none;width:var(--dr-size-icon-small);height:var(--dr-size-icon-small);border-radius:var(--dr-radius-pill);border:var(--dr-border-emphasis) solid var(--dr-color-border-control);transition:background var(--dr-motion-duration-slow) var(--dr-motion-easing-standard),border-color var(--dr-motion-duration-slow) var(--dr-motion-easing-standard)}.moment-trail li[data-state=done]{color:var(--dr-color-text-default)}.moment-trail li[data-state=done]:before{background:var(--dr-color-status-success-solid);border-color:var(--dr-color-status-success-solid)}.moment-trail li[data-state=next]{color:var(--dr-color-text-brand);font-weight:var(--dr-font-weight-semibold)}.moment-trail li[data-state=next]:before{border-color:var(--dr-color-action-primary)}.moment-trail li.is-waiting{color:var(--dr-color-text-muted);font-weight:var(--dr-font-weight-regular)}.moment-trail li.is-waiting:before{background:transparent;border-color:var(--dr-color-border-control)}.moment-next{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--dr-space-12);padding-top:var(--dr-space-12);border-top:var(--dr-border-width) solid var(--dr-color-border-subtle)}.moment-match{display:grid;grid-template-columns:var(--dr-size-control) minmax(0,1fr);align-items:center;gap:var(--dr-space-8);max-width:90%;padding:var(--dr-space-8);border:var(--dr-border-width) solid var(--dr-color-border-subtle);border-radius:var(--dr-radius-small);font-size:var(--dr-font-size-label);color:var(--dr-color-text-muted)}.moment-inbox .order-card{box-shadow:none}.moment-inbox .order-head .swap{justify-items:end}.moment-confirmed{background:var(--dr-color-status-success-bg);color:var(--dr-color-status-success-text)}.moment-pos-body{align-items:center}@media(min-width:30rem){.moment-pos-body{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.moment-pos-result{display:grid;gap:var(--dr-space-12);min-width:0}.moment-tag{position:relative;overflow:hidden;display:grid;gap:var(--dr-space-8);justify-items:center;padding:var(--dr-space-16) var(--dr-space-12);border:var(--dr-border-width) dashed var(--dr-color-border-strong);border-radius:var(--dr-radius-card);background:var(--dr-palette-neutral-0)}.moment-tag svg{width:calc(var(--dr-size-control-large) * 1.6);height:auto;max-width:100%;fill:var(--dr-palette-neutral-950)}.moment-code{font-family:var(--dr-font-family-mono);font-size:var(--dr-font-size-label);color:var(--dr-palette-neutral-950)}.moment-beam{position:absolute;left:0;right:0;top:0;height:var(--dr-border-emphasis);background:var(--dr-color-action-primary);box-shadow:0 0 var(--dr-space-12) var(--dr-space-4) var(--dr-palette-maroon-200);opacity:0;pointer-events:none}.moment-pos[data-step="1"] .moment-beam{opacity:1;top:100%;transition:top calc(var(--dr-motion-duration-slow) * 3) linear}.moment-status{margin:0}.moment-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dr-space-8)}.moment-actions .btn{padding-inline:var(--dr-space-8)}.moment-call{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--dr-space-12);align-items:center}.moment-call-state{grid-column:1 / -1}@media(min-width:30rem){.moment-call{grid-template-columns:auto minmax(0,1fr) auto}.moment-call-state{grid-column:auto}}.moment-wave{display:flex;align-items:center;gap:var(--dr-space-2);height:var(--dr-size-control);padding-inline:var(--dr-space-8);border-radius:var(--dr-radius-pill);background:var(--dr-color-bg-brand)}.moment-wave span{width:var(--dr-space-4);height:40%;border-radius:var(--dr-radius-pill);background:var(--dr-color-action-primary)}.moment-wave span:nth-child(2n){height:70%}.moment-wave span:nth-child(3n){height:55%}.moment-calling[data-step="0"] .moment-wave span,.moment-calling[data-step="1"] .moment-wave span{animation:moment-wave calc(var(--dr-motion-duration-slow) * 3) var(--dr-motion-easing-standard) infinite alternate;animation-delay:calc(var(--i, 0) * var(--dr-motion-duration-fast))}@keyframes moment-wave{to{transform:scaleY(.35)}}.moment-summary{display:grid;gap:var(--dr-space-8);font-size:var(--dr-font-size-label)}.moment-summary>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--dr-space-8)}.moment-summary dt{color:var(--dr-color-text-muted)}.moment-summary dd{margin:0}.moment-summary .brand dd{color:var(--dr-color-text-brand);font-weight:var(--dr-font-weight-semibold)}.moment-store-nav{list-style:none;margin:0;padding:0 0 var(--dr-space-8);display:flex;flex-wrap:wrap;gap:var(--dr-space-16);font-size:var(--dr-font-size-label);color:var(--dr-color-text-muted);border-bottom:var(--dr-border-width) solid var(--dr-color-border-subtle)}.moment-store-card{display:grid;gap:var(--dr-space-16)}.moment-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dr-space-8)}.moment-gallery>*{min-width:0}.moment-facts{display:grid;gap:var(--dr-space-8);justify-items:start}.moment-hub{justify-self:start}.moment-hub span{display:inline-block;padding:var(--dr-space-4) var(--dr-space-16);border-radius:var(--dr-radius-pill);background:var(--dr-color-action-primary);color:var(--dr-color-action-on-primary);font-family:var(--dr-font-family-display);font-weight:var(--dr-font-weight-medium)}.moment-links{list-style:none;margin:0 0 0 var(--dr-space-24);padding:0;border-left:var(--dr-border-emphasis) solid var(--dr-color-border-subtle);display:grid}.moment-links li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--dr-space-12);padding:var(--dr-space-4) 0 var(--dr-space-4) var(--dr-space-24)}.moment-links li:before{content:"";position:absolute;left:0;top:50%;width:var(--dr-space-16);height:var(--dr-border-emphasis);background:var(--dr-color-border-subtle);transition:background var(--dr-motion-duration-slow) var(--dr-motion-easing-standard)}.moment-links li[data-state=connected]:before{background:var(--dr-color-action-primary)}.moment-links li.is-waiting:before{background:var(--dr-color-border-subtle)}.moment-mark{display:inline-flex;width:var(--dr-size-icon);height:var(--dr-size-icon);align-items:center;justify-content:center}.moment-dot{width:var(--dr-space-12);height:var(--dr-space-12);border-radius:var(--dr-radius-pill);background:var(--dr-palette-neutral-400)}.silk-backdrop .product-hero,.silk-backdrop main>section.product-hero.overview-hero{background:none}.product-hero .panel,.hero-moment{position:relative}.product-object{position:absolute;pointer-events:none;opacity:0;transition:opacity calc(var(--dr-motion-duration-slow) * 3) var(--dr-motion-easing-standard)}.product-object.is-live{opacity:1}.moment-questions{display:flex;flex-wrap:wrap;gap:var(--dr-space-8);flex-basis:100%}.moment-questions .frame-label{flex-basis:100%;margin:0}.moment-questions [aria-pressed=true]{border-color:var(--dr-color-action-primary);color:var(--dr-color-text-brand)}.moment-reply{flex-basis:100%}.moment-reply.is-new .msg{animation:moment-arrive calc(var(--dr-motion-duration-slow) * 2) var(--dr-motion-easing-standard) both}.moment-reply.is-new .msg.ai{animation-delay:calc(var(--dr-motion-duration-slow) * 2)}@keyframes moment-arrive{0%{opacity:0;transform:translateY(var(--dr-space-8))}}.moment-reply-photo{display:block;width:calc(var(--dr-size-control-large) * 2);margin-top:var(--dr-space-4)}.moment-links .is-connected,.moment-links .is-connected:hover{background:var(--dr-color-status-success-bg);color:var(--dr-color-status-success-text);border-color:var(--dr-color-status-success-bg);cursor:default}
