/**
Theme Name: Аstra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: %d0%b0stra-child
Template: astra
*/


/* УБИРАЕМ ОТСТУП ТОЛЬКО У ЭТОГО ВИДЖЕТА ТАБОВ (data-id: 54c84bb) */
.woocommerce-js div.product .woocommerce-tabs {
    margin-bottom: 0em !important;
}


:root{
  --gt-blue:#09388A;
  --gt-blue-2:#0F4DBE;
  --gt-blue-3:#2E6FDB;
  --gt-accent:#F89229;
  --gt-accent-2:#FFB253;
  --gt-text:#14233B;
  --gt-text-2:#6F7C92;
  --gt-white:#FFFFFF;
  --gt-line:rgba(9,56,138,.10);
  --gt-line-2:rgba(9,56,138,.14);
  --gt-bg:rgba(255,255,255,.82);
  --gt-bg-solid:rgba(255,255,255,.94);
  --gt-shadow:0 16px 40px rgba(12,31,68,.08);
  --gt-shadow-2:0 24px 60px rgba(12,31,68,.12);
  --gt-radius:22px;
  --gt-radius-md:18px;
  --gt-radius-sm:14px;
  --gt-container:1280px;

  /* heights for fixed header compensation */
  --gt-header-offset-desktop:116px;
  --gt-header-offset-tablet:96px;
  --gt-header-offset-mobile:86px;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

.gt-container{
  width:min(var(--gt-container), calc(100% - 40px)) !important;
  margin:0 auto;
}

/* =========================
   HEADER
========================= */

.gt-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:120;
  padding:16px 0;
  transition:
    padding .25s ease,
    transform .25s ease;
}

.gt-header::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

.gt-header.is-scrolled{
  padding:10px 0;
}

.gt-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:72px;
  padding:14px 18px;
  background:var(--gt-bg);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.74);
  border-radius:22px;
  box-shadow:var(--gt-shadow);
  transition:
    background .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    min-height .25s ease,
    padding .25s ease;
}

.gt-header.is-scrolled .gt-header__inner{
  min-height:64px;
  padding:10px 16px;
  background:var(--gt-bg-solid);
  box-shadow:0 18px 40px rgba(12,31,68,.10);
}

/* LOGO */
.gt-logo{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  color:var(--gt-text);
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
}

.gt-logo__icon{
  position:relative;
  width:48px;
  height:48px;
  min-width:48px;
  flex:0 0 48px;
  border-radius:14px;
  background:linear-gradient(135deg, var(--gt-blue), var(--gt-blue-2) 58%, var(--gt-blue-3));
  box-shadow:0 12px 30px rgba(9,56,138,.22);
  overflow:hidden;
}

.gt-logo__icon span{
  position:absolute;
  inset:0;
}

.gt-logo__icon span::before,
.gt-logo__icon span::after{
  content:"";
  position:absolute;
  left:12px;
  height:3px;
  background:#fff;
  border-radius:10px;
}

.gt-logo__icon span::before{
  top:15px;
  width:22px;
}

.gt-logo__icon span::after{
  top:23px;
  width:14px;
}

.gt-logo__icon--small{
  width:42px;
  height:42px;
  min-width:42px;
  flex:0 0 42px;
  border-radius:12px;
}

.gt-logo__text{
  display:flex;
  flex-direction:column;
  line-height:1.08;
  min-width:0;
  overflow:hidden;
}

.gt-logo__title,
.gt-logo__subtitle{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.gt-logo__title{
  font-size:18px;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--gt-text);
}

.gt-logo__subtitle{
  font-size:12px;
  color:var(--gt-text-2);
  padding-top:4px;
}

/* DESKTOP MENU */
.gt-nav--desktop{
  flex:1 1 auto;
  display:flex;
  justify-content:center;
}

.gt-menu{
  display:flex;
  align-items:center;
  gap:34px;
  margin:0;
  padding:0;
  list-style:none;
}

.gt-menu__item{
  position:relative;
}

.gt-menu__item > a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  text-decoration:none;
  color:var(--gt-text);
  font-size:15px;
  font-weight:700;
  transition:color .2s ease;
}

.gt-menu__item > a:hover{
  color:var(--gt-blue);
}

.gt-menu__item--has-dropdown > a::after{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-1px);
  transition:.2s ease;
  margin-left:2px;
}

.gt-menu__item--has-dropdown:hover > a::after,
.gt-menu__item--has-dropdown:focus-within > a::after{
  transform:rotate(225deg) translateY(-1px);
}

.gt-dropdown{
  position:absolute;
  top:100%;
  left:0;
  min-width:320px;
  padding:18px 10px 10px;
  background:#fff;
  border:1px solid var(--gt-line);
  border-radius:18px;
  box-shadow:var(--gt-shadow-2);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.22s ease;
}

.gt-dropdown::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-14px;
  height:14px;
  background:transparent;
}

.gt-menu__item--has-dropdown:hover .gt-dropdown,
.gt-menu__item--has-dropdown:focus-within .gt-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.gt-dropdown a{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:0 14px;
  border-radius:12px;
  text-decoration:none;
  color:var(--gt-text);
  font-size:14px;
  font-weight:600;
  transition:.2s ease;
}

.gt-dropdown a:hover{
  background:#F5F8FF;
  color:var(--gt-blue);
}

/* ACTIONS */
.gt-header__actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex:0 0 auto;
}

.gt-header__phone{
  text-decoration:none;
  color:var(--gt-text);
  font-size:15px;
  font-weight:800;
  white-space:nowrap;
  transition:color .2s ease;
}

.gt-header__phone:hover{
  color:var(--gt-blue);
}

.gt-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:16px;
  text-decoration:none;
  border:none;
  cursor:pointer;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease;
  font-size:15px;
  font-weight:800;
}

.gt-btn--accent{
  color:#fff;
  background:linear-gradient(135deg, var(--gt-accent), var(--gt-accent-2));
  box-shadow:0 14px 30px rgba(248,146,41,.26);
}

.gt-btn--accent:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(248,146,41,.30);
  color:#fff;
}

.gt-btn--full{
  width:100%;
}

/* BURGER */
.gt-burger{
  display:none;
  width:46px;
  height:46px;
  min-width:46px;
  flex:0 0 46px;
  padding:10px;
  border:none;
  border-radius:14px;
  background:#fff;
  box-shadow:var(--gt-shadow);
  cursor:pointer;
}

.gt-burger span{
  display:block;
  width:100%;
  height:2px;
  background:var(--gt-text);
  border-radius:10px;
  margin:5px 0;
}

/* OFFCANVAS */
.gt-offcanvas{
  position:fixed;
  inset:0;
  z-index:200;
  pointer-events:none;
}

.gt-offcanvas.is-open{
  pointer-events:auto;
}

.gt-offcanvas__overlay{
  position:absolute;
  inset:0;
  background:rgba(8,20,44,.36);
  opacity:0;
  transition:.28s ease;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.gt-offcanvas__panel{
  position:absolute;
  top:0;
  right:0;
  width:min(92vw, 390px);
  height:100%;
  background:#fff;
  box-shadow:-20px 0 60px rgba(8,20,44,.16);
  transform:translateX(100%);
  transition:.3s ease;
  display:flex;
  flex-direction:column;
  padding:18px;
}

.gt-offcanvas.is-open .gt-offcanvas__overlay{
  opacity:1;
}

.gt-offcanvas.is-open .gt-offcanvas__panel{
  transform:translateX(0);
}

.gt-offcanvas__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:18px;
  border-bottom:1px solid var(--gt-line);
}

.gt-logo--mobile{
  gap:12px;
}

.gt-offcanvas__close{
  position:relative;
  width:42px;
  height:42px;
  border:none;
  border-radius:12px;
  background:#F5F8FF;
  cursor:pointer;
  flex-shrink:0;
}

.gt-offcanvas__close span{
  position:absolute;
  top:20px;
  left:11px;
  width:20px;
  height:2px;
  background:var(--gt-text);
  border-radius:10px;
}

.gt-offcanvas__close span:first-child{
  transform:rotate(45deg);
}

.gt-offcanvas__close span:last-child{
  transform:rotate(-45deg);
}

.gt-nav--mobile{
  padding:18px 0;
  flex:1 1 auto;
  overflow:auto;
}

.gt-mobile-menu{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
}

.gt-mobile-menu > li > a,
.gt-mobile-group__toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:54px;
  padding:0 14px;
  border:none;
  background:#fff;
  border-radius:14px;
  text-decoration:none;
  color:var(--gt-text);
  font-size:16px;
  font-weight:700;
  border:1px solid var(--gt-line);
}

.gt-mobile-group__toggle{
  cursor:pointer;
}

.gt-mobile-group__toggle i{
  width:10px;
  height:10px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  transition:.2s ease;
  flex-shrink:0;
}

.gt-mobile-group.is-open .gt-mobile-group__toggle i{
  transform:rotate(225deg);
}

.gt-mobile-group__dropdown{
  display:grid;
  gap:6px;
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease, padding-top .3s ease;
  padding:0 6px;
}

.gt-mobile-group.is-open .gt-mobile-group__dropdown{
  max-height:420px;
  padding-top:8px;
}

.gt-mobile-group__dropdown a{
  min-height:46px;
  display:flex;
  align-items:center;
  text-decoration:none;
  color:var(--gt-text);
  padding:0 12px;
  border-radius:12px;
  background:#F8FAFF;
  font-size:14px;
  font-weight:600;
}

.gt-offcanvas__bottom{
  border-top:1px solid var(--gt-line);
  padding-top:18px;
  display:grid;
  gap:12px;
}

.gt-offcanvas__phone{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  border-radius:14px;
  text-decoration:none;
  color:var(--gt-text);
  font-size:16px;
  font-weight:800;
  background:#F8FAFF;
  border:1px solid var(--gt-line);
}

/* =========================
   HERO
========================= */

.gt-btn--dark{
  background:var(--gt-blue);
  color:#fff;
  box-shadow:0 14px 32px rgba(9,56,138,.18);
}

.gt-btn--dark:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(9,56,138,.24);
}

.gt-btn--ghost{
  background:transparent;
  color:var(--gt-blue);
  border:1px solid var(--gt-line-2);
}

.gt-btn--ghost:hover{
  background:#fff;
  transform:translateY(-2px);
}

.gt-hero{
  position:relative;
  padding:var(--gt-header-offset-desktop) 0 40px;
  background:linear-gradient(180deg, #f5f9ff 0%, #ffffff 55%, #f7faff 100%);
  overflow:hidden;
}

.gt-hero__bg{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.gt-hero__blur{
  position:absolute;
  border-radius:999px;
  filter:blur(60px);
  opacity:.8;
}

.gt-hero__blur--1{
  top:50px;
  left:-120px;
  width:340px;
  height:340px;
  background:rgba(9,56,138,.14);
}

.gt-hero__blur--2{
  top:120px;
  right:-80px;
  width:280px;
  height:280px;
  background:rgba(248,146,41,.14);
}

.gt-hero__grid-lines{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(9,56,138,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(9,56,138,.03) 1px, transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.45), transparent 88%);
}

.gt-hero__inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0, 1.04fr) minmax(420px, .96fr);
  gap:46px;
  align-items:center;
  min-height:690px;
  margin-top: 45px;
}

.gt-hero__content{
  max-width:720px;
}

.gt-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(9,56,138,.06);
  border:1px solid rgba(9,56,138,.10);
  color:var(--gt-blue);
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:24px;
}

.gt-hero__title{
  margin:0 0 22px;
  font-size:clamp(44px, 6vw, 63px);
  line-height:.98;
  letter-spacing:-.055em;
  color:var(--gt-text);
  font-weight:900;
  max-width:760px;
}

.gt-hero__title span{
  display:block;
  color:var(--gt-blue);
}

.gt-hero__text{
  margin:0 0 30px;
  max-width:650px;
  font-size:18px;
  line-height:1.72;
  color:var(--gt-text-2);
}

.gt-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:36px;
}

.gt-hero__meta{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  padding-top:28px;
  border-top:1px solid rgba(9,56,138,.10);
}

.gt-hero-meta strong{
  display:block;
  margin-bottom:10px;
  color:var(--gt-blue);
  font-size:26px;
  line-height:1;
  font-weight:900;
}

.gt-hero-meta span{
  display:block;
  color:var(--gt-text-2);
  font-size:15px;
  line-height:1.5;
}

/* CARD */
.gt-hero__visual{
  position:relative;
}

.gt-hero-card{
  position:relative;
  padding:30px;
  border-radius:34px;
  background:linear-gradient(180deg, #0A347F 0%, #0D419B 100%);
  color:#fff;
  box-shadow:
    0 30px 70px rgba(9,56,138,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}

.gt-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:38px 38px;
  opacity:.22;
  pointer-events:none;
}

.gt-hero-card__top{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}

.gt-hero-card__label{
  margin-bottom:10px;
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.gt-hero-card__top h3{
  margin:0;
  font-size:32px;
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:800;
  max-width:520px;
  color:#f5f5f5;
}

.gt-hero-card__badge{
  min-width:58px;
  height:58px;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.10);
  font-weight:800;
  color:#fff;
}



.gt-hero-card__stats{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-bottom:18px;
}

.gt-hero-stat{
  padding:16px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}

.gt-hero-stat strong{
  display:block;
  margin-bottom:8px;
  font-size:18px;
  font-weight:800;
}

.gt-hero-stat span{
  display:block;
  color:rgba(255,255,255,.74);
  font-size:13px;
  line-height:1.45;
}

.gt-hero-card__form{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:12px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
}

.gt-hero-card__form input{
  min-height:54px;
  width:100%;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:15px;
  outline:none;
}

.gt-hero-card__form input::placeholder{
  color:rgba(255,255,255,.62);
}

.gt-hero-card__form input:focus{
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
}

.gt-hero-card__form .gt-btn--accent{
  color:#09388A;
  background:#fff;
  box-shadow:0 14px 30px rgba(248,146,41,.26);
}

.gt-hero-card__form .gt-btn--accent:hover{
  color:#09388A;
}

/* SERVICES */
.gt-hero-services{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  margin-top:36px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
  border-top:1px solid rgba(9,56,138,.10);
  border-bottom:1px solid rgba(9,56,138,.10);
}

.gt-hero-services__item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  min-height:118px;
  padding:22px 18px;
  text-decoration:none;
  color:var(--gt-text);
  border-right:1px solid rgba(9,56,138,.10);
  transition:.25s ease;
}

.gt-hero-services__item:last-child{
  border-right:none;
}

.gt-hero-services__item:hover{
  background:#fff;
}

.gt-hero-services__num{
  color:var(--gt-blue-2);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}

.gt-hero-services__name{
  font-size:17px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:-.02em;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1180px){
  .gt-menu{
    gap:24px;
  }

  .gt-header__phone{
    display:none;
  }

  .gt-hero{
    padding:var(--gt-header-offset-tablet) 0 34px;
  }

  .gt-hero__inner{
    grid-template-columns:1fr;
    gap:34px;
    min-height:auto;
  }

  .gt-hero__content{
    max-width:none;
  }

  .gt-hero-services{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media (max-width: 980px){
  .gt-nav--desktop,
  .gt-header__actions .gt-btn,
  .gt-header__actions .gt-header__phone{
    display:none;
  }

  .gt-burger{
    display:block;
  }

  .gt-header{
    padding:12px 0;
  }

  .gt-header__inner{
    min-height:64px;
    padding:12px 14px;
    border-radius:18px;
    gap:12px;
  }

  .gt-header.is-scrolled .gt-header__inner{
    min-height:60px;
    padding:10px 14px;
  }

  .gt-hero{
    padding:var(--gt-header-offset-tablet) 0 28px;
  }

  .gt-hero__title{
    font-size:clamp(38px, 10vw, 58px);
  }

  .gt-hero__text{
    font-size:16px;
  }

  .gt-hero__meta{
    grid-template-columns:1fr;
    gap:16px;
  }

  .gt-hero-card__stats{
    grid-template-columns:1fr;
  }

  .gt-hero-card__form{
    grid-template-columns:1fr;
  }

  .gt-hero-services{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media (max-width: 560px){
  .gt-container{
    width:min(var(--gt-container), calc(100% - 20px));
  }

  .gt-header{
    padding:10px 0;
  }

  .gt-header__inner{
    min-height:58px;
    padding:8px 10px;
    gap:10px;
    border-radius:16px;
  }

  .gt-header.is-scrolled .gt-header__inner{
    min-height:54px;
    padding:7px 10px;
  }

  .gt-logo{
    gap:10px;
    min-width:0;
  }

  .gt-logo__subtitle{
    display:none;
  }

  .gt-logo__icon{
    width:40px;
    height:40px;
    min-width:40px;
    flex:0 0 40px;
    border-radius:12px;
  }

  .gt-logo__title{
    font-size:15px;
    line-height:1.1;
  }

  .gt-header__actions{
    gap:8px;
    flex:0 0 auto;
  }

  .gt-burger{
    width:40px;
    height:40px;
    min-width:40px;
    flex:0 0 40px;
    padding:9px;
    border-radius:12px;
  }

  .gt-offcanvas__panel{
    width:100%;
    max-width:none;
  }

  .gt-hero{
    padding:var(--gt-header-offset-mobile) 0 22px;
  }

  .gt-hero__eyebrow{
    margin-bottom:18px;
    font-size:11px;
    min-height:34px;
    padding:6px 12px;
  }

  .gt-hero__title{
    margin:0 0 18px;
    font-size:clamp(34px, 11vw, 46px);
  }

  .gt-hero__text{
    margin:0 0 24px;
    font-size:15px;
    line-height:1.65;
  }

  .gt-hero__actions{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    margin-bottom:26px;
  }

  .gt-hero-card{
    padding:22px;
    border-radius:24px;
  }

  .gt-hero-card__top h3{
    font-size:24px;
  }
  

  .gt-hero-services{
    grid-template-columns:1fr;
    margin-top:24px;
  }

  .gt-hero-services__item{
    min-height:92px;
    border-right:none;
    border-bottom:1px solid rgba(9,56,138,.10);
  }

  .gt-hero-services__item:last-child{
    border-bottom:none;
  }
}

@media (max-width: 380px){
  .gt-header__inner{
    padding:8px;
    gap:8px;
  }

  .gt-logo__title{
    font-size:14px;
  }

  .gt-logo__icon{
    width:38px;
    height:38px;
    min-width:38px;
    flex:0 0 38px;
  }

  .gt-burger{
    width:38px;
    height:38px;
    min-width:38px;
    flex:0 0 38px;
  }

  .gt-hero{
    padding-top:82px;
  }
}







.gt-hero-map{
  position:relative;
  z-index:2;
  height:300px;
  margin-bottom:22px;
  border-radius:24px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.08), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}

.gt-hero-map::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:34px 34px;
  opacity:.18;
  pointer-events:none;
}

.gt-hero-map__svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.gt-hero-map__route-line{
  fill:none !important;
  stroke:#F89229;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:4 8;
  opacity:.96;
}

.gt-hero-map__runner{
  fill:#F89229;
  filter:drop-shadow(0 0 10px rgba(248,146,41,.75));
}

/* ГОРОДА */
.gt-hero-map__city{
  position:absolute;
  z-index:3;
}

.gt-hero-map__city-label{
  position:absolute;
  left:0;
  top:0;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  color:#fff;
  white-space:nowrap;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 8px 24px rgba(7,24,58,.12);
}

.gt-hero-map__city-dot{
  position:absolute;
  left:0;
  top:0;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--gt-accent);
  box-shadow:
    0 0 0 8px rgba(248,146,41,.14),
    0 0 22px rgba(248,146,41,.30);
  transition:transform .16s ease, box-shadow .16s ease;
}

.gt-hero-map__city-dot::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:#fff;
}

.gt-hero-map__city.is-active .gt-hero-map__city-dot{
  transform:scale(1.24);
  box-shadow:
    0 0 0 14px rgba(248,146,41,.18),
    0 0 34px rgba(248,146,41,.50);
}

@media (max-width: 560px){
  .gt-hero-map{
    height:220px;
  }

  .gt-hero-map__city-label{
    min-height:28px;
    padding:0 10px;
    font-size:10px;
  }

  .gt-hero-map__city-dot{
    width:12px;
    height:12px;
  }

  .gt-hero-map__city-dot::after{
    inset:3px;
  }
}



.gt-hero-map__svg{
  transform: translateY(15px);
}

.gt-hero-map__city{
  transform: translate(-50%, -50%) translateY(15px);
}




.cargo-cta-wide-section{
  position:relative;
  padding:90px 0;
  background:linear-gradient(180deg,#f7faff 0%,#ffffff 100%);
  overflow:hidden;
}

.cargo-cta-wide-container{
  max-width:1280px;
  margin:0 auto;
  padding:0;
}

.cargo-cta-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
  margin-bottom:28px;
}

.cargo-cta-top-content{
  flex:1 1 58%;
  max-width:760px;
}

.cargo-cta-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.cargo-cta-title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  color:#1E293B;
}

.cargo-cta-text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:#5d6d8c;
}

.cargo-cta-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}

.cargo-cta-feature{
  position:relative;
  padding:16px 18px 16px 44px;
  background:#fff;
  border:1px solid #dbe5f3;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(13,27,61,.05);
  font-size:15px;
  font-weight:700;
  color:#22304f;
}

.cargo-cta-feature:before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#1d62d8;
  box-shadow:0 0 0 6px rgba(29,98,216,.12);
}

.cargo-cta-top-image {
    flex: 0 0 440px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 160px;
}

.cargo-cta-top-image img{
  width:100%;
  max-width:470px;
  height:auto;
  display:block;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.16));
}

.cargo-calc-form-wrap{
  width:100%;
}

/* .cargo-calc-form{
  padding:36px 34px;
  background:#fff;
  border:1px solid #dfe7f3;
  border-radius:24px;
  box-shadow:0 18px 48px rgba(15,35,75,.08);
} */

.cargo-calc-grid{
  display:grid;
  gap:14px;
}

.cargo-calc-grid-top{
  grid-template-columns:1.05fr 44px 1.05fr 1fr 1fr 1fr;
  margin-bottom:18px;
  align-items:center;
}

.cargo-calc-grid-bottom{
  grid-template-columns:1fr 1fr 1fr 1fr;
  margin-bottom:18px;
}

.cargo-calc-field{
  position:relative;
}

.cargo-calc-field input,
.cargo-calc-field select{
  width:100%;
  height:58px;
  padding:0 18px 0 44px;
  border:1px solid #d7e1ef;
  border-radius:12px;
  background:#fff;
  font-size:15px;
  color:#22304f;
  outline:none;
  box-shadow:none;
  transition:.25s ease;
}

.cargo-calc-field select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  cursor:pointer;
  padding-left:18px;
}

.cargo-calc-field input:focus,
.cargo-calc-field select:focus{
  border-color:#1d62d8;
  box-shadow:0 0 0 4px rgba(29,98,216,.08);
}

.cargo-calc-icon{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:15px;
  color:#2f8fe8;
  pointer-events:none;
  line-height:1;
}

.cargo-calc-switch{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d7e1ef;
  border-radius:50%;
  background:#fff;
  color:#2d63c8;
  font-size:20px;
  font-weight:700;
}

.cargo-calc-bottom{
  display:grid;
  grid-template-columns:1.4fr 270px 230px;
  align-items:center;
  gap:18px;
  margin-top:6px;
}

.cargo-calc-policy{
  font-size:15px;
  line-height:1.55;
  color:#33415f;
}

.cargo-calc-policy a{
  color:#124caa;
  text-decoration:none;
  font-weight:600;
}

.cargo-calc-captcha{
  height:68px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid #d7dbe3;
  border-radius:4px;
  background:#fff;
  color:#2e2e2e;
  font-size:15px;
  position:relative;
}

.cargo-calc-checkbox{
  width:26px;
  height:26px;
  border:2px solid #666;
  border-radius:2px;
  flex:0 0 26px;
}

.cargo-calc-recaptcha-note{
  margin-left:auto;
  font-size:11px;
  color:#9aa3b2;
}

.cargo-calc-btn{
  height:58px;
  width:100%;
  border:none;
  border-radius:12px;
  background:linear-gradient(135deg,#1d62d8 0%,#124caa 100%);
  color:#fff;
  font-size:15px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.3px;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(18,76,170,.22);
  transition:.25s ease;
}

.cargo-calc-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(18,76,170,.28);
}

@media (max-width: 1200px){
  .cargo-cta-title{
    font-size:48px;
  }

  .cargo-calc-grid-top{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .cargo-calc-switch{
    display:none;
  }

  .cargo-calc-bottom{
    grid-template-columns:1fr;
  }

  .cargo-calc-btn{
    max-width:320px;
  }
}

@media (max-width: 980px){
  .cargo-cta-top{
    flex-direction:column;
  }

  .cargo-cta-top-image{
	  display: none;
    flex:none;
    width:100%;
    margin-top:-10px;
    justify-content:center;
  }

  .cargo-cta-top-image img{
    max-width:520px;
  }

  .cargo-calc-grid-bottom{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 767px){
  .cargo-cta-wide-section{
    padding:70px 0;
  }

  .cargo-cta-title{
    font-size:36px;
  }

  .cargo-cta-text{
    font-size:16px;
  }

  .cargo-cta-features{
    grid-template-columns:1fr;
  }

  .cargo-calc-form{
    padding:0px;
    border-radius:20px;
  }

  .cargo-calc-grid-top,
  .cargo-calc-grid-bottom{
    grid-template-columns:1fr;
  }

  .cargo-calc-bottom{
    grid-template-columns:1fr;
    gap:14px;
  }

  .cargo-calc-captcha{
    min-height:64px;
  }

  .cargo-calc-btn{
    max-width:none;
  }

  .cargo-cta-top-image img{
    max-width:100%;
  }
}





.cargo-services-section{
  position:relative;
  padding:95px 0;
  background:#f7faff;
}

.cargo-services-container{
  max-width:1280px;
  margin:0 auto;
  padding:0;
}

.cargo-services-head{
  max-width:760px;
  margin:0 0 38px;
}

.cargo-services-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.cargo-services-title{
  margin:0 0 14px;
  font-size:44px;
  line-height:1.1;
  font-weight:800;
  color: #1E293B;
}

.cargo-services-text{
  margin:0;
  font-size:18px;
  line-height:1.65;
  color:#5d6d8c;
}

.cargo-services-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:24px;
}

.cargo-service-card{
  grid-column:span 3;
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:350px;
  border-radius:28px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 18px 45px rgba(11,34,79,.08);
  text-decoration:none;
  transition:
    transform .42s cubic-bezier(.2,.8,.2,1),
    box-shadow .42s cubic-bezier(.2,.8,.2,1),
    border-color .42s ease;
}

.cargo-service-card-wide{
  grid-column:span 4;
}

.cargo-service-card:hover{
  transform:translateY(-10px);
  box-shadow:0 28px 70px rgba(11,34,79,.14);
  border-color:rgba(18,76,170,.16);
}

.cargo-service-media{
  position:relative;
  height:220px;
  overflow:hidden;
  background:#dfe8f6;
}

.cargo-service-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1);
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}

.cargo-service-card:hover .cargo-service-media img{
  transform:scale(1.08);
}

.cargo-service-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(13,54,130,.18) 0%, rgba(13,54,130,.08) 30%, rgba(8,35,86,.52) 100%);
  transition:all .45s ease;
}

.cargo-service-card:hover .cargo-service-overlay{
  background:
    linear-gradient(180deg, rgba(13,54,130,.08) 0%, rgba(13,54,130,.02) 25%, rgba(8,35,86,.32) 100%);
}

.cargo-service-media:after{
  content:"";
  position:absolute;
  top:-120%;
  left:-40%;
  width:60%;
  height:300%;
  transform:rotate(18deg);
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.18) 50%, rgba(255,255,255,0) 100%);
  transition:transform .9s ease;
}

.cargo-service-card:hover .cargo-service-media:after{
  transform:translateX(220%) rotate(18deg);
}

.cargo-service-body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:28px 28px 24px;
  background:#ffffff;
}

