/* Build and Domains extend the MVO service system. The domain form remains
   the real search form, and the Build figure describes content, not an editor. */
html:root body.mvo-landing-next #main-content .service-presence-hero .service-hero-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; }
html:root body.mvo-landing-next #main-content .service-presence-hero h1 { font-size: clamp(38px,3.9vw,56px); }
html:root body.mvo-landing-next #main-content .presence-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 0; }
html:root body.mvo-landing-next #main-content .presence-action,
html:root body.mvo-landing-next #main-content .presence-domain-search .btn_azul { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 14px 22px; color: #fff; background: #1670e5; border: 1px solid #1670e5; border-radius: 8px; box-shadow: none; font-size: 14px; font-weight: 800; line-height: 1.45; text-decoration: none; }
html:root body.mvo-landing-next #main-content .presence-action--secondary { color: var(--service-ink); background: transparent; border-color: var(--service-line); }
html:root body.mvo-landing-next #main-content .presence-action:hover,
html:root body.mvo-landing-next #main-content .presence-domain-search .btn_azul:hover { background: #125ebf; border-color: #125ebf; color: #fff; }
html:root body.mvo-landing-next #main-content .presence-action--secondary:hover { background: var(--mvo-shell-hover); color: var(--service-ink); border-color: var(--service-accent); }
html:root body.mvo-landing-next #main-content .service-presence-hero :is(a,button,input):focus-visible { outline: 3px solid var(--service-accent); outline-offset: 4px; }
html:root body.mvo-landing-next #main-content .presence-offer strong { color: var(--service-ink); font-size: 26px; font-variant-numeric: tabular-nums; }
html:root body.mvo-landing-next #main-content .presence-offer > span { font-size: 12px; }
html:root body.mvo-landing-next #main-content .service-hero-copy .presence-hero-note { margin-top: 24px; font-size: 13px; }

/* The actual search is the visual anchor of Domains. No second pretend search. */
html:root body.mvo-landing-next #main-content .presence-domain-search { min-width: 0; padding: 0; }
html:root body.mvo-landing-next #main-content .presence-domain-search h2 { margin: 0 0 28px; color: var(--service-ink); font-size: 26px; line-height: 1.25; font-weight: 800; }
html:root body.mvo-landing-next #main-content .presence-domain-search .mvo-domains-search-form { padding: 0; gap: 20px; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
html:root body.mvo-landing-next #main-content .presence-domain-search .mvo-domains-search-shell { grid-template-columns: minmax(0,1fr); gap: 12px; }
html:root body.mvo-landing-next #main-content .presence-domain-search label { color: var(--service-muted); font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; }
html:root body.mvo-landing-next #main-content .presence-domain-search input { width: 100%; min-width: 0; height: 58px; padding: 0 18px; color: var(--service-ink); background: var(--service-bg); border: 1px solid var(--service-line); border-radius: 8px; box-shadow: none; font-size: 16px; caret-color: var(--service-accent); }
html:root body.mvo-landing-next #main-content .presence-domain-search input::placeholder { color: var(--service-muted); opacity: 1; }
html:root body.mvo-landing-next #main-content .presence-domain-search input:focus { border-color: var(--service-accent); box-shadow: none; }
html:root body.mvo-landing-next #main-content .presence-domain-search .mvo-domains-tld-picker { gap: 8px; }
html:root body.mvo-landing-next #main-content .presence-domain-search .mvo-domains-tld-pill { min-height: 44px; padding: 10px 16px; border: 1px solid var(--service-line); border-radius: 8px; color: var(--service-muted); background: transparent; }
html:root body.mvo-landing-next #main-content .presence-domain-search .mvo-domains-tld-pill:is(:hover,.is-active) { color: var(--service-ink); border-color: var(--service-accent); background: var(--mvo-shell-hover); }
html:root body.mvo-landing-next #main-content .presence-domain-search .mvo-domains-search-footer { display: grid; gap: 12px; }
html:root body.mvo-landing-next #main-content .presence-domain-search :is(.mvo-domains-search-help,.mvo-domains-selected-note) { color: var(--service-muted); font-size: 12px; line-height: 1.65; }
html:root body.mvo-landing-next #main-content .presence-domain-search .mvo-domains-selected-note strong { color: var(--service-ink); }
html:root body.mvo-landing-next #main-content .presence-domain-search .mvo-domains-hero-points { gap: 8px; margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--service-line); }
html:root body.mvo-landing-next #main-content .presence-domain-search .mvo-domains-hero-points span { align-items: flex-start; color: var(--service-muted); font-size: 12px; line-height: 1.65; }
html:root body.mvo-landing-next #main-content .presence-domain-search .mvo-domains-hero-points i { margin-top: 4px; color: var(--service-accent); }

