:root {
  --bg: #071420;
  --bg-deep: #04111b;
  --panel: rgba(8, 23, 36, 0.72);
  --panel-strong: rgba(7, 19, 31, 0.92);
  --stroke: rgba(255, 214, 120, 0.2);
  --text: #f2f7ff;
  --muted: #a9b7c7;
  --gold: #f5c96a;
  --gold-strong: #ffde83;
  --cyan: #55d9ff;
  --green: #75e88f;
  --red: #ff4f59;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.4);
  --radius: 28px;
  --font-lg: 28px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  background:
    radial-gradient(circle at 10% 15%, rgba(85, 217, 255, 0.16), transparent 22%),
    radial-gradient(circle at 90% 10%, rgba(117, 232, 143, 0.14), transparent 24%),
    radial-gradient(circle at 40% 80%, rgba(245, 201, 106, 0.18), transparent 28%),
    linear-gradient(180deg, #08131f 0%, #071421 38%, #041019 100%);
  color: var(--text);
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
svg { width: 100%; height: 100%; }

#particle-canvas {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.7;
  z-index: 0;
}

.cursor-glow {
  position: fixed;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(85,217,255,0.13), rgba(85,217,255,0.06) 38%, transparent 72%);
  pointer-events: none;
  z-index: 0;
  transform: translate(-50%, -50%);
  filter: blur(8px);
}

.container {
  width: min(1280px, calc(100% - 32px));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  backdrop-filter: blur(18px);
  background: rgba(4, 17, 27, 0.52);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  transition: padding 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}
.site-header.scrolled {
  background: rgba(4, 17, 27, 0.9);
  box-shadow: 0 16px 60px rgba(0, 0, 0, 0.22);
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 92px;
  transition: min-height 0.35s ease;
}
.site-header.scrolled .header-inner { min-height: 70px; }
.logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
}
.logo-mark {
  width: 44px;
  height: 44px;
  color: var(--gold);
  display: inline-flex;
  filter: drop-shadow(0 0 18px rgba(245, 201, 106, 0.24));
}
.small-mark {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--gold-strong), transparent 72%);
  box-shadow: 0 0 18px rgba(245, 201, 106, 0.35);
}
.logo-text { font-size: 24px; }
.logo-text span { color: var(--red); }

.desktop-nav {
  display: flex;
  gap: 10px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  background: rgba(255,255,255,0.03);
}
.desktop-nav a, .pill-link {
  padding: 10px 16px;
  border-radius: 999px;
  color: var(--muted);
  transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}
.desktop-nav a:hover, .pill-link:hover { color: var(--text); background: rgba(255,255,255,0.06); transform: translateY(-1px); }
.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.phone-link { display: inline-flex; }
.phone-highlight {
  color: #08131f;
  font-weight: 800;
  background: linear-gradient(135deg, var(--gold), #f7e0a4);
  box-shadow: 0 14px 36px rgba(245, 201, 106, 0.22);
}
.phone-highlight:hover { color: #08131f; background: linear-gradient(135deg, #f7d166, #f7e0a4); }
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 22px;
  border-radius: 18px;
  font-weight: 800;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
  border: 1px solid transparent;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary {
  color: #08131f;
  background: linear-gradient(135deg, var(--gold), #f7e0a4);
  box-shadow: 0 14px 40px rgba(245, 201, 106, 0.28);
}
.btn-secondary {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.12);
}
.btn-accent {
  background: linear-gradient(135deg, #14d866, #49ff87);
  color: #04210f;
  box-shadow: 0 16px 42px rgba(35, 236, 109, 0.34);
}
.btn-whatsapp {
  background: linear-gradient(135deg, #0dd95f, #59ff8f);
  color: #04210f;
  box-shadow: 0 16px 42px rgba(15, 217, 95, 0.38);
}
.btn-instagram {
  background: linear-gradient(135deg, #ff7a18, #ff2d55 48%, #8a3ffc 100%);
  color: #ffffff;
  box-shadow: 0 16px 42px rgba(255, 72, 120, 0.24);
}
.btn-instagram:hover { color: #fff; }
.btn-phone {
  min-width: 180px;
}

.burger {
  display: none;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.04);
  padding: 0;
  cursor: pointer;
  position: relative;
}
.burger span {
  position: absolute;
  left: 14px;
  right: 14px;
  height: 2px;
  background: #fff;
  border-radius: 999px;
  transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
}
.burger span:nth-child(1) { top: 17px; }
.burger span:nth-child(2) { top: 25px; }
.burger span:nth-child(3) { top: 33px; }
.burger.active span:nth-child(1) { top: 25px; transform: rotate(45deg); }
.burger.active span:nth-child(2) { opacity: 0; }
.burger.active span:nth-child(3) { top: 25px; transform: rotate(-45deg); }

.mobile-menu {
  display: none;
  flex-direction: column;
  gap: 10px;
  padding: 0 16px 16px;
}
.mobile-menu a {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
}
.mobile-menu.open { display: flex; }

.section { padding: 110px 0; position: relative; }
.section-head {
  max-width: 840px;
  margin-bottom: 56px;
}
.section-tag, .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  color: var(--gold-strong);
  background: rgba(245, 201, 106, 0.08);
  border: 1px solid rgba(245, 201, 106, 0.18);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
  font-weight: 700;
}
.section-head h2,
.showcase-copy h2,
.cta-box h2 {
  margin: 18px 0 14px;
  font-size: clamp(24px, 3vw, 28px);
  line-height: 1.02;
  letter-spacing: -0.04em;
}
.section-head p,
.showcase-copy p,
.cta-box p,
.hero-text { color: var(--muted); font-size: 18px; line-height: 1.7; }

.hero-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 72px 0 80px;
}
.hero-background {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.12;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.72) 0%, transparent 100%);
}
.hero-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr);
  gap: 34px;
  align-items: center;
}
.hero-copy h1 {
  margin: 18px 0 18px;
  font-size: clamp(24px, 3.2vw, 28px);
  line-height: 0.98;
  letter-spacing: -0.05em;
}
.hero-copy h1 span {
  color: var(--cyan);
  text-shadow: 0 0 24px rgba(85, 217, 255, 0.35);
}
.hero-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 28px;
}
.point-card,
.floating-panel,
.art-card,
.advantage-card,
.process-card,
.case-card,
.cta-box,
.hero-frame,
.hex-card {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(10, 27, 42, 0.82), rgba(6, 18, 29, 0.92));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: var(--shadow);
}
.point-card::before,
.floating-panel::before,
.art-card::before,
.advantage-card::before,
.process-card::before,
.case-card::before,
.cta-box::before,
.hero-frame::before,
.hex-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.12), transparent 34%, transparent 64%, rgba(85,217,255,0.08));
  pointer-events: none;
}
.point-card {
  padding: 20px;
  border-radius: 24px;
}
.point-card strong { display: block; font-size: 22px; margin-bottom: 8px; }
.point-card span { color: var(--muted); line-height: 1.55; }
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 32px;
}
.hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 28px;
}
.hero-stats div {
  padding: 18px 0 0;
  border-top: 1px solid rgba(255,255,255,0.12);
}
.hero-stats strong {
  display: block;
  color: var(--gold-strong);
  font-size: var(--font-lg);
  margin-bottom: 8px;
}
.hero-stats span { color: var(--muted); line-height: 1.5; }
.hero-visual { position: relative; min-height: 620px; display: grid; gap: 18px; align-content: start; grid-template-columns: 1fr; }
.hero-frame {
  border-radius: 38px;
  padding: 18px;
  height: 100%;
  min-height: 560px;
}
.hero-frame img {
  width: 100%;
  height: 100%;
  min-height: 524px;
  object-fit: cover;
  border-radius: 28px;
}
.hero-lights {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 0% 50%, rgba(245, 201, 106, 0.26), transparent 36%),
    radial-gradient(circle at 100% 0%, rgba(85, 217, 255, 0.22), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.04), transparent 45%);
  pointer-events: none;
}
.hero-frame-overlay {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.hero-frame-overlay-below {
  position: relative;
  inset: auto;
  padding: 10px 10px 0;
  justify-content: center;
  z-index: 2;
  margin-top: -2px;
}
.mini-badge {
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(4, 17, 27, 0.68);
  border: 1px solid rgba(255,255,255,0.1);
  backdrop-filter: blur(12px);
  font-weight: 700;
}
.floating-panel {
  position: relative;
  width: min(300px, 100%);
  padding: 20px 22px;
  border-radius: 26px;
  backdrop-filter: blur(18px);
  justify-self: start;
}
.floating-panel span { display: block; color: var(--gold-strong); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.12em; font-size: 12px; }
.floating-panel strong { font-size: 22px; line-height: 1.2; }
.panel-a { left: auto; bottom: auto; margin-top: 6px; }
.panel-b { right: auto; bottom: auto; justify-self: end; margin-top: -6px; }

.services-section { padding-top: 60px; }
.honeycomb-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(160px, 1fr));
  grid-template-rows: repeat(5, auto);
  gap: 12px 12px;
  align-items: center;
  justify-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
}
.hex-card {
  clip-path: polygon(25% 6%, 75% 6%, 98% 50%, 75% 94%, 25% 94%, 2% 50%);
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1.02 / 0.9;
  padding: 42px 28px 34px;
  min-height: 0;
  text-align: center;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(180deg, rgba(24, 16, 2, 0.92), rgba(12, 20, 29, 0.96));
  border: 1px solid rgba(247, 209, 102, 0.34);
  box-shadow: 0 18px 40px rgba(0,0,0,0.28), 0 0 0 1px rgba(247, 209, 102, 0.08), 0 0 36px rgba(247, 209, 102, 0.10);
  transition: transform 0.35s ease, box-shadow 0.35s ease, filter 0.35s ease;
  animation: hexFloat 5.8s ease-in-out infinite;
}
.hex-card::before {
  background: linear-gradient(135deg, rgba(255,255,255,0.10), transparent 30%, rgba(247,209,102,0.12) 62%, rgba(247,209,102,0.03) 100%);
}
.hex-card::after {
  content: "";
  position: absolute;
  inset: 10px;
  clip-path: polygon(25% 6%, 75% 6%, 98% 50%, 75% 94%, 25% 94%, 2% 50%);
  border: 1px solid rgba(247, 209, 102, 0.18);
  pointer-events: none;
}
.hex-card:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 26px 50px rgba(0,0,0,0.35), 0 0 0 1px rgba(247, 209, 102, 0.20), 0 0 56px rgba(247, 209, 102, 0.18);
  filter: saturate(1.08);
}
.hex-card:nth-child(1) { grid-column: 3; grid-row: 3; }
.hex-card:nth-child(2) { grid-column: 3; grid-row: 1; }
.hex-card:nth-child(3) { grid-column: 4; grid-row: 2; }
.hex-card:nth-child(4) { grid-column: 4; grid-row: 4; }
.hex-card:nth-child(5) { grid-column: 3; grid-row: 5; }
.hex-card:nth-child(6) { grid-column: 2; grid-row: 4; }
.hex-card:nth-child(7) { grid-column: 2; grid-row: 2; }
.hex-card:nth-child(2) { animation-delay: 0.3s; }
.hex-card:nth-child(3) { animation-delay: 0.6s; }
.hex-card:nth-child(4) { animation-delay: 0.9s; }
.hex-card:nth-child(5) { animation-delay: 0.2s; }
.hex-card:nth-child(6) { animation-delay: 0.5s; }
.hex-card:nth-child(7) { animation-delay: 0.8s; }
.hex-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 16px;
  color: #f7d166;
  filter: drop-shadow(0 0 12px rgba(247, 209, 102, 0.22));
}
.hex-icon path, .hex-icon circle, .hex-icon rect, .hex-icon polyline, .hex-icon line {
  stroke: currentColor;
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hex-card h3 {
  margin: 0 0 14px;
  font-size: var(--font-lg);
  line-height: 1.1;
}
.hex-card p { margin: 0; color: var(--muted); line-height: 1.65; }


@keyframes hexFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

.showcase-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.9fr);
  gap: 28px;
  align-items: center;
}
.advantage-list { display: grid; gap: 18px; margin-top: 34px; }
.advantage-card {
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 18px;
  padding: 24px;
  border-radius: 28px;
}
.advantage-card span {
  width: 78px;
  height: 78px;
  border-radius: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 26px;
  background: linear-gradient(135deg, rgba(245,201,106,0.18), rgba(85,217,255,0.14));
  color: var(--gold-strong);
  border: 1px solid rgba(255,255,255,0.08);
}
.advantage-card h3,
.process-card h3,
.case-card h3 { margin: 0 0 10px; font-size: var(--font-lg); line-height: 1.15; }
.advantage-card p,
.process-card p,
.case-card p { margin: 0; color: var(--muted); line-height: 1.7; }

.art-card {
  padding: 26px;
  border-radius: 32px;
}
.art-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.art-item {
  min-height: 150px;
  border-radius: 26px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 18px;
  border: 1px solid rgba(255,255,255,0.08);
  background:
    linear-gradient(145deg, rgba(245,201,106,0.16), transparent 44%),
    linear-gradient(180deg, rgba(7, 19, 31, 0.82), rgba(11, 31, 49, 0.95));
  overflow: hidden;
  position: relative;
}
.art-item::after {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.08);
  pointer-events: none;
}
.art-item.large { min-height: 220px; grid-column: span 2; }
.art-item span { font-size: clamp(22px, 3vw, 28px); font-weight: 900; letter-spacing: -0.05em; }

.process-line {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.process-card,
.case-card {
  padding: 26px;
  border-radius: 28px;
}
.process-card strong {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--gold-strong);
  font-size: 18px;
}
.cases-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.case-type {
  display: inline-flex;
  margin-bottom: 16px;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: var(--cyan);
}
.cta-box {
  padding: 40px;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: flex-end;
  align-items: center;
}
.contact-meta {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  color: var(--muted);
}
.contact-meta-item strong {
  color: var(--text);
}
.contact-meta-item a {
  color: var(--gold-strong);
}

.site-footer {
  padding: 28px 0 36px;
  border-top: 1px solid rgba(255,255,255,0.08);
  background: rgba(0,0,0,0.12);
}
.footer-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 0.8fr;
  gap: 20px;
  align-items: start;
}
.site-footer p, .footer-links, .footer-contacts {
  color: var(--muted);
  line-height: 1.7;
}
.footer-links, .footer-contacts {
  display: grid;
  gap: 8px;
}