.cargo-service-body h3{
  margin:0 0 18px;
  font-size:30px;
  line-height:1.08;
  font-weight:800;
  color:#0a2f77;
  transition:color .3s ease, transform .35s ease;
}

.cargo-service-card:hover .cargo-service-body h3{
  color:#124caa;
  transform:translateY(-2px);
}

.cargo-service-body ul{
  margin:0 0 26px;
  padding:0;
  list-style:none;
}

.cargo-service-body li{
  position:relative;
  padding-left:18px;
  margin-bottom:11px;
  font-size:15px;
  line-height:1.5;
  color:#5a6987;
}

.cargo-service-body li:last-child{
  margin-bottom:0;
}

.cargo-service-body li:before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f5a533;
  box-shadow:0 0 0 6px rgba(245,165,51,.14);
}

.cargo-service-bottom{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:18px;
  border-top:1px solid rgba(18,76,170,.08);
}

.cargo-service-more{
  font-size:14px;
  font-weight:800;
  letter-spacing:.2px;
  text-transform:uppercase;
  color:#0d46a3;
  transition:color .3s ease, transform .3s ease;
}

.cargo-service-card:hover .cargo-service-more{
  color:#124caa;
  transform:translateX(4px);
}

.cargo-service-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#edf3ff;
  color:#124caa;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 8px 18px rgba(18,76,170,.08);
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    background .3s ease,
    color .3s ease,
    box-shadow .35s ease,
    border-color .35s ease;
  flex:0 0 42px;
}

.cargo-service-card:hover .cargo-service-icon{
  transform:translateX(2px) scale(1.06);
  background:linear-gradient(135deg,#1d62d8 0%,#124caa 100%);
  color:#ffffff;
  border-color:transparent;
  box-shadow:0 14px 28px rgba(18,76,170,.22);
}

.cargo-service-icon svg{
  width:18px;
  height:18px;
}

.cargo-services-actions{
  display:flex;
  justify-content:center;
  margin-top:34px;
}

.cargo-services-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:240px;
  height:58px;
  padding:0 28px;
  border-radius:14px;
  text-decoration:none;
  background:linear-gradient(135deg,#1d62d8 0%,#124caa 100%);
  color:#ffffff;
  font-size:15px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.3px;
  box-shadow:0 14px 30px rgba(18,76,170,.20);
  transition:all .3s ease;
}

.cargo-services-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(18,76,170,.28);
}

@media (max-width: 1180px){
  .cargo-service-card{
    grid-column:span 4;
  }

  .cargo-service-card-wide{
    grid-column:span 6;
  }

  .cargo-services-title{
    font-size:42px;
  }

  .cargo-service-body h3{
    font-size:30px;
  }
}

@media (max-width: 860px){
  .cargo-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .cargo-service-card,
  .cargo-service-card-wide{
    grid-column:auto;
  }
}

@media (max-width: 767px){
  .cargo-services-section{
    padding:70px 0;
  }

  .cargo-services-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .cargo-services-title{
    font-size:34px;
  }

  .cargo-services-text{
    font-size:16px;
  }

  .cargo-service-card{
    min-height:330px;
    border-radius:22px;
  }

  .cargo-service-media{
    height:210px;
  }

  .cargo-service-body{
    padding:22px 22px 20px;
  }

  .cargo-service-body h3{
    font-size:28px;
  }
}





.cargo-advantages-section{
  position:relative;
  padding:100px 0;
  background:
    radial-gradient(circle at top right, rgba(29,98,216,.06) 0%, rgba(29,98,216,0) 26%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  overflow:hidden;
}

.cargo-advantages-container{
  max-width:1280px;
  margin:0 auto;
  padding:0;
}

.cargo-advantages-layout{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap:32px;
  align-items:start;
}

.cargo-advantages-intro{
  position:sticky;
  top:110px;
}

.cargo-advantages-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.cargo-advantages-title{
  margin:0 0 18px;
  font-size:42px;
  line-height:1.05;
  font-weight:800;
  color:#1E293B;
}

.cargo-advantages-text{
  margin:0 0 26px;
  font-size:18px;
  line-height:1.7;
  color:#5d6d8c;
}

.cargo-advantages-note{
  display:flex;
  gap:16px;
  padding:22px;
  border-radius:24px;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 16px 40px rgba(11,34,79,.07);
}

.cargo-advantages-note-icon{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:linear-gradient(135deg,#1d62d8 0%,#124caa 100%);
  color:#ffffff;
  box-shadow:0 14px 26px rgba(18,76,170,.22);
}

.cargo-advantages-note-icon svg{
  width:24px;
  height:24px;
}

.cargo-advantages-note-text{
  font-size:15px;
  line-height:1.65;
  color:#44516c;
}

.cargo-advantages-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:22px;
}

.cargo-adv-card{
  position:relative;
  padding:28px;
  min-height:235px;
  border-radius:28px;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 16px 40px rgba(11,34,79,.07);
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s cubic-bezier(.2,.8,.2,1),
    border-color .35s ease;
}

.cargo-adv-card:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 56px rgba(11,34,79,.12);
  border-color:rgba(18,76,170,.16);
}

.cargo-adv-card-accent{
  background:
    linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%),
    linear-gradient(135deg,#1654b7 0%, #0d3f98 100%);
  border-color:transparent;
  box-shadow:0 20px 44px rgba(18,76,170,.20);
}

.cargo-adv-card-accent .cargo-adv-number,
.cargo-adv-card-accent h3,
.cargo-adv-card-accent p,
.cargo-adv-card-accent .cargo-adv-icon{
  color:#ffffff;
}

.cargo-adv-card-accent p{
  color:rgba(255,255,255,.86);
}

.cargo-adv-card-accent .cargo-adv-icon{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.18);
}

.cargo-adv-icon{
  width:54px;
  height:54px;
  margin-bottom:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#eef4ff;
  color:#124caa;
  border:1px solid rgba(18,76,170,.08);
  transition:all .35s ease;
}

.cargo-adv-card:hover .cargo-adv-icon{
  transform:scale(1.05);
}

.cargo-adv-icon svg{
  width:24px;
  height:24px;
}

.cargo-adv-number{
  margin-bottom:12px;
  font-size:42px;
  line-height:1;
  font-weight:800;
  color:#0a2f77;
  letter-spacing:-1px;
}

.cargo-adv-card h3{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  color:#0a2f77;
}

.cargo-adv-card p{
  margin:0;
  font-size:15px;
  line-height:1.65;
  color:#61708d;
}


.cargo-adv-card-accent.cargo-adv-card h3 {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 800;
    color: #dae8ff;
}


.cargo-adv-card-accent.cargo-adv-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
    color: #ffffff;
}

.cargo-adv-card-cta{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    radial-gradient(circle at top right, rgba(247,165,51,.14) 0%, rgba(247,165,51,0) 35%),
    #ffffff;
}

.cargo-adv-small{
  margin-bottom:14px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:#f5a533;
}

.cargo-adv-card-cta h3{
  max-width:340px;
  margin-bottom:22px;
}

.cargo-adv-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-width:190px;
  height:52px;
  padding:0 24px;
  border-radius:14px;
  text-decoration:none;
  background:linear-gradient(135deg,#1d62d8 0%,#124caa 100%);
  color:#ffffff;
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.25px;
  box-shadow:0 14px 28px rgba(18,76,170,.18);
  transition:all .3s ease;
}

.cargo-adv-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(18,76,170,.26);
}

@media (max-width: 1180px){
  .cargo-advantages-layout{
    grid-template-columns:1fr;
  }

  .cargo-advantages-intro{
    position:relative;
    top:auto;
  }

  .cargo-advantages-title{
    font-size:42px;
  }
}

@media (max-width: 767px){
  .cargo-advantages-section{
    padding:70px 0;
  }

  .cargo-advantages-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .cargo-advantages-title{
    font-size:34px;
  }

  .cargo-advantages-text{
    font-size:16px;
  }

  .cargo-advantages-note{
    padding:18px;
    border-radius:20px;
  }

  .cargo-adv-card{
    min-height:auto;
    padding:22px;
    border-radius:22px;
  }

  .cargo-adv-number{
    font-size:36px;
  }

  .cargo-adv-card h3{
    font-size:22px;
  }
}




.cargo-about-section{
  position:relative;
  padding:100px 0;
  background:
    radial-gradient(circle at left top, rgba(29,98,216,.06), transparent 30%),
    #ffffff;
}

.cargo-about-container{
  max-width:1280px;
  margin:0 auto;
  padding:0;
}

.cargo-about-layout{
  display:grid;
  grid-template-columns: 1fr 420px;
  gap:60px;
  align-items:center;
}

.cargo-about-badge{
  display:inline-block;
  padding:10px 18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
  margin-bottom:18px;
}

.cargo-about-title{
  font-size:42px;
  font-weight:800;
  line-height:1.1;
 color: #1E293B;
  margin-bottom:20px;
}

.cargo-about-text{
  font-size:17px;
  line-height:1.7;
  color:#5d6d8c;
  margin-bottom:16px;
  max-width:520px;
}

.cargo-about-features{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px 20px;
  margin:24px 0;
}

.cargo-about-features div{
  position:relative;
  padding-left:18px;
  font-size:15px;
  color:#0a2f77;
  font-weight:600;
}

.cargo-about-features div:before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#f5a533;
}

.cargo-about-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:54px;
  padding:0 26px;
  border-radius:12px;
  background:linear-gradient(135deg,#1d62d8,#124caa);
  color:#fff;
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:.3px;
  box-shadow:0 14px 28px rgba(18,76,170,.2);
  transition:.3s;
}

.cargo-about-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(18,76,170,.28);
}

/* RIGHT */

.cargo-about-visual{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:100%;
}

.cargo-about-metrics{
  position:relative;
  width:100%;
  max-width:420px;
  padding:20px 0 20px 34px;
}

.cargo-about-metrics:before{
  content:"";
  position:absolute;
  top:20px;
  right:-20px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29,98,216,.12) 0%, rgba(29,98,216,0) 70%);
  filter:blur(6px);
  pointer-events:none;
}

.cargo-about-metrics-line{
  position:absolute;
  top:8px;
  bottom:8px;
  left:0;
  width:2px;
  border-radius:2px;
  background:linear-gradient(180deg, rgba(29,98,216,.15) 0%, #1d62d8 30%, rgba(29,98,216,.15) 100%);
}

.cargo-about-metric{
  position:relative;
  padding:8px 0 28px 28px;
}

.cargo-about-metric:last-child{
  padding-bottom:8px;
}

.cargo-about-metric:before{
  content:"";
  position:absolute;
  left:-7px;
  top:18px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#ffffff;
  border:4px solid #1d62d8;
  box-shadow:0 0 0 8px rgba(29,98,216,.08);
}

.cargo-about-metric-num{
  margin-bottom:8px;
  font-size:56px;
  line-height:1;
  font-weight:800;
  letter-spacing:-1.5px;
  color:#0a2f77;
}

.cargo-about-metric-label{
  max-width:220px;
  font-size:16px;
  line-height:1.55;
  color:#5d6d8c;
  font-weight:500;
}



/* ADAPTIVE */

@media (max-width: 980px){
  .cargo-about-layout{
    grid-template-columns:1fr;
    gap:40px;
  }

  .cargo-about-title{
    font-size:38px;
  }
}

@media (max-width: 767px){
  .cargo-about-section{
    padding:70px 0;
  }

  .cargo-about-title{
    font-size:32px;
  }

  .cargo-about-text{
    font-size:16px;
  }

  .cargo-about-features{
    grid-template-columns:1fr;
  }

  .cargo-about-card{
    padding:24px;
  }
}



@media (max-width: 980px){
  .cargo-about-visual{
    justify-content:flex-start;
  }

  .cargo-about-metrics{
    max-width:none;
    padding-left:30px;
  }

  .cargo-about-metric-num{
    font-size:48px;
  }
}

@media (max-width: 767px){
  .cargo-about-metrics{
    padding-left:26px;
  }

  .cargo-about-metric{
    padding-left:22px;
    padding-bottom:22px;
  }

  .cargo-about-metric:before{
    top:14px;
    width:12px;
    height:12px;
    border:3px solid #1d62d8;
    left:-6px;
  }

  .cargo-about-metric-num{
    font-size:40px;
    letter-spacing:-1px;
  }

  .cargo-about-metric-label{
    font-size:15px;
    max-width:none;
  }
}







.cargo-faq-section{
  position:relative;
  padding:100px 0;
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
  overflow:hidden;
}

.cargo-faq-container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
}

.cargo-faq-layout{
  display:grid;
  grid-template-columns:minmax(320px, 380px) minmax(0, 1fr);
  gap:56px;
  align-items:start;
}

.cargo-faq-intro{
  position:sticky;
  top:110px;
}

.cargo-faq-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 18px;
  margin:0 0 20px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  line-height:1;
  font-weight:700;
}

.cargo-faq-title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  color:#1E293B;
}

.cargo-faq-text{
  margin:0;
  max-width:320px;
  font-size:17px;
  line-height:1.72;
  color:#5d6d8c;
}

.cargo-faq-list{
  border-top:1px solid rgba(18,76,170,.12);
}

.cargo-faq-item{
  border-bottom:1px solid rgba(18,76,170,.12);
}

.cargo-faq-question{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 24px;
  align-items:start;
  column-gap:20px;
  padding:28px 0 22px;
  margin:0;
  background:transparent;
  border:none;
  box-shadow:none;
  cursor:pointer;
  text-align:left;
  font-size:24px;
  line-height:1.3;
  font-weight:700;
  color:#0a2f77;
  transition:color .25s ease;
}

.cargo-faq-question:hover{
  color:#124caa;
  background:transparent;
}

.cargo-faq-question span:first-child{
  display:block;
  min-width:0;
}

.cargo-faq-icon{
  position:relative;
  width:24px;
  height:24px;
  margin-top:4px;
}

.cargo-faq-icon::before,
.cargo-faq-icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:24px;
  height:2px;
  border-radius:2px;
  background:#124caa;
  transform:translate(-50%,-50%);
  transition:
    opacity .28s ease,
    transform .28s ease,
    background .28s ease;
}

.cargo-faq-icon::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.cargo-faq-item.active .cargo-faq-question{
  background:transparent;
}

.cargo-faq-item.active .cargo-faq-icon::before{
  background:#f5a533;
}

.cargo-faq-item.active .cargo-faq-icon::after{
  opacity:0;
  transform:translate(-50%,-50%) rotate(90deg) scale(.65);
}

.cargo-faq-answer{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .34s cubic-bezier(.2,.8,.2,1);
}

.cargo-faq-item.active .cargo-faq-answer{
  grid-template-rows:1fr;
}

.cargo-faq-answer-inner{
  overflow:hidden;
  max-width:860px;
  padding:0 48px 24px 0;
  font-size:16px;
  line-height:1.75;
  color:#5f6b85;
}

/* ===== LAPTOP ===== */
@media (max-width: 1180px){
  .cargo-faq-section{
    padding:88px 0;
  }

  .cargo-faq-container{
    width:min(1280px, calc(100% - 48px));
  }

  .cargo-faq-layout{
    grid-template-columns:1fr;
    gap:34px;
  }

  .cargo-faq-intro{
    position:relative;
    top:auto;
  }

  .cargo-faq-text{
    max-width:720px;
  }

  .cargo-faq-question{
    font-size:22px;
    padding:25px 0 20px;
  }

  .cargo-faq-answer-inner{
    max-width:none;
    padding:0 24px 22px 0;
  }
}

/* ===== TABLET ===== */
@media (max-width: 900px){
  .cargo-faq-section{
    padding:78px 0;
  }

  .cargo-faq-container{
    width:min(1280px, calc(100% - 36px));
  }

  .cargo-faq-layout{
    gap:28px;
  }

  .cargo-faq-badge{
    margin-bottom:16px;
  }

  .cargo-faq-title{
    font-size:38px;
  }

  .cargo-faq-text{
    max-width:none;
    font-size:16px;
    line-height:1.68;
  }

  .cargo-faq-question{
    grid-template-columns:minmax(0, 1fr) 20px;
    column-gap:16px;
    padding:22px 0 18px;
    font-size:20px;
    line-height:1.34;
  }

  .cargo-faq-icon{
    width:20px;
    height:20px;
    margin-top:3px;
  }

  .cargo-faq-icon::before,
  .cargo-faq-icon::after{
    width:20px;
  }

  .cargo-faq-answer-inner{
    padding:0 10px 20px 0;
    font-size:15px;
    line-height:1.72;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 767px){
  .cargo-faq-section{
    padding:64px 0;
  }

  .cargo-faq-container{
    width:calc(100% - 32px);
  }

  .cargo-faq-layout{
    gap:22px;
  }

  .cargo-faq-badge{
    display:none;
  }

  .cargo-faq-title{
    margin:0 0 14px;
    font-size:32px;
    line-height:1.08;
    letter-spacing:-.02em;
  }

  .cargo-faq-text{
    font-size:15px;
    line-height:1.65;
  }

  .cargo-faq-question{
    grid-template-columns:minmax(0, 1fr) 18px;
    column-gap:12px;
    padding:18px 0 14px;
    font-size:17px;
    line-height:1.34;
  }

  .cargo-faq-icon{
    width:18px;
    height:18px;
    margin-top:3px;
  }

  .cargo-faq-icon::before,
  .cargo-faq-icon::after{
    width:18px;
    height:2px;
  }

  .cargo-faq-answer-inner{
    padding:0 0 18px;
    font-size:14px;
    line-height:1.68;
  }
}

/* ===== SMALL MOBILE ===== */
@media (max-width: 420px){
  .cargo-faq-container{
    width:calc(100% - 28px);
  }

  .cargo-faq-title{
    font-size:30px;
  }

  .cargo-faq-question{
    grid-template-columns:minmax(0, 1fr) 17px;
    column-gap:10px;
    padding:17px 0 13px;
    font-size:16px;
  }

  .cargo-faq-icon{
    width:17px;
    height:17px;
  }

  .cargo-faq-icon::before,
  .cargo-faq-icon::after{
    width:17px;
  }

  .cargo-faq-answer-inner{
    padding-bottom:16px;
    font-size:14px;
  }
}

.cargo-faq-question{
  background:red !important;
}





.gt-faq-v2{
  position:relative;
  padding:100px 0;
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
  overflow:hidden;
}

.gt-faq-v2__container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
}

.gt-faq-v2__layout{
  display:grid;
  grid-template-columns:minmax(300px, 450px) minmax(0, 1fr);
  gap:56px;
  align-items:start;
}

.gt-faq-v2__intro{
  position:sticky;
  top:110px;
}

.gt-faq-v2__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 18px;
  margin:0 0 20px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  line-height:1;
  font-weight:700;
}

.gt-faq-v2__title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  color:#1E293B;
  letter-spacing:-0.02em;
}

.gt-faq-v2__text{
  margin:0;
  max-width:320px;
  font-size:17px;
  line-height:1.72;
  color:#5d6d8c;
}

.gt-faq-v2__list{
  border-top:1px solid rgba(18,76,170,.12);
}

.gt-faq-v2__item{
  border-bottom:1px solid rgba(18,76,170,.12);
}

.gt-faq-v2__question{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 24px;
  column-gap:20px;
  align-items:start;
  padding:28px 0 22px;
  margin:0;
  background:none;
  border:none;
  box-shadow:none;
  cursor:pointer;
  text-align:left;
  color:#0a2f77;
}

.gt-faq-v2__question-text{
  display:block;
  font-size:24px;
  line-height:1.32;
  font-weight:700;
}

.gt-faq-v2__icon{
  position:relative;
  width:24px;
  height:24px;
  margin-top:4px;
}

.gt-faq-v2__icon::before,
.gt-faq-v2__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:24px;
  height:2px;
  border-radius:2px;
  background:#124caa;
  transform:translate(-50%,-50%);
  transition:transform .28s ease, opacity .28s ease, background .28s ease;
}

.gt-faq-v2__icon::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.gt-faq-v2__item.is-active .gt-faq-v2__icon::before{
  background:#f5a533;
}

.gt-faq-v2__item.is-active .gt-faq-v2__icon::after{
  opacity:0;
  transform:translate(-50%,-50%) rotate(90deg) scale(.65);
}

.gt-faq-v2__answer{
  display:none;
}

.gt-faq-v2__answer-inner{
  max-width:860px;
  padding:0 40px 24px 0;
  font-size:16px;
  line-height:1.76;
  color:#5f6b85;
}

/* laptop */
@media (max-width: 1180px){
  .gt-faq-v2{
    padding:88px 0;
  }

  .gt-faq-v2__container{
    width:min(1280px, calc(100% - 48px));
  }

  .gt-faq-v2__layout{
    grid-template-columns:1fr;
    gap:34px;
  }

  .gt-faq-v2__intro{
    position:relative;
    top:auto;
  }

  .gt-faq-v2__text{
    max-width:720px;
  }

  .gt-faq-v2__question{
    padding:25px 0 20px;
  }

  .gt-faq-v2__question-text{
    font-size:22px;
  }

  .gt-faq-v2__answer-inner{
    max-width:none;
    padding:0 20px 22px 0;
  }
}

/* tablet */
@media (max-width: 900px){
  .gt-faq-v2{
    padding:78px 0;
  }

  .gt-faq-v2__container{
    width:min(1280px, calc(100% - 80px));
  }

  .gt-faq-v2__layout{
    gap:26px;
  }

  .gt-faq-v2__title{
    font-size:38px;
  }

  .gt-faq-v2__text{
    max-width:none;
    font-size:16px;
    line-height:1.68;
  }

  .gt-faq-v2__question{
    grid-template-columns:minmax(0, 1fr) 20px;
    column-gap:16px;
    padding:22px 0 18px;
  }

  .gt-faq-v2__question-text{
    font-size:20px;
    line-height:1.34;
  }

  .gt-faq-v2__icon{
    width:20px;
    height:20px;
    margin-top:3px;
  }

  .gt-faq-v2__icon::before,
  .gt-faq-v2__icon::after{
    width:20px;
  }

  .gt-faq-v2__answer-inner{
    padding:0 8px 20px 0;
    font-size:15px;
    line-height:1.72;
  }
}

/* mobile */
@media (max-width: 767px){
  .gt-faq-v2{
    padding:64px 0;
  }

  .gt-faq-v2__container{
    width:calc(100% - 80px);
  }

  .gt-faq-v2__layout{
    display:block;
  }

  .gt-faq-v2__intro{
    margin-bottom:22px;
  }

  .gt-faq-v2__badge{
    display:none;
  }

  .gt-faq-v2__title{
    margin:0 0 14px;
    font-size:32px;
    line-height:1.08;
  }

  .gt-faq-v2__text{
    font-size:15px;
    line-height:1.65;
  }

  .gt-faq-v2__question{
    grid-template-columns:minmax(0, 1fr) 18px;
    column-gap:12px;
    padding:18px 0 14px;
  }

  .gt-faq-v2__question-text{
    font-size:17px;
    line-height:1.34;
  }

  .gt-faq-v2__icon{
    width:18px;
    height:18px;
    margin-top:3px;
  }

  .gt-faq-v2__icon::before,
  .gt-faq-v2__icon::after{
    width:18px;
    height:2px;
  }

  .gt-faq-v2__answer-inner{
    padding:0 0 18px;
    font-size:14px;
    line-height:1.68;
  }
}

/* small mobile */
@media (max-width: 420px){
  .gt-faq-v2__container{
    width:calc(100% - 60px);
  }

  .gt-faq-v2__title{
    font-size:30px;
  }

  .gt-faq-v2__question{
    grid-template-columns:minmax(0, 1fr) 17px;
    column-gap:10px;
    padding:17px 0 13px;
  }

  .gt-faq-v2__question-text{
    font-size:16px;
  }

  .gt-faq-v2__icon{
    width:17px;
    height:17px;
  }

  .gt-faq-v2__icon::before,
  .gt-faq-v2__icon::after{
    width:17px;
  }
}


.cargo-faq-item.active .cargo-faq-question{
  background: transparent !important;
}

.cargo-faq-question:hover{
  background: transparent !important;
}

/* УБИРАЕМ ОРАНЖЕВЫЙ ОТ ASTRA */
.gt-faq-v2__question,
.gt-faq-v2__question:hover,
.gt-faq-v2__question:focus,
.gt-faq-v2__question:active{
  background: transparent !important;
  box-shadow: none !important;
}

/* если тема всё равно давит */
button.gt-faq-v2__question:hover,
button.gt-faq-v2__question:focus{
  background: transparent !important;
}


/* FAQ — делаем левую колонку шире */
@media (min-width: 1024px) {

  .cargo-faq-layout {
    display: grid;
    grid-template-columns: 1.2fr 1fr; /* было примерно 1fr 1fr */
    gap: 60px;
    align-items: start;
  }

  .cargo-faq-intro {
    max-width: 520px; /* чтобы текст нормально читался */
  }

}





.cargo-final-cta{
  position:relative;
  padding:110px 0 120px;
  background:
    radial-gradient(circle at top left, rgba(29,98,216,.10) 0%, rgba(29,98,216,0) 28%),
    radial-gradient(circle at bottom right, rgba(245,165,51,.10) 0%, rgba(245,165,51,0) 24%),
    linear-gradient(180deg,#f7faff 0%, #ffffff 100%);
  overflow:hidden;
}

.cargo-final-cta-container{
  max-width:1280px;
  margin:0 auto;
  padding:0;
}

.cargo-final-cta-wrap{
  position:relative;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:34px;
  align-items:start;
  padding:44px;
  border-radius:34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.98) 100%);
  border:1px solid rgba(18,76,170,.08);
  box-shadow:
    0 28px 70px rgba(11,34,79,.10),
    inset 0 1px 0 rgba(255,255,255,.65);
}

.cargo-final-cta-wrap:before{
  content:"";
  position:absolute;
  top:-120px;
  right:-100px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29,98,216,.12) 0%, rgba(29,98,216,0) 70%);
  pointer-events:none;
}

.cargo-final-cta-wrap:after{
  content:"";
  position:absolute;
  bottom:-140px;
  left:-100px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(245,165,51,.12) 0%, rgba(245,165,51,0) 72%);
  pointer-events:none;
}

.cargo-final-cta-left,
.cargo-final-cta-right{
  position:relative;
  z-index:2;
}

.cargo-final-cta-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.cargo-final-cta-title{
  margin:0 0 18px;
  font-size:40px;
  line-height:1.2;
  font-weight:800;
  color:#09388a;
}

.cargo-final-cta-text{
  max-width:560px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.75;
  color:#5d6d8c;
}

.cargo-final-cta-points{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.cargo-final-cta-point{
  position:relative;
  padding-left:20px;
  font-size:16px;
  line-height:1.5;
  font-weight:600;
  color:#0a2f77;
}

.cargo-final-cta-point:before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f5a533;
  box-shadow:0 0 0 6px rgba(245,165,51,.14);
}

.cargo-final-form{
  margin-bottom:18px;
  padding:28px;
  border-radius:26px;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 16px 38px rgba(11,34,79,.06);
}

.cargo-final-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}

.cargo-final-field-full{
  grid-column:1 / -1;
}

.cargo-final-field input{
  width:100%;
  height:58px;
  padding:0 18px;
  border:none;
  outline:none;
  border-radius:14px;
  background:#f6f9ff;
  box-shadow:inset 0 0 0 1px rgba(18,76,170,.10);
  font-size:15px;
  color:#22304f;
  transition:all .25s ease;
}

.cargo-final-field input:focus{
  background:#ffffff;
  box-shadow:
    inset 0 0 0 1px rgba(18,76,170,.22),
    0 0 0 4px rgba(29,98,216,.08);
}

.cargo-final-form-bottom{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.cargo-final-btn{
  width:100%;
  height:58px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg,#1d62d8 0%,#124caa 100%);
  color:#ffffff;
  font-size:15px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.3px;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(18,76,170,.18);
  transition:all .3s ease;
}

.cargo-final-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(18,76,170,.25);
}

.cargo-final-policy{
  font-size:13px;
  line-height:1.2;
  color:#7b879d;
}

