/* ==========================================================
   HERO SECTION — fully dynamic via CSS variables set inline
   per banner: --hero-bg-1/2/3, --hero-accent-1/2
========================================================== */

.home-hero{
    position:relative;
    overflow:hidden;
    isolation:isolate;

    --hero-bg-1: #02071b;
    --hero-bg-2: #031041;
    --hero-bg-3: #061d63;
    --hero-accent-1: #22d3ee;
    --hero-accent-2: #818cf8;

    background:

        radial-gradient(circle at 82% 15%,
            color-mix(in srgb, var(--hero-accent-1) 40%, transparent) 0%,
            color-mix(in srgb, var(--hero-accent-1) 22%, transparent) 18%,
            color-mix(in srgb, var(--hero-accent-2) 10%, transparent) 35%,
            transparent 55%),

        radial-gradient(circle at 73% 52%,
            color-mix(in srgb, var(--hero-accent-1) 18%, transparent) 0%,
            color-mix(in srgb, var(--hero-accent-1) 12%, transparent) 25%,
            color-mix(in srgb, var(--hero-accent-2) 6%, transparent) 42%,
            transparent 70%),

        radial-gradient(circle at 18% 18%,
            color-mix(in srgb, var(--hero-accent-1) 12%, transparent) 0%,
            transparent 38%),

        radial-gradient(circle at 50% 100%,
            color-mix(in srgb, var(--hero-accent-2) 10%, transparent) 0%,
            transparent 55%),

        linear-gradient(
            135deg,
            var(--hero-bg-1) 0%,
            var(--hero-bg-2) 20%,
            var(--hero-bg-3) 45%,
            var(--hero-bg-2) 72%,
            var(--hero-bg-1) 100%
        );

    min-height:500px;
    height:100%;
    /* padding:15px 0; */
    display:flex;
    align-items:center;
}

/* ------------------------------------------------------------
   REAL PHOTO BACKGROUNDS (Slides using bg_image)
------------------------------------------------------------ */

.home-hero-photo{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    z-index:0;
}

.home-hero-photo-overlay{
    position:absolute;
    inset:0;
    z-index:0;
}

.home-hero.has-bgimage .home-hero-bg-grid{ display:none; }
.home-hero.has-bgimage::before,
.home-hero.has-bgimage::after{ display:none; }

/* ------------------------------------------------------------
   LIGHT THEME (Banner 3 style — white / orange partner strip)
------------------------------------------------------------ */

.home-hero.theme-light{
    background:
        radial-gradient(circle at 85% 20%,
            color-mix(in srgb, var(--hero-accent-1) 12%, transparent) 0%,
            transparent 45%),
        linear-gradient(135deg, var(--hero-bg-1) 0%, var(--hero-bg-2) 55%, var(--hero-bg-3) 100%);
}

.home-hero.theme-light .home-hero-content{ color:#1f2430; }

.home-hero.theme-light .home-hero-badge{
    background: color-mix(in srgb, var(--hero-accent-1) 12%, transparent);
    border-color: color-mix(in srgb, var(--hero-accent-1) 40%, transparent);
}
.home-hero.theme-light .home-hero-badge span{ color: var(--hero-accent-2); }

.home-hero.theme-light h1,
.home-hero.theme-light .home-hero-title{
    color:#12141d;
    /*font-weight:800;*/
}

.home-hero.theme-light .home-hero-description{ color:#5c6478; }
.home-hero.theme-light .home-hero-description strong{ color: var(--hero-accent-1); }

.home-hero.theme-light .home-demo-btn{
    color:#1f2430;
    border-color: rgba(0,0,0,.15);
}
.home-hero.theme-light .home-demo-btn:hover{
    border-color: var(--hero-accent-1);
    background: color-mix(in srgb, var(--hero-accent-1) 8%, transparent);
}

.home-hero.theme-light .home-hero-bg-grid,
.home-hero.theme-light .home-hero::after{ opacity:.06; }

/* Layout mirroring — put image on the left instead of right */
.home-hero.layout-image_left .home-hero-wrapper{ direction: rtl; }
.home-hero.layout-image_left .home-hero-content,
.home-hero.layout-image_left .home-hero-visual{ direction: ltr; }

.home-hero-bg-grid{
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle,var(--hero-accent-1) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);

    background-size: 70px 70px, 40px 40px, 40px 40px;
    opacity:.22;
    pointer-events:none;
    z-index:0;
}

.home-hero::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at 78% 48%, color-mix(in srgb, var(--hero-accent-1) 16%, transparent), transparent 35%),
        radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--hero-accent-2) 8%, transparent), transparent 28%);

    pointer-events:none;
    z-index:1;
}

.home-hero::after{
    content:"";
    position:absolute;
    left:-10%;
    right:-10%;
    bottom:-180px;
    height:420px;

    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);

    background-size:45px 45px;
    transform: perspective(900px) rotateX(76deg);
    opacity:.35;
    pointer-events:none;
    z-index:1;
}

.home-hero .container {
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin:auto;
    width:100%;
}

.home-hero-wrapper {
    display: grid;
    /* grid-template-columns: 1.05fr 1fr; */
    grid-template-columns:58% 42%;
    align-items: center;
    gap: 40px;
}

/* ---------------------------------------------------------------------- */
/* Hero Content (left side)                                               */
/* ---------------------------------------------------------------------- */

.home-hero-content { color: #e7ecf7; }

.home-hero-badge {
    display: inline-flex;
    align-items: center;
    padding: 7px 16px;
    border-radius: 30px;
    background: color-mix(in srgb, var(--hero-accent-1) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--hero-accent-1) 35%, transparent);
    margin-bottom: 22px;
}

.home-hero-badge span {
    font-size: 14px;
    /*font-weight: 500;*/
    color: #d7deef;
}

.home-hero.theme-light .home-hero-badge span{ color:#5c6478; }

.home-badge-dashes{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:26px;
}
.home-badge-dashes .dash{
    width:30px;
    height:3px;
    border-radius:3px;
    background:rgba(255,255,255,.18);
}
.home-badge-dashes .dash.active{
    width:56px;
    background: var(--hero-accent-1);
}

.home-title-accent-bar{
    display:none;
    width:56px;
    height:5px;
    border-radius:4px;
    background: linear-gradient(90deg, var(--hero-accent-1), var(--hero-accent-2));
    margin-bottom:18px;
}

.home-hero h1,
.home-hero-title {
    font-size: 36px;
    line-height: 1.18;
    /*font-weight: 700;*/
    color: #ffffff;
    margin-bottom: 18px;
}

.home-hero h1 .home-accent,
.home-hero-title .home-accent {
    background: linear-gradient(90deg, var(--hero-accent-1), var(--hero-accent-2));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.home-hero-description {
    font-size: 14px;
    line-height: 1.5;
    color: #a8b3cc;
    max-width: 600px;
    margin-bottom: 20px;
}

.home-hero-description strong { color: var(--hero-accent-1); 
/*font-weight: 600; */
    
}

/* Buttons */

.home-hero-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 26px;
    flex-wrap: wrap;
}

.home-domain-btn,
.home-demo-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    /*font-weight: 600;*/
    padding: 15px 26px;
    border-radius: 10px;
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    white-space: nowrap;
}

