/* Product-page refinement inside the approved MVO world.
   Original media and live commercial controls remain the source of truth.
   The hero explains, the demonstration shows, and the offer stays actionable. */
body.mvo-landing-next {
    --px-bg: #090d12;
    --px-surface: #111923;
    --px-ink: #f5f8fc;
    --px-muted: #b4c1d0;
    --px-line: #293441;
    --px-accent: #80b9ff;
}
html[data-mvo-theme="light"] body.mvo-landing-next {
    --px-bg: #fff;
    --px-surface: #f5f8fc;
    --px-ink: #102942;
    --px-muted: #4b6075;
    --px-line: #cad7e5;
    --px-accent: #1769d6;
}
.mvo-landing-next #main-content :is(h1,h2) { text-wrap: balance; }
.mvo-landing-next #main-content :is(p,li) { overflow-wrap: break-word; }
.mvo-landing-next #main-content ::selection { background: #1769d6; color: #fff; }
.mvo-landing-next #main-content [id] { scroll-margin-top: 100px; }

/* Hosting: the photograph lives in one composed stage, never outside its grid. */
.mvo-landing-next #main-content .hosting27_hero::before,
.mvo-landing-next #main-content .hosting27_visual::before { display: none; }
.mvo-landing-next #main-content .hosting27_shell { min-height: 0; gap: 64px; padding-block: 64px; align-items: center; }
.mvo-landing-next #main-content .hosting27_copy { padding: 0; min-width: 0; }
.mvo-landing-next #main-content .hosting27_copy h1 { max-width: 13ch; font-size: clamp(40px,4.2vw,60px); line-height: 1.07; letter-spacing: -.035em; }
.mvo-landing-next #main-content .hosting27_lead { margin: 22px 0 0; max-width: 53ch; font-size: 16px; line-height: 1.75; }
.mvo-landing-next #main-content .hosting27_benefits { gap: 9px; margin-top: 22px; }
.mvo-landing-next #main-content .hosting27_benefits li { font-size: 13px; }
.mvo-landing-next #main-content .hosting27_offer { flex-wrap: wrap; gap: 22px; margin-top: 28px; }
.mvo-landing-next #main-content .hosting27_offer p { flex-wrap: wrap; }
.mvo-landing-next #main-content .hosting27_reassurance { font-size: 11px; line-height: 1.6; }
.mvo-landing-next #main-content .hosting27_visual {
    align-self: center; display: grid; grid-template-rows: auto 1fr auto;
    min-width: 0; min-height: 0; height: 500px; margin: 0; overflow: hidden;
    border-radius: 16px; background: #c6e3f9;
}
.mvo-landing-next #main-content .hosting27_media_heading,
.mvo-landing-next #main-content .hosting27_media_tools {
    position: relative; z-index: 2; display: flex; align-items: center;
    justify-content: space-between; gap: 16px; padding: 20px 24px;
    background: #172c4c; color: #f5f8fc;
}
.mvo-landing-next #main-content .hosting27_media_heading strong { color: #f5f8fc; font-size: 14px; }
.mvo-landing-next #main-content .hosting27_media_heading span { color: #d8e7f9; font-size: 12px; }
.mvo-landing-next #main-content .hosting27_media_heading i { margin-right: 5px; }
.mvo-landing-next #main-content .hosting27_photo_stage { position: relative; inset: auto; display: block; overflow: hidden; min-height: 0; }
.mvo-landing-next #main-content .hosting27_photo_stage img { position: absolute; right: 0; bottom: 0; display: block; width: auto; max-width: none; height: 100%; filter: none; }
.mvo-landing-next #main-content .hosting27_media_tools { justify-content: space-around; padding: 18px 20px; background: #e6f1fb; }
.mvo-landing-next #main-content .hosting27_media_tools span { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #284861; }
.mvo-landing-next #main-content .hosting27_media_tools i { font-size: 16px; color: #1769d6; }
.mvo-landing-next #main-content .hosting27_trust p { padding-block: 24px; }
.mvo-landing-next #main-content .hosting27_trust p span { font-size: 12px; }
.mvo-landing-next #main-content .hosting27_trust strong { font-size: 14px; }
.mvo-landing-next #main-content .hosting27_trust > div > p > i { background: transparent; color: var(--px-accent); }
.mvo-landing-next #main-content .hosting27_journey { padding-block: 80px; gap: 52px; grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); align-items: start; }
.mvo-landing-next #main-content .hosting27_journey_intro h2 { margin-top: 0; font-size: clamp(28px,2.8vw,38px); }
.mvo-landing-next #main-content .hosting27_steps article { padding: 24px 20px 0; min-height: 0; }
.mvo-landing-next #main-content .hosting27_steps h3 { font-size: 16px; margin-top: 24px; }
.mvo-landing-next #main-content .hosting27_steps p { font-size: 13px; line-height: 1.7; }
.mvo-landing-next #main-content .hosting27_steps b { color: var(--px-muted); }
.mvo-landing-next #main-content .hosting27_steps i { font-size: 22px; color: var(--px-accent); }