.cargo-final-contacts{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.cargo-final-contact-card{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:18px 20px;
  border-radius:18px;
  text-decoration:none;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 10px 26px rgba(11,34,79,.05);
  transition:all .28s ease;
}

.cargo-final-contact-card:hover{
  transform:translateY(-3px);
  border-color:rgba(18,76,170,.16);
  box-shadow:0 16px 34px rgba(11,34,79,.08);
}

.cargo-final-contact-label{
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.35px;
  color:#8a95ab;
}

.cargo-final-contact-value{
  font-size:20px;
  line-height:1.3;
  font-weight:800;
  color:#0a2f77;
}

@media (max-width: 1180px){
  .cargo-final-cta-wrap{
    grid-template-columns:1fr;
    gap:26px;
  }

  .cargo-final-cta-title{
    font-size:44px;
  }
}

@media (max-width: 767px){
  .cargo-final-cta{
    padding:70px 0 80px;
  }

  .cargo-final-cta-wrap{
    padding:24px;
    border-radius:24px;
  }

  .cargo-final-cta-title{
    font-size:34px;
  }

  .cargo-final-cta-text{
    font-size:16px;
  }

  .cargo-final-form{
    padding:18px;
    border-radius:20px;
  }

  .cargo-final-form-grid{
    grid-template-columns:1fr;
  }

  .cargo-final-field-full{
    grid-column:auto;
  }

  .cargo-final-contact-value{
    font-size:18px;
  }
}






.cargo-footer{
  position:relative;
  padding:72px 0 28px;
  background:#ffffff;
  border-top:1px solid rgba(18,76,170,.08);
  overflow:hidden;
}

.cargo-footer:before{
  content:"";
  position:absolute;
  top:-120px;
  right:-120px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29,98,216,.08) 0%, rgba(29,98,216,0) 72%);
  pointer-events:none;
}

.cargo-footer-container{
  max-width:1280px;
  margin:0 auto;
  padding:0;
}

.cargo-footer-top{
  display:grid;
  grid-template-columns:1.2fr .8fr 1fr .9fr;
  gap:34px;
  padding-bottom:34px;
  border-bottom:1px solid rgba(18,76,170,.08);
}

.cargo-footer-col{
  min-width:0;
}

.cargo-footer-brand{
  padding-right:20px;
}

.cargo-footer-logo{
  display:inline-flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  margin-bottom:18px;
}

.cargo-footer-logo-icon{
  width:50px;
  height:50px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#1d62d8 0%,#124caa 100%);
  color:#ffffff;
  box-shadow:0 14px 28px rgba(18,76,170,.18);
  flex:0 0 50px;
}

.cargo-footer-logo-icon svg{
  width:24px;
  height:24px;
}

.cargo-footer-logo-text{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.cargo-footer-logo-text strong{
  font-size:32px;
  line-height:1;
  font-weight:800;
  color:#0a2f77;
}

.cargo-footer-logo-text small{
  font-size:13px;
  line-height:1.35;
  color:#6f7d98;
}

.cargo-footer-desc{
  max-width:360px;
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:#60708d;
}

.cargo-footer-title{
  margin:4px 0 18px;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.45px;
  color:#9aa6bd;
}

.cargo-footer-nav{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.cargo-footer-nav a{
  width:max-content;
  max-width:100%;
  text-decoration:none;
  font-size:15px;
  line-height:1.45;
  color:#0a2f77;
  transition:color .25s ease, transform .25s ease;
}

.cargo-footer-nav a:hover{
  color:#124caa;
  transform:translateX(3px);
}

.cargo-footer-contacts{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.cargo-footer-contact{
  display:flex;
  flex-direction:column;
  gap:4px;
  text-decoration:none;
}

.cargo-footer-contact-label{
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.4px;
  color:#9aa6bd;
}

.cargo-footer-contact-value{
  font-size:18px;
  line-height:1.45;
  font-weight:700;
  color:#0a2f77;
  transition:color .25s ease;
}

a.cargo-footer-contact:hover .cargo-footer-contact-value{
  color:#124caa;
}

.cargo-footer-bottom{
	width: min(var(--gt-container), calc(100% - 40px)) !important;
    margin: 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:22px;
}

.cargo-footer-copy{
  font-size:14px;
  line-height:1.5;
  color:#7d8aa0;
}

.cargo-footer-bottom-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:18px 24px;
}

.cargo-footer-bottom-links a{
  text-decoration:none;
  font-size:14px;
  line-height:1.5;
  color:#7d8aa0;
  transition:color .25s ease;
}

.cargo-footer-bottom-links a:hover{
  color:#124caa;
}

@media (max-width: 1100px){
  .cargo-footer-top{
    grid-template-columns:1fr 1fr;
    gap:28px 34px;
  }

  .cargo-footer-brand{
    grid-column:1 / -1;
    padding-right:0;
  }
}

@media (max-width: 767px){
  .cargo-footer{
    padding:56px 0 24px;
  }

  .cargo-footer-top{
    grid-template-columns:1fr;
    gap:26px;
    padding: 0 10px 26px 10px;
  }

  .cargo-footer-logo-text strong{
    font-size:28px;
  }

  .cargo-footer-desc{
    max-width:none;
    font-size:14px;
  }

  .cargo-footer-contact-value{
    font-size:17px;
  }

  .cargo-footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .cargo-footer-bottom-links{
    justify-content:flex-start;
    gap:12px 18px;
  }
}




/* ОБЩАЯ ОБЛАСТЬ ФОРМЫ */
.hero-form{
  width:100%;
  position:relative;
  z-index:5;
}

/* УБИРАЕМ СТАНДАРТНЫЕ СДВИГИ ELEMENTOR */
.hero-form .elementor-form-fields-wrapper{
  margin-left:0 !important;
  margin-right:0 !important;
  margin-bottom:0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  align-items:stretch !important;
}

/* КОЛОНКИ */
.hero-form .elementor-field-group{
  margin:0 !important;
  padding:0 !important;
  min-width:0;
}

.hero-form .elementor-field-group.elementor-col-33{
  width:calc(33.333% - 8px) !important;
  max-width:calc(33.333% - 8px) !important;
  flex:0 0 calc(33.333% - 8px) !important;
}

/* ПОЛЯ */
.hero-form .elementor-field{
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  border:none !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.10) !important;
  color:#ffffff !important;
  padding:0 18px !important;
  font-size:16px !important;
  line-height:56px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14) !important;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  transition:all .25s ease;
}

/* PLACEHOLDER */
.hero-form .elementor-field::placeholder{
  color:rgba(255,255,255,.62) !important;
}

/* FOCUS */
.hero-form .elementor-field:focus{
  background:rgba(255,255,255,.14) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.24),
    0 0 0 3px rgba(255,255,255,.06) !important;
}

/* КНОПКА */
.hero-form .elementor-field-type-submit{
  display:flex;
}

.hero-form .elementor-button {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    border: none !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: #09388a !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    padding: 0 18px !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.14) !important;
    transition: all .25s ease;
}

.hero-form .elementor-button:hover{
  background:#f5a533 !important;
  color:#ffffff !important;
  transform:translateY(-2px);
}

/* ТЕКСТ ПОД ФОРМОЙ */
.hero-form .elementor-message,
.hero-form .elementor-field-type-html{
  width:100% !important;
  max-width:100% !important;
  margin-top:12px !important;
  color:rgba(255,255,255,.92) !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

/* ЕСЛИ СОГЛАСИЕ/ТЕКСТ ВЫВЕДЕН ЧЕРЕЗ HTML-ПОЛЕ */
.hero-form .elementor-field-type-html{
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
  order:10;
}

/* УБИРАЕМ ЛИШНИЕ ЛЕЙБЛЫ */
.hero-form .elementor-field-label{
  display:none !important;
}

/* ОШИБКИ */
.hero-form .elementor-error{
  color:#ffd7d7 !important;
  font-size:12px !important;
  margin-top:6px !important;
}

/* TABLET */
@media (max-width: 1024px){
  .hero-form .elementor-form-fields-wrapper{
    flex-wrap:wrap !important;
  }

  .hero-form .elementor-field-group.elementor-col-33{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }
}

/* MOBILE */
@media (max-width: 767px){
  .hero-form .elementor-form-fields-wrapper{
    gap:10px !important;
  }

  .hero-form .elementor-field,
  .hero-form .elementor-button{
    height:52px !important;
    min-height:52px !important;
    font-size:15px !important;
    border-radius:12px !important;
  }

  .hero-form .elementor-field{
    line-height:52px !important;
  }
}


.nopsn {margin: 10px 0;
font-size: 14px; 
line-height: 1.2em;}










/* =========================================================
   GT LEAD FORM — FINAL CLEAN
   HTML 1 (стрелка): field_31f27e7
   HTML 2 (policy):  field_f2cbce2
========================================================= */

.gt-lead-form{
  --f-border:#d7e1ef;
  --f-text:#22304f;
  --f-muted:#8a97b1;
  --f-blue:#1d62d8;
  --f-blue-dark:#124caa;
  --f-shadow:0 18px 48px rgba(15,35,75,.08);
  --f-gap-x:12px;
  --f-gap-y:14px;

  background:#fff;
  border:1px solid #dfe7f3;
  border-radius:24px;
  box-shadow:var(--f-shadow);
  padding:32px;
}

.gt-lead-form .elementor-widget-container{
  background:none;
  border:none;
  box-shadow:none;
  padding:0;
}

/* =========================
   GRID
========================= */

.gt-lead-form .elementor-form-fields-wrapper{
  display:grid !important;
  grid-template-columns:
    minmax(0, 1fr)
    44px
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1fr) !important;
  gap:var(--f-gap-y) var(--f-gap-x) !important;
  margin:0 !important;
  overflow:visible !important;
}

.gt-lead-form .elementor-field-group{
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* =========================
   ROW 1
========================= */

.gt-lead-form .elementor-field-group-from_city{
  grid-column:1 !important;
}

.gt-lead-form .elementor-field-group-field_31f27e7{
  grid-column:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  min-width:44px !important;
  max-width:44px !important;
  margin:0 !important;
  padding:0 !important;
}

.gt-lead-form .elementor-field-group-to_city{
  grid-column:3 !important;
}

.gt-lead-form .elementor-field-group-weight{
  grid-column:4 !important;
}

.gt-lead-form .elementor-field-group-volume{
  grid-column:5 !important;
}

.gt-lead-form .elementor-field-group-cargo_type{
  grid-column:6 !important;
}

/* =========================
   ROW 2
========================= */

.gt-lead-form .elementor-field-group-transport_type{
  grid-column:1 / 3 !important;
}

.gt-lead-form .elementor-field-group-name{
  grid-column:3 / 4 !important;
}

.gt-lead-form .elementor-field-group-phone{
  grid-column:4 / 6 !important;
}

.gt-lead-form .elementor-field-group-email{
  grid-column:6 / 7 !important;
}

/* =========================
   ROW 3
========================= */

.gt-lead-form .elementor-field-group-field_f2cbce2{
  grid-column:1 / 5 !important;
  margin-top:2px !important;
}

.gt-lead-form .elementor-field-group-field_eda5cfe,
.gt-lead-form .elementor-field-type-recaptcha_v3{
  display:none !important;
}

.gt-lead-form .elementor-field-type-submit{
  grid-column:5 / 7 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  margin:0 !important;
  padding:0 !important;
}

/* =========================
   LABELS
========================= */

.gt-lead-form .elementor-field-label{
  display:none !important;
}

/* =========================
   FIELDS
========================= */

.gt-lead-form input.elementor-field,
.gt-lead-form select.elementor-field{
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  height:58px !important;
  min-height:58px !important;
  border:1px solid var(--f-border) !important;
  border-radius:12px !important;
  background:#fff !important;
  color:var(--f-text) !important;
  font-size:15px !important;
  box-shadow:none !important;
  transition:.25s ease !important;
  box-sizing:border-box !important;
}

/* input padding под иконки */
.gt-lead-form .elementor-field-group-from_city input,
.gt-lead-form .elementor-field-group-to_city input,
.gt-lead-form .elementor-field-group-weight input,
.gt-lead-form .elementor-field-group-volume input,
.gt-lead-form .elementor-field-group-cargo_type input,
.gt-lead-form .elementor-field-group-name input,
.gt-lead-form .elementor-field-group-phone input,
.gt-lead-form .elementor-field-group-email input{
  padding:0 16px 0 38px !important;
}

/* transport select */
.gt-lead-form .elementor-field-group-transport_type .elementor-select-wrapper{
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  position:relative !important;
}

.gt-lead-form .elementor-field-group-transport_type .select-caret-down-wrapper{
  display:none !important;
}

.gt-lead-form .elementor-field-group-transport_type select{
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  padding:0 42px 0 18px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  cursor:pointer !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #22304f 50%),
    linear-gradient(135deg, #22304f 50%, transparent 50%) !important;
  background-position:
    calc(100% - 20px) calc(50% - 3px),
    calc(100% - 14px) calc(50% - 3px) !important;
  background-size:6px 6px, 6px 6px !important;
  background-repeat:no-repeat !important;
}

/* placeholder */
.gt-lead-form .elementor-field::placeholder{
  color:var(--f-muted) !important;
  opacity:1 !important;
}

/* focus */
.gt-lead-form input.elementor-field:focus,
.gt-lead-form select.elementor-field:focus{
  border-color:var(--f-blue) !important;
  box-shadow:0 0 0 4px rgba(29,98,216,.08) !important;
}

/* =========================
   ICONS
========================= */

.gt-lead-form .elementor-field-group-from_city::before,
.gt-lead-form .elementor-field-group-to_city::before,
.gt-lead-form .elementor-field-group-weight::before,
.gt-lead-form .elementor-field-group-volume::before,
.gt-lead-form .elementor-field-group-cargo_type::before,
.gt-lead-form .elementor-field-group-name::before,
.gt-lead-form .elementor-field-group-phone::before,
.gt-lead-form .elementor-field-group-email::before{
  content:"";
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  width:14px;
  height:14px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:14px 14px;
  pointer-events:none;
  z-index:3;
}

.gt-lead-form .elementor-field-group-from_city::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5' r='3' fill='%23e53e3e'/%3E%3Cpath d='M8 8.5V14' stroke='%2322334f' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.gt-lead-form .elementor-field-group-to_city::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5' r='3' fill='%23e53e3e'/%3E%3Cpath d='M8 8.5V14' stroke='%2322334f' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.gt-lead-form .elementor-field-group-weight::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath d='M3 6h10M4 6l1.2 6h5.6L12 6M6.2 6a1.8 1.8 0 1 1 3.6 0' stroke='%23f59e0b' stroke-width='1.3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gt-lead-form .elementor-field-group-volume::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Crect x='4' y='4' width='8' height='8' rx='1' stroke='%233b82f6' stroke-width='1.3' fill='none'/%3E%3C/svg%3E");
}

.gt-lead-form .elementor-field-group-cargo_type::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Crect x='3' y='3' width='10' height='10' rx='1.5' fill='%23374151'/%3E%3C/svg%3E");
}

.gt-lead-form .elementor-field-group-name::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5' r='3' fill='%232b6cb0'/%3E%3Cpath d='M3.5 13c.7-2 2.5-3 4.5-3s3.8 1 4.5 3' fill='%232b6cb0'/%3E%3C/svg%3E");
}

.gt-lead-form .elementor-field-group-phone::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath d='M10.8 9.8c-2.8-1.4-4-2.6-5.4-5.4l1.4-1.4c.3-.3.3-.8 0-1.1L5.7.8a.8.8 0 0 0-1.1 0L3.4 2c-.5.5-.8 1.3-.6 2 1 3.8 4.8 7.6 8.6 8.6.7.2 1.5-.1 2-.6l1.2-1.2a.8.8 0 0 0 0-1.1l-1.1-1.1a.8.8 0 0 0-1.1 0l-1.6 1.2z' fill='none' stroke='%233b82f6' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gt-lead-form .elementor-field-group-email::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 4.5h11v7h-11z' fill='none' stroke='%2394a3b8' stroke-width='1.2'/%3E%3Cpath d='M3 5l5 4 5-4' fill='none' stroke='%2394a3b8' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* =========================
   SWAP HTML FIELD
========================= */

.gt-lead-form .elementor-field-group-field_31f27e7 .elementor-field,
.gt-lead-form .elementor-field-group-field_31f27e7 .elementor-field-textual,
.gt-lead-form .elementor-field-group-field_31f27e7 .elementor-field-subgroup{
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  min-height:auto !important;
  height:auto !important;
}

.gt-lead-form .gt-swap{
  width:40px;
  height:40px;
  border:1px solid var(--f-border);
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#2d63c8;
  font-size:20px;
  line-height:1;
  box-shadow:0 4px 14px rgba(18,76,170,.06);
  margin:0 auto;
}

/* =========================
   POLICY HTML FIELD
========================= */

.gt-lead-form .elementor-field-group-field_f2cbce2 .elementor-field,
.gt-lead-form .elementor-field-group-field_f2cbce2 .elementor-field-textual,
.gt-lead-form .elementor-field-group-field_f2cbce2 .elementor-field-subgroup{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  min-height:auto !important;
  height:auto !important;
}

.gt-lead-form #policy{
  display:block;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  font-size:15px;
  line-height:1.7;
  color:#33415f;
  white-space:normal;
}

.gt-lead-form #policy a{
  color:var(--f-blue-dark);
  text-decoration:none;
  font-weight:600;
}

.gt-lead-form #policy a:hover{
  text-decoration:underline;
}

/* =========================
   BUTTON
========================= */

.gt-lead-form .elementor-field-type-submit .e-form__buttons,
.gt-lead-form .elementor-field-type-submit .elementor-button-wrapper{
  width:100% !important;
  margin:0 !important;
}

.gt-lead-form .elementor-button{
  width:100% !important;
  min-width:100% !important;
  height:58px !important;
  border:none !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,var(--f-blue) 0%,var(--f-blue-dark) 100%) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.3px !important;
  box-shadow:0 14px 30px rgba(18,76,170,.22) !important;
  transition:.25s ease !important;
}

.gt-lead-form .elementor-button:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 36px rgba(18,76,170,.28) !important;
}

/* =========================
   TABLET
========================= */

@media (max-width:1024px){
  .gt-lead-form{
    padding:24px;
  }

  .gt-lead-form .elementor-form-fields-wrapper{
    grid-template-columns:repeat(6, minmax(0,1fr)) !important;
  }

  .gt-lead-form .elementor-field-group-from_city{ grid-column:1 / 3 !important; }
  .gt-lead-form .elementor-field-group-field_31f27e7{ grid-column:3 / 4 !important; }
  .gt-lead-form .elementor-field-group-to_city{ grid-column:4 / 6 !important; }
  .gt-lead-form .elementor-field-group-weight{ grid-column:1 / 3 !important; }
  .gt-lead-form .elementor-field-group-volume{ grid-column:3 / 5 !important; }
  .gt-lead-form .elementor-field-group-cargo_type{ grid-column:5 / 7 !important; }

  .gt-lead-form .elementor-field-group-transport_type{ grid-column:1 / 3 !important; }
  .gt-lead-form .elementor-field-group-name{ grid-column:3 / 5 !important; }
  .gt-lead-form .elementor-field-group-phone{ grid-column:5 / 7 !important; }
  .gt-lead-form .elementor-field-group-email{ grid-column:1 / 4 !important; }

  .gt-lead-form .elementor-field-group-field_f2cbce2{ grid-column:1 / -1 !important; }
  .gt-lead-form .elementor-field-type-submit{ grid-column:4 / 7 !important; }
}

/* =========================
   MOBILE
========================= */

@media (max-width:767px){
  .gt-lead-form{
    padding:18px;
    border-radius:20px;
  }

  .gt-lead-form .elementor-form-fields-wrapper{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .gt-lead-form .elementor-field-group,
  .gt-lead-form .elementor-field-type-html,
  .gt-lead-form .elementor-field-type-submit{
    grid-column:1 / -1 !important;
  }

  .gt-lead-form input.elementor-field,
  .gt-lead-form select.elementor-field{
    height:54px !important;
    min-height:54px !important;
  }

  .gt-lead-form .elementor-button{
    height:56px !important;
    border-radius:12px !important;
  }

  .gt-lead-form #policy{
    font-size:14px;
    line-height:1.6;
  }
}






/* =========================================
   FIX 1: POLICY
========================================= */

.gt-lead-form .elementor-field-group-field_f2cbce2{
  grid-column: 1 / 5 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.gt-lead-form .elementor-field-group-field_f2cbce2 > .elementor-field,
.gt-lead-form .elementor-field-group-field_f2cbce2 .elementor-field,
.gt-lead-form .elementor-field-group-field_f2cbce2 .elementor-field-textual,
.gt-lead-form .elementor-field-group-field_f2cbce2 .elementor-field-subgroup{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
}

.gt-lead-form #policy{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #33415f !important;
}

.gt-lead-form #policy a{
  color: #124caa !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

/* =========================================
   FIX 2: TRANSPORT TYPE
========================================= */

.gt-lead-form .elementor-field-group-transport_type{
  grid-column: 1 / 3 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  position: relative !important;
}

.gt-lead-form .elementor-field-group-transport_type > .elementor-field,
.gt-lead-form .elementor-field-group-transport_type .elementor-select-wrapper{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.gt-lead-form .elementor-field-group-transport_type .select-caret-down-wrapper{
  display: none !important;
}

.gt-lead-form .elementor-field-group-transport_type select.elementor-field{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 42px 0 18px !important;
  border: 1px solid #d7e1ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #22304f !important;
  font-size: 15px !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #22304f 50%),
    linear-gradient(135deg, #22304f 50%, transparent 50%) !important;
  background-position:
    calc(100% - 20px) calc(50% - 3px),
    calc(100% - 14px) calc(50% - 3px) !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
}



/* ===== SELECT FIX ===== */

.gt-lead-form .elementor-field-group-transport_type select{
  width:100% !important;
  max-width:100% !important;
  min-width:100% !important;

  height:58px !important;
  min-height:58px !important;

  padding:0 42px 0 18px !important;

  border:1px solid #d7e1ef !important;
  border-radius:12px !important;
  background:#fff !important;

  font-size:15px !important;
  color:#8192a7 !important;

  box-sizing:border-box !important;

  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;

  cursor:pointer !important;

  /* стрелка */
  background-image:
    linear-gradient(45deg, transparent 50%, #22304f 50%),
    linear-gradient(135deg, #22304f 50%, transparent 50%) !important;

  background-position:
    calc(100% - 20px) calc(50% - 3px),
    calc(100% - 14px) calc(50% - 3px) !important;

  background-size:6px 6px !important;
  background-repeat:no-repeat !important;
}

/* УБИВАЕМ лишний wrapper Elementor */
.gt-lead-form .elementor-field-group-transport_type .elementor-select-wrapper{
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  background:none !important;
  box-shadow:none !important;
}




/* ===== POLICY FIX ===== */

.gt-lead-form .elementor-field-group-field_f2cbec2{
  grid-column:1 / 5 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

/* ломаем flex Elementor */
.gt-lead-form .elementor-field-group-field_f2cbec2 .elementor-field{
  display:block !important;
  width:100% !important;
  max-width:100% !important;

  padding:0 !important;
  margin:0 !important;

  border:none !important;
  background:none !important;
  box-shadow:none !important;
}

/* сам текст */
.gt-lead-form #policy{
  display:block !important;
  width:100% !important;

  font-size:15px !important;
  line-height:1.3 !important;

  white-space:normal !important;
  color:#33415f !important;
}






/* фикс позиции иконки в поле телефона */
.gt-lead-form .elementor-field-group-phone{
  position: relative !important;
}

.gt-lead-form .elementor-field-group-phone:before{
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* фикс отступа текста, чтобы не наезжал на иконку */
.gt-lead-form .elementor-field-group-phone .elementor-field{
  padding-left: 42px !important;
}

/* КЛЮЧЕВОЕ: ошибка не двигает иконку */
.gt-lead-form .elementor-field-group-phone .elementor-message,
.gt-lead-form .elementor-field-group-phone .elementor-error{
  display: block !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}










/* ===== PHONE ICON FIX: иконка внутри input, а не у колонки ===== */

/* отключаем старую иконку через ::before только у телефона */
.gt-lead-form .elementor-field-group-phone::before{
  content: none !important;
  display: none !important;
}

/* рисуем иконку внутри input как background */
.gt-lead-form .elementor-field-group-phone .elementor-field{
  padding-left: 42px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath d='M10.8 9.8c-2.8-1.4-4-2.6-5.4-5.4l1.4-1.4c.3-.3.3-.8 0-1.1L5.7.8a.8.8 0 0 0-1.1 0L3.4 2c-.5.5-.8 1.3-.6 2 1 3.8 4.8 7.6 8.6 8.6.7.2 1.5-.1 2-.6l1.2-1.2a.8.8 0 0 0 0-1.1l-1.1-1.1a.8.8 0 0 0-1.1 0l-1.6 1.2z' fill='none' stroke='%233b82f6' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 16px 50% !important;
  background-size: 14px 14px !important;
}

/* чтобы ошибка не ломала визуально ряд */
.gt-lead-form .elementor-field-group-phone{
  align-self: start !important;
}

/* текст ошибки под полем */
.gt-lead-form .elementor-field-group-phone .elementor-message,
.gt-lead-form .elementor-field-group-phone .elementor-error,
.gt-lead-form .elementor-field-group-phone .elementor-form-help-inline{
  display: block !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  color: #ef4444 !important;  
}



/* =========================================
   TABLET / MOBILE FIX
   убираем стрелку и выравниваем форму
========================================= */

/* планшет */
@media (max-width: 1024px){

  /* убираем html-поле со стрелкой */
  .gt-lead-form .elementor-field-group-field_31f27e7{
    display:none !important;
  }

  /* сетка: 2 колонки */
  .gt-lead-form .elementor-form-fields-wrapper{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:12px !important;
  }

  /* 1 ряд */
  .gt-lead-form .elementor-field-group-from_city{grid-column:1 !important;}
  .gt-lead-form .elementor-field-group-to_city{grid-column:2 !important;}

  /* 2 ряд */
  .gt-lead-form .elementor-field-group-weight{grid-column:1 !important;}
  .gt-lead-form .elementor-field-group-volume{grid-column:2 !important;}

  /* 3 ряд */
  .gt-lead-form .elementor-field-group-cargo_type{grid-column:1 / -1 !important;}

  /* 4 ряд */
  .gt-lead-form .elementor-field-group-transport_type{grid-column:1 / -1 !important;}

  /* 5 ряд */
  .gt-lead-form .elementor-field-group-name{grid-column:1 !important;}
  .gt-lead-form .elementor-field-group-phone{grid-column:2 !important;}

  /* 6 ряд */
  .gt-lead-form .elementor-field-group-email{grid-column:1 / -1 !important;}

  /* низ */
  .gt-lead-form .elementor-field-group-field_f2cbce2,
  .gt-lead-form .elementor-field-group-field_f2cbec2{
    grid-column:1 / -1 !important;
  }

  .gt-lead-form .elementor-field-type-submit{
    grid-column:1 / -1 !important;
  }

  .gt-lead-form .elementor-button{
    width:100% !important;
  }
}

/* мобильная */
@media (max-width: 767px){

  /* стрелку скрываем */
  .gt-lead-form .elementor-field-group-field_31f27e7{
    display:none !important;
  }

  /* одна колонка */
  .gt-lead-form .elementor-form-fields-wrapper{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .gt-lead-form .elementor-field-group,
  .gt-lead-form .elementor-field-type-submit,
  .gt-lead-form .elementor-field-group-field_f2cbce2,
  .gt-lead-form .elementor-field-group-field_f2cbec2{
    grid-column:1 / -1 !important;
  }

  .gt-lead-form input.elementor-field,
  .gt-lead-form select.elementor-field{
    height:54px !important;
    min-height:54px !important;
  }

  .gt-lead-form .elementor-button{
    width:100% !important;
    height:56px !important;
  }

  .gt-lead-form #policy{
    font-size:14px !important;
    line-height:1.3 !important;
  }
}





/* Обертка картинки */
.cargo-service-media {
    position: relative;
    width: 100%;
    height: 220px; /* можно подогнать под дизайн */
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}

/* Сама картинка */
.cargo-service-media img {
    position: absolute;
    bottom: 0; /* ключевое — прижимаем вниз */
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center center; /* фокус снизу */
}

/* Для мобилки можно чуть уменьшить */
@media (max-width: 767px) {
    .cargo-service-media {
        height: 180px;
    }
}




@media (max-width: 767px){

  .gt-hero-meta{
    display:flex;
    align-items:flex-start;
    gap:12px;
  }

  .gt-hero-meta strong{
    flex:0 0 auto;
    font-size:18px;
    line-height:1;
  }

  .gt-hero-meta span{
    flex:1;
    font-size:14px;
    line-height:1.4;
  }

}


@media (max-width: 767px){

  .gt-hero-services__item{
    display:flex;
    align-items:center;
    gap:12px;
  }

  .gt-hero-services__num{
    flex:0 0 auto;
    font-size:14px;
  }

  .gt-hero-services__name{
    flex:1;
    font-size:16px;
    line-height:1.3;
  }

}


@media (max-width: 767px){

  .gt-hero-meta,
  .gt-hero-services__item{
    display:flex !important;
  }

}


@media (max-width: 767px){

  /* 1. Метаблок в hero: 01 + текст в одну строку */
  .gt-hero__meta{
    grid-template-columns:1fr;
    gap:14px;
	padding: 5px 20px 10px 20px;
	border: none;
  }
   


  .gt-hero-meta{
    display:grid;
    grid-template-columns:36px 1fr;
    align-items:start;
    column-gap:12px;
  }

  .gt-hero-meta strong{
    display:block;
    margin:0;
    font-size:18px;
    line-height:1.1;
  }

  .gt-hero-meta span{
    display:block;
    font-size:14px;
    line-height:1.4;
  }

  /* 2. Список услуг под hero: 01 + текст в одну строку */
  .gt-hero-services{
    grid-template-columns:1fr;
    margin-top:24px;
  }

  .gt-hero-services__item{
    display:grid;
    grid-template-columns:36px 1fr;
    align-items:center;
    column-gap:12px;
    min-height:auto;
    padding:18px 16px;
    border-right:none;
    border-bottom:1px solid rgba(9,56,138,.10);
  }

  .gt-hero-services__item:last-child{
    border-bottom:none;
  }

  .gt-hero-services__num{
    display:block;
    margin:0;
    font-size:13px;
    line-height:1;
  }

  .gt-hero-services__name{
    display:block;
    font-size:16px;
    line-height:1.3;
  }
}

@media (max-width: 767px){
  .gt-hero-services__item{
    display:grid !important;
    grid-template-columns:36px 1fr !important;
    align-items:center !important;
    justify-content:normal !important;
	
    gap:12px !important;
	padding: 14px 25px 14px 25px;
  }
}





.spk-tral-page{
  --spk-blue:#0c3f73;
  --spk-blue-2:#0f5fa8;
  --spk-blue-3:#1594d1;
  --spk-accent:#ffb938;
  --spk-accent-2:#ffca5c;
  --spk-text:#1e293b;
  --spk-text-2:#5f728b;
  --spk-line:#dbe6f2;
  --spk-bg:#f5f9fc;
  --spk-white:#ffffff;
  --spk-shadow:0 20px 50px rgba(6,31,59,0.10);
  --spk-shadow-2:0 24px 60px rgba(6,31,59,0.14);
}

.spk-tral-page *{
  box-sizing:border-box;
}

.spk-tral-container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  padding:0;
}

.spk-tral-head{
  max-width:760px;
  margin:0 0 38px;
}

.spk-tral-head--center{
  max-width:760px;
  margin:0 auto 40px;
  text-align:center;
}

.spk-tral-head__badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(15,95,168,0.08);
  color:#0f5fa8;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}

.spk-tral-head__title{
  margin:0 0 16px;
  font-size:clamp(30px,4vw,46px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:var(--spk-text);
}

.spk-tral-head__text{
  margin:0;
  font-size:18px;
  line-height:1.68;
  color:var(--spk-text-2);
}

/* HERO */

.spk-tral-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--gt-header-offset-desktop, 116px) + 34px) 0 72px;
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at top right, rgba(255,185,56,0.16), transparent 28%),
    linear-gradient(135deg, #0c3f73 0%, #0f5fa8 55%, #1594d1 100%);
}

.spk-tral-hero__wrap{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.2fr 0.8fr;
  gap:34px;
  align-items:center;
}

.spk-tral-hero__content{
  color:#ffffff;
}

.spk-tral-hero__badge{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.18);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:18px;
  backdrop-filter:blur(8px);
}

.spk-tral-hero__title{
  margin:0 0 18px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#fff;
}

.spk-tral-hero__text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,0.92);
}

