/* Fonts (match your existing site imports) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');


:root {
    --at-primary: #0066cc;
    --at-primary-dark: #0052a3;
}


body { font-family: 'Montserrat', Arial, sans-serif; }


/* Buttons */
.btn-primary { background-color: var(--at-primary); border-color: var(--at-primary); }
.btn-primary:hover { background-color: var(--at-primary-dark); border-color: var(--at-primary-dark); }


/* Nav */
.at-navbar .navbar-brand { font-weight: 700; font-size: 1.25rem; }


/* Hero sections */
.at-hero {
    min-height: 520px;
    background: radial-gradient(1200px 600px at 20% 20%, rgba(0,102,204,0.35), transparent),
    linear-gradient(135deg, #0b172a 0%, #193b67 50%, #0b172a 100%);
}
.at-hero--sm {
    min-height: 260px;
    background: linear-gradient(135deg, #0b172a 0%, #193b67 50%, #0b172a 100%);
}


/* Cards */
.at-card { border: none; border-radius: 1rem; }
.at-card .card-body { padding: 1.5rem; }


/* Steps */
.at-steps { padding-left: 1.2rem; }
.at-steps li { margin-bottom: 0.5rem; }


/* Screenshot placeholder */
.at-screenshot { background: rgba(255,255,255,0.6); border: 2px dashed rgba(0,0,0,0.2); }


/* Tiles (template names) */
.at-tile {
    border-radius: 0.75rem;
    background: #f5f7fb;
    border: 1px solid #e3e7ef;
    text-align: center;
    padding: 0.85rem;
    font-weight: 600;
}


/* Lists */
.at-list { margin: 0; padding-left: 1.2rem; }
.at-list li { margin-bottom: 0.5rem; }


/* Small text */
.at-small { font-size: 0.9rem; }


/* Footer (inherits your site look) */
.footer { padding: 2rem 0; }