/* Quick Services — page-specific styles (converted from small-services.html <style>) */

@keyframes tsInfinityBorder { to { stroke-dashoffset: 0; } }

/* Service cards grid */
.dsmt-micro-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--dsmt-line); border: 1px solid var(--dsmt-line); border-radius: var(--dsmt-radius-xl); overflow: hidden; }
@media(max-width:900px){ .dsmt-micro-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width:520px){ .dsmt-micro-grid { grid-template-columns: 1fr; } }
.dsmt-micro-card { background: var(--dsmt-bg); padding: 32px 28px; display: flex; flex-direction: column; gap: 0; transition: background 0.15s; scroll-margin-top: 100px; }
.dsmt-micro-card:hover { background: var(--dsmt-bg-2); }
.dsmt-micro-card-icon { width: 48px; height: 48px; border-radius: var(--dsmt-radius); background: var(--dsmt-blue-dim); display: flex; align-items: center; justify-content: center; color: var(--dsmt-blue); margin-bottom: 20px; }
.dsmt-micro-card-icon svg { width: 22px; height: 22px; }
.dsmt-micro-card-num { font-family: var(--dsmt-font-mono); font-size: 0.62rem; color: var(--dsmt-blue); letter-spacing: 0.1em; margin-bottom: 10px; }
.dsmt-micro-card-title { font-family: var(--dsmt-font-head); font-weight: 700; font-size: 1.2rem; letter-spacing: -0.02em; color: var(--dsmt-ink); margin-bottom: 10px; }
.dsmt-micro-card-desc { font-size: 0.875rem; color: var(--dsmt-ink-2); line-height: 1.68; margin-bottom: 20px; }
.dsmt-micro-card-price { font-family: var(--dsmt-font-mono); font-size: 0.72rem; color: var(--dsmt-ink-3); letter-spacing: 0.06em; padding-top: 16px; border-top: 1px dashed var(--dsmt-line-2); margin-top: auto; }
.dsmt-micro-card-price strong { color: var(--dsmt-ink); font-family: var(--dsmt-font-head); font-weight: 700; font-size: 1.1rem; letter-spacing: -0.02em; display: block; margin-bottom: 2px; }

/* What's included list */
.dsmt-what-list { display: grid; gap: 8px; margin: 16px 0; }
.dsmt-what-item { display: flex; align-items: start; gap: 10px; font-size: 0.85rem; color: var(--dsmt-ink-2); line-height: 1.55; }
.dsmt-what-item::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--dsmt-blue); flex-shrink: 0; margin-top: 7px; }

/* Filter chips */
.dsmt-filter-bar { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: clamp(24px,3vw,40px); }

/* Process strip */
.dsmt-process-strip { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--dsmt-line); border: 1px solid var(--dsmt-line); border-radius: var(--dsmt-radius-xl); overflow: hidden; }
@media(max-width:640px){ .dsmt-process-strip { grid-template-columns: 1fr 1fr; } }
.dsmt-ps-cell { background: var(--dsmt-bg); padding: 24px 22px; }
.dsmt-ps-num { font-family: var(--dsmt-font-mono); font-size: 0.62rem; color: var(--dsmt-blue); letter-spacing: 0.1em; margin-bottom: 10px; }
.dsmt-ps-title { font-family: var(--dsmt-font-head); font-weight: 700; font-size: 1rem; letter-spacing: -0.02em; color: var(--dsmt-ink); margin-bottom: 6px; }
.dsmt-ps-desc { font-size: 0.82rem; color: var(--dsmt-ink-2); line-height: 1.6; }