.spk-tral-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:28px;
}

.spk-tral-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:14px 24px;
  border-radius:14px;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  transition:all 0.25s ease;
}

.spk-tral-hero__btn--accent{
  background:var(--spk-accent);
  color:#0f2f57;
  box-shadow:0 12px 28px rgba(255,185,56,0.28);
}

.spk-tral-hero__btn--accent:hover{
  transform:translateY(-2px);
  background:var(--spk-accent-2);
  color:#0f2f57;
}

.spk-tral-hero__btn--light{
  background:rgba(255,255,255,0.12);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(8px);
}

.spk-tral-hero__btn--light:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.18);
  color:#ffffff;
}

.spk-tral-hero__features{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.spk-tral-hero__feature{
  padding:10px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.spk-tral-hero__card{
  position:relative;
}

.spk-tral-hero__card-inner{
  background:rgba(255,255,255,0.96);
  border-radius:24px;
  padding:28px;
  box-shadow:0 20px 50px rgba(6,31,59,0.22);
}

.spk-tral-hero__card-label{
  display:inline-block;
  margin-bottom:18px;
  padding:8px 14px;
  border-radius:999px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
}

.spk-tral-hero__list{
  display:grid;
  gap:12px;
}

.spk-tral-hero__list-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid #e8eef4;
}

.spk-tral-hero__list-item:last-child{
  border-bottom:none;
}

.spk-tral-hero__list-item span{
  color:#27425d;
  font-size:15px;
  line-height:1.4;
}

.spk-tral-hero__list-item strong{
  flex-shrink:0;
  color:#0d3f73;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  text-align:right;
}

.spk-tral-hero__note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:16px;
  background:#f5f9fc;
  color:#4c647a;
  font-size:14px;
  line-height:1.55;
}

/* CALC */

.spk-tral-calc-section{
  padding:96px 0;
  background:#f7fbff;
}

.spk-tral-calc-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
  margin-bottom:28px;
}

.spk-tral-calc-top__content{
  flex:1 1 58%;
  max-width:760px;
}

.spk-tral-calc-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.spk-tral-calc-title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  color:#1E293B;
}

.spk-tral-calc-text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:#5d6d8c;
}

.spk-tral-calc-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}

.spk-tral-calc-feature{
  position:relative;
  padding:16px 18px 16px 44px;
  background:#fff;
  border:1px solid #dbe5f3;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(13,27,61,.05);
  font-size:15px;
  font-weight:700;
  color:#22304f;
}

.spk-tral-calc-feature:before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#1d62d8;
  box-shadow:0 0 0 6px rgba(29,98,216,.12);
}

.spk-tral-calc-top__image{
  flex:0 0 440px;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  margin-top:80px;
}

.spk-tral-calc-top__image img{
  width:100%;
  max-width:470px;
  height:auto;
  display:block;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.16));
}

.spk-tral-calc-form-wrap{
  width:100%;
}

.spk-tral-calc-form{
  padding:0;
  border-radius:24px;
}

/* CARDS */

.spk-tral-cards{
  padding:96px 0;
  background:#ffffff;
}

.spk-tral-cards__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.spk-tral-card{
  display:flex;
  flex-direction:column;
  border-radius:28px;
  overflow:hidden;
  text-decoration:none;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 18px 45px rgba(11,34,79,.08);
  transition:transform .38s ease, box-shadow .38s ease, border-color .38s ease;
}

.spk-tral-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(11,34,79,.14);
  border-color:rgba(18,76,170,.16);
}

.spk-tral-card__media{
  position:relative;
  height:220px;
  overflow:hidden;
  background:#dfe8f6;
}

.spk-tral-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}

.spk-tral-card:hover .spk-tral-card__media img{
  transform:scale(1.08);
}

.spk-tral-card__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(13,54,130,.10) 0%, rgba(8,35,86,.42) 100%);
}

.spk-tral-card__num{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  min-width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(6,31,59,0.10);
}

.spk-tral-card__body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:28px 28px 24px;
  background:#ffffff;
}

.spk-tral-card__title{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#16304f;
}

.spk-tral-card__text{
  margin:0;
  font-size:16px;
  line-height:1.68;
  color:#62758f;
}

.spk-tral-card__bottom{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:24px;
}

.spk-tral-card__bottom span{
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.03em;
  color:#0f5fa8;
}

.spk-tral-card__bottom i{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#edf5fc;
  border:1px solid rgba(15,95,168,0.10);
  position:relative;
  flex:0 0 42px;
  transition:all .25s ease;
}

.spk-tral-card__bottom i::before,
.spk-tral-card__bottom i::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:#0f5fa8;
  border-radius:2px;
}

.spk-tral-card__bottom i::before{
  width:14px;
  height:2px;
  transform:translate(-50%,-50%) rotate(-45deg);
}

.spk-tral-card__bottom i::after{
  width:8px;
  height:2px;
  transform:translate(-5%,-215%) rotate(45deg);
}

.spk-tral-card:hover .spk-tral-card__bottom i{
  transform:translateX(3px);
  background:#0f5fa8;
}

.spk-tral-card:hover .spk-tral-card__bottom i::before,
.spk-tral-card:hover .spk-tral-card__bottom i::after{
  background:#fff;
}

/* PROCESS */

.spk-tral-process{
  padding:96px 0;
  background:#f7fbff;
}

.spk-tral-process__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.spk-tral-step{
  min-height:240px;
  padding:26px 24px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid rgba(15,95,168,0.10);
  box-shadow:0 14px 34px rgba(6,31,59,0.06);
}

.spk-tral-step__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin-bottom:18px;
  border-radius:14px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
}

.spk-tral-step__title{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  color:#1f3147;
}

.spk-tral-step__text{
  margin:0;
  font-size:15px;
  line-height:1.68;
  color:#62758f;
}

/* FINAL */

.spk-tral-final{
  padding:96px 0 120px;
  background:
    radial-gradient(circle at top left, rgba(21,148,209,0.08), transparent 28%),
    radial-gradient(circle at bottom right, rgba(255,185,56,0.10), transparent 24%),
    linear-gradient(180deg,#f7fbff 0%, #ffffff 100%);
}

.spk-tral-final__wrap{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:34px;
  align-items:start;
  padding:44px;
  border-radius:34px;
  background:linear-gradient(135deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.98) 100%);
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 28px 70px rgba(11,34,79,.10);
}

.spk-tral-final__badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.spk-tral-final__title{
  margin:0 0 18px;
  font-size:40px;
  line-height:1.16;
  font-weight:800;
  color:#09388a;
}

.spk-tral-final__text{
  max-width:560px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.75;
  color:#5d6d8c;
}

.spk-tral-final__points{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.spk-tral-final__point{
  position:relative;
  padding-left:20px;
  font-size:16px;
  line-height:1.5;
  font-weight:600;
  color:#0a2f77;
}

.spk-tral-final__point:before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f5a533;
  box-shadow:0 0 0 6px rgba(245,165,51,.14);
}

.spk-tral-final__form{
  padding:8px;
  border-radius:24px;
  background:#f8fbff;
  border:1px solid rgba(18,76,170,.08);
}

/* ADAPTIVE */

@media (max-width: 1200px){
  .spk-tral-calc-title{
    font-size:42px;
  }

  .spk-tral-calc-top{
    flex-direction:column;
  }

  .spk-tral-calc-top__image{
    flex:none;
    width:100%;
    margin-top:0;
    justify-content:center;
  }

  .spk-tral-calc-top__image img{
    max-width:520px;
  }
}

@media (max-width: 1024px){
  .spk-tral-hero{
    padding:calc(var(--gt-header-offset-tablet, 96px) + 28px) 20px 56px;
    border-radius:0 0 24px 24px;
  }

  .spk-tral-hero__wrap,
  .spk-tral-final__wrap{
    grid-template-columns:1fr;
    gap:24px;
  }

  .spk-tral-hero__text{
    max-width:100%;
    font-size:17px;
  }

  .spk-tral-cards__grid{
    grid-template-columns:1fr;
  }

  .spk-tral-process__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .spk-tral-head__text{
    font-size:17px;
  }

  .spk-tral-final__title{
    font-size:36px;
  }
}

@media (max-width: 767px){
  .spk-tral-container{
    width:min(1280px, calc(100% - 20px));
    padding:0;
  }
  
.spk-tral-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--gt-header-offset-mobile, 86px) + 18px) 0 42px;
    border-radius:0 0 20px 20px;
}


  .spk-tral-calc-section,
  .spk-tral-cards,
  .spk-tral-process{
    padding:72px 0;
  }

  .spk-tral-final{
    padding:72px 0 96px;
  }

  .spk-tral-hero__title{
    margin-bottom:14px;
    font-size:34px;
    line-height:1.08;
  }

  .spk-tral-hero__text,
  .spk-tral-head__text,
  .spk-tral-calc-text,
  .spk-tral-final__text{
    font-size:15px;
    line-height:1.6;
  }

  .spk-tral-head__title,
  .spk-tral-calc-title{
    font-size:32px;
    line-height:1.08;
  }

  .spk-tral-final__title{
    font-size:32px;
    line-height:1.1;
  }

  .spk-tral-hero__actions{
    flex-direction:column;
    gap:10px;
    margin-bottom:22px;
  }

  .spk-tral-hero__btn{
    width:100%;
    min-height:52px;
    padding:13px 18px;
    font-size:15px;
  }

  .spk-tral-hero__features{
    gap:10px;
  }

  .spk-tral-hero__feature{
    width:100%;
    font-size:13px;
  }

  .spk-tral-hero__card-inner{
    padding:22px 18px;
    border-radius:20px;
  }

  .spk-tral-hero__list-item{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .spk-tral-hero__list-item strong{
    text-align:left;
  }

  .spk-tral-calc-features{
    grid-template-columns:1fr;
  }

  .spk-tral-card{
    border-radius:22px;
  }

  .spk-tral-card__media{
    height:200px;
  }

  .spk-tral-card__body{
    padding:22px 22px 20px;
  }

  .spk-tral-card__title{
    font-size:28px;
  }

  .spk-tral-process__grid{
    grid-template-columns:1fr;
  }

  .spk-tral-step{
    min-height:auto;
    padding:22px 18px;
    border-radius:18px;
  }

  .spk-tral-step__title{
    font-size:22px;
  }

  .spk-tral-final__wrap{
    padding:24px;
    border-radius:24px;
  }
}


.spk-tral-hero__wrap{
  width:min(1440px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1.2fr 0.8fr;
  gap:34px;
  align-items:center;
}




/* ===== FINFORM / Elementor Form ===== */

.finform{
  margin-bottom:18px;
  padding:28px;
  border-radius:26px;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 16px 38px rgba(11,34,79,.06);
}

/* контейнер самой формы */
.finform .elementor-form{
  display:block;
}

/* сетка полей */
/* .finform .elementor-form-fields-wrapper{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:0;
} */

/* общий field-group */
.finform .elementor-field-group{
  margin:0;
  width:100%;
}

/* поле на всю ширину — для маршрута/комментария */
.finform .elementor-field-group.elementor-col-100{
  grid-column:1 / -1;
}

/* input / textarea / select */
.finform .elementor-field,
.finform input.elementor-field,
.finform textarea.elementor-field,
.finform select.elementor-field{
  width:100%;
  min-height:58px;
  padding:0 18px;
  border:none !important;
  outline:none;
  border-radius:14px;
  background:#f6f9ff;
  box-shadow:inset 0 0 0 1px rgba(18,76,170,.10);
  font-size:15px;
  color:#22304f;
  transition:all .25s ease;
}

/* textarea */
.finform textarea.elementor-field{
  min-height:58px;
  padding:16px 18px;
  resize:vertical;
}

/* focus */
.finform .elementor-field:focus,
.finform input.elementor-field:focus,
.finform textarea.elementor-field:focus,
.finform select.elementor-field:focus{
  background:#ffffff;
  box-shadow:
    inset 0 0 0 1px rgba(18,76,170,.22),
    0 0 0 4px rgba(29,98,216,.08);
}

/* placeholder */
.finform .elementor-field::placeholder,
.finform input.elementor-field::placeholder,
.finform textarea.elementor-field::placeholder{
  color:#9aa6bd;
  opacity:1;
}

/* submit group */
.finform .elementor-field-type-submit{
  grid-column:1 / -1;
  margin-top:4px;
}

/* button wrapper */
.finform .elementor-field-type-submit .e-form__buttons{
  display:flex;
  flex-direction:column;
  gap:14px;
  width:100%;
}

/* submit button */
.finform .elementor-button,
.finform button.elementor-button{
  width:100%;
  min-height:58px;
  border:none !important;
  border-radius:14px;
  background:linear-gradient(135deg,#1d62d8 0%,#124caa 100%) !important;
  color:#ffffff !important;
  font-size:15px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.3px;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(18,76,170,.18);
  transition:all .3s ease;
}

.finform .elementor-button:hover,
.finform button.elementor-button:hover,
.finform .elementor-button:focus,
.finform button.elementor-button:focus{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(18,76,170,.25);
  background:linear-gradient(135deg,#1d62d8 0%,#124caa 100%) !important;
  color:#ffffff !important;
}

/* текст под кнопкой / acceptance / help text */
.finform .elementor-field-subgroup,
.finform .elementor-mark-required,
.finform .elementor-field-description,
.finform .elementor-message{
  font-size:13px;
  line-height:1.6;
}

/* policy / acceptance text */
.finform .elementor-field-type-acceptance{
  grid-column:1 / -1;
  margin-top:-2px;
}

.finform .elementor-field-type-acceptance .elementor-field-subgroup{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#7b879d;
  font-size:13px;
  line-height:1.6;
}

.finform .elementor-field-type-acceptance input{
  margin-top:3px;
}

.finform .elementor-field-type-acceptance a{
  color:#124caa;
  text-decoration:none;
}

.finform .elementor-field-type-acceptance a:hover{
  text-decoration:underline;
}

/* ошибки */
.finform .elementor-field-group .elementor-message{
  margin-top:8px;
  font-size:12px;
}

.finform .elementor-field.elementor-error{
  box-shadow:
    inset 0 0 0 1px rgba(220,38,38,.28),
    0 0 0 4px rgba(220,38,38,.08) !important;
  background:#fff;
}

/* success / error messages */
.finform .elementor-message{
  grid-column:1 / -1;
}

.finform .elementor-message-success{
  color:#0f766e;
}

.finform .elementor-message-danger{
  color:#b91c1c;
}

/* ===== TABLET ===== */
@media (max-width: 1180px){
  .finform{
    padding:24px;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 767px){
  .finform{
    padding:18px;
    border-radius:20px;
  }

  .finform .elementor-form-fields-wrapper{
    grid-template-columns:1fr;
  }

  .finform .elementor-field-group.elementor-col-50,
  .finform .elementor-field-group.elementor-col-33,
  .finform .elementor-field-group.elementor-col-25,
  .finform .elementor-field-group.elementor-col-66{
    grid-column:auto;
    width:100%;
  }
}










/* =========================================
   SPK TRAL — RESPONSIVE FIX
   вставить в самый конец tral.css
========================================= */

/* ---------- laptop / small desktop ---------- */
@media (max-width: 1360px){

  .spk-tral-hero__wrap{
    width: min(1280px, calc(100% - 40px)) !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr) !important;
    gap: 28px !important;
  }

  .spk-tral-hero__title{
    font-size: clamp(42px, 4.8vw, 56px) !important;
  }

  .spk-tral-calc-top{
    gap: 24px !important;
  }

  .spk-tral-calc-top__image{
    flex: 0 0 390px !important;
    margin-top: 40px !important;
  }

  .spk-tral-card__title{
    font-size: 26px !important;
  }

  .spk-tral-card__body{
    padding: 24px 22px 22px !important;
  }
}


/* ---------- tablet ---------- */
@media (max-width: 1024px){

  .spk-tral-container{
    width: min(1280px, calc(100% - 32px)) !important;
  }

  .spk-tral-hero{
    padding: calc(var(--gt-header-offset-tablet, 96px) + 22px) 0 52px !important;
    border-radius: 0 0 24px 24px !important;
  }

  .spk-tral-hero__wrap{
    width: min(1280px, calc(100% - 32px)) !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    align-items: start !important;
  }

  .spk-tral-hero__content{
    max-width: 100% !important;
  }

  .spk-tral-hero__title{
    max-width: 820px !important;
    margin-bottom: 16px !important;
    font-size: clamp(38px, 6vw, 52px) !important;
    line-height: 1.04 !important;
  }

  .spk-tral-hero__text{
    max-width: 100% !important;
    margin-bottom: 24px !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  .spk-tral-hero__actions{
    gap: 12px !important;
    margin-bottom: 20px !important;
  }

  .spk-tral-hero__btn{
    min-height: 52px !important;
    padding: 13px 20px !important;
    font-size: 15px !important;
  }

  .spk-tral-hero__features{
    gap: 10px !important;
  }

  .spk-tral-hero__feature{
    font-size: 13px !important;
    padding: 10px 12px !important;
  }

  .spk-tral-hero__card{
    width: 100% !important;
  }

  .spk-tral-hero__card-inner{
    padding: 22px 20px !important;
    border-radius: 22px !important;
  }

  .spk-tral-calc-section,
  .spk-tral-cards,
  .spk-tral-process,
  .cargo-final-cta{
    padding: 76px 0 !important;
  }

  .spk-tral-calc-top{
    flex-direction: column !important;
    gap: 22px !important;
    margin-bottom: 24px !important;
  }

  .spk-tral-calc-top__content{
    max-width: 100% !important;
  }

  .spk-tral-calc-title{
    font-size: 38px !important;
    line-height: 1.08 !important;
  }

  .spk-tral-calc-text{
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  .spk-tral-calc-top__image{
    flex: none !important;
    width: 100% !important;
    margin-top: 0 !important;
    justify-content: center !important;
  }

  .spk-tral-calc-top__image img{
    max-width: 520px !important;
  }

  .spk-tral-calc-features{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 12px !important;
  }

  .spk-tral-calc-feature{
    min-height: 64px !important;
    padding: 14px 16px 14px 42px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .spk-tral-cards__grid{
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .spk-tral-card{
    border-radius: 24px !important;
  }

  .spk-tral-card__media{
    height: 240px !important;
  }

  .spk-tral-card__body{
    padding: 24px 22px 22px !important;
  }

  .spk-tral-card__title{
    font-size: 32px !important;
    line-height: 1.05 !important;
  }

  .spk-tral-card__text{
    font-size: 15px !important;
    line-height: 1.62 !important;
  }

  .spk-tral-process__grid{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 18px !important;
  }

  .spk-tral-step{
    min-height: auto !important;
    padding: 22px 20px !important;
  }

  .spk-tral-step__title{
    font-size: 22px !important;
  }

  .cargo-final-cta-wrap{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 28px !important;
    border-radius: 26px !important;
  }

  .cargo-final-cta-title{
    font-size: 36px !important;
    line-height: 1.12 !important;
  }

  .cargo-final-cta-text{
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
}


/* ---------- mobile ---------- */
@media (max-width: 767px){

  .spk-tral-container{
    width: min(1280px, calc(100% - 40px)) !important;
  }

  .spk-tral-hero{
    padding: calc(var(--gt-header-offset-mobile, 86px) + 14px) 0 34px !important;
    border-radius: 0 0 18px 18px !important;
  }

  .spk-tral-hero__wrap{
    width: min(1280px, calc(100% - 40px)) !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .spk-tral-hero__badge{
    min-height: 34px !important;
    padding: 7px 12px !important;
    margin-bottom: 14px !important;
    font-size: 12px !important;
  }

  .spk-tral-hero__title{
    margin: 0 0 14px !important;
    font-size: 37px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.02em !important;
    max-width: 100% !important;
  }

  .spk-tral-hero__text{
    margin: 0 0 18px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .spk-tral-hero__actions{
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
  }

  .spk-tral-hero__btn{
    width: 100% !important;
    min-height: 50px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }

  .spk-tral-hero__features{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .spk-tral-hero__feature{
    width: 100% !important;
    font-size: 12px !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
  }

  .spk-tral-hero__card-inner{
    padding: 18px 16px !important;
    border-radius: 18px !important;
  }

  .spk-tral-hero__card-label{
    margin-bottom: 14px !important;
    padding: 7px 12px !important;
    font-size: 12px !important;
  }

  .spk-tral-hero__list{
    gap: 8px !important;
  }

  .spk-tral-hero__list-item{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 3px !important;
    padding: 12px 0 !important;
  }

  .spk-tral-hero__list-item span,
  .spk-tral-hero__list-item strong{
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-align: left !important;
  }

  .spk-tral-hero__note{
    margin-top: 14px !important;
    padding: 14px 14px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .spk-tral-calc-section,
  .spk-tral-cards,
  .spk-tral-process,
  .cargo-final-cta{
    padding: 56px 0 !important;
  }

  .spk-tral-head{
    margin-bottom: 24px !important;
  }

  .spk-tral-head__badge,
  .spk-tral-calc-badge,
  .cargo-final-cta-badge{
    padding: 8px 14px !important;
    margin-bottom: 14px !important;
    font-size: 12px !important;
  }

  .spk-tral-head__title,
  .spk-tral-calc-title,
  .cargo-final-cta-title{
    font-size: 28px !important;
    line-height: 1.06 !important;
    margin-bottom: 12px !important;
  }

  .spk-tral-head__text,
  .spk-tral-calc-text,
  .cargo-final-cta-text{
    font-size: 14px !important;
    line-height: 1.58 !important;
  }

  .spk-tral-calc-top{
    gap: 18px !important;
    margin-bottom: 20px !important;
  }

  .spk-tral-calc-features{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .spk-tral-calc-feature{
    min-height: auto !important;
    padding: 13px 14px 13px 38px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  .spk-tral-calc-feature:before{
    left: 15px !important;
    width: 10px !important;
    height: 10px !important;
  }

  .spk-tral-calc-top__image{
    margin-top: 0 !important;
  }

  .spk-tral-calc-top__image img{
    max-width: 100% !important;
  }

  .spk-tral-card{
    border-radius: 20px !important;
  }

  .spk-tral-card__media{
    height: 250px !important;
  }

  .spk-tral-card__num{
    top: 14px !important;
    right: 14px !important;
    min-width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  .spk-tral-card__body{
    padding: 18px 16px 18px !important;
  }

  .spk-tral-card__title{
    margin-bottom: 10px !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
  }

  .spk-tral-card__text{
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .spk-tral-card__bottom{
    padding-top: 18px !important;
  }

  .spk-tral-card__bottom span{
    font-size: 13px !important;
  }

  .cargo-service-icon{
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }

  .cargo-service-icon svg{
    width: 16px !important;
    height: 16px !important;
  }

  .spk-tral-process__grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .spk-tral-step{
    padding: 18px 16px !important;
    border-radius: 16px !important;
  }

  .spk-tral-step__num{
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 14px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  .spk-tral-step__title{
    margin-bottom: 10px !important;
    font-size: 20px !important;
    line-height: 1.12 !important;
  }

  .spk-tral-step__text{
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .cargo-final-cta-wrap{
    padding: 20px 16px !important;
    border-radius: 20px !important;
    gap: 18px !important;
  }

  .cargo-final-cta-points{
    gap: 10px !important;
  }

  .cargo-final-cta-point{
    font-size: 14px !important;
    line-height: 1.45 !important;
    padding-left: 18px !important;
  }

  .cargo-final-cta-point:before{
    top: 8px !important;
    width: 6px !important;
    height: 6px !important;
  }

  .cargo-final-contact-card{
    padding: 14px 16px !important;
    border-radius: 14px !important;
  }

  .cargo-final-contact-value{
    font-size: 16px !important;
  }
}


/* ---------- very small mobile ---------- */
@media (max-width: 380px){

  .spk-tral-container{
    width: min(1280px, calc(100% - 20px)) !important;
  }

  .spk-tral-hero__title{
    font-size: 26px !important;
  }

  .spk-tral-head__title,
  .spk-tral-calc-title,
  .cargo-final-cta-title{
    font-size: 25px !important;
  }

  .spk-tral-card__title{
    font-size: 22px !important;
  }
}




/* ===== УБРАТЬ СТРЕЛКУ У ПОЛЯ transport_type ===== */

/* 1. Убираем нативную стрелку браузера */
#form-field-transport_type,
select#form-field-transport_type{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
  padding-right: 18px !important;
}

/* 2. Убираем стрелку Elementor справа */
.elementor-field-group-transport_type .select-caret-down-wrapper,
.elementor-field-group-transport_type .elementor-select-wrapper .select-caret-down-wrapper{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}





.spk-fura-page{
  --spk-blue:#0c3f73;
  --spk-blue-2:#0f5fa8;
  --spk-blue-3:#1594d1;
  --spk-accent:#ffb938;
  --spk-accent-2:#ffca5c;
  --spk-text:#1e293b;
  --spk-text-2:#5f728b;
  --spk-line:#dbe6f2;
  --spk-bg:#f5f9fc;
  --spk-white:#ffffff;
  --spk-shadow:0 20px 50px rgba(6,31,59,0.10);
  --spk-shadow-2:0 24px 60px rgba(6,31,59,0.14);
}

.spk-fura-page *{
  box-sizing:border-box;
}

.spk-fura-container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  padding:0;
}

.spk-fura-head{
  max-width:760px;
  margin:0 0 38px;
}

.spk-fura-head--center{
  max-width:760px;
  margin:0 auto 40px;
  text-align:center;
}

.spk-fura-head__badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(15,95,168,0.08);
  color:#0f5fa8;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}

.spk-fura-head__title{
  margin:0 0 16px;
  font-size:clamp(30px,4vw,46px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:var(--spk-text);
}

.spk-fura-head__text{
  margin:0;
  font-size:18px;
  line-height:1.68;
  color:var(--spk-text-2);
}

/* HERO */

.spk-fura-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--gt-header-offset-desktop, 116px) + 34px) 0 72px;
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at top right, rgba(255,185,56,0.16), transparent 28%),
    linear-gradient(135deg, #0c3f73 0%, #0f5fa8 55%, #1594d1 100%);
}

.spk-fura-hero__wrap{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(360px, 0.9fr);
  gap:34px;
  align-items:center;
}

.spk-fura-hero__content{
  color:#ffffff;
}

.spk-fura-hero__badge{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.18);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:18px;
  backdrop-filter:blur(8px);
}

.spk-fura-hero__title{
  margin:0 0 18px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#fff;
}

.spk-fura-hero__text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,0.92);
}

.spk-fura-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:28px;
}

.spk-fura-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:14px 24px;
  border-radius:14px;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  transition:all 0.25s ease;
}

.spk-fura-hero__btn--accent{
  background:var(--spk-accent);
  color:#0f2f57;
  box-shadow:0 12px 28px rgba(255,185,56,0.28);
}

.spk-fura-hero__btn--accent:hover{
  transform:translateY(-2px);
  background:var(--spk-accent-2);
  color:#0f2f57;
}

.spk-fura-hero__btn--light{
  background:rgba(255,255,255,0.12);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(8px);
}

.spk-fura-hero__btn--light:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.18);
  color:#ffffff;
}

.spk-fura-hero__features{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.spk-fura-hero__feature{
  padding:10px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.spk-fura-hero__card{
  position:relative;
}

.spk-fura-hero__card-inner{
  background:rgba(255,255,255,0.96);
  border-radius:24px;
  padding:28px;
  box-shadow:0 20px 50px rgba(6,31,59,0.22);
}

.spk-fura-hero__card-label{
  display:inline-block;
  margin-bottom:18px;
  padding:8px 14px;
  border-radius:999px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
}

.spk-fura-hero__list{
  display:grid;
  gap:12px;
}

.spk-fura-hero__list-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid #e8eef4;
}

.spk-fura-hero__list-item:last-child{
  border-bottom:none;
}

.spk-fura-hero__list-item span{
  color:#27425d;
  font-size:15px;
  line-height:1.4;
}

.spk-fura-hero__list-item strong{
  flex-shrink:0;
  color:#0d3f73;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  text-align:right;
}

.spk-fura-hero__note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:16px;
  background:#f5f9fc;
  color:#4c647a;
  font-size:14px;
  line-height:1.55;
}

/* CALC */

.spk-fura-calc-section{
  padding:96px 0;
  background:#f7fbff;
}

.spk-fura-calc-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
  margin-bottom:28px;
}

.spk-fura-calc-top__content{
  flex:1 1 58%;
  max-width:760px;
}

.spk-fura-calc-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.spk-fura-calc-title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  color:#1E293B;
}

.spk-fura-calc-text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:#5d6d8c;
}

.spk-fura-calc-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}

.spk-fura-calc-feature{
  position:relative;
  padding:16px 18px 16px 44px;
  background:#fff;
  border:1px solid #dbe5f3;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(13,27,61,.05);
  font-size:15px;
  font-weight:700;
  color:#22304f;
}

.spk-fura-calc-feature:before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#1d62d8;
  box-shadow:0 0 0 6px rgba(29,98,216,.12);
}

.spk-fura-calc-top__image{
  flex:0 0 440px;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  margin-top:80px;
}

.spk-fura-calc-top__image img{
  width:100%;
  max-width:470px;
  height:auto;
  display:block;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.16));
}

