.extension-hero { max-width: 860px; }
.extension-hero .lead { max-width: 650px; }
.extension-requirement { display: inline-flex; padding: 8px 13px; border: 1px solid #d6e1f6; border-radius: 999px; background: #edf4ff; font-size: 13px; font-weight: 600; color: #31518a; }
.extension-hero .ctas { margin-top: 16px; }
.extension-hero .ctas .primary { gap: 12px; }
.extension-hero .fine { max-width: 700px; line-height: 1.65; }
.extension-device-note { margin: 10px 0 44px; padding: 22px 26px; }
.extension-device-note h2 { font-size: 20px; margin-top: 0; }
.extension-device-note p { font-size: 15px; line-height: 1.65; }
.extension-device-note > a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 600; }
.extension-steps { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.extension-steps li { padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.extension-steps h3 { font-size: 18px; }
.extension-steps p { margin-bottom: 0; line-height: 1.65; }
.extension-hero + .extension-device-note + section { margin-top: 44px; }
@media(max-width:960px){.extension-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.extension-hero .ctas{flex-direction:column;align-items:stretch}.extension-hero .ctas .btn{min-height:50px;text-align:center;justify-content:center;white-space:normal;font-size:15px}.extension-steps{grid-template-columns:1fr;gap:14px}.extension-steps li{padding:20px}.extension-device-note{padding:20px}.extension-requirement{font-size:12px}.extension-hero .fine{font-size:13px}}