/* Plan typography, selectors and spacing are shared in commercial-system.css. */
.mvo-landing-next #main-content .hosting27_complete { padding-block: 80px; }
.mvo-landing-next #main-content .hosting27_tool_index h3 { font-size: 16px; }
.mvo-landing-next #main-content .hosting27_tool_index li { font-size: 13px; }
.mvo-landing-next #main-content .hosting27_gallery_tabs button { background: var(--px-bg); border-color: var(--px-line); color: var(--px-muted); }
.mvo-landing-next #main-content .hosting27_gallery_tabs button[aria-selected="true"] { background: #1769d6; color: #fff; border-color: #1769d6; }
.mvo-landing-next #main-content .hosting27_gallery .hosting27_screen { box-shadow: none; }
.mvo-landing-next #main-content .hosting27_gallery .hosting27_complete_visual figcaption { padding: 16px; margin: 0; background: var(--px-surface); }
.mvo-landing-next #main-content .hosting27_capabilities_head > span { display: none; }
.mvo-landing-next #main-content .hosting27_capabilities_list summary { font-size: 17px; }
.mvo-landing-next #main-content .hosting27_capabilities_list details p { font-size: 14px; }

/* Cloud: one readable demonstration, followed by its technology notes. */
.mvo-landing-next #main-content .cloud_hero_mvo { padding-block: 64px; }
.mvo-landing-next #main-content .cloud_hero_mvo_grid { grid-template-columns: minmax(0,1.12fr) minmax(0,1fr); gap: 56px; }
.mvo-landing-next #main-content .cloud_hero_content h1 { font-size: clamp(36px,3.5vw,50px); }
.mvo-landing-next #main-content .cloud_hero_actions { flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.mvo-landing-next #main-content .cloud_hero_checks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 20px; }
.mvo-landing-next #main-content .cloud_hero_visual { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px 24px; min-width: 0; }
.mvo-landing-next #main-content .cloud_dashboard { flex: 0 0 100%; padding: 26px; overflow: hidden; border: 1px solid #cad7e5; background: #f5f8fc; }
.mvo-landing-next #main-content .cloud_dash_top { justify-content: space-between; align-items: baseline; gap: 20px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #cad7e5; }
.mvo-landing-next #main-content .cloud_dash_top strong { font-size: 14px; }
.mvo-landing-next #main-content .cloud_dash_top small { font-size: 10px; }
.mvo-landing-next #main-content .cloud_vm_status { border: 0; border-radius: 0; padding: 0 0 22px; background: transparent; }
.mvo-landing-next #main-content .cloud_os_selector { gap: 6px; }
.mvo-landing-next #main-content .cloud_os_item { min-width: 0; border-radius: 8px; padding: 10px 4px; }
.mvo-landing-next #main-content .cloud_os_item i { font-size: 23px; }
.mvo-landing-next #main-content .cloud_os_item span { font-size: 10px; }
.mvo-landing-next #main-content .cloud_metrics { gap: 0; border-top: 1px solid #cad7e5; margin-top: 24px; }
.mvo-landing-next #main-content .cloud_metric_card { background: transparent; border: 0; border-radius: 0; padding: 20px 14px 12px 0; }
.mvo-landing-next #main-content .cloud_metric_card strong { font-size: 26px; }
.mvo-landing-next #main-content .metric_line { height: 5px; }
.mvo-landing-next #main-content .cloud_float_badge { position: static; transform: none; padding: 0; display: flex; align-items: center; gap: 8px; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: var(--px-muted); font-size: 12px; }
.mvo-landing-next #main-content .cloud_float_epyc { margin-right: auto; order: 0; }
.mvo-landing-next #main-content .cloud_float_epyc img { width: 42px; height: 42px; object-fit: contain; }
html[data-mvo-theme="light"] body.mvo-landing-next #main-content .cloud_float_badge { color: var(--px-muted); }