.spk-fura-calc-form-wrap{
  width:100%;
}

.spk-fura-calc-form{
  padding:0;
  border-radius:24px;
}

/* CARDS */

.spk-fura-cards{
  padding:96px 0;
  background:#ffffff;
}

.spk-fura-cards__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.spk-fura-card{
  display:flex;
  flex-direction:column;
  border-radius:28px;
  overflow:hidden;
  text-decoration:none;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 18px 45px rgba(11,34,79,.08);
  transition:transform .38s ease, box-shadow .38s ease, border-color .38s ease;
}

.spk-fura-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(11,34,79,.14);
  border-color:rgba(18,76,170,.16);
}

.spk-fura-card__media{
  position:relative;
  height:220px;
  overflow:hidden;
  background:#dfe8f6;
}

.spk-fura-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}

.spk-fura-card:hover .spk-fura-card__media img{
  transform:scale(1.08);
}

.spk-fura-card__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(13,54,130,.10) 0%, rgba(8,35,86,.42) 100%);
}

.spk-fura-card__num{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  min-width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(6,31,59,0.10);
}

.spk-fura-card__body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:28px 28px 24px;
  background:#ffffff;
}

.spk-fura-card__title{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#16304f;
}

.spk-fura-card__text{
  margin:0;
  font-size:16px;
  line-height:1.68;
  color:#62758f;
}

.spk-fura-card__bottom{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:24px;
}

.spk-fura-card__bottom span{
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.03em;
  color:#0f5fa8;
}

/* PROCESS */

.spk-fura-process{
  padding:96px 0;
  background:#f7fbff;
}

.spk-fura-process__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.spk-fura-step{
  min-height:240px;
  padding:26px 24px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid rgba(15,95,168,0.10);
  box-shadow:0 14px 34px rgba(6,31,59,0.06);
}

.spk-fura-step__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin-bottom:18px;
  border-radius:14px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
}

.spk-fura-step__title{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  color:#1f3147;
}

.spk-fura-step__text{
  margin:0;
  font-size:15px;
  line-height:1.68;
  color:#62758f;
}

/* LAPTOP */

@media (max-width: 1360px){

  .spk-fura-hero__wrap{
    width:min(1280px, calc(100% - 40px));
    grid-template-columns:minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap:28px;
  }

  .spk-fura-hero__title{
    font-size:clamp(42px, 4.8vw, 56px);
  }

  .spk-fura-calc-top{
    gap:24px;
  }

  .spk-fura-calc-top__image{
    flex:0 0 390px;
    margin-top:40px;
  }

  .spk-fura-card__title{
    font-size:26px;
  }

  .spk-fura-card__body{
    padding:24px 22px 22px;
  }
}

/* TABLET */

@media (max-width: 1024px){

  .spk-fura-container{
    width:min(1280px, calc(100% - 32px));
  }

  .spk-fura-hero{
    padding:calc(var(--gt-header-offset-tablet, 96px) + 22px) 0 52px;
    border-radius:0 0 24px 24px;
  }

  .spk-fura-hero__wrap{
    width:min(1280px, calc(100% - 32px));
    grid-template-columns:1fr;
    gap:20px;
    align-items:start;
  }

  .spk-fura-hero__content{
    max-width:100%;
  }

  .spk-fura-hero__title{
    max-width:820px;
    margin-bottom:16px;
    font-size:clamp(38px, 6vw, 52px);
    line-height:1.04;
  }

  .spk-fura-hero__text{
    max-width:100%;
    margin-bottom:24px;
    font-size:16px;
    line-height:1.62;
  }

  .spk-fura-hero__actions{
    gap:12px;
    margin-bottom:20px;
  }

  .spk-fura-hero__btn{
    min-height:52px;
    padding:13px 20px;
    font-size:15px;
  }

  .spk-fura-hero__features{
    gap:10px;
  }

  .spk-fura-hero__feature{
    font-size:13px;
    padding:10px 12px;
  }

  .spk-fura-hero__card{
    width:100%;
  }

  .spk-fura-hero__card-inner{
    padding:22px 20px;
    border-radius:22px;
  }

  .spk-fura-calc-section,
  .spk-fura-cards,
  .spk-fura-process,
  .cargo-final-cta{
    padding:76px 0;
  }

  .spk-fura-calc-top{
    flex-direction:column;
    gap:22px;
    margin-bottom:24px;
  }

  .spk-fura-calc-top__content{
    max-width:100%;
  }

  .spk-fura-calc-title{
    font-size:38px;
    line-height:1.08;
  }

  .spk-fura-calc-text{
    max-width:100%;
    font-size:16px;
    line-height:1.62;
  }

  .spk-fura-calc-top__image{
    flex:none;
    width:100%;
    margin-top:0;
    justify-content:center;
  }

  .spk-fura-calc-top__image img{
    max-width:520px;
  }

  .spk-fura-calc-features{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
  }

  .spk-fura-calc-feature{
    min-height:64px;
    padding:14px 16px 14px 42px;
    font-size:14px;
    line-height:1.35;
  }

  .spk-fura-cards__grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .spk-fura-card{
    border-radius:24px;
  }

  .spk-fura-card__media{
    height:240px;
  }

  .spk-fura-card__body{
    padding:24px 22px 22px;
  }

  .spk-fura-card__title{
    font-size:32px;
    line-height:1.05;
  }

  .spk-fura-card__text{
    font-size:15px;
    line-height:1.62;
  }

  .spk-fura-process__grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
  }

  .spk-fura-step{
    min-height:auto;
    padding:22px 20px;
  }

  .spk-fura-step__title{
    font-size:22px;
  }
}

/* MOBILE */

@media (max-width: 767px){

  .spk-fura-container{
    width:min(1280px, calc(100% - 40px));
  }

  .spk-fura-head{
    margin-bottom:28px;
  }

  .spk-fura-head__badge{
    padding:8px 14px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-fura-hero{
    padding:calc(var(--gt-header-offset-mobile, 86px) + 14px) 0 34px;
    border-radius:0 0 18px 18px;
  }

  .spk-fura-hero__wrap{
    width:min(1280px, calc(100% - 40px));
    grid-template-columns:1fr;
    gap:16px;
  }

  .spk-fura-hero__badge{
    min-height:34px;
    padding:7px 12px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-fura-hero__title{
    margin:0 0 14px;
    font-size:37px;
    line-height:1.14;
    letter-spacing:-0.02em;
    max-width:100%;
  }

  .spk-fura-hero__text{
    margin:0 0 18px;
    font-size:14px;
    line-height:1.55;
  }

  .spk-fura-hero__actions{
    flex-direction:column;
    gap:10px;
    margin-bottom:16px;
  }

  .spk-fura-hero__btn{
    width:100%;
    min-height:50px;
    padding:12px 16px;
    font-size:15px;
    border-radius:12px;
  }

  .spk-fura-hero__features{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  .spk-fura-hero__feature{
    width:100%;
    font-size:12px;
    padding:9px 12px;
    border-radius:10px;
  }

  .spk-fura-hero__card-inner{
    padding:18px 16px;
    border-radius:18px;
  }

  .spk-fura-hero__card-label{
    margin-bottom:14px;
    padding:7px 12px;
    font-size:12px;
  }

  .spk-fura-hero__list{
    gap:8px;
  }

  .spk-fura-hero__list-item{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
    padding:12px 0;
  }

  .spk-fura-hero__list-item span,
  .spk-fura-hero__list-item strong{
    font-size:14px;
    line-height:1.4;
    text-align:left;
  }

  .spk-fura-hero__note{
    margin-top:14px;
    padding:14px;
    border-radius:14px;
    font-size:13px;
    line-height:1.5;
  }

  .spk-fura-calc-section,
  .spk-fura-cards,
  .spk-fura-process,
  .cargo-final-cta{
    padding:72px 0;
  }

  .spk-fura-head__title,
  .spk-fura-calc-title{
    font-size:32px;
    line-height:1.08;
  }

  .spk-fura-head__text,
  .spk-fura-calc-text{
    font-size:15px;
    line-height:1.6;
  }

  .spk-fura-calc-top{
    gap:18px;
    margin-bottom:22px;
  }

  .spk-fura-calc-features{
    grid-template-columns:1fr;
    gap:10px;
  }

  .spk-fura-calc-feature{
    min-height:auto;
    padding:14px 14px 14px 40px;
    font-size:14px;
  }

  .spk-fura-calc-top__image{
    margin-top:0;
  }

  .spk-fura-calc-top__image img{
    max-width:100%;
  }

  .spk-fura-card{
    border-radius:22px;
  }

  .spk-fura-card__media{
    height:200px;
  }

  .spk-fura-card__body{
    padding:22px 22px 20px;
  }

  .spk-fura-card__title{
    font-size:28px;
  }

  .spk-fura-process__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .spk-fura-step{
    min-height:auto;
    padding:22px 18px;
    border-radius:18px;
  }

  .spk-fura-step__title{
    font-size:22px;
  }
}

@media (max-width: 420px){

  .spk-fura-container{
    width:min(1280px, calc(100% - 34px));
  }

  .spk-fura-hero__wrap{
    width:min(1280px, calc(100% - 34px));
  }

  .spk-fura-hero__title{
    font-size:34px;
  }

  .spk-fura-head__title,
  .spk-fura-calc-title{
    font-size:30px;
  }

  .spk-fura-card__title{
    font-size:26px;
  }
}





.spk-negabarit-page{
  --spk-blue:#0c3f73;
  --spk-blue-2:#0f5fa8;
  --spk-blue-3:#1594d1;
  --spk-accent:#ffb938;
  --spk-accent-2:#ffca5c;
  --spk-text:#1e293b;
  --spk-text-2:#5f728b;
  --spk-line:#dbe6f2;
  --spk-bg:#f5f9fc;
  --spk-white:#ffffff;
  --spk-shadow:0 20px 50px rgba(6,31,59,0.10);
  --spk-shadow-2:0 24px 60px rgba(6,31,59,0.14);
}

.spk-negabarit-page *{
  box-sizing:border-box;
}

.spk-negabarit-container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  padding:0;
}

.spk-negabarit-head{
  max-width:760px;
  margin:0 0 38px;
}

.spk-negabarit-head--center{
  max-width:760px;
  margin:0 auto 40px;
  text-align:center;
}

.spk-negabarit-head__badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(15,95,168,0.08);
  color:#0f5fa8;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}

.spk-negabarit-head__title{
  margin:0 0 16px;
  font-size:clamp(30px,4vw,46px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:var(--spk-text);
}

.spk-negabarit-head__text{
  margin:0;
  font-size:18px;
  line-height:1.68;
  color:var(--spk-text-2);
}

/* HERO */

.spk-negabarit-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--gt-header-offset-desktop, 116px) + 34px) 0 72px;
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at top right, rgba(255,185,56,0.16), transparent 28%),
    linear-gradient(135deg, #0c3f73 0%, #0f5fa8 55%, #1594d1 100%);
}

.spk-negabarit-hero__wrap{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(360px, 0.9fr);
  gap:34px;
  align-items:center;
}

.spk-negabarit-hero__content{
  color:#ffffff;
}

.spk-negabarit-hero__badge{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.18);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:18px;
  backdrop-filter:blur(8px);
}

.spk-negabarit-hero__title{
  margin:0 0 18px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#fff;
}

.spk-negabarit-hero__text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,0.92);
}

.spk-negabarit-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:28px;
}

.spk-negabarit-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:14px 24px;
  border-radius:14px;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  transition:all 0.25s ease;
}

.spk-negabarit-hero__btn--accent{
  background:var(--spk-accent);
  color:#0f2f57;
  box-shadow:0 12px 28px rgba(255,185,56,0.28);
}

.spk-negabarit-hero__btn--accent:hover{
  transform:translateY(-2px);
  background:var(--spk-accent-2);
  color:#0f2f57;
}

.spk-negabarit-hero__btn--light{
  background:rgba(255,255,255,0.12);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(8px);
}

.spk-negabarit-hero__btn--light:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.18);
  color:#ffffff;
}

.spk-negabarit-hero__features{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.spk-negabarit-hero__feature{
  padding:10px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.spk-negabarit-hero__card{
  position:relative;
}

.spk-negabarit-hero__card-inner{
  background:rgba(255,255,255,0.96);
  border-radius:24px;
  padding:28px;
  box-shadow:0 20px 50px rgba(6,31,59,0.22);
}

.spk-negabarit-hero__card-label{
  display:inline-block;
  margin-bottom:18px;
  padding:8px 14px;
  border-radius:999px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
}

.spk-negabarit-hero__list{
  display:grid;
  gap:12px;
}

.spk-negabarit-hero__list-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid #e8eef4;
}

.spk-negabarit-hero__list-item:last-child{
  border-bottom:none;
}

.spk-negabarit-hero__list-item span{
  color:#27425d;
  font-size:15px;
  line-height:1.4;
}

.spk-negabarit-hero__list-item strong{
  flex-shrink:0;
  color:#0d3f73;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  text-align:right;
}

.spk-negabarit-hero__note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:16px;
  background:#f5f9fc;
  color:#4c647a;
  font-size:14px;
  line-height:1.55;
}

/* CALC */

.spk-negabarit-calc-section{
  padding:96px 0;
  background:#f7fbff;
}

.spk-negabarit-calc-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
  margin-bottom:28px;
}

.spk-negabarit-calc-top__content{
  flex:1 1 58%;
  max-width:760px;
}

.spk-negabarit-calc-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.spk-negabarit-calc-title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  color:#1E293B;
}

.spk-negabarit-calc-text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:#5d6d8c;
}

.spk-negabarit-calc-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}

.spk-negabarit-calc-feature{
  position:relative;
  padding:16px 18px 16px 44px;
  background:#fff;
  border:1px solid #dbe5f3;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(13,27,61,.05);
  font-size:15px;
  font-weight:700;
  color:#22304f;
}

.spk-negabarit-calc-feature:before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#1d62d8;
  box-shadow:0 0 0 6px rgba(29,98,216,.12);
}

.spk-negabarit-calc-top__image{
  flex:0 0 440px;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  margin-top:80px;
}

.spk-negabarit-calc-top__image img{
  width:100%;
  max-width:470px;
  height:auto;
  display:block;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.16));
}

.spk-negabarit-calc-form-wrap{
  width:100%;
}

.spk-negabarit-calc-form{
  padding:0;
  border-radius:24px;
}

/* CARDS */

.spk-negabarit-cards{
  padding:96px 0;
  background:#ffffff;
}

.spk-negabarit-cards__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.spk-negabarit-card{
  display:flex;
  flex-direction:column;
  border-radius:28px;
  overflow:hidden;
  text-decoration:none;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 18px 45px rgba(11,34,79,.08);
  transition:transform .38s ease, box-shadow .38s ease, border-color .38s ease;
}

.spk-negabarit-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(11,34,79,.14);
  border-color:rgba(18,76,170,.16);
}

.spk-negabarit-card__media{
  position:relative;
  height:220px;
  overflow:hidden;
  background:#dfe8f6;
}

.spk-negabarit-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}

.spk-negabarit-card:hover .spk-negabarit-card__media img{
  transform:scale(1.08);
}

.spk-negabarit-card__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(13,54,130,.10) 0%, rgba(8,35,86,.42) 100%);
}

.spk-negabarit-card__num{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  min-width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(6,31,59,0.10);
}

.spk-negabarit-card__body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:28px 28px 24px;
  background:#ffffff;
}

.spk-negabarit-card__title{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#16304f;
}

.spk-negabarit-card__text{
  margin:0;
  font-size:16px;
  line-height:1.68;
  color:#62758f;
}

.spk-negabarit-card__bottom{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:24px;
}

.spk-negabarit-card__bottom span{
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.03em;
  color:#0f5fa8;
}

/* PROCESS */

.spk-negabarit-process{
  padding:96px 0;
  background:#f7fbff;
}

.spk-negabarit-process__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.spk-negabarit-step{
  min-height:240px;
  padding:26px 24px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid rgba(15,95,168,0.10);
  box-shadow:0 14px 34px rgba(6,31,59,0.06);
}

.spk-negabarit-step__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin-bottom:18px;
  border-radius:14px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
}

.spk-negabarit-step__title{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  color:#1f3147;
}

.spk-negabarit-step__text{
  margin:0;
  font-size:15px;
  line-height:1.68;
  color:#62758f;
}

/* LAPTOP */

@media (max-width: 1360px){
  .spk-negabarit-hero__title{
    font-size:clamp(42px, 4.8vw, 56px);
  }

  .spk-negabarit-calc-top{
    gap:24px;
  }

  .spk-negabarit-calc-top__image{
    flex:0 0 390px;
    margin-top:40px;
  }

  .spk-negabarit-card__title{
    font-size:26px;
  }

  .spk-negabarit-card__body{
    padding:24px 22px 22px;
  }
}

/* TABLET */

@media (max-width: 1024px){
  .spk-negabarit-container{
    width:min(1280px, calc(100% - 32px));
  }

  .spk-negabarit-hero{
    padding:calc(var(--gt-header-offset-tablet, 96px) + 22px) 0 52px;
    border-radius:0 0 24px 24px;
  }

  .spk-negabarit-hero__wrap{
    width:min(1280px, calc(100% - 32px));
    grid-template-columns:1fr;
    gap:20px;
    align-items:start;
  }

  .spk-negabarit-hero__content{
    max-width:100%;
  }

  .spk-negabarit-hero__title{
    max-width:820px;
    margin-bottom:16px;
    font-size:clamp(38px, 6vw, 52px);
    line-height:1.04;
  }

  .spk-negabarit-hero__text{
    max-width:100%;
    margin-bottom:24px;
    font-size:16px;
    line-height:1.62;
  }

  .spk-negabarit-hero__actions{
    gap:12px;
    margin-bottom:20px;
  }

  .spk-negabarit-hero__btn{
    min-height:52px;
    padding:13px 20px;
    font-size:15px;
  }

  .spk-negabarit-hero__features{
    gap:10px;
  }

  .spk-negabarit-hero__feature{
    font-size:13px;
    padding:10px 12px;
  }

  .spk-negabarit-hero__card-inner{
    padding:22px 20px;
    border-radius:22px;
  }

  .spk-negabarit-calc-section,
  .spk-negabarit-cards,
  .spk-negabarit-process,
  .cargo-final-cta{
    padding:76px 0;
  }

  .spk-negabarit-calc-top{
    flex-direction:column;
    gap:22px;
    margin-bottom:24px;
  }

  .spk-negabarit-calc-top__content{
    max-width:100%;
  }

  .spk-negabarit-calc-title{
    font-size:38px;
    line-height:1.08;
  }

  .spk-negabarit-calc-text{
    max-width:100%;
    font-size:16px;
    line-height:1.62;
  }

  .spk-negabarit-calc-top__image{
    flex:none;
    width:100%;
    margin-top:0;
    justify-content:center;
  }

  .spk-negabarit-calc-top__image img{
    max-width:520px;
  }

  .spk-negabarit-calc-features{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
  }

  .spk-negabarit-calc-feature{
    min-height:64px;
    padding:14px 16px 14px 42px;
    font-size:14px;
    line-height:1.35;
  }

  .spk-negabarit-cards__grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .spk-negabarit-card{
    border-radius:24px;
  }

  .spk-negabarit-card__media{
    height:240px;
  }

  .spk-negabarit-card__body{
    padding:24px 22px 22px;
  }

  .spk-negabarit-card__title{
    font-size:32px;
    line-height:1.05;
  }

  .spk-negabarit-card__text{
    font-size:15px;
    line-height:1.62;
  }

  .spk-negabarit-process__grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
  }

  .spk-negabarit-step{
    min-height:auto;
    padding:22px 20px;
  }

  .spk-negabarit-step__title{
    font-size:22px;
  }
}

/* MOBILE */

