/* P10-SITE-1772: visual-only B2B marketing refinement. */
:root {
  --marketing-forest: #123f3e;
  --marketing-forest-deep: #0a2b2a;
  --marketing-amber: #bc7525;
  --marketing-amber-soft: #fff5e8;
  --marketing-mist: #edf5f1;
}

body {
  background:
    radial-gradient(circle at 8% 8%, rgba(197, 148, 78, 0.09), transparent 26rem),
    radial-gradient(circle at 92% 2%, rgba(91, 157, 66, 0.09), transparent 30rem),
    #fbfdfb;
}

.site-header {
  border-bottom-color: rgba(18, 63, 62, 0.14);
  background: rgba(252, 254, 252, 0.9);
}

.brand-mark {
  border-left-color: var(--marketing-amber);
  color: var(--marketing-forest-deep);
}

.site-nav a:hover,
.site-nav a:focus-visible {
  background: var(--marketing-mist);
  color: var(--marketing-forest-deep);
}

.site-header .site-nav a[href^="/inquiry"] {
  border-color: rgba(188, 117, 37, 0.38);
  background: var(--marketing-amber-soft);
  color: #74400c;
}

.site-header .site-nav a[href^="/inquiry"]:hover,
.site-header .site-nav a[href^="/inquiry"]:focus-visible {
  border-color: rgba(188, 117, 37, 0.64);
  background: #fde8cb;
  color: #5f3207;
}

.hero,
.detail-hero {
  background:
    radial-gradient(circle at 79% 22%, rgba(188, 117, 37, 0.16), transparent 22rem),
    radial-gradient(circle at 5% 88%, rgba(91, 157, 66, 0.14), transparent 24rem),
    linear-gradient(140deg, #f8fbf8 0%, #ffffff 54%, #f4f8f5 100%);
}

.hero-media::before {
  border-color: rgba(188, 117, 37, 0.24);
  background: linear-gradient(145deg, rgba(188, 117, 37, 0.1), rgba(255, 255, 255, 0.3));
}

.hero-main,
.detail-hero > img,
.product-page-premium .premium-product-hero {
  box-shadow: 0 30px 78px rgba(17, 59, 55, 0.16);
}

.button-primary {
  background: var(--marketing-forest);
  box-shadow: 0 13px 30px rgba(18, 63, 62, 0.23);
}

.button-primary:hover,
.button-primary:focus-visible {
  background: var(--marketing-forest-deep);
  box-shadow: 0 18px 36px rgba(10, 43, 42, 0.26);
}

.button-secondary:hover,
.button-ghost:hover {
  border-color: rgba(188, 117, 37, 0.54);
  background: #fffaf3;
}

.section-kicker {
  color: #8a5618;
}

.section-heading h2,
.capability-copy h2,
.inquiry-copy h1,
.inquiry-copy h2 {
  color: var(--marketing-forest-deep);
}

.line-card,
.language-card,
.catalog-card,
.category-showcase-card,
.featured-product-card,
.info-grid article,
.credential-card,
.process-list > div,
.product-rail-link,
.conversion-contact-strip,
.inquiry-form {
  border-color: rgba(18, 63, 62, 0.13);
}

.line-card:hover,
.language-card:hover,
.catalog-card:hover,
.category-showcase-card:hover,
.featured-product-card:hover,
.product-rail-link:hover {
  border-color: rgba(188, 117, 37, 0.52);
  box-shadow: 0 24px 58px rgba(18, 63, 62, 0.14);
}

.catalog-card a::after,
.product-rail-link::after {
  color: var(--marketing-amber);
}

.catalog-search input:focus,
.inquiry-form input:focus,
.inquiry-form select:focus,
.inquiry-form textarea:focus {
  border-color: var(--marketing-forest);
  box-shadow: 0 0 0 4px rgba(18, 63, 62, 0.12);
}

.whatsapp-inline-panel {
  background: linear-gradient(135deg, #116854, #0a5748);
}

.site-footer {
  background:
    radial-gradient(circle at 86% 16%, rgba(188, 117, 37, 0.2), transparent 24rem),
    #092a29;
}

@media (max-width: 720px) {
  .hero {
    background:
      radial-gradient(circle at 82% 7%, rgba(188, 117, 37, 0.13), transparent 15rem),
      linear-gradient(145deg, #f9fcf9, #ffffff 60%, #f4f8f5);
  }
}

@media (prefers-reduced-motion: reduce) {
  .button-primary,
  .button-secondary,
  .button-ghost,
  .line-card,
  .language-card,
  .catalog-card,
  .category-showcase-card,
  .featured-product-card,
  .product-rail-link {
    transition: none;
  }
}