/*
  RoleOne 3DPreneur UI foundation
  One visual grammar for the post-launch homepage components.
*/
:root {
  --roleone-space-1: 8px;
  --roleone-space-2: 12px;
  --roleone-space-3: 18px;
  --roleone-space-4: 24px;
  --roleone-space-5: 32px;
  --roleone-space-6: 48px;
  --roleone-space-7: 72px;
  --roleone-space-8: 112px;
  --roleone-card-radius: 18px;
  --roleone-card-shadow: 0 16px 42px rgba(18, 39, 28, .075);
}

/* Shared type rhythm */
.site-home {
  font-size: 16px;
  text-rendering: optimizeLegibility;
}
.site-home .section { padding: clamp(80px, 9vw, 132px) 0; }
.site-home .section-header { margin-bottom: clamp(36px, 5vw, 64px); }
.site-home h2 { max-width: 860px; font-size: clamp(2.4rem, 4.7vw, 4.35rem); line-height: 1.02; letter-spacing: -.055em; }
.site-home h2 span { color: var(--green); }
.site-home h3 { letter-spacing: -.035em; }
.site-home .lead { max-width: 650px; color: var(--ink-soft); font-size: clamp(1rem, 1.4vw, 1.1rem); line-height: 1.65; }
.site-home .centered .lead { margin-right: auto; margin-left: auto; }
.site-home .eyebrow { margin-bottom: 15px; color: #62756b; font-size: 10px; letter-spacing: .15em; }
.site-home .button { border-radius: 14px; }
.site-home .button-dark-outline { border-color: rgba(255, 255, 255, .38); color: var(--white); background: transparent; }
.site-home .button-dark-outline:hover { border-color: var(--green); background: rgba(255, 255, 255, .08); }
.site-home .section-route::before { opacity: .55; }
.site-home .section-route::after { box-shadow: 0 0 0 6px var(--canvas); }

/* Hero refinements */
.site-home .hero-v2 { padding-top: clamp(88px, 9vw, 132px); }
.site-home .hero-subline { margin: 0 0 14px; color: var(--green-deep); font-family: var(--display); font-size: clamp(1rem, 1.45vw, 1.2rem); font-weight: 700; letter-spacing: -.025em; }
.site-home .hero-confidence { max-width: 520px; margin: 16px 0 0; padding-left: 14px; border-left: 3px solid var(--green); color: var(--ink-soft); font-size: 14px; line-height: 1.55; }
.site-home .hero-actions { max-width: 620px; }
.site-home .hero-actions .button { min-height: 50px; }

/* Hardware and partner strip */
.site-home .hardware-section { background: var(--white); }
.site-home .hardware-layout { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr); gap: clamp(42px, 7vw, 96px); align-items: center; }
.site-home .hardware-image, .site-home .co-manage-image { position: relative; overflow: hidden; border-radius: 20px; background: var(--green-mist); box-shadow: var(--roleone-card-shadow); }
.site-home .hardware-image img { width: 100%; min-height: 470px; object-fit: cover; }
.site-home .image-tag { position: absolute; right: 14px; bottom: 14px; padding: 9px 11px; background: rgba(19, 35, 27, .92); color: var(--white); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.site-home .hardware-copy h2 { margin-bottom: 18px; }
.site-home .hardware-value { display: grid; gap: 4px; width: fit-content; margin: 28px 0; padding: 16px 18px; border-left: 3px solid var(--green); background: var(--green-mist); }
.site-home .hardware-value span, .site-home .hardware-value small { color: var(--slate); font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.site-home .hardware-value strong { color: var(--green-deep); font-family: var(--display); font-size: 1.55rem; letter-spacing: -.05em; }
.site-home .spec-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--line); }
.site-home .spec-grid > div { display: grid; gap: 4px; min-height: 92px; padding: 16px; background: var(--white); }
.site-home .spec-grid b { font-family: var(--display); font-size: 15px; letter-spacing: -.02em; }
.site-home .spec-grid span, .site-home .hardware-note { color: var(--slate); font-size: 11px; line-height: 1.5; }
.site-home .hardware-note { margin: 18px 0 0; }
.site-home .partner-strip { display: grid; grid-template-columns: minmax(260px, .72fr) 1.28fr; gap: 30px; align-items: center; margin-top: 32px; padding: 26px 30px; border: 1px solid var(--line); border-radius: var(--roleone-card-radius); background: #fbfcfa; }
.site-home .partner-strip .eyebrow { margin-bottom: 7px; }
.site-home .partner-strip h3 { margin: 0; font-size: 22px; }
.site-home .partner-responsibilities { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.site-home .partner-responsibilities span { padding: 8px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--white); color: var(--ink-soft); font-size: 11px; font-weight: 700; }

/* AI workforce */
.site-home .one-human { background: #f1f6f1; }
.site-home .workforce-map { display: grid; grid-template-columns: 1.2fr repeat(4, 1fr); gap: 12px; align-items: stretch; }
.site-home .workforce-core { grid-row: span 2; display: flex; flex-direction: column; justify-content: center; min-height: 296px; padding: 28px; border-radius: var(--roleone-card-radius); background: var(--ink); color: var(--white); }
.site-home .workforce-core > span { color: var(--green); font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.site-home .workforce-core strong { margin: 18px 0 14px; font-family: var(--display); font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.03; letter-spacing: -.05em; }
.site-home .workforce-core small { color: rgba(255, 255, 255, .65); font-size: 12px; }
.site-home .ai-role { display: grid; align-content: start; gap: 6px; min-height: 142px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); transition: transform .2s ease, box-shadow .2s ease; }
.site-home .ai-role:hover { transform: translateY(-3px); box-shadow: var(--roleone-card-shadow); }
.site-home .role-initial { display: grid; place-items: center; width: 27px; height: 27px; margin-bottom: 4px; border-radius: 50%; background: var(--green-mist); color: var(--green-deep); font-family: var(--display); font-size: 12px; font-weight: 800; }
.site-home .ai-role b { color: var(--green-deep); font-size: 11px; }
.site-home .ai-role strong { font-family: var(--display); font-size: 14px; letter-spacing: -.02em; }
.site-home .ai-role p { margin: 0; color: var(--slate); font-size: 10px; line-height: 1.45; }
.site-home .ai-membership { display: grid; grid-template-columns: 1.15fr auto minmax(220px, .9fr); gap: 26px; align-items: center; margin-top: 18px; padding: 26px 30px; border-radius: var(--roleone-card-radius); background: var(--white); box-shadow: var(--roleone-card-shadow); }
.site-home .ai-membership .eyebrow { margin-bottom: 8px; }
.site-home .ai-membership h3 { margin: 0; font-size: 24px; }
.site-home .ai-membership p { margin: 8px 0 0; color: var(--slate); font-size: 12px; }
.site-home .membership-value { display: grid; gap: 4px; min-width: 135px; padding: 4px 24px; border-right: 1px solid var(--line); border-left: 1px solid var(--line); text-align: center; }
.site-home .membership-value small { color: var(--slate); font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.site-home .membership-value strong { color: var(--green-deep); font-family: var(--display); font-size: 25px; letter-spacing: -.05em; }
.site-home .membership-value span, .site-home .compliance-note { color: var(--slate); font-size: 11px; line-height: 1.5; }

/* Compare, operating loop and workflow */
.site-home .comparison { background: var(--white); }
.site-home .comparison-grid { display: grid; grid-template-columns: 1fr 68px 1fr; gap: 16px; align-items: stretch; }
.site-home .comparison-card { display: flex; flex-direction: column; min-height: 330px; padding: 30px; border-radius: var(--roleone-card-radius); }
.site-home .comparison-card.traditional { border: 1px solid var(--line); background: #f8faf7; }
.site-home .comparison-card.roleone { background: var(--ink); color: var(--white); }
.site-home .card-kicker { margin: 0 0 18px; color: var(--green-deep); font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.site-home .roleone .card-kicker { color: var(--green); }
.site-home .comparison-card h3 { margin: 0; font-size: 28px; line-height: 1.08; }
.site-home .comparison-card > p:last-child { margin: auto 0 0; padding-top: 22px; color: var(--slate); font-size: 13px; line-height: 1.6; }
.site-home .roleone > p:last-child { color: rgba(255,255,255,.65); }
.site-home .team-stack { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.site-home .team-stack span, .site-home .company-equation span { padding: 8px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-soft); background: var(--white); font-size: 11px; font-weight: 700; }
.site-home .company-equation { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 24px; }
.site-home .company-equation span { border-color: rgba(255,255,255,.2); color: var(--white); background: rgba(255,255,255,.08); }
.site-home .company-equation i { color: var(--green); font-size: 20px; font-style: normal; }
.site-home .versus { display: grid; place-items: center; align-self: center; width: 52px; height: 52px; margin: auto; border-radius: 50%; background: var(--green); color: var(--white); font-family: var(--display); font-size: 14px; font-weight: 800; }
.site-home .ecosystem-loop { background: #f3f8f3; }
.site-home .loop-flow { display: flex; align-items: stretch; gap: 10px; margin-top: 44px; }
.site-home .loop-flow > i { align-self: center; color: var(--green); font-size: 20px; font-style: normal; }
.site-home .loop-item { flex: 1; display: grid; gap: 7px; min-width: 0; padding: 18px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); }
.site-home .loop-item b { color: var(--green-deep); font-size: 10px; letter-spacing: .13em; }
.site-home .loop-item strong { font-family: var(--display); font-size: 14px; line-height: 1.15; }
.site-home .loop-item small { color: var(--slate); font-size: 10px; line-height: 1.35; }
.site-home .digital-layer { display: grid; grid-template-columns: auto 1fr minmax(250px, .9fr); gap: 20px; align-items: center; margin-top: 16px; padding: 17px 20px; border-left: 3px solid var(--green); background: var(--white); }
.site-home .layer-kicker { color: var(--green-deep); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.site-home .digital-layer strong { font-family: var(--display); font-size: 16px; }
.site-home .digital-layer p { margin: 0; color: var(--slate); font-size: 11px; line-height: 1.55; }
.site-home .workflow { background: var(--ink); color: var(--white); }
.site-home .workflow-layout { display: grid; grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr); gap: clamp(40px, 7vw, 90px); align-items: start; }
.site-home .workflow .eyebrow { color: rgba(255,255,255,.58); }
.site-home .workflow .lead { color: rgba(255,255,255,.67); }
.site-home .operator-badge { display: grid; gap: 4px; margin-top: 28px; padding: 16px 18px; border-left: 3px solid var(--green); background: rgba(255,255,255,.08); }
.site-home .operator-badge span, .site-home .operator-badge small { color: rgba(255,255,255,.52); font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.site-home .operator-badge strong { color: var(--white); font-family: var(--display); font-size: 17px; }
.site-home .workflow-steps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin: 0; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: var(--roleone-card-radius); list-style: none; background: rgba(255,255,255,.14); }
.site-home .workflow-steps li { display: grid; grid-template-columns: 38px 1fr; gap: 14px; min-height: 126px; padding: 20px; background: rgba(255,255,255,.04); }
.site-home .workflow-steps li > span { color: var(--green); font-family: var(--display); font-size: 12px; font-weight: 800; }
.site-home .workflow-steps h3 { margin: 0 0 6px; color: var(--white); font-size: 15px; }
.site-home .workflow-steps p { margin: 0; color: rgba(255,255,255,.76); font-size: 12px; font-weight: 700; }
.site-home .workflow-steps small { display: block; margin-top: 6px; color: rgba(255,255,255,.48); font-size: 10px; line-height: 1.4; }
.site-home .workflow-steps .human-step { background: rgba(19,184,102,.16); }
.site-home .workflow-note { margin-top: 18px; padding: 16px 20px; border: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.67); font-size: 12px; line-height: 1.55; }

/* Journey simulator and co-management */
.site-home .customer-journey { background: var(--white); }
.site-home .journey-simulator { display: grid; grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr); overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--white); box-shadow: var(--roleone-card-shadow); }
.site-home .journey-scenario-picker { padding: 30px; background: #f3f8f3; }
.site-home .journey-console-label, .site-home .journey-eyebrow { margin: 0; color: var(--green-deep); font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.site-home .journey-scenario-picker h3 { margin: 14px 0 10px; font-size: 27px; line-height: 1.1; }
.site-home .journey-scenario-picker > p:not(.journey-console-label) { color: var(--ink-soft); font-size: 12px; line-height: 1.55; }
.site-home .journey-personas { display: grid; gap: 8px; margin-top: 22px; }
.site-home .journey-persona { display: grid; grid-template-columns: 30px 1fr; column-gap: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--white); color: var(--ink); text-align: left; }
.site-home .journey-persona > span { grid-row: span 2; color: var(--green-deep); font-family: var(--display); font-size: 12px; font-weight: 800; }
.site-home .journey-persona strong { font-family: var(--display); font-size: 13px; }
.site-home .journey-persona small { margin-top: 3px; color: var(--slate); font-size: 10px; line-height: 1.35; }
.site-home .journey-persona.active { border-color: var(--green); background: var(--ink); color: var(--white); }
.site-home .journey-persona.active > span { color: var(--green); }
.site-home .journey-persona.active small { color: rgba(255,255,255,.62); }
.site-home .journey-simulator-note { margin-top: 18px !important; padding-top: 16px; border-top: 1px solid var(--line); }
.site-home .journey-console { padding: 30px; }
.site-home .journey-console-top { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.site-home .journey-profile-name { margin: 7px 0 0; font-family: var(--display); font-size: 23px; font-weight: 800; letter-spacing: -.04em; }
.site-home .journey-progress { display: grid; align-content: start; justify-items: end; gap: 3px; color: var(--green-deep); font-family: var(--display); font-size: 20px; font-weight: 800; }
.site-home .journey-progress small { color: var(--slate); font-family: var(--sans); font-size: 9px; letter-spacing: .1em; }
.site-home .journey-playback { display: grid; grid-template-columns: 68px 1fr; gap: 22px; min-height: 205px; padding: 28px 0; }
.site-home .journey-playback-marker { display: grid; align-content: start; gap: 9px; }
.site-home .journey-playback-marker span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--green); color: var(--white); font-family: var(--display); font-weight: 800; }
.site-home .journey-playback-marker p { margin: 0; color: var(--slate); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.site-home .journey-playback-main h3 { margin: 11px 0; font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.1; }
.site-home .journey-playback-main > p:last-child { max-width: 590px; margin: 0; color: var(--ink-soft); font-size: 14px; line-height: 1.6; }
.site-home .journey-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 20px; }
.site-home .journey-details article { min-height: 132px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfa; }
.site-home .journey-details small, .site-home .journey-next-moment small { display: block; color: var(--green-deep); font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.site-home .journey-details p { margin: 9px 0 0; color: var(--ink-soft); font-size: 11px; line-height: 1.52; }
.site-home .journey-details .journey-founder-detail { border-color: #1d3829; background: var(--ink); }
.site-home .journey-details .journey-founder-detail small { color: var(--green); }
.site-home .journey-details .journey-founder-detail p { color: rgba(255,255,255,.76); }
.site-home .journey-next-moment { display: grid; gap: 7px; margin-top: 10px; padding: 14px 16px; border-left: 3px solid var(--green); background: var(--green-mist); }
.site-home .journey-next-moment strong { color: var(--ink); font-family: var(--display); font-size: 14px; line-height: 1.35; letter-spacing: -.02em; }
.site-home .journey-stage-tabs { display: grid; grid-template-columns: repeat(6, 1fr); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.site-home .journey-stage { display: grid; gap: 4px; min-height: 58px; padding: 8px 5px; border: 0; border-right: 1px solid var(--line); background: var(--white); color: var(--slate); text-align: center; }
.site-home .journey-stage:last-child { border-right: 0; }
.site-home .journey-stage span { color: inherit; font-size: 9px; font-weight: 800; }
.site-home .journey-stage strong { font-size: 10px; }
.site-home .journey-stage.active { background: var(--ink); color: var(--white); }
.site-home .journey-console-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; }
.site-home .journey-nav-button { min-height: 44px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); color: var(--ink); font-size: 12px; font-weight: 800; }
.site-home .journey-nav-button.primary { background: var(--green); border-color: var(--green); color: var(--white); }
.site-home .co-manage { background: #f3f8f3; }
.site-home .co-manage-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(42px, 7vw, 90px); align-items: center; }
.site-home .co-manage-image img { display: block; width: 100%; min-height: 470px; object-fit: cover; }
.site-home .co-manage-content h2 { margin-bottom: 18px; }
.site-home .responsibility-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 28px; }
.site-home .responsibility-grid article { padding: 20px; border-radius: 14px; background: var(--white); }
.site-home .responsibility-grid article:nth-child(2) { background: var(--ink); color: var(--white); }
.site-home .responsibility-grid p { margin: 0 0 14px; color: var(--green-deep); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.site-home .responsibility-grid article:nth-child(2) p { color: var(--green); }
.site-home .responsibility-grid ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.site-home .responsibility-grid li { color: var(--ink-soft); font-size: 12px; line-height: 1.45; }
.site-home .responsibility-grid article:nth-child(2) li { color: rgba(255,255,255,.72); }
.site-home .responsibility-grid li::before { content: '•'; margin-right: 7px; color: var(--green); }
.site-home .legal-note { margin-top: 14px; padding: 14px 16px; border-left: 3px solid var(--green); color: var(--slate); font-size: 11px; line-height: 1.55; }

/* Portfolio, training, membership and support */
.site-home .products { background: var(--white); }
.site-home .portfolio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.site-home .portfolio-grid .portfolio-card { min-height: 0; padding: 22px; border: 1px solid var(--line); border-radius: var(--roleone-card-radius); background: #fbfcfa; }
.site-home .portfolio-grid .portfolio-image { width: calc(100% + 44px); height: 205px; margin: -22px -22px 19px; border-bottom: 1px solid var(--line); object-fit: cover; }
.site-home .portfolio-grid b { display: block; color: var(--green-deep); font-size: 10px; letter-spacing: .12em; }
.site-home .portfolio-grid h3 { margin: 12px 0 8px; font-size: 21px; line-height: 1.12; }
.site-home .portfolio-grid p { margin: 0; color: var(--slate); font-size: 12px; line-height: 1.55; }
.site-home .bootcamp { background: #f3f8f3; }
.site-home .bootcamp-grid { display: grid; grid-template-columns: 1fr 1fr minmax(250px, .82fr); gap: 14px; }
.site-home .bootcamp-grid article, .site-home .bootcamp-grid aside { min-height: 310px; padding: 26px; border-radius: var(--roleone-card-radius); background: var(--white); }
.site-home .bootcamp-grid aside { display: flex; flex-direction: column; background: var(--ink); color: var(--white); }
.site-home .week-label, .site-home .bootcamp-grid aside > span { color: var(--green-deep); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.site-home .bootcamp-grid h3 { margin: 18px 0; font-size: 26px; line-height: 1.1; }
.site-home .bootcamp-grid ul { display: grid; gap: 8px; margin: 0; padding-left: 17px; color: var(--ink-soft); font-size: 12px; line-height: 1.45; }
.site-home .bootcamp-grid aside > span { color: var(--green); }
.site-home .bootcamp-grid aside strong { margin: 18px 0 12px; font-family: var(--display); font-size: 28px; line-height: 1.05; letter-spacing: -.04em; }
.site-home .bootcamp-grid aside p { margin: auto 0 0; color: rgba(255,255,255,.6); font-size: 11px; line-height: 1.55; }
.site-home .marketplace { background: var(--white); }
.site-home .marketplace-layout, .site-home .support-layout { display: grid; grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr); gap: clamp(42px, 8vw, 100px); align-items: center; }
.site-home .marketplace-price, .site-home .support-value { display: grid; gap: 4px; width: fit-content; margin-top: 28px; padding: 16px 18px; border-left: 3px solid var(--green); background: var(--green-mist); }
.site-home .marketplace-price strong, .site-home .support-value strong { color: var(--green-deep); font-family: var(--display); font-size: 28px; letter-spacing: -.05em; }
.site-home .marketplace-price span, .site-home .support-value span { color: var(--slate); font-size: 11px; }
.site-home .marketplace-list, .site-home .support-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--roleone-card-radius); background: var(--line); }
.site-home .marketplace-list > span, .site-home .support-grid > span { min-height: 72px; padding: 17px; background: var(--white); color: var(--ink-soft); font-size: 12px; font-weight: 700; line-height: 1.4; }
.site-home .marketplace-list > span::before, .site-home .support-grid > span::before { content: '✓'; margin-right: 8px; color: var(--green-deep); }
.site-home .marketplace-list p, .site-home .support-grid p { grid-column: 1 / -1; margin: 0; padding: 15px 17px; background: #f8faf7; color: var(--slate); font-size: 11px; line-height: 1.55; }
.site-home .support-section { background: #f3f8f3; }

/* Package, payment and economic tools */
.site-home .new-allocation { border-top-width: 3px; }
.site-home .highlight-allocation { background: linear-gradient(90deg, rgba(19,184,102,.08), transparent); }
.site-home .package-footnote { display: grid; grid-template-columns: auto 1fr; column-gap: 18px; row-gap: 5px; margin-top: 26px; padding: 17px 20px; border-left: 3px solid var(--green); background: #f3f8f3; }
.site-home .package-footnote strong { color: var(--green-deep); font-family: var(--display); font-size: 14px; }
.site-home .package-footnote span, .site-home .package-footnote p { color: var(--slate); font-size: 11px; line-height: 1.5; }
.site-home .package-footnote p { grid-column: 1 / -1; margin: 6px 0 0; }
.site-home .finance-simulation { border-radius: var(--roleone-card-radius); }
.site-home .economics-simulator { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr); overflow: hidden; border: 1px solid var(--line); border-radius: var(--roleone-card-radius); background: var(--white); }
.site-home .sim-controls { display: grid; gap: 0; }
.site-home .sim-controls label { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; padding: 18px 20px; border-bottom: 1px solid var(--line); color: var(--ink-soft); font-size: 12px; font-weight: 700; }
.site-home .sim-controls label:last-child { border-bottom: 0; }
.site-home .sim-controls output { color: var(--green-deep); font-family: var(--display); font-size: 14px; }
.site-home .sim-controls input { grid-column: 1 / -1; width: 100%; accent-color: var(--green); }
.site-home .sim-result { display: flex; flex-direction: column; justify-content: center; padding: 28px; background: var(--ink); color: var(--white); }
.site-home .sim-result > span { color: rgba(255,255,255,.58); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.site-home .sim-result > strong { margin: 10px 0; color: var(--green); font-family: var(--display); font-size: clamp(2rem, 3vw, 3rem); letter-spacing: -.06em; }
.site-home .sim-result > strong.negative { color: #ff9a88; }
.site-home .sim-result > p { margin: 0; color: rgba(255,255,255,.6); font-size: 11px; line-height: 1.55; }
.site-home .sim-metrics { display: grid; gap: 6px; margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.62); font-size: 11px; }
.site-home .sim-metrics b { color: var(--white); }
.site-home .finance-amount { display: grid; gap: 6px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.site-home .finance-amount span { color: var(--slate); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.site-home .finance-amount strong { color: var(--green-deep); font-family: var(--display); font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.06em; }
.site-home .finance-amount p { margin: 0; color: var(--slate); font-size: 11px; }
.site-home .qualification-list.seven { grid-template-columns: repeat(4, 1fr); }

/* Finish and footer */
.site-home .final-cta .cta-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.site-home .final-cta .cta-main .eyebrow { color: rgba(255,255,255,.55); }
.site-home .footer { padding: 34px 0; }
.site-home .footer-inner { gap: 30px; }

/* Campaign gets the same type and spacing cadence without overriding its visual identity. */
.campaign-page .section { padding: clamp(76px, 8vw, 120px) 0; }
.campaign-page .section-header { margin-bottom: clamp(34px, 4vw, 58px); }
.campaign-page .section-header h2 { letter-spacing: -.055em; }
.campaign-page .campaign-hero { padding-top: clamp(108px, 10vw, 156px); }
.campaign-page .campaign-hero-grid { align-items: center; }
.campaign-page .campaign-hero-media { overflow: hidden; border-radius: var(--roleone-card-radius); box-shadow: var(--roleone-card-shadow); }
.campaign-page .campaign-count-card { border-radius: 12px; box-shadow: var(--roleone-card-shadow); }
.campaign-page .print-gallery-grid figure { border-radius: 14px; }
.campaign-page .readiness-panel, .campaign-page .campaign-cta-note { border-radius: var(--roleone-card-radius); }

/* Responsive consolidation */
@media (max-width: 1020px) {
  .site-home .workforce-map { grid-template-columns: repeat(3, 1fr); }
  .site-home .workforce-core { grid-column: span 3; grid-row: auto; min-height: 170px; }
  .site-home .ai-membership { grid-template-columns: 1fr 1fr; }
  .site-home .compliance-note { grid-column: 1 / -1; }
  .site-home .bootcamp-grid { grid-template-columns: 1fr 1fr; }
  .site-home .bootcamp-grid aside { grid-column: 1 / -1; min-height: auto; }
  .site-home .loop-flow { display: grid; grid-template-columns: repeat(3, 1fr); }
  .site-home .loop-flow > i { display: none; }
}

@media (max-width: 800px) {
  .site-home .section { padding: 78px 0; }
  .site-home .site-header .nav { gap: 8px; }
  .site-home .site-header .nav-actions { gap: 8px; margin-left: auto; }
  .site-home .site-header .nav-actions .text-link { display: none !important; }
  .site-home .site-header .button-small { min-height: 42px; padding: 8px 11px; font-size: 11px; }
  .site-home .site-header .language-toggle { min-width: 38px; height: 42px; }
  .site-home .site-header .mobile-menu { display: inline-grid !important; flex: 0 0 44px; place-items: center; }
  .site-home .hero-content, .site-home .section-intro, .site-home .journey-heading, .site-home .package-anchor, .site-home .finance-copy { padding-left: 22px; }
  .site-home .hero-v2 { padding-top: 68px; }
  .site-home .hero h1 { font-size: clamp(2.9rem, 14vw, 4rem); }
  .site-home .hero-actions { display: grid; grid-template-columns: 1fr; }
  .site-home .hero-actions .button { width: 100%; }
  .site-home .hardware-layout, .site-home .workflow-layout, .site-home .journey-simulator, .site-home .co-manage-layout, .site-home .marketplace-layout, .site-home .support-layout, .site-home .economics-simulator { grid-template-columns: 1fr; }
  .site-home .hardware-image img, .site-home .co-manage-image img { min-height: 330px; }
  .site-home .partner-strip { grid-template-columns: 1fr; padding: 22px; }
  .site-home .partner-responsibilities { justify-content: flex-start; }
  .site-home .workforce-map { grid-template-columns: repeat(2, 1fr); }
  .site-home .workforce-core { grid-column: span 2; }
  .site-home .ai-membership { grid-template-columns: 1fr; }
  .site-home .membership-value { justify-items: start; padding: 0; border: 0; text-align: left; }
  .site-home .comparison-grid { grid-template-columns: 1fr; }
  .site-home .versus { margin: -2px auto; }
  .site-home .comparison-card { min-height: auto; }
  .site-home .loop-flow { grid-template-columns: 1fr 1fr; }
  .site-home .digital-layer { grid-template-columns: 1fr; gap: 8px; }
  .site-home .workflow-steps { grid-template-columns: 1fr; }
  .site-home .journey-scenario-picker, .site-home .journey-console { padding: 24px; }
  .site-home .journey-details { grid-template-columns: 1fr; }
  .site-home .journey-details article { min-height: auto; }
  .site-home .journey-stage-tabs { grid-template-columns: repeat(3, 1fr); }
  .site-home .journey-stage:nth-child(3) { border-right: 0; }
  .site-home .journey-stage:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .site-home .responsibility-grid { grid-template-columns: 1fr; }
  .site-home .portfolio-grid, .site-home .bootcamp-grid { grid-template-columns: 1fr; }
  .site-home .portfolio-grid .portfolio-image { height: 220px; }
  .site-home .marketplace-list, .site-home .support-grid { grid-template-columns: 1fr; }
  .site-home .marketplace-list p, .site-home .support-grid p { grid-column: auto; }
  .site-home .package-footnote { grid-template-columns: 1fr; }
  .site-home .package-footnote p { grid-column: auto; }
  .site-home .economics-simulator { margin-top: 20px; }
  .site-home .sim-result { min-height: 250px; }
  .site-home .qualification-list.seven { grid-template-columns: 1fr 1fr; }
  .campaign-page .campaign-hero { padding-top: 92px; }
  .campaign-page .site-header .nav { gap: 8px; }
  .campaign-page .site-header .nav-actions { gap: 8px; margin-left: auto; }
  .campaign-page .site-header .nav-actions .text-link { display: none !important; }
  .campaign-page .site-header .button-small { min-height: 42px; max-width: 88px; padding: 8px 10px; font-size: 11px; line-height: 1.1; text-align: center; white-space: normal; }
  .campaign-page .site-header .language-toggle { min-width: 38px; height: 42px; }
  .campaign-page .site-header .mobile-menu { display: inline-grid !important; flex: 0 0 44px; place-items: center; }
}

@media (max-width: 480px) {
  .site-home h2 { font-size: clamp(2.15rem, 11vw, 2.85rem); }
  .site-home .container { width: min(100% - 28px, 620px); }
  .site-home .brand-type { font-size: 14px; }
  .site-home .hero-content { padding-left: 20px; }
  .site-home .hero-subline { font-size: 15px; }
  .site-home .spec-grid, .site-home .loop-flow, .site-home .workforce-map { grid-template-columns: 1fr; }
  .site-home .workforce-core { grid-column: auto; }
  .site-home .journey-playback { grid-template-columns: 1fr; gap: 14px; }
  .site-home .journey-playback-marker { grid-template-columns: 46px 1fr; align-items: center; }
  .site-home .journey-console-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .site-home .journey-nav-button { font-size: 11px; }
  .site-home .loop-item { min-height: 104px; }
  .site-home .payment-actions .button { min-width: 0; }
}