.ds-top{padding-bottom:var(--sp-m)}.ds-top__bar{height:var(--nav-h);align-items:center;gap:40px;display:flex}.ds-top__nav{color:var(--text-on-dark-2);gap:28px;margin-left:auto;display:flex}.ds-top__nav a:hover{color:#fff}.ds-top__hero{padding-top:var(--sp-l);gap:28px;display:grid}.ds-top__hero .t-display{font-weight:600}.ds-top__lead{max-width:38em}.ds-head{gap:var(--gutter);border-bottom:1px solid var(--graphite);grid-template-columns:80px minmax(0,5fr) minmax(0,6fr);align-items:baseline;margin-bottom:56px;padding-bottom:32px;display:grid}.ds-head .t-h2{font-weight:500}.ds-num{color:var(--blue)}.ds-sub{color:var(--slate);margin-bottom:20px}.bg-fog .ds-sub{color:var(--slate-strong)}.on-dark .ds-sub{color:var(--text-on-dark-2)}.ds-note{text-transform:none;letter-spacing:.04em;color:var(--slate-strong);margin-top:32px}.ds-swatches{gap:32px var(--gutter);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:72px;display:grid}.ds-swatch{gap:4px;font-size:14px;display:grid}.ds-swatch__chip{border-radius:var(--radius-sm);border:1px solid var(--line);height:96px;margin-bottom:12px}.ds-swatch b,.ds-accent b{font-weight:500}.ds-swatch small,.ds-accent small{color:var(--slate);font-size:12px}.ds-accents{gap:var(--gutter);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.ds-accent{gap:4px;font-size:14px;display:grid}.ds-accent__chips{border-radius:var(--radius-sm);height:72px;margin-bottom:12px;display:flex;overflow:hidden}.ds-accent__chips span{flex:1}.ds-accent__chips span:first-child{flex:2}.ds-ratio{margin-top:72px}.ds-ratio__bar{border-radius:var(--radius-sm);border:1px solid var(--line);height:40px;display:flex;overflow:hidden}.ds-ratio__bar span{width:var(--w)}.ds-ratio__legend{color:var(--slate);justify-content:space-between;margin-top:12px;display:flex}.ds-type__row{gap:var(--gutter);border-bottom:1px solid #dfe2e8;grid-template-columns:200px minmax(0,1fr);align-items:baseline;padding:28px 0;display:grid}.ds-type__row>.mono{color:var(--slate-strong)}.ds-grid{height:120px;margin-bottom:72px}.ds-grid span{background:#2b5cff14;border-inline-start:1px solid #2b5cff3d;border-inline-end:1px solid #2b5cff3d}.ds-cols{gap:64px var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.ds-cols>*{min-width:0}.ds-space li{align-items:center;gap:20px;padding:8px 0;display:flex}.ds-space .mono{width:40px;color:var(--slate)}.ds-space i{background:var(--blue);border-radius:2px;flex:0 auto;min-width:0;height:12px}.ds-ratios{gap:var(--gutter);grid-template-columns:1.6fr .72fr 2fr;align-items:end;margin-top:40px;display:grid}.ds-comp{background:#dfe2e8;border:1px solid #dfe2e8;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.ds-comp__cell{background:var(--paper);padding:40px}.ds-comp__cell.bg-navy{background:var(--navy)}.ds-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ds-stack{justify-items:start;gap:20px;display:grid}.ds-focus{outline:2px solid var(--blue);outline-offset:3px}.ds-focus-link{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.ds-contrast li{text-transform:none;letter-spacing:.02em;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:6px 0;display:grid}.ds-contrast__chip{border:1px solid var(--line);height:32px;font-family:var(--font-sans);border-radius:6px;place-items:center;font-size:15px;font-weight:600;display:grid}.ds-contrast b{color:var(--graphite);font-weight:400}.ds-devices{grid-template-columns:1.9fr 1.35fr .5fr;align-items:end;gap:32px;margin-bottom:72px;display:grid}.ds-device{margin:0}.ds-device__screen{border:1px solid var(--line);background:var(--navy);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #101b3659}.ds-device--phone .ds-device__screen{border-radius:18px}.ds-device iframe{transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:0;left:0}.ds-device figcaption{color:var(--slate);margin-top:16px}.ds-table{border-collapse:collapse;width:100%;font-size:15px}.ds-table th{text-align:left;color:var(--slate);border-bottom:1px solid var(--graphite);padding:0 16px 14px 0;font-weight:400}.bg-fog .ds-table th{color:var(--slate-strong)}.ds-table td{vertical-align:top;border-bottom:1px solid #dfe2e8;padding:18px 16px 18px 0;line-height:1.6}.ds-table td:first-child{white-space:nowrap;font-weight:500}.ds-rules{gap:24px var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:56px;display:grid}.ds-rules li{border-top:1px solid #dfe2e8;gap:8px;padding-top:16px;font-size:15px;display:grid}.ds-rules .mono{color:var(--blue)}.ds-footer{padding-top:0}.ds-footer .footer__bottom{border-top:0;margin-top:0}@media (max-width:1023px){.ds-top__nav{display:none}.ds-head{grid-template-columns:1fr;gap:12px}.ds-accents{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.ds-cols,.ds-comp,.ds-rules{grid-template-columns:1fr}.ds-devices{grid-template-columns:1fr 1fr}.ds-device:first-child{grid-column:1/-1}}@media (max-width:767px){.ds-top__bar .btn{margin-left:auto}.ds-type__row{grid-template-columns:1fr;gap:8px}.ds-comp__cell{padding:28px 20px}.ds-table{display:block;overflow-x:auto}.ds-table td:first-child{white-space:normal}}