/**
 * AI Agency Stack - Main Stylesheet v1.1.0
 * Design: Clean editorial. Confident. Professional.
 * Deferred via media="print" onload trick.
 */

/* ─── VARIABLES ─────────────────────────────────────────── */
:root{--brand:#4f46e5;--brand-light:#eef2ff;--brand-dark:#3730a3;--dark:#0f172a;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--bg-alt:#f8fafc;--bg-white:#ffffff;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-lg:0 4px 16px rgba(0,0,0,.08);--transition:150ms ease}

/* ─── RESET ─────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.65;color:var(--text);background:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color var(--transition)}

/* ─── TYPOGRAPHY ────────────────────────────────────────── */
h1,h2,h3,h4{font-weight:700;line-height:1.25;color:var(--dark);letter-spacing:-.01em}
h1{font-size:2.75rem}
h2{font-size:1.75rem;margin-bottom:.75rem}
h3{font-size:1.15rem}
p{color:var(--text-secondary)}

/* ─── LAYOUT ────────────────────────────────────────────── */
.aias-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}

/* ─── BUTTONS ───────────────────────────────────────────── */
.aias-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:all var(--transition);cursor:pointer;border:2px solid transparent;text-decoration:none}
.aias-btn--primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.aias-btn--primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.25)}
.aias-btn--outline{background:transparent;color:var(--dark);border-color:var(--border)}
.aias-btn--outline:hover{border-color:var(--brand);color:var(--brand)}

/* ─── HEADER ────────────────────────────────────────────── */
.aias-header{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.aias-header__inner{display:flex;align-items:center;justify-content:space-between;height:60px}
.aias-logo{font-weight:800;font-size:1.15rem;color:var(--dark);white-space:nowrap}
.aias-logo span{color:var(--brand)}
.aias-nav{display:flex;gap:1.75rem;list-style:none;align-items:center}
.aias-nav a{color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.25rem 0;position:relative}
.aias-nav a:hover{color:var(--brand)}

/* ─── HERO ──────────────────────────────────────────────── */
.aias-hero{padding:4rem 0 3rem;text-align:center;background:linear-gradient(180deg,var(--brand-light) 0%,var(--bg-white) 100%)}
.aias-hero__badge{display:inline-block;background:var(--brand);color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .85rem;border-radius:50px;margin-bottom:1.25rem}
.aias-hero h1{max-width:680px;margin:0 auto .75rem}
.aias-hero>div>p{font-size:1.1rem;color:var(--text-secondary);max-width:560px;margin:0 auto}
.aias-hero__actions{display:flex;gap:.75rem;justify-content:center;margin-top:2rem}
.aias-hero__stats{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}
.aias-hero__stat{text-align:center}
.aias-hero__stat-num{display:block;font-size:1.5rem;font-weight:800;color:var(--dark)}
.aias-hero__stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}
.aias-hero__stat-divider{width:1px;height:32px;background:var(--border)}

/* ─── SECTION HEADERS ───────────────────────────────────── */
.aias-section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}
.aias-section-header h2{margin-bottom:0}
.aias-section-header__sub{color:var(--text-muted);font-size:.9rem;width:100%}
.aias-section-header__link{font-size:.875rem;font-weight:600;color:var(--brand)}
.aias-section-header__link:hover{color:var(--brand-dark)}

/* ─── GRID ──────────────────────────────────────────────── */
.aias-grid{display:grid;gap:1.25rem}
.aias-grid--3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.aias-grid--2{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}

