/* ATL Sync page — Gemini's layout (Ben chose it 2026-10-05), scoped to .atl. */
.atl{--atl-red:#a11d20}
.atl-hero,.atl-placements,.atl-split,.atl-faq{max-width:1440px;margin:0 auto;padding-left:4vw;padding-right:4vw}
.atl-hero{padding-top:4rem;padding-bottom:5rem;border-bottom:2px solid var(--ink)}
.atl-hero-wrap{display:flex;align-items:center;justify-content:space-between;gap:4rem}
.atl-hero-text{flex:1}
.atl-hero h1{margin:0;font:800 clamp(3rem,7vw,6.5rem)/1.05 var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:var(--ink)}
.atl-actions{display:flex;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}
.atl-hero-visual{flex:0 0 260px}
.atl-hero-visual img{width:100%;height:auto;display:block}
.atl-btn{display:inline-block;font:600 .9rem var(--font-ui);text-transform:uppercase;letter-spacing:.05em;padding:1.1rem 2.3rem;border:2px solid transparent;text-decoration:none;text-align:center;transition:all .2s ease}
.atl-btn.primary{background:var(--atl-red);color:#fff}
.atl-btn.secondary{background:var(--ink);color:#fff}
.atl-btn:hover,.atl-btn:focus-visible{background:var(--accent);color:var(--ink);border-color:var(--ink)}
.atl-title{margin:0 0 1.75rem;font:800 1.75rem/1.1 var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}
.atl-placements{padding-top:3.5rem;padding-bottom:3.5rem;border-bottom:2px solid var(--ink)}
.atl-logos{display:flex;flex-wrap:wrap;gap:2.25rem 3.25rem;align-items:center}
.atl-logos img{max-height:56px;max-width:140px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.atl-split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding-top:4.5rem;padding-bottom:4.5rem;border-bottom:2px solid var(--ink)}
.atl-split p,.atl-faq p{margin:0;font:1.075rem/1.7 var(--font-body);color:#3a3a3c}
.atl-faq{display:grid;grid-template-columns:1fr 2fr;gap:5rem;padding-top:4.5rem;padding-bottom:5rem}
.atl-faq-head{position:sticky;top:2rem;align-self:start}
.atl-note{background:var(--atl-red);color:#fff;padding:1.75rem;margin:1.5rem 0;font:500 1rem/1.5 var(--font-ui)}
.atl-faq-item{border-top:2px solid var(--ink);padding-top:1.4rem;margin-bottom:2.75rem}
.atl-faq-item:last-child{margin-bottom:0}
.atl-faq-item h3{margin:0 0 .8rem;font:700 1.4rem/1.2 var(--font-display);color:var(--ink)}
@media (max-width:900px){.atl-split,.atl-faq{grid-template-columns:1fr;gap:3rem}.atl-faq-head{position:static}}
@media (max-width:768px){
  .atl-hero{padding-top:2.5rem;padding-bottom:3rem}
  .atl-hero-wrap{flex-direction:column-reverse;align-items:flex-start;gap:2rem}
  .atl-hero-visual{flex:0 0 auto;width:120px}
  .atl-actions{flex-direction:column;width:100%}.atl-btn{width:100%}
  .atl-logos{gap:1.5rem 2rem}.atl-logos img{max-height:44px;max-width:110px}
  .atl-split,.atl-faq{padding-top:3rem;padding-bottom:3rem}
}