@media (max-width: 767px){
  .spk-negabarit-container{
    width:min(1280px, calc(100% - 40px));
  }

  .spk-negabarit-head{
    margin-bottom:28px;
  }

  .spk-negabarit-head__badge{
    padding:8px 14px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-negabarit-hero{
    padding:calc(var(--gt-header-offset-mobile, 86px) + 14px) 0 34px;
    border-radius:0 0 18px 18px;
  }

  .spk-negabarit-hero__wrap{
    width:min(1280px, calc(100% - 40px));
    grid-template-columns:1fr;
    gap:16px;
  }

  .spk-negabarit-hero__badge{
    min-height:34px;
    padding:7px 12px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-negabarit-hero__title{
    margin:0 0 14px;
    font-size:37px;
    line-height:1.14;
    letter-spacing:-0.02em;
    max-width:100%;
  }

  .spk-negabarit-hero__text{
    margin:0 0 18px;
    font-size:14px;
    line-height:1.55;
  }

  .spk-negabarit-hero__actions{
    flex-direction:column;
    gap:10px;
    margin-bottom:16px;
  }

  .spk-negabarit-hero__btn{
    width:100%;
    min-height:50px;
    padding:12px 16px;
    font-size:15px;
    border-radius:12px;
  }

  .spk-negabarit-hero__features{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  .spk-negabarit-hero__feature{
    width:100%;
    font-size:12px;
    padding:9px 12px;
    border-radius:10px;
  }

  .spk-negabarit-hero__card-inner{
    padding:18px 16px;
    border-radius:18px;
  }

  .spk-negabarit-hero__card-label{
    margin-bottom:14px;
    padding:7px 12px;
    font-size:12px;
  }

  .spk-negabarit-hero__list{
    gap:8px;
  }

  .spk-negabarit-hero__list-item{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
    padding:12px 0;
  }

  .spk-negabarit-hero__list-item span,
  .spk-negabarit-hero__list-item strong{
    font-size:14px;
    line-height:1.4;
    text-align:left;
  }

  .spk-negabarit-hero__note{
    margin-top:14px;
    padding:14px;
    border-radius:14px;
    font-size:13px;
    line-height:1.5;
  }

  .spk-negabarit-calc-section,
  .spk-negabarit-cards,
  .spk-negabarit-process,
  .cargo-final-cta{
    padding:72px 0;
  }

  .spk-negabarit-head__title,
  .spk-negabarit-calc-title{
    font-size:32px;
    line-height:1.08;
  }

  .spk-negabarit-head__text,
  .spk-negabarit-calc-text{
    font-size:15px;
    line-height:1.6;
  }

  .spk-negabarit-calc-top{
    gap:18px;
    margin-bottom:22px;
  }

  .spk-negabarit-calc-features{
    grid-template-columns:1fr;
    gap:10px;
  }

  .spk-negabarit-calc-feature{
    min-height:auto;
    padding:14px 14px 14px 40px;
    font-size:14px;
  }

  .spk-negabarit-calc-top__image{
    margin-top:0;
  }

  .spk-negabarit-calc-top__image img{
    max-width:100%;
  }

  .spk-negabarit-card{
    border-radius:22px;
  }

  .spk-negabarit-card__media{
    height:200px;
  }

  .spk-negabarit-card__body{
    padding:22px 22px 20px;
  }

  .spk-negabarit-card__title{
    font-size:28px;
  }

  .spk-negabarit-process__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .spk-negabarit-step{
    min-height:auto;
    padding:22px 18px;
    border-radius:18px;
  }

  .spk-negabarit-step__title{
    font-size:22px;
  }
}

@media (max-width: 420px){
  .spk-negabarit-container{
    width:min(1280px, calc(100% - 28px));
  }

  .spk-negabarit-hero__wrap{
    width:min(1280px, calc(100% - 28px));
  }

  .spk-negabarit-hero__title{
    font-size:34px;
  }

  .spk-negabarit-head__title,
  .spk-negabarit-calc-title{
    font-size:30px;
  }

  .spk-negabarit-card__title{
    font-size:26px;
  }
}







.spk-container-page{
  --spk-blue:#0c3f73;
  --spk-blue-2:#0f5fa8;
  --spk-blue-3:#1594d1;
  --spk-accent:#ffb938;
  --spk-accent-2:#ffca5c;
  --spk-text:#1e293b;
  --spk-text-2:#5f728b;
  --spk-line:#dbe6f2;
  --spk-bg:#f5f9fc;
  --spk-white:#ffffff;
  --spk-shadow:0 20px 50px rgba(6,31,59,0.10);
  --spk-shadow-2:0 24px 60px rgba(6,31,59,0.14);
}

.spk-container-page *{
  box-sizing:border-box;
}

.spk-container-container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  padding:0;
}

.spk-container-head{
  max-width:760px;
  margin:0 0 38px;
}

.spk-container-head--center{
  max-width:760px;
  margin:0 auto 40px;
  text-align:center;
}

.spk-container-head__badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(15,95,168,0.08);
  color:#0f5fa8;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}

.spk-container-head__title{
  margin:0 0 16px;
  font-size:clamp(30px,4vw,46px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:var(--spk-text);
}

.spk-container-head__text{
  margin:0;
  font-size:18px;
  line-height:1.68;
  color:var(--spk-text-2);
}

/* HERO */

.spk-container-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--gt-header-offset-desktop, 116px) + 34px) 0 72px;
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at top right, rgba(255,185,56,0.16), transparent 28%),
    linear-gradient(135deg, #0c3f73 0%, #0f5fa8 55%, #1594d1 100%);
}

.spk-container-hero__wrap{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(360px, 0.9fr);
  gap:34px;
  align-items:center;
}

.spk-container-hero__content{
  color:#ffffff;
}

.spk-container-hero__badge{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.18);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:18px;
  backdrop-filter:blur(8px);
}

.spk-container-hero__title{
  margin:0 0 18px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#fff;
}

.spk-container-hero__text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,0.92);
}

.spk-container-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:28px;
}

.spk-container-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:14px 24px;
  border-radius:14px;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  transition:all 0.25s ease;
}

.spk-container-hero__btn--accent{
  background:var(--spk-accent);
  color:#0f2f57;
  box-shadow:0 12px 28px rgba(255,185,56,0.28);
}

.spk-container-hero__btn--accent:hover{
  transform:translateY(-2px);
  background:var(--spk-accent-2);
  color:#0f2f57;
}

.spk-container-hero__btn--light{
  background:rgba(255,255,255,0.12);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(8px);
}

.spk-container-hero__btn--light:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.18);
  color:#ffffff;
}

.spk-container-hero__features{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.spk-container-hero__feature{
  padding:10px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.spk-container-hero__card{
  position:relative;
}

.spk-container-hero__card-inner{
  background:rgba(255,255,255,0.96);
  border-radius:24px;
  padding:28px;
  box-shadow:0 20px 50px rgba(6,31,59,0.22);
}

.spk-container-hero__card-label{
  display:inline-block;
  margin-bottom:18px;
  padding:8px 14px;
  border-radius:999px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
}

.spk-container-hero__list{
  display:grid;
  gap:12px;
}

.spk-container-hero__list-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid #e8eef4;
}

.spk-container-hero__list-item:last-child{
  border-bottom:none;
}

.spk-container-hero__list-item span{
  color:#27425d;
  font-size:15px;
  line-height:1.4;
}

.spk-container-hero__list-item strong{
  flex-shrink:0;
  color:#0d3f73;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  text-align:right;
}

.spk-container-hero__note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:16px;
  background:#f5f9fc;
  color:#4c647a;
  font-size:14px;
  line-height:1.55;
}

/* CALC */

.spk-container-calc-section{
  padding:96px 0;
  background:#f7fbff;
}

.spk-container-calc-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
  margin-bottom:28px;
}

.spk-container-calc-top__content{
  flex:1 1 58%;
  max-width:760px;
}

.spk-container-calc-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.spk-container-calc-title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  color:#1E293B;
}

.spk-container-calc-text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:#5d6d8c;
}

.spk-container-calc-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}

.spk-container-calc-feature{
  position:relative;
  padding:16px 18px 16px 44px;
  background:#fff;
  border:1px solid #dbe5f3;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(13,27,61,.05);
  font-size:15px;
  font-weight:700;
  color:#22304f;
}

.spk-container-calc-feature:before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#1d62d8;
  box-shadow:0 0 0 6px rgba(29,98,216,.12);
}

.spk-container-calc-top__image{
  flex:0 0 440px;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  margin-top:80px;
}

.spk-container-calc-top__image img{
  width:100%;
  max-width:470px;
  height:auto;
  display:block;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.16));
}

.spk-container-calc-form-wrap{
  width:100%;
}

.spk-container-calc-form{
  padding:0;
  border-radius:24px;
}

/* CARDS */

.spk-container-cards{
  padding:96px 0;
  background:#ffffff;
}

.spk-container-cards__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.spk-container-card{
  display:flex;
  flex-direction:column;
  border-radius:28px;
  overflow:hidden;
  text-decoration:none;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 18px 45px rgba(11,34,79,.08);
  transition:transform .38s ease, box-shadow .38s ease, border-color .38s ease;
}

.spk-container-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(11,34,79,.14);
  border-color:rgba(18,76,170,.16);
}

.spk-container-card__media{
  position:relative;
  height:220px;
  overflow:hidden;
  background:#dfe8f6;
}

.spk-container-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}

.spk-container-card:hover .spk-container-card__media img{
  transform:scale(1.08);
}

.spk-container-card__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(13,54,130,.10) 0%, rgba(8,35,86,.42) 100%);
}

.spk-container-card__num{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  min-width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(6,31,59,0.10);
}

.spk-container-card__body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:28px 28px 24px;
  background:#ffffff;
}

.spk-container-card__title{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#16304f;
}

.spk-container-card__text{
  margin:0;
  font-size:16px;
  line-height:1.68;
  color:#62758f;
}

.spk-container-card__bottom{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:24px;
}

.spk-container-card__bottom span{
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.03em;
  color:#0f5fa8;
}

/* PROCESS */

.spk-container-process{
  padding:96px 0;
  background:#f7fbff;
}

.spk-container-process__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.spk-container-step{
  min-height:240px;
  padding:26px 24px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid rgba(15,95,168,0.10);
  box-shadow:0 14px 34px rgba(6,31,59,0.06);
}

.spk-container-step__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin-bottom:18px;
  border-radius:14px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
}

.spk-container-step__title{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  color:#1f3147;
}

.spk-container-step__text{
  margin:0;
  font-size:15px;
  line-height:1.68;
  color:#62758f;
}

/* LAPTOP */

@media (max-width: 1360px){
  .spk-container-hero__title{
    font-size:clamp(42px, 4.8vw, 56px);
  }

  .spk-container-calc-top{
    gap:24px;
  }

  .spk-container-calc-top__image{
    flex:0 0 390px;
    margin-top:40px;
  }

  .spk-container-card__title{
    font-size:26px;
  }

  .spk-container-card__body{
    padding:24px 22px 22px;
  }
}

/* TABLET */

@media (max-width: 1024px){
  .spk-container-container{
    width:min(1280px, calc(100% - 32px));
  }

  .spk-container-hero{
    padding:calc(var(--gt-header-offset-tablet, 96px) + 22px) 0 52px;
    border-radius:0 0 24px 24px;
  }

  .spk-container-hero__wrap{
    width:min(1280px, calc(100% - 32px));
    grid-template-columns:1fr;
    gap:20px;
    align-items:start;
  }

  .spk-container-hero__content{
    max-width:100%;
  }

  .spk-container-hero__title{
    max-width:820px;
    margin-bottom:16px;
    font-size:clamp(38px, 6vw, 52px);
    line-height:1.04;
  }

  .spk-container-hero__text{
    max-width:100%;
    margin-bottom:24px;
    font-size:16px;
    line-height:1.62;
  }

  .spk-container-hero__actions{
    gap:12px;
    margin-bottom:20px;
  }

  .spk-container-hero__btn{
    min-height:52px;
    padding:13px 20px;
    font-size:15px;
  }

  .spk-container-hero__features{
    gap:10px;
  }

  .spk-container-hero__feature{
    font-size:13px;
    padding:10px 12px;
  }

  .spk-container-hero__card-inner{
    padding:22px 20px;
    border-radius:22px;
  }

  .spk-container-calc-section,
  .spk-container-cards,
  .spk-container-process,
  .cargo-final-cta{
    padding:76px 0;
  }

  .spk-container-calc-top{
    flex-direction:column;
    gap:22px;
    margin-bottom:24px;
  }

  .spk-container-calc-top__content{
    max-width:100%;
  }

  .spk-container-calc-title{
    font-size:38px;
    line-height:1.08;
  }

  .spk-container-calc-text{
    max-width:100%;
    font-size:16px;
    line-height:1.62;
  }

  .spk-container-calc-top__image{
    flex:none;
    width:100%;
    margin-top:0;
    justify-content:center;
  }

  .spk-container-calc-top__image img{
    max-width:520px;
  }

  .spk-container-calc-features{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
  }

  .spk-container-calc-feature{
    min-height:64px;
    padding:14px 16px 14px 42px;
    font-size:14px;
    line-height:1.35;
  }

  .spk-container-cards__grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .spk-container-card{
    border-radius:24px;
  }

  .spk-container-card__media{
    height:240px;
  }

  .spk-container-card__body{
    padding:24px 22px 22px;
  }

  .spk-container-card__title{
    font-size:32px;
    line-height:1.05;
  }

  .spk-container-card__text{
    font-size:15px;
    line-height:1.62;
  }

  .spk-container-process__grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
  }

  .spk-container-step{
    min-height:auto;
    padding:22px 20px;
  }

  .spk-container-step__title{
    font-size:22px;
  }
}

/* MOBILE */

@media (max-width: 767px){
  .spk-container-container{
    width:min(1280px, calc(100% - 40px));
  }

  .spk-container-head{
    margin-bottom:28px;
  }

  .spk-container-head__badge{
    padding:8px 14px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-container-hero{
    padding:calc(var(--gt-header-offset-mobile, 86px) + 14px) 0 34px;
    border-radius:0 0 18px 18px;
  }

  .spk-container-hero__wrap{
    width:min(1280px, calc(100% - 40px));
    grid-template-columns:1fr;
    gap:16px;
  }

  .spk-container-hero__badge{
    min-height:34px;
    padding:7px 12px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-container-hero__title{
    margin:0 0 14px;
    font-size:37px;
    line-height:1.14;
    letter-spacing:-0.02em;
    max-width:100%;
  }

  .spk-container-hero__text{
    margin:0 0 18px;
    font-size:14px;
    line-height:1.55;
  }

  .spk-container-hero__actions{
    flex-direction:column;
    gap:10px;
    margin-bottom:16px;
  }

  .spk-container-hero__btn{
    width:100%;
    min-height:50px;
    padding:12px 16px;
    font-size:15px;
    border-radius:12px;
  }

  .spk-container-hero__features{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  .spk-container-hero__feature{
    width:100%;
    font-size:12px;
    padding:9px 12px;
    border-radius:10px;
  }

  .spk-container-hero__card-inner{
    padding:18px 16px;
    border-radius:18px;
  }

  .spk-container-hero__card-label{
    margin-bottom:14px;
    padding:7px 12px;
    font-size:12px;
  }

  .spk-container-hero__list{
    gap:8px;
  }

  .spk-container-hero__list-item{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
    padding:12px 0;
  }

  .spk-container-hero__list-item span,
  .spk-container-hero__list-item strong{
    font-size:14px;
    line-height:1.4;
    text-align:left;
  }

  .spk-container-hero__note{
    margin-top:14px;
    padding:14px;
    border-radius:14px;
    font-size:13px;
    line-height:1.5;
  }

  .spk-container-calc-section,
  .spk-container-cards,
  .spk-container-process,
  .cargo-final-cta{
    padding:72px 0;
  }

  .spk-container-head__title,
  .spk-container-calc-title{
    font-size:32px;
    line-height:1.08;
  }

  .spk-container-head__text,
  .spk-container-calc-text{
    font-size:15px;
    line-height:1.6;
  }

  .spk-container-calc-top{
    gap:18px;
    margin-bottom:22px;
  }

  .spk-container-calc-features{
    grid-template-columns:1fr;
    gap:10px;
  }

  .spk-container-calc-feature{
    min-height:auto;
    padding:14px 14px 14px 40px;
    font-size:14px;
  }

  .spk-container-calc-top__image{
    margin-top:0;
  }

  .spk-container-calc-top__image img{
    max-width:100%;
  }

  .spk-container-card{
    border-radius:22px;
  }

  .spk-container-card__media{
    height:200px;
  }

  .spk-container-card__body{
    padding:22px 22px 20px;
  }

  .spk-container-card__title{
    font-size:28px;
  }

  .spk-container-process__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .spk-container-step{
    min-height:auto;
    padding:22px 18px;
    border-radius:18px;
  }

  .spk-container-step__title{
    font-size:22px;
  }
}

@media (max-width: 420px){
  .spk-container-container{
    width:min(1280px, calc(100% - 28px));
  }

  .spk-container-hero__wrap{
    width:min(1280px, calc(100% - 28px));
  }

  .spk-container-hero__title{
    font-size:34px;
  }

  .spk-container-head__title,
  .spk-container-calc-title{
    font-size:30px;
  }

  .spk-container-card__title{
    font-size:26px;
  }
}




.spk-ref-page{
  --spk-blue:#0c3f73;
  --spk-blue-2:#0f5fa8;
  --spk-blue-3:#1594d1;
  --spk-accent:#ffb938;
  --spk-accent-2:#ffca5c;
  --spk-text:#1e293b;
  --spk-text-2:#5f728b;
  --spk-line:#dbe6f2;
  --spk-bg:#f5f9fc;
  --spk-white:#ffffff;
  --spk-shadow:0 20px 50px rgba(6,31,59,0.10);
  --spk-shadow-2:0 24px 60px rgba(6,31,59,0.14);
}

.spk-ref-page *{
  box-sizing:border-box;
}

.spk-ref-container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  padding:0;
}

.spk-ref-head{
  max-width:760px;
  margin:0 0 38px;
}

.spk-ref-head--center{
  max-width:760px;
  margin:0 auto 40px;
  text-align:center;
}

.spk-ref-head__badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(15,95,168,0.08);
  color:#0f5fa8;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}

.spk-ref-head__title{
  margin:0 0 16px;
  font-size:clamp(30px,4vw,46px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:var(--spk-text);
}

.spk-ref-head__text{
  margin:0;
  font-size:18px;
  line-height:1.68;
  color:var(--spk-text-2);
}

/* HERO */

.spk-ref-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--gt-header-offset-desktop, 116px) + 34px) 0 72px;
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at top right, rgba(255,185,56,0.16), transparent 28%),
    linear-gradient(135deg, #0c3f73 0%, #0f5fa8 55%, #1594d1 100%);
}

.spk-ref-hero__wrap{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(360px, 0.9fr);
  gap:34px;
  align-items:center;
}

.spk-ref-hero__content{
  color:#ffffff;
}

.spk-ref-hero__badge{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.18);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:18px;
  backdrop-filter:blur(8px);
}

.spk-ref-hero__title{
  margin:0 0 18px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#fff;
}

.spk-ref-hero__text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,0.92);
}

.spk-ref-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:28px;
}

.spk-ref-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:14px 24px;
  border-radius:14px;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  transition:all 0.25s ease;
}

.spk-ref-hero__btn--accent{
  background:var(--spk-accent);
  color:#0f2f57;
  box-shadow:0 12px 28px rgba(255,185,56,0.28);
}

.spk-ref-hero__btn--accent:hover{
  transform:translateY(-2px);
  background:var(--spk-accent-2);
  color:#0f2f57;
}

.spk-ref-hero__btn--light{
  background:rgba(255,255,255,0.12);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(8px);
}

.spk-ref-hero__btn--light:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.18);
  color:#ffffff;
}

.spk-ref-hero__features{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.spk-ref-hero__feature{
  padding:10px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.spk-ref-hero__card{
  position:relative;
}

.spk-ref-hero__card-inner{
  background:rgba(255,255,255,0.96);
  border-radius:24px;
  padding:28px;
  box-shadow:0 20px 50px rgba(6,31,59,0.22);
}

.spk-ref-hero__card-label{
  display:inline-block;
  margin-bottom:18px;
  padding:8px 14px;
  border-radius:999px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
}

.spk-ref-hero__list{
  display:grid;
  gap:12px;
}

.spk-ref-hero__list-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid #e8eef4;
}

.spk-ref-hero__list-item:last-child{
  border-bottom:none;
}

.spk-ref-hero__list-item span{
  color:#27425d;
  font-size:15px;
  line-height:1.4;
}

.spk-ref-hero__list-item strong{
  flex-shrink:0;
  color:#0d3f73;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  text-align:right;
}

.spk-ref-hero__note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:16px;
  background:#f5f9fc;
  color:#4c647a;
  font-size:14px;
  line-height:1.55;
}

/* CALC */

.spk-ref-calc-section{
  padding:96px 0;
  background:#f7fbff;
}

.spk-ref-calc-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
  margin-bottom:28px;
}

.spk-ref-calc-top__content{
  flex:1 1 58%;
  max-width:760px;
}

.spk-ref-calc-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.spk-ref-calc-title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  color:#1E293B;
}

.spk-ref-calc-text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:#5d6d8c;
}

.spk-ref-calc-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}

.spk-ref-calc-feature{
  position:relative;
  padding:16px 18px 16px 44px;
  background:#fff;
  border:1px solid #dbe5f3;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(13,27,61,.05);
  font-size:15px;
  font-weight:700;
  color:#22304f;
}

.spk-ref-calc-feature:before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#1d62d8;
  box-shadow:0 0 0 6px rgba(29,98,216,.12);
}

.spk-ref-calc-top__image{
  flex:0 0 440px;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  margin-top:80px;
}

.spk-ref-calc-top__image img{
  width:100%;
  max-width:470px;
  height:auto;
  display:block;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.16));
}

.spk-ref-calc-form-wrap{
  width:100%;
}

.spk-ref-calc-form{
  padding:0;
  border-radius:24px;
}

/* CARDS */

.spk-ref-cards{
  padding:96px 0;
  background:#ffffff;
}

.spk-ref-cards__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.spk-ref-card{
  display:flex;
  flex-direction:column;
  border-radius:28px;
  overflow:hidden;
  text-decoration:none;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 18px 45px rgba(11,34,79,.08);
  transition:transform .38s ease, box-shadow .38s ease, border-color .38s ease;
}

.spk-ref-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(11,34,79,.14);
  border-color:rgba(18,76,170,.16);
}

.spk-ref-card__media{
  position:relative;
  height:220px;
  overflow:hidden;
  background:#dfe8f6;
}

.spk-ref-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}

.spk-ref-card:hover .spk-ref-card__media img{
  transform:scale(1.08);
}

.spk-ref-card__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(13,54,130,.10) 0%, rgba(8,35,86,.42) 100%);
}

.spk-ref-card__num{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  min-width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(6,31,59,0.10);
}

.spk-ref-card__body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:28px 28px 24px;
  background:#ffffff;
}

.spk-ref-card__title{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#16304f;
}

.spk-ref-card__text{
  margin:0;
  font-size:16px;
  line-height:1.68;
  color:#62758f;
}

.spk-ref-card__bottom{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:24px;
}

.spk-ref-card__bottom span{
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.03em;
  color:#0f5fa8;
}

/* PROCESS */

.spk-ref-process{
  padding:96px 0;
  background:#f7fbff;
}

.spk-ref-process__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.spk-ref-step{
  min-height:240px;
  padding:26px 24px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid rgba(15,95,168,0.10);
  box-shadow:0 14px 34px rgba(6,31,59,0.06);
}

.spk-ref-step__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin-bottom:18px;
  border-radius:14px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
}

.spk-ref-step__title{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  color:#1f3147;
}

.spk-ref-step__text{
  margin:0;
  font-size:15px;
  line-height:1.68;
  color:#62758f;
}

/* LAPTOP */

@media (max-width: 1360px){
  .spk-ref-hero__title{
    font-size:clamp(42px, 4.8vw, 56px);
  }

  .spk-ref-calc-top{
    gap:24px;
  }

  .spk-ref-calc-top__image{
    flex:0 0 390px;
    margin-top:40px;
  }

  .spk-ref-card__title{
    font-size:26px;
  }

  .spk-ref-card__body{
    padding:24px 22px 22px;
  }
}

/* TABLET */

@media (max-width: 1024px){
  .spk-ref-container{
    width:min(1280px, calc(100% - 32px));
  }

  .spk-ref-hero{
    padding:calc(var(--gt-header-offset-tablet, 96px) + 22px) 0 52px;
    border-radius:0 0 24px 24px;
  }

  .spk-ref-hero__wrap{
    width:min(1280px, calc(100% - 32px));
    grid-template-columns:1fr;
    gap:20px;
    align-items:start;
  }

  .spk-ref-hero__content{
    max-width:100%;
  }

  .spk-ref-hero__title{
    max-width:820px;
    margin-bottom:16px;
    font-size:clamp(38px, 6vw, 52px);
    line-height:1.04;
  }

  .spk-ref-hero__text{
    max-width:100%;
    margin-bottom:24px;
    font-size:16px;
    line-height:1.62;
  }

  .spk-ref-hero__actions{
    gap:12px;
    margin-bottom:20px;
  }

  .spk-ref-hero__btn{
    min-height:52px;
    padding:13px 20px;
    font-size:15px;
  }

  .spk-ref-hero__features{
    gap:10px;
  }

  .spk-ref-hero__feature{
    font-size:13px;
    padding:10px 12px;
  }

  .spk-ref-hero__card-inner{
    padding:22px 20px;
    border-radius:22px;
  }

  .spk-ref-calc-section,
  .spk-ref-cards,
  .spk-ref-process,
  .cargo-final-cta{
    padding:76px 0;
  }

  .spk-ref-calc-top{
    flex-direction:column;
    gap:22px;
    margin-bottom:24px;
  }

  .spk-ref-calc-top__content{
    max-width:100%;
  }

  .spk-ref-calc-title{
    font-size:38px;
    line-height:1.08;
  }

  .spk-ref-calc-text{
    max-width:100%;
    font-size:16px;
    line-height:1.62;
  }

  .spk-ref-calc-top__image{
    flex:none;
    width:100%;
    margin-top:0;
    justify-content:center;
  }

  .spk-ref-calc-top__image img{
    max-width:520px;
  }

  .spk-ref-calc-features{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
  }

  .spk-ref-calc-feature{
    min-height:64px;
    padding:14px 16px 14px 42px;
    font-size:14px;
    line-height:1.35;
  }

  .spk-ref-cards__grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .spk-ref-card{
    border-radius:24px;
  }

  .spk-ref-card__media{
    height:240px;
  }

  .spk-ref-card__body{
    padding:24px 22px 22px;
  }

  .spk-ref-card__title{
    font-size:32px;
    line-height:1.05;
  }

  .spk-ref-card__text{
    font-size:15px;
    line-height:1.62;
  }

  .spk-ref-process__grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
  }

  .spk-ref-step{
    min-height:auto;
    padding:22px 20px;
  }

  .spk-ref-step__title{
    font-size:22px;
  }
}

/* MOBILE */

@media (max-width: 767px){
  .spk-ref-container{
    width:min(1280px, calc(100% - 40px));
  }

  .spk-ref-head{
    margin-bottom:28px;
  }

  .spk-ref-head__badge{
    padding:8px 14px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-ref-hero{
    padding:calc(var(--gt-header-offset-mobile, 86px) + 14px) 0 34px;
    border-radius:0 0 18px 18px;
  }

  .spk-ref-hero__wrap{
    width:min(1280px, calc(100% - 40px));
    grid-template-columns:1fr;
    gap:16px;
  }

  .spk-ref-hero__badge{
    min-height:34px;
    padding:7px 12px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-ref-hero__title{
    margin:0 0 14px;
    font-size:37px;
    line-height:1.14;
    letter-spacing:-0.02em;
    max-width:100%;
  }

  .spk-ref-hero__text{
    margin:0 0 18px;
    font-size:14px;
    line-height:1.55;
  }

  .spk-ref-hero__actions{
    flex-direction:column;
    gap:10px;
    margin-bottom:16px;
  }

  .spk-ref-hero__btn{
    width:100%;
    min-height:50px;
    padding:12px 16px;
    font-size:15px;
    border-radius:12px;
  }

  .spk-ref-hero__features{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  .spk-ref-hero__feature{
    width:100%;
    font-size:12px;
    padding:9px 12px;
    border-radius:10px;
  }

  .spk-ref-hero__card-inner{
    padding:18px 16px;
    border-radius:18px;
  }

  .spk-ref-hero__card-label{
    margin-bottom:14px;
    padding:7px 12px;
    font-size:12px;
  }

  .spk-ref-hero__list{
    gap:8px;
  }

  .spk-ref-hero__list-item{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
    padding:12px 0;
  }

  .spk-ref-hero__list-item span,
  .spk-ref-hero__list-item strong{
    font-size:14px;
    line-height:1.4;
    text-align:left;
  }

  .spk-ref-hero__note{
    margin-top:14px;
    padding:14px;
    border-radius:14px;
    font-size:13px;
    line-height:1.5;
  }

  .spk-ref-calc-section,
  .spk-ref-cards,
  .spk-ref-process,
  .cargo-final-cta{
    padding:72px 0;
  }

  .spk-ref-head__title,
  .spk-ref-calc-title{
    font-size:32px;
    line-height:1.08;
  }

  .spk-ref-head__text,
  .spk-ref-calc-text{
    font-size:15px;
    line-height:1.6;
  }

  .spk-ref-calc-top{
    gap:18px;
    margin-bottom:22px;
  }

  .spk-ref-calc-features{
    grid-template-columns:1fr;
    gap:10px;
  }

  .spk-ref-calc-feature{
    min-height:auto;
    padding:14px 14px 14px 40px;
    font-size:14px;
  }

  .spk-ref-calc-top__image{
    margin-top:0;
  }

  .spk-ref-calc-top__image img{
    max-width:100%;
  }

  .spk-ref-card{
    border-radius:22px;
  }

  .spk-ref-card__media{
    height:200px;
  }

  .spk-ref-card__body{
    padding:22px 22px 20px;
  }

  .spk-ref-card__title{
    font-size:28px;
  }

  .spk-ref-process__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .spk-ref-step{
    min-height:auto;
    padding:22px 18px;
    border-radius:18px;
  }

  .spk-ref-step__title{
    font-size:22px;
  }
}

@media (max-width: 420px){
  .spk-ref-container{
    width:min(1280px, calc(100% - 28px));
  }

  .spk-ref-hero__wrap{
    width:min(1280px, calc(100% - 28px));
  }

  .spk-ref-hero__title{
    font-size:34px;
  }

  .spk-ref-head__title,
  .spk-ref-calc-title{
    font-size:30px;
  }

  .spk-ref-card__title{
    font-size:26px;
  }
}







.spk-manip-page{
  --spk-blue:#0c3f73;
  --spk-blue-2:#0f5fa8;
  --spk-blue-3:#1594d1;
  --spk-accent:#ffb938;
  --spk-accent-2:#ffca5c;
  --spk-text:#1e293b;
  --spk-text-2:#5f728b;
  --spk-line:#dbe6f2;
  --spk-bg:#f5f9fc;
  --spk-white:#ffffff;
  --spk-shadow:0 20px 50px rgba(6,31,59,0.10);
  --spk-shadow-2:0 24px 60px rgba(6,31,59,0.14);
}

.spk-manip-page *{
  box-sizing:border-box;
}

.spk-manip-container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  padding:0;
}

.spk-manip-head{
  max-width:760px;
  margin:0 0 38px;
}

.spk-manip-head--center{
  max-width:760px;
  margin:0 auto 40px;
  text-align:center;
}

.spk-manip-head__badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(15,95,168,0.08);
  color:#0f5fa8;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}

.spk-manip-head__title{
  margin:0 0 16px;
  font-size:clamp(30px,4vw,46px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:var(--spk-text);
}

.spk-manip-head__text{
  margin:0;
  font-size:18px;
  line-height:1.68;
  color:var(--spk-text-2);
}

/* HERO */

.spk-manip-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--gt-header-offset-desktop, 116px) + 34px) 0 72px;
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at top right, rgba(255,185,56,0.16), transparent 28%),
    linear-gradient(135deg, #0c3f73 0%, #0f5fa8 55%, #1594d1 100%);
}

