/* ACS Technology branded software media integration — 2026-09-14 */
:root{--brand-gold:#d6a62f;--brand-gold-light:#f1cf72;--brand-navy:#061426;--brand-blue:#2f7cff;--brand-cyan:#05d5ff}

/* New circular logo + live wordmark lockup */
.acs-brand-lockup{width:auto!important;min-width:240px!important;max-width:none!important;height:64px!important;display:inline-flex!important;align-items:center;gap:10px;text-decoration:none;overflow:visible!important}
.acs-brand-mark{width:56px!important;height:56px!important;max-height:none!important;object-fit:contain!important;flex:0 0 56px}
.acs-brand-wordmark{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"acs tech" "tag tag";align-items:end;column-gap:6px;line-height:1}
.acs-brand-wordmark b{grid-area:acs;font-size:23px;letter-spacing:.035em;color:#fff;font-weight:950}
.acs-brand-wordmark strong{grid-area:tech;font-size:15px;letter-spacing:.15em;color:var(--brand-gold-light);font-weight:850;padding-bottom:2px}
.acs-brand-wordmark small{grid-area:tag;margin-top:5px;font-size:6.7px;letter-spacing:.15em;color:#7f9ab3;white-space:nowrap;font-weight:750}
.acs-footer-lockup{height:72px!important;min-width:260px!important;margin-bottom:8px}
.acs-footer-lockup .acs-brand-mark{width:64px!important;height:64px!important;flex-basis:64px}
.acs-footer-lockup .acs-brand-wordmark b{font-size:26px}.acs-footer-lockup .acs-brand-wordmark strong{font-size:16px}.acs-footer-lockup .acs-brand-wordmark small{font-size:7px}
.demo-app-brand img{border-radius:50%;background:#fff}

/* Homepage hero: real ACS software image, flat bordered presentation. */
.brand-hero-visual{padding-top:34px!important;display:flex!important;flex-direction:column;justify-content:center}
.hero-product-poster{margin:0;border:1px solid rgba(241,207,114,.26);border-radius:20px;overflow:hidden;background:#071529;position:relative}
.hero-product-poster img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.hero-product-poster figcaption{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"k k" "t d";gap:3px 12px;align-items:end;padding:13px 15px 14px;border-top:1px solid rgba(241,207,114,.18);background:#061426}
.hero-product-poster figcaption span{grid-area:k;font-size:7px;letter-spacing:.18em;color:var(--brand-gold-light);font-weight:850}.hero-product-poster figcaption strong{grid-area:t;font-size:17px;color:#fff}.hero-product-poster figcaption small{grid-area:d;font-size:8px;color:#829bb3;text-align:right}
.hero-suite-selector{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:9px}
.hero-suite-selector a{min-width:0;padding:8px 6px;border:1px solid rgba(214,166,47,.18);border-radius:10px;background:rgba(7,20,38,.86);text-align:center;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.hero-suite-selector a:hover{border-color:rgba(241,207,114,.46);background:rgba(214,166,47,.075);transform:translateY(-2px)}
.hero-suite-selector b{display:block;font-size:9px;color:var(--brand-gold-light);letter-spacing:.05em}.hero-suite-selector span{display:block;margin-top:2px;font-size:6px;color:#7895b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Six branded software cards. */
.next-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.branded-product-card{overflow:hidden;padding-top:0!important;display:flex;flex-direction:column}
.branded-product-card>.npc-media{display:block!important;margin:0 -1px 18px!important;border:0!important;border-bottom:1px solid #e6d8ad!important;border-radius:0!important;overflow:hidden;background:#071426;aspect-ratio:16/9}
.branded-product-card>.npc-media:hover{border-bottom-color:#d4b75c!important}
.branded-product-card>.npc-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.branded-product-card>.npc-media:hover img{transform:scale(1.025)}
.branded-product-card>.npc-top,.branded-product-card>small,.branded-product-card>h3,.branded-product-card>p,.branded-product-card>.npc-tags,.branded-product-card>a:not(.npc-media){margin-left:20px;margin-right:20px}
.branded-product-card>a:not(.npc-media){margin-top:auto;margin-bottom:20px}
.npc-suite-status{font-size:7px;letter-spacing:.12em;font-weight:900;color:#9b7418;border:1px solid #e5d5a6;background:#fffaf0;border-radius:999px;padding:5px 7px}
.npc-crm .npc-logo,.npc-erp .npc-logo,.npc-ai .npc-logo{color:var(--brand-gold)!important}

/* Product page real branded artwork. */
.ps-brand-media{margin:0;border:1px solid rgba(214,166,47,.20);border-radius:18px;overflow:hidden;background:#061426;align-self:center}
.ps-brand-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.ps-brand-media figcaption{padding:9px 12px;border-top:1px solid rgba(214,166,47,.16);font-size:7px;letter-spacing:.11em;text-transform:uppercase;color:#9daec0;background:#071529}
.product-showcase.reverse .ps-brand-media{order:-1}

/* Branded CRM / ERP / AI cards. */
.platform-next-grid.branded-platform-grid{align-items:stretch}
.platform-media-card{overflow:hidden!important;padding-top:0!important}
.platform-media-card>img{display:block;width:calc(100% + 36px);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;margin:-18px -18px 16px;border-bottom:1px solid rgba(214,166,47,.16)}
.platform-media-card>span{margin-top:0!important}

/* Make generated artwork explicit product concept imagery. */
.branded-product-card,.ps-brand-media,.hero-product-poster,.platform-media-card{box-shadow:none!important}

@media(max-width:1180px){
  .acs-brand-lockup{min-width:205px!important}.acs-brand-mark{width:50px!important;height:50px!important;flex-basis:50px}.acs-brand-wordmark b{font-size:20px}.acs-brand-wordmark strong{font-size:13px}.acs-brand-wordmark small{display:none}
  .hero-suite-selector{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:920px){
  .acs-brand-lockup{height:54px!important;min-width:170px!important}.acs-brand-mark{width:48px!important;height:48px!important;flex-basis:48px}.acs-brand-wordmark b{font-size:19px}.acs-brand-wordmark strong{font-size:11px;letter-spacing:.11em}
  .next-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .brand-hero-visual{padding-top:0!important}
}
@media(max-width:640px){
  .acs-brand-lockup{min-width:145px!important;gap:7px}.acs-brand-mark{width:44px!important;height:44px!important;flex-basis:44px}.acs-brand-wordmark b{font-size:17px}.acs-brand-wordmark strong{font-size:9px;letter-spacing:.09em}
  .acs-footer-lockup{min-width:210px!important}.acs-footer-lockup .acs-brand-mark{width:58px!important;height:58px!important;flex-basis:58px}.acs-footer-lockup .acs-brand-wordmark b{font-size:22px}.acs-footer-lockup .acs-brand-wordmark strong{font-size:13px}
  .next-product-grid{grid-template-columns:1fr!important}
  .branded-product-card>.npc-media{margin-bottom:15px!important}.branded-product-card>.npc-top,.branded-product-card>small,.branded-product-card>h3,.branded-product-card>p,.branded-product-card>.npc-tags,.branded-product-card>a:not(.npc-media){margin-left:16px;margin-right:16px}
  .hero-suite-selector{grid-template-columns:repeat(3,1fr);gap:5px}.hero-product-poster{border-radius:14px}.hero-product-poster figcaption{grid-template-columns:1fr;grid-template-areas:"k" "t" "d"}.hero-product-poster figcaption small{text-align:left}
  .ps-brand-media{border-radius:13px}.platform-media-card>img{width:calc(100% + 30px);margin:-15px -15px 14px}
}
@media(prefers-reduced-motion:reduce){.branded-product-card>.npc-media img,.hero-suite-selector a{transition:none!important}.branded-product-card>.npc-media:hover img,.hero-suite-selector a:hover{transform:none!important}}

/* Generated marketing mockups are intentionally labeled as concepts. */
.npc-media,.ps-brand-media{position:relative}
.npc-media:after{content:"CONCEPT VISUAL";position:absolute;right:8px;bottom:8px;padding:4px 6px;border:1px solid rgba(241,207,114,.32);border-radius:999px;background:rgba(3,12,24,.88);color:#f1cf72;font-size:6px;font-weight:900;letter-spacing:.12em;pointer-events:none}
.ps-brand-media figcaption{color:#b2bdc9!important}.ps-brand-media figcaption:after{content:" • interface and modules may vary";color:#72879b}