:root {
  --eco-modern-border: rgba(12, 31, 63, 0.09);
  --eco-modern-border-strong: rgba(12, 31, 63, 0.14);
  --eco-modern-glass: rgba(255, 255, 255, 0.78);
  --eco-modern-glass-dark: rgba(7, 21, 40, 0.72);
  --eco-modern-shadow-soft: 0 18px 50px rgba(7, 21, 40, 0.10), 0 2px 8px rgba(7, 21, 40, 0.05);
  --eco-modern-shadow-hover: 0 24px 70px rgba(7, 21, 40, 0.14), 0 8px 18px rgba(7, 21, 40, 0.07);
  --eco-modern-shadow-amber: 0 18px 42px rgba(255, 177, 74, 0.22);
  --eco-modern-radius-card: 30px;
  --eco-modern-radius-panel: 36px;
  --eco-modern-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}

body,
p,
li,
input,
textarea,
select,
button {
  line-height: 1.62;
}

h1,
h2,
h3,
h4,
h5,
h6,
.eyebrow,
.hosting-plan-flag,
.hero-badge {
  text-wrap: balance;
}

p,
li,
.hero-lead,
.domains-lead,
.hosting-detail-lead {
  text-wrap: pretty;
}

::selection {
  background: rgba(63, 195, 255, 0.24);
  color: var(--eco-navy-950);
}

.top-menu-wrapper {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 0 14px 40px rgba(7, 21, 40, 0.12);
  transition: background-color 0.24s var(--eco-modern-ease), box-shadow 0.24s var(--eco-modern-ease), backdrop-filter 0.24s var(--eco-modern-ease);
}

body.is-scrolled .top-menu-wrapper {
  background: var(--eco-modern-glass-dark) !important;
  box-shadow: 0 14px 38px rgba(7, 21, 40, 0.20);
  backdrop-filter: blur(18px) saturate(1.08);
}

.site-header {
  transition: padding 0.24s var(--eco-modern-ease);
}

body.is-scrolled .site-header {
  padding-top: 24px;
  padding-bottom: 18px;
}

.main-menu ul li a,
.header-client-button,
.button,
button,
input[type="submit"],
.plan-button,
.plan-band-button,
.hero-button {
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.22s var(--eco-modern-ease), box-shadow 0.22s var(--eco-modern-ease), filter 0.22s var(--eco-modern-ease), background-color 0.22s var(--eco-modern-ease), border-color 0.22s var(--eco-modern-ease);
}

.main-menu ul li a:hover,
.main-menu ul li.current-menu-item > a,
.main-menu ul li.current_page_item > a {
  background: rgba(255, 255, 255, 0.11);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10);
}

