.shell-switch{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.shell-switch button,.shell-menu{color:#111735;background:#fff;border:1px solid #111735;border-radius:12px;min-height:48px;padding:12px 20px;font-weight:600}.shell-switch button[aria-pressed=true]{color:#fff;background:#111735}.shell-canvas{background:#f4f7f7;border:1px solid #dbe6e6;border-radius:24px;max-width:100%;margin:28px auto;overflow:hidden;container-type:inline-size}.shell-canvas.is-mobile{width:390px}.shell-example{color:#111735;font-size:14px;line-height:22px}.shell-header{background:#fff;border:1px solid #dbe6e6;border-radius:24px;margin:16px;padding:12px}.shell-header-row{align-items:center;gap:12px;display:flex}.shell-header{color:#111735}.shell-back-action{margin-left:auto}.shell-extra-actions{flex-shrink:0}.shell-theme-controls{gap:4px;display:flex}.shell-theme-controls button{color:#111735;width:48px;height:48px;box-shadow:none;background:#fff;border:1px solid #dbe6e6;border-radius:12px}.shell-theme-controls button[aria-pressed=true]{color:#fff;background:#111735;border-color:#111735}.shell-theme-controls button:hover{color:#111735;background:#a5f3fc}.shell-theme-controls button:focus-visible{outline:3px solid var(--control-focus);outline-offset:3px}@container (width<=600px){.shell-extra-actions{flex-basis:100%;order:4}.shell-theme-controls{justify-content:flex-end}}.shell-logo{flex-shrink:0;padding:12px 0;display:block}.shell-logo img{object-fit:contain;width:auto;max-width:100%;height:36px}.shell-desktop-nav{gap:4px;margin-left:auto;display:flex}.shell-desktop-nav a,.shell-signin{align-items:center;min-height:48px;padding:8px;font-weight:600;display:flex}.shell-action{color:#fff;text-align:center;background:#111735;border:1px solid #111735;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-weight:600;display:inline-flex}.shell-action svg{flex-shrink:0}.shell-action:hover{background:var(--color-cyan-200);color:#111735}.shell-menu{flex-shrink:0;width:48px;padding:10px;display:none}.shell-mobile-nav{display:none}.shell-body{max-width:650px;padding:64px 32px}.shell-body h3,.shell-footer h3{letter-spacing:-.035em;font:600 30px/36px Manrope,Arial,sans-serif}.shell-body p{margin:16px 0}.shell-footer{color:#fff;border-top:4px solid var(--color-cyan-200);background:#111735;padding:40px 32px 24px}.shell-footer-cta{border-bottom:1px solid #49506a;justify-content:space-between;align-items:center;gap:24px;padding-bottom:32px;display:flex}.shell-footer p{color:#c4c8d4;margin-top:12px}.shell-footer .shell-action{background:var(--color-cyan-200);color:#111735;border-color:var(--color-cyan-200);flex-shrink:0}.shell-footer .shell-action:hover{background:#fff;border-color:#fff}.shell-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding:32px 0;display:grid}.shell-footer h4{margin-bottom:12px;font-weight:700}.shell-footer-grid a:not(.shell-logo){color:#c4c8d4;align-items:center;min-height:48px;display:flex}.shell-footer-grid .shell-logo{width:fit-content}.shell-footer-bottom{border-top:1px solid #49506a;padding-top:20px}.shell-footer-bottom nav{flex-wrap:wrap;gap:4px 24px;display:flex}.shell-footer-bottom a,.shell-footer-bottom button{color:#c4c8d4;align-items:center;min-height:48px;display:flex}.shell-footer a:not(.shell-action):hover,.shell-footer button:hover{color:var(--color-cyan-200);text-decoration:underline}.shell-footer :is(a,button):focus-visible{outline:3px solid var(--color-cyan-200);outline-offset:3px}.shell-example a:not(.shell-action):hover{text-decoration:underline}@container (width<=1199px){.shell-desktop-nav,.shell-signin{display:none}.shell-header-row>.shell-action{margin-left:auto}.shell-menu{justify-content:center;align-items:center;display:flex}.shell-mobile-nav{border-top:1px solid #dbe6e6;margin-top:12px;padding-top:12px;display:grid}.shell-mobile-nav a{align-items:center;min-height:48px;padding:12px;display:flex}.shell-footer-grid{grid-template-columns:1fr 1fr}}@container (width<=600px){.shell-header{margin:12px;padding:12px}.shell-header-row{flex-wrap:wrap;gap:8px}.shell-header .shell-logo img{height:28px}.shell-header-row>.shell-action{padding:12px;font-size:14px}.shell-header-row>.shell-action svg{display:none}.shell-body{padding:40px 20px}.shell-footer{padding:32px 20px 20px}.shell-footer-cta{flex-direction:column;align-items:flex-start}.shell-footer-grid{grid-template-columns:1fr;gap:28px}.shell-footer h3,.shell-body h3{font-size:24px;line-height:31px}}