/* VirgoX / contemporary concrete, carbon and selective glass.
   Section presentation only: original IDs, data hooks and layouts are retained. */
:is(#ghost-period, #scenarios, #client-voices, #case-studies, #shift, #roadmap,
    #components, #industries, #diagnosis, #founder, .build-close) {
  color: var(--vx-carbon, #141518);
  background-color: var(--vx-concrete, #eef0f2);
  background-image: linear-gradient(rgba(20,21,24,.045) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(20,21,24,.045) 1px, transparent 1px);
  background-size: 80px 80px;
  border-color: rgba(20,21,24,.1);
}
:is(#ghost-period, #scenarios, #client-voices, #case-studies, #shift, #roadmap,
    #components, #industries, #diagnosis, #founder, #ownership, #booking, .build-close) h2 {
  font-family: var(--display-font);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.06;
}
:is(#ghost-period, #scenarios, #client-voices, #case-studies, #shift, #roadmap,
    #components, #industries, #diagnosis, #founder, #ownership, #booking, .build-close) h3 {
  font-family: var(--display-font);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.14;
}
:is(#ghost-period, #scenarios, #client-voices, #case-studies, #shift, #roadmap,
    #components, #industries, #diagnosis, #founder, #ownership, #booking, .build-close) p {
  font-weight: 400;
}
:is(.lead-simulator, .booking-proof, .lead-evidence-story, .testimonial-voice,
    .objection-answer, .objection-math, .checkpoint, .bento-card, .quiz-shell,
    .founder-metric, .build-live-mark) {
  border: 1px solid rgba(20,21,24,.12);
  border-radius: 20px;
  background: rgba(255,255,255,.64);
  box-shadow: 0 1px 1px rgba(255,255,255,.8) inset, 0 12px 42px rgba(20,21,24,.035);
}
/* The simulator reads as a restrained operating interface. */
#ghost-period .problem-intro-copy mark {
  color: var(--vx-earth, #713b2b);
  background: transparent;
  font-weight: 500;
  box-shadow: none;
}
#ghost-period .lead-simulator { overflow: hidden; }
#ghost-period .simulator-toolbar { background: rgba(255,255,255,.32); border-color: rgba(20,21,24,.1); }
#ghost-period .scenario-tabs button,
#ghost-period .handling-switch button {
  border: 1px solid rgba(20,21,24,.13);
  border-radius: 10px;
  background: rgba(255,255,255,.6);
  color: var(--vx-carbon);
  box-shadow: none;
  font-weight: 500;
}
#ghost-period .scenario-tabs button[aria-current="true"],
#ghost-period .scenario-tabs button[aria-pressed="true"],
#ghost-period .handling-switch button[aria-current="true"],
#ghost-period .handling-switch button[aria-pressed="true"] {
  background: var(--vx-carbon);
  color: #fff;
  border-color: var(--vx-carbon);
}
#ghost-period .scenario-tabs button i { color: var(--vx-orange); font-weight: 400; }
#ghost-period .scenario-brief,
#ghost-period .operational-feed,
#ghost-period .scenario-result,
#ghost-period .scenario-outcome,
#ghost-period .booking-graph,
#ghost-period .booking-summary {
  background: transparent;
  border-color: rgba(20,21,24,.12);
  box-shadow: none;
}
#ghost-period .feed-header { background: rgba(20,21,24,.035); border-color: rgba(20,21,24,.12); }
#ghost-period .feed-row { border-color: rgba(20,21,24,.1); }
#ghost-period .feed-final { background: rgba(20,21,24,.035); border-color: rgba(20,21,24,.12); }
#ghost-period .summary-gain strong { font-weight: 500; letter-spacing: -.055em; }
#ghost-period .summary-gain strong::after,
#ghost-period .booking-summary dd span::after { display: none; }
#ghost-period .annual-impact strong { color: var(--vx-earth); }
#ghost-period .lead-evidence-story { overflow: hidden; }
#ghost-period .lead-evidence-story::before { width: 72px; height: 2px; }
#ghost-period .evidence-study,
#ghost-period .evidence-self-check { background: rgba(255,255,255,.24); border-color: rgba(20,21,24,.12); }
#ghost-period .evidence-ratio { border-color: rgba(20,21,24,.12); }
#ghost-period .evidence-ratio strong { font-weight: 500; letter-spacing: -.06em; }
#ghost-period .evidence-route { background: rgba(255,255,255,.4); border-color: rgba(20,21,24,.1); border-radius: 12px; }
#ghost-period .evidence-route article { border-color: rgba(20,21,24,.1); }
#ghost-period .evidence-route article:last-child { background: rgba(255,90,31,.055); }
#ghost-period .self-check-options button { border-radius: 9px; box-shadow: none; font-weight: 500; }
/* Opaque enough to remain legible as the existing sticky cards overlap. */
#scenarios .scenario,
#scenarios .scenario-reverse {
  border: 1px solid rgba(20,21,24,.12);
  border-radius: 22px;
  background: rgba(247,249,250,.97);
  box-shadow: 0 20px 50px rgba(20,21,24,.055);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