.spk-manip-hero__wrap{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(360px, 0.9fr);
  gap:34px;
  align-items:center;
}

.spk-manip-hero__content{
  color:#ffffff;
}

.spk-manip-hero__badge{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.18);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:18px;
  backdrop-filter:blur(8px);
}

.spk-manip-hero__title{
  margin:0 0 18px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#fff;
}

.spk-manip-hero__text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,0.92);
}

.spk-manip-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:28px;
}

.spk-manip-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:14px 24px;
  border-radius:14px;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  transition:all 0.25s ease;
}

.spk-manip-hero__btn--accent{
  background:var(--spk-accent);
  color:#0f2f57;
  box-shadow:0 12px 28px rgba(255,185,56,0.28);
}

.spk-manip-hero__btn--accent:hover{
  transform:translateY(-2px);
  background:var(--spk-accent-2);
  color:#0f2f57;
}

.spk-manip-hero__btn--light{
  background:rgba(255,255,255,0.12);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(8px);
}

.spk-manip-hero__btn--light:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.18);
  color:#ffffff;
}

.spk-manip-hero__features{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.spk-manip-hero__feature{
  padding:10px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.spk-manip-hero__card{
  position:relative;
}

.spk-manip-hero__card-inner{
  background:rgba(255,255,255,0.96);
  border-radius:24px;
  padding:28px;
  box-shadow:0 20px 50px rgba(6,31,59,0.22);
}

.spk-manip-hero__card-label{
  display:inline-block;
  margin-bottom:18px;
  padding:8px 14px;
  border-radius:999px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
}

.spk-manip-hero__list{
  display:grid;
  gap:12px;
}

.spk-manip-hero__list-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid #e8eef4;
}

.spk-manip-hero__list-item:last-child{
  border-bottom:none;
}

.spk-manip-hero__list-item span{
  color:#27425d;
  font-size:15px;
  line-height:1.4;
}

.spk-manip-hero__list-item strong{
  flex-shrink:0;
  color:#0d3f73;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  text-align:right;
}

.spk-manip-hero__note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:16px;
  background:#f5f9fc;
  color:#4c647a;
  font-size:14px;
  line-height:1.55;
}

/* CALC */

.spk-manip-calc-section{
  padding:96px 0;
  background:#f7fbff;
}

.spk-manip-calc-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
  margin-bottom:28px;
}

.spk-manip-calc-top__content{
  flex:1 1 58%;
  max-width:760px;
}

.spk-manip-calc-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.spk-manip-calc-title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  color:#1E293B;
}

.spk-manip-calc-text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:#5d6d8c;
}

.spk-manip-calc-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}

.spk-manip-calc-feature{
  position:relative;
  padding:16px 18px 16px 44px;
  background:#fff;
  border:1px solid #dbe5f3;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(13,27,61,.05);
  font-size:15px;
  font-weight:700;
  color:#22304f;
}

.spk-manip-calc-feature:before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#1d62d8;
  box-shadow:0 0 0 6px rgba(29,98,216,.12);
}

.spk-manip-calc-top__image{
  flex:0 0 440px;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  margin-top:80px;
}

.spk-manip-calc-top__image img{
  width:100%;
  max-width:470px;
  height:auto;
  display:block;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.16));
}

.spk-manip-calc-form-wrap{
  width:100%;
}

.spk-manip-calc-form{
  padding:0;
  border-radius:24px;
}

/* CARDS */

.spk-manip-cards{
  padding:96px 0;
  background:#ffffff;
}

.spk-manip-cards__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.spk-manip-card{
  display:flex;
  flex-direction:column;
  border-radius:28px;
  overflow:hidden;
  text-decoration:none;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 18px 45px rgba(11,34,79,.08);
  transition:transform .38s ease, box-shadow .38s ease, border-color .38s ease;
}

.spk-manip-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(11,34,79,.14);
  border-color:rgba(18,76,170,.16);
}

.spk-manip-card__media{
  position:relative;
  height:220px;
  overflow:hidden;
  background:#dfe8f6;
}

.spk-manip-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}

.spk-manip-card:hover .spk-manip-card__media img{
  transform:scale(1.08);
}

.spk-manip-card__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(13,54,130,.10) 0%, rgba(8,35,86,.42) 100%);
}

.spk-manip-card__num{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  min-width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(6,31,59,0.10);
}

.spk-manip-card__body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:28px 28px 24px;
  background:#ffffff;
}

.spk-manip-card__title{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#16304f;
}

.spk-manip-card__text{
  margin:0;
  font-size:16px;
  line-height:1.68;
  color:#62758f;
}

.spk-manip-card__bottom{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:24px;
}

.spk-manip-card__bottom span{
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.03em;
  color:#0f5fa8;
}

/* PROCESS */

.spk-manip-process{
  padding:96px 0;
  background:#f7fbff;
}

.spk-manip-process__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.spk-manip-step{
  min-height:240px;
  padding:26px 24px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid rgba(15,95,168,0.10);
  box-shadow:0 14px 34px rgba(6,31,59,0.06);
}

.spk-manip-step__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin-bottom:18px;
  border-radius:14px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
}

.spk-manip-step__title{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  color:#1f3147;
}

.spk-manip-step__text{
  margin:0;
  font-size:15px;
  line-height:1.68;
  color:#62758f;
}

/* LAPTOP */

@media (max-width: 1360px){
  .spk-manip-hero__title{
    font-size:clamp(42px, 4.8vw, 56px);
  }

  .spk-manip-calc-top{
    gap:24px;
  }

  .spk-manip-calc-top__image{
    flex:0 0 390px;
    margin-top:40px;
  }

  .spk-manip-card__title{
    font-size:26px;
  }

  .spk-manip-card__body{
    padding:24px 22px 22px;
  }
}

/* TABLET */

@media (max-width: 1024px){
  .spk-manip-container{
    width:min(1280px, calc(100% - 32px));
  }

  .spk-manip-hero{
    padding:calc(var(--gt-header-offset-tablet, 96px) + 22px) 0 52px;
    border-radius:0 0 24px 24px;
  }

  .spk-manip-hero__wrap{
    width:min(1280px, calc(100% - 32px));
    grid-template-columns:1fr;
    gap:20px;
    align-items:start;
  }

  .spk-manip-hero__content{
    max-width:100%;
  }

  .spk-manip-hero__title{
    max-width:820px;
    margin-bottom:16px;
    font-size:clamp(38px, 6vw, 52px);
    line-height:1.04;
  }

  .spk-manip-hero__text{
    max-width:100%;
    margin-bottom:24px;
    font-size:16px;
    line-height:1.62;
  }

  .spk-manip-hero__actions{
    gap:12px;
    margin-bottom:20px;
  }

  .spk-manip-hero__btn{
    min-height:52px;
    padding:13px 20px;
    font-size:15px;
  }

  .spk-manip-hero__features{
    gap:10px;
  }

  .spk-manip-hero__feature{
    font-size:13px;
    padding:10px 12px;
  }

  .spk-manip-hero__card-inner{
    padding:22px 20px;
    border-radius:22px;
  }

  .spk-manip-calc-section,
  .spk-manip-cards,
  .spk-manip-process,
  .cargo-final-cta{
    padding:76px 0;
  }

  .spk-manip-calc-top{
    flex-direction:column;
    gap:22px;
    margin-bottom:24px;
  }

  .spk-manip-calc-top__content{
    max-width:100%;
  }

  .spk-manip-calc-title{
    font-size:38px;
    line-height:1.08;
  }

  .spk-manip-calc-text{
    max-width:100%;
    font-size:16px;
    line-height:1.62;
  }

  .spk-manip-calc-top__image{
    flex:none;
    width:100%;
    margin-top:0;
    justify-content:center;
  }

  .spk-manip-calc-top__image img{
    max-width:520px;
  }

  .spk-manip-calc-features{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
  }

  .spk-manip-calc-feature{
    min-height:64px;
    padding:14px 16px 14px 42px;
    font-size:14px;
    line-height:1.35;
  }

  .spk-manip-cards__grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .spk-manip-card{
    border-radius:24px;
  }

  .spk-manip-card__media{
    height:240px;
  }

  .spk-manip-card__body{
    padding:24px 22px 22px;
  }

  .spk-manip-card__title{
    font-size:32px;
    line-height:1.05;
  }

  .spk-manip-card__text{
    font-size:15px;
    line-height:1.62;
  }

  .spk-manip-process__grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
  }

  .spk-manip-step{
    min-height:auto;
    padding:22px 20px;
  }

  .spk-manip-step__title{
    font-size:22px;
  }
}

/* MOBILE */

@media (max-width: 767px){
  .spk-manip-container{
    width:min(1280px, calc(100% - 40px));
  }

  .spk-manip-head{
    margin-bottom:28px;
  }

  .spk-manip-head__badge{
    padding:8px 14px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-manip-hero{
    padding:calc(var(--gt-header-offset-mobile, 86px) + 14px) 0 34px;
    border-radius:0 0 18px 18px;
  }

  .spk-manip-hero__wrap{
    width:min(1280px, calc(100% - 40px));
    grid-template-columns:1fr;
    gap:16px;
  }

  .spk-manip-hero__badge{
    min-height:34px;
    padding:7px 12px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-manip-hero__title{
    margin:0 0 14px;
    font-size:37px;
    line-height:1.14;
    letter-spacing:-0.02em;
    max-width:100%;
  }

  .spk-manip-hero__text{
    margin:0 0 18px;
    font-size:14px;
    line-height:1.55;
  }

  .spk-manip-hero__actions{
    flex-direction:column;
    gap:10px;
    margin-bottom:16px;
  }

  .spk-manip-hero__btn{
    width:100%;
    min-height:50px;
    padding:12px 16px;
    font-size:15px;
    border-radius:12px;
  }

  .spk-manip-hero__features{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  .spk-manip-hero__feature{
    width:100%;
    font-size:12px;
    padding:9px 12px;
    border-radius:10px;
  }

  .spk-manip-hero__card-inner{
    padding:18px 16px;
    border-radius:18px;
  }

  .spk-manip-hero__card-label{
    margin-bottom:14px;
    padding:7px 12px;
    font-size:12px;
  }

  .spk-manip-hero__list{
    gap:8px;
  }

  .spk-manip-hero__list-item{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
    padding:12px 0;
  }

  .spk-manip-hero__list-item span,
  .spk-manip-hero__list-item strong{
    font-size:14px;
    line-height:1.4;
    text-align:left;
  }

  .spk-manip-hero__note{
    margin-top:14px;
    padding:14px;
    border-radius:14px;
    font-size:13px;
    line-height:1.5;
  }

  .spk-manip-calc-section,
  .spk-manip-cards,
  .spk-manip-process,
  .cargo-final-cta{
    padding:72px 0;
  }

  .spk-manip-head__title,
  .spk-manip-calc-title{
    font-size:32px;
    line-height:1.08;
  }

  .spk-manip-head__text,
  .spk-manip-calc-text{
    font-size:15px;
    line-height:1.6;
  }

  .spk-manip-calc-top{
    gap:18px;
    margin-bottom:22px;
  }

  .spk-manip-calc-features{
    grid-template-columns:1fr;
    gap:10px;
  }

  .spk-manip-calc-feature{
    min-height:auto;
    padding:14px 14px 14px 40px;
    font-size:14px;
  }

  .spk-manip-calc-top__image{
    margin-top:0;
  }

  .spk-manip-calc-top__image img{
    max-width:100%;
  }

  .spk-manip-card{
    border-radius:22px;
  }

  .spk-manip-card__media{
    height:200px;
  }

  .spk-manip-card__body{
    padding:22px 22px 20px;
  }

  .spk-manip-card__title{
    font-size:28px;
  }

  .spk-manip-process__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .spk-manip-step{
    min-height:auto;
    padding:22px 18px;
    border-radius:18px;
  }

  .spk-manip-step__title{
    font-size:22px;
  }
}

@media (max-width: 420px){
  .spk-manip-container{
    width:min(1280px, calc(100% - 28px));
  }

  .spk-manip-hero__wrap{
    width:min(1280px, calc(100% - 28px));
  }

  .spk-manip-hero__title{
    font-size:34px;
  }

  .spk-manip-head__title,
  .spk-manip-calc-title{
    font-size:30px;
  }

  .spk-manip-card__title{
    font-size:26px;
  }
}








.spk-spec-page{
  --spk-blue:#0c3f73;
  --spk-blue-2:#0f5fa8;
  --spk-blue-3:#1594d1;
  --spk-accent:#ffb938;
  --spk-accent-2:#ffca5c;
  --spk-text:#1e293b;
  --spk-text-2:#5f728b;
  --spk-line:#dbe6f2;
  --spk-bg:#f5f9fc;
  --spk-white:#ffffff;
  --spk-shadow:0 20px 50px rgba(6,31,59,0.10);
  --spk-shadow-2:0 24px 60px rgba(6,31,59,0.14);
}

.spk-spec-page *{
  box-sizing:border-box;
}

.spk-spec-container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  padding:0;
}

.spk-spec-head{
  max-width:760px;
  margin:0 0 38px;
}

.spk-spec-head--center{
  max-width:760px;
  margin:0 auto 40px;
  text-align:center;
}

.spk-spec-head__badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(15,95,168,0.08);
  color:#0f5fa8;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}

.spk-spec-head__title{
  margin:0 0 16px;
  font-size:clamp(30px,4vw,46px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:var(--spk-text);
}

.spk-spec-head__text{
  margin:0;
  font-size:18px;
  line-height:1.68;
  color:var(--spk-text-2);
}

/* HERO */

.spk-spec-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--gt-header-offset-desktop, 116px) + 34px) 0 72px;
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at top right, rgba(255,185,56,0.16), transparent 28%),
    linear-gradient(135deg, #0c3f73 0%, #0f5fa8 55%, #1594d1 100%);
}

.spk-spec-hero__wrap{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(360px, 0.9fr);
  gap:34px;
  align-items:center;
}

.spk-spec-hero__content{
  color:#ffffff;
}

.spk-spec-hero__badge{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.18);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:18px;
  backdrop-filter:blur(8px);
}

.spk-spec-hero__title{
  margin:0 0 18px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#fff;
}

.spk-spec-hero__text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,0.92);
}

.spk-spec-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:28px;
}

.spk-spec-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:14px 24px;
  border-radius:14px;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  transition:all 0.25s ease;
}

.spk-spec-hero__btn--accent{
  background:var(--spk-accent);
  color:#0f2f57;
  box-shadow:0 12px 28px rgba(255,185,56,0.28);
}

.spk-spec-hero__btn--accent:hover{
  transform:translateY(-2px);
  background:var(--spk-accent-2);
  color:#0f2f57;
}

.spk-spec-hero__btn--light{
  background:rgba(255,255,255,0.12);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(8px);
}

.spk-spec-hero__btn--light:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.18);
  color:#ffffff;
}

.spk-spec-hero__features{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.spk-spec-hero__feature{
  padding:10px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.spk-spec-hero__card{
  position:relative;
}

.spk-spec-hero__card-inner{
  background:rgba(255,255,255,0.96);
  border-radius:24px;
  padding:28px;
  box-shadow:0 20px 50px rgba(6,31,59,0.22);
}

.spk-spec-hero__card-label{
  display:inline-block;
  margin-bottom:18px;
  padding:8px 14px;
  border-radius:999px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
}

.spk-spec-hero__list{
  display:grid;
  gap:12px;
}

.spk-spec-hero__list-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid #e8eef4;
}

.spk-spec-hero__list-item:last-child{
  border-bottom:none;
}

.spk-spec-hero__list-item span{
  color:#27425d;
  font-size:15px;
  line-height:1.4;
}

.spk-spec-hero__list-item strong{
  flex-shrink:0;
  color:#0d3f73;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  text-align:right;
}

.spk-spec-hero__note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:16px;
  background:#f5f9fc;
  color:#4c647a;
  font-size:14px;
  line-height:1.55;
}

/* CALC */

.spk-spec-calc-section{
  padding:96px 0;
  background:#f7fbff;
}

.spk-spec-calc-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
  margin-bottom:28px;
}

.spk-spec-calc-top__content{
  flex:1 1 58%;
  max-width:760px;
}

.spk-spec-calc-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:700;
}

.spk-spec-calc-title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  color:#1E293B;
}

.spk-spec-calc-text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:#5d6d8c;
}

.spk-spec-calc-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}

.spk-spec-calc-feature{
  position:relative;
  padding:16px 18px 16px 44px;
  background:#fff;
  border:1px solid #dbe5f3;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(13,27,61,.05);
  font-size:15px;
  font-weight:700;
  color:#22304f;
}

.spk-spec-calc-feature:before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#1d62d8;
  box-shadow:0 0 0 6px rgba(29,98,216,.12);
}

.spk-spec-calc-top__image{
  flex:0 0 440px;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  margin-top:80px;
}

.spk-spec-calc-top__image img{
  width:100%;
  max-width:470px;
  height:auto;
  display:block;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.16));
}

.spk-spec-calc-form-wrap{
  width:100%;
}

.spk-spec-calc-form{
  padding:0;
  border-radius:24px;
}

/* CARDS */

.spk-spec-cards{
  padding:96px 0;
  background:#ffffff;
}

.spk-spec-cards__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.spk-spec-card{
  display:flex;
  flex-direction:column;
  border-radius:28px;
  overflow:hidden;
  text-decoration:none;
  background:#ffffff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 18px 45px rgba(11,34,79,.08);
  transition:transform .38s ease, box-shadow .38s ease, border-color .38s ease;
}

.spk-spec-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(11,34,79,.14);
  border-color:rgba(18,76,170,.16);
}

.spk-spec-card__media{
  position:relative;
  height:220px;
  overflow:hidden;
  background:#dfe8f6;
}

.spk-spec-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}

.spk-spec-card:hover .spk-spec-card__media img{
  transform:scale(1.08);
}

.spk-spec-card__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(13,54,130,.10) 0%, rgba(8,35,86,.42) 100%);
}

.spk-spec-card__num{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  min-width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(6,31,59,0.10);
}

.spk-spec-card__body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:28px 28px 24px;
  background:#ffffff;
}

.spk-spec-card__title{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#16304f;
}

.spk-spec-card__text{
  margin:0;
  font-size:16px;
  line-height:1.68;
  color:#62758f;
}

.spk-spec-card__bottom{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:24px;
}

.spk-spec-card__bottom span{
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.03em;
  color:#0f5fa8;
}

/* PROCESS */

.spk-spec-process{
  padding:96px 0;
  background:#f7fbff;
}

.spk-spec-process__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.spk-spec-step{
  min-height:240px;
  padding:26px 24px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid rgba(15,95,168,0.10);
  box-shadow:0 14px 34px rgba(6,31,59,0.06);
}

.spk-spec-step__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin-bottom:18px;
  border-radius:14px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
}

.spk-spec-step__title{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  color:#1f3147;
}

.spk-spec-step__text{
  margin:0;
  font-size:15px;
  line-height:1.68;
  color:#62758f;
}

/* LAPTOP */

@media (max-width: 1360px){
  .spk-spec-hero__title{
    font-size:clamp(42px, 4.8vw, 56px);
  }

  .spk-spec-calc-top{
    gap:24px;
  }

  .spk-spec-calc-top__image{
    flex:0 0 390px;
    margin-top:40px;
  }

  .spk-spec-card__title{
    font-size:26px;
  }

  .spk-spec-card__body{
    padding:24px 22px 22px;
  }
}

/* TABLET */

@media (max-width: 1024px){
  .spk-spec-container{
    width:min(1280px, calc(100% - 32px));
  }

  .spk-spec-hero{
    padding:calc(var(--gt-header-offset-tablet, 96px) + 22px) 0 52px;
    border-radius:0 0 24px 24px;
  }

  .spk-spec-hero__wrap{
    width:min(1280px, calc(100% - 32px));
    grid-template-columns:1fr;
    gap:20px;
    align-items:start;
  }

  .spk-spec-hero__content{
    max-width:100%;
  }

  .spk-spec-hero__title{
    max-width:820px;
    margin-bottom:16px;
    font-size:clamp(38px, 6vw, 52px);
    line-height:1.04;
  }

  .spk-spec-hero__text{
    max-width:100%;
    margin-bottom:24px;
    font-size:16px;
    line-height:1.62;
  }

  .spk-spec-hero__actions{
    gap:12px;
    margin-bottom:20px;
  }

  .spk-spec-hero__btn{
    min-height:52px;
    padding:13px 20px;
    font-size:15px;
  }

  .spk-spec-hero__features{
    gap:10px;
  }

  .spk-spec-hero__feature{
    font-size:13px;
    padding:10px 12px;
  }

  .spk-spec-hero__card-inner{
    padding:22px 20px;
    border-radius:22px;
  }

  .spk-spec-calc-section,
  .spk-spec-cards,
  .spk-spec-process,
  .cargo-final-cta{
    padding:76px 0;
  }

  .spk-spec-calc-top{
    flex-direction:column;
    gap:22px;
    margin-bottom:24px;
  }

  .spk-spec-calc-top__content{
    max-width:100%;
  }

  .spk-spec-calc-title{
    font-size:38px;
    line-height:1.08;
  }

  .spk-spec-calc-text{
    max-width:100%;
    font-size:16px;
    line-height:1.62;
  }

  .spk-spec-calc-top__image{
    flex:none;
    width:100%;
    margin-top:0;
    justify-content:center;
  }

  .spk-spec-calc-top__image img{
    max-width:520px;
  }

  .spk-spec-calc-features{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
  }

  .spk-spec-calc-feature{
    min-height:64px;
    padding:14px 16px 14px 42px;
    font-size:14px;
    line-height:1.35;
  }

  .spk-spec-cards__grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .spk-spec-card{
    border-radius:24px;
  }

  .spk-spec-card__media{
    height:240px;
  }

  .spk-spec-card__body{
    padding:24px 22px 22px;
  }

  .spk-spec-card__title{
    font-size:32px;
    line-height:1.05;
  }

  .spk-spec-card__text{
    font-size:15px;
    line-height:1.62;
  }

  .spk-spec-process__grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
  }

  .spk-spec-step{
    min-height:auto;
    padding:22px 20px;
  }

  .spk-spec-step__title{
    font-size:22px;
  }
}

/* MOBILE */

@media (max-width: 767px){
  .spk-spec-container{
    width:min(1280px, calc(100% - 40px));
  }

  .spk-spec-head{
    margin-bottom:28px;
  }

  .spk-spec-head__badge{
    padding:8px 14px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-spec-hero{
    padding:calc(var(--gt-header-offset-mobile, 86px) + 14px) 0 34px;
    border-radius:0 0 18px 18px;
  }

  .spk-spec-hero__wrap{
    width:min(1280px, calc(100% - 40px));
    grid-template-columns:1fr;
    gap:16px;
  }

  .spk-spec-hero__badge{
    min-height:34px;
    padding:7px 12px;
    margin-bottom:14px;
    font-size:12px;
  }

  .spk-spec-hero__title{
    margin:0 0 14px;
    font-size:37px;
    line-height:1.14;
    letter-spacing:-0.02em;
    max-width:100%;
  }

  .spk-spec-hero__text{
    margin:0 0 18px;
    font-size:14px;
    line-height:1.55;
  }

  .spk-spec-hero__actions{
    flex-direction:column;
    gap:10px;
    margin-bottom:16px;
  }

  .spk-spec-hero__btn{
    width:100%;
    min-height:50px;
    padding:12px 16px;
    font-size:15px;
    border-radius:12px;
  }

  .spk-spec-hero__features{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  .spk-spec-hero__feature{
    width:100%;
    font-size:12px;
    padding:9px 12px;
    border-radius:10px;
  }

  .spk-spec-hero__card-inner{
    padding:18px 16px;
    border-radius:18px;
  }

  .spk-spec-hero__card-label{
    margin-bottom:14px;
    padding:7px 12px;
    font-size:12px;
  }

  .spk-spec-hero__list{
    gap:8px;
  }

  .spk-spec-hero__list-item{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
    padding:12px 0;
  }

  .spk-spec-hero__list-item span,
  .spk-spec-hero__list-item strong{
    font-size:14px;
    line-height:1.4;
    text-align:left;
  }

  .spk-spec-hero__note{
    margin-top:14px;
    padding:14px;
    border-radius:14px;
    font-size:13px;
    line-height:1.5;
  }

  .spk-spec-calc-section,
  .spk-spec-cards,
  .spk-spec-process,
  .cargo-final-cta{
    padding:72px 0;
  }

  .spk-spec-head__title,
  .spk-spec-calc-title{
    font-size:32px;
    line-height:1.08;
  }

  .spk-spec-head__text,
  .spk-spec-calc-text{
    font-size:15px;
    line-height:1.6;
  }

  .spk-spec-calc-top{
    gap:18px;
    margin-bottom:22px;
  }

  .spk-spec-calc-features{
    grid-template-columns:1fr;
    gap:10px;
  }

  .spk-spec-calc-feature{
    min-height:auto;
    padding:14px 14px 14px 40px;
    font-size:14px;
  }

  .spk-spec-calc-top__image{
    margin-top:0;
  }

  .spk-spec-calc-top__image img{
    max-width:100%;
  }

  .spk-spec-card{
    border-radius:22px;
  }

  .spk-spec-card__media{
    height:200px;
  }

  .spk-spec-card__body{
    padding:22px 22px 20px;
  }

  .spk-spec-card__title{
    font-size:28px;
  }

  .spk-spec-process__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .spk-spec-step{
    min-height:auto;
    padding:22px 18px;
    border-radius:18px;
  }

  .spk-spec-step__title{
    font-size:22px;
  }
}

@media (max-width: 420px){
  .spk-spec-container{
    width:min(1280px, calc(100% - 28px));
  }

  .spk-spec-hero__wrap{
    width:min(1280px, calc(100% - 28px));
  }

  .spk-spec-hero__title{
    font-size:34px;
  }

  .spk-spec-head__title,
  .spk-spec-calc-title{
    font-size:30px;
  }

  .spk-spec-card__title{
    font-size:26px;
  }
}









.spk-cardpage{
  --spk-blue:#0c3f73;
  --spk-blue-2:#0f5fa8;
  --spk-blue-3:#1594d1;
  --spk-accent:#ffb938;
  --spk-accent-2:#ffca5c;
  --spk-text:#1e293b;
  --spk-text-2:#5f728b;
  --spk-line:#dbe6f2;
  --spk-white:#ffffff;
}

.spk-cardpage *{
  box-sizing:border-box;
}

.spk-cardpage-container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
}

/* HEAD */

.spk-cardpage-head{
  max-width:760px;
  margin:0 0 38px;
}

.spk-cardpage-head--center{
  max-width:820px;
  margin:0 auto 40px;
  text-align:center;
}

.spk-cardpage-head__badge{
  display:inline-flex;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(15,95,168,.08);
  color:#0f5fa8;
  font-size:14px;
  font-weight:800;
}

.spk-cardpage-head__title{
  margin:0 0 16px;
  font-size:clamp(30px,4vw,46px);
  line-height:1.08;
  font-weight:800;
  color:var(--spk-text);
  letter-spacing:-.02em;
}

.spk-cardpage-head__text{
  margin:0;
  font-size:18px;
  line-height:1.68;
  color:var(--spk-text-2);
}

/* HERO */

.spk-cardpage-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--gt-header-offset-desktop, 116px) + 34px) 0 86px;
  background:
    radial-gradient(circle at 80% 20%, rgba(255,185,56,.14), transparent 28%),
    linear-gradient(135deg,#0c3f73 0%,#0f5fa8 58%,#1594d1 100%);
}

