/* ═══ AUTO-GENERATED custom.css ═══ */
/* Стиль: углы=extra-round, тени=medium, отступы=compact, кнопки=square */

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

:root {
    /* Акцентные цвета */
    --accent-1: #F48FB1;
    --accent-2: #26A69A;
    --accent-gradient: linear-gradient(to right, var(--accent-1), var(--accent-2));
    
    /* Шрифты */
    --font-heading: 'Sora', sans-serif;
    --font-body: 'Sora', sans-serif;
    
    /* Размеры шрифтов */
    --fs-h1: 56px;
    --fs-h2: 42px;
    --fs-h3: 30px;
    --fs-body: 17px;
    
    /* Вес заголовков */
    --fw-bold: 600;
    
    /* Углы скругления */
    --radius-sm: 14px;
    --radius-md: 20px;
    --radius-lg: 28px;
    --radius-xl: 40px;
    --radius-pill: 50px;
    
    /* Тени */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
    --shadow-xl: 0 16px 48px rgba(0,0,0,0.16);
    
    /* Отступы секций */
    --section-padding: 60px 0;
}

/* Стиль кнопок */
.btn-custom {
    border-radius: 2px;
    padding: 14px 28px;
}

/* Стиль карточек */
.icon-box, .service-card, .testimonial-card, .blog-card, .pricing-card {
    border-width: 1px;
    border-color: #F48FB133;
}

/* ═══════════════════════════════════════════ */
/* STYLE TRICKS — автогенерация приёмов      */
/* ═══════════════════════════════════════════ */

/* Trick: stroke-hero-title — обводка вместо заливки */
.hero-title {
    -webkit-text-stroke: 2px var(--accent-1);
    -webkit-text-fill-color: transparent;
}
.hero-title:hover {
    -webkit-text-fill-color: var(--accent-1);
    transition: -webkit-text-fill-color 0.4s;
}

/* Trick: diagonal-section — диагональный срез */
.bg-secondary-custom {
    clip-path: polygon(0 30px, 100% 0, 100% calc(100% - 30px), 0 100%);
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    margin: 40px 0;
}

/* Trick: image-zoom-hover — увеличение при hover */
.card-image, .portfolio-item, .team-image {
    overflow: hidden;
}
.card-image img, .portfolio-item img, .team-image img {
    transition: transform 0.6s cubic-bezier(.25,.8,.25,1);
}
.card-image:hover img, .portfolio-item:hover img, .team-card:hover .team-image img {
    transform: scale(1.08);
}

/* Img: section — треугольная маска */
section:not(.hero-section) .col-lg-6 img, section:not(.hero-section) .col-lg-5 img {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}

/* Effect: divider-diamond */
main > section + section::before{content:'';display:block;width:10px;height:10px;background:var(--accent-1);transform:rotate(45deg);margin:15px auto;opacity:0.4;}

/* Effect: scrollbar-progress-v */
.scroll-prog-v{position:fixed;right:0;top:0;width:4px;height:100vh;z-index:9990;background:var(--border-color);}.scroll-prog-v .fill{width:100%;background:var(--accent-gradient);transition:height 0.05s;}@media(max-width:768px){.scroll-prog-v{display:none;}}

/* Effect: stagger-slide-left */
.icon-box,.service-card{opacity:0;animation:slideLeft 0.6s ease forwards;}.row>[class*="col"]:nth-child(odd) .icon-box,.row>[class*="col"]:nth-child(odd) .service-card{animation-name:slideLeft;}.row>[class*="col"]:nth-child(even) .icon-box,.row>[class*="col"]:nth-child(even) .service-card{animation-name:slideRight;}.row>[class*="col"]:nth-child(1)>*{animation-delay:0.1s;}.row>[class*="col"]:nth-child(2)>*{animation-delay:0.2s;}.row>[class*="col"]:nth-child(3)>*{animation-delay:0.3s;}.row>[class*="col"]:nth-child(4)>*{animation-delay:0.4s;}@keyframes slideLeft{from{opacity:0;transform:translateX(-40px);}to{opacity:1;transform:translateX(0);}}@keyframes slideRight{from{opacity:0;transform:translateX(40px);}to{opacity:1;transform:translateX(0);}}