.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#54595F;--e-global-color-text:#B0B8C1;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===========================================
   INFO TECH — Clean Light Style 2025
   =========================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;500;700&display=swap');

:root{
  --bg:#fdfdfd;              /* мягкий белый фон */
  --paper:#ffffff;           /* карточки и блоки */
  --ink:#1e293b;             /* тёмно-серый текст */
  --muted:#64748b;           /* вторичный текст */
  --accent:#2563eb;          /* синий акцент */
  --accent-hover:#1d4ed8;
  --line:#e2e8f0;            /* линии и границы */
  --radius:14px;
  --radius-lg:18px;
  --shadow:0 4px 12px rgba(0,0,0,.05);
  --transition:.25s ease;
}

/* ====== Общие ====== */
html{scroll-behavior:smooth;}
body{
  font-family:'Inter', 'Manrope', sans-serif;
  background:var(--bg);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ====== Секции ====== */
.section{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  padding:40px 28px;
  margin-bottom:24px;
}
.section h2{
  font-family:'Manrope';
  font-weight:800;
  font-size:32px;
  margin-bottom:14px;
  color:var(--ink);
}
.section p{color:var(--muted); line-height:1.7;}

/* ====== Кнопки ====== */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--accent);
  color:#fff; padding:14px 26px;
  border-radius:12px; border:none; font-weight:700;
  transition:background var(--transition), transform var(--transition);
}
.btn:hover{background:var(--accent-hover); transform:translateY(-1px);}
.btn--ghost{
  background:transparent; border:1px solid var(--accent); color:var(--accent);
}
.btn--ghost:hover{background:var(--accent); color:#fff;}

/* ====== Hero ====== */
.hero{
  display:grid; grid-template-columns:1.2fr 0.8fr; align-items:center;
  background:linear-gradient(135deg,#ffffff 40%,#f8fafc);
  border-radius:var(--radius-lg); padding:60px 40px; gap:20px;
  box-shadow:var(--shadow);
}
@media(max-width:960px){.hero{grid-template-columns:1fr; padding:40px 24px;}}
.hero h1{
  font-family:'Manrope';
  font-weight:800;
  font-size:42px;
  color:#0f172a;
  line-height:1.2;
  margin-bottom:16px;
}
.hero p{
  color:#475569;
  font-size:17px;
  line-height:1.6;
  margin-bottom:22px;
}

/* ====== Карточки ====== */
.grid{display:grid; gap:20px;}
.grid--3{grid-template-columns:repeat(3,1fr);}
@media(max-width:1024px){.grid--3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){.grid--3{grid-template-columns:1fr;}}

.card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  transition:transform var(--transition), box-shadow var(--transition);
}
.card:hover{transform:translateY(-4px); box-shadow:0 8px 20px rgba(0,0,0,.08);}
.card__media img{
  width:100%; height:auto; border-radius:var(--radius) var(--radius) 0 0;
}
.card__body{padding:20px;}
.card__title{font-weight:700; font-size:20px; color:var(--ink); margin:0 0 8px;}
.card__text{color:var(--muted); font-size:15px;}

/* ====== Преимущества ====== */
.feature{
  background:#f8fafc;
  border:1px solid var(--line);
  border-radius:var(--radius);
  text-align:center;
  padding:20px 16px;
  transition:background var(--transition), box-shadow var(--transition);
}
.feature:hover{background:#ffffff; box-shadow:var(--shadow);}
.feature__icon{font-size:32px; color:var(--accent); margin-bottom:10px;}
.feature__title{font-weight:700; margin-bottom:6px; color:var(--ink);}
.feature__text{color:var(--muted);}

/* ====== Форма ====== */
.form-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:28px;
  box-shadow:var(--shadow);
}
.form-card input, .form-card select, .form-card textarea{
  width:100%; padding:14px; margin-bottom:14px;
  border-radius:10px; border:1px solid #d4d8e1;
  background:#fff; font-family:'Inter';
  font-size:15px; transition:border-color var(--transition);
}
.form-card input:focus, .form-card select:focus, .form-card textarea:focus{
  border-color:var(--accent); outline:none;
}
.form-card button{width:100%;}

/* ====== Промо / Акции ====== */
.promo{
  background:linear-gradient(135deg,#fff 40%,#eff6ff);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:28px;
  display:grid; gap:20px; align-items:center;
}
.promo__title{
  font-family:'Manrope'; font-weight:800; font-size:28px; color:var(--accent);
  margin:0 0 10px;
}
.promo__subtitle{color:var(--muted); margin-bottom:12px;}
.promo .btn{align-self:start;}

/* ====== Галерея ====== */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:900px){.gallery{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.gallery{grid-template-columns:1fr;}}
.gallery img{
  width:100%;border-radius:var(--radius);
  border:1px solid var(--line);
  transition:transform var(--transition);
}
.gallery img:hover{transform:scale(1.02);}

/* ====== Подвал ====== */
.footer{
  background:#ffffff;
  border-top:1px solid var(--line);
  padding:22px;
  color:#475569;
  text-align:center;
}
.footer a{color:var(--accent);text-decoration:none;}
.footer a:hover{text-decoration:underline;}/* End custom CSS */