/* === ИЗОЛЯЦИЯ И СБРОС СТИЛЕЙ === */
#paraplanner-unique {
    --primary-brown: #9B7653;
    --dark-brown: #6B5540;
    --light-brown: #C4A47C;
    --beige-light: #F5F0EB;
    --beige-medium: #E8DFD6;
    --text-dark: #3D3935;
    --text-medium: #6B6560;
    --text-light: #A39A92;
    --white: #FFFFFF;

    font-family: 'Montserrat', sans-serif;
    color: #3D3935;
    background-color: #F5F0EB;
    line-height: 1.6;
    width: 100%;
    font-size: 16px;
    text-align: left;
}

#paraplanner-unique * { box-sizing: border-box; }
#paraplanner-unique a { text-decoration: none !important; color: inherit !important; border-bottom: none !important; transition: 0.3s; }
#paraplanner-unique ul, #paraplanner-unique li { margin: 0; padding: 0; list-style: none; }
#paraplanner-unique h1, #paraplanner-unique h2, #paraplanner-unique h3, #paraplanner-unique p { margin-top: 0; }
#paraplanner-unique img { max-width: 100%; height: auto; display: block; }
#paraplanner-unique button { border: none; background: none; cursor: pointer; font-family: inherit; }
#paraplanner-unique .pp-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* === СЕКЦИИ === */
#paraplanner-unique section { padding: 80px 0; }
#paraplanner-unique .section-header { text-align: center; max-width: 900px; margin: 0 auto 60px; }
#paraplanner-unique .section-tag { display: inline-block; padding: 8px 16px; background: var(--beige-medium); color: var(--primary-brown) !important; border-radius: 20px; font-size: 14px; font-weight: 700; margin-bottom: 16px; text-transform: uppercase; }
#paraplanner-unique .section-title { font-family: 'Cormorant Garamond', serif; font-size: 42px; font-weight: 600; color: var(--text-dark); line-height: 1.2; margin-bottom: 16px; }
#paraplanner-unique .section-description { font-size: 18px; color: var(--text-medium); }

/* === КНОПКИ === */
#paraplanner-unique .btn { display: inline-block; padding: 14px 28px; border-radius: 8px; font-weight: 600; font-size: 15px; text-align: center; white-space: nowrap !important; cursor: pointer; line-height: 1.2; border: none; font-family: inherit; }
#paraplanner-unique .btn-primary { background-color: var(--primary-brown) !important; color: #FFFFFF !important; border: none !important; }
#paraplanner-unique .btn-primary:hover { background-color: var(--dark-brown) !important; transform: translateY(-3px); }
#paraplanner-unique .btn-secondary { border: 2px solid var(--primary-brown) !important; color: var(--primary-brown) !important; background: transparent !important; }
#paraplanner-unique .btn-secondary:hover { background-color: var(--primary-brown) !important; color: #FFFFFF !important; transform: translateY(-3px); }
#paraplanner-unique .btn-white { background-color: #FFF !important; color: var(--text-dark) !important; }
#paraplanner-unique .btn-white:hover { transform: translateY(-3px); }
#paraplanner-unique .btn-full { width: 100%; }
#paraplanner-unique .btn-shimmer { background: linear-gradient(120deg, var(--primary-brown) 30%, #bca286 50%, var(--primary-brown) 70%); background-size: 200% 100%; animation: shimmer 4s infinite linear; }
@keyframes shimmer { 0% { background-position: -100% 0; } 100% { background-position: 200% 0; } }

/* === HEADER === */
#paraplanner-unique .header { position: fixed; top: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 12px 0; z-index: 9999; box-shadow: 0 4px 12px rgba(155, 118, 83, 0.05); }
#paraplanner-unique .header-content { display: flex; justify-content: space-between; align-items: center; }
#paraplanner-unique .logo { height: 50px; width: auto; }
#paraplanner-unique .nav { display: flex; gap: 30px; align-items: center; }
#paraplanner-unique .nav a:not(.btn) { color: var(--text-medium) !important; font-weight: 500; font-size: 15px; position: relative; }
#paraplanner-unique .nav a:not(.btn):hover { color: var(--primary-brown) !important; }
#paraplanner-unique .mobile-menu-toggle { display: none; flex-direction: column; gap: 5px; width: 30px; background: transparent; border: none; padding: 0; cursor: pointer; }
#paraplanner-unique .mobile-menu-toggle span { display: block; width: 100%; height: 3px; background-color: var(--primary-brown); border-radius: 2px; }

