.mqd .ag-hero{padding:56px 20px 64px}.mqd .ag-hero-grid{grid-template-columns:1fr;align-items:center;gap:44px;display:grid}.mqd .ag-hero-title{font-size:var(--mq-heading-size)}.mqd .ag-hero-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--color-action);margin-top:28px;font-size:12px;font-weight:600}@media (width>=768px){.mqd .ag-hero{padding:72px 32px 88px}}@media (width>=1024px){.mqd .ag-hero{padding:96px 40px 120px}.mqd .ag-hero-grid{grid-template-columns:1.05fr 1fr;gap:80px}}.mqd .ag-card-heading{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:800;line-height:1.2}.mqd .ag-card-body{color:var(--color-on-surface-variant);margin:12px 0 0;font-size:15px;line-height:1.55}.mqd .ag-section-title{font-size:var(--mq-heading-size)}.mqd .ag-demo{padding:64px 20px}.mqd .ag-demo-head{max-width:760px;margin-bottom:48px}.mqd .ag-demo-grid{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.mqd .ag-demo-item{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:300px;margin:0;display:flex}.mqd .ag-demo-media{border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb, var(--color-on-inverted) 12%, transparent);background:color-mix(in srgb, var(--color-on-inverted) 4%, transparent);width:100%;height:auto;box-shadow:0 24px 60px color-mix(in srgb, var(--shadow-color) 40%, transparent);display:block}.mqd .ag-demo-caption{margin-top:22px}.mqd .ag-demo-scenario{letter-spacing:-.01em;color:var(--color-on-inverted);font-size:18px;font-weight:800;display:block}.mqd .ag-demo-desc{color:var(--color-on-inverted-variant);margin-top:6px;font-size:14px;line-height:1.5;display:block}@media (width>=768px){.mqd .ag-demo{padding:96px 40px}.mqd .ag-demo-grid{gap:56px}}.mqd .ag-shift{padding:64px 20px}.mqd .ag-shift-head{flex-direction:column;gap:20px;margin-bottom:48px;display:flex}.mqd .ag-shift-intro{color:var(--color-on-surface-variant);margin:0;font-size:15px;line-height:1.55}.mqd .ag-items-grid{grid-template-columns:1fr;gap:24px;display:grid}.mqd .ag-item-card{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-muted) 40%, transparent);border-radius:var(--radius-2xl);padding:28px}@media (width>=768px){.mqd .ag-items-grid{grid-template-columns:1fr 1fr}}@media (width>=1024px){.mqd .ag-shift{padding:96px 40px}.mqd .ag-shift-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:64px}.mqd .ag-shift-intro{flex:none;max-width:340px}.mqd .ag-items-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.mqd .ag-how{padding:64px 20px}.mqd .ag-how-summary{max-width:760px;color:var(--color-on-muted-variant);margin:24px 0 0;font-size:17px;line-height:1.6}.mqd .ag-steps-grid{grid-template-columns:1fr;gap:40px 24px;margin-top:56px;display:grid}.mqd .ag-step{border:1px solid var(--color-surface);border-radius:16px;padding:28px}.mqd .ag-step-head{color:var(--color-teal);align-items:center}.mqd .ag-step-num{letter-spacing:.04em;color:var(--musqet-navy);font-size:13px;font-weight:800}.mqd .ag-step .ag-card-heading{margin-top:18px}.mqd .ag-step-body{color:var(--color-on-muted-variant);margin:10px 0 0;font-size:15px;line-height:1.55}@media (width>=600px){.mqd .ag-steps-grid{grid-template-columns:1fr 1fr}}@media (width>=1024px){.mqd .ag-how{padding:96px 40px}.mqd .ag-steps-grid{grid-template-columns:repeat(3,1fr)}}.mqd .ag-dev{padding:64px 20px}.mqd .ag-dev-grid{grid-template-columns:1fr;align-items:center;gap:44px;display:grid}.mqd .ag-dev-title{font-size:var(--mq-heading-size)}.mqd .ag-dev-points{grid-template-columns:1fr;gap:14px;margin:32px 0 0;padding:0;list-style:none;display:grid}.mqd .ag-dev-point{color:var(--color-on-inverted);align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.mqd .ag-dev-dot{background:var(--color-action);border-radius:50%;flex:none;width:6px;height:6px}@media (width>=600px){.mqd .ag-dev-points{grid-template-columns:1fr 1fr}}@media (width>=1024px){.mqd .ag-dev{padding:96px 40px}.mqd .ag-dev-grid{grid-template-columns:1.1fr 1fr;gap:80px}}.mqd .ag-code-card{background:color-mix(in srgb, var(--musqet-navy) 40%, var(--shadow-color));border:1px solid color-mix(in srgb, var(--color-on-inverted) 10%, transparent);border-radius:var(--radius-2xl);width:100%;max-width:460px;box-shadow:0 30px 80px color-mix(in srgb, var(--shadow-color) 50%, transparent);margin-left:auto;padding:28px}.mqd .ag-code-head{align-items:center;margin-bottom:18px}.mqd .ag-code-method{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--color-on-inverted) 50%, transparent);font-size:12px;font-weight:600}.mqd .ag-code-dots{gap:6px;display:inline-flex}.mqd .ag-code-dots>span{background:color-mix(in srgb, var(--color-on-inverted) 18%, transparent);border-radius:50%;width:9px;height:9px}.mqd .ag-code-dots>span.is-live{background:var(--color-action)}.mqd .ag-code-pre{white-space:pre;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.mqd .ag-code-line--punc{color:color-mix(in srgb, var(--color-on-inverted) 45%, transparent)}.mqd .ag-code-line--key{color:color-mix(in srgb, var(--color-on-inverted) 60%, transparent)}.mqd .ag-code-line--val{color:var(--color-on-inverted)}.mqd .ag-code-line--sig{color:var(--color-action)}.mqd .ag-code-line--ok{color:var(--color-success)}.mqd .ag-cta{padding:64px 20px}.mqd .ag-cta-grid{grid-template-columns:1fr;align-items:center;gap:28px;display:grid}.mqd .ag-cta-title{font-size:var(--mq-heading-size)}.mqd .ag-cta-body{gap:16px;display:grid}@media (width>=1024px){.mqd .ag-cta{padding:96px 40px}.mqd .ag-cta-grid{grid-template-columns:1.6fr 1fr;gap:64px}}@media (width<=767px){.mqd .ag-hero .row,.mqd .ag-cta .row{flex-wrap:wrap}}