/* A page anatomy: reading order is represented directly, without mock chrome. */
html:root body.mvo-landing-next #main-content .presence-page-map { margin: 0; min-width: 0; }
html:root body.mvo-landing-next #main-content .presence-page-map > p { margin: 0 0 24px; color: var(--service-ink); font-size: 28px; line-height: 1.2; letter-spacing: -.025em; }
html:root body.mvo-landing-next #main-content .presence-page-map > p strong { color: var(--service-accent); font-weight: 800; }
html:root body.mvo-landing-next #main-content .presence-page-map ol { display: grid; list-style: none; margin: 0; padding: 0; border-block: 1px solid var(--service-line); }
html:root body.mvo-landing-next #main-content .presence-page-map li { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 8px 20px; margin: 0; padding: 24px 0; }
html:root body.mvo-landing-next #main-content .presence-page-map li + li { border-top: 1px solid var(--service-line); }
html:root body.mvo-landing-next #main-content .presence-page-map li > span { grid-row: span 2; color: var(--service-accent); font-size: 12px; font-weight: 700; line-height: 1.7; }
html:root body.mvo-landing-next #main-content .presence-page-map li > strong { color: var(--service-ink); font-size: 19px; line-height: 1.3; }
html:root body.mvo-landing-next #main-content .presence-page-map li > p { margin: 0; color: var(--service-muted); font-size: 13px; line-height: 1.7; }
html:root body.mvo-landing-next #main-content .presence-page-map figcaption { margin-top: 20px; color: var(--service-muted); font-size: 11px; line-height: 1.65; }

/* Existing content remains, with the same theme as the new service shell.
   This also prevents light legacy surfaces from inheriting white headings. */