.spk-cardpage-hero__wrap{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(460px, 1.08fr);
  gap:54px;
  align-items:center;
}

.spk-cardpage-hero__content{
  color:#fff;
}

.spk-cardpage-hero__badge{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 16px;
  margin-bottom:22px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:14px;
  font-weight:800;
}

.spk-cardpage-hero__title{
  margin:0 0 22px;
  max-width:680px;
  font-size:clamp(42px,5.4vw,64px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.04em;
  color:#fff;
}

.spk-cardpage-hero__text{
  max-width:620px;
  margin:0 0 32px;
  font-size:19px;
  line-height:1.68;
  color:rgba(255,255,255,.9);
}

.spk-cardpage-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.spk-cardpage-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:14px 26px;
  border-radius:14px;
  text-decoration:none;
  font-size:16px;
  font-weight:800;
  transition:.25s ease;
}

.spk-cardpage-hero__btn:hover{
  transform:translateY(-2px);
}

.spk-cardpage-hero__btn--accent{
  background:var(--spk-accent);
  color:#0f2f57;
  box-shadow:0 12px 28px rgba(255,185,56,.28);
}

.spk-cardpage-hero__btn--accent:hover{
  background:var(--spk-accent-2);
  color:#0f2f57;
}

.spk-cardpage-hero__btn--light{
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
}

.spk-cardpage-hero__btn--light:hover{
  background:rgba(255,255,255,.18);
  color:#fff;
}

.spk-cardpage-hero__note{
  max-width:520px;
  padding-left:18px;
  border-left:3px solid var(--spk-accent);
  font-size:15px;
  line-height:1.55;
  color:rgba(255,255,255,.82);
}

.spk-cardpage-hero__visual{
  position:relative;
}

.spk-cardpage-hero__image{
  overflow:hidden;
  padding:18px;
  border-radius:32px;
  background:rgba(255,255,255,.13);
  box-shadow:0 28px 70px rgba(5,31,61,.24);
}

.spk-cardpage-hero__image img{
  width:100%;
  height:390px;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:24px;
}

/* CALC */

.spk-cardpage-calc{
  position:relative;
  padding:96px 0;
  background:#f7fbff;
  overflow:hidden;
}

.spk-cardpage-calc__top{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 760px) minmax(360px, 1fr);
  gap:34px;
  align-items:start;
  margin-bottom:30px;
}

.spk-cardpage-calc__content{
  position:relative;
  z-index:2;
}

.spk-cardpage-calc__badge{
  display:inline-flex;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(18,76,170,.08);
  color:#124caa;
  font-size:14px;
  font-weight:800;
}

.spk-cardpage-calc__title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:900;
  color:#1E293B;
  letter-spacing:-.025em;
}

.spk-cardpage-calc__text{
  max-width:720px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.65;
  color:#5d6d8c;
}

.spk-cardpage-calc__features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
  max-width:760px;
}

.spk-cardpage-calc__feature{
  position:relative;
  padding:16px 18px 16px 44px;
  background:#fff;
  border:1px solid #dbe5f3;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(13,27,61,.05);
  font-size:15px;
  font-weight:800;
  color:#22304f;
}

.spk-cardpage-calc__feature:before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#1d62d8;
  box-shadow:0 0 0 6px rgba(29,98,216,.12);
}

.spk-cardpage-calc__image{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:390px;
  margin-top:28px;
}

.spk-cardpage-calc__image:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:6px;
  width:380px;
  height:380px;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(29,98,216,.10) 0%, rgba(29,98,216,.05) 42%, transparent 70%);
  pointer-events:none;
}

.spk-cardpage-calc__image img{
  position:relative;
  z-index:2;
  width:auto;
  max-width:470px;
  max-height:420px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 26px 34px rgba(13,27,61,.16));
}

.spk-cardpage-calc__form-wrap{
  position:relative;
  z-index:3;
  width:100%;
}

.spk-cardpage-calc__form{
  padding:0;
  border-radius:24px;
}

/* ADVANTAGES */

.spk-cardpage-advantages{
  padding:96px 0;
  background:#fff;
}

.spk-cardpage-advantages__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.spk-cardpage-adv-card{
  min-height:240px;
  padding:28px 24px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,95,168,.10);
  box-shadow:0 14px 34px rgba(6,31,59,.06);
}

.spk-cardpage-adv-card__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:44px;
  margin-bottom:18px;
  padding:0 12px;
  border-radius:14px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:14px;
  font-weight:900;
}

.spk-cardpage-adv-card__title{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.15;
  font-weight:900;
  color:#1f3147;
}

.spk-cardpage-adv-card__text{
  margin:0;
  font-size:15px;
  line-height:1.68;
  color:#62758f;
}

/* VALUE */

.spk-cardpage-value{
  padding:96px 0;
  background:#f7fbff;
}

.spk-cardpage-value__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.spk-cardpage-value-card{
  min-height:240px;
  padding:28px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(18,76,170,.08);
  box-shadow:0 16px 40px rgba(11,34,79,.07);
}

.spk-cardpage-value-card--accent{
  background:linear-gradient(135deg,#1654b7 0%, #0d3f98 100%);
  border-color:transparent;
}

.spk-cardpage-value-card__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  height:48px;
  margin-bottom:18px;
  padding:0 14px;
  border-radius:16px;
  background:#eef4ff;
  color:#124caa;
  font-size:14px;
  font-weight:900;
}

.spk-cardpage-value-card__title{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.16;
  font-weight:900;
  color:#16304f;
}

.spk-cardpage-value-card__text{
  margin:0;
  font-size:15px;
  line-height:1.68;
  color:#62758f;
}

.spk-cardpage-value-card--accent .spk-cardpage-value-card__icon{
  background:rgba(255,255,255,.14);
  color:#fff;
}

.spk-cardpage-value-card--accent .spk-cardpage-value-card__title{
  color:#fff;
}

.spk-cardpage-value-card--accent .spk-cardpage-value-card__text{
  color:rgba(255,255,255,.88);
}

/* TABLET */

@media (max-width:1024px){
  .spk-cardpage-container,
  .spk-cardpage-hero__wrap{
    width:min(1280px, calc(100% - 32px));
  }

  .spk-cardpage-hero{
    padding:calc(var(--gt-header-offset-tablet, 96px) + 22px) 0 58px;
  }

  .spk-cardpage-hero__wrap{
    grid-template-columns:1fr;
    gap:30px;
  }

  .spk-cardpage-hero__title{
    font-size:clamp(38px, 6vw, 54px);
  }

  .spk-cardpage-hero__text{
    max-width:100%;
    font-size:17px;
  }

  .spk-cardpage-hero__image img{
    height:330px;
  }

  .spk-cardpage-calc,
  .spk-cardpage-advantages,
  .spk-cardpage-value{
    padding:76px 0;
  }

  .spk-cardpage-calc__top{
    grid-template-columns:1fr;
    gap:16px;
  }

  .spk-cardpage-calc__image{
    min-height:330px;
    margin-top:0;
    justify-content:center;
  }

  .spk-cardpage-calc__image img{
    max-width:390px;
    max-height:360px;
  }

  .spk-cardpage-advantages__grid,
  .spk-cardpage-value__grid{
    grid-template-columns:1fr;
  }
}

/* MOBILE */

@media (max-width:767px){
  .spk-cardpage-container,
  .spk-cardpage-hero__wrap{
    width:min(1280px, calc(100% - 40px));
  }

  .spk-cardpage-hero{
    padding:calc(var(--gt-header-offset-mobile, 86px) + 14px) 0 40px;
  }

  .spk-cardpage-hero__badge,
  .spk-cardpage-head__badge,
  .spk-cardpage-calc__badge{
    padding:8px 14px;
    font-size:12px;
  }

  .spk-cardpage-hero__title{
    font-size:37px;
    line-height:1.1;
  }

  .spk-cardpage-hero__text{
    font-size:14px;
    line-height:1.58;
  }

  .spk-cardpage-hero__actions{
    flex-direction:column;
  }

  .spk-cardpage-hero__btn{
    width:100%;
    min-height:50px;
    padding:12px 16px;
    font-size:15px;
  }

  .spk-cardpage-hero__note{
    font-size:13px;
  }

  .spk-cardpage-hero__image{
    padding:10px;
    border-radius:18px;
  }

  .spk-cardpage-hero__image img{
    height:auto;
    border-radius:14px;
  }

  .spk-cardpage-calc,
  .spk-cardpage-advantages,
  .spk-cardpage-value{
    padding:72px 0;
  }

  .spk-cardpage-head__title,
  .spk-cardpage-calc__title{
    font-size:32px;
  }

  .spk-cardpage-head__text,
  .spk-cardpage-calc__text{
    font-size:15px;
  }

  .spk-cardpage-calc__features{
    grid-template-columns:1fr;
  }

  .spk-cardpage-calc__image{
    min-height:280px;
    margin-top:-4px;
  }

  .spk-cardpage-calc__image:before{
    width:260px;
    height:260px;
  }

  .spk-cardpage-calc__image img{
    max-width:300px;
    max-height:300px;
  }

  .spk-cardpage-adv-card,
  .spk-cardpage-value-card{
    min-height:auto;
    padding:22px 18px;
  }
}



.page-id-1881 .spk-cardpage-hero__title {
    font-size: clamp(32px,5.4vw,52px);
    }
	
	
	
.page-id-1982 .cargo-cta-wide-section {
    padding: 40px 0;    
}


.page-id-1982 .cargo-services-section {
   padding: 90px 0px 30px 0px;
}


@media (max-width: 767px) {
	.page-id-1982 .cargo-services-section {
   padding: 70px 0px 30px 0px;
}
}






.spk-contacts-page{
  --spk-blue:#0c3f73;
  --spk-blue-2:#0f5fa8;
  --spk-blue-3:#1594d1;
  --spk-accent:#ffb938;
  --spk-text:#1e293b;
  --spk-text-2:#5f728b;
  --spk-line:#dbe6f2;
  --spk-bg:#f7fbff;
  --spk-white:#fff;
}

.spk-contacts-page *{
  box-sizing:border-box;
}

.spk-contacts-container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
}

/* HERO */

.spk-contacts-hero{
  padding:calc(var(--gt-header-offset-desktop, 116px) + 36px) 0 90px;
  background:
    radial-gradient(circle at 80% 20%, rgba(255,185,56,.14), transparent 30%),
    linear-gradient(135deg,#0c3f73 0%,#0f5fa8 58%,#1594d1 100%);
  overflow:hidden;
}

.spk-contacts-hero__content{
  max-width:820px;
  color:#fff;
}

.spk-contacts-hero__badge{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 16px;
  margin-bottom:22px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:14px;
  font-weight:800;
}

.spk-contacts-hero__title{
  margin:0 0 22px;
  font-size:clamp(42px,5.4vw,64px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.04em;
  color:#fff;
}

.spk-contacts-hero__text{
  max-width:680px;
  margin:0;
  font-size:19px;
  line-height:1.68;
  color:rgba(255,255,255,.9);
}

/* MAIN */

.spk-contacts-main{
  padding:96px 0;
  background:#f7fbff;
}

.spk-contacts-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:34px;
  align-items:start;
}

.spk-contacts-info{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.spk-contacts-card{
  padding:24px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,95,168,.1);
  box-shadow:0 14px 34px rgba(6,31,59,.06);
}

.spk-contacts-card--accent{
  background:linear-gradient(135deg,#1654b7 0%, #0d3f98 100%);
  border-color:transparent;
  box-shadow:0 20px 44px rgba(18,76,170,.2);
}

.spk-contacts-card__label{
  display:block;
  margin-bottom:10px;
  font-size:13px;
  line-height:1.2;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#7c8da6;
}

.spk-contacts-card__value{
  display:block;
  margin-bottom:10px;
  text-decoration:none;
  font-size:26px;
  line-height:1.2;
  font-weight:900;
  color:#16304f;
}

.spk-contacts-card__text{
  margin:0;
  font-size:15px;
  line-height:1.62;
  color:#62758f;
}

.spk-contacts-card--accent .spk-contacts-card__label,
.spk-contacts-card--accent .spk-contacts-card__text{
  color:rgba(255,255,255,.78);
}

.spk-contacts-card--accent .spk-contacts-card__value{
  color:#fff;
}

/* SOCIAL */

.spk-contacts-social{
  padding:24px;
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(255,185,56,.16), transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 100%);
  border:1px solid rgba(15,95,168,.1);
  box-shadow:0 14px 34px rgba(6,31,59,.06);
}

.spk-contacts-social__label{
  display:block;
  margin-bottom:14px;
  font-size:13px;
  line-height:1.2;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#7c8da6;
}

.spk-contacts-social__link{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px;
  border-radius:18px;
  background:linear-gradient(135deg,#229ED9 0%,#0f7db8 100%);
  color:#fff;
  text-decoration:none;
  box-shadow:0 16px 32px rgba(34,158,217,.22);
  transition:.25s ease;
}

.spk-contacts-social__link:hover{
  transform:translateY(-2px);
  color:#fff;
}

.spk-contacts-social__icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background:rgba(255,255,255,.16);
}

.spk-contacts-social__icon svg{
  width:24px;
  height:24px;
}

.spk-contacts-social__link strong{
  display:block;
  margin-bottom:3px;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
}

.spk-contacts-social__link small{
  display:block;
  font-size:13px;
  line-height:1.3;
  color:rgba(255,255,255,.82);
}

.spk-contacts-social__text{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.62;
  color:#62758f;
}

/* FORM */

.spk-contacts-form-block{
  padding:30px;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(15,95,168,.1);
  box-shadow:0 18px 46px rgba(6,31,59,.08);
}

.spk-contacts-form-head{
  max-width:720px;
  margin-bottom:24px;
}

.spk-contacts-form-head__badge{
  display:inline-flex;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(15,95,168,.08);
  color:#0f5fa8;
  font-size:14px;
  font-weight:900;
}

.spk-contacts-form-head__title{
  margin:0 0 14px;
  font-size:40px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.025em;
  color:#1e293b;
}

.spk-contacts-form-head__text{
  margin:0;
  font-size:17px;
  line-height:1.65;
  color:#5f728b;
}

.spk-contacts-form{
  width:100%;
}

/* ROUTES */

.spk-contacts-routes{
  padding:96px 0;
  background:#fff;
}

.spk-contacts-routes__wrap{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:38px;
  align-items:center;
}

.spk-contacts-routes__badge{
  display:inline-flex;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(15,95,168,.08);
  color:#0f5fa8;
  font-size:14px;
  font-weight:900;
}

.spk-contacts-routes__title{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.025em;
  color:#1e293b;
}

.spk-contacts-routes__text{
  max-width:680px;
  margin:0 0 26px;
  font-size:18px;
  line-height:1.68;
  color:#5f728b;
}

.spk-contacts-routes__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.spk-contacts-routes__list div{
  position:relative;
  padding:16px 18px 16px 44px;
  border-radius:16px;
  background:#f7fbff;
  border:1px solid #dbe6f2;
  font-size:15px;
  line-height:1.4;
  font-weight:800;
  color:#22304f;
}

.spk-contacts-routes__list div:before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:12px;
  height:12px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#1d62d8;
  box-shadow:0 0 0 6px rgba(29,98,216,.12);
}

/* MAP */

.spk-contacts-map{
  width:100%;
  border-radius:28px;
  overflow:hidden;
  background:#eef5fb;
  border:1px solid rgba(15,95,168,.12);
  box-shadow:0 18px 46px rgba(6,31,59,.08);
}

.spk-contacts-map__stage{
  position:relative;
  width:100%;
  aspect-ratio:1200 / 600;
  overflow:hidden;
}

.spk-contacts-map__img{
  position:absolute;
  inset:0;
  width:92%;
  height:100%;
  object-fit:contain;
  display:block;
}

.spk-map-point{
  position:absolute;
  z-index:2;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  font-size:13px;
  line-height:1;
  font-weight:800;
  color:#16304f;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  white-space:nowrap;
  transform:translate(-50%, -50%);
}

.spk-map-point span{
  position:relative;
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:50%;
  background:#ffb938;
}

.spk-map-point span:before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:50%;
  border:2px solid rgba(255,185,56,.6);
  animation:spkPulse 1.6s infinite;
}

@keyframes spkPulse{
  0%{
    transform:scale(.6);
    opacity:1;
  }
  100%{
    transform:scale(2.4);
    opacity:0;
  }
}

/* координаты карты */
.spk-map-point--msk{ left:23%; top:57%; }
.spk-map-point--spb{ left:29%; top:37%; }
.spk-map-point--ekb{ left:48%; top:65%; }
.spk-map-point--nsk{ left:62%; top:72%; }
.spk-map-point--krd{ left:30%; top:76%; }
.spk-map-point--vdk{ left:87%; top:73%; }

/* TABLET */

@media (max-width:1024px){
  .spk-contacts-container{
    width:min(1280px, calc(100% - 32px));
  }

  .spk-contacts-hero{
    padding:calc(var(--gt-header-offset-tablet, 96px) + 24px) 0 68px;
  }

  .spk-contacts-main,
  .spk-contacts-routes{
    padding:76px 0;
  }

  .spk-contacts-grid,
  .spk-contacts-routes__wrap{
    grid-template-columns:1fr;
  }

  .spk-contacts-routes__title,
  .spk-contacts-form-head__title{
    font-size:38px;
  }
}

/* MOBILE */

@media (max-width:767px){
  .spk-contacts-container{
    width:min(1280px, calc(100% - 40px));
  }

  .spk-contacts-hero{
    padding:calc(var(--gt-header-offset-mobile, 86px) + 14px) 0 46px;
  }

  .spk-contacts-hero__badge,
  .spk-contacts-form-head__badge,
  .spk-contacts-routes__badge{
    padding:8px 14px;
    font-size:12px;
  }

  .spk-contacts-hero__title{
    font-size:37px;
    line-height:1.1;
  }

  .spk-contacts-hero__text{
    font-size:14px;
    line-height:1.58;
  }

  .spk-contacts-main,
  .spk-contacts-routes{
    padding:72px 0;
  }

  .spk-contacts-card,
  .spk-contacts-social{
    padding:20px;
    border-radius:20px;
  }

  .spk-contacts-card__value{
    font-size:22px;
  }

  .spk-contacts-social__link{
    padding:14px;
    border-radius:16px;
  }

  .spk-contacts-social__icon{
    width:42px;
    height:42px;
    flex-basis:42px;
    border-radius:14px;
  }

  .spk-contacts-form-block{
    padding:20px;
    border-radius:22px;
  }

  .spk-contacts-form-head__title,
  .spk-contacts-routes__title{
    font-size:32px;
  }

  .spk-contacts-form-head__text,
  .spk-contacts-routes__text{
    font-size:15px;
  }

  .spk-contacts-routes__list{
    grid-template-columns:1fr;
  }

  .spk-contacts-map{
    border-radius:22px;
  }

  .spk-map-point{
    gap:5px;
    padding:6px 8px;
    font-size:10px;
  }

  .spk-map-point span{
    width:8px;
    height:8px;
    flex-basis:8px;
  }
}





.spk-about-page{
  --spk-blue:#0c3f73;
  --spk-blue-2:#0f5fa8;
  --spk-blue-3:#1594d1;
  --spk-accent:#ffb938;
  --spk-text:#1e293b;
  --spk-text-2:#5f728b;
  --spk-line:#dbe6f2;
  --spk-bg:#f7fbff;
}

.spk-about-page *{
  box-sizing:border-box;
}

.spk-about-container{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
}

.spk-about-badge{
  display:inline-flex;
  padding:10px 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(15,95,168,.08);
  color:#0f5fa8;
  font-size:14px;
  font-weight:900;
}

.spk-about-badge--light{
  background:rgba(255,255,255,.14);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
}

.spk-about-title{
  margin:0 0 18px;
  font-size:clamp(32px,4vw,46px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.025em;
  color:var(--spk-text);
}

.spk-about-text{
  margin:0 0 16px;
  font-size:18px;
  line-height:1.68;
  color:var(--spk-text-2);
}

.spk-about-head{
  max-width:820px;
  margin-bottom:38px;
}

/* HERO */

.spk-about-hero{
  padding:calc(var(--gt-header-offset-desktop, 116px) + 36px) 0 94px;
  background:
    radial-gradient(circle at 80% 20%, rgba(255,185,56,.14), transparent 30%),
    linear-gradient(135deg,#0c3f73 0%,#0f5fa8 58%,#1594d1 100%);
}

.spk-about-hero__content{
  max-width:860px;
  color:#fff;
}

.spk-about-hero__badge{
  display:inline-flex;
  padding:8px 16px;
  margin-bottom:22px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:14px;
  font-weight:900;
}

.spk-about-hero__title{
  margin:0 0 24px;
  font-size:clamp(42px,5.4vw,64px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.04em;
  color:#fff;
}

.spk-about-hero__text{
  max-width:760px;
  margin:0 0 32px;
  font-size:19px;
  line-height:1.68;
  color:rgba(255,255,255,.9);
}

.spk-about-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.spk-about-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:14px 26px;
  border-radius:14px;
  text-decoration:none;
  font-size:16px;
  font-weight:900;
  transition:.25s ease;
}

.spk-about-btn:hover{
  transform:translateY(-2px);
}

.spk-about-btn--accent{
  background:var(--spk-accent);
  color:#0f2f57;
  box-shadow:0 12px 28px rgba(255,185,56,.28);
}

.spk-about-btn--light{
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
}

/* INTRO */

.spk-about-intro{
  padding:96px 0;
  background:#f7fbff;
}

.spk-about-intro__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);
  gap:34px;
  align-items:start;
}

.spk-about-intro__content{
  max-width:760px;
}

.spk-about-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.spk-about-metric{
  min-height:150px;
  padding:24px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,95,168,.1);
  box-shadow:0 14px 34px rgba(6,31,59,.06);
}

.spk-about-metric strong{
  display:block;
  margin-bottom:10px;
  font-size:34px;
  line-height:1;
  font-weight:900;
  color:#0f5fa8;
}

.spk-about-metric span{
  display:block;
  font-size:15px;
  line-height:1.45;
  font-weight:700;
  color:#5f728b;
}

/* DIRECTIONS */

.spk-about-directions{
  padding:96px 0;
  background:#fff;
}

.spk-about-directions__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.spk-about-direction{
  min-height:210px;
  padding:26px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,95,168,.1);
  box-shadow:0 14px 34px rgba(6,31,59,.06);
}

.spk-about-direction h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.18;
  font-weight:900;
  color:#16304f;
}

.spk-about-direction p{
  margin:0;
  font-size:15px;
  line-height:1.64;
  color:#62758f;
}

/* PRINCIPLES */

.spk-about-principles{
  padding:96px 0;
  background:#f7fbff;
}

.spk-about-principles__grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:34px;
  align-items:start;
}

.spk-about-principles__content{
  max-width:620px;
}

.spk-about-principles__list{
  display:grid;
  gap:16px;
}

.spk-about-principle{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:18px;
  padding:24px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,95,168,.1);
  box-shadow:0 14px 34px rgba(6,31,59,.06);
}

.spk-about-principle span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:16px;
  background:#eaf4fb;
  color:#0f5fa8;
  font-size:14px;
  font-weight:900;
}

.spk-about-principle h3{
  margin:0 0 8px;
  font-size:22px;
  line-height:1.18;
  font-weight:900;
  color:#16304f;
}

.spk-about-principle p{
  margin:0;
  font-size:15px;
  line-height:1.64;
  color:#62758f;
}

/* CTA */

.spk-about-cta{
  padding:96px 0;
  background:#fff;
}

.spk-about-cta__wrap{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);
  gap:34px;
  align-items:start;
  padding:34px;
  border-radius:32px;
  background:
    radial-gradient(circle at top right, rgba(255,185,56,.18), transparent 32%),
    linear-gradient(135deg,#0c3f73 0%,#0f5fa8 58%,#1594d1 100%);
  box-shadow:0 24px 60px rgba(6,31,59,.16);
}

.spk-about-cta__content{
  color:#fff;
}

.spk-about-cta__title{
  margin:0 0 18px;
  font-size:clamp(32px,4vw,46px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.025em;
  color:#fff;
}

.spk-about-cta__text{
  margin:0;
  font-size:18px;
  line-height:1.68;
  color:rgba(255,255,255,.88);
}

.spk-about-cta__form{
  border-radius:24px;
}

/* ADAPTIVE */

@media (max-width:1024px){
  .spk-about-container{
    width:min(1280px, calc(100% - 32px));
  }

  .spk-about-hero{
    padding:calc(var(--gt-header-offset-tablet, 96px) + 24px) 0 72px;
  }

  .spk-about-intro,
  .spk-about-directions,
  .spk-about-principles,
  .spk-about-cta{
    padding:76px 0;
  }

  .spk-about-intro__grid,
  .spk-about-principles__grid,
  .spk-about-cta__wrap{
    grid-template-columns:1fr;
  }

  .spk-about-directions__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:767px){
  .spk-about-container{
    width:min(1280px, calc(100% - 40px));
  }

  .spk-about-hero{
    padding:calc(var(--gt-header-offset-mobile, 86px) + 14px) 0 48px;
  }

  .spk-about-hero__badge,
  .spk-about-badge{
    padding:8px 14px;
    font-size:12px;
  }

  .spk-about-hero__title{
    font-size:37px;
    line-height:1.1;
  }

  .spk-about-hero__text,
  .spk-about-text,
  .spk-about-cta__text{
    font-size:15px;
    line-height:1.6;
  }

  .spk-about-hero__actions{
    flex-direction:column;
  }

  .spk-about-btn{
    width:100%;
    min-height:50px;
    padding:12px 16px;
    font-size:15px;
  }

  .spk-about-intro,
  .spk-about-directions,
  .spk-about-principles,
  .spk-about-cta{
    padding:72px 0;
  }

  .spk-about-title,
  .spk-about-cta__title{
    font-size:32px;
  }

  .spk-about-metrics,
  .spk-about-directions__grid{
    grid-template-columns:1fr;
  }

  .spk-about-metric,
  .spk-about-direction,
  .spk-about-principle{
    padding:22px 18px;
    border-radius:20px;
  }

  .spk-about-principle{
    grid-template-columns:1fr;
    gap:14px;
  }

  .spk-about-cta__wrap{
    padding:22px 18px;
    border-radius:24px;
  }
}



.gt-header-mail-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}

.gt-header-mail{
  font-size:14px;
  line-height:1.2;
  font-weight:500;
  color:#6F7C92;
  text-decoration:none;
  transition:.2s ease;
}

.gt-header-mail:hover{
  color:#09388A;
}



.gt-offcanvas-contact{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.gt-offcanvas__email{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  border-radius:14px;
  text-decoration:none;
  color:#6F7C92;
  font-size:14px;
  font-weight:700;
  background:#F8FAFF;
  border:1px solid var(--gt-line);
}

.gt-offcanvas__email:hover{
  color:var(--gt-blue);
}