.header-client-button,
.hero-button.primary,
.plan-button,
.plan-band-button,
.eco-domain-search-submit {
  border: 1px solid rgba(255, 177, 74, 0.34);
  background-image: linear-gradient(135deg, #ffbc60 0%, var(--eco-amber-500) 72%, #ff9c2e 100%);
  box-shadow: var(--eco-modern-shadow-amber);
}

.hero-button.secondary,
.domains-action-card .hero-button.secondary,
.contact-hero-actions .hero-button.secondary {
  border-color: rgba(12, 31, 63, 0.12);
  background: rgba(255, 255, 255, 0.74);
  color: var(--eco-navy-900);
  box-shadow: 0 10px 28px rgba(7, 21, 40, 0.07);
  backdrop-filter: blur(10px);
}

.hero-button.secondary:hover,
.hero-button.secondary:focus-visible,
.hosting-detail-copy .hero-button.secondary,
.hosting-detail-copy .hero-button.secondary:hover,
.hosting-detail-copy .hero-button.secondary:focus-visible,
.domains-copy .hero-button.secondary,
.domains-copy .hero-button.secondary:hover,
.domains-copy .hero-button.secondary:focus-visible,
.contact-hero-copy .hero-button.secondary,
.contact-hero-copy .hero-button.secondary:hover,
.contact-hero-copy .hero-button.secondary:focus-visible,
.company-page-copy .hero-button.secondary,
.company-page-copy .hero-button.secondary:hover,
.company-page-copy .hero-button.secondary:focus-visible,
.domains-action-card .hero-button.secondary,
.domains-action-card .hero-button.secondary:hover,
.domains-action-card .hero-button.secondary:focus-visible,
.contact-hero-actions .hero-button.secondary,
.contact-hero-actions .hero-button.secondary:hover,
.contact-hero-actions .hero-button.secondary:focus-visible {
  color: var(--eco-navy-900);
  text-decoration: none;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.header-client-button:hover,
.hero-button:hover,
.plan-button:hover,
.plan-band-button:hover,
.contact-route-card:hover,
.hosting-detail-plan-row:hover {
  transform: translateY(-2px);
}

.button:active,
button:active,
input[type="submit"]:active,
.header-client-button:active,
.hero-button:active,
.plan-button:active,
.plan-band-button:active {
  transform: translateY(0);
  filter: brightness(0.98);
}

input,
textarea,
select,
.eco-domain-search-input {
  border: 1px solid var(--eco-modern-border);
  border-radius: var(--eco-radius-md);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  transition: border-color 0.2s var(--eco-modern-ease), box-shadow 0.2s var(--eco-modern-ease), background-color 0.2s var(--eco-modern-ease);
}

input:focus,
textarea:focus,
select:focus,
.eco-domain-search-input:focus {
  border-color: rgba(63, 195, 255, 0.58);
  box-shadow: 0 0 0 4px rgba(63, 195, 255, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.home-hero,
.hosting-detail-hero,
.domains-hero,
.contact-page-hero,
.company-page-hero,
.ai-builder-hero,
.ai-create-hero {
  position: relative;
  overflow: hidden;
}

.home-hero::before,
.hosting-detail-hero::before,
.domains-hero::before,
.contact-page-hero::before,
.company-page-hero::before,
.ai-builder-hero::before,
.ai-create-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 18%, rgba(139, 224, 255, 0.18), transparent 30%),
    radial-gradient(circle at 84% 12%, rgba(255, 177, 74, 0.12), transparent 26%);
  opacity: 0.86;
}

.home-hero > *,
.hosting-detail-hero > *,
.domains-hero > *,
.contact-page-hero > *,
.company-page-hero > *,
.ai-builder-hero > *,
.ai-create-hero > * {
  position: relative;
}

.home-section,
.hosting-intent-cluster,
.hosting-detail-faq,
.domains-search-section,
.domains-bundle-path,
.domains-protection,
.domains-actions-section,
.domains-benefits,
.company-page-body,
.trust-page-body,
.contact-page-main {
  padding-top: clamp(54px, 7vw, 92px);
  padding-bottom: clamp(54px, 7vw, 92px);
}

.section-heading,
.hosting-detail-section-head,
.hosting-page-section-heading,
.ai-create-section-head,
.domains-search-head,
.company-page-legacy-intro {
  margin-bottom: clamp(24px, 4vw, 42px);
}

.home-quick-start-card,
.home-local-proof-card,
.home-ai-agents-shell,
.home-ai-agents-summary,
.home-ai-agents-card,
.hosting-plan-card,
.home-continuity-card,
.support-card,
.hosting-intent-card,
.hosting-detail-summary-card,
.hosting-detail-plan-row,
.hosting-guide-article,
.hosting-guide-checklist,
.hosting-guide-faq-item,
.domains-visual-card,
.domains-search-card,
.domains-bundle-path-card,
.domains-protection-card,
.domains-action-card,
.eco-domain-search-feedback,
.contact-route-card,
.contact-detail-card,
.company-page-surface,
.trust-page-aside,
.ai-builder-prompt-card,
.ai-builder-output-card,
.ai-builder-intent-card,
.ai-builder-tool-card,
.ai-builder-plan-card,
.ai-create-card,
.footer-newsletter-shell {
  border: 1px solid var(--eco-modern-border);
  border-radius: var(--eco-modern-radius-card);
  box-shadow: var(--eco-modern-shadow-soft);
}

.home-ai-agents-shell,
.plans-board,
.plans-trust-band,
.home-final-cta,
.hosting-detail-final,
.domains-final,
.footer-trust,
.eco-review-block {
  border: 1px solid rgba(255, 255, 255, 0.44);
  border-radius: var(--eco-modern-radius-panel);
  box-shadow: var(--eco-modern-shadow-soft);
}

.home-quick-start-card,
.home-local-proof-card,
.home-ai-agents-card,
.hosting-plan-card,
.home-continuity-card,
.support-card,
.hosting-intent-card,
.domains-bundle-path-card,
.domains-protection-card,
.domains-action-card,
.contact-route-card,
.contact-detail-card,
.ai-builder-tool-card,
.ai-builder-plan-card,
.ai-create-card {
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.80)),
    radial-gradient(circle at top right, rgba(63, 195, 255, 0.12), transparent 38%);
  transition: transform 0.24s var(--eco-modern-ease), box-shadow 0.24s var(--eco-modern-ease), border-color 0.24s var(--eco-modern-ease);
}

