/* ASR Public UX polish · 2026-09-27
   Final public-only authority for header readability, Home strategy lifecycle,
   Services preview and shared Services/Tutorials chrome. */

body.asr-public-current-v20260927.asr-public-current-v20260927{
  --asr-header-bg:#ffffff;
  --asr-header-ink:#201b25;
  --asr-header-copy:#756f7c;
  --asr-header-line:#ece8f0;
  --asr-violet:#7c3aed;
  --asr-violet-soft:#a78bfa;
  --asr-panel:#07070a;
  --asr-panel-2:#09090d;
  --asr-page-line:rgba(247,245,251,.085);
  --asr-copy:#c9c3cf;
  --asr-muted:#8f8897;
}

/* --------------------------------------------------------------------------
   PUBLIC HEADER · KEEP WHITE, HIGH CONTRAST
   -------------------------------------------------------------------------- */
body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header,header.site-header,.asr-shared-public-header,.ch19-nav,[data-mml-nav]
){
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:var(--asr-header-ink)!important;
  border-color:var(--asr-header-line)!important;
  box-shadow:0 1px 0 rgba(31,24,37,.04)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header,.asr-shared-public-header,.ch19-nav,[data-mml-nav]
) :where(nav a,nav button,a,button){
  color:var(--asr-header-copy)!important;
}

body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header,.asr-shared-public-header,.ch19-nav,[data-mml-nav]
) :where(nav a,nav button,a,button):hover,
body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header,.asr-shared-public-header,.ch19-nav,[data-mml-nav]
) :where(nav a[aria-current="page"],nav button.active){
  color:#17131c!important;
}

