/* Client review refinements. Content stays complete and editable in WordPress. */

/* One compact desktop row; the same links reflow into the former two-row layout. */
.mobile-menu-toggle,
.mobile-menu-extras { display: none; }

@media (min-width: 1280px) {
  .header-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 18px;
    min-height: 76px;
    padding: 12px 0;
  }
  .header-inner > .brand { flex: 0 0 auto; margin-right: 12px; }
  .header-inner > .header-nav { display: flex; order: 0; flex: 1 1 auto; flex-direction: row; gap: 0; font-size: 15px; }
  .header-menu-row { display: contents; }
  .header-menu-row a { flex: 0 0 auto; min-height: 27px; padding: 0 12px; border-right: 1px solid var(--muted); line-height: 27px; text-align: center; }
  .header-menu-row:first-child a:first-child { padding-left: 0; }
  .header-menu-row:first-child a:last-child { padding-right: 12px; border-right: 1px solid var(--muted); }
  .header-menu-row:nth-child(2) a:first-child { padding-left: 12px; }
  .header-menu-row:last-child a:last-child { padding-right: 0; border-right: 0; }
  .header-inner > .header-actions { flex: 0 0 auto; }
}

@media (min-width: 1440px) {
  .header-inner > .header-nav { font-size: 18px; }
}

@media (min-width: 761px) and (max-width: 1279px) {
  .header-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "brand actions"
      "nav nav";
    align-items: center;
    column-gap: 22px;
    row-gap: 6px;
    min-height: 112px;
    padding: 12px 0;
  }
  .header-inner > .brand { grid-area: brand; }
  .header-inner > .header-nav { grid-area: nav; display: flex; flex-direction: column; justify-content: center; gap: 7px; font-size: 15px; }
  .header-inner > .header-actions { grid-area: actions; justify-content: flex-end; }
  .header-menu-row { display: flex; min-height: 27px; }
  .header-menu-row a { flex: 0 0 auto; padding: 0 18px; border-right: 1px solid var(--muted); line-height: 27px; text-align: center; }
  .header-menu-row a:first-child { padding-left: 0; }
  .header-menu-row a:last-child { padding-right: 0; border-right: 0; }
}

.header-actions { gap: 12px; align-items: center; }
.header-tool { position: relative; min-width: 38px; min-height: 38px; justify-content: center; }
.header-tool > span:last-child:not(.header-tool-icon) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.header-tool-icon { position: relative; display: inline-flex; }
.header-tool-icon > img { width: 34px; height: 34px; object-fit: contain; }
.header-cart-count {
  position: absolute;
  top: -7px;
  right: -9px;
  display: grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border: 2px solid var(--bg);
  border-radius: 999px;
  background: var(--violet);
  color: #fff;
  font: 600 12px/1 Roboto, sans-serif;
}
.header-cart-count[hidden] { display: none; }

/* Compact only the homepage introduction; preserve its content and artwork. */
.hero { height: auto; }
.hero .hero-main { height: auto; min-height: 0; padding-top: 24px; padding-bottom: 24px; }
.hero h1 { margin-bottom: 10px; }
.hero .hero-divider { margin-top: 16px; margin-bottom: 24px; }
.hero .shortcut-card { height: auto; min-height: 112px; padding-top: 8px; padding-bottom: 8px; }
.hero .shortcut-card .figma-arrow { margin-top: 8px; }
.hero .hero-benefits { padding-top: 24px; padding-bottom: 24px; }
.hero .benefit-list { margin-top: 12px; gap: 8px; }
.hero .benefit-row { min-height: 0; padding-bottom: 8px; }
.hero .benefit-row:last-child { padding-bottom: 0; }
@media (min-width: 761px) {
  .hero .hero-main::before {
    background-size: 68.4% 100%, auto 100%;
    background-position: left top, right center;
  }
}
@media (max-width: 1024px) {
  .hero .benefit-row { padding-bottom: 0; }
}

