.marketing .product-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--product,var(--blue)) 12%,#fff) 0,#fff 85%)}.marketing .device{overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 24px 60px -28px color-mix(in srgb,var(--product,var(--blue)) 45%,transparent)}.marketing .device-bar{display:flex;align-items:center;gap:.75rem;height:2.25rem;padding:0 .9rem;border-bottom:1px solid var(--line);background:var(--fill)}.marketing .device-dots{display:flex;gap:.3rem}.marketing .device-dots i{width:.5rem;height:.5rem;border-radius:999px;background:#d5dce6}.marketing .device-host{font-size:.75rem;color:var(--mute)}.marketing .device .device-screen{border:0;border-radius:0}.marketing .feature-row{display:grid;gap:2rem;align-items:center}@media (min-width:1024px){.marketing .feature-row{grid-template-columns:repeat(12,minmax(0,1fr));gap:4rem}.marketing .feature-copy{grid-column:1/span 5}.marketing .feature-shot{grid-column:6/span 7}.marketing .feature-row[data-flip] .feature-copy{grid-column:8/span 5;grid-row:1}.marketing .feature-row[data-flip] .feature-shot{grid-column:1/span 7;grid-row:1}}.marketing .feature-shot:has(.shot-mobile){display:grid;place-items:center;padding:1.5rem 0;border-radius:1.5rem;background:color-mix(in srgb,var(--product,var(--blue)) 12%,#fff)}.marketing .feature-num{display:inline-grid;place-items:center;height:2rem;min-width:2.5rem;padding:0 .6rem;border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--ink);background:color-mix(in srgb,var(--product,var(--blue)) 14%,#fff);border:1px solid color-mix(in srgb,var(--product,var(--blue)) 35%,#fff)}.marketing .product-price{border-top:3px solid var(--product,var(--blue))}