.home-quick-start-card,
.home-local-proof-card,
.home-ai-agents-card,
.hosting-plan-card,
.home-continuity-card,
.support-card,
.hosting-intent-card,
.domains-bundle-path-card,
.domains-protection-card,
.domains-action-card,
.contact-route-card,
.contact-detail-card,
.ai-builder-tool-card,
.ai-builder-plan-card,
.ai-create-card {
  color: var(--eco-slate-700);
}

.home-quick-start-card :is(h3, h4, strong),
.home-local-proof-card :is(h3, h4, strong),
.home-ai-agents-card :is(h3, h4, strong),
.hosting-plan-card :is(h3, h4, strong),
.home-continuity-card :is(h3, h4, strong),
.support-card :is(h3, h4, strong),
.hosting-intent-card :is(h3, h4, strong),
.domains-bundle-path-card :is(h3, h4, strong),
.domains-protection-card :is(h3, h4, strong),
.domains-action-card :is(h3, h4, strong),
.contact-route-card :is(h3, h4, strong),
.contact-detail-card :is(h3, h4, strong),
.ai-builder-tool-card :is(h3, h4, strong),
.ai-builder-plan-card :is(h3, h4, strong),
.ai-create-card :is(h3, h4, strong) {
  color: var(--eco-navy-900);
}

.home-quick-start-card p:not(.eyebrow),
.home-local-proof-card p:not(.eyebrow),
.home-ai-agents-card p:not(.eyebrow),
.hosting-plan-card p:not(.eyebrow),
.home-continuity-card p:not(.eyebrow),
.support-card p:not(.eyebrow),
.hosting-intent-card p:not(.eyebrow),
.domains-bundle-path-card p:not(.eyebrow),
.domains-protection-card p:not(.eyebrow),
.domains-action-card p:not(.eyebrow),
.contact-route-card p:not(.eyebrow),
.contact-detail-card p:not(.eyebrow),
.ai-builder-tool-card p:not(.eyebrow),
.ai-builder-plan-card p:not(.eyebrow),
.ai-create-card p:not(.eyebrow) {
  color: var(--eco-slate-700);
}

.home-quick-start-card:hover,
.home-local-proof-card:hover,
.home-ai-agents-card:hover,
.hosting-plan-card:hover,
.home-continuity-card:hover,
.support-card:hover,
.hosting-intent-card:hover,
.domains-bundle-path-card:hover,
.domains-protection-card:hover,
.domains-action-card:hover,
.contact-route-card:hover,
.contact-detail-card:hover,
.ai-builder-tool-card:hover,
.ai-builder-plan-card:hover,
.ai-create-card:hover {
  border-color: var(--eco-modern-border-strong);
  box-shadow: var(--eco-modern-shadow-hover);
}

.hero-visual-card,
.plans-showcase-media,
.home-ai-agents-summary-top,
.domains-visual-card,
.company-page-aside,
.trust-page-aside {
  overflow: hidden;
}

.hero-visual-figure,
.home-ai-agents-summary-top img,
.plans-showcase-media img,
.domains-visual-card img,
.company-page-aside img,
.trust-page-aside img {
  transition: transform 0.5s var(--eco-modern-ease), filter 0.5s var(--eco-modern-ease);
}

.hero-visual-card:hover .hero-visual-figure,
.home-ai-agents-summary-top:hover img,
.plans-showcase-media:hover img,
.domains-visual-card:hover img,
.company-page-aside:hover img,
.trust-page-aside:hover img {
  transform: scale(1.025);
}

