/* ==========================================================================
   Martynov Labs — общий стиль (зелёная тема)
   ========================================================================== */

/* ===== Цвета и переменные ===== */
:root{
  --brand-500:#4CAF50;
  --brand-600:#43A047;
  --brand-700:#388e3c;
  --brand-100:#e9f9ec;
  --ink-900:#212121;
  --ink-800:#181818;
  --ink-700:#2a2a2a;
  --ink-600:#555;
  --ink-500:#6b7280;
  --surface:#ffffff;
  --surface-muted:#f8f9fa;
  --border:#e2efe2;

  --hero-img-h-mobile: clamp(220px, 60vw, 420px);

  /* Меню */
  --menu-bg:#4CAF50;
  --menu-accent:#4CAF50;
  --menu-ink:#ffffff;
  --menu-pill-radius:9999px;
}

/* ===== База ===== */
html,body{margin:0;padding:0}
body{
  background:#fff; min-width:fit-content; color:var(--ink-900);
  font-family:'Nunito Sans','Roboto',Arial,sans-serif;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6{margin:0 0 8px}

/* Утилити */
.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}
.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}

/* ========================================================================== */
/*  HEADER (Ozon-like, зелёный)                                               */
/* ========================================================================== */
.w3-top{z-index:1000}
.ozon-header{background:var(--menu-bg)!important;color:var(--menu-ink)!important;border-bottom:2px solid var(--brand-700)}
.ozon-menu{display:flex;align-items:center;gap:8px;height:64px;padding:0 16px;box-sizing:border-box}
.ozon-logo{font-weight:700;font-size:24px;line-height:1;color:var(--menu-ink)!important;text-decoration:none;padding:8px 12px;border-radius:12px;white-space:nowrap}