.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.9s ease, transform 0.9s ease;
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
.tilt-card {
  transform-style: preserve-3d;
  transition: transform 0.2s ease;
  will-change: transform;
}

@media (max-width: 1180px) {
  .desktop-nav, .phone-link, .header-actions .btn { display: none; }
  .burger { display: inline-flex; }
  .hero-grid,
  .showcase-grid,
  .cta-box,
  .footer-inner,
  .process-line { grid-template-columns: 1fr; }
  .hero-visual { min-height: auto; }
  .panel-a, .panel-b { position: relative; inset: auto; margin-top: 16px; width: 100%; }
  .honeycomb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hero-frame-overlay-below { justify-content: flex-start; padding: 0; }
  .cta-actions { justify-content: flex-start; }
  .hex-card,
  .hex-card:nth-child(1),
  .hex-card:nth-child(2),
  .hex-card:nth-child(3),
  .hex-card:nth-child(4),
  .hex-card:nth-child(5),
  .hex-card:nth-child(6),
  .hex-card:nth-child(7) {
    transform: none;
    margin-bottom: 0;
    animation: none;
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 860px) {
  .hero-grid { gap: 22px; }
  .hero-actions .btn, .cta-actions .btn { width: 100%; }
  .hero-frame-overlay-below { padding: 0; }

  .section { padding: 84px 0; }
  .header-inner { min-height: 78px; }
  .hero-section { padding-top: 34px; }
  .hero-copy h1 { font-size: clamp(24px, 8vw, 28px); }
  .hero-points,
  .hero-stats,
  .cases-grid { grid-template-columns: 1fr; }
  .honeycomb-grid { grid-template-columns: 1fr; }
  .hex-card {
    clip-path: none;
    min-height: auto;
    border-radius: 28px;
    text-align: left;
    padding: 28px 24px;
  }
  .hex-icon { margin: 0 0 16px; }
  .hero-frame { min-height: auto; }
  .hero-frame img { min-height: 320px; object-position: center; }
}

@media (max-width: 640px) {
  .container { width: min(100% - 22px, 1280px); }
  .logo-text { font-size: 20px; }
  .hero-copy .eyebrow { font-size: 11px; }
  .section-head h2,
  .showcase-copy h2,
  .cta-box h2 { font-size: 28px; }
  .hex-card h3,
  .advantage-card h3,
  .process-card h3,
  .case-card h3,
  .hero-stats strong { font-size: 28px; }
  .hero-text,
  .section-head p,
  .showcase-copy p,
  .cta-box p,
  .advantage-card p,
  .process-card p,
  .case-card p,
  .hex-card p { font-size: 16px; }
  .advantage-card { grid-template-columns: 1fr; }
  .advantage-card span { width: 64px; height: 64px; font-size: 22px; }
  .cta-box { padding: 28px; }
}


.site-header {
  background: rgba(3, 10, 16, 0.78);
  border-bottom: 1px solid rgba(245, 201, 106, 0.12);
}
.header-inner { min-height: 78px; }
.site-header.scrolled .header-inner { min-height: 62px; }

.hero-modern {
  display: block;
  min-height: auto;
  padding: 0 0 72px;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 100%, rgba(245, 201, 106, 0.16), transparent 28%),
    radial-gradient(circle at 88% 76%, rgba(85, 217, 255, 0.12), transparent 28%),
    linear-gradient(180deg, #031019 0%, #06111b 100%);
}
.hero-banner-stage {
  width: 100%;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(245, 201, 106, 0.16);
  box-shadow: 0 28px 90px rgba(0,0,0,0.35);
}
.hero-banner-stage::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 24%;
  background: linear-gradient(180deg, transparent, rgba(3, 10, 16, 0.58));
  pointer-events: none;
}
.hero-banner-stage img {
  width: 100%;
  height: clamp(360px, 48vw, 690px);
  object-fit: cover;
  object-position: center;
}
.hero-intro-panel {
  margin-top: -36px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.6fr);
  gap: 22px;
  align-items: stretch;
  background: linear-gradient(135deg, rgba(8, 22, 35, 0.92), rgba(9, 15, 21, 0.86));
  border: 1px solid rgba(245, 201, 106, 0.20);
  border-radius: 30px;
  padding: 26px;
  box-shadow: 0 26px 90px rgba(0,0,0,0.42), 0 0 55px rgba(245,201,106,0.08);
  backdrop-filter: blur(18px);
}
.hero-copy-wide h1 {
  margin: 16px 0 14px;
  font-size: clamp(24px, 2.6vw, 28px);
  line-height: 1.15;
  letter-spacing: -0.03em;
}
.hero-copy-wide h1 span { color: var(--gold-strong); text-shadow: 0 0 24px rgba(245,201,106,0.32); }
.hero-actions-clean { margin-top: 24px; }
.btn-phone-header {
  color: #071420;
  background: linear-gradient(135deg, #f5c96a, #fff0b5);
  box-shadow: 0 16px 42px rgba(245, 201, 106, 0.25);
}
.hero-stats-clean {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.hero-stats-clean div {
  padding: 18px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 22px;
  background: rgba(255,255,255,0.035);
}

.services-section { padding-top: 88px; }
.honeycomb-grid {
  --hex-w: 250px;
  --hex-h: 220px;
  --hex-x: 188px;
  --hex-y: 108px;
  position: relative;
  display: block;
  width: calc(var(--hex-w) + var(--hex-x) * 2);
  height: calc(var(--hex-h) + var(--hex-y) * 2);
  margin: 0 auto;
  filter: drop-shadow(0 0 28px rgba(245,201,106,0.13));
}
.hex-card {
  position: absolute;
  width: var(--hex-w);
  max-width: none;
  height: var(--hex-h);
  aspect-ratio: auto;
  padding: 28px 24px 24px;
  background:
    radial-gradient(circle at 50% 36%, rgba(255, 232, 160, 0.18), transparent 43%),
    linear-gradient(180deg, rgba(36, 23, 4, 0.96), rgba(7, 17, 26, 0.98));
  border: 1px solid rgba(255, 221, 128, 0.58);
  box-shadow:
    inset 0 0 28px rgba(255, 204, 86, 0.08),
    0 18px 42px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255, 218, 120, 0.12),
    0 0 34px rgba(255, 184, 44, 0.17);
  animation: hexFloat 5.8s ease-in-out infinite, hexGlow 3.5s ease-in-out infinite;
}
.hex-card:hover {
  z-index: 5;
  transform: translateY(-10px) scale(1.04) rotateX(3deg);
  box-shadow:
    inset 0 0 34px rgba(255, 221, 128, 0.14),
    0 28px 56px rgba(0,0,0,0.42),
    0 0 62px rgba(255, 192, 58, 0.28);
}
.hex-card:nth-child(1) { left: var(--hex-x); top: var(--hex-y); grid-column: auto; grid-row: auto; }
.hex-card:nth-child(2) { left: var(--hex-x); top: 0; grid-column: auto; grid-row: auto; }
.hex-card:nth-child(3) { left: calc(var(--hex-x) * 2); top: calc(var(--hex-y) * 0.5); grid-column: auto; grid-row: auto; }
.hex-card:nth-child(4) { left: calc(var(--hex-x) * 2); top: calc(var(--hex-y) * 1.5); grid-column: auto; grid-row: auto; }
.hex-card:nth-child(5) { left: var(--hex-x); top: calc(var(--hex-y) * 2); grid-column: auto; grid-row: auto; }
.hex-card:nth-child(6) { left: 0; top: calc(var(--hex-y) * 1.5); grid-column: auto; grid-row: auto; }
.hex-card:nth-child(7) { left: 0; top: calc(var(--hex-y) * 0.5); grid-column: auto; grid-row: auto; }
.hex-icon { width: 52px; height: 52px; margin-bottom: 10px; }
.hex-card h3 { font-size: 22px; margin-bottom: 8px; }
.hex-card p { font-size: 14px; line-height: 1.45; color: #d2dbe5; }
@keyframes hexGlow {
  0%,100% { filter: brightness(1); }
  50% { filter: brightness(1.13); }
}

.showcase-section {
  background:
    radial-gradient(circle at 18% 20%, rgba(245,201,106,0.10), transparent 24%),
    radial-gradient(circle at 80% 10%, rgba(85,217,255,0.10), transparent 26%);
}
.advantage-media-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}
.advantage-media-card {
  position: relative;
  overflow: hidden;
  min-height: 390px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,0.10);
  background: linear-gradient(180deg, rgba(12, 24, 36, 0.92), rgba(6, 15, 24, 0.98));
  box-shadow: 0 22px 70px rgba(0,0,0,0.32);
}
.advantage-media-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform .45s ease, filter .45s ease;
}
.advantage-media-card:hover img { transform: scale(1.07); filter: saturate(1.15); }
.advantage-media-card div { padding: 20px; }
.advantage-media-card h3 { margin: 0 0 10px; font-size: 24px; }
.advantage-media-card p { margin: 0; color: var(--muted); line-height: 1.55; font-size: 15px; }
.advantage-list-bottom {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 24px;
}

@media (max-width: 1180px) {
  .hero-intro-panel { grid-template-columns: 1fr; }
  .advantage-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .advantage-list-bottom { grid-template-columns: 1fr; }
  .honeycomb-grid { transform: scale(.86); transform-origin: top center; margin-bottom: -70px; }
}
@media (max-width: 860px) {
  .hero-banner-stage img { height: 330px; }
  .hero-intro-panel { margin-top: -18px; padding: 20px; border-radius: 24px; }
  .honeycomb-grid {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    height: auto;
    transform: none;
    margin-bottom: 0;
    gap: 14px;
  }
  .hex-card,
  .hex-card:nth-child(n) {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    min-height: 210px;
    clip-path: polygon(25% 6%, 75% 6%, 98% 50%, 75% 94%, 25% 94%, 2% 50%);
    text-align: center;
  }
  .hex-icon { margin: 0 auto 12px; }
  .advantage-media-grid { grid-template-columns: 1fr; }
  .advantage-media-card { min-height: auto; }
  .advantage-media-card img { height: 240px; }
}
@media (max-width: 640px) {
  .hero-banner-stage img { height: 260px; }
  .hero-actions-clean .btn { width: 100%; }
  .hero-copy-wide h1 { font-size: 28px; }
  .hex-card h3, .advantage-media-card h3 { font-size: 24px; }
}