body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header nav button.active:after,
  .asr-shared-public-header nav a[aria-current="page"]:after
){background:#17131c!important}

body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header .brand,.asr-shared-public-header .brand
){color:#17131c!important}
body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header .brand-asr,.asr-shared-public-header .brand-asr
){color:#17131c!important;text-shadow:none!important}
body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header .brand>span:last-child,.asr-shared-public-header .brand>span:last-child
){color:#403a45!important}
body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header .brand>i,.asr-shared-public-header .brand>i
){background:#2a2430!important;opacity:.82!important}

body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header .search-trigger,.asr-shared-public-header .search-trigger
){
  background:#09090d!important;
  color:#f7f5fb!important;
  border-color:#09090d!important;
  box-shadow:none!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header .search-trigger *,.asr-shared-public-header .search-trigger *
){color:#f7f5fb!important}
body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header .login-link,.asr-shared-public-header .login-link
){color:#6f6876!important;background:transparent!important}
body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header .primary,.asr-shared-public-header .primary
){
  background:#7c3aed!important;
  color:#fff!important;
  border-color:#8b5cf6!important;
  box-shadow:0 8px 22px rgba(124,58,237,.16)!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 :where(
  .site-header .menu-btn,.asr-shared-public-header .menu-btn
){background:#fff!important;color:#2b2530!important;border-color:#ded8e4!important}

/* --------------------------------------------------------------------------
   HOME · STRATEGY LIFECYCLE CARD
   -------------------------------------------------------------------------- */
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-strategy-desk{
  overflow:hidden!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-lifecycle-vertical{
  position:relative;
  display:grid!important;
  grid-template-columns:1fr!important;
  width:100%;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-lifecycle-vertical>article{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  padding:17px 20px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--asr-page-line)!important;
  background:transparent!important;
  min-width:0!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-lifecycle-vertical>article:last-child{
  border-bottom:0!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-lifecycle-vertical>article>i{
  display:block!important;
  margin:0!important;
  padding:1px 0 0!important;
  font-style:normal!important;
  color:#9e95a6!important;
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.06em!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-lifecycle-vertical>article>div{
  display:grid!important;
  grid-template-columns:minmax(125px,155px) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
  min-width:0!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-lifecycle-vertical>article>div>b{
  display:block!important;
  margin:0!important;
  color:#f7f5fb!important;
  font-size:15px!important;
  line-height:1.45!important;
  white-space:normal!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-lifecycle-vertical>article>div>span{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#c4beca!important;
  font-size:13px!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .hp-command-foot{
  gap:0!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .hp-command-foot>span{
  min-width:0!important;
  line-height:1.4!important;
}

/* --------------------------------------------------------------------------
   HOME · SERVICES PREVIEW
   -------------------------------------------------------------------------- */
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-services-preview{
  background:#030305!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-service-lines{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-service-lines>article{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-areas:
    "icon number"
    "title title"
    "copy copy"!important;
  gap:10px 14px!important;
  align-content:start!important;
  min-height:235px!important;
  padding:24px!important;
  margin:0!important;
  border:1px solid var(--asr-page-line)!important;
  border-radius:14px!important;
  background:#07070a!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-service-lines>article::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  background:linear-gradient(90deg,#7c3aed,rgba(124,58,237,0));
  opacity:.7;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-service-lines>article>svg{
  grid-area:icon!important;
  width:20px!important;
  height:20px!important;
  color:#a78bfa!important;
  align-self:center!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-service-lines>article>span{
  grid-area:number!important;
  justify-self:end!important;
  align-self:center!important;
  color:#766f7d!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-service-lines>article>h3{
  grid-area:title!important;
  margin:18px 0 0!important;
  color:#f7f5fb!important;
  font-size:21px!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-service-lines>article>p{
  grid-area:copy!important;
  margin:0!important;
  color:#aaa3b1!important;
  font-size:13px!important;
  line-height:1.65!important;
}

/* Operating model tiles on Home. */
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-method-flow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:10px!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-method-flow>article{
  min-width:0!important;
  padding:21px!important;
  border:1px solid var(--asr-page-line)!important;
  border-radius:12px!important;
  background:#07070a!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-method-flow>article>b{
  display:block!important;color:#c4b5fd!important;font-size:12px!important;letter-spacing:.12em!important
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-method-flow>article>span{
  display:block!important;margin:18px 0 8px!important;color:#f7f5fb!important;font-weight:700!important;line-height:1.35!important
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-method-flow>article>p{
  margin:0!important;color:#948d9b!important;font-size:12px!important;line-height:1.55!important
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-method-flow>i{
  align-self:center!important;font-style:normal!important;color:#645c6b!important
}

/* --------------------------------------------------------------------------
   SHARED STATIC SERVICES / TUTORIALS CHROME
   -------------------------------------------------------------------------- */
.asr-shared-public-header .header-inner{display:flex;align-items:center;min-height:80px;gap:28px}
.asr-shared-public-header .brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}
.asr-shared-public-header .brand-asr{font-weight:850;font-size:24px;letter-spacing:-.05em}
.asr-shared-public-header .brand>i{width:1px;height:34px;display:block}
.asr-shared-public-header .brand>span:last-child{font-size:9px;line-height:1.35;letter-spacing:.25em;font-weight:700}
.asr-shared-public-header nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.asr-shared-public-header nav a{position:relative;text-decoration:none;font-size:14px;white-space:nowrap;padding:30px 0 27px}
.asr-shared-public-header nav a[aria-current="page"]::after{content:"";position:absolute;height:2px;left:0;right:0;bottom:20px}
.asr-shared-public-header .header-actions{display:flex;align-items:center;gap:14px;margin-left:14px}
.asr-shared-public-header .header-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap}
.asr-shared-public-header .search-trigger{min-height:43px;padding:0 15px;border:1px solid;border-radius:9px;font-size:13px}
.asr-shared-public-header .login-link{padding:10px 0;font-size:14px}
.asr-shared-public-header .primary.small{min-height:43px;padding:0 17px;border:1px solid;border-radius:9px;font-size:14px;font-weight:750}
.asr-shared-public-header .menu-btn{display:none}

body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-services-hero,
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-tutorials-hero{
  padding-top:92px!important;
}
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-tutorials-main .shell,
body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-services-main .shell{
  width:min(1180px,calc(100% - 48px))!important;
  margin:0 auto!important;
}

/* Shared footer structure for Services and Tutorials. */
.asr-shared-public-footer{border-top:1px solid var(--asr-page-line)!important;background:#030305!important}
.asr-shared-public-footer .footer-clean{display:grid;grid-template-columns:1.45fr repeat(3,minmax(150px,.7fr));gap:46px;padding:54px 0}
.asr-shared-public-footer .footer-brand-clean .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:16px}
.asr-shared-public-footer .footer-brand-clean .brand-asr{font-size:23px;font-weight:850;letter-spacing:-.05em;color:#fff!important}
.asr-shared-public-footer .footer-brand-clean .brand>i{width:1px;height:31px;background:#635a69;display:block}
.asr-shared-public-footer .footer-brand-clean .brand>span:last-child{font-size:8px;letter-spacing:.23em;line-height:1.35;color:#aaa3b1!important}
.asr-shared-public-footer .footer-clean>div>b{display:block;margin-bottom:16px;color:#f7f5fb!important;font-size:12px}
.asr-shared-public-footer .footer-clean>div>a{display:block;margin:9px 0;text-decoration:none;color:#918a99!important;font-size:13px}
.asr-shared-public-footer .footer-clean>div>a:hover{color:#c4b5fd!important}
.asr-shared-public-footer .footer-brand-clean p{max-width:390px;color:#918a99!important;line-height:1.6;font-size:13px}
.asr-shared-public-footer .footer-brand-clean .muted{display:block;margin-top:17px;color:#6f6876!important;font-size:11px}

@media(max-width:1100px){
  .asr-shared-public-header nav{gap:15px}
  .asr-shared-public-header .header-actions{gap:10px;margin-left:4px}
  .asr-shared-public-header .search-trigger span{display:none}
  .asr-shared-public-footer .footer-clean{grid-template-columns:1.2fr 1fr 1fr}
  .asr-shared-public-footer .footer-clean>div:last-child{grid-column:2/4}
}

@media(max-width:900px){
  body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-service-lines{grid-template-columns:1fr!important}
  body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-method-flow{grid-template-columns:1fr!important}
  body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-method-flow>i{transform:rotate(90deg);justify-self:center}
  .asr-shared-public-header .header-inner{position:relative;flex-wrap:wrap;gap:14px;padding:14px 0}
  .asr-shared-public-header .menu-btn{display:inline-flex;margin-left:auto}
  .asr-shared-public-header nav{display:none;width:100%;order:5;margin:0;padding:8px 0 12px;border-top:1px solid #ece8f0;flex-direction:column;align-items:stretch;gap:0}
  .asr-shared-public-header nav.open{display:flex}
  .asr-shared-public-header nav a{padding:12px 2px}
  .asr-shared-public-header nav a[aria-current="page"]::after{display:none}
  .asr-shared-public-header .header-actions{margin-left:0}
}

@media(max-width:700px){
  body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-lifecycle-vertical>article>div{
    grid-template-columns:1fr!important;gap:5px!important
  }
  body.asr-public-current-v20260927.asr-public-current-v20260927 .asr-lifecycle-vertical>article{
    grid-template-columns:32px minmax(0,1fr)!important;padding:15px!important
  }
  .asr-shared-public-header .header-actions .login-link{display:none}
  .asr-shared-public-header .header-actions .search-trigger{padding:0 12px}
  .asr-shared-public-header .primary.small{padding:0 13px}
  .asr-shared-public-footer .footer-clean{grid-template-columns:1fr;gap:28px;padding:40px 0}
  .asr-shared-public-footer .footer-clean>div:last-child{grid-column:auto}
}