.eyebrow,
.home-quick-start-label,
.home-ai-agents-card-label,
.hosting-intent-label,
.hosting-guide-label,
.domains-search-trust-label,
.eco-review-block-meta-label {
  letter-spacing: 0.12em;
}

.footer-social a,
.footer-trust-nav a,
.domains-extension-list li,
.hero-trust-list li,
.home-ai-agents-pills li,
.contact-hero-pills li,
.eco-domain-extension-chip {
  border: 1px solid var(--eco-modern-border);
  box-shadow: 0 8px 22px rgba(7, 21, 40, 0.05);
}

.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--eco-white);
  text-decoration: none;
}

.footer-social a:hover {
  background: rgba(63, 195, 255, 0.18);
  transform: translateY(-2px);
}

.eco-motion-ready .eco-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.58s var(--eco-modern-ease), transform 0.58s var(--eco-modern-ease);
  transition-delay: var(--eco-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.eco-motion-ready .eco-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.eco-motion-ready .home-hero .eco-reveal,
.eco-motion-ready .hosting-detail-hero .eco-reveal,
.eco-motion-ready .domains-hero .eco-reveal,
.eco-motion-ready .contact-page-hero .eco-reveal,
.eco-motion-ready .company-page-hero .eco-reveal,
.eco-motion-ready .ai-builder-hero .eco-reveal,
.eco-motion-ready .ai-create-hero .eco-reveal {
  opacity: 1;
  transform: none;
  transition: none;
  will-change: auto;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .top-menu-wrapper,
  .hero-button.secondary,
  .domains-search-card,
  .eco-review-block,
  .footer-trust {
    -webkit-backdrop-filter: blur(14px) saturate(1.05);
    backdrop-filter: blur(14px) saturate(1.05);
  }
}

/* Editorial review bar: keep reviewer, date and CTA on a clean axis. */
.eco-review-block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: clamp(0.9rem, 2vw, 1.4rem);
  padding: clamp(0.82rem, 1.6vw, 1.05rem) clamp(1rem, 2vw, 1.35rem);
}

.eco-review-block-primary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.7rem 0.85rem;
  min-width: 0;
}

.eco-review-block-secondary {
  display: grid;
  grid-template-columns: max-content max-content auto;
  align-items: center;
  justify-content: end;
  gap: 0.7rem;
  min-width: max-content;
  white-space: nowrap;
}

.eco-review-block-chip,
.eco-review-block-meta-label,
.eco-review-block time,
.eco-review-block-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  margin: 0;
  line-height: 1;
}

.eco-review-block-authority {
  min-width: 0;
}

.eco-review-block time {
  white-space: nowrap;
}

@media (max-width: 767px) {
  :root {
    --eco-modern-radius-card: 24px;
    --eco-modern-radius-panel: 28px;
  }

  body {
    line-height: 1.6;
  }

  body.is-scrolled .site-header {
    padding-top: 18px;
    padding-bottom: 14px;
  }

  .home-section,
  .hosting-intent-cluster,
  .hosting-detail-faq,
  .domains-search-section,
  .domains-bundle-path,
  .domains-protection,
  .domains-actions-section,
  .domains-benefits,
  .company-page-body,
  .trust-page-body,
  .contact-page-main {
    padding-top: 46px;
    padding-bottom: 46px;
  }

  .button,
  .hero-button,
  .plan-button,
  .plan-band-button {
    min-height: 46px;
  }

  .eco-review-block {
    grid-template-columns: 1fr;
  }

  .eco-review-block-primary,
  .eco-review-block-secondary {
    justify-content: stretch;
    min-width: 0;
    width: 100%;
  }

  .eco-review-block-secondary {
    grid-template-columns: max-content max-content 1fr;
  }

  .eco-review-block-link {
    justify-self: end;
  }
}

@media (max-width: 540px) {
  .eco-review-block-primary,
  .eco-review-block-secondary {
    grid-template-columns: 1fr;
  }

  .eco-review-block-chip,
  .eco-review-block-meta-label,
  .eco-review-block time,
  .eco-review-block-link {
    justify-content: flex-start;
    min-height: auto;
  }

  .eco-review-block-link {
    justify-self: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }

  .eco-motion-ready .eco-reveal {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }
}