/* Existing Asantap palette and type; scoped to the new connection surfaces. */
body.as-connect { --connect-bg:#F7F9FB; --connect-surface:#FFFFFF; --connect-ink:#1A1A2E; --connect-muted:#6B7280; --connect-accent:#467FF7; --connect-action:#2D66DE; --connect-line:#E5EAF2; }
body.as-connect :is(.as-connect-utility,.as-connect-mobile,.as-connect-promo) { box-sizing:border-box; font-family:Poppins,sans-serif; color:var(--connect-ink); }
body.as-connect :is(.as-connect-utility,.as-connect-mobile,.as-connect-promo) svg { display:block; width:20px; height:20px; flex-shrink:0; }
body.as-connect .as-connect-utility { background:var(--connect-bg); border-bottom:1px solid var(--connect-line); }
body.as-connect .as-connect-utility__inner { width:calc(100% - 48px); max-width:1200px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:48px; }
body.as-connect .as-connect-utility__social { display:flex; align-items:center; gap:16px; }
body.as-connect .as-connect-utility__social>span { color:var(--connect-muted); font-size:12px; }
body.as-connect .as-connect-socials { display:flex; align-items:center; gap:4px; }
body.as-connect .as-connect-socials a { display:flex; align-items:center; justify-content:center; width:48px; height:48px; flex:0 0 48px; border:0; border-radius:12px; background:transparent; color:var(--connect-muted)!important; text-decoration:none; }
body.as-connect .as-connect-socials a:hover { background:var(--connect-surface); color:var(--connect-action)!important; }
body.as-connect .as-connect-app-link { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:4px 16px; border:1px solid var(--connect-line); border-radius:12px; background:var(--connect-surface); color:var(--connect-ink)!important; text-decoration:none!important; line-height:1.4; }
body.as-connect .as-connect-app-link span { display:block; text-align:left; }
body.as-connect .as-connect-app-link small { display:block; font-size:10px; color:var(--connect-muted); }
body.as-connect .as-connect-app-link strong { display:block; font-size:12px; font-weight:600; }
body.as-connect .as-connect-utility .as-connect-app-link { border:0; background:transparent; border-radius:0; padding:0 8px; }
body.as-connect .as-connect-utility .as-connect-app-link small { display:none; }
body.as-connect .as-connect-app-link:hover { border-color:var(--connect-accent); color:var(--connect-action)!important; }
body.as-connect :is(.as-connect-utility,.as-connect-mobile,.as-connect-promo) a:focus-visible { outline:3px solid var(--connect-accent); outline-offset:2px; }
body.as-connect .as-connect-mobile { display:none; }
body.as-connect #asantap-app { display:flex; flex-direction:row; align-items:center; gap:24px; width:calc(100% - 48px); max-width:1112px; margin:8px auto 32px; padding:24px 32px; border:1px solid var(--connect-line); border-radius:16px; background:var(--connect-bg); }
body.as-connect .as-connect-promo__mark { display:flex; align-items:center; justify-content:center; width:64px; height:64px; flex:0 0 64px; border-radius:16px; background:var(--connect-surface); color:var(--connect-action); }
body.as-connect .as-connect-promo__mark svg { width:32px; height:32px; }
body.as-connect .as-connect-promo__copy { flex:1; min-width:0; }
body.as-connect #asantap-app h2 { margin:0 0 8px; font-size:24px; font-weight:600; line-height:1.25; letter-spacing:-.02em; color:var(--connect-ink); }
body.as-connect #asantap-app p { margin:0; font-size:13px; line-height:1.6; color:var(--connect-muted); }
body.as-connect .as-connect-app-link--primary { flex-shrink:0; min-height:56px; padding:8px 16px; background:var(--connect-action); border-color:var(--connect-action); color:var(--connect-surface)!important; }
body.as-connect .as-connect-app-link--primary small { color:var(--connect-surface); }
body.as-connect .as-connect-app-link--primary:hover { background:var(--connect-ink); border-color:var(--connect-ink); color:var(--connect-surface)!important; }
@media(max-width:1200px) {
  body.as-connect .as-connect-utility { display:none; }
  body.as-connect .c27-main-header .as-connect-mobile { display:block; padding:20px 0 8px; margin-top:16px; border-top:1px solid var(--connect-line); }
  body.as-connect .c27-main-header .as-connect-mobile h2 { padding:0; margin:0 0 8px; font-size:12px; font-weight:500; line-height:1.5; color:var(--connect-muted); }
  body.as-connect .c27-main-header .as-connect-mobile__app { margin-top:16px; }
  body.as-connect .c27-main-header .as-connect-mobile .as-connect-app-link { display:flex; width:100%; justify-content:flex-start; }
  body.as-connect .c27-main-header .as-connect-mobile .as-connect-app-link>svg:last-child { margin-left:auto; }
}
@media(max-width:767px) {
  body.as-connect #asantap-app { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; width:calc(100% - 32px); margin:8px auto 24px; padding:20px 16px; }
  body.as-connect .as-connect-promo__mark { width:48px; height:48px; border-radius:12px; }
  body.as-connect .as-connect-promo__mark svg { width:24px; height:24px; }
  body.as-connect #asantap-app h2 { margin-bottom:4px; font-size:18px; }
  body.as-connect #asantap-app p { font-size:12px; }
  body.as-connect #asantap-app .as-connect-app-link { grid-column:1/-1; width:100%; min-height:48px; }
}