#scenarios .scenario-copy > .mono-label {
  color: var(--vx-earth);
  border-color: rgba(20,21,24,.12);
  background: rgba(20,21,24,.035);
  border-radius: 9px;
  font-weight: 400;
}
#scenarios .scenario-reason { border-color: rgba(20,21,24,.12); }
#scenarios .scenario-sticky-tags span { border-radius: 7px; background: rgba(255,255,255,.55); border-color: rgba(20,21,24,.12); }
#scenarios .scenario-video,
#scenarios .handoff-preview,
#scenarios .whatsapp-conversation-preview {
  border-radius: 14px;
  border-color: rgba(20,21,24,.12);
  box-shadow: none;
}
#scenarios .handoff-preview,
#scenarios .whatsapp-conversation-preview { background: rgba(255,255,255,.6); }
#scenarios .handoff-preview-heading,
#scenarios .handoff-preview-footer,
#scenarios .handoff-preview-slide figcaption { background: rgba(239,242,245,.65); border-color: rgba(20,21,24,.12); }
#client-voices .testimonial-voice { padding: clamp(24px,3vw,40px); }
#client-voices .testimonial-voice::before { display: none; }
#client-voices .testimonial-voice figure { border-radius: 12px; overflow: hidden; }
#client-voices blockquote { font-weight: 400; line-height: 1.5; letter-spacing: -.015em; }
#client-voices .testimonial-copy footer strong { font-weight: 500; }
/* Client proof retains the original carousel and gallery. */
#case-studies::before { height: 2px; }
#case-studies .case-studies-intro .eyebrow { color: var(--vx-earth); }
#case-studies .case-carousel {
  border: 1px solid rgba(20,21,24,.12);
  border-radius: 22px;
  background: rgba(255,255,255,.64);
  overflow: hidden;
  box-shadow: 0 16px 50px rgba(20,21,24,.045);
}
#case-studies .case-study-copy { border-color: rgba(20,21,24,.12); }
#case-studies .case-study-kicker span,
#case-studies .case-study-copy h3 { color: var(--vx-carbon); font-weight: 500; }
#case-studies .case-study-kicker em,
#case-studies .case-gap p,
#case-studies .case-buyer-insight p,
#case-studies .case-slide-foot span,
#case-studies .case-slide-foot em,
#case-studies .case-carousel-controls > p { color: #62676e; }
#case-studies .case-study-kicker b,
#case-studies .case-slide-foot strong { font-weight: 500; letter-spacing: -.055em; }
#case-studies .case-gap,
#case-studies .case-carousel-controls { border-color: rgba(20,21,24,.12); }
#case-studies .case-open {
  border: 1px solid rgba(20,21,24,.18);
  border-radius: 9px;
  color: var(--vx-carbon);
  background: rgba(255,255,255,.55);
  font-weight: 500;
}
#case-studies .case-open:hover { background: var(--vx-carbon); color: white; }
#case-studies .case-carousel-arrows button { border-radius: 8px; border-color: rgba(20,21,24,.16); background: transparent; color: var(--vx-carbon); font-weight: 500; }
#case-studies .case-carousel-dots button { border-radius: 7px; border-color: rgba(20,21,24,.15); color: #62676e; }
#case-studies .case-carousel-dots button[aria-current="true"] { border-color: var(--vx-orange); color: var(--vx-earth); background: rgba(255,90,31,.08); }
#case-studies .case-proof-label { background: rgba(20,21,24,.8); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
/* Questions and value calculator share a quiet interface. */
#shift::before,
#shift .objection-answer::before { display: none; }
#shift .objection-tabs button {
  border: 1px solid rgba(20,21,24,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.5);
  color: var(--vx-carbon);
  box-shadow: none;
  transform: none;
  font-weight: 500;
}
#shift .objection-tabs button[aria-selected="true"] { background: var(--vx-carbon); color: #fff; border-color: var(--vx-carbon); }
#shift .objection-answer { padding: clamp(26px,3vw,44px); }
#shift .objection-answer blockquote { font-weight: 500; letter-spacing: -.025em; }
#shift .objection-proof { border-color: rgba(20,21,24,.12); background: rgba(20,21,24,.03); border-radius: 12px; }
#shift .objection-proof a { color: var(--vx-earth); font-weight: 500; }
#shift .objection-math input { background: rgba(255,255,255,.7); border-color: rgba(20,21,24,.16); border-radius: 9px; font-weight: 500; }
#shift .objection-math-result strong { color: var(--vx-earth); font-weight: 500; letter-spacing: -.055em; }
/* Existing path animation, with clean cards instead of offset print shadows. */
#roadmap .checkpoint,
#roadmap .checkpoint.is-roadmap-active,
#roadmap .checkpoint.is-roadmap-hit { background: rgba(255,255,255,.78); box-shadow: 0 16px 40px rgba(20,21,24,.04); }
#roadmap .checkpoint.is-roadmap-active { border-color: rgba(255,90,31,.55); box-shadow: 0 0 0 3px rgba(255,90,31,.045), 0 18px 44px rgba(20,21,24,.06); }
#roadmap .checkpoint > span { font-weight: 400; color: var(--vx-earth); }
#roadmap .checkpoint strong { font-weight: 400; border-color: rgba(20,21,24,.1); }
#roadmap .checkpoint strong b { font-weight: 400; }
#roadmap .roadmap-end { font-weight: 500; letter-spacing: -.045em; }
.roadmap-result { background: var(--vx-carbon); color: #f1f3f5; border: 0; }
.roadmap-result .roadmap-result-back { display: none; }
.roadmap-result .roadmap-result-ribbon { background: transparent; color: #f1f3f5; border: 0; box-shadow: none; transform: none; }
.roadmap-result .roadmap-result-ribbon strong { color: #fff; font-weight: 500; }
.roadmap-result .roadmap-result-ribbon small { color: #b4b8bf; }
.roadmap-result .roadmap-result-label { color: #ff8a5e; }
.roadmap-result .roadmap-result-mark { font-size: 18px; color: var(--vx-orange); }
#components .bento-card,
#components .bento-card.feature { color: var(--vx-carbon); background: rgba(255,255,255,.65); }
#components .bento-card.feature { background: linear-gradient(145deg,rgba(255,90,31,.065),rgba(255,255,255,.78)); }
#components .bento-card h3 { color: var(--vx-carbon); }
#components .bento-card p { color: #62676e; }
#components .bento-card span { color: var(--vx-earth); font-weight: 400; }
#components .bento-card::after { border-radius: 20px; }
/* Two carbon moments establish pace and conversion contrast. */
#ownership,
#booking {
  --ink: #f2f4f6;
  --ink-2: #f2f4f6;
  --muted: #b3b7bd;
  --line: rgba(255,255,255,.14);
  color: #f2f4f6;
  background-color: var(--vx-carbon);
  background-image: radial-gradient(ellipse at 100% 0%,rgba(113,59,43,.28),transparent 65%),
                    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size: auto,80px 80px,80px 80px;
  border-color: rgba(255,255,255,.12);
}
#ownership::before,
#booking::before { display: none; }
#ownership h2,
#ownership h3,
#booking h2 { color: #f2f4f6; }
#ownership .eyebrow,
#booking .eyebrow { color: #ff946e; }
#ownership .ownership-intro,
#ownership .contrast-grid p,
#ownership .pull-quote,
#booking .booking-copy p { color: #b8bdc4; }
#ownership .contrast-grid article,
#ownership .contrast-grid article:nth-child(2) {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  color: #f2f4f6;
  background: rgba(255,255,255,.045);
  box-shadow: 0 1px 0 rgba(255,255,255,.035) inset;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
#ownership .contrast-grid article:nth-child(2) h3 { color: #f2f4f6; }
#ownership .contrast-grid article > span { color: #ff946e; font-weight: 400; }
#ownership .arrow-link { color: #ff946e; font-weight: 500; }
#booking .cal-shell { border-radius: 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); box-shadow: 0 1px 0 rgba(255,255,255,.08) inset,0 20px 60px rgba(0,0,0,.2); background: rgba(255,255,255,.035); }
#industries .fit-list article { border-color: rgba(20,21,24,.12); font-weight: 400; }
#industries .industry-chips span { border-radius: 9px; border: 1px solid rgba(20,21,24,.12); color: var(--vx-carbon); background: rgba(255,255,255,.55); box-shadow: none; font-weight: 400; }
#industries .industry-more { border-radius: 9px; border-color: rgba(20,21,24,.14); box-shadow: none; font-weight: 500; }
#industries .industry-close { color: var(--vx-earth); font-weight: 500; }
#diagnosis .quiz-shell { background: rgba(247,249,250,.93);border:1px solid #ffffffd9;border-radius:22px;box-shadow:0 26px 80px #1415181a,inset 0 1px #fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px); }
#diagnosis .quiz-context input { border-radius: 10px; background: #fff; border-color: rgba(20,21,24,.2); }
#diagnosis .answer-grid button { border-radius: 12px; box-shadow: none; font-weight: 500; }
#diagnosis .diagnosis-motion-band { background: var(--vx-carbon); border-color: rgba(20,21,24,.12); }
#diagnosis .diagnosis-band-track { color: rgba(255,255,255,.16); }
#diagnosis .diagnosis-map-cta { border-radius: 14px; box-shadow: none; }
#founder .founder-portrait-shell { background: rgba(255,255,255,.45); border-radius: 24px; border-color: rgba(20,21,24,.12); box-shadow: none; }
#founder .portrait-frame { border-radius: 20px; }
#founder .founder-metric { background: rgba(255,255,255,.6); border-radius: 12px; }
#founder .founder-metric strong { font-weight: 500; letter-spacing: -.045em; }
#founder .founder-ownership-line { color: var(--vx-earth); font-weight: 500; }
#founder .founder-linkedin { border-radius: 9px; border-color: rgba(20,21,24,.14); box-shadow: none; font-weight: 500; }
.build-close .build-live-mark { background: rgba(255,255,255,.65); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.build-close .build-live-mark strong { font-weight: 500; letter-spacing: -.05em; }
/* Deliberate changes in atmosphere give the long page a visual rhythm. */
#ghost-period {
  background-image: radial-gradient(ellipse at 92% 12%,rgba(255,90,31,.10),transparent 48%),
    linear-gradient(rgba(20,21,24,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,21,24,.04) 1px,transparent 1px);
  background-size: auto,80px 80px,80px 80px;
}
#ghost-period .booking-summary {
  border-radius: 18px;
  background: radial-gradient(ellipse at 100% 0%,rgba(255,90,31,.3),transparent 72%),var(--vx-carbon);
  color: #f2f4f6;
  border-color: rgba(20,21,24,.1);
}
#ghost-period .booking-summary dt,
#ghost-period .booking-summary .summary-gain span,
#ghost-period .booking-summary .revenue-impact span { color: #bfc2c8; }
#ghost-period .booking-summary dd,
#ghost-period .booking-summary .revenue-impact strong { color: #f2f4f6; }
#ghost-period .booking-summary .summary-gain strong,
#ghost-period .booking-summary .annual-impact strong { color: #ff946e; }
#ghost-period .booking-summary .revenue-impact,
#ghost-period .booking-summary .revenue-impact p + p { border-color: rgba(255,255,255,.14); }
#scenarios { background-color: #f8f9fa; }
#client-voices {
  background-image: radial-gradient(ellipse at 0% 100%,rgba(113,59,43,.065),transparent 65%);
  background-size: auto;
}
#case-studies {
  --ink: #f2f4f6;
  --muted: #b3b7bd;
  color: #f2f4f6;
  background-color: var(--vx-carbon);
  background-image: radial-gradient(ellipse at 0% 0%,rgba(255,90,31,.2),transparent 66%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size: auto,80px 80px,80px 80px;
  border-color: rgba(255,255,255,.12);
}
#case-studies .case-studies-intro .eyebrow { color: #ff946e; }
#case-studies .case-carousel {
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset,0 26px 60px rgba(0,0,0,.13);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
#case-studies .case-study-kicker span,
#case-studies .case-study-copy h3 { color: #f2f4f6; }
#case-studies .case-study-kicker em,
#case-studies .case-gap p,
#case-studies .case-buyer-insight p,
#case-studies .case-slide-foot span,
#case-studies .case-slide-foot em,
#case-studies .case-carousel-controls > p { color: #b9bdc4; }
#case-studies .case-study-copy,
#case-studies .case-gap,
#case-studies .case-carousel-controls { border-color: rgba(255,255,255,.15); }
#case-studies .case-open,
#case-studies .case-carousel-arrows button,
#case-studies .case-carousel-dots button {
  color: #f2f4f6;
  background: rgba(255,255,255,.035);
  border-color: rgba(255,255,255,.22);
}
#case-studies .case-open:hover,
#case-studies .case-carousel-arrows button:hover { background: var(--vx-orange); color: #141518; border-color: var(--vx-orange); }
#case-studies .case-carousel-dots button[aria-current="true"] { color: #ff946e; border-color: #ff946e; background: rgba(255,90,31,.12); }
#roadmap {
  background-image: radial-gradient(ellipse at 50% 40%,rgba(255,90,31,.075),transparent 58%),
    linear-gradient(rgba(20,21,24,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,21,24,.045) 1px,transparent 1px);
  background-size: auto,80px 80px,80px 80px;
}
#components { background-color: #f8f9fa; }
#components .bento-card.feature:first-child { background: radial-gradient(ellipse at 100% 0%,rgba(255,90,31,.24),transparent 80%),var(--vx-carbon); color: #f2f4f6; border-color: var(--vx-carbon); }
#components .bento-card.feature:first-child h3 { color: #f2f4f6; }
#components .bento-card.feature:first-child p { color: #bfc2c8; }
#components .bento-card.feature:first-child span { color: #ff946e; }
#founder { background-color: #f8f9fa; }
.build-close { background-image: radial-gradient(ellipse at 50% 100%,rgba(255,90,31,.11),transparent 60%); background-size: auto; }
/* Light refracts across the retained workflow visuals and conversion cards. */
#ownership .contrast-grid article{position:relative;background:linear-gradient(145deg,#ffffff13,#ffffff04);border-color:#ffffff25;box-shadow:inset 0 1px #ffffff1f,0 20px 45px #0002}
#ownership .contrast-grid article::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 0 0,#ff956a12,transparent 70%)}
#booking{background-image:radial-gradient(ellipse at 0 100%,#ff5a1f2e,transparent 60%),radial-gradient(ellipse at 100% 0%,#713b2b77,transparent 65%),linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:auto,auto,80px 80px,80px 80px}
#case-studies .case-carousel-controls{background:#ffffff05}
#case-studies .case-studies-intro .eyebrow{background:#ffffff0a;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff17}
#ghost-period .lead-simulator{background:linear-gradient(125deg,#ffffffbd,#ffffff70);box-shadow:0 22px 65px #713b2b0c,inset 0 1px #fff;backdrop-filter:blur(20px)}
#roadmap .checkpoint{background:linear-gradient(135deg,#ffffffdb,#ffffff8c);border-color:#ffffffee;box-shadow:0 16px 40px #713b2b09,inset 0 1px #fff}
#diagnosis .quiz-intro h2{font-size:clamp(2.7rem,4.6vw,4.7rem);font-weight:400}
#diagnosis .quiz-shell::before{height:2px}
#components .bento-card{transition:transform .35s,box-shadow .35s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  #ownership .contrast-grid article:hover{transform:translateY(-5px);background:linear-gradient(145deg,#ffffff1c,#ffffff08);box-shadow:inset 0 1px #ffffff45,0 28px 60px #0003}
  #components .bento-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #1415180d,inset 0 1px #fff}
}
@media (max-width: 780px) {
  :is(#ghost-period, #scenarios, #client-voices, #case-studies, #shift, #roadmap,
      #components, #industries, #diagnosis, #founder, #ownership, #booking) h2 {
    letter-spacing: -.04em;
  }
  #scenarios .scenario,
  #scenarios .scenario-reverse { border-radius: 16px; }
  #case-studies .case-carousel { border-radius: 16px; }
  #client-voices .testimonial-voice { border-radius: 16px; }
  #ownership .contrast-grid article { border-radius: 14px; }
}
@media (prefers-reduced-transparency: reduce) {
  #scenarios .scenario, #scenarios .scenario-reverse,
  #diagnosis .quiz-shell { backdrop-filter: none; -webkit-backdrop-filter: none; background: #f7f9fa; }
}