/* ─── CARDS ─────────────────────────────────────────────── */
.aias-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}
.aias-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.aias-card__img-wrap{display:block;position:relative;overflow:hidden;background:var(--bg-alt);aspect-ratio:3/2}
.aias-card__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 50%,#c7d2fe 100%);text-decoration:none}
.aias-card__placeholder--tutorial{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 50%,#a7f3d0 100%)}
.aias-card__placeholder-icon{font-size:2rem;opacity:.5;line-height:1}
.aias-card__placeholder-name{font-size:1.05rem;font-weight:700;color:var(--brand-dark);opacity:.75;text-align:center;padding:0 1rem;line-height:1.3}
.aias-card__placeholder-type{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-weight:600;opacity:.6}
.aias-card__img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.aias-card:hover .aias-card__img{transform:scale(1.03)}
.aias-card__badge{position:absolute;top:12px;right:12px;background:var(--brand);color:#fff;padding:.25rem .6rem;border-radius:6px;font-weight:700;font-size:.8rem;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.aias-card__body{padding:1.25rem}
.aias-card__cat{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--brand);font-weight:600;margin-bottom:.5rem}
.aias-card__cat--compare{background:var(--dark);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.65rem}
.aias-card__title{margin-bottom:.5rem}
.aias-card__title a{color:var(--dark)}
.aias-card__title a:hover{color:var(--brand)}
.aias-card__excerpt{font-size:.875rem;color:var(--text-secondary);line-height:1.55;margin-bottom:.75rem}
.aias-card__meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}

/* ─── CATEGORY CARDS ────────────────────────────────────── */
.aias-categories__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.aias-cat-card{display:block;padding:1.25rem;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);position:relative}
.aias-cat-card:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}
.aias-cat-card__title{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:.35rem}
.aias-cat-card__desc{font-size:.8rem;color:var(--text-muted);line-height:1.5}
.aias-cat-card__arrow{position:absolute;top:1.25rem;right:1.25rem;color:var(--text-muted);font-size:1.1rem;transition:transform var(--transition)}
.aias-cat-card:hover .aias-cat-card__arrow{transform:translateX(3px);color:var(--brand)}

/* ─── EMPTY STATES ──────────────────────────────────────── */
.aias-empty-state{text-align:center;padding:3rem 2rem;background:var(--bg-alt);border:2px dashed var(--border);border-radius:var(--radius-lg)}
.aias-empty-state__icon{font-size:2.5rem;margin-bottom:.75rem}
.aias-empty-state h3{color:var(--dark);margin-bottom:.5rem}
.aias-empty-state p{color:var(--text-muted);font-size:.9rem}

