/* Ath Wonder Commercial Services: royal purple layer on the black & gold system */
.page-commercial{--purple:#4b1a6e;--purple-hi:#8f4fc9;--purple-deep:#22093a;--plum-line:rgba(143,79,201,.32)}
.page-commercial .hero-bg{background:
  radial-gradient(900px 600px at 78% 42%,rgba(110,40,160,.42),transparent 62%),
  radial-gradient(700px 520px at 12% 18%,rgba(212,175,55,.14),transparent 60%),
  radial-gradient(1200px 700px at 50% 120%,rgba(60,14,96,.55),transparent 70%),
  linear-gradient(180deg,#0b0710,#080706 70%)}
.page-commercial .hero-grid{background-image:linear-gradient(rgba(143,79,201,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.05) 1px,transparent 1px)}
.cm-stage{aspect-ratio:965/781;width:min(100%,560px)}
.cm-stage .halo{background:radial-gradient(circle,rgba(143,79,201,.42),rgba(212,175,55,.12) 45%,transparent 70%)}
.cm-stage .orbit{border-color:rgba(143,79,201,.28)}
.cm-stage .orbit.o2{border-color:rgba(212,175,55,.14)}
.cm-stage .crest-img{filter:drop-shadow(0 30px 60px rgba(0,0,0,.75)) drop-shadow(0 0 46px rgba(143,79,201,.38)) drop-shadow(0 0 24px rgba(212,175,55,.2))}
.cm-stage .crest-sweep{-webkit-mask:url(img/ath-wonder-commercial-logo.webp) center/contain no-repeat;mask:url(img/ath-wonder-commercial-logo.webp) center/contain no-repeat}
.cm-kicker{display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:8px 14px;border-radius:99px;border:1px solid var(--plum-line);background:rgba(75,26,110,.22);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#e6d3fb}
.cm-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--purple-hi);box-shadow:0 0 12px 2px rgba(143,79,201,.8)}
.page-commercial .marquee{border-color:var(--plum-line)}
.page-commercial .mq-track span i{background:linear-gradient(135deg,#8f4fc9,#d4af37)}
/* service cards: purple glow */
.page-commercial .card3d{background:linear-gradient(160deg,rgba(212,175,55,.42),rgba(143,79,201,.12) 40%,rgba(143,79,201,.08) 60%,rgba(212,175,55,.32))}
.page-commercial .card-in{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(143,79,201,.18),transparent 48%),linear-gradient(170deg,#18111f,#0d0a10)}
.page-commercial .card3d:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 50px -12px rgba(143,79,201,.45)}
.page-commercial .svc .ico{background:radial-gradient(circle at 30% 25%,rgba(143,79,201,.32),rgba(212,175,55,.05));border-color:var(--plum-line)}
.page-commercial .svc .bgnum{color:rgba(143,79,201,.07)}
.cm-grid .svc{display:block}
.cm-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.cm-list li{position:relative;padding-left:20px;font-size:14.5px;color:#cfc4ae}
.cm-list li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;transform:rotate(45deg);background:var(--gold)}
/* who we serve */
.cm-who{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cm-who div{position:relative;padding:26px 22px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(34,9,58,.45),rgba(10,9,8,.6));transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.cm-who div:hover{transform:translateY(-6px);border-color:var(--plum-line);box-shadow:0 20px 40px -24px rgba(143,79,201,.6)}
.cm-who b{display:block;font-family:var(--display);font-weight:500;font-size:17px;letter-spacing:.06em;color:var(--cream);margin-bottom:6px}
.cm-who span{font-size:14.5px;color:var(--muted)}
.page-commercial .cta-band{background:radial-gradient(700px 360px at 50% 0%,rgba(110,40,160,.38),transparent 70%),linear-gradient(180deg,#140c1c,#0a0809)}
.page-commercial .cta-band .crest-mini{width:150px}
.cm-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:28px;font-size:14px;letter-spacing:.14em;text-transform:uppercase}
.cm-contact a{color:var(--gold-hi);opacity:.9;transition:opacity .3s}
.cm-contact a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
@media (max-width:1100px){.cm-who{grid-template-columns:repeat(2,1fr)}}
@media (max-width:960px){.cm-stage{width:min(86%,440px);margin-left:auto;margin-right:auto;justify-self:center}}
@media (max-width:600px){.cm-who{grid-template-columns:1fr}}