.ds-hero{padding:72px 0 28px}.ds-section{padding:56px 0;border-top:1px solid var(--hairline)}.ds-section:first-of-type{border-top:0}.sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:32px;flex-wrap:wrap}.sec-head .num{font-family:var(--mono);font-size:13px;color:var(--text-faint)}.sec-head p{margin:0;color:var(--text-muted);max-width:52ch}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:28px}.label-sm{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.sw{border-radius:var(--r);overflow:hidden;border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-xs);transition:transform var(--t) var(--ease-out),box-shadow var(--t) var(--ease-out)}.sw:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.sw .fill{height:88px}.sw .meta{padding:11px 13px}.sw .meta .nm{font-size:13.5px;font-weight:600;color:var(--ink)}.sw .meta .hx{font-family:var(--mono);font-size:12px;color:var(--text-muted);margin-top:2px}.type-row{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--hairline);align-items:baseline}.type-row:first-child{border-top:0}.type-row .spec{font-family:var(--mono);font-size:12px;color:var(--text-faint);line-height:1.7}.tok-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.radius-demo{height:76px;background:var(--navy-tint);border:1px solid var(--border)}.shadow-demo{height:76px;background:var(--surface);border-radius:var(--r)}.demo-grid{display:grid;gap:22px}.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}.flexwrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.logo-tile{border-radius:var(--r-lg);border:1px solid var(--hairline);padding:36px;display:grid;place-items:center;min-height:150px}.logo-tile img{height:56px}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.screen-card{display:block;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--t) var(--ease-out),box-shadow var(--t) var(--ease-out)}.screen-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.screen-card .thumb{aspect-ratio:16/11}.screen-card .cap{padding:16px 18px;display:flex;align-items:center;justify-content:space-between}.screen-card .cap .t{font-weight:600;color:var(--ink)}.screen-card .cap .arr{color:var(--navy);transition:transform var(--t) var(--ease)}.screen-card:hover .cap .arr{transform:translate(4px)}@media (max-width: 900px){.cols-2,.cols-3,.screens{grid-template-columns:1fr}.type-row{grid-template-columns:1fr;gap:6px}}