:root{--mk-green:#22c55e;--mk-green-2:#16a34a;--mk-yellow:#facc15;--mk-yellow-2:#fde047;--mk-ink:#0b1220;--mk-text:#334155;--mk-muted:#8aa0b2;--mk-white:#fff;--mk-border:#e6e9ee;--mk-shadow:0 20px 60px rgba(15,23,42,.08);--mk-radius:20px}
html{font-size:16px;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--mk-ink);background:linear-gradient(180deg,#f6fff6,#ffffff)}
img{max-width:100%;display:block}
a{color:#0ea5e9;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{margin:0 0 .6rem 0;line-height:1.2;color:#0a0f1c}
p{margin:.6rem 0 1rem 0;color:var(--mk-text)}
.mk-container{max-width:1160px;margin:0 auto;padding:0 16px}
.mk-btn{display:inline-flex;align-items:center;gap:.6rem;border-radius:999px;padding:.85rem 1.3rem;font-weight:700;border:1px solid transparent;box-shadow:var(--mk-shadow)}
.mk-btn--primary{background:linear-gradient(135deg,var(--mk-yellow),var(--mk-green));color:#111827}
.mk-btn--ghost{background:#fff;border-color:var(--mk-border);color:#111827}
.mk-btn--invert{background:#fff;border-color:var(--mk-border);color:#111827}
.mk-header{position:sticky;top:0;z-index:40;background:#ffffffd6;backdrop-filter:blur(8px);border-bottom:1px solid var(--mk-border)}
.mk-header__bar{display:flex;align-items:center;justify-content:space-between;height:68px}
.mk-brand{display:flex;align-items:center;gap:.6rem;font-weight:900;color:#0a0f1c}
.mk-brand img{border-radius:10px}
.mk-nav{display:flex;align-items:center;gap:12px}
.mk-burger{display:none;border:0;background:transparent;font-size:1.25rem}
.mk-menu{display:flex;align-items:center;gap:16px;list-style:none;margin:0;padding:0}
.mk-menu a{padding:.55rem .7rem;border-radius:12px}
.mk-menu a:hover{background:#f4f7fb;text-decoration:none}
.mk-hero{position:relative;padding:80px 0}
.mk-hero__blend{position:absolute;inset:-40px 0 0 0;background:radial-gradient(700px 280px at 15% 0%,var(--mk-yellow) 0,rgba(250,204,21,0) 60%),radial-gradient(700px 280px at 85% 12%,var(--mk-green) 0,rgba(34,197,94,0) 60%);opacity:.45;pointer-events:none}
.mk-hero__grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}
.mk-hero__left h1{font-size:2.6rem}
.mk-hero__cta{display:flex;gap:12px;margin:18px 0}
.mk-pillrow{display:flex;flex-wrap:wrap;gap:10px}
.mk-pillrow span{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--mk-border);border-radius:999px;padding:.55rem .85rem;color:var(--mk-text)}
.mk-hero__right{display:grid;gap:12px;justify-items:end}
.mk-chip{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--mk-border);border-radius:12px;padding:.5rem .75rem;box-shadow:var(--mk-shadow)}
.mk-portrait{position:relative;width:clamp(340px,46vw,640px);aspect-ratio:1/1;overflow:hidden;background:#fff;border:1px solid var(--mk-border);box-shadow:var(--mk-shadow)}
.mk-portrait--blob{clip-path:polygon(10% 0,90% 0,100% 25%,92% 60%,75% 100%,25% 100%,0 70%,0 25%);border-radius:24px}
.mk-portrait img{width:100%;height:100%;object-fit:cover}
.mk-float{position:absolute;background:#fff;border:1px solid var(--mk-border);border-radius:16px;box-shadow:var(--mk-shadow);padding:10px 12px;display:grid;place-items:center}
.mk-float--rate{top:14px;left:14px}
.mk-float--rate i{color:#f59e0b;margin-right:6px}
.mk-float--avatars{bottom:14px;right:14px;display:flex;align-items:center;gap:6px}
.mk-float--avatars img{width:28px;height:28px;border-radius:999px;border:2px solid #fff}
.mk-float--avatars span{font-size:.9rem;color:#475569}
.mk-section{padding:64px 0}
.mk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}
.mk-tile{background:#fff;border:1px solid var(--mk-border);border-radius:22px;padding:22px;box-shadow:var(--mk-shadow)}
.mk-tile i{font-size:1.6rem;background:linear-gradient(135deg,var(--mk-yellow-2),var(--mk-green));-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-tile--skew{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.mk-actions{margin-top:16px}
.mk-range__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}
.mk-range__card,.mk-range__mini{background:#fff;border:1px solid var(--mk-border);overflow:hidden;box-shadow:var(--mk-shadow)}
.mk-range__card img,.mk-range__mini img{width:100%;height:240px;object-fit:cover}
.mk-range__txt{padding:18px}
.mk-shape-a{border-radius:40px 24px 32px 24px}
.mk-shape-b{border-radius:24px 48px 24px 40px}
.mk-features__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center}
.mk-checks{list-style:none;margin:12px 0 0 0;padding:0;display:grid;gap:10px}
.mk-checks li{display:flex;gap:.6rem;align-items:center;background:#fff;border:1px solid var(--mk-border);border-radius:14px;padding:10px 12px}
.mk-checks i{background:linear-gradient(135deg,var(--mk-green),var(--mk-yellow));-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-features__media{position:relative;border:1px solid var(--mk-border);border-radius:32px;overflow:hidden;background:#fff;box-shadow:var(--mk-shadow)}
.mk-features__media img{width:100%;height:340px;object-fit:cover}
.mk-testimonial{position:absolute;right:14px;bottom:14px;background:#fff;border:1px solid var(--mk-border);border-radius:16px;box-shadow:var(--mk-shadow);padding:10px 12px;display:flex;gap:10px;align-items:center}
.mk-testi__pic img{width:36px;height:36px;border-radius:999px;object-fit:cover}
.mk-teamgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mk-person{background:#fff;border:1px solid var(--mk-border);overflow:hidden;box-shadow:var(--mk-shadow);text-align:center}
.mk-person img{width:100%;height:240px;object-fit:cover}
.mk-person h3{margin:.6rem 0 .2rem 0}
.mk-person p{margin:0 0 1rem 0;color:var(--mk-muted)}
.mk-shape-c{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
.mk-guarantee__wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}
.mk-badges{list-style:none;margin:12px 0 0 0;padding:0;display:grid;gap:10px}
.mk-badges li{display:flex;gap:.6rem;align-items:center}
.mk-guarantee__logos{display:flex;gap:14px;flex-wrap:wrap}
.mk-guarantee__logos img{width:110px;height:auto;border:1px solid var(--mk-border);border-radius:14px;background:#fff;box-shadow:var(--mk-shadow)}
.mk-odd{background:linear-gradient(180deg,rgba(250,240,180,.35),rgba(255,255,255,1))}
.mk-odd__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mk-odd__item{background:#fff;border:1px solid var(--mk-border);padding:20px;box-shadow:var(--mk-shadow);text-align:center}
.mk-odd__item i{font-size:1.6rem;background:linear-gradient(135deg,var(--mk-yellow),var(--mk-green));-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-deal{background:linear-gradient(90deg,var(--mk-yellow),var(--mk-green));color:#111827}
.mk-deal__wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mk-deal__icon{font-size:2rem}
.mk-deal__text h2{margin-bottom:6px}
.mk-reviews__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mk-review{background:#fff;border:1px solid var(--mk-border);border-radius:18px;padding:18px;box-shadow:var(--mk-shadow)}
.mk-quote{font-size:1.05rem}
.mk-review__meta{display:flex;align-items:center;gap:10px;margin-top:10px}
.mk-review__meta img{width:40px;height:40px;border-radius:999px;object-fit:cover}
.mk-newsletter__wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--mk-border);border-radius:22px;padding:20px;box-shadow:var(--mk-shadow)}
.mk-form--inline{display:flex;gap:10px}
.mk-form--inline input{width:280px;padding:.95rem 1rem;border:1px solid var(--mk-border);border-radius:14px;background:#fff;font:inherit}
.mk-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.mk-contact__list{list-style:none;padding:0;margin:0 0 12px 0;display:grid;gap:8px}
.mk-form{background:#fff;border:1px solid var(--mk-border);border-radius:20px;padding:16px;box-shadow:var(--mk-shadow)}
.mk-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mk-form input,.mk-form select,.mk-form textarea{width:100%;padding:.95rem 1rem;border:1px solid var(--mk-border);border-radius:14px;background:#fff;font:inherit;color:var(--mk-ink)}
.mk-form button{margin-top:8px;width:100%}
.mk-privacy{text-align:center;margin:.6rem 0 0}
.mk-footer{background:#0b1220;color:#cbd5e1;margin-top:32px}
.mk-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:32px 0}
.mk-links{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.mk-foot__bar{border-top:1px solid #1f2937}
.mk-foot__wrap{display:flex;align-items:center;justify-content:space-between;height:56px}
.mk-legal{display:flex;gap:14px;list-style:none;margin:0;padding:0}
@media (max-width:980px){
  .mk-hero__grid,.mk-range__grid,.mk-features__grid,.mk-contact__grid,.mk-guarantee__wrap{grid-template-columns:1fr}
  .mk-tiles,.mk-teamgrid,.mk-odd__grid,.mk-reviews__grid{grid-template-columns:1fr 1fr}
  .mk-newsletter__wrap{flex-direction:column;align-items:stretch}
  .mk-form--inline{flex-direction:column}
  .mk-form--inline input{width:100%}
  .mk-footer__grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .mk-burger{display:block}
  .mk-menu{position:fixed;inset:68px 0 auto 0;background:#fff;border-bottom:1px solid var(--mk-border);flex-direction:column;gap:0;transform:translateY(-120%);transition:.25s;padding:10px 16px}
  .mk-menu a{width:100%;padding:12px;border-radius:12px}
  .mk-menu.is-open{transform:translateY(0)}
  .mk-tiles,.mk-teamgrid,.mk-odd__grid,.mk-reviews__grid{grid-template-columns:1fr}
}
.mk-guarantee__wrap.mk-guarantee--two{grid-template-columns:1fr 1fr}
.mk-guarantee__media{display:grid;gap:14px;align-content:start}
.mk-blob{position:relative;aspect-ratio:4/3;overflow:hidden;background:#fff;border:1px solid var(--mk-border);box-shadow:var(--mk-shadow);clip-path:polygon(8% 0,100% 0,92% 88%,0 100%)}
.mk-blob img{width:100%;height:100%;object-fit:cover}
.mk-blob__badge{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border:1px solid var(--mk-border);border-radius:999px;background:linear-gradient(135deg,var(--mk-yellow),var(--mk-green));color:#111827;font-weight:700;box-shadow:var(--mk-shadow);font-size:.95rem}
.mk-fig{margin:0}
.mk-fig img{width:100%;height:240px;object-fit:cover;border:1px solid var(--mk-border);border-radius:16px;box-shadow:var(--mk-shadow)}
.mk-fig figcaption{margin-top:6px;font-size:.95rem;color:var(--mk-muted)}
@media (max-width:980px){
  .mk-guarantee__wrap.mk-guarantee--two{grid-template-columns:1fr}
  .mk-fig img{height:220px}
}
/* ==== Newsletter background ==== */
.mk-section.mk-newsletter{
  position:relative;
  padding:72px 0; /* чуть больше воздуха на фоне */
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(250,224,71,.22), rgba(34,197,94,.10) 60%, #ffffff 100%);
}

/* декоративные бленды позади карточки */
.mk-section.mk-newsletter::before,
.mk-section.mk-newsletter::after{
  content:"";
  position:absolute;
  inset:auto auto  -120px -140px;
  width:780px; height:780px;
  pointer-events:none;
  border-radius:50%;
  filter:blur(42px);
  background:radial-gradient(circle at 35% 35%, var(--mk-yellow) 0%, rgba(250,204,21,0) 60%);
  opacity:.55;
  z-index:0;
}
.mk-section.mk-newsletter::after{
  inset:-160px -180px auto auto;
  background:radial-gradient(circle at 65% 40%, var(--mk-green) 0%, rgba(34,197,94,0) 60%);
  opacity:.45;
}

/* чтобы карточка была над фоном */
.mk-newsletter__wrap{
  position:relative;
  z-index:1;
}

/* адаптив — смещаем бленды, чтобы не перекрывали контент */
@media (max-width:980px){
  .mk-section.mk-newsletter::before{inset:auto auto -160px -220px; width:620px; height:620px}
  .mk-section.mk-newsletter::after{inset:-200px -220px auto auto; width:620px; height:620px}
}
@media (max-width:640px){
  .mk-section.mk-newsletter{padding:56px 0}
  .mk-section.mk-newsletter::before,
  .mk-section.mk-newsletter::after{filter:blur(36px); opacity:.5}
}
/* Contact: media block in right column */
.mk-contact__media{margin-top:14px}
.mk-contact__media figcaption{margin-top:8px;font-size:.95rem;color:var(--mk-muted)}
.mk-contact__photo{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--mk-border);
  box-shadow:var(--mk-shadow);
  /* неровная форма под общий стиль */
  clip-path:polygon(8% 0, 100% 0, 92% 92%, 0 100%);
  border-radius:22px;
}
.mk-contact__photo img{width:100%;height:100%;object-fit:cover}
.mk-contact__badge{
  position:absolute;left:12px;top:12px;
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.5rem .8rem;border:1px solid var(--mk-border);
  border-radius:999px;background:linear-gradient(135deg,var(--mk-yellow),var(--mk-green));
  color:#111827;font-weight:700;box-shadow:var(--mk-shadow);font-size:.95rem
}

/* адаптив */
@media (max-width:980px){
  .mk-contact__photo{aspect-ratio:16/11}
}
.mk-cookie{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-top:1px solid var(--mk-border);box-shadow:0 -10px 30px rgba(15,23,42,.12);display:none}
.mk-cookie__wrap{max-width:1160px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.mk-cookie__txt{display:flex;gap:12px;align-items:flex-start}
.mk-cookie__txt i{font-size:1.4rem;background:linear-gradient(135deg,var(--mk-yellow),var(--mk-green));-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-cookie__txt h3{margin:0 0 .2rem 0;font-size:1.05rem}
.mk-cookie__actions{display:flex;align-items:center;gap:10px}
.mk-cookie__prefs{border:0;background:transparent;text-decoration:underline;color:#0a0f1c;font-weight:600}
.mk-cookie-prefs{position:fixed;inset:0;z-index:70;background:rgba(2,6,23,.4);display:none;align-items:center;justify-content:center;padding:16px}
.mk-cookie-prefs__card{width:min(560px,100%);background:#fff;border:1px solid var(--mk-border);border-radius:20px;box-shadow:var(--mk-shadow);display:grid}
.mk-cookie-prefs__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--mk-border)}
.mk-cookie__close{border:1px solid var(--mk-border);background:#fff;border-radius:10px;width:36px;height:36px;display:grid;place-items:center}
.mk-cookie-prefs__body{padding:14px 16px;display:grid;gap:10px}
.mk-cookie-prefs__actions{padding:14px 16px;border-top:1px solid var(--mk-border);display:flex;gap:10px;justify-content:flex-end}
.mk-switch{display:flex;align-items:center;gap:10px}
.mk-switch input{width:18px;height:18px}
@media (max-width:760px){
  .mk-cookie__wrap{flex-direction:column;align-items:stretch}
  .mk-cookie__actions{justify-content:flex-end;
  flex-wrap: wrap;}
}
.mk-cookie.is-visible{display:block}
.mk-cookie-prefs.is-visible{display:flex}
footer {
  padding: 20px;
}
/* Десктоп: показываем верхнее меню, скрываем моб-панель */
@media (min-width:761px){
  .mk-mobpanel{display:none}
}

/* Бургер отображается только на моб. */
@media (max-width:760px){
  .mk-burger{display:inline-grid;place-items:center;font-size:1.25rem}
  /* Прячем десктоп-меню на мобилках */
  .mk-menu{display:none}
  /* Офканвас-панель */
  .mk-mobpanel{
    position:fixed; inset:0; z-index:1000; display:none;
    background:rgba(2,6,23,.45); backdrop-filter:blur(6px);
  }
  .mk-mobpanel.is-open{display:block}
  .mk-mobpanel__sheet{
    position:absolute; right:0; top:0; height:100%; width:min(88vw,360px);
    background:#fff; border-left:1px solid var(--mk-border); box-shadow:var(--mk-shadow);
    transform:translateX(100%); transition:transform .25s ease;
    display:grid; grid-template-rows:auto 1fr; gap:0;
  }
  .mk-mobpanel.is-open .mk-mobpanel__sheet{transform:translateX(0)}
  .mk-mobpanel__head{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 16px; border-bottom:1px solid var(--mk-border);
  }
  .mk-mobpanel__close{
    border:1px solid var(--mk-border); background:#fff; border-radius:10px;
    width:36px; height:36px; display:grid; place-items:center; font-size:1.1rem;
  }
  .mk-mobpanel__menu{
    background: #fff;
    list-style:none; margin:0; padding:12px; display:grid; gap:8px; align-content:start;
  }
  .mk-mobpanel__menu a{
    display:block; padding:12px 14px; border:1px solid var(--mk-border);
    border-radius:14px; background:#fff; color:#0a0f1c; text-decoration:none;
  }
  .mk-mobpanel__menu a:hover{background:#f7fafc}
}