/* KASSA26 — главная по макету Lovable, v4.4.138 */
body.lovable-home-active{background:#fbfaf7}
body.lovable-home-active #home61Carousel,
body.lovable-home-active > main{display:none!important}

.lovable-home{
  width:min(1128px,calc(100% - 32px));
  margin:0 auto;
  padding:76px 0 64px;
  color:#0f1b2b;
  font-family:"Manrope","Segoe UI",Arial,sans-serif;
}
.lovable-home *{box-sizing:border-box}
.lovable-home a{text-decoration:none}
.lovable-home svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lh-badge{
  display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 12px;
  border:1px solid #e3e1da;border-radius:999px;background:#fff;color:#62748e;
  font-size:11px;font-weight:600;line-height:1.3
}
.lh-badge svg{width:14px;height:14px;color:#249c74}
.lh-hero{max-width:790px}
.lh-hero h1{
  margin:24px 0 22px;font-family:"Unbounded","Manrope",sans-serif;
  font-size:58px;line-height:1.12;letter-spacing:-.045em;font-weight:700;color:#0f1b2b
}
.lh-hero h1 span{display:block;color:#249c74}
.lh-lead{
  max-width:650px;margin:0;color:#62748e;font-size:18px;line-height:1.55;font-weight:500
}
.lh-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.lh-btn{
  min-height:50px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border:1px solid #132e50;border-radius:999px;background:#132e50;color:#fff!important;
  font-size:14px;font-weight:700;box-shadow:0 10px 24px -15px rgba(19,46,80,.55);
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease
}
.lh-btn:hover{background:#0d2340;transform:translateY(-1px);box-shadow:0 14px 30px -15px rgba(19,46,80,.65)}
.lh-btn-secondary{background:#fff;color:#0f1b2b!important;border-color:#e3e1da;box-shadow:none}
.lh-btn-secondary:hover{background:#f1f5f9}
.lh-btn-emerald{background:#249c74;border-color:#249c74}
.lh-btn-emerald:hover{background:#1d8663}
.lh-btn svg{width:17px;height:17px}
.lh-mobile-search{display:none;margin-top:25px;position:relative}
.lh-mobile-search::before{content:"⌕";position:absolute;left:16px;top:50%;transform:translateY(-52%);color:#62748e;font-weight:800}
.lh-mobile-search input{
  width:100%;height:50px;padding:0 18px 0 42px;border:1px solid #e3e1da;border-radius:999px;
  background:#fff;color:#0f1b2b;font:500 14px "Manrope",sans-serif
}

.lh-remote{
  margin-top:54px;padding:34px 36px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:18px;border-radius:22px;background:#16365d;color:#fff;
  box-shadow:0 18px 36px -24px rgba(15,27,43,.45)
}
.lh-icon-box{
  width:48px;height:48px;display:grid;place-items:center;border-radius:14px;
  background:#249c74;color:#fff;flex:0 0 48px
}
.lh-remote h2,.lh-esm h2{margin:0;font-family:"Unbounded","Manrope",sans-serif;font-size:24px;line-height:1.25;letter-spacing:-.02em}
.lh-remote p{margin:7px 0 0;color:#cad5e3;font-size:14px;line-height:1.5}
.lh-remote .lh-btn{background:#fff;color:#132e50!important;border-color:#fff;box-shadow:none}

.lh-esm{
  margin-top:16px;padding:34px 36px;display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:24px;align-items:center;border:1px solid #a9dec9;border-radius:22px;
  background:#e7f4ee;box-shadow:0 16px 32px -27px rgba(36,156,116,.5)
}
.lh-kicker{margin-bottom:10px;color:#249c74;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.lh-esm p{margin:9px 0 18px;color:#62748e;font-size:14px;line-height:1.5}
.lh-feature-list{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.lh-feature{display:inline-flex;align-items:center;gap:7px;color:#334155;font-size:12px;font-weight:600}
.lh-feature svg{width:15px;height:15px;color:#249c74}
.lh-esm-side{min-width:200px;display:grid;justify-items:center;gap:12px}
.lh-code{
  min-width:190px;padding:11px 18px;border-radius:18px;background:#fff;text-align:center;color:#132e50
}
.lh-code small{display:block;color:#62748e;font-size:10px;font-weight:500}
.lh-code strong{display:block;margin-top:1px;font-family:"Unbounded","Manrope",sans-serif;font-size:38px;line-height:1.15;letter-spacing:.02em}

.lh-section-title{
  margin:62px 0 24px;font-family:"Unbounded","Manrope",sans-serif;
  font-size:34px;line-height:1.2;letter-spacing:-.035em
}
.lh-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lh-service{
  min-height:202px;padding:26px 24px;display:flex;flex-direction:column;
  border:1px solid #e3e1da;border-radius:20px;background:#fff;
  box-shadow:0 1px 2px rgba(15,27,43,.04),0 14px 30px -20px rgba(15,27,43,.22);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.lh-service:hover{transform:translateY(-3px);border-color:#cfd8e3;box-shadow:0 18px 38px -22px rgba(15,27,43,.32)}
.lh-service-icon{color:#249c74;margin-bottom:23px}
.lh-service h3{margin:0;font:700 15px/1.4 "Manrope",sans-serif;color:#0f1b2b}
.lh-service p{margin:8px 0 18px;color:#62748e;font-size:12px;line-height:1.5}
.lh-more{margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:#249c74!important;font-size:12px;font-weight:800}
.lh-more svg{width:14px;height:14px}

.lh-contact{
  margin-top:64px;padding:34px 36px;display:grid;grid-template-columns:220px repeat(3,minmax(0,1fr));
  gap:28px;align-items:start;border:1px solid #e3e1da;border-radius:22px;background:#fff;
  box-shadow:0 1px 2px rgba(15,27,43,.04),0 14px 30px -20px rgba(15,27,43,.2)
}
.lh-contact h2{margin:0;font-family:"Unbounded","Manrope",sans-serif;font-size:21px;letter-spacing:-.02em}
.lh-contact-lead{margin:9px 0 0;color:#62748e;font-size:12px}
.lh-contact-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;color:#0f1b2b;font-size:12px;line-height:1.55}
.lh-contact-item+.lh-contact-item{margin-top:10px}
.lh-contact-item svg{width:16px;height:16px;margin-top:2px;color:#249c74}
.lh-contact-item a{color:#0f1b2b}
.lh-contact-note{color:#62748e}
.lh-contact-link{display:inline-flex;margin-top:10px;color:#249c74!important;font-size:12px;font-weight:800}

/* Подвал в стиле макета */
.site-footer .footer-columns{grid-template-columns:1.35fr repeat(3,1fr)!important;gap:38px!important}
.footer-brand-block h3{font-family:"Manrope",sans-serif!important;font-size:14px!important;color:#0f1b2b!important}
.footer-brand-logo{display:block;width:140px;max-height:38px;object-fit:contain;object-position:left center;margin-bottom:17px}
.footer-brand-block p{margin:7px 0 0;color:#62748e;font-size:12px;line-height:1.55}
.site-footer .payment-logos{order:2}
.site-footer .footer-copy{order:1}

@media(max-width:900px){
  .lovable-home{padding-top:52px}
  .lh-hero h1{font-size:46px}
  .lh-remote{grid-template-columns:auto minmax(0,1fr)}
  .lh-remote .lh-btn{grid-column:2;justify-self:start}
  .lh-contact{grid-template-columns:1fr 1fr}
  .site-footer .footer-columns{grid-template-columns:1fr 1fr!important}
}
@media(max-width:650px){
  .lovable-home{width:calc(100% - 40px);padding:46px 0 44px}
  .lh-badge{font-size:10px;padding:5px 10px}
  .lh-hero h1{margin-top:20px;font-size:36px;line-height:1.14;letter-spacing:-.045em}
  .lh-lead{font-size:16px;line-height:1.7}
  .lh-mobile-search{display:block}
  .lh-actions{margin-top:24px;align-items:stretch;flex-direction:column}
  .lh-btn{align-self:flex-start;min-height:49px}
  .lh-remote{margin-top:56px;padding:27px 24px;grid-template-columns:1fr;gap:14px}
  .lh-remote .lh-icon-box{width:44px;height:44px}
  .lh-remote h2,.lh-esm h2{font-size:21px}
  .lh-remote .lh-btn{grid-column:auto}
  .lh-esm{padding:26px 23px;grid-template-columns:1fr}
  .lh-feature-list{align-items:flex-start;flex-direction:column;gap:9px}
  .lh-esm-side{min-width:0;justify-items:start}
  .lh-code{min-width:180px}
  .lh-section-title{margin:48px 0 20px;font-size:29px}
  .lh-services{grid-template-columns:1fr}
  .lh-service{min-height:180px}
  .lh-contact{margin-top:48px;padding:27px 23px;grid-template-columns:1fr;gap:22px}
  .site-footer .footer-columns{grid-template-columns:1fr!important}
}

/* LOVABLE DISPLAY FIX V139
   The legacy home61 script marks every new body section as original content.
   Keep the new Lovable home visible even when that legacy class is present. */
.lovable-home.home61-original-hidden {
  display: block !important;
}
