/* Site Point Motion UI 0.1.0 — scoped styles */
.spm-card{--spm-accent:#ed9b52;position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff25;border-radius:20px;padding:30px;background:#1b222d;color:#f8fafc;min-height:170px}
.spm-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(280px circle at var(--spm-x,50%) var(--spm-y,50%),color-mix(in srgb,var(--spm-accent),transparent 67%),transparent 80%)}
.spm-card:hover::before,.spm-card:focus-within::before{opacity:1}
.spm-card h3{font-size:clamp(20px,3vw,29px);margin:0 0 12px;color:inherit}.spm-card p{margin:0;color:#c5cedb;line-height:1.65}
.spm-reveal{opacity:1;transform:none}.spm-js .spm-reveal:not(.spm-visible){opacity:0;transform:translateY(22px)}.spm-js .spm-reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.spm-text-reveal{opacity:1}.spm-js .spm-text-reveal:not(.spm-visible){opacity:0;transform:translateY(16px)}.spm-js .spm-text-reveal{transition:opacity .65s ease,transform .65s ease}
.spm-magnetic{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ed9b52;background:#ed9b52;color:#171717;padding:14px 24px;border-radius:999px;font:600 15px/1.2 system-ui;cursor:pointer;transform:translate(var(--spm-tx,0px),var(--spm-ty,0px));transition:transform .2s ease,background .2s}
.spm-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.spm-bento>*{min-width:0}.spm-bento>.spm-wide{grid-column:span 2}
@media(max-width:680px){.spm-bento{grid-template-columns:1fr}.spm-bento>.spm-wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.spm-js .spm-reveal,.spm-js .spm-text-reveal{opacity:1!important;transform:none!important;transition:none!important}.spm-magnetic{transform:none!important;transition:none!important}.spm-card::before{transition:none}}
/* v0.2.0: adjustable variables while preserving v0.1.0 appearance */
.spm-js .spm-reveal:not(.spm-visible){transform:translateY(var(--spm-distance,22px))}
.spm-js .spm-reveal{transition-duration:var(--spm-duration,700ms)}
.spm-js .spm-text-reveal{transition-duration:var(--spm-text-duration,650ms)}
.spm-magnetic{background:var(--spm-button-accent,#ed9b52);border-color:var(--spm-button-accent,#ed9b52)}
