.plan-sharing{border-top:1px solid color-mix(in oklab, var(--primary) 22%, transparent);margin-top:1.75rem;padding-top:1.75rem}.plan-sharing-heading{text-align:center;max-width:36rem;margin-inline:auto}.plan-sharing-heading h3{color:var(--foreground);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;line-height:1.2}.plan-sharing-heading h3 span{color:var(--primary)}.plan-sharing-heading p{max-width:30rem;color:var(--muted-foreground);text-wrap:pretty;margin:.7rem auto 0;font-size:.85rem;line-height:1.55}.plan-sharing-preview{border:1px solid color-mix(in oklab, var(--conversion) 48%, transparent);background:#07111e;border-radius:.9rem;max-width:46rem;margin:1.25rem auto 0;overflow:hidden;box-shadow:0 14px 35px #0003}.plan-sharing-browser{border-bottom:1px solid #ffffff12;align-items:center;gap:.4rem;height:1.8rem;padding-inline:.75rem;display:flex}.plan-sharing-browser i{background:#ff6058;border-radius:50%;width:.45rem;height:.45rem;display:block}.plan-sharing-browser i:nth-child(2){background:#febc2e}.plan-sharing-browser i:nth-child(3){background:#28c840}.plan-sharing-media{aspect-ratio:16/9;object-fit:contain;background:#10141b;width:100%;display:block}.plan-sharing-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;max-width:42rem;margin:1.25rem auto 0;padding:0;list-style:none;display:grid}.plan-sharing-steps li{text-align:center;color:var(--foreground);flex-direction:column;align-items:center;gap:.6rem;padding-inline:.1rem;font-size:.75rem;font-weight:700;line-height:1.35;display:flex;position:relative}.plan-sharing-icon{border:1px solid color-mix(in oklab, var(--primary) 60%, transparent);background:color-mix(in oklab, var(--primary) 6%, var(--background));width:2.7rem;height:2.7rem;color:var(--primary);border-radius:.7rem;place-items:center;display:grid}.plan-sharing-arrow{color:var(--primary);position:absolute;top:.85rem;right:-.8rem}@media (width>=640px){.plan-sharing{margin-top:2rem;padding-top:2rem}.plan-sharing-heading p{font-size:.95rem}.plan-sharing-preview,.plan-sharing-steps{margin-top:1.6rem}.plan-sharing-steps li{font-size:.9rem}.plan-sharing-icon{width:3.1rem;height:3.1rem}.plan-sharing-arrow{top:1rem}}