/* Compact spacing inside blocks, with a visibly larger gap between sections. */
.site-shell > .section { margin-top: 120px; }
.site-shell > .section + .section { scroll-margin-top: 24px; }
.domain-box { min-height: 0; padding: 24px; gap: 12px; }
.domain-search { margin-top: 14px; }
.domain-details { margin-top: 18px; }
.pricing-card { min-height: 0; padding: 24px 18px 18px; gap: 14px; }
.pricing-card header { gap: 8px; }
.price { min-height: 78px; }
.pricing-card ul { gap: 14px; padding-top: 18px; }
#hosting .features-row { margin-top: 18px; }
.features-row + .center-title { margin-top: 20px; }
#sites .work-stack { gap: 20px; }
#sites .work-card { min-height: 0; height: auto; padding: 22px; }
#sites .work-card:first-child,
#sites .work-card:nth-child(2) { min-height: 0; height: auto; }
#sites .work-card:first-child .work-content,
#sites .work-card:nth-child(2) .work-content { min-height: 0; }
#sites .work-card .media-frame { height: 280px; }
#sites .stack-row { min-height: 0; gap: 20px; }
#sites .stack-item { min-height: 180px; padding: 10px 18px 14px; }
.work-stack + .center-title { margin-top: 26px; }
.technology-grid { gap: 16px; margin-top: 20px; }
.technology-item,
.technology-item:last-child { height: auto; min-height: 142px; padding: 14px 24px; gap: 18px; }
.lead-block { padding-top: 18px; }
#seo .lead-block .media-frame { height: 320px; }
#branding .lead-block .media-frame,
#tech .lead-block .media-frame { height: 360px; }
.tech-callout { margin-top: 18px; }
.contact-box { height: auto; min-height: 380px; padding: 24px; }