/* ─── NEWSLETTER SECTION ────────────────────────────────── */
.aias-newsletter-section{padding:3.5rem 0;background:var(--dark);color:#fff}
.aias-newsletter-section__inner{text-align:center;max-width:560px;margin:0 auto}
.aias-newsletter-section h2{color:#fff;margin-bottom:.5rem}
.aias-newsletter-section>div>p{color:#94a3b8;margin-bottom:1.5rem}
.aias-newsletter-section__form{display:flex;gap:.5rem;margin-bottom:.75rem}
.aias-newsletter-section__input{flex:1;padding:.65rem 1rem;border:1px solid #334155;background:#1e293b;color:#fff;border-radius:8px;font-size:.9rem}
.aias-newsletter-section__input::placeholder{color:#64748b}
.aias-newsletter-section__btn{white-space:nowrap}
.aias-newsletter-section__note{font-size:.75rem;color:#475569}
.aias-newsletter-section__note a{color:#94a3b8;text-decoration:underline}

/* ─── TRUST / ABOUT ─────────────────────────────────────── */
.aias-trust{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.aias-trust__text p{margin-bottom:1rem}
.aias-trust__authors{display:flex;flex-direction:column;gap:1rem}
.aias-trust__author{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius)}
.aias-trust__author img{border-radius:50%;width:52px;height:52px;object-fit:cover}
.aias-trust__author strong{display:block;font-size:.9rem;color:var(--dark)}
.aias-trust__author span{font-size:.75rem;color:var(--text-muted)}
.aias-link--arrow{font-size:.9rem;font-weight:600;color:var(--brand)}
.aias-link--arrow:hover{color:var(--brand-dark)}

/* ─── CTA BUTTONS (AFFILIATE) ───────────────────────────── */
.aias-cta{text-align:center;margin:2rem 0}
.aias-cta__link{display:inline-block;background:var(--brand);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;transition:all var(--transition);border:none;cursor:pointer}
.aias-cta__link:hover{background:var(--brand-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.25)}
.aias-cta__proof{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.5rem}
.aias-cta--inline{background:var(--brand-light);padding:1.75rem;border-radius:var(--radius-lg);margin:2rem 0;border:1px solid #c7d2fe}
.aias-cta--bottom{padding:2rem;background:var(--bg-alt);border-radius:var(--radius-lg);border:1px solid var(--border)}

/* ─── PROSE (CONTENT) ───────────────────────────────────── */
.aias-prose{font-size:1.05rem;line-height:1.8;color:var(--text)}
.aias-prose p{margin-bottom:1.25rem}
.aias-prose h2{margin-top:2.5rem;margin-bottom:1rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.aias-prose h3{margin-top:2rem;margin-bottom:.75rem;color:var(--dark)}
.aias-prose a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.aias-prose a:hover{color:var(--brand-dark)}
.aias-prose ul,.aias-prose ol{margin:1rem 0 1.5rem 1.5rem}
.aias-prose li{margin-bottom:.5rem}
.aias-prose blockquote{border-left:3px solid var(--brand);padding:.75rem 1.25rem;margin:1.5rem 0;background:var(--brand-light);border-radius:0 var(--radius) var(--radius) 0;color:var(--text)}
.aias-prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}
.aias-prose th,.aias-prose td{padding:.7rem 1rem;border:1px solid var(--border);text-align:left}
.aias-prose th{background:var(--bg-alt);font-weight:600;color:var(--dark)}
.aias-prose code{background:var(--bg-alt);padding:.15rem .4rem;border-radius:4px;font-size:.875rem;color:var(--brand-dark)}
.aias-prose pre{background:var(--dark);color:#e2e8f0;padding:1.25rem;border-radius:var(--radius);overflow-x:auto;margin:1.5rem 0}
.aias-prose pre code{background:none;padding:0;color:inherit}

/* ─── SCORING BARS ──────────────────────────────────────── */
.aias-scoring{margin:2rem 0;padding:1.5rem;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg)}
.aias-scoring__bar-wrap{margin-bottom:.75rem}
.aias-scoring__bar-header{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.3rem;color:var(--text)}
.aias-scoring__bar-header span:last-child{font-weight:700;color:var(--brand)}
.aias-scoring__bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}
.aias-scoring__bar-fill{background:linear-gradient(90deg,var(--brand),var(--brand-dark));height:100%;border-radius:4px;transition:width .6s ease}

/* ─── AUTHOR BOX ────────────────────────────────────────── */
.aias-author-box{display:flex;gap:1.25rem;padding:1.5rem;background:var(--bg-alt);border-radius:var(--radius-lg);border:1px solid var(--border)}
.aias-author-box__avatar img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.aias-author-box__name{font-weight:700;margin:0}
.aias-author-box__name a{color:var(--dark)}
.aias-author-box__name a:hover{color:var(--brand)}
.aias-author-box__role{font-size:.8rem;color:var(--brand);font-weight:600;margin:.15rem 0}
.aias-author-box__bio{font-size:.85rem;color:var(--text-secondary);margin:.5rem 0 0;line-height:1.55}

/* ─── RELATED CONTENT ───────────────────────────────────── */
.aias-related{margin:3rem 0 0;padding-top:2rem;border-top:1px solid var(--border)}
.aias-related__title{font-size:1.35rem;margin-bottom:1.25rem}
.aias-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.aias-related__card{display:block;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--transition)}
.aias-related__card:hover{box-shadow:var(--shadow)}
.aias-related__img{width:100%;height:140px;object-fit:cover}
.aias-related__type{display:inline-block;font-size:.65rem;text-transform:uppercase;color:var(--brand);font-weight:600;padding:.75rem .75rem 0;letter-spacing:.05em}
.aias-related__card-title{font-size:.9rem;font-weight:600;color:var(--dark);padding:.25rem .75rem .75rem;line-height:1.3}

/* ─── BREADCRUMB ────────────────────────────────────────── */
.aias-breadcrumb{font-size:.8rem;color:var(--text-muted);padding:1.25rem 0 0}
.aias-breadcrumb a{color:var(--text-muted)}
.aias-breadcrumb a:hover{color:var(--brand)}

/* ─── SINGLE POST HEADER ────────────────────────────────── */
.aias-single__type{font-size:.7rem;text-transform:uppercase;color:var(--brand);font-weight:700;letter-spacing:.06em}
.aias-single__header{padding:1.5rem 0 1rem}
.aias-single__header h1{font-size:2rem;font-weight:800;line-height:1.2;margin:.5rem 0 1rem}
.aias-single__meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap}
.aias-single__meta a{color:var(--text-secondary);font-weight:500}
.aias-single__score{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.6rem 1rem;background:var(--brand-light);border-radius:8px;border:1px solid #c7d2fe}
.aias-single__score-num{font-size:1.5rem;font-weight:800;color:var(--brand)}
.aias-single__score-label{font-size:.8rem;color:var(--text-muted)}

/* ─── FOOTER ────────────────────────────────────────────── */
.aias-footer{background:var(--dark);color:#cbd5e1;padding:3rem 0 1.5rem;margin-top:0}
.aias-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:2rem}
.aias-footer__tagline{font-size:.85rem;margin-top:.75rem;color:#64748b}
.aias-footer__links h4{color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}
.aias-footer__links nav{display:flex;flex-direction:column;gap:.4rem}
.aias-footer__links a{color:#94a3b8;font-size:.85rem}
.aias-footer__links a:hover{color:#fff}
.aias-footer__newsletter h4{color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}
.aias-footer__newsletter p{font-size:.8rem;color:#64748b;margin-bottom:.75rem}
.aias-footer__newsletter-form{display:flex;gap:.5rem}
.aias-footer__email-input{padding:.55rem .75rem;border:1px solid #334155;background:#1e293b;color:#fff;border-radius:6px;font-size:.85rem;flex:1}
.aias-footer__email-input::placeholder{color:#475569}
.aias-footer__subscribe-btn{padding:.55rem 1rem;font-size:.8rem;white-space:nowrap;background:var(--brand);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}
.aias-footer__subscribe-btn:hover{background:var(--brand-dark)}
.aias-footer__bottom{border-top:1px solid #1e293b;margin-top:2rem;padding-top:1.5rem;text-align:center;font-size:.75rem;color:#475569}
.aias-footer__bottom a{color:#64748b}
.aias-footer .aias-logo{color:#fff}

/* ─── PAGINATION ────────────────────────────────────────── */
.aias-pagination .nav-links{display:flex;justify-content:center;gap:.4rem}
.aias-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;border:1px solid var(--border);border-radius:6px;font-size:.875rem;color:var(--text-secondary);transition:all var(--transition)}
.aias-pagination .page-numbers:hover,.aias-pagination .page-numbers.current{background:var(--brand);color:#fff;border-color:var(--brand)}

/* ─── ACCESSIBILITY ─────────────────────────────────────── */
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ─── BELOW-FOLD PERFORMANCE ────────────────────────────── */
.aias-below-fold{content-visibility:auto;contain-intrinsic-size:auto 500px}

/* ─── RESPONSIVE ────────────────────────────────────────── */
@media(max-width:768px){
    .aias-hero h1{font-size:1.85rem}
    .aias-hero__actions{flex-direction:column;align-items:center}
    .aias-hero__stats{flex-direction:column;gap:1rem}
    .aias-hero__stat-divider{width:40px;height:1px}
    .aias-header .aias-nav{display:none}
    .aias-menu-toggle{display:flex!important;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
    .aias-menu-toggle span{display:block;width:22px;height:2px;background:var(--dark);border-radius:2px}
    .aias-footer__grid{grid-template-columns:1fr}
    .aias-trust{grid-template-columns:1fr}
    .aias-author-box{flex-direction:column;text-align:center;align-items:center}
    .aias-single__header h1{font-size:1.5rem}
    .aias-newsletter-section__form{flex-direction:column}
    .aias-grid--3{grid-template-columns:1fr}
    .aias-categories__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
    .aias-container{padding:0 1rem}
    .aias-categories__grid{grid-template-columns:1fr}
    h1{font-size:1.5rem}
}