/* aamp — cutaway illustration system (Q1)
   The selected direction: one architectural plan, drawn once and re-lit per section.
   One green; meaning is carried by what is lit, not by hue. Loaded AFTER aamp-site.css. */

:root{--lit:#17A05C;--lit-t:#DFF1E4;--lit-deep:#0E7A44;--plan-ink:#1A1A1A;--plan-fill:#ECECE6;--paper-warm:#F2F1EC;--line-warm:#E0DED6}

body{background:var(--paper-warm)}
.nav-wrap{background:rgba(242,241,236,0.84);border-bottom-color:var(--line-warm)}
.section,.hero{border-bottom-color:var(--line-warm)}

/* ---------- pill buttons ---------- */
.btn{border-radius:999px}
.btn-primary{background:var(--plan-ink)}
.btn-primary:hover{background:#000}
.btn-outline{border-color:var(--plan-ink)}
.btn-outline:hover{background:var(--plan-ink);color:var(--paper-warm)}

/* ---------- section labels ---------- */
.section-num{border-top:0;padding:7px 15px;background:var(--lit);border:1px solid var(--lit);border-radius:999px;color:#FFFFFF;min-width:0;letter-spacing:0.08em;font-weight:600}
.eyebrow .dot{background:var(--lit);box-shadow:0 0 0 5px var(--lit-t)}

/* ---------- illustration slot ---------- */
.av-fig{position:relative;overflow:hidden;line-height:0}
.av-fig .av{display:block;width:100%;height:auto}
.av-cap{margin-top:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px;line-height:1.4}
.av-cap b{color:var(--lit-deep);font-weight:500}
.av-cap i{width:8px;height:8px;border-radius:50%;background:var(--lit);flex:none;font-style:normal}

/* ---------- cards ---------- */
.uc-card{background:#FFFFFF;border:1px solid #E2E0D8;border-radius:16px}
.uc-card:hover{border-color:var(--lit)}
.uc-foot{background:#FFFFFF;border:1px solid #E2E0D8;border-radius:16px}
.why-grid{gap:12px}
.why-card{border-top:0;background:#FFFFFF;border:1px solid #E2E0D8;border-radius:16px;padding:22px 22px 26px}
.why-card .when{color:var(--lit)}
.why-card.feature{background:var(--lit-t);border-color:#BFE3CC;margin-left:0;padding:24px 22px 28px}
.why-card.feature .text{color:#0E4F2E}
.showcase .frame,.cmp-wrap{border-radius:16px;overflow:hidden}