body{font-family:'Montserrat',serif;background-color:#fefcfe;background:#fffcf5 url(/images/tmpl/noise.png)}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:'Montserrat',serif}
.com-content-category-blog h1,.com-content-category-blog .h1{text-align:center;padding:2rem 0 .75rem}

.container-header{background:#0d0d0d;z-index:101}
.container-header .navbar-toggler{border:none;color:#fff}
.container-header .navbar-toggler:focus,.container-header .navbar-toggler:focus-visible{border:none;color:#3d386f;box-shadow:none}
.container-header .container-nav{padding-bottom:.5em}

.navbar-nav .nav-link{color:#fff;padding:1rem;font-weight:500}
.nav-link:focus,.nav-link:hover,div.mod-languages a:focus,div.mod-languages a:hover{color:#c9ab56!important}

.brand-block{margin-right:1rem;z-index:9999}
.brand-lg{width:160px;height:59px;-webkit-transition:width .3s ease-in-out, height .3s ease-in-out;transition:width .3s ease-in-out, height .3s ease-in-out}
.brand-md{width:126px;height:46px;-webkit-transition:width .3s ease-in-out, height .3s ease-in-out;transition:width .3s ease-in-out, height .3s ease-in-out}

.dropdown-menu{background-color:#0d0d0d;border:none}
.dropdown-item{padding:.75rem 1rem;color:#fff}
.dropdown-item.active,.dropdown-item:active{background-color:#000}
.dropdown-item:focus,.dropdown-item:hover{background-color:inherit}

:root:has(.sticky-top) [id] {scroll-margin-top: var(--cassiopeia-scroll-margin-top, 1rem)}

div.mod-languages a{color:#fff;font-weight:500}
div.mod-languages ul li.lang-active{background-color:#0d0d0d;border:1px solid #6d757e;border-radius:20px}
div.mod-languages ul li.lang-active a{color:#fff}
div.mod-languages li {margin:0}

.container-header .mod-finder, .container-header .mod-finder a{display:flex;display:-webkit-box;display:-ms-flexbox}

.mod-finder__search.input-group .awesomplete input{background-color:#232936;border:none;border-radius:0;color:#fff}
.mod-finder__search.input-group .awesomplete input:focus{box-shadow:none}
.mod-finder__search.input-group button{background-color:#232936;border:none;box-shadow:none!important}
.com-finder{margin-top:1.5rem;max-width:670px;margin:auto}
.result__title-text{font-weight:800}

.container-banner{background-image:linear-gradient(to right, #141a3a, #000)}
.banner{min-height:92vh!important}

.z-index-100{z-index:100}

a:not([class]) {text-decoration:none}
a:not(.btn):focus,a:not(.btn):hover{color:#a51f18}
a{color:#a51f18;text-decoration:none}
a:focus,a:hover{color:inherit;text-decoration:none}

.h1,.h2,/*.h3,*/h1,h2/*,h3*/{margin-bottom:1.5rem}
.h4,.h5,h4,h5{margin-top:.5rem;margin-bottom:1.5rem}

p,ul,ol{margin-bottom:1.5rem;line-height:1.6}
ol,ul{padding-left:1.35rem}
blockquote{border-left:5px solid #00b1a5;background-color:#f3f7f7;padding:1.5rem 1.5rem 1.5rem 2rem;margin-bottom:1.5rem!important}
.lead{font-weight:400}
.fw-bold{font-weight:600!important}
.fw-superbold{font-weight:700!important}

.mod-list li a:hover{color:#433b73;text-decoration:none}
.mod-list li a{font-weight:800}

.breadcrumb{padding-left:0!important;background:none;font-size:.85rem}
.mod-breadcrumbs>.float-start{display:none}

.com-content-article .page-header{margin-top:2rem;margin-bottom:2rem}
.module-page-header{border-bottom:1px dotted #000;margin-bottom:3rem;padding-bottom:2rem}

.blog-items[class*=\ masonry-] .blog-item{border:1px solid #ddd;padding:1rem 3rem}

.bg-siestasands{background:#ebe8e5 url(/images/tmpl/noise.png)}
.bg-siestasands-light{background:#fffcf5 url(/images/tmpl/noise.png)}
.bg-gray{background:rgb(106 106 106)}
.bg-darkgray{background:rgb(56, 56, 56)}
.bg-lightgray{background-color:#f1f2f3}
.bg-red{background:#a51f18 url(/images/tmpl/noise.png)}
.bg-darknavy{background:#141a3a}
.bg-black{background-color:#0a0a0a!important}

.br-1{border-radius:1rem}
.card-title{font-size:1.25rem}
.card-text{line-height:1.5}
.card-text:last-child{margin-bottom:.75rem}
.card-footer{background-color:transparent;margin-bottom:1.5rem}

.hover-shadow,.card-title-hover{-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}
.card-title-hover:hover{color:orangered!important}
.hover-shadow:hover{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.6);box-shadow: 0 20px 40px rgba(0,0,0,.6)}

.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}
.embed-responsive-4by3::before{padding-top:75%}
.embed-responsive-16by9::before{padding-top:56.25%}
.embed-responsive::before{display:block;content: ""}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}

.pagenavigation .pagination,.pager .pagination{margin:3em 0}

.footer .grid-child{display:block;padding:2.5rem 0.5rem 1.5rem}
.container-footer{background-image:none;background-color:#0d0d0d!important}
.footer,.footer1{background-image:none;background-color:#0d0d0d!important;color:rgba(255,255,255,.8)}
.footer1{font-size:.9rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}
.ul-footer li{margin-bottom:1rem}

.readmore{color:#a51f18;font-weight:300}
.readmore>.btn-secondary{padding-left:0;color:#a51f18;border:none;background:transparent}
.readmore>.btn-check:focus+.btn-secondary,.readmore>.btn-secondary:focus{-webkit-box-shadow:none;box-shadow:none}
.readmore>.btn-secondary:focus,.btn-secondary:hover{background-color:transparent}
.icon-chevron-right{display:none}

.article-info dd{padding:0;font-size:smaller}
.icon-calendar{display:none}
.list-inline-item{margin-bottom:1rem}

.no-card .newsflash-horiz li{padding:1rem;border-radius:1rem}
.mod-articlesnews-horizontal img{margin-bottom:1.5rem}
.mb-m15{margin-bottom:-15%}
.mb-m5{margin-bottom:-5%}

.carousel-control-prev-icon,.carousel-control-next-icon{background-color:#a51f18}
.carousel-control-prev,.carousel-control-next{align-items:end;padding-bottom:1.25rem}

/*social-links*/
.social-links{margin-left:auto;text-align:center;display:inline-flex}
.social-links .social-button{margin:6px auto;width:42px;height:42px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1rem;cursor:pointer;transition:background-color 0.3s ease;border:1px solid transparent;box-shadow:0 1px 8px rgba(0, 0, 0, 0.37)}
.social-links .linkedin-button{background-color:#0077b5;border-color:#0077b5}
.social-links .twitter-button{background-color:#1da1f2;border-color:#1da1f2}
.social-links .whatsapp-button{background-color:#25d366;border-color:#25d366}
.social-links .facebook-button{background-color:#0c69c0;border-color:#0c69c0}

.btn-orange{background-color:orangered;border-color:orangered}
.btn{font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;border-radius:1px}

.back-to-top-link{border-radius:50%;padding:.85em 1em}
.back-to-top-link:focus,.back-to-top-link:hover{background-color:#adb5bd;color:inherit!important}

/* hamburger */
/*NEW*/
/*offcanvas*/
.offcanvas.offcanvas-end{left:-1px;width:100%}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl{width:100%}
.offcanvas-header{display:block}
.offcanvas-header .btn-close{margin-right:.75rem;float:right}
.offcanvas-body{padding-top:5rem;background:#0d0d0d}

/* hamburger*/
.container-header .navbar-toggler{z-index:9999}

.hamburger:hover{opacity:.7}
.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px;height:2px;background-color:#fff;border-radius:2px;position:absolute;transition-property:transform;
transition-duration:.15s;transition-timing-function:ease}

.navbar-dark .hamburger-inner,.navbar-dark .hamburger-inner::before,.navbar-dark .hamburger-inner::after{background-color:#fff}
.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}

.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}
.nav-scroller .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;color:rgba(255,255,255,.75);text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}
.nav-underline .nav-link{padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;color:var(--secondary)}
.nav-underline .nav-link:hover{color:var(--blue)}
.nav-underline .active{font-weight:500;color:var(--gray-dark)}

@media (min-width: 1370px) {
.container-header .grid-child{padding-left:0}
}
@media (max-width: 1360px) {
.footer .grid-child{padding-left:1em;padding-right:1em}
}
@media (min-width: 1200px) {
.h1, h1 {font-size:3rem}
.com-content-category-blog{padding-left:64px;padding-right:64px}
}
/*anm*/
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link{padding-right:0;padding-left:0;margin-right:.5rem;margin-left:.5rem}
.anm >a{position:relative;text-decoration:none}
.anm >a:before{content:"";position:absolute;width:100%;height:1px;bottom:-0.25rem;background-color:#d83015;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}
.anm >a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@media (min-width: 992px) {
.navbar .nav-item .dropdown-menu{display:none}
.navbar .nav-item:hover .dropdown-menu{display:block}
.navbar .nav-item .dropdown-menu{margin-top:0}
.dropdown-menu{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
.container-footer{margin-top:3em}
}
@media (max-width: 991px) {
.m-text-center{text-align:center}
}
@media (min-width: 767.99px) {
.footer .grid-child{padding-top:3rem;padding-bottom:2rem}
.md-p-5{padding:3rem!important}
}
@media (max-width: 767.98px) {
.mod-languages{margin-top:1rem}
}

/*test*/
.h3,h3{font-weight:600}

h2.section_title {
    border-bottom: solid 2px #a51f18;
    display: inline-block;
    padding-bottom: 12px;
    font-weight:600;
}

body.wrapper-fluid .site-grid {
    grid-gap: 0;
}
.container-component>:first-child, .container-sidebar-left>:first-child, .container-sidebar-right>:first-child, .container-component>*+*, .container-sidebar-left>*+*, .container-sidebar-right>*+* {
    margin-top: 0;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding-right: calc(var(--gutter-x)* 1);
    padding-left: calc(var(--gutter-x)* 1);
}

.footer {
    margin-top: 0;
}
@media (min-width: 992px) {
    .container-footer {
        margin-top: 0;
    }
}


/* ── ЗМІННІ ── */
:root {
  --sk-ink:        #0a0a0a;
  --sk-paper:      #f5f0e8;
  --sk-gold:       #c9a84c;
  --sk-gold-light: #e8d5a0;
  --sk-mid:        #6b6355;
  --sk-line:       rgba(10,10,10,0.12);
  --sk-line-light: rgba(245,240,232,0.1);
}

/* ── СКИДАННЯ ДЛЯ КОНТЕЙНЕРА ЛЕНДІНГУ ── */
.sk-hero, .sk-marquee, .sk-services,
.sk-values, .sk-process, .sk-audience, .sk-cta {
  box-sizing: border-box;
  color: var(--sk-ink);
}

.sk-hero *, .sk-marquee *, .sk-services *,
.sk-values *, .sk-process *, .sk-audience *, .sk-cta * {
  box-sizing: border-box;
}

/* Скидання відступів заголовків Joomla */
.sk-hero h1, .sk-hero h2, .sk-hero h3,
.sk-services h1, .sk-services h2, .sk-services h3,
.sk-values h1, .sk-values h2, .sk-values h3,
.sk-process h1, .sk-process h2, .sk-process h3,
.sk-audience h1, .sk-audience h2, .sk-audience h3,
.sk-cta h1, .sk-cta h2, .sk-cta h3 {
  margin: 0;
  padding: 0;
  font-weight: 600;
}

/* ── NOISE TEXTURE ── */
.sk-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 2;
  opacity: 0.35;
}

/* ══ HERO ══ */
.sk-hero {
  min-height: 85vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  overflow: hidden;
}

.sk-hero__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 48px 80px 64px;
  position: relative;
  z-index: 3;
}

.hero-h1 {
  font-size: 10px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  margin: 0 0 40px!important;
  display: flex;
  align-items: center;
  gap: 16px;
}
.hero-h1::before {
  content: '';
  width: 32px; height: 1px;
  background: var(--sk-gold);
  flex-shrink: 0;
}

.sk-hero__headline {
  font-size: clamp(44px, 5.5vw, 84px);
  font-weight: 300!important;
  line-height: 1.06;
  letter-spacing: -0.02em;
  margin-bottom: 32px !important;
}
.sk-hero__headline em { font-style: italic; color: var(--sk-gold); }

.sk-hero__sub {
  font-size: 19px;
  font-weight: 300;
  line-height: 1.65;
  margin: 0 0 52px;
}

/* CTA group — Bootstrap d-flex align-items-center flex-wrap gap-* покриває це,
   але gap не стандартний у BS4, тому залишаємо власний */
.sk-hero__cta-group {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}

/* ── КНОПКА (не замінюємо Bootstrap .btn — дизайн різний) ── */
.sk-btn-primary {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sk-paper) !important;
  background: var(--sk-ink);
  text-decoration: none !important;
  padding: 16px 36px;
  display: inline-block;
  transition: opacity 0.3s ease;
  position: relative;
  overflow: hidden;
}
.sk-btn-primary::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 3px;
  background: var(--sk-gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.sk-btn-primary:hover::after { transform: scaleX(1); }

.sk-scroll-hint {
  font-size: 15px;
  letter-spacing: 0.2em;
  color: var(--sk-mid);
  display: flex;
  align-items: center;
  gap: 12px;
}

.sk-scroll-line {
  display: inline-block;
  width: 36px; height: 1px;
  background: var(--sk-mid);
  animation: sk-scrollPulse 2s ease-in-out infinite;
}
@keyframes sk-scrollPulse {
  0%, 100% { transform: scaleX(1); opacity: 1; }
  50%       { transform: scaleX(0.4); opacity: 0.4; }
}

/* Hero right */
.sk-hero__right {
  position: relative;
  background: var(--sk-ink);
  overflow: hidden;
}
.sk-hero__right-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 56px;
  z-index: 3;
}

.sk-hero__circle {
  position: absolute;
  border-radius: 50%;
}
.sk-hero__circle--1 {
  top: -120px; right: -120px;
  width: 480px; height: 480px;
  border: 1px solid rgba(201,168,76,0.18);
}
.sk-hero__circle--2 {
  top: -60px; right: -60px;
  width: 360px; height: 360px;
  border: 1px solid rgba(201,168,76,0.1);
}
.sk-hero__diagonal {
  position: absolute;
  top: 0; left: 0;
  width: 1px; height: 100%;
  background: linear-gradient(to bottom, transparent, var(--sk-gold), transparent);
  opacity: 0.25;
}

/* stat-row — Bootstrap d-flex flex-wrap gap замінює, але залишаємо для надійності */
.sk-hero__stat-row {
  display: flex;
  gap: 36px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}
.sk-hero__stat-num {
  font-size: 38px;
  font-weight: 700;
  color: var(--sk-gold);
  line-height: 1;
}
.sk-hero__stat-label {
  font-size: 13px;
  font-weight: 300;
  color: rgba(245,240,232,0.65);
  margin-top: 6px;
  line-height: 1.4;
  max-width: 110px;
}

.sk-hero__quote {
  font-size: 22px;
  font-weight: 300;
  font-style: italic;
  color: rgba(245,240,232,0.88);
  line-height: 1.55;
  border-left: 4px solid var(--sk-gold);
  padding-left: 20px;
  margin: 0;
}

/* ══ MARQUEE ══ */
.sk-marquee {
  background: var(--sk-gold);
  padding: 22px 0;
  overflow: hidden;
  white-space: nowrap;
}
.sk-marquee__track {
  display: inline-flex;
  gap: 60px;
  animation: sk-marquee 22s linear infinite;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sk-ink);
}
.sk-dot { opacity: 0.5; }
@keyframes sk-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ══ SECTION LABEL (спільний) ══ */
.sk-section-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 56px;
}
.sk-section-label::before {
  content: '';
  width: 22px; height: 1px;
  background: var(--sk-gold);
  flex-shrink: 0;
}
.sk-section-label--light { color: #efefef; }

/* ══ ПОСЛУГИ ══ */
.sk-services { padding: 100px 64px; }

.sk-services__headline {
  font-size: clamp(32px, 4vw, 60px);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 0 0 80px !important;
}
.sk-services__headline em { font-style: italic; color: var(--sk-gold); }

.sk-services__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--sk-line);
}

.sk-service-card {
  padding: 48px 40px;
  border-right: 1px solid var(--sk-line);
  transition: background 0.4s ease, color 0.4s ease;
  cursor: default;
}
.sk-service-card:last-child { border-right: none; }
.sk-service-card:hover { background: var(--sk-ink); }

.sk-service-card__num {
  font-weight: 600;
  letter-spacing: 0.15em;
  color: var(--sk-gold);
  margin-bottom: 28px;
}
.sk-service-card__line {
  width: 28px; height: 1px;
  background: var(--sk-line);
  margin-bottom: 28px;
  transition: background 0.4s;
}
.sk-service-card:hover .sk-service-card__line { background: var(--sk-gold); }

.sk-service-card__title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px !important;
  transition: color 0.4s;
}
.sk-service-card:hover .sk-service-card__title { color: var(--sk-paper); }

.sk-service-card__desc {
  font-weight: 600;
  line-height: 1.65;
  margin-bottom: 28px;
  transition: color 0.4s;
}
.sk-service-card:hover .sk-service-card__desc { color: rgba(245,240,232,0.6); }

/* Замінюємо list-style: none + padding: 0 + margin: 0 на Bootstrap list-unstyled
   але оскільки HTML генерується Joomla, залишаємо власне правило */
.sk-service-card__items {
  list-style: none;
  margin: 0; padding: 0;
}
.sk-service-card__items li {
  font-size: 14px;
  font-weight: 300;
  padding: 10px 0;
  border-top: 1px solid var(--sk-line);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.55;
  transition: color 0.4s;
}
.sk-service-card:hover .sk-service-card__items li { color: rgba(245,240,232,0.65); }
.sk-service-card__items li::before {
  content: '—';
  color: var(--sk-gold);
  flex-shrink: 0;
  font-size: 11px;
  margin-top: 2px;
}

/* ══ ПЕРЕВАГИ ══ */
.sk-values {
  background: var(--sk-ink);
  padding: 120px 64px;
  position: relative;
  overflow: hidden;
}
.sk-values::before {
  content: 'СІМЕР КОМ';
  position: absolute;
  right: -24px; top: 50%;
  transform: translateY(-50%);
  font-size: 260px;
  font-weight: 700;
  color: rgba(255,255,255,0.02);
  pointer-events: none;
  line-height: 1;
  user-select: none;
}

.sk-values__headline {
  font-size: clamp(30px, 4vw, 56px);
  font-weight: 300;
  color: var(--sk-paper);
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 0 0 82px !important;
}
.sk-values__headline em { font-style: italic; color: var(--sk-gold); }

.sk-values__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(255,255,255,0.07);
}

.sk-value-item {
  background: var(--sk-ink);
  padding: 48px 40px;
}
.sk-value-item__icon { font-size: 34px; margin-bottom: 36px; }
.sk-value-item__title {
  font-weight: 700;
  color: var(--sk-gold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 36px;
  font-size: 1.5em;
}
.sk-value-item__text {
  font-weight: 300;
  color: rgba(245,240,232,0.75);
  line-height: 1.7;
  margin: 0;
}

/* ══ ПРОЦЕС ══ */
.sk-process { padding: 100px 64px; }

.sk-process__headline {
  font-size: clamp(32px, 4vw, 58px);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 0 0 80px !important;
}
.sk-process__headline em { font-style: italic; color: var(--sk-gold); }

.sk-process__steps {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.sk-process__step {
  padding: 52px 52px 52px 0;
  border-bottom: 1px solid var(--sk-line);
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 28px;
  align-items: start;
}
.sk-process__step:nth-child(even) {
  padding-left: 52px;
  padding-right: 0;
  border-left: 1px solid var(--sk-line);
}

.sk-process__step-num {
  font-size: 44px;
  font-weight: 700;
  color: var(--sk-gold);
  line-height: 1;
  opacity: 0.35;
}
.sk-process__step-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px !important;
}
.sk-process__step-text {
  font-weight: 300;
  line-height: 1.7;
  margin: 0;
}

/* ══ ДЛЯ КОГО ══ */
.sk-audience {
  background: var(--sk-ink);
  padding: 96px 64px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: center;
}

.sk-audience__headline {
  font-size: clamp(28px, 3.5vw, 48px);
  font-weight: 300;
  color: var(--sk-paper);
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 0 0 28px !important;
}
.sk-audience__headline em { font-style: italic; color: var(--sk-gold); }

.sk-audience__desc {
  font-size: 17px;
  font-weight: 300;
  color: rgba(245,240,232,0.65);
  line-height: 1.7;
  margin: 0;
}

.sk-audience__right {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.sk-audience__item {
  background: rgba(255,255,255,0.04);
  padding: 40px 36px;
  display: flex;
  align-items: center;
  gap: 24px;
  border-left: 2px solid transparent;
  transition: background 0.3s, border-color 0.3s;
  cursor: default;
}
.sk-audience__item:hover {
  background: rgba(255,255,255,0.08);
  border-left-color: var(--sk-gold);
}

.sk-audience__emoji { font-size: 26px; flex-shrink: 0; }
.sk-audience__name {
  font-size: 18px;
  font-weight: 300;
  color: var(--sk-paper);
  margin-bottom: 4px;
}
.sk-audience__hint {
  font-size: 13px;
  font-weight: 300;
  color: rgba(245,240,232,0.65);
  line-height: 1.5;
}

/* ══ CTA ══ */
.sk-cta {
  padding: 120px 64px;
  position: relative;
  overflow: hidden;
}
.sk-cta::before {
  content: '';
  position: absolute;
  top: -200px; left: -200px;
  width: 580px; height: 580px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201,168,76,0.07) 0%, transparent 70%);
  pointer-events: none;
}

.sk-cta__inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.sk-cta__eyebrow {
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--sk-gold);
  margin: 0 0 36px;
}
.sk-cta__headline {
  font-size: clamp(36px, 5vw, 72px);
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0 0 28px !important;
}
.sk-cta__headline em { font-style: italic; color: var(--sk-gold); }

.sk-cta__sub {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.65;
  margin: 0 auto 40px;
  max-width: 500px;
}

/* Форма — стилі для Joomla-модуля */
.sk-cta-form {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 460px;
  margin: 0 auto;
}

.sk-cta-form__input,
.sk-cta-form__textarea {
  font-size: 16px;
  font-weight: 300;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--sk-line);
  padding: 16px 0;
  color: var(--sk-ink);
  outline: none;
  transition: border-color 0.3s;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  margin-bottom: 4px;
}
.sk-cta-form__input::placeholder,
.sk-cta-form__textarea::placeholder { color: rgba(10,10,10,0.3); }
.sk-cta-form__input:focus,
.sk-cta-form__textarea:focus {
  border-bottom-color: var(--sk-gold);
  box-shadow: none;
  outline: none;
}
.sk-cta-form__textarea { min-height: 96px; resize: vertical; }

.sk-btn-submit {
  font-size: 11px !important;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--sk-paper);
  background: var(--sk-ink);
  border: none;
  padding: 18px 52px;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
  transition: color 0.4s;
  align-self: center;
}
.sk-btn-submit::before {
  content: '';
  position: absolute; inset: 0;
  background: var(--sk-gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: 0;
}
.sk-btn-submit:hover::before { transform: scaleX(1); }
.sk-btn-submit:hover { color: var(--sk-ink); }
.sk-btn-submit span { position: relative; z-index: 1; }

/* ══ FADE-UP ANIMATION ══ */
.sk-fade-up {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.75s ease, transform 0.75s ease;
}
.sk-fade-up.sk-visible { opacity: 1; transform: translateY(0); }
.sk-fade-up:nth-child(2) { transition-delay: 0.1s; }
.sk-fade-up:nth-child(3) { transition-delay: 0.2s; }

/* ══ RESPONSIVE ══ */
@media (max-width: 1024px) {
  .sk-hero { grid-template-columns: 1fr; }
  .sk-hero__right { min-height: 48vh; }
  .sk-hero__left { padding: 72px 36px 56px; }

  .sk-services { padding: 88px 36px; }
  .sk-services__grid { grid-template-columns: 1fr; }
  .sk-service-card { border-right: none; border-bottom: 1px solid var(--sk-line); }
  .sk-service-card:last-child { border-bottom: none; }

  .sk-values { padding: 88px 36px; }
  .sk-values__grid { grid-template-columns: 1fr; }

  .sk-process { padding: 88px 36px; }
  .sk-process__steps { grid-template-columns: 1fr; }
  .sk-process__step:nth-child(even) { padding-left: 0; border-left: none; }
  .sk-process__step { grid-template-columns: 56px 1fr; }

  .sk-audience { grid-template-columns: 1fr; padding: 72px 36px; }

  .sk-cta { padding: 88px 36px; }
}

@media (max-width: 640px) {
  .sk-hero__right-content { padding: 36px; }
  .sk-hero__stat-row { gap: 24px; }
  .sk-hero__quote { font-size: 18px; }
  .sk-services__headline,
  .sk-values__headline,
  .sk-process__headline,
  .sk-cta__headline { font-size: clamp(28px, 8vw, 44px); }
}