.home-domain-btn {
    background: linear-gradient(90deg, var(--hero-accent-1), var(--hero-accent-2));
    color: #ffffff;
    box-shadow: 0 8px 24px color-mix(in srgb, var(--hero-accent-1) 25%, transparent);
}

.home-domain-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--hero-accent-1) 40%, transparent);
}

.home-demo-btn {
    background: transparent;
    color: #e7ecf7;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.home-demo-btn:hover {
    border-color: color-mix(in srgb, var(--hero-accent-1) 50%, transparent);
    background: color-mix(in srgb, var(--hero-accent-1) 8%, transparent);
    transform: translateY(-2px);
}

/* Feature strip — card style (Slide 1) */

.home-hero-features {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    padding: 10px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius:16px;
}

.home-feature {
    position:relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #9aa6c3;
}

.home-feature i { font-size: 15px; color: var(--hero-accent-1); }

/* Divided icon row (Slides 2 & 3) */

.home-hero-features-divided{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:22px;
}

.home-feature-divided{
    flex:1 1 0;
    min-width:110px;
    padding:0 22px;
    border-right:1px solid rgba(255,255,255,.14);
    display:flex;
    flex-direction:column;
    gap:8px;
}

.home-hero.theme-light .home-feature-divided{
    border-right-color: rgba(0,0,0,.09);
}

.home-feature-divided:first-child{ padding-left:0; }
.home-feature-divided:last-child{ border-right:none; }

.home-feature-divided-icon{
    position:relative;
    display:inline-flex;
    width:fit-content;
}
.home-feature-divided-icon i{
    font-size:26px;
    color: var(--hero-accent-1);
}

.home-feature-icon-badge{
    position:absolute;
    top:-8px;
    right:-16px;
    background: var(--hero-accent-1);
    color:#fff;
    font-size:9px;
    /*font-weight:700;*/
    padding:2px 5px;
    border-radius:8px;
    line-height:1.4;
}

.home-feature-divided-text{
    font-size:15px;
    /*font-weight:700;*/
    color:#e7ecf7;
    line-height:1.3;
}
.home-hero.theme-light .home-feature-divided-text{ color:#1f2430; }

.home-feature-divided-sub{
    font-size:12.5px;
    color:#8b97b8;
    line-height:1.5;
    max-width:170px;
}
.home-hero.theme-light .home-feature-divided-sub{ color:#8a93a8; }

/* Pill button with a circular icon at the end */
.home-pill-btn{
    display:inline-flex;
    align-items:center;
    gap:14px;
    background: linear-gradient(90deg, var(--hero-accent-1), var(--hero-accent-2));
    color:#fff;
    font-size:15px;
    /*font-weight:600;*/
    padding:8px 8px 8px 26px;
    border-radius:50px;
    text-decoration:none;
    transition: transform .25s ease, box-shadow .25s ease;
    box-shadow: 0 8px 24px color-mix(in srgb, var(--hero-accent-1) 30%, transparent);
}
.home-pill-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--hero-accent-1) 45%, transparent);
}
.home-pill-btn-icon{
    width:36px;
    height:36px;
    border-radius:50%;
    background:#fff;
    color: var(--hero-accent-1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}
i.fas.fa-arrow-right {
    color: #f97316;
}
/* Small faint doodle icons, bottom-left corner (Partners banner) */
.home-decor-icons{
    position:absolute;
    left:0;
    bottom:0;
    width:280px;
    height:260px;
    pointer-events:none;
    z-index:1;
}
.home-decor-icons i{
    position:absolute;
    color: var(--hero-accent-1);
    opacity:.28;
}

/* Stats bar (Banner 2 style) */
.home-hero-stats-bar{
    display:flex;
    flex-wrap:wrap;
    border: 1px solid rgba(255,255,255,.12);
    border-radius:14px;
    overflow:hidden;
    margin-top:6px;
}
/*.home-stat-item{*/
/*    display:flex;*/
/*    align-items:center;*/
/*    gap:10px;*/
/*    padding:14px 20px;*/
/*    flex:1;*/
/*    border-right:1px solid rgba(255,255,255,.08);*/
/*}*/
/*.home-stat-item:last-child{ border-right:none; }*/
/*.home-stat-item i{ color: var(--hero-accent-1); font-size:16px; }*/
/*.home-stat-item strong{ display:block; font-size:15px; color:#fff; }*/
/*.home-stat-item span{ display:block; font-size:11px; color:#9aa6c3; }*/

.home-stat-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 20px;
    flex:1;
    border-right:1px solid rgba(255,255,255,.08);
}
.home-stat-item:last-child{ border-right:none; }
.home-stat-item i{ color: var(--hero-accent-1); font-size:16px; flex-shrink:0; }

.home-stat-item-text{
    display:flex;
    flex-direction:column;
    line-height:1.3;
    gap:8px;
    
}

.home-stat-item strong{
    display:block;
    font-size:14px;
    color:#fff;
    position:static; 
    margin:0;
}
.home-stat-item span{
    display:block;
    font-size:12px;
    color:#9aa6c3;
    position:static;
    margin:0;
}

/* Partner logo strip (Banner 3 style) */
.home-hero-partner-logos{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:4px;
}
.home-partner-logo{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:10px;
    padding:10px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 14px rgba(0,0,0,.06);
}
.home-partner-logo img{ width:100px; height:auto; object-fit:contain; }

/* ---------------------------------------------------------------------- */
/* Hero Visual (right side)                                                */
/* ---------------------------------------------------------------------- */

