.compact.svelte-1l2sj2x{padding:1rem 0}.plan-card.svelte-1l2sj2x{box-shadow:0 20px 70px -40px color-mix(in oklab,var(--color-primary) 35%,transparent);background-image:radial-gradient(circle at 10% 10%,color-mix(in oklab,var(--color-primary) 14%,transparent),transparent 34%)}.landing.svelte-1l2sj2x{padding-inline:0}.landing.svelte-1l2sj2x .plan-card:where(.svelte-1l2sj2x){border-color:#f4ead933;border-radius:.9rem;background-color:#3a2a20;background-image:linear-gradient(#3a2a205c,#3a2a205c),url(../../../images/landing/paper-icons/texture.webp);background-repeat:repeat;background-size:auto,32rem 12.5rem;box-shadow:0 .35rem #1c130e8c}.landing.svelte-1l2sj2x .plan-offer:where(.svelte-1l2sj2x){background-color:#3a2a20;background-image:linear-gradient(#3a2a205c,#3a2a205c),url(../../../images/landing/paper-icons/texture.webp);background-repeat:repeat;background-size:auto,32rem 12.5rem;border-left:1px solid rgb(244 234 217 / 12%)}.landing.svelte-1l2sj2x h2:where(.svelte-1l2sj2x){font-family:Georgia,Times New Roman,serif}.sync-illustration.svelte-1l2sj2x{width:9.5rem;height:9.5rem;object-fit:contain;margin-bottom:2rem}.landing.svelte-1l2sj2x .text-primary{color:var(--amber)}.landing.svelte-1l2sj2x .btn-primary{border-color:var(--amber);background:var(--amber);color:#2a1d13}.device-scene.svelte-1l2sj2x{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:2rem;color:var(--color-primary)}.device.svelte-1l2sj2x{position:relative}.device.svelte-1l2sj2x svg{width:4rem;height:4rem;stroke-width:1.2}.device.svelte-1l2sj2x .device-book{position:absolute;width:1.4rem;height:1.4rem;top:.8rem;left:1.3rem}.phone.svelte-1l2sj2x svg{width:2.8rem}.connection.svelte-1l2sj2x{width:1.5rem;border-top:2px dotted color-mix(in oklab,var(--color-primary) 40%,transparent);margin:0 .6rem}.cloud-icon.svelte-1l2sj2x{padding:1rem;border:1px solid color-mix(in oklab,var(--color-primary) 20%,transparent);border-radius:1.25rem;background:var(--color-base-100);box-shadow:0 8px 25px -15px var(--color-primary)}.cloud-icon.svelte-1l2sj2x svg{width:2rem;height:2rem;stroke-width:1.5}.compact.svelte-1l2sj2x .plan-grid:where(.svelte-1l2sj2x){grid-template-columns:1fr}.compact.svelte-1l2sj2x h2:where(.svelte-1l2sj2x){font-size:2rem}
