/* Apex — Smart-building portfolio operations */
body.overlay-homepage-apex{
  background:
    radial-gradient(circle at 18% 12%, rgba(196,65,12,0.18), transparent 30%),
    radial-gradient(circle at 82% 86%, rgba(15,23,42,0.96), transparent 38%),
    linear-gradient(170deg, #0f172a 0%, #1c1917 48%, #0f172a 100%);
  color:#f8fafc;
  min-height:100vh;
}
.apx-page{font-family:"IBM Plex Sans","Avenir Next","Segoe UI",sans-serif}
.apx-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto}

/* Nav */
.apx-nav{position:sticky;top:0;z-index:30;backdrop-filter:blur(16px);background:rgba(15,23,42,0.84);border-bottom:1px solid rgba(248,250,252,0.06)}
.apx-nav__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
.apx-brand{color:inherit;text-decoration:none;font-weight:700;letter-spacing:-.03em;font-size:1.1rem}
.apx-brand::before{content:"";display:inline-block;width:.64rem;height:.64rem;border-radius:2px;background:linear-gradient(135deg,#c2410c,#f97316);margin-right:.62rem;vertical-align:middle}
.apx-nav__links{display:flex;flex-wrap:wrap;gap:1rem}
.apx-nav__links a{color:rgba(248,250,252,0.68);text-decoration:none;transition:color 180ms;font-size:.92rem}
.apx-nav__links a:hover{color:#f8fafc}
.apx-nav__cta,.apx-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-weight:600;transition:transform 180ms,box-shadow 180ms,background 180ms}
.apx-nav__cta,.apx-button--primary{padding:.78rem 1.2rem;background:linear-gradient(135deg,#c2410c,#ea580c);color:#fff;box-shadow:0 12px 32px rgba(194,65,12,0.24)}
.apx-button--secondary{padding:.78rem 1.2rem;border:1px solid rgba(248,250,252,0.12);background:rgba(248,250,252,0.04);color:#f8fafc}
.apx-nav__cta:hover,.apx-button:hover{transform:translateY(-2px)}
.apx-text-link{color:#fb923c;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;font-weight:500;transition:color 180ms}
.apx-text-link:hover{color:#fdba74}

/* Hero */
.apx-hero{padding:clamp(3rem,8vw,7rem) 0 clamp(2rem,6vw,4rem)}
.apx-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.5rem;align-items:start}
.apx-kicker{display:inline-flex;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:#fb923c;margin:0}
.apx-hero__copy h1{margin:.7rem 0 1rem;font-size:clamp(3rem,6vw,5.6rem);line-height:.9;letter-spacing:-.07em;max-width:12ch}
.apx-lead{max-width:42rem;font-size:clamp(1rem,1.6vw,1.08rem);line-height:1.82;color:rgba(248,250,252,0.72)}
.apx-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.6rem}
.apx-console{border-radius:24px;border:1px solid rgba(248,250,252,0.08);background:rgba(15,23,42,0.64);backdrop-filter:blur(8px);overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,0.3)}
.apx-console__bar{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;background:rgba(15,23,42,0.6);border-bottom:1px solid rgba(248,250,252,0.06)}
.apx-dot{width:.5rem;height:.5rem;border-radius:999px}
.apx-dot.is-red{background:#ef4444}
.apx-dot.is-yellow{background:#eab308}
.apx-dot.is-green{background:#22c55e}
.apx-console__title{margin-left:auto;font-size:.72rem;color:rgba(248,250,252,0.34);font-family:"IBM Plex Mono",monospace}
.apx-console__body{padding:1.25rem;display:grid;gap:1rem}
.apx-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.apx-stat{text-align:center;padding:.75rem;border-radius:14px;background:rgba(248,250,252,0.04);border:1px solid rgba(248,250,252,0.06)}
.apx-stat strong{display:block;font-size:1.5rem;letter-spacing:-.04em;color:#fb923c}
.apx-stat span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(248,250,252,0.5);margin-top:.25rem}
.apx-terminal{display:grid;gap:.4rem;padding:1rem;border-radius:16px;background:rgba(0,0,0,0.32);font-family:"IBM Plex Mono",monospace;font-size:.84rem}
.apx-terminal__prompt{color:#fb923c}
.apx-terminal__cmd{color:#fdba74}
.apx-terminal__output{display:grid;gap:.25rem;color:rgba(248,250,252,0.56);margin-top:.25rem}

/* Platform section */
.apx-platform,.apx-proof,.apx-pricing{padding:clamp(3rem,8vw,6rem) 0}
.apx-section__head{display:grid;gap:.6rem;max-width:40rem;margin-bottom:2rem}
.apx-section__head h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05;letter-spacing:-.05em;margin:0}
.apx-section__head p{margin:0;color:rgba(248,250,252,0.62);line-height:1.72}
.apx-platform__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.apx-card{padding:1.35rem;border-radius:24px;border:1px solid rgba(248,250,252,0.06);background:rgba(248,250,252,0.03);display:grid;gap:.65rem;align-content:start;transition:border-color 240ms,background 240ms}
.apx-card:hover{border-color:rgba(251,146,60,0.2);background:rgba(251,146,60,0.04)}
.apx-card__index{font-size:.7rem;font-weight:700;color:rgba(251,146,60,0.7);font-family:"IBM Plex Mono",monospace}
.apx-card h3{margin:0;font-size:1.12rem}
.apx-card p{margin:0;color:rgba(248,250,252,0.6);line-height:1.68;font-size:.94rem}

/* Proof / testimonials */
.apx-proof__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.5rem;align-items:start}
.apx-capabilities h2{margin:.7rem 0 1rem;font-size:clamp(1.5rem,2.8vw,2.4rem);line-height:1.1;letter-spacing:-.04em}
.apx-capabilities__list{list-style:none;padding:0;display:grid;gap:.85rem}
.apx-capabilities__list li{position:relative;padding-left:1.5rem;color:rgba(248,250,252,0.72);line-height:1.68}
.apx-capabilities__list li::before{content:"";position:absolute;left:0;top:.58rem;width:.48rem;height:.48rem;border-radius:2px;background:linear-gradient(135deg,#c2410c,#f97316)}
.apx-testimonials{padding:1.35rem;border-radius:24px;border:1px solid rgba(248,250,252,0.06);background:rgba(15,23,42,0.4)}
.apx-testimonials__head h2{margin:.65rem 0 0;font-size:1.05rem;line-height:1.45}
.apx-testimonials__stack{display:grid;gap:.85rem;margin-top:1rem}
.apx-quote{margin:0;padding:1rem;border-radius:16px;background:rgba(248,250,252,0.03);border:1px solid rgba(248,250,252,0.04)}
.apx-quote p{margin:0;color:rgba(248,250,252,0.68);line-height:1.7;font-size:.92rem}
.apx-quote footer{display:grid;gap:.15rem;margin-top:.7rem}
.apx-quote footer strong{font-size:.88rem}
.apx-quote footer span{font-size:.78rem;color:rgba(248,250,252,0.44)}

/* Pricing */
.apx-pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.apx-plan{padding:1.5rem;border-radius:24px;border:1px solid rgba(248,250,252,0.06);background:rgba(248,250,252,0.03);display:grid;gap:1rem;align-content:start}
.apx-plan--featured{border-color:rgba(251,146,60,0.2);background:rgba(251,146,60,0.06);box-shadow:0 0 0 1px rgba(251,146,60,0.08)}
.apx-plan__head strong{display:block;font-size:1.08rem}
.apx-plan__head span{display:block;font-size:.82rem;color:rgba(248,250,252,0.5);margin-top:.25rem}
.apx-plan__price em{font-style:normal;font-size:2rem;letter-spacing:-.05em;color:#fb923c}
.apx-plan__price small{font-size:.84rem;color:rgba(248,250,252,0.4);margin-left:.3rem}
.apx-plan__features{list-style:none;padding:0;display:grid;gap:.5rem}
.apx-plan__features li{font-size:.88rem;color:rgba(248,250,252,0.66);padding:.35rem 0;border-top:1px solid rgba(248,250,252,0.04)}

/* Contact */
.apx-contact{padding:clamp(2rem,5vw,4rem) 0}
.apx-contact__card{padding:2rem;border-radius:28px;border:1px solid rgba(248,250,252,0.06);background:rgba(15,23,42,0.4);text-align:center;display:grid;gap:1.2rem}
.apx-contact__intro h2{margin:.6rem 0 0;font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.25;letter-spacing:-.04em}
.apx-contact__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}
.apx-contact__links a{display:inline-flex;padding:.7rem .95rem;border-radius:999px;background:rgba(248,250,252,0.04);border:1px solid rgba(248,250,252,0.08);color:rgba(248,250,252,0.76);text-decoration:none;transition:background 180ms,border-color 180ms;font-size:.9rem}
.apx-contact__links a:hover{background:rgba(251,146,60,0.1);border-color:rgba(251,146,60,0.2);color:#f8fafc}

/* Footer */
.apx-footer{padding:clamp(2rem,4vw,3rem) 0;border-top:1px solid rgba(248,250,252,0.04)}
.apx-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.apx-footer__brand strong{display:block;font-size:1rem;margin-bottom:.5rem}
.apx-footer__brand p{color:rgba(248,250,252,0.48);line-height:1.7;font-size:.88rem}
.apx-footer__links span{display:block;color:rgba(248,250,252,0.4);font-size:.88rem;margin-bottom:.3rem}
.apx-footer__legal{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}
.apx-footer__legal a{color:rgba(248,250,252,0.4);text-decoration:none;font-size:.88rem}
.apx-footer__legal a:hover{color:#f8fafc}

/* Responsive */
@media (max-width:1040px){
  .apx-hero__grid,.apx-proof__grid{grid-template-columns:1fr}
  .apx-metrics-grid{grid-template-columns:repeat(2,1fr)}
  .apx-platform__grid{grid-template-columns:1fr}
}
@media (max-width:860px){
  .apx-pricing__grid{grid-template-columns:1fr;max-width:32rem;margin:0 auto}
  .apx-footer__grid{grid-template-columns:1fr;text-align:center}
  .apx-footer__legal{justify-content:center}
}
@media (max-width:720px){
  .apx-nav__links{display:none}
  .apx-actions{flex-direction:column;align-items:flex-start}
  .apx-metrics-grid{grid-template-columns:repeat(2,1fr)}
}