/* === HERO === */
#paraplanner-unique .hero { padding-top: 160px; padding-bottom: 80px; background: linear-gradient(135deg, var(--white) 0%, var(--beige-light) 100%); min-height: 100vh; display: flex; align-items: center; }
#paraplanner-unique .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; grid-template-areas: "text image" "stats image"; }
#paraplanner-unique .hero-text-wrapper { grid-area: text; }
#paraplanner-unique .hero-image-wrapper { grid-area: image; border-radius: 24px; overflow: hidden; transition: transform 0.5s ease; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
#paraplanner-unique .hero-image-wrapper:hover { transform: scale(1.02); }
#paraplanner-unique .hero-stats { grid-area: stats; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 600px; }
#paraplanner-unique .hero-title { font-family: 'Cormorant Garamond', serif; font-size: 64px; font-weight: 600; line-height: 1.0; margin-bottom: 30px; color: var(--text-dark); }
#paraplanner-unique .hero-subtitle { font-size: 20px; color: var(--text-medium); line-height: 1.7; margin-bottom: 40px; max-width: 600px; }
#paraplanner-unique .hero-buttons { display: flex; gap: 16px; flex-wrap: nowrap; margin-bottom: 40px; }
#paraplanner-unique .stat-item { padding: 16px; background: #FFF; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: 0.3s; }
#paraplanner-unique .stat-item:hover { transform: translateY(-5px); }
#paraplanner-unique .stat-number { font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 800; color: var(--primary-brown); line-height: 1; margin-bottom: 5px; }
#paraplanner-unique .stat-label { font-size: 13px; color: var(--text-medium); }

/* === GRIDS & CARDS === */
#paraplanner-unique .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
#paraplanner-unique .card { padding: 30px; border-radius: 16px; transition: 0.3s; height: 100%; }

#paraplanner-unique .problem-card,
#paraplanner-unique .feature-card,
#paraplanner-unique .benefit-card {
    background-color: var(--beige-light) !important;
    border: none;
    position: relative;
}

#paraplanner-unique .problem-card:hover,
#paraplanner-unique .feature-card:hover,
#paraplanner-unique .benefit-card:hover {
    background-color: #FFF !important;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

#paraplanner-unique .problem-section { background: #FFF; }
#paraplanner-unique .card-icon { margin-bottom: 20px; }
#paraplanner-unique .card-icon i { font-size: 56px; color: var(--light-brown); }
#paraplanner-unique h3 { font-family: 'Cormorant Garamond', serif; font-size: 24px; margin-bottom: 10px; color: var(--text-dark); font-weight: 600; }

#paraplanner-unique .features-section { background: #FFF; }
#paraplanner-unique .benefits-section { background: #FFF; }

#paraplanner-unique .benefit-number { font-family: 'Cormorant Garamond', serif; font-size: 48px; font-weight: 600; color: var(--primary-brown); opacity: 0.2; margin-bottom: 15px; }

/* === AUDIENCE (кому подойдёт) === */
#paraplanner-unique .audience-section { background: var(--beige-light); }
#paraplanner-unique .audience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
#paraplanner-unique .audience-card { background: #FFF; padding: 40px; border-radius: 24px; border: 2px solid var(--beige-medium); display: flex; flex-direction: column; transition: 0.3s; }
#paraplanner-unique .audience-card:hover { transform: translateY(-6px); border-color: var(--primary-brown); box-shadow: 0 20px 40px rgba(155,118,83,0.15); }
#paraplanner-unique .audience-icon i { font-size: 56px; color: var(--light-brown); }
#paraplanner-unique .audience-card h3 { font-size: 28px; margin: 16px 0 6px; }
#paraplanner-unique .audience-tagline { color: var(--primary-brown) !important; font-weight: 600; margin-bottom: 24px; }
#paraplanner-unique .audience-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 30px; flex-grow: 1; }
#paraplanner-unique .audience-list li { display: flex; align-items: flex-start; gap: 12px; color: var(--text-medium); font-size: 16px; line-height: 1.5; }
#paraplanner-unique .audience-list .list-icon i { font-size: 22px; color: var(--light-brown); }

/* === SOLUTION & CLIENT === */
#paraplanner-unique .solution-content, #paraplanner-unique .client-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
#paraplanner-unique .solution-description { font-size: 18px; color: var(--text-medium); margin-bottom: 24px; }
#paraplanner-unique .solution-list { display: flex; flex-direction: column; gap: 15px; }
#paraplanner-unique .solution-list li { display: flex; align-items: center; gap: 15px; font-size: 17px; color: var(--text-medium); }
#paraplanner-unique .list-icon i { font-size: 24px; color: var(--light-brown); }
#paraplanner-unique .client-quote { padding: 30px; background: var(--beige-light); border-radius: 16px; border-left: 4px solid var(--primary-brown); margin-top: 30px; font-style: italic; color: var(--text-dark); }
#paraplanner-unique .mockup-container { border-radius: 24px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
#paraplanner-unique .mockup-container img { width: 100%; height: 400px; object-fit: cover; object-position: center; }
#paraplanner-unique .client-image { width: 100%; height: 450px; object-fit: cover; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }

/* === VIDEO SECTION === */
#paraplanner-unique .video-section { background: var(--white); }
#paraplanner-unique .video-container {
    max-width: 900px;
    margin: 0 auto;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    aspect-ratio: 16/9;
    background: #F5F0EB;
    position: relative;
}
#paraplanner-unique .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* === PRICING === */
#paraplanner-unique .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
#paraplanner-unique .pricing-card { padding: 40px 30px; background: #FFF; border: 2px solid var(--beige-medium); border-radius: 24px; display: flex; flex-direction: column; position: relative; transition: 0.3s; }
#paraplanner-unique .pricing-card:hover { transform: translateY(-10px); border-color: var(--primary-brown); box-shadow: 0 20px 40px rgba(155, 118, 83, 0.15); }
#paraplanner-unique .pricing-card.featured { border-color: var(--primary-brown); box-shadow: 0 10px 30px rgba(155, 118, 83, 0.1); }
#paraplanner-unique .pricing-card.featured:hover { box-shadow: 0 25px 50px rgba(155, 118, 83, 0.2); }
#paraplanner-unique .pricing-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--primary-brown); color: #FFF; padding: 5px 20px; border-radius: 20px; font-size: 14px; font-weight: 600; }
#paraplanner-unique .pricing-header { text-align: center; border-bottom: 1px solid var(--beige-medium); padding-bottom: 20px; margin-bottom: 20px; }
#paraplanner-unique .pricing-title { font-size: 28px; margin-bottom: 10px; }
#paraplanner-unique .pricing-price { display: flex; flex-direction: column; align-items: center; }
#paraplanner-unique .price-amount { font-family: 'Cormorant Garamond', serif; font-size: 40px; font-weight: 600; color: var(--primary-brown); }
#paraplanner-unique .price-note { font-size: 13px; color: var(--text-light); font-style: italic; max-width: 250px; line-height: 1.4; margin-top: 5px; text-align: center; }
#paraplanner-unique .pricing-features { list-style: none; margin-bottom: 30px; flex-grow: 1; }
#paraplanner-unique .pricing-features li { display: flex; align-items: center; gap: 10px; padding: 8px 0; color: var(--text-medium); font-size: 15px; }

/* === DEMO CTA === */
#paraplanner-unique .demo-cta-section { background: var(--text-dark); color: #FFF; text-align: center; }
#paraplanner-unique .demo-cta-title { color: #FFF; margin-bottom: 20px; }
#paraplanner-unique .demo-cta-description { color: rgba(255,255,255,0.8); margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto; }

/* === FAQ === */
#paraplanner-unique .faq-list { max-width: 800px; margin: 0 auto; }
#paraplanner-unique .faq-item { border-bottom: 1px solid var(--beige-medium); }
#paraplanner-unique .faq-question { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 0; font-size: 18px; font-weight: 600; text-align: left; background: transparent; border: none; color: var(--text-dark) !important; cursor: pointer; font-family: inherit; }
#paraplanner-unique .faq-question:hover { color: var(--primary-brown) !important; }
#paraplanner-unique .faq-icon { flex-shrink: 0; }
#paraplanner-unique .faq-answer { max-height: 0; overflow: hidden; transition: 0.4s; }
#paraplanner-unique .faq-item.active .faq-answer { max-height: 500px; }
#paraplanner-unique .faq-answer p { padding-bottom: 20px; color: var(--text-medium); }

/* === REQUEST FORM === */
#paraplanner-unique .request-section { background: linear-gradient(135deg, var(--primary-brown) 0%, var(--dark-brown) 100%); color: #FFF; }
#paraplanner-unique .request-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
#paraplanner-unique .request-text .section-title { color: #FFF; }
#paraplanner-unique .request-description { color: rgba(255,255,255,0.9); margin-bottom: 30px; }

#paraplanner-unique .request-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
#paraplanner-unique .request-benefit { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,0.95); }
#paraplanner-unique .request-benefit-icon { width: 24px; height: 24px; background: #FFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
#paraplanner-unique .request-benefit-icon i.ph-bold { font-size: 14px; color: var(--primary-brown); }

