.commerce-intro{gap:28px;padding-top:16px;display:grid}.commerce-intro h1,.commerce-intro h2,.commerce-intro h3{font-family:var(--font-body);letter-spacing:-.03em;margin:0;font-weight:650}.commerce-intro h1{text-wrap:balance;max-width:720px;font-size:clamp(30px,4vw,48px);line-height:1.15}.commerce-intro h2{font-size:clamp(22px,2.6vw,30px);line-height:1.2}.commerce-intro h3{letter-spacing:-.02em;font-size:15px}.commerce-intro__description{max-width:590px;color:hsl(var(--muted-foreground));margin:20px 0 24px;font-size:15px;line-height:1.8}.commerce-intro__hero{padding:12px 0 28px}.commerce-intro__actions{flex-wrap:wrap;gap:12px;display:flex}.commerce-intro__actions a{border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:700;display:inline-flex}.commerce-intro__primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.commerce-intro__secondary{border:1px solid hsl(var(--border));background:hsl(var(--card))}.commerce-intro a{transition:background-color .15s,border-color .15s}.commerce-intro a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.commerce-intro__primary:hover{background:hsl(var(--primary) / .85)}.commerce-intro__workspace{border:1px solid hsl(var(--border) / .6);background:hsl(var(--card));border-radius:5px;padding:24px;scroll-margin-top:160px}.commerce-intro__workspace h2{margin-bottom:20px;font-size:17px}.commerce-intro__tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.commerce-intro__tools a{border-radius:3px;gap:8px;padding:18px 36px 18px 18px;display:grid;position:relative}.commerce-intro__tools span{font-size:12px;font-weight:650}.commerce-intro__tools small{color:hsl(var(--muted-foreground));font-size:11px;line-height:1.7}.commerce-intro__tools svg{color:hsl(var(--primary));position:absolute;top:18px;right:12px}.commerce-intro__tools a+a{border-left:1px solid hsl(var(--border))}.commerce-intro__tools a:hover,.commerce-intro__secondary:hover{background:hsl(var(--accent))}@media (max-width:767px){.commerce-intro{gap:24px;padding-top:8px}.commerce-intro__hero{padding-bottom:0}.commerce-intro__tools{grid-template-columns:1fr}.commerce-intro__workspace{padding:20px}.commerce-intro__tools a+a{border-left:0;border-top:1px solid hsl(var(--border))}}@media (prefers-reduced-motion:reduce){.commerce-intro a{transition:none}}