.ozon-menu__item{
  font-size:16px;font-weight:600;color:var(--menu-ink)!important;text-decoration:none;
  padding:8px 12px;line-height:1;border-radius:14px;display:inline-flex;align-items:center;gap:8px;
  transition:background .18s,color .18s,border-radius .18s
}
.ozon-menu__item:hover{background:#fff!important;color:var(--menu-accent)!important;border-radius:var(--menu-pill-radius)}
.ozon-menu__item:active{transform:translateY(1px)}

.ozon-catalog.w3-button{
  background:#fff!important;color:var(--menu-accent)!important;border-radius:var(--menu-pill-radius);
  padding:8px 18px;font-size:16px;font-weight:600;box-shadow:none;border:none;
  display:inline-flex;align-items:center;gap:8px
}
.ozon-catalog.w3-button:hover{background:var(--brand-100)!important;color:#000!important}
.ozon-catalog i{margin-right:8px}

.w3-top .w3-bar .w3-button{background:transparent!important;color:var(--menu-ink)!important;border-radius:12px}
.w3-top .w3-bar .w3-button:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}

#navDemo{border-top:1px solid rgba(255,255,255,.08)}
#navDemo .w3-button{color:#111!important;background:#fff!important;border-radius:0!important;text-align:left;padding:14px 18px;font-size:16px;border-bottom:1px solid #f2f2f2}
#navDemo .w3-button:hover{background:#f7f9fa!important;color:#000!important}

@media (max-width:992px){.ozon-menu .ozon-menu__item:not(.ozon-catalog){display:none}}

/* ========================================================================== */
/*  HERO                                                                      */
/* ========================================================================== */
#home{position:relative}
.hero{
  position:relative!important;background:linear-gradient(90deg,#4CAF50,#81C784)!important;color:#fff!important;
  border-radius:24px!important;overflow:hidden;margin:32px auto!important;max-width:1200px!important;
  padding:64px 32px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;text-align:left!important
}
.hero .w3-button{background:#fff!important;color:#222!important;border-radius:40px!important;font-weight:700}
.hero .w3-button:hover{background:var(--brand-100)!important;color:#000!important}
.hero .hero-text h1,.hero .hero-text h3{color:#fff!important}
.hero .hero-text h1{line-height:.92!important;margin:8px 0 10px 0!important}
.hero .hero-subtitle{margin-top:6px!important;letter-spacing:normal!important;word-spacing:normal!important;line-height:1.15!important}

.hero{flex-direction:column!important;align-items:flex-start!important;padding-bottom:calc(var(--hero-img-h-mobile) + 16px)!important}
.hero .hero-text{order:1;width:100%}
.hero .hero-images{order:2;width:100%}
.hero .hero-img-container{
  position:absolute!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;
  height:var(--hero-img-h-mobile)!important;width:auto!important;margin:0!important;pointer-events:none;
  display:flex!important;align-items:flex-end!important;justify-content:center!important
}
.hero .hero-pic{height:100%!important;width:auto!important;display:block!important;margin:0!important;border-radius:12px}

@media (min-width:901px){
  .hero{flex-direction:row!important;align-items:center!important;min-height:460px!important;padding-bottom:32px!important}
  .hero .hero-text{order:1;width:50%;padding-right:clamp(260px,28vw,380px)!important}
  .hero .hero-images{order:2;width:50%}
  .hero .hero-img-container{position:absolute!important;right:8%!important;left:auto!important;bottom:-10%!important;transform:none!important;width:auto!important;height:110%!important;max-height:none!important}
  .hero .hero-pic{height:100%!important;width:auto!important}
  .hero .hero-subtitle{white-space:nowrap;font-size:1.6rem!important}
}
@media (min-width:1200px){.hero .hero-img-container{right:10%!important}}

/* ========================================================================== */
/*  Кейсы / Тарифы — сетка                                                    */
/* ========================================================================== */
.card-grid{display:flex;flex-wrap:wrap;gap:18px 18px;margin-top:18px}
.itemBlock{flex:0 0 calc(50% - 9px);max-width:calc(50% - 9px);box-sizing:border-box}
@media (max-width:900px){.itemBlock{flex:0 0 100%;max-width:100%}.card-grid{gap:12px 0}}

/* Кейсы */
.case-card{
  display:flex;align-items:flex-start;background:var(--surface-muted);border-radius:14px;
  box-shadow:0 1.5px 7px rgba(0,0,0,.06);padding:22px 20px 18px;min-height:170px;gap:20px;
  transition:box-shadow .22s,transform .18s
}
.case-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.10);transform:translateY(-2px) scale(1.012)}
.case-icon .fa{font-size:40px;color:var(--brand-500)}
.case-title{font-size:1.15rem;font-weight:700;margin-bottom:8px;color:#111;letter-spacing:.02em}
.case-desc{font-size:1rem;color:var(--ink-800);margin-bottom:16px;line-height:1.4}
.case-tags{display:flex;gap:8px;flex-wrap:wrap}
.case-tags span{background:var(--brand-100);color:var(--brand-700);border-radius:2em;padding:3px 14px;font-size:.89rem;font-weight:500}

/* Тарифы */
.pricing-section{background:var(--brand-100);padding:72px 0 80px}
.pricing-title{font-size:2.1rem;font-weight:700;color:#222;letter-spacing:.04em;margin:0 0 18px;margin-left:clamp(8px,3vw,48px)}
.pricing-card{
  display:flex;flex-direction:column;align-items:flex-start;background:#fff;border-radius:18px;
  box-shadow:0 1.5px 7px rgba(0,0,0,.06);border:1.5px solid var(--border);
  padding:34px 32px 28px;box-sizing:border-box;height:100%;width:100%
}
.pricing-card .fa{font-size:34px;color:var(--brand-500);margin-bottom:12px}
.pricing-card-title{font-size:1.3rem;font-weight:700;color:#212121;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.pricing-card-desc{font-size:1rem;color:#222;margin-bottom:18px;line-height:1.4}
.pricing-price{font-size:1.9rem;font-weight:700;color:#222;margin:6px 0 18px}
.pricing-card-label{display:inline-block;background:var(--brand-100);color:var(--brand-700);border-radius:2em;padding:4px 16px;font-size:.96rem;font-weight:700;margin-bottom:8px}
.pricing-card .w3-button{margin-top:auto;width:100%;font-weight:700;letter-spacing:.02em;box-shadow:none;border:none;display:block;transition:background .2s,color .2s}
.pricing-card .w3-button:hover{background:var(--brand-600)!important;color:#fff!important}

/* ширина тарифных карточек == ширине кейсов */
.pricing-section .card-grid .w3-mobile.itemBlock{flex:0 0 calc(50% - 9px);max-width:calc(50% - 9px)}
@media (max-width:900px){.pricing-section .card-grid .w3-mobile.itemBlock{flex:0 0 100%;max-width:100%}}

/* ========================================================================== */
/*  FOOTER (1×4 / 2×2, аккуратная типографика)                                */
/* ========================================================================== */
.ozon-footer{background:#f8f9fa;border-top:2px solid var(--brand-100);padding:32px 0 18px;margin-top:36px;color:var(--ink-700);font-family:'Nunito Sans','Roboto',Arial,sans-serif}
.ozon-footer__grid{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px 44px}
.ozon-footer__logo{display:inline-block;font-weight:700;font-size:1.05rem;color:var(--brand-700);letter-spacing:.2px;text-decoration:none}
.ozon-footer__copy{color:var(--ink-500);font-size:.94rem;margin-top:6px}
.ozon-footer__block h5{font-size:.95rem;font-weight:600;color:var(--ink-700);letter-spacing:.2px;margin:0 0 10px}
.ozon-footer__block a{font-size:.94rem;font-weight:500;color:var(--brand-500);text-decoration:none;display:block;margin-bottom:6px;transition:color .18s}
.ozon-footer__block a:hover{color:var(--brand-700);text-decoration:underline;text-underline-offset:2px}
@media (max-width:900px){.ozon-footer__grid{grid-template-columns:1fr 1fr;gap:18px 12px;padding:0 6vw}}
@media (max-width:600px){.ozon-footer__grid{padding:0 2vw;gap:8px 4px}}

/* ========================================================================== */
/*  HARD PATCH для меню (капсулы)                                             */
/* ========================================================================== */
.ozon-header, .ozon-menu{background:#4CAF50!important;color:#fff!important}
.ozon-menu a.w3-button.ozon-menu__item:not(.ozon-catalog),
.w3-bar.ozon-menu a.w3-button.ozon-menu__item:not(.ozon-catalog){
  background:transparent!important;color:#fff!important;border-radius:14px!important;padding:8px 12px!important;font-size:16px!important;font-weight:600!important;line-height:1!important
}
.ozon-menu a.w3-button.ozon-menu__item:not(.ozon-catalog):hover,
.w3-bar.ozon-menu a.w3-button.ozon-menu__item:not(.ozon-catalog):hover{
  background:#fff!important;color:#4CAF50!important;border-radius:9999px!important
}
.ozon-menu a.w3-button.ozon-catalog,
.w3-bar.ozon-menu a.w3-button.ozon-catalog{
  background:#fff!important;color:#4CAF50!important;border-radius:9999px!important;padding:8px 18px!important;font-size:16px!important;font-weight:600!important;line-height:1!important;box-shadow:none!important;border:none!important
}
.ozon-menu a.w3-button.ozon-catalog:hover,
.w3-bar.ozon-menu a.w3-button.ozon-catalog:hover{background:#e9f9ec!important;color:#000!important}