#paraplanner-unique .request-form-container {
    background: #FFF;
    padding: 60px 40px;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2);
    color: var(--text-dark);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#paraplanner-unique .request-form-container h3 { font-family: 'Cormorant Garamond', serif; font-size: 32px; font-weight: 600; margin-bottom: 10px; }
#paraplanner-unique .request-form-container p { color: var(--text-medium); margin-bottom: 30px; }

/* === FOOTER === */
#paraplanner-unique .footer { background-color: var(--text-dark); color: #FFF; padding: 60px 0 30px; }
#paraplanner-unique .footer-content { display: grid; grid-template-columns: 1.5fr 2fr; gap: 60px; margin-bottom: 40px; }
#paraplanner-unique .footer-brand .logo { margin-bottom: 20px; filter: brightness(0) invert(1); }
#paraplanner-unique .footer-brand p { color: rgba(255,255,255,0.7); }
#paraplanner-unique .footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
#paraplanner-unique .footer-column h4 { font-weight: 600; margin-bottom: 20px; color: #FFF; }
#paraplanner-unique .footer-column a { display: block; color: rgba(255,255,255,0.7) !important; margin-bottom: 10px; }
#paraplanner-unique .footer-column a:hover { color: #FFF !important; transform: translateX(5px); }
#paraplanner-unique .footer-bottom { padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: center; }
#paraplanner-unique .footer-bottom p, #paraplanner-unique .footer-legal a { color: rgba(255,255,255,0.6) !important; font-size: 14px; }
#paraplanner-unique .footer-legal { display: flex; gap: 20px; }
#paraplanner-unique .legal-info { margin-top: 20px; }
#paraplanner-unique .legal-info p { font-size: 13px; color: rgba(255,255,255,0.5); margin-bottom: 4px; line-height: 1.4; }

/* === UI ELEMENTS & ANIMATION === */
#paraplanner-unique .animate-card { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
#paraplanner-unique .animate-card.visible { opacity: 1; transform: translateY(0); }

/* === COOKIE BANNER === */
#paraplanner-unique .cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--text-dark);
    color: #FFF;
    padding: 20px;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    transition: transform 0.5s ease-in-out;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.2);
    transform: translateY(100%);
}

#paraplanner-unique .cookie-banner.active {
    transform: translateY(0);
}

#paraplanner-unique .cookie-btn {
    background-color: var(--primary-brown) !important;
    color: #FFF !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    border: none !important;
    display: inline-block !important;
    opacity: 1 !important;
    flex-shrink: 0;
    cursor: pointer !important;
    font-family: inherit;
    font-size: 15px;
}

#paraplanner-unique .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: var(--primary-brown); color: #FFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 990; opacity: 0; visibility: hidden; transition: 0.3s; border: none; cursor: pointer; }
#paraplanner-unique .back-to-top.visible { opacity: 1; visibility: visible; }
#paraplanner-unique .back-to-top i { font-size: 24px; color: #FFF; }

/* === MOBILE === */
@media (max-width: 968px) {
    #paraplanner-unique .hero-title { font-size: 42px; }
    #paraplanner-unique .hero-content { display: flex; flex-direction: column; gap: 40px; }
    #paraplanner-unique .hero-text-wrapper { order: 1; }
    #paraplanner-unique .hero-image-wrapper { order: 2; width: 100%; }
    #paraplanner-unique .hero-stats { order: 3; width: 100%; grid-template-columns: 1fr; }
    #paraplanner-unique .hero-buttons { flex-direction: column; width: 100%; }
    #paraplanner-unique .grid-3 { grid-template-columns: 1fr; }
    #paraplanner-unique .audience-grid { grid-template-columns: 1fr; }
    #paraplanner-unique .solution-content, #paraplanner-unique .client-content, #paraplanner-unique .request-content, #paraplanner-unique .footer-content { grid-template-columns: 1fr; gap: 40px; }
    #paraplanner-unique .client-visual { order: -1; }
    #paraplanner-unique .footer-links { grid-template-columns: 1fr; }
    #paraplanner-unique .request-benefits { grid-template-columns: 1fr; }
    #paraplanner-unique .footer-bottom { flex-direction: column; gap: 20px; text-align: center; }

    #paraplanner-unique .cookie-banner {
        flex-direction: column;
        text-align: center;
        padding-bottom: 60px !important;
        padding-top: 20px;
    }

    #paraplanner-unique .nav { display: none; }
    #paraplanner-unique .nav.active { display: flex; flex-direction: column; position: fixed; top: 70px; left: 0; right: 0; background: #FFF; padding: 20px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
    #paraplanner-unique .mobile-menu-toggle { display: flex; }
}