/* Promoted S3 homepage treatment.
   Green accent tokens intentionally stay inherited from the current site. */

html[data-theme="dark"][data-neutral-variant="s3"]{
  --bg-page:#02060c;
  --bg-card:#0c1724;
  --bg-card-hover:#172638;
  --bg-code:#050a13;
  --bg-hero:linear-gradient(160deg,#010307 0%,#04101d 26%,#081827 52%,#0d2031 68%,#06111d 84%,#010307 100%);
  --chrome-gradient:linear-gradient(90deg,#d9e1ea 0%,#ffffff 9%,#b4c0ce 21%,#f5f8fb 35%,#7f8ea0 49%,#ffffff 63%,#c9d3de 77%,#607184 89%,#eff4f8 100%);
  --text-primary:#f6f9fc;
  --text-secondary:#bdcad8;
  --text-dim:#8190a3;
  --heading-muted:#f8fbff;
  --border:#2d4158;
  --border-hover:#4d6884;
  --nav-bg:rgba(3,7,12,.94);
  --nav-mobile-bg:rgba(3,7,12,.99);
  --section-alt:rgba(9,18,30,.96);
  --skill-phase-border:rgba(45,62,82,.92);
  --shadow-lg:0 28px 82px rgba(255,255,255,.12);
  --slate-a02:rgba(142,158,180,.04);
  --slate-a07:rgba(142,158,180,.09);
  --slate-a08:rgba(142,158,180,.10);
  --slate-a10b:rgba(142,158,180,.12);
  --slate-a10:rgba(142,158,180,.16);
  --slate-a12:rgba(142,158,180,.20);
  --slate-a15:rgba(142,158,180,.23);
  --slate-a20:rgba(142,158,180,.28);
  --slate-a25:rgba(142,158,180,.34);
  --slate-a30:rgba(142,158,180,.40);
  --slate-text:#9caabd;
  --neutral-a10:rgba(168,184,204,.14);
  --neutral-a12:rgba(184,200,220,.18);
}

html[data-theme="dark"][data-neutral-variant="s3"] body{
  background:linear-gradient(180deg,#02060c 0%,#010409 100%);
}

html[data-theme="dark"][data-neutral-variant="s3"] nav{
  border-bottom-color:rgba(43,61,82,.86);
}

html[data-theme="dark"][data-neutral-variant="s3"] body.has-help-subnav > nav{
  border-bottom:none;
}

html[data-theme="dark"][data-neutral-variant="s3"] .hero{
  background:rgba(6,13,21,.92);
}

html[data-theme="dark"][data-neutral-variant="s3"] section:not(.hero):not(.cta-section){
  background:#02060c;
}

html[data-theme="dark"][data-neutral-variant="s3"] section:nth-child(even):not(.hero):not(.cta-section){
  background:#08111c;
}

html[data-theme="dark"][data-neutral-variant="s3"] #spec-driven,
html[data-theme="dark"][data-neutral-variant="s3"] #review-analytics,
html[data-theme="dark"][data-neutral-variant="s3"] #operational-efficiency{
  background:#0a1421 !important;
}

html[data-theme="dark"][data-neutral-variant="s3"] #quality-gates,
html[data-theme="dark"][data-neutral-variant="s3"] #workflow{
  background:#07101a;
}

html[data-theme="dark"][data-neutral-variant="s3"] .feature-card,
html[data-theme="dark"][data-neutral-variant="s3"] .ecosystem-card,
html[data-theme="dark"][data-neutral-variant="s3"] .devops-card,
html[data-theme="dark"][data-neutral-variant="s3"] .layer-card,
html[data-theme="dark"][data-neutral-variant="s3"] .compare-card,
html[data-theme="dark"][data-neutral-variant="s3"] .sb-lifecycle-benefit,
html[data-theme="dark"][data-neutral-variant="s3"] .sb-lifecycle-mini,
html[data-theme="dark"][data-neutral-variant="s3"] .workflow-tab:not(.active){
  background:linear-gradient(180deg,#0e1a28 0%,#091421 100%);
  border-color:#2c4058;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}

html[data-theme="dark"][data-neutral-variant="s3"] .feature-card,
html[data-theme="dark"][data-neutral-variant="s3"] .ecosystem-card,
html[data-theme="dark"][data-neutral-variant="s3"] .devops-card,
html[data-theme="dark"][data-neutral-variant="s3"] .layer-card,
html[data-theme="dark"][data-neutral-variant="s3"] .compare-card,
html[data-theme="dark"][data-neutral-variant="s3"] .sb-lifecycle-panel,
html[data-theme="dark"][data-neutral-variant="s3"] .sb-lifecycle-benefit,
html[data-theme="dark"][data-neutral-variant="s3"] .sb-lifecycle-mini,
html[data-theme="dark"][data-neutral-variant="s3"] body:not(.has-help-subnav) .callout,
html[data-theme="dark"][data-neutral-variant="s3"] .install-block,
html[data-theme="dark"][data-neutral-variant="s3"] .code-block,
html[data-theme="dark"][data-neutral-variant="s3"] .enforcement-block{
  border:0;
  text-align:left;
}

html[data-theme="dark"][data-neutral-variant="s3"] .feature-card .feature-icon,
html[data-theme="dark"][data-neutral-variant="s3"] body:not(.has-help-subnav) .callout .callout-icon,
html[data-theme="dark"][data-neutral-variant="s3"] .sb-lifecycle-benefit .benefit-icon{
  margin-left:0;
  margin-right:0;
}

html[data-theme="dark"][data-neutral-variant="s3"] .feature-card .feature-icon,
html[data-theme="dark"][data-neutral-variant="s3"] .sb-lifecycle-benefit .benefit-icon{
  width:auto;
  min-width:0;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  background:transparent !important;
  border-radius:0;
  box-shadow:none;
}

html[data-theme="dark"][data-neutral-variant="s3"] .feature-card .feature-icon svg,
html[data-theme="dark"][data-neutral-variant="s3"] .sb-lifecycle-benefit .benefit-icon svg{
  display:block;
}

html[data-theme="dark"][data-neutral-variant="s3"] .ecosystem-card.primary-plugin,
html[data-theme="dark"][data-neutral-variant="s3"] .compare-card.winner,
html[data-theme="dark"][data-neutral-variant="s3"] .sb-lifecycle-panel{
  background:linear-gradient(160deg,#0f1c2a 0%,var(--mint-a07) 44%,rgba(40,55,74,.34) 100%);
  border-color:rgba(118,140,164,.42);
}

html[data-theme="dark"][data-neutral-variant="s3"] .compare-card.winner{
  box-shadow:0 0 40px var(--mint-a10),inset 0 1px 0 rgba(255,255,255,.045);
}

html[data-theme="dark"][data-neutral-variant="s3"] .code-block,
html[data-theme="dark"][data-neutral-variant="s3"] .install-block,
html[data-theme="dark"][data-neutral-variant="s3"] .enforcement-block{
  background:linear-gradient(180deg,#060c15 0%,#03070d 100%);
  border-color:#2a3d54;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

html[data-theme="dark"][data-neutral-variant="s3"] .enforcement-header{
  background:rgba(13,23,36,.74);
  border-bottom-color:#26394f;
}

html[data-theme="dark"][data-neutral-variant="s3"] .workflow-table th{
  border-bottom-color:#344963;
}

html[data-theme="dark"][data-neutral-variant="s3"] .workflow-table td,
html[data-theme="dark"][data-neutral-variant="s3"] .sb-lifecycle-proof-row{
  border-bottom-color:#25384f;
}

html[data-theme="dark"][data-neutral-variant="s3"] .compare-bar-track{
  background:#24374e;
}

html[data-theme="dark"][data-neutral-variant="s3"] body:not(.has-help-subnav) .callout{
  background:linear-gradient(135deg,rgba(17,31,47,.88),var(--accent-a07) 52%,rgba(38,52,70,.52));
  border-color:rgba(118,140,164,.38);
}

html[data-theme="dark"][data-neutral-variant="s3"] .cta-section{
  background:linear-gradient(135deg,var(--accent-a14) 0%,rgba(8,16,26,.88) 42%,rgba(12,24,38,.94) 72%,rgba(22,34,50,.88) 100%);
}

html[data-theme="dark"][data-neutral-variant="s3"] footer{
  background:linear-gradient(180deg,rgba(14,26,38,.95) 0%,rgba(6,10,16,.98) 55%,#010409 100%);
  border-top-color:#26394f;
}

html[data-theme="light"][data-neutral-variant="s3"] footer{
  background:linear-gradient(180deg,var(--mint-a10) 0%,var(--section-alt) 50%,rgba(228,222,212,.92) 100%);
}

html[data-neutral-variant="s3"] footer{
  border-width:0 !important;
}

html[data-theme="dark"][data-neutral-variant="s3"] body:not(.has-help-subnav) *:not(button):not(.btn):not(.nav-cta):not(.workflow-tab):not(.version-badge):not(.nav-alpha){
  border-width:0 !important;
}

html[data-neutral-variant="s3"] .feature-card,
html[data-neutral-variant="s3"] .ecosystem-card,
html[data-neutral-variant="s3"] .cost-card,
html[data-neutral-variant="s3"] .cost-emotional,
html[data-neutral-variant="s3"] .mech-card,
html[data-neutral-variant="s3"] .future-card,
html[data-neutral-variant="s3"] .enforcement-block,
html[data-neutral-variant="s3"] .devops-card,
html[data-neutral-variant="s3"] .layer-card,
html[data-neutral-variant="s3"] .compare-card,
html[data-neutral-variant="s3"] .sb-lifecycle-panel,
html[data-neutral-variant="s3"] .sb-lifecycle-benefit,
html[data-neutral-variant="s3"] .sb-lifecycle-mini,
html[data-neutral-variant="s3"] body:not(.has-help-subnav) .callout,
html[data-neutral-variant="s3"] .install-block,
html[data-neutral-variant="s3"] .code-block,
html[data-neutral-variant="s3"] .enforcement-block{
  border:0;
  text-align:left;
}

html[data-neutral-variant="s3"] .feature-card .feature-icon,
html[data-neutral-variant="s3"] body:not(.has-help-subnav) .callout .callout-icon,
html[data-neutral-variant="s3"] .sb-lifecycle-benefit .benefit-icon{
  margin-left:0;
  margin-right:0;
}

html[data-neutral-variant="s3"] .feature-card .feature-icon,
html[data-neutral-variant="s3"] .sb-lifecycle-benefit .benefit-icon{
  width:auto;
  min-width:0;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  background:transparent !important;
  border-radius:0;
  box-shadow:none;
}

html[data-neutral-variant="s3"] .feature-card .feature-icon svg,
html[data-neutral-variant="s3"] .sb-lifecycle-benefit .benefit-icon svg{
  display:block;
}

html[data-neutral-variant="s3"] body:not(.has-help-subnav) .callout .callout-icon{
  display:flex;
  width:100%;
  justify-content:center;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

html[data-neutral-variant="s3"] body:not(.has-help-subnav) .callout .callout-icon svg{
  margin-left:auto;
  margin-right:auto;
}

/* Homepage s3 — unified card hover (overrides inset/rest shadows above) */
html[data-neutral-variant="s3"] .pain-card:hover,
html[data-neutral-variant="s3"] .cost-card:hover,
html[data-neutral-variant="s3"] .cost-emotional:hover,
html[data-neutral-variant="s3"] .future-card:hover,
html[data-neutral-variant="s3"] .feature-card:hover,
html[data-neutral-variant="s3"] .mech-card:hover,
html[data-neutral-variant="s3"] .proof-card:hover,
html[data-neutral-variant="s3"] .ecosystem-card:hover,
html[data-neutral-variant="s3"] .devops-card:hover,
html[data-neutral-variant="s3"] .layer-card:hover,
html[data-neutral-variant="s3"] .compare-card:hover,
html[data-neutral-variant="s3"] .sb-lifecycle-benefit:hover,
html[data-neutral-variant="s3"] .sb-lifecycle-panel:hover,
html[data-neutral-variant="s3"] .sb-lifecycle-mini:hover,
html[data-neutral-variant="s3"] .faq-item:hover,
html[data-neutral-variant="s3"] .install-block:hover,
html[data-neutral-variant="s3"] body:not(.has-help-subnav) .callout:hover,
html[data-neutral-variant="s3"] .stakes-callout:hover,
html[data-neutral-variant="s3"] .gaps-callout:hover,
html[data-neutral-variant="s3"] .cost-stakes:hover,
html[data-neutral-variant="s3"] .enforcement-block:hover{
  border-color:var(--border-hover) !important;
  box-shadow:var(--card-shadow-hover) !important;
  transform:none !important;
}

html[data-neutral-variant="s3"] body:not(.has-help-subnav) *:not(button):not(.btn):not(.nav-cta):not(.workflow-tab):not(.version-badge):not(.nav-alpha){
  border-width:0 !important;
}