:root{--bg:#f6f1e6;--bg-deep:#fff8e9;--panel:rgba(255,255,255,.82);--panel-strong:rgba(255,255,255,.96);--stroke:rgba(160,103,20,.18);--text:#18202a;--muted:#526071;--gold:#f5b72e;--gold-strong:#ff9700;--cyan:#2e8bbd;--green:#19d864;--red:#ff6a00;--shadow:0 22px 70px rgba(95,72,34,.18)}
body{background:radial-gradient(circle at 14% 8%,rgba(255,184,43,.28),transparent 28%),radial-gradient(circle at 86% 14%,rgba(51,163,205,.14),transparent 26%),linear-gradient(180deg,#fff7e7 0%,#f5f0e6 45%,#edf3ed 100%);color:var(--text)}
#particle-canvas{opacity:.22;mix-blend-mode:multiply}.cursor-glow{display:none}.site-header{background:rgba(255,250,240,.9)!important;border-bottom:1px solid rgba(162,108,23,.14);box-shadow:0 14px 44px rgba(78,58,28,.1);backdrop-filter:blur(18px)}.site-header.scrolled{background:rgba(255,251,244,.97)!important;box-shadow:0 18px 48px rgba(78,58,28,.14)}.logo-text,.desktop-nav a,.mobile-menu a,.contact-meta-item strong{color:#18202a}.logo-text span{color:#ff6a00}.logo-mark{color:#ffb72e}.desktop-nav{background:rgba(255,255,255,.72);border-color:rgba(151,100,20,.16)}.desktop-nav a,.pill-link{color:#435061}.desktop-nav a:hover,.pill-link:hover{color:#101820;background:rgba(255,180,35,.14)}
.phone-highlight,.btn-primary,.btn-phone-header{background:linear-gradient(135deg,#ffb21d,#ff7a00)!important;color:#fff!important;box-shadow:0 14px 32px rgba(255,122,0,.28)}.btn-whatsapp,.btn-accent{background:linear-gradient(135deg,#06c957,#5cff85)!important;color:#062812!important;box-shadow:0 14px 34px rgba(6,201,87,.32)}.btn-instagram{box-shadow:0 14px 34px rgba(205,43,120,.22)}.btn-secondary{background:rgba(255,255,255,.76);border-color:rgba(255,122,0,.28);color:#18202a}.mobile-menu a{background:rgba(255,255,255,.86);border-color:rgba(162,108,23,.14)}.burger{background:#fff;border-color:rgba(162,108,23,.2)}.burger span{background:#18202a}
.hero-modern{padding:0 0 70px;background:linear-gradient(180deg,#fff7e7 0%,#f7efe2 100%)}.hero-banner-stage{border-bottom:0;box-shadow:0 18px 55px rgba(73,55,27,.2)}.hero-banner-stage:after{display:none!important}.hero-banner-stage img{height:clamp(370px,43vw,640px);object-fit:cover;object-position:center 48%;filter:brightness(1.08) contrast(1.02) saturate(1.04)}.hero-intro-panel{margin-top:24px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.55fr);background:rgba(255,255,255,.88);border:1px solid rgba(255,151,0,.18);box-shadow:0 24px 72px rgba(93,67,28,.16);backdrop-filter:blur(12px)}.eyebrow,.section-tag{color:#a25b00;background:rgba(255,173,25,.13);border-color:rgba(255,151,0,.24)}.hero-copy-wide h1 span{color:#ff7a00;text-shadow:none}.hero-text,.section-head p,.showcase-copy p,.cta-box p{color:#526071}.hero-stats-clean div{background:#fff;border-color:rgba(162,108,23,.12);box-shadow:0 12px 30px rgba(92,66,28,.08)}.hero-stats strong{color:#ff7a00}
.section{padding:94px 0}.services-section{padding-top:86px;background:linear-gradient(180deg,#f7efe2 0%,#fff9ed 100%)}.section-head{margin-bottom:38px}.section-head h2,.showcase-copy h2,.cta-box h2{color:#17202b;letter-spacing:-.025em}.section-head p{font-size:17px}.honeycomb-grid{--hex-w:260px;--hex-h:238px;display:flex!important;flex-direction:column;align-items:center;width:100%!important;height:auto!important;margin:0 auto!important;filter:none;gap:0;transform:none!important;overflow:visible;padding:6px 0 16px}.honey-row{display:flex;justify-content:center;gap:0;margin:0}.honey-row+.honey-row{margin-top:-47px}.hex-card,.hex-card:nth-child(n){position:relative!important;left:auto!important;top:auto!important;grid-column:auto!important;grid-row:auto!important;width:var(--hex-w)!important;height:var(--hex-h)!important;max-width:none!important;margin:0 -7px!important;padding:32px 26px 28px!important;clip-path:polygon(25% 6%,75% 6%,98% 50%,75% 94%,25% 94%,2% 50%)!important;background:radial-gradient(circle at 50% 28%,rgba(255,244,172,.62),transparent 45%),linear-gradient(180deg,#fff4bf 0%,#ffc845 48%,#f09a00 100%)!important;border:0!important;color:#1b1b19!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 0 -18px 34px rgba(136,73,0,.16),0 16px 34px rgba(150,98,16,.22),0 0 0 3px rgba(255,255,255,.72),0 0 36px rgba(255,181,24,.28)!important;animation:hexFloatSoft 5.2s ease-in-out infinite!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;z-index:1;transition:transform .35s ease,box-shadow .35s ease,filter .35s ease!important}.hex-card:before{background:linear-gradient(135deg,rgba(255,255,255,.42),transparent 38%,rgba(255,255,255,.14) 70%)}.hex-card:after{inset:12px;border:1px solid rgba(126,75,0,.22)}.hex-card:hover{z-index:6;transform:translateY(-12px) scale(1.045)!important;filter:saturate(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -18px 34px rgba(136,73,0,.13),0 24px 50px rgba(150,98,16,.3),0 0 0 3px rgba(255,255,255,.88),0 0 55px rgba(255,181,24,.46)!important}.hex-icon{width:48px!important;height:48px!important;margin:0 auto 10px!important;color:#6f4300!important;filter:none!important}.hex-icon path,.hex-icon circle,.hex-icon rect,.hex-icon polyline,.hex-icon line{stroke-width:3.2}.hex-card h3{font-size:21px!important;line-height:1.12;margin:0 0 8px;color:#191813}.hex-card p{font-size:13.5px!important;line-height:1.38;color:#332c1e;margin:0;max-width:190px}.hex-card:nth-child(2),.hex-card:nth-child(5){animation-delay:.25s!important}.hex-card:nth-child(3),.hex-card:nth-child(6){animation-delay:.5s!important}.hex-card:nth-child(4),.hex-card:nth-child(7){animation-delay:.75s!important}@keyframes hexFloatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.showcase-section{background:linear-gradient(180deg,#fff9ed 0%,#f3f6ef 100%)}.advantage-media-card,.advantage-card,.process-card,.case-card,.cta-box,.point-card,.floating-panel,.art-card,.hero-frame{background:rgba(255,255,255,.86)!important;border:1px solid rgba(137,96,30,.14)!important;box-shadow:0 18px 54px rgba(82,61,31,.13)!important;color:#18202a}.advantage-media-card img{background:#f5efe5}.advantage-media-card h3,.advantage-card h3,.process-card h3,.case-card h3{color:#17202b}.advantage-media-card p,.advantage-card p,.process-card p,.case-card p,.site-footer p,.footer-links,.footer-contacts{color:#526071}.advantage-card span{background:linear-gradient(135deg,#ffbf35,#ff7a00);color:#fff;border:0}.case-type{color:#9a5b00;background:rgba(255,180,35,.14);border-color:rgba(255,151,0,.22)}.cta-section{background:linear-gradient(180deg,#f3f6ef 0%,#fff7e7 100%)}.site-footer{background:#fff7e7;border-top:1px solid rgba(137,96,30,.14)}.contact-meta-item a,.footer-contacts a{color:#d46f00}.footer-logo .small-mark{background:radial-gradient(circle,#ffb72e,transparent 72%)}
@media(max-width:1180px){.hero-intro-panel{grid-template-columns:1fr}.advantage-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.honeycomb-grid{transform:none!important}.honey-row+.honey-row{margin-top:-38px}.hex-card,.hex-card:nth-child(n){width:220px!important;height:202px!important;margin:0 -5px!important;padding:26px 22px 24px!important}.hex-card h3{font-size:19px!important}.hex-card p{font-size:12.5px!important;max-width:165px}.hex-icon{width:42px!important;height:42px!important}}
@media(max-width:860px){.hero-banner-stage img{height:320px;object-position:center}.hero-intro-panel{margin-top:16px}.honeycomb-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:0}.honey-row{display:contents!important}.honey-row+.honey-row{margin-top:0}.hex-card,.hex-card:nth-child(n){width:100%!important;height:auto!important;min-height:190px!important;margin:0!important;clip-path:polygon(25% 6%,75% 6%,98% 50%,75% 94%,25% 94%,2% 50%)!important}.hex-card p{max-width:260px}.advantage-media-grid{grid-template-columns:1fr}.section{padding:78px 0}.desktop-nav,.phone-link,.header-actions .btn{display:none}.burger{display:inline-flex}}
@media(max-width:640px){.hero-banner-stage img{height:250px}.hero-copy-wide h1{font-size:28px}.hero-intro-panel{padding:18px;border-radius:22px}.hex-card,.hex-card:nth-child(n){min-height:180px!important}.hex-card h3{font-size:20px!important}.hex-card p{font-size:13px!important}.section-head p,.hero-text{font-size:16px}.advantage-media-card img{height:210px}}

/* FINAL EURO MINIMAL LIGHT STYLE — P4OLA */
:root{
  --bg:#f4f1eb;
  --bg-deep:#ffffff;
  --panel:rgba(255,255,255,.92);
  --panel-strong:#ffffff;
  --stroke:rgba(24,32,42,.10);
  --text:#15191f;
  --muted:#59616d;
  --gold:#e5aa23;
  --gold-strong:#f0b427;
  --cyan:#64748b;
  --green:#19d864;
  --red:#ff7a00;
  --shadow:0 18px 48px rgba(23,25,30,.10);
  --radius:26px;
}
html,body{background:#f4f1eb!important;color:var(--text)!important;}
body{
  background:
    radial-gradient(circle at 8% 4%, rgba(229,170,35,.16), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(20,24,29,.05), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f7f5f0 36%,#f1eee7 100%)!important;
}
#particle-canvas,.cursor-glow{display:none!important;}
.container{width:min(1240px,calc(100% - 34px));}
.site-header{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid rgba(21,25,31,.08)!important;
  box-shadow:0 12px 36px rgba(15,18,22,.08)!important;
}
.site-header.scrolled{background:rgba(255,255,255,.98)!important;box-shadow:0 14px 42px rgba(15,18,22,.10)!important;}
.header-inner{min-height:76px!important;}
.logo-text,.desktop-nav a,.mobile-menu a{color:#15191f!important;}
.logo-mark{color:#e5aa23!important;filter:none!important;}
.logo-text span{color:#e5aa23!important;}
.desktop-nav{background:#f7f7f5!important;border:1px solid rgba(21,25,31,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}
.desktop-nav a,.pill-link{color:#454c57!important;font-weight:700;}
.desktop-nav a:hover,.pill-link:hover{color:#11151b!important;background:#fff!important;box-shadow:0 10px 24px rgba(20,24,29,.08);}
.btn{border-radius:14px!important;min-height:50px!important;font-weight:800;}
.phone-highlight,.btn-primary,.btn-phone-header{background:linear-gradient(135deg,#f4bd35,#e29300)!important;color:#15191f!important;box-shadow:0 14px 30px rgba(226,147,0,.22)!important;}
.btn-secondary{background:#ffffff!important;border-color:rgba(21,25,31,.14)!important;color:#15191f!important;box-shadow:0 12px 30px rgba(21,25,31,.08)!important;}
.btn-whatsapp,.btn-accent{background:linear-gradient(135deg,#0bd75e,#59f78c)!important;color:#062812!important;box-shadow:0 14px 30px rgba(11,215,94,.28)!important;}
.btn-instagram{background:linear-gradient(135deg,#ff8a00,#ff375f 52%,#7b45ff)!important;color:#fff!important;box-shadow:0 14px 30px rgba(255,55,95,.20)!important;}
.burger{background:#fff!important;border-color:rgba(21,25,31,.12)!important;}.burger span{background:#15191f!important;}
.mobile-menu a{background:#fff!important;border-color:rgba(21,25,31,.08)!important;}

.hero-modern{background:#fff!important;padding:0 0 76px!important;}
.hero-banner-stage{box-shadow:0 18px 42px rgba(21,25,31,.12)!important;border-bottom:1px solid rgba(21,25,31,.08)!important;background:#fff;}
.hero-banner-stage:after{display:none!important;}
.hero-banner-stage img{height:clamp(390px,42vw,630px)!important;object-fit:cover!important;object-position:center!important;filter:brightness(1.08) contrast(1.02) saturate(1.04)!important;}
.hero-intro-panel{
  margin-top:28px!important;
  background:#fff!important;
  border:1px solid rgba(21,25,31,.10)!important;
  box-shadow:0 24px 60px rgba(21,25,31,.10)!important;
  border-radius:28px!important;
  padding:30px!important;
}
.eyebrow,.section-tag{background:#fff7df!important;border:1px solid rgba(229,170,35,.26)!important;color:#9c6a00!important;}
.hero-copy-wide h1,.section-head h2,.showcase-copy h2,.cta-box h2{color:#15191f!important;letter-spacing:-.035em!important;}
.hero-copy-wide h1 span{color:#d28a00!important;text-shadow:none!important;}
.hero-text,.section-head p,.showcase-copy p,.cta-box p,.hero-stats span{color:#59616d!important;}
.hero-stats-clean div{background:#f8f8f6!important;border:1px solid rgba(21,25,31,.08)!important;box-shadow:none!important;}
.hero-stats strong{color:#d28a00!important;}
.section{padding:96px 0!important;}
.section-head{max-width:760px!important;margin-bottom:42px!important;}
.services-section,.showcase-section,.cases-section,.cta-section{background:transparent!important;}

/* Honeycomb fixed: clean rows, touching cells, no pile */
.honeycomb-grid{
  --hex-w:248px;
  --hex-h:222px;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  margin:6px auto 10px!important;
  padding:8px 0 22px!important;
  gap:0!important;
  overflow:visible!important;
  filter:none!important;
  transform:none!important;
}
.honey-row{display:flex!important;justify-content:center!important;align-items:center!important;gap:0!important;margin:0!important;}
.honey-row+.honey-row{margin-top:-56px!important;}
.hex-card,.hex-card:nth-child(n){
  position:relative!important;left:auto!important;top:auto!important;grid-column:auto!important;grid-row:auto!important;
  width:var(--hex-w)!important;height:var(--hex-h)!important;max-width:none!important;min-height:0!important;
  margin:0 -31px!important;padding:30px 26px 28px!important;
  clip-path:polygon(25% 6%,75% 6%,98% 50%,75% 94%,25% 94%,2% 50%)!important;
  border:0!important;border-radius:0!important;
  background:
    radial-gradient(circle at 48% 26%,rgba(255,255,255,.72),transparent 38%),
    linear-gradient(180deg,#ffe17a 0%,#f2bd32 46%,#d98c00 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -16px 30px rgba(96,57,0,.13),
    0 16px 34px rgba(146,99,20,.22),
    0 0 0 3px rgba(255,255,255,.78),
    0 0 34px rgba(229,170,35,.26)!important;
  color:#171717!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;
  animation:hexFloatSoft 5.2s ease-in-out infinite!important;transition:transform .35s ease,box-shadow .35s ease,filter .35s ease!important;z-index:1!important;
}
.hex-card:before{background:linear-gradient(135deg,rgba(255,255,255,.45),transparent 36%,rgba(255,255,255,.16) 70%)!important;}
.hex-card:after{content:""!important;position:absolute!important;inset:12px!important;clip-path:polygon(25% 6%,75% 6%,98% 50%,75% 94%,25% 94%,2% 50%)!important;border:1px solid rgba(83,54,0,.22)!important;pointer-events:none!important;}
.hex-card:hover{z-index:10!important;transform:translateY(-10px) scale(1.045)!important;filter:saturate(1.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -16px 30px rgba(96,57,0,.10),0 24px 48px rgba(146,99,20,.30),0 0 0 3px rgba(255,255,255,.88),0 0 56px rgba(229,170,35,.44)!important;}
.hex-icon{width:46px!important;height:46px!important;margin:0 auto 10px!important;color:#3b2b09!important;filter:none!important;}
.hex-icon path,.hex-icon circle,.hex-icon rect,.hex-icon polyline,.hex-icon line{stroke-width:3.2!important;}
.hex-card h3{font-size:20px!important;line-height:1.12!important;margin:0 0 8px!important;color:#151515!important;}
.hex-card p{font-size:13px!important;line-height:1.38!important;color:#342b18!important;max-width:178px!important;margin:0!important;}
@keyframes hexFloatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* Advantages with new images: European minimal cards */
.advantage-media-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
}
.advantage-media-card{
  min-height:430px!important;
  background:#fff!important;
  border:1px solid rgba(21,25,31,.10)!important;
  border-radius:24px!important;
  box-shadow:0 18px 42px rgba(21,25,31,.10)!important;
  overflow:hidden!important;
  color:#15191f!important;
}
.advantage-media-card:before{display:none!important;}
.advantage-media-card img{
  width:100%!important;height:245px!important;object-fit:cover!important;object-position:center!important;
  background:#f6f4ef!important;filter:none!important;transition:transform .45s ease,filter .45s ease!important;
}
.advantage-media-card:hover{transform:translateY(-7px)!important;box-shadow:0 28px 60px rgba(21,25,31,.14)!important;}
.advantage-media-card:hover img{transform:scale(1.055)!important;filter:contrast(1.03) saturate(1.04)!important;}
.advantage-media-card div{padding:20px!important;}
.advantage-media-card h3{font-size:24px!important;color:#15191f!important;margin:0 0 10px!important;}
.advantage-media-card p{font-size:15px!important;line-height:1.55!important;color:#59616d!important;margin:0!important;}
.advantage-card,.process-card,.case-card,.cta-box,.point-card,.floating-panel,.art-card,.hero-frame{
  background:#fff!important;border:1px solid rgba(21,25,31,.10)!important;box-shadow:0 18px 42px rgba(21,25,31,.09)!important;color:#15191f!important;
}
.advantage-card:before,.process-card:before,.case-card:before,.cta-box:before,.point-card:before,.floating-panel:before,.art-card:before,.hero-frame:before{display:none!important;}
.advantage-card h3,.process-card h3,.case-card h3{color:#15191f!important;}
.advantage-card p,.process-card p,.case-card p,.site-footer p,.footer-links,.footer-contacts{color:#59616d!important;}
.advantage-card span{background:#15191f!important;color:#f0b427!important;border:0!important;}
.case-type{background:#fff7df!important;color:#9c6a00!important;border-color:rgba(229,170,35,.26)!important;}
.site-footer{background:#ffffff!important;border-top:1px solid rgba(21,25,31,.08)!important;}
.footer-contacts a,.contact-meta-item a{color:#c47b00!important;font-weight:800;}

@media(max-width:1180px){
  .advantage-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .honeycomb-grid{transform:scale(.88)!important;transform-origin:top center!important;margin-bottom:-64px!important;}
}
@media(max-width:860px){
  .desktop-nav,.phone-link,.header-actions .btn{display:none!important}.burger{display:inline-flex!important;}
  .hero-banner-stage img{height:320px!important;}
  .hero-intro-panel{grid-template-columns:1fr!important;margin-top:18px!important;padding:22px!important;}
  .honeycomb-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;transform:none!important;margin-bottom:0!important;padding:0!important;}
  .honey-row{display:contents!important;}
  .honey-row+.honey-row{margin-top:0!important;}
  .hex-card,.hex-card:nth-child(n){width:100%!important;height:auto!important;min-height:185px!important;margin:0!important;max-width:none!important;}
  .hex-card p{max-width:260px!important;}
  .advantage-media-grid{grid-template-columns:1fr!important;}
  .advantage-media-card{min-height:auto!important;}
  .advantage-media-card img{height:240px!important;}
}
@media(max-width:640px){
  .container{width:min(100% - 22px,1240px)!important;}
  .section{padding:76px 0!important;}
  .hero-banner-stage img{height:250px!important;}
  .hero-copy-wide h1,.section-head h2,.showcase-copy h2,.cta-box h2{font-size:28px!important;}
  .hero-actions-clean .btn,.cta-actions .btn{width:100%!important;}
  .hex-card h3{font-size:20px!important;}
  .hex-card p{font-size:13px!important;}
}

/* === P4OLA PREMIUM EURO LIGHT FINAL === */
:root{
  --bg:#f7f7f4; --bg-deep:#ffffff; --panel:rgba(255,255,255,.84); --panel-strong:#fff;
  --stroke:rgba(17,17,17,.10); --text:#111317; --muted:#5c626b; --gold:#f3ad00; --gold-strong:#f0a400;
  --cyan:#c9d6e6; --green:#11d65f; --red:#f36b00; --shadow:0 24px 70px rgba(19,24,32,.10); --radius:28px;
}
body{
  background: radial-gradient(circle at 14% 4%, rgba(243,173,0,.12), transparent 28%),
              radial-gradient(circle at 90% 18%, rgba(17,17,17,.045), transparent 30%),
              linear-gradient(180deg,#fff 0%,#f8f7f2 45%,#f4f2eb 100%) !important;
  color:var(--text) !important;
}
#particle-canvas{opacity:.10!important}.cursor-glow{display:none!important}
.site-header{background:rgba(255,255,255,.86)!important;border-bottom:1px solid rgba(17,17,17,.08)!important;box-shadow:0 16px 48px rgba(17,17,17,.06);backdrop-filter:blur(22px)}
.site-header.scrolled{background:rgba(255,255,255,.94)!important;box-shadow:0 18px 55px rgba(17,17,17,.10)!important}.header-inner{min-height:76px!important}.logo-text,.desktop-nav a{color:#111!important}.logo-text span{color:var(--gold-strong)!important}.desktop-nav{border:0;background:transparent}.desktop-nav a{color:#444!important;font-weight:700}.desktop-nav a:hover{color:#111!important;background:rgba(243,173,0,.12)}
.btn,.pill-link{border-radius:14px}.phone-highlight,.btn-primary,.btn-phone-header{background:linear-gradient(135deg,#f3ad00,#ffd46b)!important;color:#111!important;box-shadow:0 16px 34px rgba(243,173,0,.24)!important}.btn-secondary{background:#fff!important;border-color:rgba(17,17,17,.14)!important;color:#111!important}.btn-whatsapp{background:linear-gradient(135deg,#06cf56,#51ff88)!important;color:#062710!important}.btn-instagram{color:#fff!important}
.hero-modern{padding:0 0 72px!important;background:linear-gradient(180deg,#fff 0,#f6f3ea 100%)!important;overflow:hidden}.hero-banner-stage{background:#fff!important;box-shadow:none!important;border-bottom:1px solid rgba(17,17,17,.07)!important}.hero-banner-stage:after{display:none!important}.hero-banner-stage img{height:clamp(380px,42vw,620px)!important;width:100%;object-fit:cover!important;object-position:center!important;filter:saturate(1.03) contrast(1.03)}
.hero-intro-panel{margin-top:-42px!important;background:rgba(255,255,255,.90)!important;border:1px solid rgba(17,17,17,.10)!important;color:#111!important;box-shadow:0 24px 80px rgba(19,24,32,.14)!important;backdrop-filter:blur(16px)}.hero-copy-wide h1,.section-head h2,.case-card h3,.process-card h3,.advantage-card h3,.cta-box h2{color:#111!important}.hero-copy-wide h1 span,.section-tag{color:var(--gold-strong)!important;text-shadow:none!important}.hero-text,.section-head p,.hero-stats span,.case-card p,.process-card p,.advantage-card p,.contact-meta-item,.site-footer p{color:var(--muted)!important}.hero-stats-clean div{background:#fff!important;border:1px solid rgba(17,17,17,.08)!important;box-shadow:0 14px 40px rgba(17,17,17,.06)}.hero-stats strong{color:#111!important}
.section{background:transparent!important}.services-section{padding-top:88px!important}.section-head{max-width:760px}.section-head h2{font-size:28px!important}.section-head p{font-size:16px!important}
.honeycomb-grid{position:relative!important;display:grid!important;grid-template-columns:repeat(4,minmax(180px,1fr))!important;gap:24px!important;width:100%!important;height:auto!important;margin:34px auto 0!important;filter:none!important;transform:none!important}.honey-row{display:contents!important}.hex-card,.hex-card:nth-child(n){position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:280px!important;min-height:280px!important;padding:34px 26px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)!important;background:linear-gradient(180deg,#fff,#fbfaf5)!important;border:1px solid rgba(243,173,0,.55)!important;color:#111!important;box-shadow:0 24px 60px rgba(19,24,32,.10), inset 0 0 0 1px rgba(255,255,255,.7)!important;animation:premiumFloat 7s ease-in-out infinite!important}.hex-card:nth-of-type(2n){transform:translateY(34px)}.hex-card:hover{z-index:4!important;transform:translateY(-10px) scale(1.03)!important;box-shadow:0 30px 75px rgba(19,24,32,.16),0 0 0 5px rgba(243,173,0,.10)!important;background:linear-gradient(180deg,#fffaf0,#fff)!important}.hex-icon{width:46px!important;height:46px!important;color:var(--gold-strong)!important;margin:0 auto 12px!important}.hex-icon svg{stroke:currentColor;fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.hex-card h3{font-size:21px!important;color:#111!important;margin:0 0 10px!important}.hex-card p{font-size:14px!important;line-height:1.45!important;color:#555!important;max-width:190px}@keyframes premiumFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
.showcase-section{background:linear-gradient(180deg,#f8f7f2,#fff)!important}.advantage-media-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:22px!important}.advantage-media-card{background:#fff!important;border:1px solid rgba(17,17,17,.10)!important;border-radius:20px!important;min-height:390px!important;color:#111!important;box-shadow:0 24px 58px rgba(19,24,32,.10)!important}.advantage-media-card img{height:220px!important;object-fit:cover!important;background:#f4f4f2}.advantage-media-card h3{color:#111!important;font-size:22px!important}.advantage-media-card p{color:#555!important;font-size:15px!important}.advantage-list-bottom{grid-template-columns:repeat(3,1fr)!important}.advantage-card,.case-card,.process-card,.cta-box{background:#fff!important;border:1px solid rgba(17,17,17,.10)!important;color:#111!important;box-shadow:0 20px 54px rgba(19,24,32,.08)!important}.advantage-card span,.process-card strong{background:linear-gradient(135deg,#f3ad00,#ffd46b)!important;color:#111!important}.cases-grid,.process-line{gap:22px}.site-footer{background:#111!important;color:#fff!important}.site-footer a{color:#fff!important}.footer-contacts span{color:#ddd!important}.mobile-menu{background:rgba(255,255,255,.98)!important;color:#111!important;border-color:rgba(17,17,17,.10)!important}.burger span{background:#111!important}
body *,body *::before,body *::after{font-size:min(var(--fs, inherit),28px)}
h1,h2{font-size:28px!important}.hero-copy-wide h1{font-size:28px!important}.hero-copy-wide .eyebrow,.eyebrow{font-size:13px!important}.btn,.pill-link{font-size:14px!important}.logo-text{font-size:24px!important}
@media(max-width:1180px){.advantage-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.honeycomb-grid{grid-template-columns:repeat(3,minmax(180px,1fr))!important}.advantage-list-bottom{grid-template-columns:1fr!important}.hex-card:nth-of-type(2n){transform:none}}
@media(max-width:760px){.hero-banner-stage img{height:360px!important}.hero-intro-panel{margin-top:-22px!important;padding:20px!important}.honeycomb-grid{grid-template-columns:1fr!important;gap:16px!important}.hex-card,.hex-card:nth-child(n){clip-path:none!important;border-radius:24px!important;height:auto!important;min-height:190px!important}.advantage-media-grid{grid-template-columns:1fr!important}.advantage-media-card{min-height:auto!important}.advantage-media-card img{height:240px!important}.header-actions .phone-link,.header-actions .btn{display:none}.desktop-nav{display:none}.burger{display:flex!important}}

/* =========================================================
   P4OLA.KZ — TOP KZ PREMIUM FINAL OVERRIDES
   Светлый европейский стиль, баннер-пчела, 3D depth, max fonts 28px
   ========================================================= */
:root{
  --p4-bg:#f7f6f2;--p4-white:#fff;--p4-text:#121417;--p4-muted:#59616d;--p4-line:rgba(18,20,23,.10);--p4-gold:#f2ad00;--p4-gold-2:#ffd36a;--p4-dark:#111417;--p4-green:#10d65f;--p4-shadow:0 24px 70px rgba(18,20,23,.11);--p4-soft-shadow:0 16px 46px rgba(18,20,23,.08)}
html,body{max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 12% 8%,rgba(242,173,0,.12),transparent 28%),radial-gradient(circle at 86% 16%,rgba(18,20,23,.045),transparent 30%),linear-gradient(180deg,#fff 0%,#f8f7f2 48%,#f3f1ea 100%)!important;color:var(--p4-text)!important}#particle-canvas{opacity:.08!important;mix-blend-mode:multiply!important}.cursor-glow{display:none!important}.container{width:min(1240px,calc(100% - 34px))!important}
.site-header{background:rgba(255,255,255,.88)!important;border-bottom:1px solid var(--p4-line)!important;box-shadow:0 14px 44px rgba(18,20,23,.06)!important;backdrop-filter:blur(22px)!important}.site-header.scrolled{background:rgba(255,255,255,.96)!important;box-shadow:0 18px 58px rgba(18,20,23,.10)!important}.header-inner{min-height:78px!important}.site-header.scrolled .header-inner{min-height:68px!important}.logo-text{font-size:24px!important;color:var(--p4-text)!important}.logo-text span{color:var(--p4-gold)!important}.logo-mark{color:var(--p4-gold)!important;filter:drop-shadow(0 10px 18px rgba(242,173,0,.20))!important}.desktop-nav{background:rgba(255,255,255,.55)!important;border:1px solid rgba(18,20,23,.08)!important;box-shadow:0 10px 30px rgba(18,20,23,.04)!important}.desktop-nav a,.pill-link{font-size:14px!important;color:#3b4149!important;font-weight:700!important}.desktop-nav a:hover,.pill-link:hover{color:#111!important;background:rgba(242,173,0,.13)!important}.btn,.pill-link{border-radius:15px!important;font-size:14px!important;font-weight:800!important}.phone-highlight,.btn-primary,.btn-phone-header{background:linear-gradient(135deg,var(--p4-gold),var(--p4-gold-2))!important;color:#111!important;box-shadow:0 16px 36px rgba(242,173,0,.27)!important;border:1px solid rgba(255,255,255,.70)!important}.btn-secondary{background:rgba(255,255,255,.78)!important;border:1px solid rgba(18,20,23,.16)!important;color:#111!important;box-shadow:0 12px 34px rgba(18,20,23,.07)!important}.btn-whatsapp,.btn-accent{background:linear-gradient(135deg,#07c954,#57ff89)!important;color:#062910!important;box-shadow:0 16px 38px rgba(7,201,84,.30)!important}.btn-instagram{color:#fff!important}.burger{background:#fff!important;border-color:rgba(18,20,23,.12)!important}.burger span{background:#111!important}.mobile-menu{background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--p4-line)!important}.mobile-menu a{background:#fff!important;border-color:rgba(18,20,23,.09)!important;color:#111!important}
.hero-premium{position:relative;min-height:640px;display:flex;align-items:center;padding:78px 0 76px!important;overflow:hidden;background:#fff!important;isolation:isolate}.hero-premium:before{content:"";position:absolute;inset:0;z-index:-3;background:url('../img/hero-bee-minimal.jpg') center right/cover no-repeat;transform:scale(1.012)}.hero-premium:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 28%,rgba(255,255,255,.62) 47%,rgba(255,255,255,.14) 70%,rgba(255,255,255,0) 100%);pointer-events:none}.hero-bg-depth{position:absolute;inset:auto auto 10% 7%;width:180px;height:180px;border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(242,173,0,.12));box-shadow:var(--p4-soft-shadow);transform:rotate(8deg);opacity:.45;z-index:-1;animation:p4DepthFloat 7s ease-in-out infinite}@keyframes p4DepthFloat{0%,100%{translate:0 0}50%{translate:0 -14px}}.hero-premium-inner{display:grid!important;grid-template-columns:minmax(0,560px) minmax(220px,360px);gap:44px;align-items:end!important}.hero-glass-card{max-width:560px!important;padding:34px!important;border-radius:30px!important;background:rgba(255,255,255,.70)!important;border:1px solid rgba(18,20,23,.08)!important;box-shadow:0 28px 80px rgba(18,20,23,.11),inset 0 1px 0 rgba(255,255,255,.85)!important;backdrop-filter:blur(14px)!important;transition:transform .35s ease,box-shadow .35s ease!important}.hero-glass-card:hover{transform:translateY(-5px);box-shadow:0 34px 95px rgba(18,20,23,.14),inset 0 1px 0 rgba(255,255,255,.9)!important}.eyebrow,.section-tag{font-size:12px!important;letter-spacing:.10em!important;color:#9d6a00!important;background:rgba(242,173,0,.13)!important;border:1px solid rgba(242,173,0,.24)!important}.hero-copy-wide h1,.hero-copy h1{font-size:28px!important;line-height:1.18!important;letter-spacing:-.03em!important;color:#111!important;margin:18px 0 14px!important}.hero-copy h1 span{color:var(--p4-gold)!important;text-shadow:none!important}.hero-text{font-size:16px!important;line-height:1.68!important;color:var(--p4-muted)!important}.hero-actions-clean{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px!important}.hero-premium-stats{display:grid!important;gap:14px!important}.hero-premium-stats div{background:rgba(255,255,255,.78)!important;border:1px solid rgba(18,20,23,.08)!important;border-radius:22px!important;box-shadow:var(--p4-soft-shadow)!important;backdrop-filter:blur(12px)!important;padding:18px!important}.hero-premium-stats strong{font-size:22px!important;color:#111!important}.hero-premium-stats span{font-size:14px!important;color:var(--p4-muted)!important}
.section{padding:96px 0!important;background:transparent!important}.services-section{background:linear-gradient(180deg,#fff 0%,#f8f7f2 100%)!important}.showcase-section{background:linear-gradient(180deg,#f8f7f2 0%,#fff 100%)!important}.section-head{max-width:780px!important;margin-bottom:42px!important}.section-head h2,.showcase-copy h2,.cta-box h2,h1,h2{font-size:28px!important;line-height:1.16!important;letter-spacing:-.025em!important;color:#111!important}.section-head p,.showcase-copy p,.cta-box p{font-size:16px!important;line-height:1.7!important;color:var(--p4-muted)!important}
.honeycomb-grid{display:grid!important;grid-template-columns:repeat(4,minmax(190px,1fr))!important;gap:26px!important;width:100%!important;height:auto!important;margin:26px auto 0!important;padding:8px 0 22px!important;transform:none!important;filter:none!important;overflow:visible!important}.honey-row{display:contents!important}.honey-row+.honey-row{margin-top:0!important}.hex-card,.hex-card:nth-child(n){position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:286px!important;min-height:286px!important;margin:0!important;padding:34px 28px!important;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)!important;background:linear-gradient(180deg,#fff 0%,#fbfaf4 100%)!important;border:1px solid rgba(242,173,0,.55)!important;color:#111!important;box-shadow:0 22px 55px rgba(18,20,23,.10),inset 0 0 0 1px rgba(255,255,255,.74)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;animation:p4HexFloat 7s ease-in-out infinite!important;transition:transform .35s ease,box-shadow .35s ease,background .35s ease!important;overflow:hidden!important}.hex-card:nth-of-type(2),.hex-card:nth-of-type(4),.hex-card:nth-of-type(6){transform:translateY(38px)!important;animation-delay:.28s!important}.hex-card:nth-of-type(3),.hex-card:nth-of-type(7){animation-delay:.56s!important}.hex-card:before{content:""!important;position:absolute!important;inset:16px!important;clip-path:inherit!important;background:radial-gradient(circle at 50% 16%,rgba(242,173,0,.16),transparent 46%)!important;opacity:.9!important;pointer-events:none!important}.hex-card:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,rgba(255,255,255,.58),transparent 38%,rgba(242,173,0,.05) 70%)!important;pointer-events:none!important}.hex-card:hover{z-index:4!important;transform:translateY(-12px) scale(1.035)!important;background:linear-gradient(180deg,#fffdf5 0%,#fff 100%)!important;box-shadow:0 32px 80px rgba(18,20,23,.15),0 0 0 6px rgba(242,173,0,.10)!important}.hex-icon{width:48px!important;height:48px!important;margin:0 auto 12px!important;color:var(--p4-gold)!important;filter:drop-shadow(0 10px 18px rgba(242,173,0,.18))!important}.hex-icon svg{stroke:currentColor!important;fill:none!important;stroke-width:4!important;stroke-linecap:round!important;stroke-linejoin:round!important}.hex-card h3{font-size:21px!important;line-height:1.15!important;color:#111!important;margin:0 0 10px!important;position:relative;z-index:2}.hex-card p{font-size:14px!important;line-height:1.44!important;color:#555!important;max-width:195px!important;margin:0!important;position:relative;z-index:2}@keyframes p4HexFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
.advantage-media-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:22px!important}.advantage-media-card{background:#fff!important;border:1px solid rgba(18,20,23,.10)!important;border-radius:22px!important;overflow:hidden!important;color:#111!important;box-shadow:0 24px 60px rgba(18,20,23,.10)!important;min-height:395px!important;transition:transform .35s ease,box-shadow .35s ease!important}.advantage-media-card:hover{transform:translateY(-10px)!important;box-shadow:0 34px 90px rgba(18,20,23,.15)!important}.advantage-media-card img{height:220px!important;width:100%!important;object-fit:cover!important;background:#f3f1ea!important}.advantage-media-card div{padding:20px!important}.advantage-media-card h3{font-size:22px!important;color:#111!important;margin:0 0 8px!important}.advantage-media-card p{font-size:15px!important;line-height:1.45!important;color:#555!important;margin:0!important}.advantage-list-bottom{grid-template-columns:repeat(3,1fr)!important;margin-top:24px!important}.advantage-card,.process-card,.case-card,.cta-box,.point-card,.floating-panel,.art-card,.hero-frame{background:#fff!important;border:1px solid rgba(18,20,23,.10)!important;color:#111!important;box-shadow:var(--p4-soft-shadow)!important}.advantage-card:hover,.process-card:hover,.case-card:hover{transform:translateY(-7px)!important;box-shadow:0 26px 70px rgba(18,20,23,.13)!important}.advantage-card h3,.process-card h3,.case-card h3{font-size:21px!important;color:#111!important}.advantage-card p,.process-card p,.case-card p{font-size:15px!important;color:var(--p4-muted)!important}.advantage-card span,.process-card strong{background:linear-gradient(135deg,var(--p4-gold),var(--p4-gold-2))!important;color:#111!important;border:0!important;box-shadow:0 12px 28px rgba(242,173,0,.20)!important}.case-type{font-size:12px!important;background:#fff6db!important;color:#946400!important;border-color:rgba(242,173,0,.25)!important}.cases-grid,.process-line{gap:22px!important}.site-footer{background:#111417!important;color:#fff!important;border-top:0!important}.site-footer p,.footer-links,.footer-contacts{font-size:15px!important;color:#d8dbe0!important}.site-footer a,.footer-contacts a{color:#fff!important}.contact-meta-item a{color:#c77a00!important;font-weight:800!important}
.hero-copy h1,.hero-copy-wide h1,.section-head h2,.showcase-copy h2,.cta-box h2{font-size:28px!important}.logo-text{font-size:24px!important}.hero-text,.section-head p,.showcase-copy p,.cta-box p{font-size:16px!important}.btn,.pill-link,.desktop-nav a{font-size:14px!important}h3{font-size:min(22px,1.35rem)!important}p,li{font-size:16px!important}
@media(max-width:1180px){.hero-premium-inner{grid-template-columns:1fr!important}.hero-premium-stats{grid-template-columns:repeat(3,1fr)!important}.honeycomb-grid{grid-template-columns:repeat(3,minmax(190px,1fr))!important}.hex-card:nth-of-type(2),.hex-card:nth-of-type(4),.hex-card:nth-of-type(6){transform:none!important}.advantage-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.advantage-list-bottom{grid-template-columns:1fr!important}}
@media(max-width:860px){.desktop-nav,.header-actions .phone-link,.header-actions>.btn{display:none!important}.burger{display:flex!important}.hero-premium{min-height:auto!important;padding:58px 0 54px!important}.hero-premium:before{background-position:center right!important;opacity:.92}.hero-premium:after{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.76) 58%,rgba(255,255,255,.42))!important}.hero-glass-card{padding:24px!important;border-radius:24px!important}.hero-premium-stats{grid-template-columns:1fr!important}.honeycomb-grid{grid-template-columns:1fr!important;gap:16px!important}.hex-card,.hex-card:nth-child(n){clip-path:none!important;border-radius:26px!important;height:auto!important;min-height:190px!important}.hex-card:hover{transform:translateY(-6px)!important}.advantage-media-grid{grid-template-columns:1fr!important}.advantage-media-card{min-height:auto!important}.advantage-media-card img{height:240px!important}.section{padding:76px 0!important}}
@media(max-width:560px){.container{width:min(100% - 22px,1240px)!important}.hero-copy h1,.section-head h2{font-size:26px!important}.hero-actions-clean .btn{width:100%!important}.hero-premium:before{background-position:62% center!important}.hex-card h3{font-size:20px!important}.hex-card p{font-size:13px!important}}


/* === FINAL USER REQUEST FIX: clean hero banner, moved badges below, bigger advantages === */
.hero-premium .hero-premium-stats,
.hero-premium .hero-stats,
.hero-premium-stats{
  display:none!important;
}
.hero-premium{
  min-height:560px!important;
  padding:96px 0 86px!important;
  background:#f7f7f5!important;
  overflow:hidden!important;
}
.hero-premium::before{
  background-image:url('../img/hero-bee-minimal.jpg')!important;
  background-size:cover!important;
  background-position:center right!important;
  opacity:1!important;
  transform:translateZ(0) scale(1.015)!important;
}
.hero-premium::after{
  background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.84) 34%,rgba(255,255,255,.28) 62%,rgba(255,255,255,0) 100%)!important;
}
.hero-glass-card{
  max-width:620px!important;
  padding:30px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(20,20,20,.10)!important;
  border-radius:28px!important;
  box-shadow:0 30px 90px rgba(18,20,23,.12)!important;
  backdrop-filter:blur(14px)!important;
}
.hero-copy-wide h1{
  max-width:560px!important;
  font-size:28px!important;
  line-height:1.22!important;
}
.hero-text{
  font-size:16px!important;
  line-height:1.65!important;
  max-width:540px!important;
}
.hero-actions-clean{
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.hero-actions-clean .btn{
  min-height:48px!important;
  border-radius:16px!important;
  box-shadow:0 16px 36px rgba(18,20,23,.10)!important;
}
.hero-info-strip{
  position:relative!important;
  z-index:5!important;
  margin-top:-34px!important;
  padding:0 0 54px!important;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 60%)!important;
}
.hero-info-strip-inner{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.hero-info-strip-inner>div{
  background:#fff!important;
  border:1px solid rgba(18,20,23,.10)!important;
  border-radius:22px!important;
  padding:20px 22px!important;
  display:grid!important;
  gap:6px!important;
  box-shadow:0 22px 58px rgba(18,20,23,.10)!important;
  transform:translateY(0)!important;
  transition:transform .32s ease,box-shadow .32s ease!important;
}
.hero-info-strip-inner>div:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 30px 80px rgba(242,173,0,.18)!important;
}
.hero-info-strip strong{
  font-size:24px!important;
  color:#111!important;
  letter-spacing:.02em!important;
}
.hero-info-strip span{
  font-size:15px!important;
  line-height:1.45!important;
  color:#59616d!important;
}
.services-section{
  padding-top:54px!important;
}
.showcase-section{
  padding-top:92px!important;
}
.advantage-media-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
.advantage-media-card{
  min-height:500px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff 0%,#fbfaf6 100%)!important;
  box-shadow:0 28px 80px rgba(18,20,23,.12)!important;
  border:1px solid rgba(18,20,23,.10)!important;
}
.advantage-media-card:nth-child(1),
.advantage-media-card:nth-child(2),
.advantage-media-card:nth-child(3){
  grid-column:span 4!important;
}
.advantage-media-card:nth-child(4),
.advantage-media-card:nth-child(5){
  grid-column:span 6!important;
}
.advantage-media-card img{
  width:100%!important;
  height:340px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:16px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f2f2ef 100%)!important;
}
.advantage-media-card div{
  padding:24px 26px 28px!important;
}
.advantage-media-card h3{
  font-size:24px!important;
  line-height:1.12!important;
}
.advantage-media-card p{
  font-size:16px!important;
  line-height:1.55!important;
}
@media(max-width:1180px){
  .advantage-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .advantage-media-card:nth-child(n){grid-column:auto!important;}
  .advantage-media-card img{height:320px!important;}
}
@media(max-width:860px){
  .hero-premium{min-height:auto!important;padding:58px 0 50px!important;}
  .hero-premium::after{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.80) 58%,rgba(255,255,255,.25))!important;}
  .hero-glass-card{padding:22px!important;border-radius:24px!important;}
  .hero-info-strip{margin-top:0!important;padding:18px 0 44px!important;}
  .hero-info-strip-inner{grid-template-columns:1fr!important;gap:12px!important;}
  .advantage-media-grid{grid-template-columns:1fr!important;}
  .advantage-media-card{min-height:auto!important;}
  .advantage-media-card img{height:280px!important;}
}
@media(max-width:560px){
  .hero-copy-wide h1{font-size:28px!important;}
  .advantage-media-card img{height:240px!important;padding:10px!important;}
}

/* === P4OLA REAL FINAL FIX 2026 === */
.site-header{background:rgba(255,255,255,.9)!important;backdrop-filter:blur(24px) saturate(1.2)!important;border-bottom:1px solid rgba(17,17,17,.08)!important;box-shadow:0 12px 40px rgba(18,20,23,.07)!important}.site-header:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#f3ad00,transparent);opacity:.55}.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.08)!important}.desktop-nav{gap:4px!important;padding:6px!important;background:rgba(255,255,255,.74)!important;border:1px solid rgba(18,20,23,.08)!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 34px rgba(18,20,23,.06)!important}.desktop-nav a{position:relative!important;overflow:hidden!important;padding:11px 16px!important;border-radius:999px!important;color:#333942!important;font-weight:800!important;font-size:14px!important}.desktop-nav a:hover{color:#111!important;transform:translateY(-2px)!important;background:linear-gradient(135deg,rgba(243,173,0,.18),rgba(255,212,107,.1))!important;box-shadow:0 10px 24px rgba(243,173,0,.12)!important}.phone-highlight{background:linear-gradient(135deg,#111417,#2a2f36)!important;color:#fff!important;box-shadow:0 14px 32px rgba(18,20,23,.18)!important}.phone-highlight:hover{background:linear-gradient(135deg,#f3ad00,#ffd46b)!important;color:#111!important}.btn-whatsapp{background:linear-gradient(135deg,#00d45a,#5dff93)!important;box-shadow:0 16px 38px rgba(0,212,90,.30)!important}
.services-section .section-head p{display:none!important}.services-section .section-head{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.honeycomb-grid{display:grid!important;grid-template-columns:repeat(7,86px)!important;grid-auto-rows:72px!important;gap:0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:auto!important;margin:46px auto 70px!important;padding:0!important;overflow:visible!important;filter:drop-shadow(0 24px 34px rgba(243,173,0,.13))!important}.honey-row{display:contents!important}.hex-card,.hex-card:nth-child(n){position:relative!important;left:auto!important;top:auto!important;width:172px!important;height:150px!important;min-height:150px!important;margin:0!important;padding:22px 18px!important;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:radial-gradient(circle at 45% 24%,#fff4ba 0%,#ffd85c 36%,#f0ad05 72%,#d88700 100%)!important;border:0!important;color:#111!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.80),inset 0 -14px 24px rgba(92,54,0,.16),0 18px 34px rgba(168,105,0,.24),0 0 0 4px rgba(255,255,255,.78),0 0 46px rgba(243,173,0,.25)!important;animation:p4FinalHexPulse 5.6s ease-in-out infinite!important;transition:transform .35s ease,box-shadow .35s ease,filter .35s ease!important;z-index:1!important}.hex-card:nth-child(1){grid-column:4/span 2!important;grid-row:1/span 2!important}.hex-card:nth-child(2){grid-column:2/span 2!important;grid-row:2/span 2!important}.hex-card:nth-child(3){grid-column:6/span 2!important;grid-row:2/span 2!important}.hex-card:nth-child(4){grid-column:1/span 2!important;grid-row:4/span 2!important}.hex-card:nth-child(5){grid-column:4/span 2!important;grid-row:4/span 2!important}.hex-card:nth-child(6){grid-column:7/span 2!important;grid-row:4/span 2!important}.hex-card:nth-child(7){grid-column:4/span 2!important;grid-row:7/span 2!important}.hex-card:after{content:""!important;position:absolute!important;inset:9px!important;clip-path:inherit!important;border:1px solid rgba(87,53,0,.22)!important;pointer-events:none!important}.hex-card:hover{z-index:10!important;transform:translateY(-11px) scale(1.065)!important;filter:saturate(1.12) brightness(1.04)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.9),inset 0 -12px 22px rgba(92,54,0,.12),0 28px 52px rgba(168,105,0,.34),0 0 0 5px rgba(255,255,255,.9),0 0 70px rgba(243,173,0,.52)!important}.hex-icon{width:34px!important;height:34px!important;margin:0 auto 7px!important;color:#241900!important}.hex-card h3{font-size:17px!important;line-height:1.08!important;margin:0 0 5px!important;color:#111!important;font-weight:900!important}.hex-card p{font-size:11.5px!important;line-height:1.26!important;color:#2f2612!important;max-width:132px!important;margin:0!important;font-weight:600!important}@keyframes p4FinalHexPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hero-info-strip{padding:0 0 58px!important;margin-top:-36px!important}.hero-info-strip-inner{gap:22px!important}.hero-info-strip-inner>div{position:relative!important;overflow:hidden!important;background:linear-gradient(180deg,#fff 0%,#fff9e8 100%)!important;border:1px solid rgba(243,173,0,.24)!important;border-radius:26px!important;padding:24px 26px!important;box-shadow:0 24px 70px rgba(18,20,23,.10),0 0 0 6px rgba(243,173,0,.045)!important}.hero-info-strip-inner>div:before{content:"";position:absolute;right:-36px;top:-36px;width:120px;height:120px;border-radius:36px;background:radial-gradient(circle,rgba(243,173,0,.28),transparent 66%);transform:rotate(24deg)}.hero-info-strip-inner>div:after{content:"";position:absolute;left:18px;bottom:0;width:72px;height:4px;border-radius:999px;background:linear-gradient(90deg,#f3ad00,#ffd46b);opacity:.85}.hero-info-strip-inner>div:hover{transform:translateY(-6px)!important;box-shadow:0 30px 80px rgba(242,173,0,.18)!important}.hero-info-strip strong{font-size:24px!important;color:#111!important;font-weight:900!important}.hero-info-strip span{font-size:15px!important;color:#424852!important;font-weight:600!important}.hero-copy-wide h1,.section-head h2,.cta-box h2{font-size:28px!important}
@media(max-width:1180px){.honeycomb-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:18px!important;margin:34px auto 20px!important;filter:none!important}.hex-card,.hex-card:nth-child(n){grid-column:auto!important;grid-row:auto!important;width:100%!important;height:auto!important;min-height:210px!important;padding:30px 22px!important}.hex-icon{width:44px!important;height:44px!important}.hex-card h3{font-size:20px!important}.hex-card p{font-size:14px!important;max-width:230px!important;line-height:1.42!important}}
@media(max-width:860px){.hero-info-strip{margin-top:0!important;padding:18px 0 44px!important}.hero-info-strip-inner{grid-template-columns:1fr!important;gap:14px!important}.honeycomb-grid{grid-template-columns:1fr!important}.hex-card,.hex-card:nth-child(n){clip-path:none!important;border-radius:28px!important;min-height:185px!important}}

/* === P4OLA FIX: services honeycomb restored only === */
.services-section .section-head{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.services-section .section-head p{
  display:none!important;
}
.services-section .honeycomb-grid{
  --hex-w: 255px;
  --hex-h: 226px;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:880px!important;
  height:auto!important;
  margin:42px auto 24px!important;
  padding:18px 0 34px!important;
  overflow:visible!important;
  gap:0!important;
  transform:none!important;
  filter:drop-shadow(0 26px 34px rgba(210,136,0,.16))!important;
}
.services-section .honey-row{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
.services-section .honey-row + .honey-row{
  margin-top:-54px!important;
}
.services-section .hex-card,
.services-section .hex-card:nth-child(n){
  position:relative!important;
  left:auto!important;
  top:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:var(--hex-w)!important;
  height:var(--hex-h)!important;
  min-height:var(--hex-h)!important;
  max-width:none!important;
  margin:0 -8px!important;
  padding:32px 28px 28px!important;
  clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 48% 20%, rgba(255,255,255,.76) 0%, rgba(255,244,173,.72) 30%, transparent 56%),
    linear-gradient(145deg, #fff0a8 0%, #ffd24a 43%, #f4a800 76%, #d68400 100%)!important;
  color:#17130b!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
  z-index:1!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.86),
    inset 0 -18px 30px rgba(96,53,0,.15),
    0 18px 34px rgba(144,92,0,.22),
    0 0 0 4px rgba(255,255,255,.82),
    0 0 42px rgba(255,190,36,.34)!important;
  animation:p4ServicesHoneyFloat 6s ease-in-out infinite!important;
  transition:transform .32s ease, box-shadow .32s ease, filter .32s ease!important;
}
.services-section .hex-card:nth-child(2){animation-delay:.25s!important;}
.services-section .row-3 .hex-card:nth-child(2){animation-delay:.45s!important;}
.services-section .row-3 .hex-card:nth-child(3){animation-delay:.65s!important;}
.services-section .hex-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(135deg, rgba(255,255,255,.52), transparent 36%, rgba(255,255,255,.16) 68%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.services-section .hex-card::after{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  clip-path:inherit!important;
  border:1px solid rgba(90,57,0,.24)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.services-section .hex-card:hover{
  z-index:8!important;
  transform:translateY(-12px) scale(1.045)!important;
  filter:saturate(1.12) brightness(1.035)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.94),
    inset 0 -16px 26px rgba(96,53,0,.10),
    0 28px 58px rgba(144,92,0,.34),
    0 0 0 5px rgba(255,255,255,.9),
    0 0 72px rgba(255,190,36,.58)!important;
}
.services-section .hex-icon{
  position:relative!important;
  z-index:2!important;
  width:46px!important;
  height:46px!important;
  margin:0 auto 10px!important;
  color:#2b1d00!important;
  filter:drop-shadow(0 9px 12px rgba(103,63,0,.18))!important;
}
.services-section .hex-icon svg{
  width:100%!important;
  height:100%!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:3.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.services-section .hex-card h3{
  position:relative!important;
  z-index:2!important;
  font-size:21px!important;
  line-height:1.12!important;
  font-weight:900!important;
  color:#16110a!important;
  margin:0 0 8px!important;
  max-width:185px!important;
}
.services-section .hex-card p{
  position:relative!important;
  z-index:2!important;
  font-size:13.5px!important;
  line-height:1.38!important;
  font-weight:600!important;
  color:#332713!important;
  max-width:184px!important;
  margin:0!important;
}
@keyframes p4ServicesHoneyFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-6px); }
}
@media(max-width:1180px){
  .services-section .honeycomb-grid{--hex-w:225px;--hex-h:202px;max-width:760px!important;margin-top:34px!important;}
  .services-section .honey-row + .honey-row{margin-top:-44px!important;}
  .services-section .hex-card,.services-section .hex-card:nth-child(n){margin:0 -6px!important;padding:28px 22px 24px!important;}
  .services-section .hex-card h3{font-size:19px!important;}
  .services-section .hex-card p{font-size:12.5px!important;max-width:162px!important;}
  .services-section .hex-icon{width:40px!important;height:40px!important;}
}
@media(max-width:760px){
  .services-section .honeycomb-grid{display:grid!important;grid-template-columns:1fr!important;max-width:420px!important;gap:16px!important;margin:28px auto 0!important;padding:0!important;filter:none!important;}
  .services-section .honey-row{display:contents!important;}
  .services-section .honey-row + .honey-row{margin-top:0!important;}
  .services-section .hex-card,.services-section .hex-card:nth-child(n){width:100%!important;height:auto!important;min-height:190px!important;margin:0!important;border-radius:26px!important;clip-path:none!important;padding:30px 24px!important;}
  .services-section .hex-card h3{font-size:20px!important;max-width:none!important;}
  .services-section .hex-card p{font-size:13.5px!important;max-width:280px!important;}
}
/* === /P4OLA FIX === */

/* === P4OLA PREMIUM UPDATE: ordered honey services + SVG icons === */
.site-header{
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(20,20,20,.08)!important;
  box-shadow:0 14px 42px rgba(18,20,23,.06)!important;
}
.site-header.scrolled{
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 60px rgba(18,20,23,.12)!important;
}
.desktop-nav{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(242,173,0,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 26px rgba(18,20,23,.06)!important;
}
.desktop-nav a{
  position:relative!important;
  color:#171717!important;
  overflow:hidden!important;
}
.desktop-nav a::after{
  content:""!important;
  position:absolute!important;
  left:16px!important;right:16px!important;bottom:6px!important;height:2px!important;
  background:linear-gradient(90deg,#ffd84f,#f2ad00)!important;
  transform:scaleX(0)!important;transform-origin:left!important;
  transition:transform .28s ease!important;
}
.desktop-nav a:hover{
  background:rgba(255,216,79,.18)!important;
  transform:translateY(-1px)!important;
}
.desktop-nav a:hover::after{transform:scaleX(1)!important;}
.logo-mark{filter:drop-shadow(0 12px 18px rgba(242,173,0,.22))!important;}

.hero-info-strip-inner{gap:18px!important;}
.hero-info-strip-inner>div{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  column-gap:14px!important;
  min-height:118px!important;
  padding:22px 24px!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,#ffffff 0%,#fff9e9 100%)!important;
  border:1px solid rgba(242,173,0,.24)!important;
  box-shadow:0 22px 55px rgba(18,20,23,.09),inset 0 0 0 1px rgba(255,255,255,.75)!important;
  overflow:hidden!important;
  transition:transform .3s ease,box-shadow .3s ease!important;
}
.hero-info-strip-inner>div::after{
  content:""!important;position:absolute!important;right:-36px!important;top:-42px!important;width:120px!important;height:120px!important;
  background:radial-gradient(circle,rgba(242,173,0,.18),transparent 66%)!important;
}
.hero-info-strip-inner>div:hover{transform:translateY(-7px)!important;box-shadow:0 32px 75px rgba(18,20,23,.13)!important;}
.hero-info-strip-inner strong{font-size:24px!important;color:#151515!important;line-height:1.1!important;}
.hero-info-strip-inner span:not(.block-icon){grid-column:2!important;color:#565656!important;}
.block-icon,.card-svg,.mini-svg{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
  color:#1a1507!important;background:linear-gradient(145deg,#fff1a9,#f2ad00)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 14px 28px rgba(242,173,0,.25)!important;
}
.block-icon{width:50px!important;height:50px!important;border-radius:18px!important;grid-row:1 / span 2!important;}
.block-icon svg,.card-svg svg,.mini-svg svg{width:58%!important;height:58%!important;fill:none!important;stroke:currentColor!important;stroke-width:4!important;stroke-linecap:round!important;stroke-linejoin:round!important;}

.services-section{
  position:relative!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fff5dd 48%,#ffffff 100%)!important;
  overflow:hidden!important;
}
.services-section::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:
    radial-gradient(circle at 14% 20%,rgba(242,173,0,.16),transparent 28%),
    radial-gradient(circle at 86% 68%,rgba(242,173,0,.13),transparent 24%)!important;
}
.services-section .section-head{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
.services-section .section-head p{display:none!important;}
.services-section .honeycomb-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(190px,1fr))!important;
  gap:28px 24px!important;
  width:100%!important;
  max-width:1160px!important;
  height:auto!important;
  margin:44px auto 10px!important;
  padding:8px 0 34px!important;
  overflow:visible!important;
  filter:none!important;
  transform:none!important;
}
.services-section .hex-card,
.services-section .hex-card:nth-child(n){
  position:relative!important;left:auto!important;top:auto!important;grid-column:auto!important;grid-row:auto!important;
  width:100%!important;height:252px!important;min-height:252px!important;max-width:none!important;margin:0!important;
  padding:34px 26px 30px!important;
  clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)!important;
  border:0!important;border-radius:0!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.92) 0%,rgba(255,241,164,.75) 30%,transparent 58%),
    linear-gradient(145deg,#fff0a8 0%,#ffd24a 42%,#f4a800 74%,#d68400 100%)!important;
  color:#17130b!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  overflow:hidden!important;z-index:1!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.88),
    inset 0 -18px 30px rgba(96,53,0,.14),
    0 20px 40px rgba(144,92,0,.22),
    0 0 0 4px rgba(255,255,255,.84),
    0 0 44px rgba(255,190,36,.32)!important;
  animation:p4OrderedHexFloat 6.2s ease-in-out infinite!important;
  transition:transform .35s ease,box-shadow .35s ease,filter .35s ease!important;
}
.services-section .hex-card:nth-child(5){grid-column:1!important;}
.services-section .hex-card:nth-child(2),.services-section .hex-card:nth-child(6){animation-delay:.22s!important;}
.services-section .hex-card:nth-child(3),.services-section .hex-card:nth-child(7){animation-delay:.44s!important;}
.services-section .hex-card:nth-child(4){animation-delay:.66s!important;}
.services-section .hex-card::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.52),transparent 35%,rgba(255,255,255,.16) 68%)!important;
}
.services-section .hex-card::after{
  content:""!important;position:absolute!important;inset:12px!important;clip-path:inherit!important;z-index:0!important;
  border:1px solid rgba(90,57,0,.26)!important;pointer-events:none!important;
}
.services-section .hex-card:hover{
  z-index:8!important;transform:translateY(-13px) scale(1.04)!important;filter:saturate(1.12) brightness(1.035)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.94),inset 0 -16px 26px rgba(96,53,0,.10),0 30px 64px rgba(144,92,0,.34),0 0 0 5px rgba(255,255,255,.92),0 0 72px rgba(255,190,36,.58)!important;
}
.services-section .hex-icon{position:relative!important;z-index:2!important;width:48px!important;height:48px!important;margin:0 auto 12px!important;color:#2b1d00!important;filter:drop-shadow(0 10px 14px rgba(103,63,0,.20))!important;}
.services-section .hex-icon svg{width:100%!important;height:100%!important;stroke:currentColor!important;fill:none!important;stroke-width:3.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.services-section .hex-card h3{position:relative!important;z-index:2!important;font-size:21px!important;line-height:1.12!important;font-weight:900!important;color:#16110a!important;margin:0 0 9px!important;max-width:190px!important;}
.services-section .hex-card p{position:relative!important;z-index:2!important;font-size:13.5px!important;line-height:1.38!important;font-weight:600!important;color:#332713!important;max-width:190px!important;margin:0!important;}
@keyframes p4OrderedHexFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.card-svg{width:46px!important;height:46px!important;border-radius:16px!important;margin-bottom:14px!important;}
.process-card,.case-card,.advantage-card,.advantage-media-card,.cta-box{
  position:relative!important;
  border:1px solid rgba(242,173,0,.14)!important;
  box-shadow:0 24px 62px rgba(18,20,23,.08),inset 0 1px 0 rgba(255,255,255,.74)!important;
  transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease!important;
}
.process-card:hover,.case-card:hover,.advantage-card:hover,.advantage-media-card:hover,.cta-box:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(242,173,0,.34)!important;
  box-shadow:0 34px 88px rgba(18,20,23,.13),0 0 0 6px rgba(242,173,0,.07)!important;
}
.process-card .card-svg,.case-card .card-svg{margin-bottom:16px!important;}
.advantage-card{display:grid!important;grid-template-columns:auto auto 1fr!important;gap:14px!important;align-items:flex-start!important;}
.advantage-card .card-svg{margin-bottom:0!important;}
.mini-svg{width:34px!important;height:34px!important;border-radius:12px!important;margin-right:10px!important;vertical-align:middle!important;}
.contact-meta-item{display:flex!important;align-items:center!important;gap:8px!important;}

@media(max-width:1180px){
  .services-section .honeycomb-grid{grid-template-columns:repeat(3,minmax(190px,1fr))!important;max-width:860px!important;}
  .services-section .hex-card:nth-child(5){grid-column:auto!important;}
}
@media(max-width:860px){
  .hero-info-strip-inner{grid-template-columns:1fr!important;}
  .services-section .honeycomb-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;max-width:620px!important;}
  .services-section .hex-card,.services-section .hex-card:nth-child(n){height:auto!important;min-height:210px!important;padding:32px 22px!important;}
  .advantage-card{grid-template-columns:auto 1fr!important;}
  .advantage-card>span:not(.card-svg){grid-column:2!important;}
  .advantage-card>div{grid-column:1 / -1!important;}
}
@media(max-width:560px){
  .services-section .honeycomb-grid{grid-template-columns:1fr!important;max-width:420px!important;}
  .services-section .hex-card,.services-section .hex-card:nth-child(n){clip-path:none!important;border-radius:28px!important;min-height:185px!important;}
  .block-icon{width:44px!important;height:44px!important;border-radius:15px!important;}
}
/* === /P4OLA PREMIUM UPDATE === */


/* === P4OLA SEO PREMIUM FINAL: clean code, ordered services, polish === */
:root{--p4-honey:#f2ad00;--p4-honey-2:#ffd84f;--p4-ink:#14171c;--p4-soft:#fff8e6;}
html{scroll-behavior:smooth;}
body{background:linear-gradient(180deg,#fffdf8 0%,#f7f4ee 45%,#ffffff 100%)!important;}
.hero-copy-wide h1,.section-head h2,.seo-power-copy h2,.cta-box h2{font-size:28px!important;line-height:1.16!important;}
.hero-copy-wide p,.section-head p,.seo-power-copy p{font-size:16px!important;}
.site-header{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(22px) saturate(1.25)!important;border-bottom:1px solid rgba(20,20,20,.08)!important;}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--p4-honey),transparent);opacity:.55;pointer-events:none;}
.logo-mark{transition:transform .28s ease,filter .28s ease!important;}
.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.08)!important;filter:drop-shadow(0 16px 20px rgba(242,173,0,.28))!important;}
.desktop-nav a{font-size:14px!important;font-weight:800!important;}
.btn,.pill-link{transform:translateZ(0);}
.btn:hover,.pill-link:hover{transform:translateY(-3px)!important;}
.services-section{background:radial-gradient(circle at 12% 18%,rgba(242,173,0,.15),transparent 28%),radial-gradient(circle at 86% 72%,rgba(255,216,79,.18),transparent 30%),linear-gradient(180deg,#fffdf8 0%,#fff3d1 48%,#ffffff 100%)!important;}
.services-section .section-head{max-width:850px!important;}
.services-section .section-head p{display:block!important;color:#5b5140!important;max-width:760px!important;margin:14px auto 0!important;line-height:1.7!important;}
.services-section .honeycomb-grid{display:grid!important;grid-template-columns:repeat(4,minmax(205px,1fr))!important;gap:30px 26px!important;max-width:1180px!important;margin:44px auto 12px!important;padding:8px 0 36px!important;}
.services-section .hex-card,.services-section .hex-card:nth-child(n){width:100%!important;height:262px!important;min-height:262px!important;margin:0!important;padding:34px 25px 28px!important;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)!important;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.92),rgba(255,241,164,.72) 34%,transparent 58%),linear-gradient(145deg,#fff0a8 0%,#ffd24a 42%,#f4a800 74%,#d68400 100%)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.9),inset 0 -18px 30px rgba(96,53,0,.14),0 20px 42px rgba(144,92,0,.24),0 0 0 4px rgba(255,255,255,.84),0 0 48px rgba(255,190,36,.34)!important;}
.services-section .hex-card:nth-child(5){grid-column:1!important;}
.services-section .hex-card:hover{transform:translateY(-14px) scale(1.045)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.95),inset 0 -16px 28px rgba(96,53,0,.1),0 34px 70px rgba(144,92,0,.36),0 0 0 5px rgba(255,255,255,.92),0 0 82px rgba(255,190,36,.62)!important;}
.services-section .hex-card h3{font-size:21px!important;}
.services-section .hex-card p{font-size:13.2px!important;line-height:1.34!important;max-width:188px!important;}
.service-more{position:relative;z-index:3;margin-top:10px;font-size:12px;font-weight:900;color:#201600;text-decoration:none;background:rgba(255,255,255,.58);border:1px solid rgba(80,50,0,.16);padding:7px 12px;border-radius:999px;box-shadow:0 8px 18px rgba(111,69,0,.12);transition:.28s ease;}
.service-more:hover{background:#111;color:#fff;transform:translateY(-2px);}
.seo-power-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#fff8e6 100%)!important;}
.seo-power-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 24%,rgba(242,173,0,.16),transparent 30%),radial-gradient(circle at 84% 78%,rgba(20,23,28,.08),transparent 26%);pointer-events:none;}
.seo-power-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;}
.seo-power-copy{background:rgba(255,255,255,.72);border:1px solid rgba(242,173,0,.16);border-radius:34px;padding:34px;box-shadow:0 28px 70px rgba(18,20,23,.08),inset 0 1px 0 rgba(255,255,255,.86);}
.seo-power-copy h2{margin:10px 0 16px!important;color:var(--p4-ink)!important;}
.seo-power-copy p{color:#4c5562;line-height:1.72;margin:0 0 14px;}
.seo-power-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
.seo-power-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:linear-gradient(145deg,#15181d,#2b2108 55%,#f2ad00 160%);border-radius:34px;padding:24px;box-shadow:0 34px 90px rgba(18,20,23,.18);}
.seo-metric{min-height:150px;border-radius:26px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:flex-end;transition:.3s ease;}
.seo-metric:hover{transform:translateY(-7px);background:linear-gradient(180deg,rgba(255,216,79,.24),rgba(255,255,255,.07));}
.seo-metric strong{font-size:22px;color:#fff;line-height:1.1;margin-bottom:8px;}
.seo-metric span{font-size:13px;color:rgba(255,255,255,.78);line-height:1.45;}
.process-card,.case-card,.advantage-card,.advantage-media-card,.cta-box{transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease!important;}
.process-card:hover,.case-card:hover,.advantage-card:hover,.advantage-media-card:hover,.cta-box:hover{transform:translateY(-8px)!important;box-shadow:0 38px 92px rgba(18,20,23,.14),0 0 0 6px rgba(242,173,0,.07)!important;}
@media(max-width:1180px){.services-section .honeycomb-grid{grid-template-columns:repeat(3,minmax(195px,1fr))!important}.services-section .hex-card:nth-child(5){grid-column:auto!important}.seo-power-grid{grid-template-columns:1fr!important}}
@media(max-width:860px){.services-section .honeycomb-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.services-section .hex-card,.services-section .hex-card:nth-child(n){height:auto!important;min-height:225px!important}.seo-power-copy{padding:24px;border-radius:26px}.seo-power-panel{grid-template-columns:1fr;border-radius:26px}.seo-metric{min-height:118px}.hero-copy-wide h1,.section-head h2,.seo-power-copy h2,.cta-box h2{font-size:26px!important}}
@media(max-width:560px){.services-section .honeycomb-grid{grid-template-columns:1fr!important}.services-section .hex-card,.services-section .hex-card:nth-child(n){clip-path:none!important;border-radius:28px!important}.hero-copy-wide h1,.section-head h2,.seo-power-copy h2,.cta-box h2{font-size:25px!important}}
/* === /P4OLA SEO PREMIUM FINAL === */


/* === P4OLA FINAL IDEAL POLISH 2026: compact spacing, cleaner SVG depth, full service pages support === */
.section{padding:68px 0!important;}
.services-section{padding-top:58px!important;padding-bottom:64px!important;}
.showcase-section,.process-section,.cases-section,.cta-section,.seo-power-section{padding-top:68px!important;padding-bottom:68px!important;}
.section-head{margin-bottom:28px!important;}
.section-head h2,.showcase-copy h2,.cta-box h2,.seo-power-copy h2{margin:12px 0 10px!important;}
.section-head p,.hero-text,.showcase-copy p,.cta-box p{line-height:1.62!important;}
.hero-modern{padding-bottom:48px!important;}
.hero-info-strip{padding:24px 0 36px!important;}
.hero-info-strip-inner{gap:18px!important;}
.hero-info-strip-inner>div{padding:24px!important;border-radius:28px!important;min-height:142px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,244,214,.82))!important;border:1px solid rgba(242,173,0,.26)!important;box-shadow:0 22px 54px rgba(82,61,22,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;}
.block-icon{margin-bottom:14px!important;box-shadow:0 14px 28px rgba(242,173,0,.22),inset 0 1px 0 rgba(255,255,255,.85)!important;}
.services-section .honeycomb-grid{margin-top:28px!important;gap:24px 24px!important;padding-bottom:18px!important;}
.services-section .hex-card,.services-section .hex-card:nth-child(n){height:246px!important;min-height:246px!important;padding:28px 24px 24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;}
.services-section .hex-icon{width:58px!important;height:58px!important;margin:0 auto 16px!important;padding:12px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,226,118,.45))!important;box-shadow:0 18px 30px rgba(115,72,0,.16),inset 0 1px 0 rgba(255,255,255,.92)!important;}
.services-section .hex-card h3{margin-bottom:10px!important;}
.services-section .hex-card p{line-height:1.42!important;}
.service-more{margin-top:12px!important;}
.card-svg,.mini-svg{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;background:linear-gradient(145deg,#fff,#ffe7a4)!important;color:#19140a!important;box-shadow:0 16px 34px rgba(138,92,0,.14),inset 0 1px 0 rgba(255,255,255,.94)!important;border:1px solid rgba(242,173,0,.20)!important;flex:0 0 auto!important;}
.card-svg svg,.mini-svg svg,.block-icon svg{width:100%!important;height:100%!important;stroke:currentColor!important;fill:none!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.process-line{gap:16px!important;}
.process-card,.case-card{padding:24px!important;border-radius:26px!important;}
.process-card h3,.case-card h3{margin-top:4px!important;}
.advantage-media-grid{gap:16px!important;}
.advantage-media-card{min-height:360px!important;border-radius:28px!important;}
.advantage-media-card img{height:230px!important;object-fit:contain!important;background:#fff8ec!important;padding:8px!important;}
.advantage-media-card div{padding:18px!important;}
.cta-box{padding:32px!important;}
.site-footer{padding:24px 0 28px!important;}

.service-page-hero{padding-top:132px!important;}
.service-detail-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:24px;align-items:start;}
.service-detail-card{background:rgba(255,255,255,.86);border:1px solid rgba(242,173,0,.18);border-radius:32px;padding:30px;box-shadow:0 28px 70px rgba(18,20,23,.08),inset 0 1px 0 rgba(255,255,255,.92);}
.service-detail-card h1{font-size:28px!important;line-height:1.16;margin:12px 0 16px;color:#14171c;}
.service-detail-card h2{font-size:26px!important;line-height:1.18;margin:26px 0 12px;color:#14171c;}
.service-detail-card p,.service-detail-card li{font-size:16px;line-height:1.7;color:#4c5562;}
.service-detail-card ul{padding-left:20px;margin:14px 0 0;}
.service-badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;}
.service-badges span{padding:9px 13px;border-radius:999px;background:rgba(242,173,0,.14);border:1px solid rgba(242,173,0,.22);font-weight:800;color:#8a5700;font-size:13px;}
.service-side-panel{display:grid;gap:14px;}
.service-side-item{min-height:138px;border-radius:28px;padding:22px;background:linear-gradient(145deg,#171a20,#3a2a06 60%,#f2ad00 180%);border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 66px rgba(18,20,23,.18);color:#fff;transition:.3s ease;}
.service-side-item:hover{transform:translateY(-6px);box-shadow:0 34px 80px rgba(18,20,23,.22),0 0 0 6px rgba(242,173,0,.08);}
.service-side-item strong{display:block;font-size:22px;margin-bottom:8px;color:#ffd84f;}
.service-side-item span{font-size:14px;line-height:1.55;color:rgba(255,255,255,.78);}
.related-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;}
.related-services a{padding:18px;border-radius:22px;background:rgba(255,255,255,.84);border:1px solid rgba(242,173,0,.18);font-weight:900;box-shadow:0 18px 40px rgba(18,20,23,.06);transition:.28s ease;}
.related-services a:hover{transform:translateY(-4px);background:#14171c;color:#fff;}

@media(max-width:1180px){.section{padding:58px 0!important}.service-detail-grid{grid-template-columns:1fr}.advantage-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:860px){.section{padding:48px 0!important}.services-section .honeycomb-grid{gap:16px!important}.services-section .hex-card,.services-section .hex-card:nth-child(n){min-height:220px!important;height:auto!important}.related-services{grid-template-columns:1fr}.service-page-hero{padding-top:104px!important}.service-detail-card{padding:22px;border-radius:26px}}
@media(max-width:560px){.advantage-media-grid{grid-template-columns:1fr!important}.advantage-media-card img{height:220px!important}.hero-info-strip-inner>div{min-height:auto!important}.services-section .hex-card,.services-section .hex-card:nth-child(n){min-height:190px!important}}
/* === /P4OLA FINAL IDEAL POLISH 2026 === */


/* ===== P4OLA service pages final polish ===== */
.service-page-body{
  background:
    radial-gradient(circle at 12% 14%, rgba(245,189,53,.16), transparent 25%),
    radial-gradient(circle at 86% 8%, rgba(255,255,255,.9), transparent 26%),
    linear-gradient(180deg,#fffaf0 0%,#f6f7f2 38%,#ffffff 100%)!important;
  color:#15191f!important;
}
.service-hero-final{padding:72px 0 40px!important;overflow:hidden;}
.service-hero-box{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);gap:28px;align-items:stretch;
}
.service-hero-copy,.service-visual-card,.service-content-card,.service-step-card,.service-faq-card{
  background:rgba(255,255,255,.92)!important;border:1px solid rgba(21,25,31,.10)!important;border-radius:30px!important;
  box-shadow:0 24px 70px rgba(36,28,12,.11)!important;color:#15191f!important;position:relative;overflow:hidden;
}
.service-hero-copy{padding:34px!important;}
.service-hero-copy:before,.service-visual-card:before,.service-content-card:before,.service-step-card:before{
  content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(245,189,53,.13),transparent 36%,rgba(255,255,255,.4));pointer-events:none;
}
.service-hero-copy>* ,.service-visual-card>* ,.service-content-card>* ,.service-step-card>*{position:relative;z-index:1;}
.service-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff7df;border:1px solid rgba(229,170,35,.28);color:#9c6a00;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;}
.service-hero-copy h1{font-size:28px!important;line-height:1.15!important;letter-spacing:-.03em!important;margin:0 0 18px!important;color:#15191f!important;max-width:820px;}
.service-hero-copy p{font-size:17px!important;line-height:1.72!important;color:#59616d!important;margin:0 0 16px!important;}
.service-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.service-mini-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;}
.service-mini-points span{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;background:#f8f8f5;border:1px solid rgba(21,25,31,.08);font-size:14px;font-weight:800;color:#2b3139;}
.service-mini-points svg{width:22px;height:22px;color:#d28a00;flex:none;}
.service-mini-points svg path,.service-mini-points svg circle{stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.service-visual-card{padding:26px!important;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;}
.service-big-icon{width:96px;height:96px;border-radius:28px;background:linear-gradient(135deg,#ffe17a,#e29300);display:flex;align-items:center;justify-content:center;box-shadow:0 22px 44px rgba(226,147,0,.22), inset 0 1px 0 rgba(255,255,255,.82);margin-bottom:24px;}
.service-big-icon svg{width:54px;height:54px;color:#15191f;}
.service-big-icon path,.service-big-icon circle,.service-big-icon rect,.service-big-icon line,.service-big-icon polyline{stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.service-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;}
.service-metric-grid div{padding:16px;border-radius:20px;background:#f8f8f5;border:1px solid rgba(21,25,31,.08);}
.service-metric-grid strong{display:block;font-size:26px!important;color:#d28a00;margin-bottom:4px;}.service-metric-grid span{font-size:13px;color:#59616d;line-height:1.45;}
.service-section-final{padding:44px 0!important;}
.service-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.service-content-card{padding:26px!important;min-height:260px;}
.service-content-card h2,.service-content-card h3,.service-step-card h3,.service-faq-card h3{font-size:24px!important;line-height:1.15!important;margin:0 0 14px!important;color:#15191f!important;}
.service-content-card p,.service-step-card p,.service-faq-card p,.service-content-card li{font-size:15.5px!important;line-height:1.68!important;color:#59616d!important;margin:0 0 10px;}
.service-content-card ul{padding-left:18px;margin:12px 0 0;}
.service-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:steps;}
.service-step-card{padding:24px!important;min-height:230px;}
.service-step-card:after{counter-increment:steps;content:"0" counter(steps);position:absolute;right:18px;top:14px;font-size:28px;font-weight:900;color:rgba(210,138,0,.22);}
.service-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}.service-faq-card{padding:22px!important;}
.service-cta-final{padding:44px 0 76px!important;}.service-cta-box{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px;border-radius:30px;background:linear-gradient(135deg,#15191f,#2a210f)!important;color:#fff!important;box-shadow:0 28px 70px rgba(21,25,31,.22)!important;}.service-cta-box h2{font-size:28px!important;line-height:1.15!important;margin:0 0 10px!important;color:#fff!important;}.service-cta-box p{font-size:16px!important;line-height:1.65!important;color:rgba(255,255,255,.72)!important;margin:0!important;max-width:720px;}.service-cta-box .btn-secondary{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;}
.related-services{display:flex!important;flex-wrap:wrap;gap:12px!important}.related-services a{padding:13px 16px;border-radius:16px;background:#fff;border:1px solid rgba(21,25,31,.10);box-shadow:0 12px 28px rgba(21,25,31,.08);font-weight:800;color:#15191f!important}.related-services a:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(21,25,31,.12);color:#d28a00!important;}
@media(max-width:980px){.service-hero-box,.service-content-grid,.service-steps,.service-faq-grid{grid-template-columns:1fr!important}.service-mini-points{grid-template-columns:1fr}.service-cta-box{flex-direction:column;align-items:flex-start}.service-hero-final{padding-top:42px!important}}


/* === P4OLA FINAL FIX: services cards clean hover + phone +7 === */
.header-actions .phone-highlight,
.phone-link,
.footer-contacts a[href^="tel"],
.contact-meta-item a[href^="tel"]{white-space:nowrap!important;}

.services-section{position:relative!important;overflow:hidden!important;}
.services-section:before{
  content:"";position:absolute;inset:6% 4% auto auto;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,205,58,.20),rgba(255,205,58,0) 64%);pointer-events:none;z-index:0;
}
.services-section .container{position:relative;z-index:1;}
.services-section .section-head{max-width:880px!important;margin:0 auto 28px!important;text-align:center!important;}
.services-section .section-head p{display:block!important;max-width:780px!important;margin:12px auto 0!important;color:#5f6670!important;font-size:16px!important;line-height:1.65!important;}

/* Ordered honeycomb cards: no overlap, no broken hover, button inside */
.services-section .honeycomb-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(122px,1fr))!important;
  grid-auto-rows:auto!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-content:center!important;
  width:100%!important;
  max-width:1180px!important;
  height:auto!important;
  margin:28px auto 0!important;
  padding:10px 0 18px!important;
  overflow:visible!important;
  filter:none!important;
}
.services-section .honey-row{display:contents!important;}
.services-section .hex-card,
.services-section .hex-card:nth-child(n){
  position:relative!important;left:auto!important;top:auto!important;grid-row:auto!important;
  width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:285px!important;
  margin:0!important;padding:28px 22px 24px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;
  clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)!important;
  color:#17140b!important;isolation:isolate!important;overflow:hidden!important;
  background:
    radial-gradient(circle at 34% 18%,rgba(255,255,255,.92) 0 8%,rgba(255,255,255,0) 24%),
    linear-gradient(145deg,#fff5bf 0%,#ffdf61 38%,#f6b20c 73%,#da8800 100%)!important;
  border:0!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.82),
    inset 0 -18px 34px rgba(95,58,0,.16),
    0 18px 42px rgba(155,101,0,.20),
    0 0 0 6px rgba(255,255,255,.78)!important;
  animation:none!important;
  transform:translateZ(0)!important;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important;
}
.services-section .hex-card:nth-child(1){grid-column:1 / span 2!important;}
.services-section .hex-card:nth-child(2){grid-column:3 / span 2!important;}
.services-section .hex-card:nth-child(3){grid-column:5 / span 2!important;}
.services-section .hex-card:nth-child(4){grid-column:2 / span 2!important;}
.services-section .hex-card:nth-child(5){grid-column:4 / span 2!important;}
.services-section .hex-card:nth-child(6){grid-column:6 / span 2!important;}
.services-section .hex-card:nth-child(7){grid-column:3 / span 3!important;max-width:420px!important;justify-self:center!important;}
.services-section .hex-card:before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
  background:linear-gradient(130deg,rgba(255,255,255,.56),rgba(255,255,255,0) 44%,rgba(109,63,0,.10))!important;
  transform:none!important;opacity:1!important;
}
.services-section .hex-card:after{
  content:""!important;position:absolute!important;inset:10px!important;clip-path:inherit!important;border:1px solid rgba(92,54,0,.22)!important;pointer-events:none!important;z-index:0!important;background:transparent!important;
}
.services-section .hex-card:hover{
  z-index:5!important;transform:translateY(-8px) scale(1.025)!important;filter:saturate(1.06) brightness(1.02)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.9),
    inset 0 -16px 30px rgba(95,58,0,.13),
    0 30px 72px rgba(155,101,0,.30),
    0 0 0 7px rgba(255,255,255,.90),
    0 0 54px rgba(246,178,12,.34)!important;
}
.services-section .hex-icon{
  width:50px!important;height:50px!important;margin:0 auto 14px!important;flex:none!important;color:#231900!important;
  border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(255,255,255,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 12px 24px rgba(109,63,0,.12)!important;
}
.services-section .hex-icon svg{width:30px!important;height:30px!important;display:block!important;}
.services-section .hex-icon svg path,.services-section .hex-icon svg circle,.services-section .hex-icon svg rect,.services-section .hex-icon svg line,.services-section .hex-icon svg polyline{
  stroke:currentColor!important;fill:none!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.services-section .hex-card h3{font-size:18px!important;line-height:1.15!important;margin:0 0 10px!important;color:#121006!important;font-weight:900!important;max-width:190px!important;}
.services-section .hex-card p{font-size:13.5px!important;line-height:1.48!important;margin:0 auto 18px!important;color:#302718!important;font-weight:650!important;max-width:210px!important;display:block!important;}
.services-section .service-more{
  margin:auto auto 0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:38px!important;padding:9px 16px!important;border-radius:999px!important;
  background:#17140b!important;color:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.02em!important;text-decoration:none!important;
  box-shadow:0 12px 24px rgba(23,20,11,.20),inset 0 1px 0 rgba(255,255,255,.18)!important;
  transform:none!important;position:relative!important;z-index:2!important;opacity:1!important;visibility:visible!important;
  transition:transform .24s ease,background .24s ease,box-shadow .24s ease!important;
}
.services-section .service-more:after{content:"→";font-weight:900;line-height:1;}
.services-section .service-more:hover{background:#fff!important;color:#17140b!important;transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(23,20,11,.18)!important;}

@media(max-width:1180px){
  .services-section .honeycomb-grid{grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:16px!important;}
  .services-section .hex-card:nth-child(1),.services-section .hex-card:nth-child(2),.services-section .hex-card:nth-child(3),.services-section .hex-card:nth-child(4),.services-section .hex-card:nth-child(5),.services-section .hex-card:nth-child(6){grid-column:span 2!important;}
  .services-section .hex-card:nth-child(7){grid-column:2 / span 4!important;max-width:520px!important;}
}
@media(max-width:760px){
  .services-section .honeycomb-grid{grid-template-columns:1fr!important;max-width:420px!important;gap:14px!important;padding:0!important;}
  .services-section .hex-card,.services-section .hex-card:nth-child(n){grid-column:1!important;min-height:235px!important;clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%)!important;padding:26px 26px 22px!important;}
  .services-section .hex-card:hover{transform:translateY(-5px) scale(1.01)!important;}
}
/* === /P4OLA FINAL FIX === */
