/* Homepage: the Tactical Pools app, featured in the strip beside "West Austin". */
.app-promo{grid-column:span 3;position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:22px 26px;border-radius:18px;
  background:radial-gradient(120% 140% at 0% 0%,rgba(43,179,230,.22),transparent 55%),linear-gradient(135deg,#0F2230 0%,#101820 55%,#0D1318 100%);
  border:1px solid rgba(43,179,230,.45);box-shadow:0 0 0 1px rgba(43,179,230,.08),0 18px 50px -18px rgba(43,179,230,.45),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.app-promo::after{content:'';position:absolute;inset:-40% -10% auto auto;width:280px;height:280px;background:radial-gradient(circle,rgba(43,179,230,.18),transparent 65%);pointer-events:none}
.app-promo-icon{width:84px;height:84px;border-radius:20px;box-shadow:0 10px 30px -8px rgba(43,179,230,.6),0 0 0 1px rgba(255,255,255,.08);display:block}
.app-promo-eyebrow{margin:0 0 4px;font:700 12px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:#2BB3E6}
.app-promo h2{margin:0 0 10px;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:30px;line-height:1.05;text-transform:uppercase;letter-spacing:.01em;color:#F5F6F7}
.app-promo-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.app-promo-chips li{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#D6DBE1}
.app-promo-chips svg{color:#2BB3E6;flex-shrink:0}
.app-promo-actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:200px}
.app-promo .ia-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:12px 22px;border:0;border-radius:10px;background:#2BB3E6;color:#071017;
  font:800 16px/1 'Saira Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 24px -8px rgba(43,179,230,.8);transition:transform .15s,background .15s}
.app-promo .ia-btn:hover{background:#5CC6EE;transform:translateY(-1px)}
.app-promo-login{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.18);color:#E6E9ED;text-decoration:none;font-weight:600;font-size:14px}
.app-promo-login:hover{border-color:#2BB3E6;color:#fff}
.ia-steps{padding:10px 12px;border-radius:10px;background:#0B1116;border:1px solid #22303B;font-size:13px;color:#C9CED5}
.ia-steps-title{margin:0 0 4px;font-weight:700;color:#F5F6F7}
.ia-steps ol{margin:0;padding-left:18px}.ia-steps li{margin:3px 0}.ia-steps svg{vertical-align:-3px}
.ia-done{margin:0;font-weight:700;color:#7FDCA0;text-align:center}
@media(max-width:1023px){.app-promo{grid-template-columns:auto 1fr}.app-promo-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.app-promo-actions>*{flex:1 1 200px}}
@media(max-width:767px){.app-promo-actions{flex-direction:column}.app-promo-actions>*,.app-promo .ia-btn{width:100%;flex:none}.app-promo{grid-column:auto;grid-template-columns:1fr;text-align:left;padding:20px}.app-promo-icon{width:68px;height:68px;border-radius:16px}.app-promo h2{font-size:26px}}