html:root body.mvo-landing-next #main-content :is(.builder_overview,.builder_story,.builder_plans,.builder_cta,.mvo-domains-popular,.mvo-domains-guide,.mvo-domains-benefits,.mvo-domains-transfer,.mvo-domains-table-section,.mvo-domains-faq,.mvo-domains-cta) { background: var(--service-bg); color: var(--service-ink); }
html:root body.mvo-landing-next #main-content :is(.builder_plans,.mvo-domains-popular,.mvo-domains-table-section) { background: var(--service-surface) !important; }
html:root body.mvo-landing-next #main-content :is(.builder_overview_card,.builder_story_list > div,.builder_plan_card,.mvo-domain-card,.mvo-domains-step-card,.mvo-domains-benefit-card,.mvo-domains-transfer-box,.mvo-domains-table-wrap) { color: var(--service-ink); background: var(--service-bg); border: 1px solid var(--service-line); border-radius: 12px; box-shadow: none; transform: none; }
html:root body.mvo-landing-next #main-content :is(.builder_overview_card,.builder_story_list > div,.mvo-domains-benefit-card,.mvo-domains-step-card) { padding: 28px; background: var(--service-surface); }
html:root body.mvo-landing-next #main-content :is(.builder_overview,.builder_story,.builder_plans,.mvo-domains-popular,.mvo-domains-guide,.mvo-domains-benefits,.mvo-domains-transfer,.mvo-domains-table-section,.mvo-domains-faq) :is(h2,h3,strong) { color: var(--service-ink); }
html:root body.mvo-landing-next #main-content :is(.builder_overview,.builder_story,.builder_plans,.mvo-domains-popular,.mvo-domains-guide,.mvo-domains-benefits,.mvo-domains-transfer,.mvo-domains-table-section,.mvo-domains-faq) :is(p,small,li) { color: var(--service-muted); }
html:root body.mvo-landing-next #main-content :is(.builder_overview_card,.mvo-domains-benefit-card,.mvo-domains-transfer-box) i { color: var(--service-accent); background: transparent; }
html:root body.mvo-landing-next #main-content :is(.builder_plan_card.featured,.mvo-domain-card.is-featured) { border-color: var(--service-accent); box-shadow: none; }
html:root body.mvo-landing-next #main-content :is(.builder_plan_btn,.builder_btn_primary) { color: #fff; background: #1670e5; border-radius: 8px; box-shadow: none; }
html:root body.mvo-landing-next #main-content .builder_story_copy > span { display: none; }
html:root body.mvo-landing-next #main-content :is(.builder_cta_box,.mvo-domains-cta-box) { padding: 48px; background: var(--service-surface); color: var(--service-ink); border-radius: 16px; box-shadow: none; text-align: left; }
html:root body.mvo-landing-next #main-content :is(.builder_cta_box,.mvo-domains-cta-box) h2 { color: var(--service-ink); }
html:root body.mvo-landing-next #main-content :is(.builder_cta_box,.mvo-domains-cta-box) p { margin-left: 0; color: var(--service-muted); }
html:root body.mvo-landing-next #main-content .mvo-domains-cta-box > span { display: none; }
html:root body.mvo-landing-next #main-content .mvo-domains-table :is(th,td) { color: var(--service-muted); background: var(--service-bg); border-color: var(--service-line); }
html:root body.mvo-landing-next #main-content .mvo-domains-table thead th { color: var(--service-ink); background: var(--service-surface); }
html:root body.mvo-landing-next #main-content :is(.mvo-domains-catalog-toolbar,.mvo-domains-catalog-search) { color: var(--service-muted); background: var(--service-surface); border-color: var(--service-line); }
html:root body.mvo-landing-next #main-content .mvo-domains-catalog-search input { color: var(--service-ink); }
html:root body.mvo-landing-next #main-content .mvo-domains-catalog-search input::placeholder { color: var(--service-muted); opacity: 1; }
html:root body.mvo-landing-next #main-content .mvo-domains-faq .faq_item { background: var(--service-surface); border-color: var(--service-line); }
html:root body.mvo-landing-next #main-content .mvo-domains-faq .faq_item button { color: var(--service-ink); }

@media (max-width:1000px) {
    html:root body.mvo-landing-next #main-content .service-presence-hero .service-hero-layout { grid-template-columns: minmax(0,1fr); gap: 40px; }
    html:root body.mvo-landing-next #main-content .service-presence-hero .service-hero-visual { max-width: 600px; width: 100%; }
}
@media (max-width:600px) {
    html:root body.mvo-landing-next #main-content .service-presence-hero h1 { font-size: 36px; }
    html:root body.mvo-landing-next #main-content .presence-page-map li { grid-template-columns: minmax(0,1fr); gap: 10px; }
    html:root body.mvo-landing-next #main-content .presence-page-map li > span { grid-row: auto; }
    html:root body.mvo-landing-next #main-content .presence-page-map li > strong { font-size: 17px; }
    html:root body.mvo-landing-next #main-content .presence-page-map > p { font-size: 25px; }
    html:root body.mvo-landing-next #main-content :is(.builder_cta_box,.mvo-domains-cta-box) { padding: 28px 24px; }
}