/* Product views and visual pacing across main pages.

   Ensures generous layout breathing room, authentic cream product UIs, and high-contrast ink storytelling. */



/* ==========================================================================

   AMBIENT TOP GLOW EFFECT

   Organic subtle ambient glow at the top of pages that blurs and fades downwards.

   TO REMOVE: Delete or comment out this block, or set body::before { display: none !important; }

   ========================================================================== */

body {

  position: relative;

}

body::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 640px;

  pointer-events: none;

  z-index: 0;

  background:

    radial-gradient(circle 520px at 15% 15%, rgba(232, 163, 61, 0.08), transparent 70%),

    radial-gradient(circle 620px at 85% 10%, rgba(232, 163, 61, 0.06), transparent 70%),

    radial-gradient(circle 480px at 50% 35%, rgba(126, 175, 142, 0.04), transparent 65%),

    radial-gradient(circle 380px at 30% 65%, rgba(232, 163, 61, 0.045), transparent 60%),

    radial-gradient(circle 420px at 70% 55%, rgba(255, 255, 255, 0.025), transparent 65%);

  filter: blur(50px);

  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.85) 45%, rgba(0,0,0,0) 100%);

  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.85) 45%, rgba(0,0,0,0) 100%);

}

main, header, footer, .band, .pv, .wif-section, .mssec-section, .msrp-hero, .mspr-hero {

  position: relative;

  z-index: 1;

}

/* ========================================================================== */



/* Universal Product View framing on interior pages */

.pv{width:min(1100px,calc(100% - 48px));margin:88px auto 80px;padding:0}

.pv-intro{margin-bottom:28px}

