/* Axis Control page — reuses the Home dark-dashboard / journey / final-cta patterns
   (home.css is loaded alongside this file) and adds page-specific composition. */

/* ---- Hero: dark dashboard ---- */
.axc-hero.home-control{height:auto}
.axc-hero .home-control__grid{height:auto;padding-block:clamp(56px,7vw,84px);grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.axc-hero__copy .axc-badge{display:inline-flex;align-items:center;gap:7px;background:var(--gold);color:#fff;font-size:12px;font-weight:800;padding:7px 14px;border-radius:999px;margin-bottom:16px}
.axc-hero__copy .axc-badge svg{width:14px;height:14px;fill:currentColor;stroke:none}
.axc-hero__copy h1{color:#fff;font-size:clamp(34px,4.2vw,54px);font-weight:900;line-height:1.08;letter-spacing:-.02em;margin:0}
.axc-hero__sub{display:block;color:#d9cfec;font-weight:700;font-size:clamp(17px,2vw,22px);margin-top:10px;line-height:1.4}
.axc-hero__copy>p{color:#d9cfec;font-size:16px;line-height:1.75;margin:18px 0 26px;max-width:470px}

/* dashboard live indicator + KPI accents + note */
.axc-dash__live{display:inline-flex;align-items:center;gap:6px}
.axc-dash__live i{width:8px;height:8px;border-radius:50%;background:var(--positive)}
.axc-dash .home-dashboard__kpis strong{display:flex;align-items:center;gap:6px}
.axc-kpi__ic{width:15px;height:15px;flex:0 0 auto}
.axc-kpi--up .axc-kpi__ic{color:var(--positive);transform:rotate(180deg)}
.axc-kpi--risk{background:rgba(201,146,46,.14);border-color:rgba(201,146,46,.4)}
.axc-kpi--risk strong{color:#e7b45c}
.axc-kpi--risk .axc-kpi__ic{color:#e7b45c}
.axc-dash__note{text-align:center;color:#cfc4df;font-size:12px;margin:14px 0 0}

/* ---- Centered section heading (journey only) ---- */
.axc-journey .home-heading{max-width:820px;margin-inline:auto}
.axc-journey .home-heading__eyebrow{text-align:center}
.axc-journey .home-heading__row{justify-content:center}

/* ---- What's included: two-column checklist — geometry matches source (127.0.0.1:4173) ----
   Heading is start-aligned (max-width 600), rows carry a lavender rounded-square badge with a
   bare check that sits at the inner (text-start) edge — not the outer edge. */
.axc-included{padding-block:clamp(64px,8vw,100px);background:var(--page)}
.axc-included .home-heading{max-width:600px;margin-bottom:40px}
.axc-included .home-heading h2{font-size:clamp(26px,3.2vw,40px);line-height:1.15}
.axc-included__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 40px}
.axc-included__grid li{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--border);font-size:17px;font-weight:600;color:var(--ink)}
.axc-included__ic{width:34px;height:34px;flex:0 0 auto;border-radius:9px;background:var(--purple-100);display:flex;align-items:center;justify-content:center}
.axc-included__ic svg{width:18px;height:18px;color:var(--purple-600);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---- Journey: reuse Home journey, but no connector line (source has none here) ---- */
.axc-journey.home-journey{height:auto;padding-block:clamp(72px,8vw,104px)}
.axc-journey .home-heading{margin-bottom:56px}
.axc-journey .home-journey__track>svg{display:none}
.axc-journey .home-journey__grid{margin-top:0}
.axc-journey .home-journey__grid article>span{position:static;margin:0 0 14px}
.axc-journey .home-journey__grid strong{margin-top:0}

/* ---- Responsive ---- */
@media(max-width:960px){
  .axc-hero .home-control__grid{grid-template-columns:1fr;gap:36px}
  .axc-dash{order:-1}
  .axc-included__grid{grid-template-columns:1fr;gap:0}
}
@media(max-width:620px){
  .axc-hero .home-control__grid{padding-block:56px}
  .axc-included__grid li{padding:13px 0;font-size:15px}
}