/* About MVO: photograph and history stay editorial, with no pasted-on labels. */
.mvo-landing-next #main-content .mvo-company-hero { padding-block: 64px 0; }
.mvo-landing-next #main-content .mvo-company-hero-grid { align-items: center; gap: 56px; }
.mvo-landing-next #main-content .mvo-company-overline { display: none; }
.mvo-landing-next #main-content .mvo-company-hero-copy h1 { font-size: clamp(36px,3.6vw,50px); }
.mvo-landing-next #main-content .mvo-company-hero-visual { display: grid; grid-template-columns: 1fr auto; border-radius: 12px; overflow: hidden; background: #172c4c; box-shadow: none; }
.mvo-landing-next #main-content .mvo-company-hero-visual > img { grid-column: 1 / -1; width: 100%; height: 390px; object-fit: cover; }
.mvo-landing-next #main-content .mvo-company-hero-visual > figcaption { position: static; padding: 18px; margin: 0; background: transparent; font-size: 11px; display: flex; align-items: center; }
.mvo-landing-next #main-content .mvo-company-since { position: static; border: 0; border-radius: 0; padding: 16px 20px; background: transparent; color: #f5f8fc; box-shadow: none; }
.mvo-landing-next #main-content .mvo-company-since small { font-size: 10px; color: #b4c1d0; }
.mvo-landing-next #main-content .mvo-company-since strong { font-size: 24px; color: #fff; }
.mvo-landing-next #main-content .mvo-company-commitments { position: static; margin-top: 40px; padding: 0; background: transparent; border-top: 1px solid var(--px-line); }
.mvo-landing-next #main-content .mvo-company-commitments > div { padding: 28px; }
.mvo-landing-next #main-content .mvo-company-commitments > div > span { display: none; }
.mvo-landing-next #main-content .mvo-company-commitments strong { grid-column: 1 / -1; }
.mvo-landing-next #main-content .mvo-company-commitments small { grid-column: 1 / -1; font-size: 12px; }

/* The shared assistance/FAQ belongs to the selected theme on every landing. */
.mvo-landing-next #main-content .suporte_label { display: none; }
.mvo-landing-next #main-content .suporte_visual { background: var(--px-surface); box-shadow: none; padding: 32px; }
.mvo-landing-next #main-content .faq_item button { min-height: 64px; font-size: 16px; line-height: 1.5; padding-block: 18px; }
.mvo-landing-next #main-content .faq_left > span { display: none; }
.mvo-landing-next #main-content .faq_answer { font-size: 14px; line-height: 1.8; }
/* The review widget injects its own white text after load. Keep its content
   legible on the deliberately pale review strip in the white theme. */
html[data-mvo-theme="light"] body.mvo-landing-next #main-content .mvo_review_bar,
html[data-mvo-theme="light"] body.mvo-landing-next #main-content .mvo_review_bar :is(div,span,strong,b,p,a) { color: #102942 !important; }

