.home-page { --paper: #fff; --ink: #182b28; --muted: #586863; --green: #008879; --green-dark: #153d35; --coral: #63766e; }
.home-page .site-header { background: #ffffffed; min-height: 92px; }
.home-page .brand-logo { width: 190px; }
.home-page .hero { display: block; position: relative; isolation: isolate; overflow: hidden; min-height: 620px; padding: 70px 6%; background: #fff; }
.home-vector-art { position: absolute; right: 1%; top: 25px; width: 53%; height: 560px; object-fit: contain; z-index: -1; }
.home-hero-photo { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-page .hero-copy { max-width: 48%; }
.home-page .hero-copy .eyebrow { color: #167366; font-size: 13px; font-weight: 800; margin-bottom: 26px; }
.home-page h1 { font-size: 76px; line-height: 1.05; margin-bottom: 28px; }
.home-page h1 span { display: block; margin-top: 18px; font-size: 48px; line-height: 1.08; }
.home-page .hero-copy > p:not(.eyebrow) { max-width: 450px; font-size: 18px; line-height: 1.65; color: #364a43; }
.home-page .hero-actions { gap: 12px; }
.home-page .button { min-height: 50px; font-size: 14px; gap: 16px; }
.home-page .button:hover, .home-page .header-action:hover { filter: brightness(.92); }
.home-page .secondary { background: #fff; border-color: #becdc7; }
.home-scope { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 24px 6%; background: #fff; border-bottom: 1px solid var(--line); }
.home-scope span { padding: 4px 22px; border-left: 2px solid var(--green); font-size: 15px; }
.home-page .catalog, .home-page .service, .home-page .contacts, .home-page .order { padding: 76px 6%; }
.home-page .section-heading { display: block; margin-bottom: 36px; }
.home-page h2 { font-size: 38px; line-height: 1.15; max-width: 720px; }
.home-page .catalog-grid { gap: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.home-page .product-card { border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; min-height: 260px; padding: 30px; background: transparent; }
.home-page .product-card:hover { background: #fff; }
.home-page .card-icon { width: auto; height: auto; background: transparent; color: var(--green); margin-bottom: 28px; font-size: 13px; }
.home-page .product-card h3 { font-size: 20px; line-height: 1.3; }
.home-page .product-card p { font-size: 15px; }
.home-page .home-store-card { background: #e0eeea; }
.home-text-link { display: inline-block; color: var(--green); font-weight: 700; font-size: 15px; margin-top: 12px; }
.home-featured-work { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; padding: 64px 6%; background: #182b28; color: white; }
.home-featured-work .eyebrow { color: #70c8b2; }
.home-featured-work .home-text-link { color: #70c8b2; }
.home-featured-work p { line-height: 1.7; color: #d2dfd9; }
.home-featured-work ul { display: grid; gap: 12px; padding-left: 20px; line-height: 1.6; }
.home-featured-work li::marker { color: #70c8b2; }
.home-page .service { background: white; }
.home-page .steps li { border: 0; border-radius: 0; border-bottom: 1px solid var(--line); padding-bottom: 28px; }
.home-page .steps li::before { background: #e3f0eb; color: var(--green); }
.home-page .order { background: #e7efec; color: var(--ink); }
.home-page .order .eyebrow { color: var(--coral); }
.home-page .order-copy p { color: var(--muted); }
.home-page .order-form { padding: 28px; }
.home-page .contacts { background: white; }
.home-page section[id] { scroll-margin-top: 110px; }
@media (min-width: 1600px) { .home-page .hero { min-height: 680px; } }
@media (max-width: 980px) {
  .home-page .hero { min-height: 600px; }
  .home-vector-art { position: relative; right: auto; top: auto; display: block; width: 100%; height: auto; max-height: 400px; margin-top: 20px; }
  .home-page .hero { display: flex; flex-direction: column; }
  .home-page .hero-copy { max-width: 620px; order: -1; }
  .home-page .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.home-page .home-featured-work { background: #f5f7f6; color: var(--ink); border-block: 1px solid var(--line); }
.home-page .home-featured-work p { color: var(--muted); }
.home-page .home-featured-work .eyebrow, .home-page .home-featured-work .home-text-link { color: var(--green); }
.home-page .order { background: #f5f7f6; }
.home-page .product-card { background: #fff; }
.home-page .home-store-card { background: #edf5f2; }
.home-page .site-header { backdrop-filter: none; }
@media (max-width: 680px) {
  .home-page .site-header { gap: 12px; min-height: 0; }
  .home-page .brand-logo { width: 155px; }
  .home-page .header-action { font-size: 12px; padding: 0 10px; }
  .home-page .nav { font-size: 13px; gap: 12px; }
  .home-page .hero { min-height: 480px; padding: 42px 6%; }
  .home-page h1 { font-size: 48px; }
  .home-page h1 span { font-size: 32px; margin-top: 14px; }
  .home-page .hero-copy > p:not(.eyebrow) { font-size: 16px; }
  .home-page .hero-copy .eyebrow { margin-bottom: 20px; font-size: 11px; }
  .home-page .hero-actions { margin-top: 24px; }
  .home-page .button { padding: 0 16px; min-height: 44px; }
  .home-scope { grid-template-columns: 1fr; gap: 14px; padding: 22px 6%; }
  .home-scope span { font-size: 14px; }
  .home-page .catalog, .home-page .service, .home-page .contacts, .home-page .order { padding: 48px 6%; }
  .home-page h2 { font-size: 28px; }
  .home-page .catalog-grid { grid-template-columns: 1fr; }
  .home-page .product-card { min-height: 0; padding: 24px; }
  .home-page .card-icon { margin-bottom: 16px; }
  .home-featured-work { grid-template-columns: 1fr; gap: 24px; padding: 48px 6%; }
}