.home-hero-visual {
    position: relative;
    height: 440px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* When the banner's right-side graphic already lives inside bg_image
   (like Slide 3), there's no floating visual — leave the column empty
   so the grid still reserves space and the text column stays put. */
.home-hero-visual:empty{
    height: 100%;
}

.home-visual-card {
    position: absolute;
    background: color-mix(in srgb, var(--hero-bg-3) 70%, #0c2a71 30%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 16px 18px;
    backdrop-filter: blur(14px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    z-index: 5;
    animation: floatCard 5s ease-in-out infinite;
}

.home-vcard-label {
    font-size: 12px;
    color: #8b97b8;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    white-space: nowrap;
}

.home-vcard-value {
    font-size: 26px;
    /*font-weight: 700;*/
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.home-vcard-icon {
    font-size: 14px;
    color: #34d399;
    background: rgba(52, 211, 153, 0.15);
    padding: 6px;
    border-radius: 7px;
}

.home-vcard-sub { font-size: 12px; color: #6b7793; margin-top: 4px; }

.home-vcard-text {
    font-size: 13px;
    color: #c2cae0;
    max-width: 190px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.home-vcard-line { font-size: 14px; color: #d7deef; 
/*font-weight: 500;*/
}

.home-vcard-status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #34d399;
    margin-top: 10px;
}

.home-vcard-status-icon { margin-left: auto; color: var(--hero-accent-1); }

.home-vcard-sparkline { width: 100%; height: 32px; overflow: visible; }

.home-vcard-sparkline polyline {
    fill: none;
    stroke: #34d399;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-card-top-left    { top: 6%;  left: -2%; animation-delay: 0s; display:none; }
.home-card-mid-left    { top: 36%; left: -6%; animation-delay: 0.6s; display:none; }
.home-card-top-right   { top: 4%;  right: -4%; animation-delay: 1.1s; display:none;}
.home-card-bottom-right{ bottom: 8%; right: -8%; animation-delay: 1.6s; display:none;}

@keyframes floatCard {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* ---------------------------------------------------------------------- */
/* Server / hero image                                                    */
/* ---------------------------------------------------------------------- */

.hero-server-image{
    width:100%;
    max-width:450px;
    height:auto;
    display:block;
    animation:floatServer 5s ease-in-out infinite;
}

@keyframes floatServer{
    0%{ transform:translateY(0); }
    50%{ transform:translateY(-15px); }
    100%{ transform:translateY(0); }
}

.home-server-stack {
    position: relative;
    width: 340px;
    height: 380px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 2;
}

.home-hero-visual-image{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
    animation: floatServer 5s ease-in-out infinite;
}

.hero-visual-img{
    width:100%;
    max-width:340px;
    height:auto;
    display:block;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,.35));
}

.home-visual-decor-icon{
    position:absolute;
    top:-30px;
    right:0;
    font-size:56px;
    opacity:.9;
    filter: drop-shadow(0 0 18px currentColor);
    animation: floatCard 5s ease-in-out infinite;
}

/* ---------------------------------------------------------------------- */
/* Swiper nav / pagination                                                */
/* ---------------------------------------------------------------------- */

.home-hero-slider-wrap{ position:relative; }
.home-hero-slider-wrap {
    display: block !important;
    margin-top: -4px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    line-height: 0;
}
.home-hero-slider{ overflow:hidden; }

.hero-prev,
.hero-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    /*background: rgba(13, 21, 46, 0.85);*/
    background:#fff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #ff7a00;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.hero-prev { left: 24px; }
.hero-next { right: 24px; }

.hero-prev:hover,
.hero-next:hover {
    background: rgba(34, 211, 238, 0.15);
    border-color: rgba(34, 211, 238, 0.5);
    color: #0b5fff;
}

.home-hero-slider .swiper-pagination {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 10;
}

.home-hero-slider .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #0b5fff;
    opacity: 1;
    transition: background 0.25s ease, width 0.25s ease;
}

.home-hero-slider .swiper-pagination-bullet-active {
    width: 26px;
    border-radius: 5px;
    background: linear-gradient(90deg, #22d3ee, #6366f1);
}

/* ---------------------------------------------------------------------- */
/* Slide height per breakpoint                                            */
/* ---------------------------------------------------------------------- */

.swiper-slide{
    height:500px;
}

/* ---------------------------------------------------------------------- */
/* Responsive                                                              */
/* ---------------------------------------------------------------------- */

@media (min-width:1600px){
    .swiper-slide{ height:600px; }
    .home-hero{ min-height:600px; padding:40px 0; }
    .home-hero .container{ max-width:1540px; padding:0 30px; }
    .home-hero-wrapper{ grid-template-columns:1.08fr .92fr; gap:70px; }
    .home-hero h1, .home-hero-title{ font-size:48px; line-height:1.15; margin-bottom:22px; }
    .home-hero-description{ max-width:620px; font-size:18px; line-height:1.8; margin-bottom:30px; }
    .home-hero-visual{ height:520px; }
    .hero-server-image{ max-width:550px; }
}

/* Exact 1366px target: banner locked to 450px tall */
@media (max-width:1440px) and (min-width:1367px){
    .swiper-slide{ height:480px; }
    .home-hero{ min-height:480px; padding:30px 0; }
    .home-hero .container{ max-width:1280px; padding:0 24px; }
    .home-hero-wrapper{ grid-template-columns:1.05fr .95fr; gap:45px; }
    .home-hero h1, .home-hero-title{ font-size:40px; line-height:1.18; margin-bottom:18px; }
    .home-hero-description{ max-width:620px; font-size:16px; line-height:1.7; margin-bottom:20px; }
    .home-hero-visual{ height:440px; }
    .hero-server-image{ max-width:430px; }
    .home-visual-card{ transform:scale(.92); transform-origin:center; }
    .home-card-top-left{ top:12px; left:-8px; }
    .home-card-mid-left{ top:165px; left:-18px; }
    .home-card-top-right{ top:12px; right:-8px; }
    .home-card-bottom-right{ bottom:12px; right:-18px; }
}

@media (max-width:1366px){
    .swiper-slide{ height:450px; }
    .home-hero{ min-height:450px; padding:0; }
    .home-hero .container{ max-width:1240px; padding:0 24px; }
    .home-hero-wrapper{ grid-template-columns:1.05fr .95fr; gap:36px; }

    .home-hero h1, .home-hero-title{ font-size:36px; line-height:1.2; margin-bottom:16px; }
    .home-hero-description{ max-width:560px; font-size:15px; line-height:1.65; margin-bottom:18px; }

    .home-hero-buttons{ margin-bottom:18px; }
    .home-domain-btn, .home-demo-btn{ padding:13px 22px; font-size:14px; }
    .home-pill-btn{ padding:7px 7px 7px 22px; font-size:14px; }
    .home-pill-btn-icon{ width:32px; height:32px; font-size:12px; }

    .home-hero-features-divided{ margin-bottom:16px; }
    .home-feature-divided{ padding:0 16px; }
    .home-feature-divided-icon i{ font-size:22px; }
    .home-feature-divided-text{ font-size:14px; }
    .home-feature-divided-sub{ font-size:12px; max-width:150px; }

    .home-hero-partner-logos{ gap:12px; }
    .home-partner-logo{ padding:11px 18px; }
    .home-partner-logo img{ height:40px; }

    .home-hero-visual{ height:420px; }
    .hero-server-image{ max-width:340px; }
    .home-visual-card{ transform:scale(.85); transform-origin:center; }
    .home-card-top-left{ top:10px; left:-12px; }
    .home-card-mid-left{ top:145px; left:-22px; }
    .home-card-top-right{ top:10px; right:-12px; }
    .home-card-bottom-right{ bottom:10px; right:-22px; }
    .hero-prev, .hero-next{ width:42px; height:42px; }
}

@media (max-width:1024px){
    .home-hero-content{padding-left:20px;}
    .swiper-slide{ height:420px; }
    .home-hero{ min-height:420px; padding:0; }
    .home-hero-wrapper{ grid-template-columns:1fr 0.95fr; gap:20px; }
    .home-hero h1, .home-hero-title{ font-size:30px; margin-bottom:14px; }
    .home-hero-description{ font-size:14px; margin-bottom:16px; }
    .home-hero-features-divided{ margin-bottom:14px; }
    .home-feature-divided{ padding:0 12px; min-width:90px; }
    .home-feature-divided-sub{ display:flex; }
    .home-hero-visual{ height:380px; }
    .hero-server-image{ max-width:280px; }
    .home-visual-card{ transform:scale(.72); }
    .home-card-top-left{ top:5%; left:-18px; }
    .home-card-mid-left{ top:42%; left:-12px; }
    .home-card-top-right{ top:5%; right:-18px; }
    .home-card-bottom-right{ bottom:2%; right:-12px; }
    /*.hero-prev, .hero-next{display:none;}*/
}

/* @media (max-width:768px){
    .swiper-slide{ height:auto; }
    .home-hero{ min-height:auto; padding:50px 0; }
    .home-hero-wrapper{ display:flex; flex-direction:column; gap:40px; align-items:center; text-align:center; }
    .home-hero-content{ order:1; width:100%; max-width:650px; }
    .home-hero h1, .home-hero-title{ font-size:34px; margin-bottom:18px; }
    .home-hero-description{ max-width:100%; margin:0 auto 24px; font-size:16px; }
    .home-hero-buttons{ justify-content:center; margin-bottom:24px; }
    .home-hero-features,
    .home-hero-features-divided,
    .home-hero-stats-bar,
    .home-hero-partner-logos,
    .home-decor-icons,
    .home-badge-dashes{ display:flex; }
    .home-hero-visual{ display:none; }
    .hero-prev, .hero-next{ display:none; }
    .home-hero-slider .swiper-pagination{ bottom:10px; }
}

@media (max-width:480px){
    .home-hero{ padding:20px 0; }
    .home-hero h1, .home-hero-title{ font-size:26px; }
    .home-hero-buttons{ flex-direction:column; align-items:center; gap:12px; }
    .home-domain-btn, .home-demo-btn{ width:100%; max-width:270px; justify-content:center; }
} */

/* ==========================================================
   TABLET (768px - 991px)
========================================================== */

@media (max-width:991px){

.swiper-slide{
    height:auto;
}

.home-hero{
    min-height:auto;
    padding:50px 0;
}

.home-hero-wrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:35px;
}

.home-hero-content{
    width:100%;
    text-align:center;
    max-width:750px;
    
}
.home-hero-features{
    display:grid;
}
.home-hero h1,
.home-hero-title{
    font-size:38px;
    line-height:1.2;
}

.home-hero-description{
    max-width:100%;
    font-size:17px;
    margin:20px auto 30px;
}

.home-hero-buttons{
    justify-content:center;
}

.home-title-accent-bar{
    margin:0 auto 20px;
}

/* ---------- Feature Icons ---------- */

.home-hero-features-divided{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-top:30px;
}

.home-feature-divided{
    border:none;
    padding:15px;
    text-align:center;
    align-items:center;
}

.home-feature-divided-icon{
    justify-content:center;
}

.home-feature-divided-icon i{
    font-size:42px;
}

.home-feature-divided-sub{
    display:block;
    max-width:100%;
}

/* ---------- Partner Logos ---------- */

.home-hero-partner-logos{
    display:none;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-top:35px;
}

.home-partner-logo{
    width:100%;
    height:90px;
}

.home-partner-logo img{
    max-width:130px;
    width:auto;
}

/* ---------- Stats ---------- */

.home-hero-stats-bar{
    display:none;
    grid-template-columns:repeat(2,1fr);
    margin-top:30px;
}

.home-stat-item{
    border:none;
    justify-content:center;
}

/* ---------- Right Image ---------- */

.home-hero-visual{
    display:flex;
    justify-content:center;
    align-items:center;
    height:auto;
}

.hero-visual-img{
    width:100%;
    max-width:340px;
}

.home-visual-card{
    display:none;
}

.hero-prev,
.hero-next{
    display:none;
}

}


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

@media (max-width:767px){

.swiper-slide{
    height:auto;
}

.home-hero{
    min-height:auto;
    padding:40px 0;
}

.home-hero-wrapper{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.home-hero-content{
    width:100%;
    text-align:center;
}

.home-title-accent-bar{
    margin:0 auto 18px;
}

.home-hero h1,
.home-hero-title{
    font-size:28px;
    line-height:1.25;
}

.home-hero-description{
    font-size:15px;
    line-height:1.7;
    max-width:100%;
    margin:15px auto 25px;
}

.home-hero-buttons{
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:15px;
}

.home-domain-btn,
.home-demo-btn,
.home-pill-btn{
    width:100%;
    max-width:290px;
    justify-content:center;
}

/* ---------- Features ---------- */

.home-hero-features-divided{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:30px;
}

.home-feature-divided{
    border:none;
    padding:0;
    text-align:center;
    align-items:center;
}

.home-feature-divided-icon{
    justify-content:center;
}

.home-feature-divided-icon i{
    font-size:38px;
}

.home-feature-divided-sub{
    display:block;
    max-width:100%;
}

/* ---------- Logos ---------- */

.home-hero-partner-logos{
    display:none;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-top:30px;
}

.home-partner-logo{
    width:100%;
    height:75px;
    padding:10px;
}

.home-partner-logo img{
    max-width:100px;
}

/* ---------- Stats ---------- */
.home-hero-features{
    display:grid;
    grid-template-columns:1fr;
}
.home-hero-stats-bar{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    margin-top:25px;
}

.home-stat-item{
    border:none;
    justify-content:center;
}

/* ---------- Hero Image ---------- */

.home-hero-visual{
    display:flex;
    justify-content:center;
    height:auto;
}

.hero-visual-img{
    
    width:100%;
    max-width:240px;
}

.home-visual-card,
.home-decor-icons{
    display:none;
}

.hero-prev,
.hero-next{
    display:none;
}

.home-hero-slider .swiper-pagination{
    bottom:12px;
}

}


/* ==========================================================
   EXACT RESPONSIVE BREAKPOINT OVERRIDES
   3840 / 2560 / 1920 / 1440 / 1366 / 1280
   1024 / 768 / 576 / 480 / 375 / 320
========================================================== */

@media (min-width:3200px){
    .swiper-slide{height:720px;}
    .home-hero{min-height:720px;padding:50px 0;}
    .home-hero .container{max-width:2100px;padding:0 50px;}
    .home-hero-wrapper{grid-template-columns:56% 44%;gap:90px;}
    .home-hero-content{max-width:1050px;}
    .home-hero h1,.home-hero-title{font-size:64px;line-height:1.12;margin-bottom:28px;}
    .home-hero-description{max-width:820px;font-size:22px;line-height:1.7;margin-bottom:34px;}
    .home-hero-badge{padding:10px 22px;margin-bottom:28px;}
    .home-hero-badge span{font-size:18px;}
    .home-hero-buttons{gap:20px;margin-bottom:34px;}
    .home-domain-btn,.home-demo-btn{padding:18px 32px;font-size:18px;border-radius:12px;}
    .home-pill-btn{padding:10px 10px 10px 32px;font-size:18px;gap:18px;}
    .home-pill-btn-icon{width:44px;height:44px;font-size:15px;}
    .home-hero-features{gap:28px;padding:16px;border-radius:20px;}
    .home-feature{font-size:17px;gap:12px;}
    .home-feature i{font-size:19px;}
    .home-hero-features-divided{margin-bottom:28px;}
    .home-feature-divided{padding:0 30px;gap:11px;}
    .home-feature-divided-icon i{font-size:34px;}
    .home-feature-divided-text{font-size:18px;}
    .home-feature-divided-sub{font-size:15px;max-width:240px;}
    .home-hero-visual{height:620px;}
    .hero-visual-img,.hero-server-image{max-width:720px;}
    .home-visual-decor-icon{top:-45px;font-size:76px;}
    .home-stat-item{padding:18px 24px;gap:14px;}
    .home-stat-item i{font-size:20px;}
    .home-stat-item strong{font-size:18px;}
    .home-stat-item span{font-size:13px;}
    .home-partner-logo{padding:14px 26px;}
    .home-partner-logo img{width:130px;}
    .hero-prev,.hero-next{width:56px;height:56px;}
    .hero-prev{left:35px}.hero-next{right:35px}
}

@media (min-width:2560px) and (max-width:3199px){
    .swiper-slide{height:680px;}
    .home-hero{min-height:680px;padding:45px 0;}
    .home-hero .container{max-width:1850px;padding:0 45px;}
    .home-hero-wrapper{grid-template-columns:57% 43%;gap:75px;}
    .home-hero h1,.home-hero-title{font-size:56px;line-height:1.14;margin-bottom:25px;}
    .home-hero-description{max-width:720px;font-size:20px;line-height:1.7;margin-bottom:30px;}
    .home-hero-badge{padding:9px 20px;margin-bottom:25px;}
    .home-hero-badge span{font-size:17px;}
    .home-domain-btn,.home-demo-btn{padding:17px 30px;font-size:17px;}
    .home-pill-btn{padding:9px 9px 9px 30px;font-size:17px;}
    .home-pill-btn-icon{width:42px;height:42px;}
    .home-hero-features{gap:24px;padding:14px;}
    .home-feature{font-size:16px;}
    .home-hero-features-divided{margin-bottom:24px;}
    .home-feature-divided{padding:0 26px;}
    .home-feature-divided-icon i{font-size:31px;}
    .home-feature-divided-text{font-size:17px;}
    .home-feature-divided-sub{font-size:14px;max-width:220px;}
    .home-hero-visual{height:580px;}
    .hero-visual-img,.hero-server-image{max-width:620px;}
    .home-visual-decor-icon{font-size:68px;}
    .home-stat-item{padding:16px 22px;}
    .home-stat-item strong{font-size:17px;}
    .home-stat-item span{font-size:12px;}
    .home-partner-logo{padding:12px 24px;}
    .home-partner-logo img{width:120px;}
    .hero-prev,.hero-next{width:52px;height:52px;}
}

@media (min-width:1920px) and (max-width:2559px){
    .swiper-slide{height:620px;}
    .home-hero{min-height:620px;padding:40px 0;}
    .home-hero .container{max-width:1700px;padding:0 35px;}
    .home-hero-wrapper{grid-template-columns:56% 44%;gap:65px;}
    .home-hero h1,.home-hero-title{font-size:50px;line-height:1.15;margin-bottom:22px;}
    .home-hero-description{max-width:650px;font-size:18px;line-height:1.75;margin-bottom:28px;}
    .home-hero-badge{padding:8px 18px;margin-bottom:22px;}
    .home-hero-badge span{font-size:16px;}
    .home-domain-btn,.home-demo-btn{padding:16px 28px;font-size:16px;}
    .home-pill-btn{padding:8px 8px 8px 28px;font-size:16px;}
    .home-pill-btn-icon{width:40px;height:40px;}
    .home-hero-features{gap:20px;padding:12px;}
    .home-feature{font-size:15px;}
    .home-feature-divided{padding:0 22px;}
    .home-feature-divided-icon i{font-size:28px;}
    .home-feature-divided-text{font-size:16px;}
    .home-feature-divided-sub{font-size:13px;max-width:190px;}
    .home-hero-visual{height:540px;}
    .hero-visual-img,.hero-server-image{max-width:540px;}
    .home-visual-decor-icon{font-size:60px;}
    .home-stat-item{padding:15px 20px;}
    .home-stat-item strong{font-size:16px;}
    .home-stat-item span{font-size:11px;}
    .home-partner-logo{padding:11px 20px;}
    .home-partner-logo img{width:110px;}
}

@media (min-width:1367px) and (max-width:1919px){
    .swiper-slide{height:500px;}
    .home-hero{min-height:500px;padding:25px 0;}
    .home-hero .container{max-width:1320px;padding:0 25px;}
    .home-hero-wrapper{grid-template-columns:56% 44%;gap:45px;}
    .home-hero h1,.home-hero-title{font-size:40px;line-height:1.16;margin-bottom:18px;}
    .home-hero-description{max-width:600px;font-size:16px;line-height:1.65;margin-bottom:20px;}
    .home-hero-badge{padding:7px 16px;margin-bottom:20px;}
    .home-hero-badge span{font-size:14px;}
    .home-domain-btn,.home-demo-btn{padding:13px 23px;font-size:14px;}
    .home-pill-btn{padding:7px 7px 7px 23px;font-size:14px;}
    .home-pill-btn-icon{width:33px;height:33px;}
    .home-hero-features{gap:16px;padding:10px;}
    .home-feature{font-size:13px;}
    .home-feature-divided{padding:0 17px;}
    .home-feature-divided-icon i{font-size:24px;}
    .home-feature-divided-text{font-size:14px;}
    .home-feature-divided-sub{font-size:12px;max-width:165px;}
    .home-hero-visual{height:450px;}
    .hero-visual-img,.hero-server-image{max-width:430px;}
    .home-visual-decor-icon{font-size:52px;}
    .home-stat-item{padding:13px 17px;}
    .home-stat-item strong{font-size:14px;}
    .home-stat-item span{font-size:10px;}
    .home-partner-logo{padding:9px 17px;}
    .home-partner-logo img{width:95px;}
}

@media (min-width:1281px) and (max-width:1366px){
    .swiper-slide{height:450px;}
    .home-hero{min-height:450px;padding:0;}
    .home-hero .container{max-width:1240px;padding:0 24px;}
    .home-hero-wrapper{grid-template-columns:55% 45%;gap:32px;}
    .home-hero h1,.home-hero-title{font-size:35px;line-height:1.18;margin-bottom:15px;}
    .home-hero-description{max-width:560px;font-size:14px;line-height:1.6;margin-bottom:17px;}
    .home-hero-buttons{gap:12px;margin-bottom:18px;}
    .home-domain-btn,.home-demo-btn{padding:12px 20px;font-size:13px;}
    .home-pill-btn{padding:6px 6px 6px 20px;font-size:13px;}
    .home-pill-btn-icon{width:31px;height:31px;font-size:11px;}
    .home-hero-features{gap:13px;padding:9px;}
    .home-feature{font-size:12px;}
    .home-feature i{font-size:14px;}
    .home-feature-divided{padding:0 12px;min-width:100px;gap:6px;}
    .home-feature-divided-icon i{font-size:21px;}
    .home-feature-divided-text{font-size:13px;}
    .home-feature-divided-sub{font-size:11px;max-width:145px;}
    .home-hero-visual{height:400px;}
    .hero-visual-img,.hero-server-image{max-width:350px;}
    .home-visual-decor-icon{font-size:45px;}
    .home-stat-item{padding:11px 13px;gap:7px;}
    .home-stat-item strong{font-size:13px;}
    .home-stat-item span{font-size:9px;}
    .home-partner-logo{padding:8px 14px;}
    .home-partner-logo img{width:85px;}
    .hero-prev,.hero-next{width:40px;height:40px;}
    .hero-prev{left:18px}.hero-next{right:18px}
}

/*@media (min-width:1025px) and (max-width:1280px){*/
/*    .swiper-slide{height:430px;}*/
/*    .home-hero{min-height:430px;padding:0;}*/
/*    .home-hero .container{max-width:1180px;padding:0 22px;}*/
/*    .home-hero-wrapper{grid-template-columns:55% 45%;gap:25px;}*/
/*    .home-hero-content{padding-left:10px;}*/
/*    .home-hero h1,.home-hero-title{font-size:32px;line-height:1.18;margin-bottom:14px;}*/
/*    .home-hero-description{max-width:430px;font-size:13px;line-height:1.6;margin-bottom:15px;}*/
/*    .home-hero-buttons{gap:10px;margin-bottom:15px;}*/
/*    .home-domain-btn,.home-demo-btn{padding:11px 18px;font-size:13px;}*/
/*    .home-pill-btn{padding:6px 6px 6px 18px;font-size:13px;}*/
/*    .home-pill-btn-icon{width:29px;height:29px;}*/
/*    .home-hero-features{gap:10px;padding:8px;}*/
/*    .home-feature{font-size:11px;gap:7px;}*/
/*    .home-feature i{font-size:13px;}*/
/*    .home-feature-divided{padding:0 9px;min-width:90px;gap:5px;}*/
/*    .home-feature-divided-icon i{font-size:19px;}*/
/*    .home-feature-divided-text{font-size:12px;}*/
/*    .home-feature-divided-sub{font-size:10px;max-width:125px;}*/
/*    .home-hero-visual{height:370px;}*/
/*    .hero-visual-img,.hero-server-image{max-width:310px;}*/
/*    .home-visual-decor-icon{font-size:42px;}*/
/*    .home-stat-item{padding:10px 11px;gap:6px;}*/
/*    .home-stat-item strong{font-size:12px;}*/
/*    .home-stat-item span{font-size:8px;}*/
/*    .home-partner-logo{padding:7px 12px;}*/
/*    .home-partner-logo img{width:78px;}*/
/*    .hero-prev,.hero-next{width:38px;height:38px;}*/
/*    .hero-prev{left:14px}.hero-next{right:14px}*/
/*}*/

/* ==========================================================
   1280px - DESKTOP
========================================================== */

@media (min-width:1025px) and (max-width:1280px){

    .swiper-slide{
        height:430px;
    }

    .home-hero{
        min-height:430px;
        padding:0;
    }

    .home-hero .container{
        max-width:1180px;
        padding:0 22px;
    }

    .home-hero-wrapper{
        grid-template-columns:55% 45%;
        gap:25px;
    }

    .home-hero-content{
        padding-left:10px;
    }

    .home-hero h1,
    .home-hero-title{
        font-size:30px;
        line-height:1.18;
        margin-bottom:14px;
    }

    .home-hero-description{
        max-width:560px;
        font-size:13px;
        line-height:1.6;
        margin-bottom:15px;
    }

    .home-hero-buttons{
        gap:10px;
        margin-bottom:15px;
    }

    .home-domain-btn,
    .home-demo-btn{
        padding:11px 18px;
        font-size:13px;
    }

    .home-pill-btn{
        padding:6px 6px 6px 18px;
        font-size:13px;
    }

    .home-pill-btn-icon{
        width:29px;
        height:29px;
    }

    .home-hero-features{
        gap:10px;
        padding:8px;
    }

    .home-feature{
        font-size:11px;
        gap:7px;
    }

    .home-feature i{
        font-size:13px;
    }

    .home-feature-divided{
        padding:0 9px;
        min-width:90px;
        gap:5px;
    }

    .home-feature-divided-icon i{
        font-size:19px;
    }

    .home-feature-divided-text{
        font-size:12px;
    }

    .home-feature-divided-sub{
        font-size:10px;
        max-width:125px;
    }

    /* ======================================================
       PARTNER LOGOS - FIXED FOR 1280px
    ====================================================== */

    .home-hero-partner-logos{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        gap:12px;
        margin-top:6px;
    }

    .home-partner-logo{
        min-width:105px;
        height:52px;
        padding:8px 14px;

        display:flex;
        align-items:center;
        justify-content:center;

        background:#fff;
        border:1px solid rgba(0,0,0,.08);
        border-radius:10px;

        box-shadow:0 4px 14px rgba(0,0,0,.06);
    }

    .home-partner-logo img{
        width:auto;
        max-width:105px;
        height:40px;
        object-fit:contain;
        display:block;
    }

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

    .home-hero-visual{
        height:370px;
    }

    .hero-visual-img,
    .hero-server-image{
        max-width:310px;
    }

    .home-visual-decor-icon{
        font-size:42px;
    }

    /* ======================================================
       STATS
    ====================================================== */

    .home-stat-item{
        padding:10px 11px;
        gap:6px;
    }

    .home-stat-item strong{
        font-size:12px;
    }

    .home-stat-item span{
        font-size:8px;
    }

    /* ======================================================
       SLIDER ARROWS
    ====================================================== */

    .hero-prev,
    .hero-next{
        width:38px;
        height:38px;
    }

    .hero-prev{
        left:14px;
    }

    .hero-next{
        right:14px;
    }
}

@media (min-width:992px) and (max-width:1024px){
    .swiper-slide{height:420px;}
    .home-hero{min-height:420px;padding:0;}
    .home-hero .container{max-width:960px;padding:0 18px;}
    .home-hero-wrapper{grid-template-columns:54% 46%;gap:18px;}
    .home-hero-content{padding-left:5px;}
    .home-hero h1,.home-hero-title{font-size:29px;line-height:1.18;margin-bottom:12px;}
    .home-hero-description{max-width:450px;font-size:12.5px;line-height:1.55;margin-bottom:14px;}
    .home-hero-buttons{gap:8px;margin-bottom:13px;}
    .home-domain-btn,.home-demo-btn{padding:10px 15px;font-size:12px;}
    .home-pill-btn{padding:5px 5px 5px 15px;font-size:12px;}
    .home-pill-btn-icon{width:27px;height:27px;}
    .home-hero-features{gap:8px;padding:7px;}
    .home-feature{font-size:10px;gap:6px;}
    .home-feature i{font-size:12px;}
    .home-feature-divided{padding:0 7px;min-width:80px;gap:4px;}
    .home-feature-divided-icon i{font-size:17px;}
    .home-feature-divided-text{font-size:11px;}
    .home-feature-divided-sub{font-size:9px;max-width:110px;}
    .home-hero-visual{height:350px;}
    .hero-visual-img,.hero-server-image{max-width:285px;}
    .home-visual-decor-icon{font-size:38px;}
    .home-stat-item{padding:8px 9px;gap:5px;}
    .home-stat-item i{font-size:12px;}
    .home-stat-item strong{font-size:11px;}
    .home-stat-item span{font-size:7px;}
    .home-partner-logo{padding:6px 9px;}
    .home-partner-logo img{width:68px;}
    .hero-prev,.hero-next{width:36px;height:36px;}
    .hero-prev{left:10px}.hero-next{right:10px}
}

@media (min-width:768px) and (max-width:991px){
    .home-visual-decor-icon{display:none;}
    .swiper-slide{height:auto;}
    .home-hero{min-height:auto;padding:45px 0 55px;}
    .home-hero .container{max-width:750px;padding:0 20px;}
    .home-hero-wrapper{display:flex;flex-direction:column;align-items:center;gap:30px;}
    .home-hero-content{width:100%;max-width:720px;text-align:center;padding:0;}
    .home-hero h1,.home-hero-title{font-size:36px;line-height:1.2;margin-bottom:16px;}
    .home-hero-description{max-width:680px;font-size:16px;line-height:1.65;margin:16px auto 24px;}
    .home-hero-buttons{justify-content:center;margin-bottom:20px;}
    .home-title-accent-bar{margin:0 auto 18px;}
    .home-hero-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;text-align:left;}
    .home-feature{font-size:13px;}
    .home-hero-features-divided{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;margin-bottom:18px;}
    .home-feature-divided{border:none;padding:10px;text-align:center;align-items:center;}
    .home-feature-divided-icon i{font-size:34px;}
    .home-feature-divided-text{font-size:14px;}
    .home-feature-divided-sub{font-size:11px;max-width:100%;}
    .home-hero-stats-bar{display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px;}
    .home-stat-item{border:none;justify-content:center;padding:12px;}
    .home-hero-partner-logos{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px;}
    .home-partner-logo{width:100%;height:75px;}
    .home-partner-logo img{max-width:115px;width:auto;}
    .home-hero-visual{display:flex;width:100%;height:auto;justify-content:center;}
    .hero-visual-img,.hero-server-image{display:none;width:100%;max-width:390px;}
    .home-visual-card{display:none;}
    .hero-prev,.hero-next{display:none;}
}

@media (min-width:576px) and (max-width:767px){
    .swiper-slide{height:auto;}
    .home-hero{min-height:auto;padding:42px 0 52px;}
    .home-hero .container{max-width:540px;padding:0 18px;}
    .home-hero-wrapper{display:flex;flex-direction:column;gap:28px;align-items:center;}
    .home-hero-content{width:100%;text-align:center;padding:0;}
    .home-hero h1,.home-hero-title{font-size:31px;line-height:1.22;margin-bottom:14px;}
    .home-hero-description{font-size:14px;line-height:1.65;max-width:500px;margin:14px auto 22px;}
    .home-hero-buttons{justify-content:center;gap:12px;margin-bottom:20px;}
    .home-domain-btn,.home-demo-btn{padding:12px 20px;font-size:13px;}
    .home-pill-btn{font-size:13px;padding:6px 6px 6px 20px;}
    .home-pill-btn-icon{width:30px;height:30px;}
    .home-hero-features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;text-align:left;}
    .home-feature{font-size:12px;}
    .home-hero-features-divided{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;}
    .home-feature-divided{border:none;padding:5px;text-align:center;align-items:center;}
    .home-feature-divided-icon i{font-size:30px;}
    .home-feature-divided-text{font-size:12px;}
    .home-feature-divided-sub{font-size:10px;max-width:100%;}
    .home-hero-stats-bar{display:grid;grid-template-columns:repeat(2,1fr);margin-top:18px;}
    .home-stat-item{border:none;justify-content:center;padding:10px;}
    .home-stat-item strong{font-size:12px;}
    .home-stat-item span{font-size:8px;}
    .home-hero-partner-logos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;}
    .home-partner-logo{height:65px;padding:8px;}
    .home-partner-logo img{max-width:95px;}
    .home-hero-visual{display:flex;width:100%;height:auto;justify-content:center;}
    .hero-visual-img,.hero-server-image{display:none;max-width:300px;}
    .home-visual-card,.home-decor-icons{display:none;}
    .hero-prev,.hero-next{display:none;}
    .home-hero-slider .swiper-pagination{bottom:10px;}
}

@media (min-width:480px) and (max-width:575px){
    .swiper-slide{height:auto;}
    .home-hero{min-height:auto;padding:36px 0 48px;}
    .home-hero .container{width:100%;padding:0 16px;}
    .home-hero-wrapper{display:flex;flex-direction:column;gap:25px;align-items:center;}
    .home-hero-content{width:100%;text-align:center;padding:0;}
    .home-hero h1,.home-hero-title{font-size:27px;line-height:1.25;margin-bottom:13px;}
    .home-hero-description{font-size:13.5px;line-height:1.65;margin:12px auto 20px;}
    .home-hero-buttons{flex-direction:column;align-items:center;gap:11px;margin-bottom:18px;}
    .home-domain-btn,.home-demo-btn,.home-pill-btn{width:100%;max-width:280px;justify-content:center;}
    .home-domain-btn,.home-demo-btn{padding:11px 18px;font-size:13px;}
    .home-pill-btn{padding:6px 6px 6px 18px;font-size:13px;}
    .home-pill-btn-icon{width:30px;height:30px;}
    .home-hero-features{display:grid;grid-template-columns:1fr;gap:8px;padding:9px;}
    .home-feature{font-size:12px;}
    .home-hero-features-divided{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:18px;}
    .home-feature-divided{border:none;padding:3px;text-align:center;align-items:center;}
    .home-feature-divided-icon i{font-size:26px;}
    .home-feature-divided-text{font-size:10.5px;}
    .home-feature-divided-sub{display:none;}
    .home-hero-stats-bar{display:grid;grid-template-columns:repeat(2,1fr);margin-top:16px;}
    .home-stat-item{border:none;justify-content:center;padding:9px 6px;gap:5px;}
    .home-stat-item i{font-size:12px;}
    .home-stat-item strong{font-size:11px;}
    .home-stat-item span{font-size:7px;}
    .home-hero-partner-logos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px;}
    .home-partner-logo{height:58px;padding:7px;}
    .home-partner-logo img{max-width:80px;}
    .home-hero-visual{display:flex;width:100%;height:auto;}
    .hero-visual-img,.hero-server-image{display:none;max-width:245px;}
    .home-visual-card,.home-decor-icons{display:none;}
    .hero-prev,.hero-next{display:none;}
}

@media (min-width:376px) and (max-width:479px){
    .swiper-slide{height:auto;}
    .home-hero{min-height:auto;padding:32px 0 44px;}
    .home-hero .container{width:100%;padding:0 14px;}
    .home-hero-wrapper{display:flex;flex-direction:column;gap:22px;align-items:center;}
    .home-hero-content{width:100%;text-align:center;padding:0;}
    .home-title-accent-bar{width:48px;height:4px;margin:0 auto 15px;}
    .home-hero h1,.home-hero-title{font-size:24px;line-height:1.25;margin-bottom:12px;}
    .home-hero-description{font-size:13px;line-height:1.6;margin:11px auto 18px;}
    .home-hero-buttons{flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;}
    .home-domain-btn,.home-demo-btn,.home-pill-btn{width:100%;max-width:260px;justify-content:center;}
    .home-domain-btn,.home-demo-btn{padding:10px 15px;font-size:12px;}
    .home-pill-btn{padding:5px 5px 5px 16px;font-size:12px;}
    .home-pill-btn-icon{width:28px;height:28px;}
    .home-hero-features{display:grid;grid-template-columns:1fr;gap:7px;padding:8px;}
    .home-feature{font-size:11px;}
    .home-feature i{font-size:12px;}
    .home-hero-features-divided{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:15px;}
    .home-feature-divided{border:none;padding:2px;text-align:center;align-items:center;gap:4px;}
    .home-feature-divided-icon i{font-size:23px;}
    .home-feature-divided-text{font-size:9.5px;line-height:1.25;}
    .home-feature-divided-sub{display:none;}
    .home-hero-stats-bar{display:grid;grid-template-columns:repeat(2,1fr);margin-top:14px;}
    .home-stat-item{border:none;justify-content:center;padding:8px 4px;gap:4px;}
    .home-stat-item i{font-size:11px;}
    .home-stat-item strong{font-size:10px;}
    .home-stat-item span{font-size:6.5px;}
    .home-hero-partner-logos{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:15px;}
    .home-partner-logo{height:52px;padding:6px;}
    .home-partner-logo img{max-width:70px;}
    .home-hero-visual{display:flex;width:100%;height:auto;}
    .hero-visual-img,.hero-server-image{display:none;max-width:215px;}
    .home-visual-card,.home-decor-icons{display:none;}
    .hero-prev,.hero-next{display:none;}
    .home-hero-slider .swiper-pagination{bottom:7px;}
}

@media (max-width:375px){
    .swiper-slide{height:auto;}
    .home-hero{min-height:auto;padding:28px 0 40px;}
    .home-hero .container{width:100%;padding:0 10px;}
    .home-hero-wrapper{display:flex;flex-direction:column;gap:20px;align-items:center;}
    .home-hero-content{width:100%;text-align:center;padding:0;}
    .home-title-accent-bar{width:42px;height:3px;margin:0 auto 13px;}
    .home-hero h1,.home-hero-title{font-size:21px;line-height:1.28;margin-bottom:10px;}
    .home-hero-description{font-size:12px;line-height:1.6;margin:9px auto 16px;}
    .home-hero-buttons{flex-direction:column;align-items:center;gap:8px;margin-bottom:14px;}
    .home-domain-btn,.home-demo-btn,.home-pill-btn{width:100%;max-width:235px;justify-content:center;}
    .home-domain-btn,.home-demo-btn{padding:9px 12px;font-size:11px;border-radius:8px;}
    .home-pill-btn{padding:4px 4px 4px 13px;font-size:11px;gap:9px;}
    .home-pill-btn-icon{width:25px;height:25px;font-size:10px;}
    .home-hero-features{display:grid;grid-template-columns:1fr;gap:6px;padding:7px;border-radius:10px;}
    .home-feature{font-size:10px;gap:6px;}
    .home-feature i{font-size:11px;}
    .home-hero-features-divided{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:13px;margin-bottom:8px;}
    .home-feature-divided{border:none;padding:1px;text-align:center;align-items:center;gap:3px;}
    .home-feature-divided-icon i{font-size:20px;}
    .home-feature-divided-text{font-size:8.5px;line-height:1.2;}
    .home-feature-divided-sub{display:none;}
    .home-feature-icon-badge{top:-6px;right:-10px;font-size:7px;padding:1px 3px;}
    .home-hero-stats-bar{display:grid;grid-template-columns:repeat(2,1fr);margin-top:12px;border-radius:9px;}
    .home-stat-item{border:none;justify-content:center;padding:7px 3px;gap:3px;}
    .home-stat-item i{font-size:10px;}
    .home-stat-item strong{font-size:9px;}
    .home-stat-item span{font-size:6px;}
    .home-hero-partner-logos{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:12px;}
    .home-partner-logo{height:45px;padding:5px;border-radius:7px;}
    .home-partner-logo img{max-width:62px;}
    .home-hero-visual{display:flex;width:100%;height:auto;}
    .hero-visual-img,.hero-server-image{display:none;max-width:185px;}
    .home-visual-card,.home-decor-icons{display:none;}
    .hero-prev,.hero-next{display:none;}
    .home-hero-slider .swiper-pagination{bottom:5px;gap:5px;}
    .home-hero-slider .swiper-pagination-bullet{width:7px;height:7px;}
    .home-hero-slider .swiper-pagination-bullet-active{width:20px;}
}