@media (max-width:1100px) {
    .mvo-landing-next #main-content .hosting27_shell { gap: 36px; }
    .mvo-landing-next #main-content .hosting27_visual { height: 440px; }
    .mvo-landing-next #main-content .hosting27_journey { grid-template-columns: 1fr; gap: 32px; }
    .mvo-landing-next #main-content .hosting27_journey_intro { max-width: 720px; }
    .mvo-landing-next #main-content .cloud_hero_mvo_grid { gap: 32px; }
    .mvo-landing-next #main-content .cloud_hero_checks { grid-template-columns: 1fr; }
}
@media (max-width:900px) {
    .mvo-landing-next #main-content :is(.hosting27_shell,.cloud_hero_mvo_grid,.mvo-company-hero-grid) { grid-template-columns: minmax(0,1fr); }
    .mvo-landing-next #main-content .hosting27_shell { padding-block: 48px; gap: 32px; }
    .mvo-landing-next #main-content .hosting27_copy h1 { max-width: 17ch; }
    .mvo-landing-next #main-content .hosting27_visual { width: 100%; max-width: 620px; height: 460px; justify-self: center; }
    .mvo-landing-next #main-content .cloud_hero_visual { max-width: 640px; width: 100%; justify-self: center; }
    .mvo-landing-next #main-content .cloud_hero_checks { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mvo-landing-next #main-content .mvo-company-hero-visual > img { height: auto; max-height: 480px; }
}
@media (max-width:600px) {
    .mvo-landing-next #main-content :is(.hosting27_copy h1,.cloud_hero_content h1,.mvo-company-hero-copy h1) { font-size: 36px; line-height: 1.12; }
    .mvo-landing-next #main-content .hosting27_visual { height: 370px; }
    .mvo-landing-next #main-content .hosting27_media_heading { padding: 16px; gap: 10px; }
    .mvo-landing-next #main-content .hosting27_media_heading span { font-size: 11px; }
    .mvo-landing-next #main-content .hosting27_media_tools { padding: 16px 12px; gap: 8px; }
    .mvo-landing-next #main-content .hosting27_media_tools span { font-size: 11px; }
    .mvo-landing-next #main-content .hosting27_steps { grid-template-columns: 1fr; }
    .mvo-landing-next #main-content .hosting27_steps article { padding: 24px 32px 24px 42px; border-top: 1px solid var(--px-line); border-right: 0; }
    .mvo-landing-next #main-content .hosting27_steps i { position: absolute; left: 0; top: 26px; }
    .mvo-landing-next #main-content .hosting27_steps h3 { margin-top: 0; }
    .mvo-landing-next #main-content .hosting27_tool_index { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mvo-landing-next #main-content .hosting27_tool_index > section { padding: 24px 12px; }
    .mvo-landing-next #main-content .hosting27_tool_index h3 { font-size: 14px; }
    .mvo-landing-next #main-content .hosting27_tool_index li { font-size: 12px; }
    .mvo-landing-next #main-content .cloud_hero_checks { grid-template-columns: 1fr; }
    .mvo-landing-next #main-content .cloud_dashboard { padding: 18px; }
    .mvo-landing-next #main-content .cloud_vm_status { gap: 12px; }
    .mvo-landing-next #main-content .cloud_vm_status .vm_icon { display: none; }
    .mvo-landing-next #main-content .cloud_dash_top { gap: 12px; }
    .mvo-landing-next #main-content .cloud_metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mvo-landing-next #main-content .mvo-company-hero-visual { grid-template-columns: 1fr; }
    .mvo-landing-next #main-content .mvo-company-since { display: flex; align-items: center; justify-content: space-between; padding-top: 0; }
    .mvo-landing-next #main-content .mvo-company-commitments > div { padding: 22px 0; }
    .mvo-landing-next #main-content .suporte_visual { padding: 16px; }
}