.standards-page { max-width: 960px; margin: 0 auto; }
.standards-hero { max-width: 800px; padding: clamp(86px, 14vh, 154px) 0 clamp(68px, 10vh, 118px); }
.standards-hero h1 { max-width: 780px; margin: 12px 0 30px; font-family: var(--display); font-size: clamp(42px, 5.6vw, 76px); font-weight: 600; line-height: .98; }
.standards-lead { max-width: 660px; color: var(--muted); font-size: 18px; line-height: 1.58; }.standards-lead p { margin: 0 0 18px; }.standards-lead p:last-child { color: var(--text-soft); }
.standards-list { border-top: 1px solid var(--hair-soft); }.standard { display: grid; grid-template-columns: 155px minmax(0, 1fr); gap: 36px; padding: 44px 0 52px; border-bottom: 1px solid var(--hair-soft); }
.standard-number { padding-top: 8px; color: var(--accent); font: 500 10px/1.2 var(--mono); letter-spacing: .13em; text-transform: uppercase; }.standard-number span { display: block; margin-top: 7px; color: var(--dim); font-size: 9px; }
.standard-body { max-width: 650px; }.standard-body h2 { margin: 0 0 22px; font-family: var(--display); font-size: clamp(28px, 3vw, 40px); font-weight: 600; line-height: 1.05; }.standard-body p { margin: 0 0 16px; color: var(--muted); font-size: 16px; line-height: 1.6; }.standard-body ul { margin: 0 0 17px; padding-left: 20px; color: var(--muted); line-height: 1.7; }.standard-body li::marker { color: var(--accent); }
.standard-pull { margin: 29px 0 0 !important; padding: 18px 0 0; border-top: 1px solid var(--hair-soft); color: var(--text-soft) !important; font-family: var(--display); font-size: clamp(20px, 2.3vw, 27px) !important; font-weight: 500; line-height: 1.18 !important; letter-spacing: 0; }
.standard blockquote { max-width: 570px; margin: 30px 0 0; padding: 0 0 0 20px; border-left: 2px solid var(--accent); color: var(--text-soft); font-family: var(--display); font-size: clamp(19px, 2.2vw, 25px); font-weight: 500; line-height: 1.25; letter-spacing: -.015em; }
.migration-path { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 29px; padding: 16px 0; border-top: 1px solid var(--hair-soft); border-bottom: 1px solid var(--hair-soft); color: var(--text-soft); font: 500 10px/1.45 var(--mono); letter-spacing: .06em; text-transform: uppercase; }.migration-path i { color: var(--accent); font-size: 15px; font-style: normal; }
.standards-closing { max-width: 760px; padding: clamp(76px, 12vh, 132px) 0 92px; }.standards-closing h2 { margin: 12px 0 24px; font-family: var(--display); font-size: clamp(36px, 4.4vw, 60px); font-weight: 600; line-height: 1; }.standards-closing p { max-width: 620px; margin: 0 0 16px; color: var(--muted); font-size: 17px; line-height: 1.6; }.standards-closing p + p { color: var(--text-soft); }.standards-closing a { display: inline-flex; gap: 8px; margin-top: 16px; color: var(--text-soft); font-weight: 600; }.standards-closing a span { color: var(--accent); transition: transform 180ms ease; }.standards-closing a:hover span { transform: translateX(4px); }
@media (max-width: 720px) { .standards-hero { padding-top: 72px; }.standards-hero h1 { font-size: clamp(38px, 11vw, 55px); }.standards-lead { font-size: 16px; }.standard { grid-template-columns: 1fr; gap: 17px; padding: 33px 0 39px; }.standard-number { padding: 0; }.standard-number span { display: inline; margin-left: 8px; }.standard-body h2 { margin-bottom: 17px; }.standard-body p { font-size: 15px; }.migration-path { gap: 7px; }.standards-closing { padding-bottom: 68px; } }