.pv-eyebrow{font:500 12px/1.3 var(--mono,"JetBrains Mono",ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--orange,#e8a33d);margin:0 0 10px}

.pv-intro h2{font:600 clamp(1.6rem,1.2rem + 1.3vw,2.25rem)/1.15 var(--sans,Inter,system-ui,sans-serif);letter-spacing:-.025em;color:#fff;margin:0 0 14px}

.pv-lede{font:400 15.5px/1.65 var(--sans,Inter,system-ui,sans-serif);color:var(--lede,#ebebeb);max-width:70ch;margin:0}

.pv .mh-embed{margin:0;width:100%}

.pv .mh-embed iframe{display:block;width:100%;min-height:280px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#F6F4EE;box-shadow:0 24px 64px rgba(0,0,0,.45)}

.pv-cap{margin:16px 2px 0;font:500 12.5px/1.45 var(--mono,"JetBrains Mono",ui-monospace,monospace);color:var(--dim,rgba(255,255,255,.72));letter-spacing:.02em}



/* Specific iframe natural default heights before dynamic fit */

.hiw-queue-pv .mh-embed iframe{height:530px}

.hiw-climb-pv .mh-embed iframe{height:550px}

.wif-roles-pv .mh-embed iframe{height:330px}
@media (max-width:640px){
  .wif-roles-pv .mh-embed iframe{height:390px!important}
}

.msrp-reports-pv .mh-embed iframe{height:500px}



/* how-it-works.html hero layout: symmetrical grid, spacious dimensions, zero text wrapping */

body.m6-hiw .mf49-hero-pair{

  display:grid;

  grid-template-columns:minmax(320px, 1fr) minmax(0, 1.35fr);

  gap:52px;

  align-items:start;

}

/* ==========================================================================

   HOW-IT-WORKS HERO ANIMATION: MOUSTR PLATFORM BRAND STYLING (CREAM / PARCHMENT)

   ========================================================================== */

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-stage.mf49-hero-stage{

  width:100%;

  max-width:100%;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-window{

  padding:0 0 24px 0!important;

  border-radius:16px!important;

  overflow:hidden!important;

  background:#F6F4EE!important;

  color:#111111!important;

  border:1px solid rgba(22,20,15,.14)!important;

  box-shadow:0 24px 64px rgba(0,0,0,.45)!important;

}

/* Authentic Moustr platform top header - exact replica of home-ui.css */

body.m6-hiw .hw-top{

  display:flex!important;

  align-items:center!important;

  gap:14px!important;

  padding:9px 14px!important;

  background:#FBFAF5!important;

  border-bottom:1px solid #E4E1D6!important;

  overflow:hidden!important;

}

body.m6-hiw .hw-top .logo{

  display:flex!important;

  align-items:center!important;

  gap:7px!important;

  font-family:"Inter",system-ui,sans-serif!important;

  font-size:12px!important;

  font-weight:700!important;

  line-height:1!important;

  letter-spacing:.06em!important;

  margin:0!important;

  color:#16140F!important;

}

body.m6-hiw .hw-top .logo i{

  display:inline-block!important;

  width:16px!important;

  height:16px!important;

  border-radius:4px!important;

  background:#16140F!important;

  position:relative!important;

}

body.m6-hiw .hw-top .logo i::after{

  content:""!important;

  position:absolute!important;

  inset:4px!important;

  border-radius:50%!important;

  border:1.5px solid #FBFAF5!important;

}

body.m6-hiw .hw-nav{

  display:flex!important;

  gap:4px!important;

  margin-left:auto!important;

}

body.m6-hiw .hw-nav span{

  font-family:"JetBrains Mono",ui-monospace,monospace!important;

  font-size:12px!important;

  font-weight:500!important;

  line-height:1!important;

  letter-spacing:.08em!important;

  text-transform:uppercase!important;

  padding:6px 8px!important;

  border-radius:6px!important;

  color:#5A5650!important;

  background:transparent!important;

}

body.m6-hiw .hw-nav span.on{

  background:#16140F!important;

  color:#F6F4EE!important;

  font-weight:500!important;

}

@media (max-width:420px){

  body.m6-hiw .hw-nav span:not(.on){

    display:none!important;

  }

}

body.m6-hiw .mf49-window-body{

  padding:22px 24px 0 24px!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-hero-top{

  display:grid;

  grid-template-columns:180px minmax(0,1fr);

  gap:24px;

  align-items:center;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-ring{

  max-width:180px;

  height:auto;

}

/* Wheel sector styling on cream */

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-ring path[fill="rgba(255,255,255,0.12)"]{

  fill:#E5E0D5!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-ring text[fill="#EBEBEB"]{

  fill:#555555!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-ring circle[fill="#000"]{

  fill:#111111!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-needed-title{

  font-size:20px;

  line-height:1.3;

  margin:0 0 10px;

  color:#111111!important;

  font-weight:700!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-kicker{

  color:#666666!important;

  font-size:11px!important;

  font-weight:700!important;

  text-transform:uppercase!important;

  letter-spacing:0.08em!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-task{

  padding:8px 0 8px 14px;

  border-left:3px solid var(--orange,#E8A33D);

  margin-bottom:8px;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-task .mf49-name{

  font-size:14px;

  font-weight:650;

  color:#111111!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-task .mf49-meta{

  font-size:12.5px;

  color:#555555!important;

  margin-top:2px;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-timeline-block{

  position:relative;

  margin-top:20px;

  padding-top:18px;

  border-top:1px solid rgba(22,20,15,.12)!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tl-title{

  font-size:15px!important;

  font-weight:700!important;

  color:#111111!important;

  margin:0 0 4px!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tl-sub{

  font-size:12px!important;

  color:#666666!important;

  margin-bottom:12px!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tl{

  width:100%;

  height:140px;

  position:relative;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-night{

  background:rgba(22,20,15,.05)!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tl-base{

  background:rgba(22,20,15,.2)!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-day{
  display:none!important;
}
body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-dot-b{
  position:absolute!important;
  bottom:32px!important;
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  transform:translateX(-50%)!important;
  z-index:2!important;
}
body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-dot-b.dot-red{
  background:#8C2F2F!important;
  box-shadow:0 0 0 2px #F6F4EE!important;
}
body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-dot-b.dot-amber{
  background:#E8A33D!important;
  box-shadow:0 0 0 2px #F6F4EE!important;
}
body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-dot-b.dot-green{
  background:#15803d!important;
  box-shadow:0 0 0 2px #F6F4EE!important;
}
body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-marker{
  position:absolute!important;
  top:0!important;
  bottom:36px!important;
  width:2px!important;
  background:#E8A33D!important;
  transform:translateX(-50%)!important;
  transition:left 0.25s cubic-bezier(.2,.7,.2,1), background-color 0.25s ease!important;
  z-index:1!important;
}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-ev{

  white-space:nowrap!important;

  font-size:12px;

  padding:5px 10px;

  border-radius:6px;

  background:#FFFFFF!important;

  color:#111111!important;

  border:1px solid rgba(22,20,15,.18)!important;

  box-shadow:0 2px 6px rgba(0,0,0,.08)!important;

  font-weight:600!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-panel{

  position:static;

  width:100%;

  margin-top:20px;

  padding:16px 18px;

  background:#FFFFFF!important;

  border:1px solid rgba(22,20,15,.12)!important;

  border-radius:12px!important;

  box-shadow:0 4px 16px rgba(0,0,0,.05)!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-panel-title{

  color:#111111!important;

  font-size:14px!important;

  font-weight:700!important;

  margin:0 0 10px!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-sel{

  position:absolute!important;

  left:0!important;

  top:0!important;

  bottom:0!important;

  width:2px!important;

  background:var(--orange,#E8A33D)!important;

}

/* Ensure generous width for column 5 so "Not assessed" never overflows */

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-head,

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-row{

  display:grid!important;

  grid-template-columns:14px 1.25fr 1.35fr 1fr 1fr!important;

  column-gap:8px!important;

  row-gap:0!important;

  align-items:center!important;

  padding-left:10px!important;

  padding-right:12px!important;

  box-sizing:border-box!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-head > span:nth-child(1){grid-column:1!important}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-head > span:nth-child(2){grid-column:2!important}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-head > span:nth-child(3){grid-column:3!important}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-head > span:nth-child(4){grid-column:4!important}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-head > span:nth-child(5){grid-column:5!important}



body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-icon{grid-column:1!important}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-name{grid-column:2!important}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-owner{grid-column:3!important}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-status{grid-column:4!important}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-risk{grid-column:5!important}



body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-row{

  border-top:1px solid rgba(22,20,15,.08)!important;

  padding-top:8px!important;

  padding-bottom:8px!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-head > span{

  color:#666666!important;

  font-size:12px!important;

  font-weight:600!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-icon{

  width:10px;

  height:10px;

  border-radius:50%;

  border:1.5px solid rgba(22,20,15,.3)!important;

  background:transparent!important;

  justify-self:center;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-name{

  color:#111111!important;

  font-weight:600!important;

  font-size:13px!important;

}

/* RED for Nobody yet and No record yet as requested - exact match with anim.css (--red: #8C2F2F) */

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-owner.mf49-nobody{

  color:#8C2F2F!important;

  font-weight:600!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-status.mf49-nobody{

  color:#8C2F2F!important;

  font-weight:600!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-owner.mf49-ok{

  color:#15803d!important;

  font-weight:550!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-status{

  color:#b45309!important;

  font-weight:550!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-status.mf49-ok{

  color:#15803d!important;

  font-weight:550!important;

}

body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-t-risk{

  color:#555555!important;

  font-size:12.5px!important;

}



@media (max-width:920px){

  body.m6-hiw .mf49-hero-pair{

    grid-template-columns:minmax(0,1fr);

    gap:36px;

  }

  body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-head,

  body.m6-hiw .mf49-asset[data-mf49-kind="confirm-hero"] .mf49-tools-row{

    grid-template-columns:14px minmax(110px,1.2fr) minmax(110px,1.2fr) minmax(90px,1fr) minmax(95px,1fr)!important;

    gap:6px!important;

  }

}



/* ==========================================================================

   FOUR LAYERS SECTION: EXPANSIVE CENTERPIECE LAYOUT

   ========================================================================== */

.hiw-four-layers-band {

  padding: 64px 0 56px !important;

}

.hiw-layers-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 840px !important;
  margin: 0 auto 36px auto !important;
}
.hiw-layers-header .eyebrow {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto 8px auto !important;
  text-align: center !important;
}
.hiw-layers-header h2 {
  font-size: clamp(28px, 3.4vw, 42px) !important;
  line-height: 1.15 !important;
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto 14px auto !important;
  text-align: center !important;
}
.hiw-layers-header .lede {
  font-size: 1.08rem !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  width: 100% !important;
  max-width: 780px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.layers-box-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 18px;

  margin-bottom: 28px;

}

@media (max-width: 1024px) {

  .layers-box-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 640px) {

  .layers-box-grid {

    grid-template-columns: 1fr;

  }

}

.layers-box-grid .layer-card {

  background: rgba(255, 255, 255, 0.04);

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 14px;

  padding: 24px 22px;

  display: flex;

  flex-direction: column;

  transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease;

}

.layers-box-grid .layer-card:hover {

  border-color: rgba(232, 163, 61, 0.45);

  background: rgba(255, 255, 255, 0.06);

  transform: translateY(-2px);

}

.layers-box-grid .layer-badge {

  display: inline-block;

  font: 700 11px/1 var(--mono, monospace);

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: var(--orange, #E8A33D);

  margin-bottom: 12px;

}

.layers-box-grid .layer-title {

  font-size: 1.15rem;

  font-weight: 650;

  color: #FFFFFF;

  margin: 0 0 10px 0;

  line-height: 1.3;

}

.layers-box-grid .layer-card p {

  font-size: 0.92rem;

  line-height: 1.55;

  color: rgba(255, 255, 255, 0.76);

  margin: 0;

}

.hiw-four-layers-band .layer-risk-note {

  font-size: 0.98rem;

  line-height: 1.5;

  color: rgba(255, 255, 255, 0.92);

  padding: 16px 24px;

  background: rgba(232, 163, 61, 0.09);

  border-left: 3px solid var(--orange, #E8A33D);

  border-radius: 0 10px 10px 0;

  max-width: 860px;

  margin: 0 auto;

  text-align: center;

}

/* ==========================================================================

   PRODUCT VIEW REVIEW QUEUE: BALANCED SIZING (MAX-WIDTH 960px)

   ========================================================================== */

.hiw-queue-pv .mh-embed {

  max-width: 960px !important;

  margin-left: auto !important;

  margin-right: auto !important;

}

.hiw-queue-pv .pv-cap {

  max-width: 960px !important;

  margin-left: auto !important;

  margin-right: auto !important;

}



/* ==========================================================================

   SECTION S_ANATOMY: LEVEL RIGHT PROVENANCE BOX WITH 4 C'S BOTTOM

   ========================================================================== */

#s_anatomy .hiw-split {

  display: grid !important;

  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 1fr) !important;

  align-items: end !important;

}

#s_anatomy .hiw-prov-window {

  align-self: end !important;

}

.hiw-split{gap:40px}

.four-cs-grid{gap:20px;margin-top:28px}

.four-c-card{padding:24px 26px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:14px;background:rgba(255,255,255,.04);transition:transform .2s ease,border-color .2s ease}

.four-c-card:hover{transform:translateY(-2px);border-color:rgba(232,163,61,.5)}

.hiw-prov-window{padding:28px 32px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:14px;background:rgba(255,255,255,.04)}

.hiw-prov-list{gap:18px;margin-top:24px}



/* who-its-for.html spacing, hero layout, diagrams, and persona cards */

body[data-page="who-its-for"] #wif-hero{padding:48px 0 36px!important}

body[data-page="who-its-for"] #wif-hero .wif-measure{

  width:min(1100px,calc(100% - 32px))!important;

  display:grid!important;

  grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;

  gap:48px!important;

  align-items:center!important;

}

body[data-page="who-its-for"] .wif-hero-embed{

  margin:0!important;

  width:100%!important;

}

body[data-page="who-its-for"] .wif-hero-embed iframe{
  display:block!important;
  width:100%!important;
  height:335px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  background:#F6F4EE!important;
  box-shadow:0 20px 48px rgba(0,0,0,.5)!important;
}

@media (max-width:640px){
  body[data-page="who-its-for"] .wif-hero-embed iframe{
    height:430px!important;
  }
}

@media (max-width:920px){
  body[data-page="who-its-for"] #wif-hero .wif-measure{
    grid-template-columns:minmax(0,1fr)!important;
    gap:32px!important;
  }
}

body[data-page="who-its-for"] .wif-figure{margin:36px 0 32px;min-width:0}
body[data-page="who-its-for"] .wif-art{padding:30px 28px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);border-radius:14px}
body[data-page="who-its-for"] .wif-art .pane{background:#111;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:20px}
body[data-page="who-its-for"] .wif-article{margin-top:64px;padding-top:48px;border-top:1px solid rgba(255,255,255,.14)}
body[data-page="who-its-for"] .wif-beats{gap:24px}
body[data-page="who-its-for"] .wif-beats > div{padding:20px 0 0}

body[data-page="who-its-for"] .wif-beats h4{
  font-family:var(--mono,ui-monospace,monospace)!important;
  font-size:11.5px!important;
  font-weight:600!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  color:#e8a33d!important;
}

body[data-page="who-its-for"] .wif-example{
  margin-top:20px!important;
  padding:14px 18px!important;
  border-top:0!important;
  border-left:3px solid var(--orange,#e8a33d)!important;
  background:rgba(255,255,255,.03)!important;
  border-radius:0 10px 10px 0!important;
  font-size:14.5px!important;
  line-height:1.55!important;
  color:rgba(255,255,255,.88)!important;
}

body[data-page="who-its-for"] #wif-asked{
  padding-bottom:64px!important;
}

@media (max-width:640px){
  body[data-page="who-its-for"] .wif-art{padding:18px 14px!important}
  body[data-page="who-its-for"] .wif-art .pane{padding:14px 12px!important}
  body[data-page="who-its-for"] .wif-art .questions{grid-template-columns:1fr!important;gap:8px!important}
  .wif-persona-summary{padding:18px 16px!important}
  .wif-summary-toggle{margin-left:10px!important;width:28px!important;height:28px!important}
  .wif-persona-accordion .wif-narrative{padding:0 16px 20px 16px!important}
  body[data-page="who-its-for"] #wif-asked{padding-bottom:40px!important}
}

/* pricing.html headcount pillars and quote card breathing room */

body[data-page="pricing"] #pr61-sizes{padding:48px 0 36px}

body[data-page="pricing"] #pr61-sizes .mpr61-pillars{gap:18px}

body[data-page="pricing"] #pr61-sizes .mpr61-pillar{padding:24px 20px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#111;box-shadow:inset 0 0 0 1px rgba(232,163,61,.3);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}

body[data-page="pricing"] #pr61-sizes .mpr61-pillar:hover{transform:translateY(-3px);border-color:#e8a33d;box-shadow:inset 0 0 0 1px #e8a33d,0 12px 28px rgba(0,0,0,.5)}

body[data-page="pricing"] #pr61-sizes .mpr61-pillar a{padding:4px 0;min-height:92px;display:flex;flex-direction:column;justify-content:center}

body[data-page="pricing"] #pr61-sizes .mpr61-label{font-size:17px;line-height:1.35;font-weight:600}

body[data-page="pricing"] #pr61-sizes .mpr61-pillar .mpr61-sub{margin-top:8px;font-size:13.5px;color:#e8a33d}

body[data-page="pricing"] #main .mpr62-pair{gap:32px;padding-block:12px 24px}

body[data-page="pricing"] #main .mpr-quote-card{padding:36px 38px;border-radius:14px;background:#111;border:1px solid rgba(232,163,61,.45);box-shadow:0 16px 40px rgba(0,0,0,.4)}

body[data-page="pricing"] #main .mpr-quote-grid{gap:20px}

body[data-page="pricing"] #main .mpr-quote-grid input,body[data-page="pricing"] #main .mpr-quote-grid select{min-height:48px;padding:10px 14px;border-radius:9px;border:1px solid #444;background:#050505}

body[data-page="pricing"] #main .mpr57-list{padding:24px 26px;border-radius:14px}



/* resources/index.html editorial card grid layout and visual hierarchy */

body[data-page="resources"] .page-hero{padding-top:64px!important;padding-bottom:36px!important}

body[data-page="resources"] .res-shelf-sec{padding-block:36px 48px!important}

body[data-page="resources"] .res-shelf{display:grid;gap:36px;margin:32px 0 56px}

@media (min-width:1024px){

  body[data-page="resources"] .res-shelf{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}

}

body[data-page="resources"] .res-col .res-grid{display:grid;gap:24px;grid-template-columns:1fr}

body[data-page="resources"] #main .res-group{font:500 13px/1.3 var(--mono,"JetBrains Mono",monospace);letter-spacing:.08em;text-transform:uppercase;color:#e8a33d;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14)}

body[data-page="resources"] #main a.res-card{display:flex!important;flex-direction:column!important;padding:0!important;background:#111!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;overflow:hidden!important;text-decoration:none!important;color:inherit!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}

body[data-page="resources"] #main a.res-card:hover{transform:translateY(-3px)!important;border-color:#e8a33d!important;box-shadow:0 16px 36px rgba(0,0,0,.5)!important}

body[data-page="resources"] .res-art{width:100%!important;height:auto!important;aspect-ratio:16/9!important;overflow:hidden!important;background:#16140F!important;position:relative!important;display:block!important}

body[data-page="resources"] .res-art img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;display:block!important;transition:transform .4s ease}

body[data-page="resources"] #main a.res-card:hover .res-art img{transform:scale(1.03)}

body[data-page="resources"] #main .res-card .res-body{padding:22px 24px!important;display:flex!important;flex-direction:column!important;gap:10px!important;flex:1!important}

body[data-page="resources"] #main .res-card h3{font-size:17.5px!important;font-weight:600!important;line-height:1.35!important;color:#fff!important;margin:0!important}

body[data-page="resources"] #main .res-card p{font-size:14px!important;line-height:1.55!important;color:#b8b8b8!important;margin:0!important;display:block!important;-webkit-line-clamp:unset!important}

body[data-page="resources"] .res-meta{font-family:var(--mono,"JetBrains Mono",monospace)!important;font-size:12px!important;color:#e8a33d!important;margin-top:auto!important;padding-top:14px!important}

body[data-page="resources"] .signoff.cardgrid{display:grid;gap:20px;margin-top:28px}

@media (min-width:1024px){body[data-page="resources"] .signoff.cardgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}

body[data-page="resources"] .qcard{background:#111;border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}

body[data-page="resources"] .qcard a{display:block;padding:24px;text-decoration:none;color:inherit}

body[data-page="resources"] .qcard:hover{transform:translateY(-2px);border-color:#e8a33d;box-shadow:0 12px 28px rgba(0,0,0,.4)}

body[data-page="resources"] .qcard h3{font-size:17px;font-weight:600;margin:0 0 10px;color:#fff}

body[data-page="resources"] .qcard p{font-size:14px;line-height:1.55;color:#b8b8b8;margin:0}



/* 7-day-plan.html spacing, timeline, and trade panels */

body[data-page="7-day-plan"] :is(.sd1388-hero,.sd1388-block){padding:64px 0}

body[data-page="7-day-plan"] .sd1388-week{gap:20px}

body[data-page="7-day-plan"] .sd1388-week li{padding:26px 22px;border:1px solid rgba(255,255,255,.16);background:#111;border-radius:14px;transition:transform .2s ease,border-color .2s ease}

body[data-page="7-day-plan"] .sd1388-week li:hover{border-color:#e8a33d;transform:translateY(-2px)}

body[data-page="7-day-plan"] .sd1388-week strong{font-size:15px;margin-bottom:10px}

body[data-page="7-day-plan"] :is(.sd1388-get,.sd1388-need){padding:32px 34px;background:#111;border:1px solid rgba(255,255,255,.14);border-radius:14px}

body[data-page="7-day-plan"] :is(.sd1388-get,.sd1388-need) li{margin-bottom:14px;line-height:1.6}



/* Mobile responsiveness across all interior views */

@media (max-width:767px){

  .pv{margin:56px auto 48px;width:calc(100% - 32px)}

  .four-c-card,.hiw-prov-window{padding:20px}

  body[data-page="who-its-for"] .wif-art{padding:20px 16px}

  body[data-page="who-its-for"] .wif-art .pane{padding:14px}

  body[data-page="pricing"] #pr61-sizes{padding:32px 0 24px}

  body[data-page="pricing"] #main .mpr-quote-card{padding:24px 20px}

  body[data-page="resources"] #main .res-card .res-body{padding:18px 20px!important}

  body[data-page="resources"] .signoff.cardgrid{grid-template-columns:1fr 1fr;gap:16px}

  body[data-page="7-day-plan"] :is(.sd1388-hero,.sd1388-block){padding:40px 0}

  body[data-page="7-day-plan"] :is(.sd1388-get,.sd1388-need){padding:22px 20px}

}



/* Resources articles: Table of Contents visibility & black text */

body.page.article aside.toc details,

body[data-page="article"] aside.toc details,

aside.toc details{

  background:#F6F4EE!important;

  color:#16140F!important;

  border:1px solid rgba(22,20,15,.12)!important;

  border-radius:14px!important;

  padding:20px 22px!important;

  box-shadow:0 4px 16px rgba(0,0,0,.15)!important;

}

body.page.article aside.toc summary,

body[data-page="article"] aside.toc summary,

aside.toc summary,

aside.toc #toc-h{

  color:#16140F!important;

  font-family:var(--mono,"JetBrains Mono",monospace)!important;

  font-size:13px!important;

  font-weight:700!important;

  letter-spacing:.08em!important;

  text-transform:uppercase!important;

  margin-bottom:12px!important;

}

body.page.article aside.toc :is(ol,li,a,span,strong),

body[data-page="article"] aside.toc :is(ol,li,a,span,strong),

aside.toc :is(ol,li,a,span,strong){

  color:#16140F!important;

}

body.page.article aside.toc a,

body[data-page="article"] aside.toc a,

aside.toc a{

  display:block!important;

  padding:6px 0 6px 12px!important;

  border-left:2px solid rgba(22,20,15,.18)!important;

  text-decoration:none!important;

  color:#16140F!important;

  font-size:14px!important;

  line-height:1.45!important;

  transition:color .15s ease,border-left-color .15s ease!important;

}

body.page.article aside.toc a:hover,

body[data-page="article"] aside.toc a:hover,

aside.toc a:hover{

  color:#000!important;

  border-left-color:#E8A33D!important;

  font-weight:600!important;

}

body.page.article aside.toc a.is-active,

body[data-page="article"] aside.toc a.is-active,

aside.toc a.is-active{

  color:#000!important;

  border-left-color:#E8A33D!important;

  font-weight:600!important;

}



/* Who it's for: interactive persona accordions */

.wif-persona-accordion {

  margin-top: 20px;

  border: 1px solid rgba(255, 255, 255, .14);

  border-radius: 14px;

  background: rgba(255, 255, 255, .03);

  transition: border-color .2s ease, background-color .2s ease;

  overflow: hidden;

}

.wif-persona-accordion:hover {

  border-color: rgba(232, 163, 61, .45);

}

.wif-persona-accordion[open] {

  border-color: rgba(232, 163, 61, .6);

  background: rgba(255, 255, 255, .05);

}

.wif-persona-summary {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 24px 28px;

  cursor: pointer;

  user-select: none;

  list-style: none;

}

.wif-persona-summary::-webkit-details-marker {

  display: none;

}

.wif-persona-summary::marker {

  display: none;

}

.wif-summary-titles {

  display: flex;

  flex-direction: column;

  gap: 6px;

}

.wif-summary-titles h3 {

  margin: 0;

  font-size: 20px;

  line-height: 1.3;

  color: #fff;

  font-weight: 600;

}

.wif-summary-titles .wif-roles {

  margin: 0;

  font-size: 13.5px;

  line-height: 1.4;

  color: rgba(255, 255, 255, .72);

  letter-spacing: .02em;

}

.wif-summary-toggle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .2);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  margin-left: 16px;
  position: relative;
  transition: border-color .2s ease, background .2s ease;
}
.wif-persona-summary:hover .wif-summary-toggle {
  border-color: var(--orange, #E8A33D);
  background: rgba(232, 163, 61, .12);
}
.wif-summary-toggle::before {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 6px;
  transition: transform .25s ease;
}
.wif-persona-accordion[open] .wif-summary-toggle {
  border-color: var(--orange, #E8A33D);
  background: rgba(232, 163, 61, .18);
}
.wif-persona-accordion[open] .wif-summary-toggle::before {
  transform: rotate(180deg);
}

.wif-persona-accordion .wif-narrative {

  padding: 0 28px 28px 28px;

  border-top: 1px solid rgba(255, 255, 255, .08);

  margin-top: 4px;

  padding-top: 22px;

}



/* ==========================================================================

   HOMEPAGE REFINED VISUAL LAYOUT & CALLOUTS

   ========================================================================== */

#story-gap .scene-pair-rev {

  display: grid !important;

  grid-template-areas: "art copy" !important;

  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important;

  gap: 48px !important;

  align-items: start !important;

}

@media (max-width: 900px) {

  #story-gap .scene-pair-rev {

    grid-template-areas: "copy" "art" !important;

    grid-template-columns: 1fr !important;

    gap: 32px !important;

  }

}

#story-gap .scene-pair-rev #a-gap {

  grid-area: art !important;

}

#story-gap .scene-pair-rev .scene-copy {

  grid-area: copy !important;

}

.sprawl-teaser {

  margin-top: 18px;

  padding: 18px 22px;

  background: rgba(255, 255, 255, 0.04);

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 12px;

  font-size: 0.92rem;

  line-height: 1.5;

  color: rgba(255, 255, 255, 0.82);

  transition: border-color 0.2s ease;

}

.sprawl-teaser:hover {

  border-color: rgba(232, 163, 61, 0.35);

}

.sprawl-teaser strong {

  color: #FFFFFF;

}

.sprawl-teaser .more {

  margin-top: 10px;

  margin-bottom: 0;

}

.sprawl-teaser .more a {

  color: var(--orange, #E8A33D);

  font-weight: 600;

  text-decoration: underline;

  text-underline-offset: 3px;

}



/* Cluster intro companion cards */

.intro-callout-row {

  display: grid !important;

  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;

  gap: 20px;

  margin-top: 24px;

}

.intro-callout-card {

  padding: 22px 24px;

  background: rgba(255, 255, 255, 0.04);

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 12px;

  transition: border-color 0.2s ease, transform 0.2s ease;

}

.intro-callout-card:hover {

  border-color: rgba(232, 163, 61, 0.35);

  transform: translateY(-2px);

}

.intro-callout-card h3 {

  font-size: 1.1rem;

  font-weight: 600;

  color: #FFFFFF;

  margin: 0 0 8px;

  letter-spacing: -0.01em;

}

.intro-callout-card p {

  font-size: 0.92rem;

  line-height: 1.55;

  color: rgba(255, 255, 255, 0.78);

  margin: 0;

}



/* ==========================================================================

   HOW IT WORKS: FOUR LAYERS BOXED STACK & RISK NOTE

   ========================================================================== */

.layers-box-stack {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));

  gap: 16px;

  margin: 26px 0 16px;

}

.layer-card {

  background: rgba(255, 255, 255, 0.04);

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 12px;

  padding: 22px 22px;

  display: flex;

  flex-direction: column;

  transition: border-color 0.2s ease, transform 0.2s ease;

}

.layer-card:hover {

  border-color: rgba(232, 163, 61, 0.4);

  transform: translateY(-2px);

}

.layer-badge {

  display: inline-block;

  font: 600 11px/1 var(--mono, ui-monospace, monospace);

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: var(--orange, #E8A33D);

  margin-bottom: 10px;

}

.layer-title {

  font-size: 1.12rem;

  font-weight: 600;

  color: #FFFFFF;

  margin: 0 0 8px;

  line-height: 1.3;

}

.layer-card p {

  font-size: 0.91rem;

  line-height: 1.52;

  color: rgba(255, 255, 255, 0.78);

  margin: 0;

}

.layer-risk-note {

  font-size: 0.94rem;

  line-height: 1.5;

  color: rgba(255, 255, 255, 0.88);

  padding: 14px 20px;

  background: rgba(232, 163, 61, 0.08);

  border-left: 3px solid var(--orange, #E8A33D);

  border-radius: 0 8px 8px 0;

  margin-top: 14px;

}



/* ==========================================================================

   TABLE.CAD: VERTICAL COLUMN DIVIDERS WITHOUT OUTER BORDERS

   ========================================================================== */

table.cad {

  width: 100%;

  border-collapse: collapse;

  border-left: none !important;

  border-right: none !important;

  margin-top: 24px;

}

table.cad th[scope="row"],

table.cad td:nth-child(2) {

  border-right: 1px solid rgba(255, 255, 255, 0.16) !important;

}

table.cad td:last-child {

  border-right: none !important;

}

table.cad th,

table.cad td {

  padding-left: 20px;

  padding-right: 20px;

  padding-top: 14px;

  padding-bottom: 14px;

}

table.cad th:first-child,

table.cad td:first-child {

  padding-left: 0;

}

table.cad td:last-child {

  padding-right: 0;

}



/* ==========================================================================

   SECTION BREAK DIVIDERS

   ========================================================================== */

.band-break {

  height: 1px;

  width: 100%;

  max-width: 1080px;

  margin: 52px auto;

  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12) 20%, rgba(255, 255, 255, 0.12) 80%, transparent);

}



/* ==========================================================================

   PARTNERS PAGE REFINED STYLING & TEXT VISIBILITY

   ========================================================================== */

body[data-page="partners"] .example-card {

  background: rgba(232, 163, 61, 0.08);

  border: 1px solid rgba(232, 163, 61, 0.32);

  border-radius: 12px;

  padding: 22px 26px;

  margin: 24px 0;

}

body[data-page="partners"] .example-card p:first-child {

  font: 600 12px/1.3 var(--mono, ui-monospace, monospace);

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: var(--orange, #E8A33D) !important;

  margin: 0 0 8px;

}

body[data-page="partners"] .example-card p:last-child {

  font-size: 1.05rem;

  line-height: 1.55;

  color: #FFFFFF !important;

  margin: 0;

}

body[data-page="partners"] .page-hero .hero-actions a.button[style*="transparent"] {

  color: #FFFFFF !important;

  border-color: rgba(255, 255, 255, 0.32) !important;

}

body[data-page="partners"] .page-hero .hero-actions a.button[style*="transparent"]:hover {

  border-color: var(--orange, #E8A33D) !important;

  color: var(--orange, #E8A33D) !important;

}

body[data-page="partners"] .register-card {

  background: rgba(255, 255, 255, 0.04) !important;

  border: 1px solid rgba(255, 255, 255, 0.14) !important;

  border-radius: 16px !important;

  padding: 32px 34px !important;

  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;

}

body[data-page="partners"] .register-card h2 {

  color: #FFFFFF !important;

  font-size: 1.5rem !important;

}

body[data-page="partners"] .register-card p {

  color: rgba(255, 255, 255, 0.82) !important;

  font-size: 0.95rem !important;

  line-height: 1.55 !important;

}

body[data-page="partners"] .register-card .chips li {

  background: rgba(255, 255, 255, 0.06) !important;

  border: 1px solid rgba(255, 255, 255, 0.14) !important;

  color: rgba(255, 255, 255, 0.9) !important;

}

body[data-page="partners"] .register-card .cf-f label {

  color: rgba(255, 255, 255, 0.92) !important;

  font-weight: 500 !important;

  font-size: 0.88rem !important;

}

body[data-page="partners"] .register-card .cf-f input,

body[data-page="partners"] .register-card .cf-f select {

  background: #141310 !important;

  border: 1px solid rgba(255, 255, 255, 0.22) !important;

  border-radius: 8px !important;

  color: #FFFFFF !important;

  font-size: 0.92rem !important;

  padding: 10px 14px !important;

}

body[data-page="partners"] .register-card .cf-f select option {

  background: #141310 !important;

  color: #FFFFFF !important;

}

body[data-page="partners"] .register-card button.btn-a {

  background: #E8A33D !important;

  color: #16140F !important;

  font-weight: 600 !important;

  border: none !important;

  border-radius: 8px !important;

  padding: 12px 24px !important;

  cursor: pointer !important;

  transition: background 0.2s ease !important;

}

body[data-page="partners"] .register-card button.btn-a:hover {

  background: #F0B250 !important;

}



.intro-callout-card .callout-tag {

  display: inline-block;

  font: 600 11px/1 var(--mono, ui-monospace, monospace);

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: var(--orange, #E8A33D);

  margin-bottom: 8px;

}

.intro-callout-card .more-link {

  display: inline-block;

  margin-top: 12px;

  font-size: 0.88rem;

  font-weight: 600;

  color: var(--orange, #E8A33D);

  text-decoration: underline;

  text-underline-offset: 3px;

  transition: color 0.15s ease;

}

.intro-callout-card .more-link:hover {

  color: #FFFFFF;

}



/* Privacy section streamlined caption */

.priv-cap {

  margin-top: 14px;

  font-size: 0.88rem;

  line-height: 1.5;

  color: rgba(255, 255, 255, 0.72);

  text-align: center;

}

.priv-cap a {

  color: var(--orange, #E8A33D);

  font-weight: 500;

  text-decoration: underline;

  text-underline-offset: 3px;

  transition: color 0.15s ease;

}

.priv-cap a:hover {

  color: #FFFFFF;

}



/* ==========================================================================

   HOMEPAGE: CENTERED CLUSTER INTRO & COMPANION CARDS

   ========================================================================== */

.cluster-intro {

  text-align: center !important;

  max-width: 900px !important;

  margin-left: auto !important;

  margin-right: auto !important;

}

.cluster-intro .eyebrow {

  text-align: center !important;

  margin-left: auto !important;

  margin-right: auto !important;

}

.cluster-intro h2 {

  text-align: center !important;

  margin-left: auto !important;

  margin-right: auto !important;

  font-size: clamp(1.8rem, 3.5vw, 2.5rem) !important;

}

.cluster-intro .lede {

  text-align: center !important;

  margin-left: auto !important;

  margin-right: auto !important;

  max-width: 65ch !important;

}

.cluster-intro .intro-callout-row {

  display: grid !important;

  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;

  gap: 24px !important;

  max-width: 820px !important;

  margin-top: 28px !important;

  margin-left: auto !important;

  margin-right: auto !important;

  justify-content: center !important;

}

@media (max-width: 720px) {

  .cluster-intro .intro-callout-row {

    grid-template-columns: 1fr !important;

  }

}

.cluster-intro .intro-callout-card {

  text-align: center !important;

  padding: 24px 26px !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  background: rgba(255, 255, 255, 0.04) !important;

  border: 1px solid rgba(255, 255, 255, 0.12) !important;

  border-radius: 14px !important;

  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3) !important;

  transition: border-color 0.2s ease, transform 0.2s ease !important;

}

.cluster-intro .intro-callout-card:hover {

  border-color: rgba(232, 163, 61, 0.45) !important;

  transform: translateY(-2px) !important;

}

.cluster-intro .intro-callout-card .callout-tag {

  display: inline-block !important;

  font: 600 11.5px/1 var(--mono, ui-monospace, monospace) !important;

  letter-spacing: 0.08em !important;

  text-transform: uppercase !important;

  color: var(--orange, #E8A33D) !important;

  margin-bottom: 10px !important;

}

.cluster-intro .intro-callout-card p {

  font-size: 0.94rem !important;

  line-height: 1.55 !important;

  color: rgba(255, 255, 255, 0.82) !important;

  margin: 0 !important;

  text-align: center !important;

}

.cluster-intro .intro-callout-card .more-link {

  display: inline-block !important;

  margin-top: 14px !important;

  font-size: 0.9rem !important;

  font-weight: 600 !important;

  color: var(--orange, #E8A33D) !important;

  text-decoration: underline !important;

  text-underline-offset: 3px !important;

  transition: color 0.15s ease !important;

}

.cluster-intro .intro-callout-card .more-link:hover {

  color: #FFFFFF !important;

}



/* ==========================================================================

   HOW IT WORKS: PLATFORM TOUR PANEL (DEMOPANEL) STYLING

   ========================================================================== */

.hiw-tour-band {

  padding-top: 24px;

}

.hiw-tour-band .demopanel {

  background: #F6F3EA !important;

  border: 1px solid rgba(255, 255, 255, 0.16) !important;

  border-radius: 16px !important;

  overflow: hidden !important;

  margin-top: 32px !important;

  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45) !important;

  max-width: 960px !important;

  margin-left: auto !important;

  margin-right: auto !important;

}

.hiw-tour-band .demopanel .chrome {

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

  padding: 12px 18px !important;

  background: #15130E !important;

  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;

}

.hiw-tour-band .demopanel .chrome i {

  width: 9px !important;

  height: 9px !important;

  border-radius: 50% !important;

  background: #D5D1C4 !important;

  display: block !important;

}

.hiw-tour-band .demopanel .chrome span {

  font-family: var(--mono, monospace) !important;

  font-size: 0.78rem !important;

  color: #F6F3EA !important;

  margin-left: 10px !important;

  letter-spacing: 0.04em !important;

}

.hiw-tour-band .demopanel .stagearea {

  display: grid !important;

  grid-template-columns: 1fr auto !important;

  gap: 36px !important;

  align-items: center !important;

  padding: clamp(32px, 5vw, 54px) !important;

  background: #F6F3EA !important;

  color: #16140F !important;

}

@media (max-width: 800px) {

  .hiw-tour-band .demopanel .stagearea {

    grid-template-columns: 1fr !important;

    text-align: center !important;

  }

  .hiw-tour-band .demopanel .playwrap {

    margin-top: 12px !important;

  }

}

.hiw-tour-band .demopanel .who {

  font: 600 11.5px/1 var(--mono, monospace) !important;

  letter-spacing: 0.08em !important;

  color: #7A4E0B !important;

  text-transform: uppercase !important;

  display: inline-block !important;

  margin-bottom: 8px !important;

}

.hiw-tour-band .demopanel h3 {

  margin: 8px 0 10px !important;

  font-size: clamp(1.3rem, 2.8vw, 1.65rem) !important;

  font-weight: 700 !important;

  color: #16140F !important;

  line-height: 1.25 !important;

}

.hiw-tour-band .demopanel p {

  color: #5A5650 !important;

  font-size: 1rem !important;

  line-height: 1.5 !important;

  margin: 0 !important;

}

.hiw-tour-band .demopanel .playwrap {

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  gap: 12px !important;

}

.hiw-tour-band .demopanel .play {

  width: 92px !important;

  height: 92px !important;

  border-radius: 50% !important;

  background: #16140F !important;

  border: none !important;

  cursor: pointer !important;

  display: grid !important;

  place-items: center !important;

  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25) !important;

  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;

}

.hiw-tour-band .demopanel .play:hover {

  background: #E8A33D !important;

  transform: scale(1.06) !important;

  box-shadow: 0 14px 32px rgba(232, 163, 61, 0.35) !important;

}

.hiw-tour-band .demopanel .play svg {

  margin-left: 4px !important;

}

.hiw-tour-band .demopanel .playwrap small {

  font-family: var(--mono, monospace) !important;

  font-size: 0.78rem !important;

  color: #5A5A56 !important;

  text-align: center !important;

  line-height: 1.45 !important;

}



.hiw-tour-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 840px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.hiw-tour-copy .eyebrow {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto 8px auto !important;
  text-align: center !important;
}
.hiw-tour-copy h2 {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto 14px auto !important;
  text-align: center !important;
}
.hiw-tour-copy .lede {
  width: 100% !important;
  max-width: 780px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.hiw-queue-pv .pv-intro {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hiw-tour-note {

  text-align: center !important;

  margin-top: 14px !important;

  color: rgba(255, 255, 255, 0.65) !important;

}



/* Universal inline text links in Moustr brand orange */

main .band p a:not(.button):not(.text-link):not(.play),

main .measure p a:not(.button):not(.text-link):not(.play),

main .copy p a:not(.button):not(.text-link):not(.play),

main .pv p a:not(.button):not(.text-link):not(.play),

main .anim-pair-copy a:not(.button):not(.text-link) {

  color: var(--orange, #E8A33D) !important;

  text-decoration: underline;

  text-underline-offset: 3px;

  transition: color 0.15s ease;

}

main .band p a:not(.button):not(.text-link):not(.play):hover,

main .measure p a:not(.button):not(.text-link):not(.play):hover,

main .copy p a:not(.button):not(.text-link):not(.play):hover,

main .pv p a:not(.button):not(.text-link):not(.play):hover,

main .anim-pair-copy a:not(.button):not(.text-link):hover {

  color: #f59e0b !important;

}


/* ==========================================================================
   WHO IT'S FOR: WERE YOU ASKED CARDS (#wif-asked)
   ========================================================================== */
#wif-asked {
  padding-top: 48px !important;
  padding-bottom: 56px !important;
}
#wif-asked .wif-measure {
  max-width: 1100px !important;
}
#wif-asked h2 {
  font-size: clamp(26px, 3.2vw, 36px) !important;
  line-height: 1.2 !important;
  color: #FFFFFF !important;
  margin: 0 0 14px 0 !important;
}
#wif-asked > .wif-measure > p {
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  max-width: 820px !important;
  margin-bottom: 32px !important;
}
.wif-ask {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin: 32px 0 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
@media (max-width: 860px) {
  .wif-ask {
    grid-template-columns: 1fr !important;
  }
}
.wif-ask > li {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 24px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  transition: border-color 0.2s ease, transform 0.2s ease !important;
}
.wif-ask > li:hover {
  border-color: rgba(232, 163, 61, 0.35) !important;
  transform: translateY(-2px) !important;
}
.wif-ask h3 {
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  margin: 0 0 14px 0 !important;
  letter-spacing: -0.01em !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.wif-ask p {
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  margin: 0 !important;
}
.wif-ask [data-copy="q-lead"] {
  font-weight: 600 !important;
  color: #FFFFFF !important;
  margin-bottom: 10px !important;
}
.wif-ask ol {
  margin: 0 0 16px 0 !important;
  padding-left: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.wif-ask ol li {
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.88) !important;
}
.wif-ask [data-copy="q-close"] {
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  font-size: 0.86rem !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.6) !important;
}


/* ==========================================================================
   MASTER ENTERPRISE SPACING RHYTHM (Moustr Stance)
   Calibrated vertical spacing allowing concepts to settle and breathe
   ========================================================================== */

/* 1. Core Top 3 Pages: Home, How It Works, Who It's For */
@media (min-width: 881px) {
  /* Homepage scenes & clusters */
  body.m6-home .story-scene:not(#story-open) {
    padding-top: 92px !important;
    padding-bottom: 72px !important;
  }
  body.m6-home #detail {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  body.m6-home #responsibility {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }

  /* How It Works bands & centerpiece */
  body.m6-hiw .band:not(:first-of-type) {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  body.m6-hiw .hiw-four-layers-band {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  body.m6-hiw .pv.hiw-queue-pv {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }

  /* Who It's For sections & product view */
  body[data-page="who-its-for"] .wif-section:not(#wif-hero) {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
    margin-top: 0 !important;
  }
  body[data-page="who-its-for"] .pv.wif-roles-pv {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }

  /* Universal Band Breaks */
  .band-break {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  /* Section Intro Headers */
  .cluster-intro, .hiw-layers-header, .pv-intro {
    margin-bottom: 44px !important;
  }

  /* 2. Navigation & Feature Pages: Pricing, Reports, 7-Day, Tools, Trust */
  .mpr57-section {
    padding-block: 84px !important;
  }
  .msrp-section {
    padding-block: 84px !important;
  }
  .mssim-section {
    padding-block: 84px !important;
  }
  .mslc-tool {
    padding-block: 84px !important;
  }
  .sd1388-block {
    padding-block: 84px !important;
  }
  .mssec-section, .mscov-section, .msco-section, .mslg-section {
    padding-block: 84px !important;
  }
  main .block:not(.page-hero) {
    padding-block: 56px 84px !important;
  }
  .page-hero {
    padding-bottom: 64px !important;
  }
}

/* Responsive Mobile / Tablet Spacing */
@media (max-width: 880px) {
  body.m6-home .story-scene:not(#story-open) {
    padding-top: 56px !important;
    padding-bottom: 40px !important;
  }
  body.m6-home #detail, body.m6-home #responsibility {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  body.m6-hiw .band:not(:first-of-type) {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  body[data-page="who-its-for"] .wif-section:not(#wif-hero) {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
    margin-top: 0 !important;
  }
  .band-break {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mpr57-section, .msrp-section, .mssim-section, .mslc-tool, .sd1388-block,
  .mssec-section, .mscov-section, .msco-section, .mslg-section {
    padding-block: 56px !important;
  }
  main .block:not(.page-hero) {
    padding-block: 36px 56px !important;
  }
}