.siteSmartLinks{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px 48px;align-items:center}.smartLinksCopy{min-width:0}.smartLinksCopy h2{font-size:clamp(32px,3.4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:0 0 24px}.smartLinksCopy>p{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 24px}.smartLinksCopy .kicker{margin-bottom:20px}.smartLinkRule{background:#f8f6f2;border-radius:18px;padding:22px;margin:28px 0}.smartLinkRule>span{display:block;font-size:9px;letter-spacing:.06em;color:var(--muted)}.smartLinkRule>b{display:block;font-size:20px;line-height:1.3;font-weight:500;margin:14px 0}.smartLinkRule i{font-style:normal;color:#799459;margin:0 5px}.smartLinkRule small{font-size:12px;color:var(--muted)}.smartLinksCopy .smartLinksSupporting{font-size:14px}.smartLinkDemo{background:#f8f6f2;border-radius:24px;overflow:hidden;min-width:0;box-shadow:0 16px 40px #302a1610}.smartLinkSteps{display:flex;gap:6px;padding:18px 22px 0}.smartLinkSteps button{display:flex;align-items:center;gap:7px;flex:1;min-width:0;border:0;border-radius:999px;padding:10px 12px;background:#eeece7;color:var(--muted);font:inherit;font-size:10px;cursor:pointer;text-align:left}.smartLinkSteps button[aria-pressed=true]{background:#dce7be;color:#344424}.smartLinkSteps button:focus-visible,.smartLinkDemo [data-link-pause]:focus-visible{outline:2px solid #344424;outline-offset:2px}.smartLinkCanvas{padding:22px;display:grid;gap:16px}.smartLinkRelease{display:flex;gap:12px;align-items:center;min-width:0}.smartLinkArtwork{width:48px;height:48px;flex:0 0 48px;border-radius:12px;background:radial-gradient(ellipse at 20% 20%,#b9d6c0,transparent 70%),linear-gradient(140deg,#688da3,#bd9cba 60%,#e0bb9d)}.smartLinkRelease>div{min-width:0}.smartLinkRelease small,.smartLinkMessage small{display:block;font-size:8px;letter-spacing:.05em;color:var(--muted)}.smartLinkRelease b{display:block;font-size:15px;font-weight:500;margin:6px 0}.smartLinkRelease span{display:block;font-size:10px;color:var(--muted)}.smartLinkRelease em{font-style:normal;font-size:9px;color:#4e7154;background:#e2eadb;border-radius:999px;padding:8px;margin-left:auto;white-space:nowrap}.smartLinkFlow{display:flex;align-items:center;gap:12px;padding-left:23px}.smartLinkFlow i{display:block;position:relative;width:2px;height:24px;background:#dce7be;overflow:hidden}.smartLinkFlow i:after{content:"";position:absolute;inset:0;background:#6e8d52}.smartLinkFlow span{font-size:8px;letter-spacing:.05em;color:var(--muted)}.smartLinkGenerated{background:#eeece7;border-radius:18px;padding:20px;min-width:0;transition:opacity .7s,transform .7s}.smartLinkGeneratedHead{display:flex;align-items:center;gap:8px}.smartLinkMiniIcon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#b8d66b;color:#344424}.smartLinkGeneratedHead>b{font-size:14px;font-weight:500}.smartLinkGeneratedHead>small{font-size:9px;color:var(--muted);margin-left:auto}.smartLinkFormula{display:flex;align-items:center;gap:10px;padding:22px 0;font-size:18px}.smartLinkFormula>span{border-radius:10px;background:#f8f6f2;padding:9px 14px;font-weight:500}.smartLinkFormula i{font-size:14px;font-style:normal;color:var(--muted)}.smartLinkFormula strong{font-weight:500;color:#536e39}.smartLinkAddress{display:flex;align-items:center;gap:9px;padding:13px;background:#f8f6f2;border-radius:999px;min-width:0}.smartLinkAddress>span{font-size:13px;min-width:0;overflow-wrap:anywhere}.smartLinkAddress small{margin-left:auto;font-size:9px;color:var(--muted);white-space:nowrap}.smartLinkServices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.smartLinkServices span{font-size:9px;color:var(--muted)}.smartLinkServices span+span:before{content:"·";margin-right:8px}.smartLinkMessage{display:flex;align-items:start;gap:10px;background:#e7dff0;border-radius:18px;padding:18px;transition:opacity .7s,transform .7s;min-width:0}.smartLinkMessageIcon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#bc91f4;color:#45305d}.smartLinkMessage>div{min-width:0}.smartLinkMessage b{display:block;font-size:13px;font-weight:500;margin-top:7px}.smartLinkMessage p{font-size:10px;line-height:1.5;color:var(--muted);margin:7px 0}.smartLinkMessage div>span{font-size:11px}.smartLinkMessage em{font-size:8px;font-style:normal;color:#70518a;margin-left:auto;white-space:nowrap}.smartLinksControl{grid-column:1/-1;font-size:11px;line-height:1.7;color:var(--muted);margin:0;max-width:940px}
.smartLinkDemo[data-step="0"] .smartLinkGenerated,.smartLinkDemo:not([data-step="2"]) .smartLinkMessage{opacity:.42;transform:translateY(4px)}.smartLinkDemo[data-step="1"] .smartLinkFormula strong{animation:smartlink-name-in .8s ease both}.smartLinkDemo[data-paused=false] .smartLinkFlow i:after{animation:smartlink-flow 2.8s ease infinite}@keyframes smartlink-flow{from{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes smartlink-name-in{from{opacity:.2;transform:translateX(-7px)}to{opacity:1;transform:none}}
@container site (max-width:1000px){.siteSmartLinks{grid-template-columns:minmax(0,1fr);gap:28px}.smartLinkDemo{max-width:680px;width:100%;justify-self:center}.smartLinksCopy{max-width:780px}}
@container site (max-width:540px){.smartLinkCanvas{padding:16px}.smartLinkSteps{padding:14px 14px 0;gap:4px}.smartLinkSteps button{padding:9px 7px;font-size:9px;gap:4px}.smartLinkSteps button>span{font-size:9px}.smartLinkRelease{flex-wrap:wrap}.smartLinkRelease em{margin-left:60px}.smartLinkGenerated{padding:16px}.smartLinkGeneratedHead>small{display:none}.smartLinkFormula{gap:7px;font-size:16px}.smartLinkFormula>span{padding:8px 10px}.smartLinkMessage{padding:14px;flex-wrap:wrap}.smartLinkMessage>div{flex:1}.smartLinkMessage em{margin-left:38px}.smartLinkDemo .setupDemoTop{padding:14px}.smartLinkDemo .previewBrand{font-size:10px}.smartLinkDemo .setupDemoPreview{font-size:8px}.smartLinkDemo .setupDemoBottom{padding:14px;font-size:9px}.smartLinkRule{padding:18px}.smartLinkRule>b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.smartLinkDemo .smartLinkGenerated,.smartLinkDemo .smartLinkMessage{opacity:1!important;transform:none!important;transition:none}.smartLinkDemo .smartLinkFlow i:after,.smartLinkDemo .smartLinkFormula strong{animation:none!important}}