/* Detailed service pages use wide outer gaps and compact inner spacing. */
@media (min-width: 1025px) {
  :is(.hosting-page, .domains-page, .sites-page, .seo-page, .branding-page) { gap: 120px; }
  :is(.hosting-page, .domains-page, .sites-page, .seo-page, .branding-page) :is(.hf-responsive-row, .sf-responsive-row, .ef-responsive-row, .bf-responsive-row) { gap: 16px; }
  :is(.sites-page, .seo-page) :is(.sf-panel, .ef-panel) { padding: 16px; }
  .branding-page .bf-4d8ea2ddd1 { padding: 20px; }
  .hosting-page :is([data-figma="4003:5800"], [data-figma="4003:9694"]) { padding: 24px; gap: 16px; }
  .hosting-page .hosting-section { gap: 20px; }
  .hosting-page .hosting-plan { padding: 16px; gap: 14px; }
  .hosting-page .hosting-plan > [data-figma]:first-child { height: auto; min-height: 160px; }
  .hosting-page .hosting-plan > [data-figma]:nth-child(5),
  .hosting-page #hosting-vip .hosting-plan > [data-figma]:nth-child(5) { height: auto; }
  .domains-page [data-figma="4010:27950"] { padding: 22px; }
  .domains-page > section:not(#domains-whois) { gap: 20px; }
  .domains-page > section > .df-wrapper { gap: 16px; }
  .sites-page :is(.sf-056eb078bd, .sf-d2028739a7),
  .seo-page .ef-95bf6ac2ae,
  .branding-page :is(.bf-0b71203783, .bf-d6acf8a408) { gap: 16px; }
  .sites-page [data-figma="4135:126"],
  .sites-page [data-figma="4138:795"],
  .sites-page [data-figma="4138:881"],
  .sites-page [data-figma="4170:12328"],
  .sites-page [data-figma="4170:13840"] { padding: 20px; }
}

/* Expert package follows the same 1360px frame as every other hosting section. */
.hosting-page { width: min(calc(100% - 80px), 1360px); }
.hosting-page .hosting-expert { width: min(100%, 1360px); overflow: clip; }
.hosting-page .hosting-expert-layout { width: 100%; padding: 30px; }
.hosting-page .hosting-expert-layout :is(.hf-fixed-width, .hf-min-content) { max-width: 100%; }
.hosting-page .hosting-expert-layout img { max-width: 100%; }

.back-to-top {
  position: fixed;
  z-index: 40;
  right: max(20px, calc((100vw - 1360px) / 2));
  bottom: 24px;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 1px solid rgba(34, 211, 238, .5);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(34, 211, 238, .14), rgba(139, 92, 246, .18)), var(--bg);
  color: #22d3ee;
  box-shadow: 0 6px 22px rgba(0, 9, 30, .24), inset 0 1px 0 rgba(255, 255, 255, .1);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  cursor: pointer;
}
.back-to-top-icon { width: 22px; height: 16px; background: currentColor; mask: url('../figma/v2/hero-arrow.svg') center / contain no-repeat; transform: rotate(-90deg); }
.back-to-top:hover { transform: translateY(-3px); border-color: #22d3ee; box-shadow: 0 9px 26px rgba(34, 211, 238, .2), inset 0 1px 0 rgba(255, 255, 255, .16); }
.back-to-top:active { transform: translateY(-1px); }
html[data-theme="light"] .back-to-top { color: #087f94; border-color: rgba(8, 127, 148, .45); }
@media (prefers-reduced-motion: reduce) { .back-to-top { transition: none; } }
@media (max-width: 760px) {
  .hero .hero-main::before { background-image: linear-gradient(89.917deg, rgb(0,9,30) 70.819%, rgba(0,9,30,.8) 89.122%, rgba(15,23,42,0) 99.952%), var(--hero-mobile-image, var(--hero-image)); }
}
.back-to-top:focus-visible { outline: 2px solid var(--violet); outline-offset: 4px; }
.back-to-top[hidden] { display: none; }

@media (max-width: 1024px) {
  .hosting-page { width: calc(100% - 32px); }
  .hosting-page .hosting-expert { overflow: visible; }
  :is(.hosting-page, .domains-page, .sites-page, .seo-page, .branding-page) { gap: 80px; }
  .site-shell > .section { margin-top: 80px; }
  #sites .work-card .media-frame,
  #seo .lead-block .media-frame,
  #branding .lead-block .media-frame,
  #tech .lead-block .media-frame { height: auto; }
}
@media (max-width: 760px) {
  .site-header { z-index: 60; }
  .header-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "brand actions toggle";
    align-items: center;
    width: calc(100% - 32px);
    min-height: 72px;
    padding: 12px 0;
    column-gap: 10px;
  }
  .header-inner > .brand { grid-area: brand; }
  .header-inner > .header-actions { grid-area: actions; width: auto; order: initial; gap: 12px; }
  .header-actions .tool-search,
  .header-actions .tool-theme { display: none; }
  .header-tool > span:last-child:not(.header-tool-icon) { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  .mobile-menu-toggle {
    grid-area: toggle;
    display: flex;
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
  }
  .mobile-menu-toggle span { position: absolute; top: 50%; left: 50%; display: block; width: 20px; height: 2px; background: var(--line); transition: transform .18s, opacity .18s; }
  .mobile-menu-toggle span:nth-child(1) { transform: translate(-50%, calc(-50% - 6px)); }
  .mobile-menu-toggle span:nth-child(2) { transform: translate(-50%, -50%); }
  .mobile-menu-toggle span:nth-child(3) { transform: translate(-50%, calc(-50% + 6px)); }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translate(-50%, -50%) rotate(-45deg); }
  .header-inner > .header-nav {
    position: absolute;
    z-index: 70;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    width: 100%;
    max-height: calc(100vh - 72px);
    overflow-y: auto;
    padding: 16px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--bg);
    box-shadow: 0 18px 34px rgba(0, 0, 0, .38);
    font-size: 16px;
  }
  .header-inner > .header-nav.is-mobile-open { display: flex; flex-direction: column; gap: 0; }
  .header-menu-row { display: flex; flex-direction: column; gap: 0; min-height: 0; }
  .header-menu-row + .header-menu-row { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); }
  .header-menu-row a,
  .header-menu-row a:first-child,
  .header-menu-row a:last-child {
    width: 100%;
    min-height: 44px;
    padding: 10px 4px;
    border-right: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--muted) 38%, transparent);
    line-height: 24px;
    text-align: left;
  }
  .mobile-menu-extras { display: grid; gap: 12px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
  .mobile-menu-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
  .mobile-menu-search input,
  .mobile-menu-search button,
  .mobile-theme-toggle {
    min-height: 46px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    font: 500 16px/1.3 Roboto, sans-serif;
  }
  .mobile-menu-search input { min-width: 0; padding: 10px 14px; }
  .mobile-menu-search button { padding: 10px 16px; background: var(--line); color: #00091e; cursor: pointer; }
  .mobile-theme-toggle { width: 100%; padding: 10px 14px; text-align: left; cursor: pointer; }
  :is(.hosting-page, .domains-page, .sites-page, .seo-page, .branding-page) { gap: 64px; }
  .site-shell > .section { margin-top: 64px; }
  .back-to-top { right: 16px; bottom: 16px; width: 46px; height: 46px; }
}

/* Service pages: keep section rhythm and tighten only interior spacing. */
.hosting-page :is(.hosting-expert-description, .hosting-expert-controls, .hosting-expert-base, .hf-8d4ca1551e, .hf-9e45a8936f, .hf-9a3a060848) { row-gap: 16px; }
.hosting-page .hf-ac38019d36 { row-gap: 24px; }
.hosting-page :is(.hosting-expert-base, .hosting-resource-panel, .hf-8d4ca1551e, .faq-trigger) { padding-top: 16px; padding-bottom: 16px; }
.hosting-page .hosting-expert-layout { padding-top: 24px; padding-bottom: 24px; }
.domains-page :is(.hf-e36db072d0, .df-4011-31435, .hf-9e45a8936f) { row-gap: 16px; }
.domains-page :is(.hf-e36db072d0, .df-4011-31435, .hf-4bff304339, .hf-6f09a8be66, .hf-60e148f023, .hf-3870a5cdd5) { padding-top: 16px; padding-bottom: 16px; }
.domains-page .df-4010-27950 { padding-top: 18px; padding-bottom: 18px; }
.domains-page .df-4102-1128 { row-gap: 24px; }
.sites-page :is(.sf-71e4a03727, .sf-20ccb38ce8, .sf-b5bc6e040a, .sf-3060b4df8b, .sf-a67607b072, .sf-9e3c3d4880, .sf-9f69080160, .sf-f5ccb5a965, .sf-4ebec74ff5, .sf-05cbd4ee73, .sf-927dac9029, .sf-333306928c, .sf-91224a70e4, .sf-ff5e61b800, .sf-9789ef4d64, .sf-9a3a060848, .sf-95bf6ac2ae) { row-gap: 16px; }
.sites-page .sf-538b81abad { row-gap: 24px; }
.sites-page [data-figma="4170:13647"] { row-gap: 24px; }
.seo-page :is(.ef-71e4a03727, .ef-320cbd0f9f, .ef-f94d753aeb, .ef-a7680e7a5d, .ef-4b6c573b7b, .ef-91224a70e4, .ef-9e45a8936f, .ef-9a3a060848, .ef-c9fec3fd96, .ef-287fac04ed) { row-gap: 16px; }
/* The process cards already have an intentionally compact 8px rhythm. */
.seo-page :is(.ef-2286ce20cf, .ef-d25fef3428) { row-gap: 8px; }
.branding-page :is(.bf-6ef0a37f8e, .bf-17c6ef669d, .bf-85b299c302, .bf-7643b80a9d, .bf-ea4b8ef01e, .bf-bc93ec61e1, .bf-ec1d4fbb75, .bf-3d33cc86ef, .bf-f852b67855, .bf-909217ddb0, .bf-028126a2d7, .bf-655522135e, .bf-f8bfa77f39, .bf-f6ac32540a) { row-gap: 16px; }
.branding-page .bf-3874a4dc35 { row-gap: 24px; }
.branding-page :is(.bf-17c6ef669d, .bf-85b299c302, .bf-b992e25201, .bf-0ab7608965, .bf-028126a2d7, .bf-0661ec398d, .bf-655522135e, .bf-f8bfa77f39, .bf-9ff6923adf, .bf-3bc0fc122b, .bf-f6ac32540a) { padding-top: 16px; padding-bottom: 16px; }
:is(.hosting-page .hosting-section-heading, .domains-page .domains-heading, .seo-page .seo-section-heading, .branding-page .branding-heading) { padding-top: 16px; padding-bottom: 16px; }
@media (min-width: 1025px) {
  .sites-page .sf-b5bc6e040a { height: auto; align-self: stretch; }
  /* Equal-height columns remain, but the tallest content sets their height. */
  .sites-page :is(.sf-401a5ee30e, .sf-b0ef3cfeb4),
  .seo-page .ef-3ddc8817d0 { height: auto; }
  .sites-page .sf-2e49b4d1a6 { height: auto; grid-template-rows: repeat(3, auto); }
  .seo-page .seo-section-heading { height: auto!important; min-height: 114px; }
}
@media (max-width: 1024px) {
  :is(.sites-page, .seo-page, .branding-page) .mobile-carousel > .mobile-carousel-card { padding-top: 18px!important; padding-bottom: 18px!important; }
  /* SEO pricing/article cards have their border on the inner panel. */
  .seo-page :is(.mobile-carousel-sites-pricing, #seo-articles .mobile-carousel) > .mobile-carousel-card { padding-top: 0!important; padding-bottom: 0!important; }
  .seo-page .mobile-carousel-sites-pricing > .mobile-carousel-card > .ef-panel,
  .seo-page #seo-articles .mobile-carousel-card:has(>img),
  .seo-page #seo-articles .mobile-carousel-card > .ef-panel { padding-top: 18px!important; padding-bottom: 18px!important; }
}

/* Moderate vertical refinement for the homepage only. */
.site-shell > .section .section-head { height: auto; padding-top: 16px; padding-bottom: 16px; }
.site-shell > .section .section-head::after { top: 71.5px; }
.site-shell > .section > .center-title,
.site-shell > .section .work-stack + .center-title { margin-top: 24px; }
.site-shell > .section .lead-block { padding-top: 14px; }
.site-shell > .section .lead-block p { margin-top: 12px; }
.site-shell > .section .domain-box { margin-top: 24px; padding-top: 20px; padding-bottom: 20px; gap: 10px; }
.site-shell > .section .domain-search { margin-top: 8px; }
.site-shell > .section .domain-details { min-height: 0; margin-top: 12px; padding-top: 8px; padding-bottom: 8px; row-gap: 16px; }
.site-shell > .section .domain-copy { gap: 12px; }
.site-shell > .section .domain-divider { height: 200px; }
.site-shell > .section .domain-prices { row-gap: 14px; }
.site-shell > .section .pricing-grid { margin-top: 24px; }
.site-shell > .section .pricing-card { padding-top: 20px; padding-bottom: 16px; gap: 12px; }
.site-shell > .section .pricing-card ul { gap: 10px; padding-top: 14px; }
.site-shell > #hosting .features-row { margin-top: 16px; row-gap: 16px; }
.site-shell > #hosting .feature-tile { min-height: 0; padding-top: 8px; padding-bottom: 12px; gap: 12px; }
.site-shell > #hosting .feature-tile::after { top: 36px; height: 140px; }
.site-shell > #sites .work-stack { margin-top: 24px; gap: 16px; }
.site-shell > #sites .work-card { padding-top: 18px; padding-bottom: 18px; row-gap: 16px; }
.site-shell > #sites .work-copy h4,
.site-shell > #sites .work-copy .work-lead { margin-bottom: 12px; }
.site-shell > #sites .work-check-list { gap: 12px; }
.site-shell > #sites .stack-row { margin-top: 24px; row-gap: 16px; }
.site-shell > #sites .stack-item { min-height: 0; padding-top: 8px; padding-bottom: 12px; }
.site-shell > #sites .stack-item img { margin-bottom: 12px; }
.site-shell > .section .technology-grid { margin-top: 16px; row-gap: 12px; }
.site-shell > .section .technology-item,
.site-shell > .section .technology-item:last-child { height: auto; min-height: 0; padding-top: 12px; padding-bottom: 12px; }
.site-shell > .section .technology-item h4 { margin-bottom: 12px; }
.site-shell > :is(#branding, #tech) .technology-item,
.site-shell > :is(#branding, #tech) .technology-item:last-child { min-height: 0; padding-top: 16px; padding-bottom: 16px; }
.site-shell > #branding .technology-item h4 { margin-bottom: 12px; }
.site-shell > #branding .features-row { min-height: 0; margin-top: 24px; padding-top: 16px; padding-bottom: 16px; }
.site-shell > #branding .feature-tile:not(:first-child) { min-height: 0; padding-top: 8px; padding-bottom: 12px; gap: 12px; }
.site-shell > #seo .platform-grid { margin-top: 24px; row-gap: 16px; }
.site-shell > #seo .platform-box { min-height: 0; padding-top: 16px; padding-bottom: 16px; gap: 12px; }
.site-shell > #seo .tab-row { gap: 12px; }
.site-shell > #seo .tab-row > span { min-height: 49px; padding-top: 10px; padding-bottom: 10px; }
.site-shell > .section .section-cta { margin-top: 24px; }
.site-shell > #tech .tech-callout { height: auto; min-height: 0; margin-top: 16px; padding-top: 16px; padding-bottom: 16px; }
.site-shell > #contact .contact-box { min-height: 0; margin-top: 24px; padding-top: 20px; padding-bottom: 20px; row-gap: 20px; }
.site-shell > #contact .contact-copy { margin-top: 12px; margin-bottom: 16px; }
.site-shell > #contact .contact-meta { gap: 12px; }
.site-shell > #contact .field { min-height: 0; padding-top: 12px; padding-bottom: 12px; }
.site-shell > #contact .field:has(textarea) { min-height: 0; }
.site-shell > #contact .agree { margin-top: 6px; }
body.home .footer-top { padding-top: 24px; padding-bottom: 24px; }
body.home .footer-copy,
body.home .footer-slogan,
body.home .footer-social,
body.home .footer-list { margin-top: 16px; }
body.home .footer-bottom { padding-top: 24px; }
@media (min-width: 1181px) {
  .site-shell > #sites .work-card:first-child .media-frame {
    position: relative;
    height: auto;
    min-height: 0;
    align-self: stretch;
  }
  .site-shell > #sites .work-card:first-child .media-frame img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
@media (max-width: 760px) {
  .site-shell > .section .section-head { min-height: 88px; padding-top: 12px; padding-bottom: 12px; }
  .site-shell > .section .section-head::after { top: auto; bottom: 11px; }
  .site-shell > .section .technology-item { row-gap: 14px; }
  .site-shell > #contact .contact-box { row-gap: 24px; }
  body.home .footer-top { row-gap: 24px; }
}


/* Keep feedback submit buttons compact in both grid and flex forms. */
body main :is(#contact, #branding-why) form button[type="submit"] {
  align-self: flex-start;
  justify-self: start;
  width: fit-content;
  max-width: 100%;
  min-width: min(210px, 100%);
  height: auto;
  min-height: 42px;
  box-sizing: border-box;
  padding: 10px 24px;
  border-width: 1px;
  border-radius: 4px;
  font: 700 16px/20px Roboto, Arial, Helvetica, sans-serif;
}
body main :is(#contact, #branding-why) form button[type="submit"] > :is(p, span) {
  margin: 0;
  height: auto;
  min-height: 0;
  font: inherit;
}