* {margin: 0;padding: 0;box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {font-family: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 22px;line-height: 1.8;color: #2d3436;background-color: #FFF8F0;}
*:focus-visible {outline: 3px solid #5FAD7E;outline-offset: 3px;border-radius: 4px;}
a:focus-visible,button:focus-visible {outline: 3px solid #5FAD7E;outline-offset: 4px;}
.site-header {background: linear-gradient(135deg, #A8D5BA 0%, #B8D8E8 100%);padding: 32px 0;position: sticky;top: 0;z-index: 1000;}
.brand-container {display: flex;align-items: center;justify-content: center;gap: 24px;}
.brand-logo {width: 120px;height: 120px;object-fit: contain;flex-shrink: 0;}
.brand-name {font-size: 48px;font-weight: 700;color: #1e3a34;margin: 0;text-align: center;}
.container {max-width: 1200px;margin: 0 auto;padding: 0 24px;}
h1, h2, h3 {line-height: 1.3;margin-bottom: 24px;font-weight: 700;color: #2d3436;}
h1 {font-size: 42px;}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
p {margin-bottom: 16px;}
.hero {background: linear-gradient(135deg, #A8D5BA 0%, #B8D8E8 100%);padding: 80px 0;text-align: center;}
.headline {color: #1e3a34;margin-bottom: 24px;max-width: 900px;margin-left: auto;margin-right: auto;}
.subheadline {font-size: 26px;color: #2d5245;margin-bottom: 40px;max-width: 800px;margin-left: auto;margin-right: auto;font-weight: 400;}
.cta-button {display: inline-block;padding: 18px 48px;font-size: 20px;font-weight: 600;text-decoration: none;border-radius: 8px;transition: all 0.3s ease;cursor: pointer;border: none;min-height: 60px;line-height: 1.4;}
.cta-primary {background-color: #5FAD7E;color: #ffffff;box-shadow: 0 4px 12px rgba(95, 173, 126, 0.25);}
.cta-primary:hover {background-color: #4d9a6a;transform: translateY(-2px);box-shadow: 0 6px 16px rgba(95, 173, 126, 0.35);}
.cta-secondary {background-color: #f8f9fa;color: #2d3436;border: 2px solid #5FAD7E;}
.cta-secondary:hover {background-color: #5FAD7E;color: #ffffff;transform: translateY(-2px);}
.cta-large {font-size: 24px;padding: 24px 64px;min-height: 72px;}
.cta-center {text-align: center;margin-top: 48px;}
.cta-basic-special {background: linear-gradient(135deg, #66BB6A 0%, #43A047 100%);color: #ffffff;box-shadow: 0 6px 20px rgba(67, 160, 71, 0.4);font-weight: 700;animation: pulse-attention 2s ease-in-out infinite;position: relative;overflow: hidden;padding: 22px 56px;font-size: 22px;min-height: 68px;text-align: center;display: flex;align-items: center;justify-content: center;}
.cta-basic-special:hover {background: linear-gradient(135deg, #43A047 0%, #388E3C 100%);transform: translateY(-3px) scale(1.02);box-shadow: 0 8px 24px rgba(67, 160, 71, 0.5);}
@keyframes pulse-attention {0%, 100% {box-shadow: 0 6px 20px rgba(67, 160, 71, 0.4);}
50% {box-shadow: 0 6px 28px rgba(67, 160, 71, 0.6);}
}
.product-image-section {padding: 64px 0;background-color: #ffffff;}
.product-image {max-width: 800px;width: 100%;height: auto;margin: 0 auto;display: block;border-radius: 12px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);}
.product-placeholder {max-width: 600px;margin: 0 auto;height: 400px;background-color: #f0f0f0;border: 3px dashed #A8D5BA;border-radius: 12px;display: flex;align-items: center;justify-content: center;}
.product-placeholder p {font-size: 24px;color: #636e72;font-weight: 600;}
.benefits-section {padding: 60px 0;background-color: #FFF8F0;}
.section-title {text-align: center;color: #2d3436;margin-bottom: 56px;}
.benefits-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;margin-bottom: 24px;}
.benefit-item {background-color: #ffffff;padding: 20px 24px;border-radius: 12px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);display: flex;align-items: center;gap: 12px;transition: transform 0.3s ease, box-shadow 0.3s ease;min-height: 70px;}
.benefit-item:hover {transform: translateY(-4px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);}
.checkmark {font-size: 24px;color: #5FAD7E;font-weight: bold;flex-shrink: 0;}
.benefit-item p {font-size: 20px;margin: 0;line-height: 1.5;font-weight: 600;}
.for-whom-section {padding: 80px 0;background-color: #ffffff;}
.for-whom-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 40px;margin-top: 48px;}
.for-whom-card {padding: 40px;border-radius: 12px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);}
.for-yes {background: linear-gradient(135deg, #E8F5E9 0%, #F1F8E9 100%);border: 2px solid #A8D5BA;}
.for-no {background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);border: 2px solid #FFD54F;}
.for-whom-card h3 {color: #2d3436;margin-bottom: 24px;font-size: 26px;}
.for-whom-card ul {list-style: none;padding: 0;}
.for-whom-card li {padding: 12px 0;padding-left: 32px;position: relative;font-size: 21px;line-height: 1.7;font-weight: 600;}
.for-yes li::before {content: "✓";position: absolute;left: 0;color: #5FAD7E;font-weight: bold;font-size: 22px;}
.for-no li::before {content: "•";position: absolute;left: 8px;color: #F57C00;font-weight: bold;font-size: 22px;}
.pricing-section {padding: 60px 0 40px 0;background: linear-gradient(180deg, #FFF8F0 0%, #F5F5F0 100%);}
.pricing-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));gap: 40px;margin-top: 40px;margin-bottom: 0;align-items: start;}
.pricing-card {background-color: #ffffff;border-radius: 16px;padding: 40px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;display: flex;flex-direction: column;}
.pricing-card:hover {transform: translateY(-8px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}
.basic-card-new {background-color: #E9FBEA;border: 3px solid #00B36B;border-radius: 24px;padding: 48px 32px;box-shadow: 0 6px 24px rgba(0, 179, 107, 0.12);text-align: center;font-family: 'Poppins', sans-serif;display: flex;flex-direction: column;}
.basic-icon {display: flex;justify-content: center;margin-bottom: 24px;}
.basic-title {font-size: 26px;font-weight: 700;color: #00703C;margin-bottom: 12px;line-height: 1.3;}
.basic-subtitle {font-size: 17px;color: #6b7280;margin-bottom: 28px;font-weight: 500;line-height: 1.5;}
.basic-benefits-box {background-color: #EAFBE8;border-radius: 16px;padding: 24px 20px;margin-bottom: 28px;text-align: left;box-shadow: 0 2px 8px rgba(0, 179, 107, 0.08);}
.basic-benefits-title {font-size: 18px;font-weight: 600;color: #1a1a1a;margin-bottom: 18px;text-align: center;}
.basic-benefits-list {list-style: none;padding: 0;margin: 0;}
.basic-benefits-list li {display: flex;align-items: flex-start;gap: 12px;margin-bottom: 14px;font-size: 16px;color: #1a1a1a;font-weight: 500;}
.basic-benefits-list li:last-child {margin-bottom: 0;}
.basic-check-icon {width: 26px;height: 26px;background: linear-gradient(135deg, #00B36B 0%, #00D87A 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-weight: 700;font-size: 15px;flex-shrink: 0;}
.basic-price-section {margin-bottom: 24px;}
.basic-main-price {font-size: 48px;font-weight: 900;color: #00703C;margin-bottom: 10px;line-height: 1;}
.basic-payment-info {font-size: 15px;color: #6b7280;margin-bottom: 12px;}
.basic-motivation {font-size: 16px;color: #FF9800;font-weight: 600;margin: 0;}
.basic-cta-button {display: block;width: 100%;background-color: #00B36B;color: white;text-decoration: none;padding: 20px 24px;border-radius: 12px;font-size: 17px;font-weight: 700;text-align: center;transition: all 0.3s ease;margin-bottom: 18px;box-shadow: 0 4px 16px rgba(0, 179, 107, 0.3);}
.basic-cta-button:hover {background-color: #00995C;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0, 179, 107, 0.4);}
.basic-footer {font-size: 15px;color: #6b7280;margin: 0;font-weight: 500;}
.premium-card {border: 3px solid #5FAD7E;}
.badge {position: absolute;top: -16px;right: 24px;background-color: #5FAD7E;color: #ffffff;padding: 8px 20px;border-radius: 20px;font-weight: 700;font-size: 16px;}
.pricing-header {text-align: center;margin-bottom: 32px;padding-bottom: 24px;border-bottom: 2px solid #f0f0f0;}
.pricing-header h3 {font-size: 28px;margin-bottom: 16px;color: #2d3436;}
.price {display: flex;align-items: baseline;justify-content: center;gap: 4px;}
.currency {font-size: 36px;font-weight: 900;color: #1a1a1a;}
.amount {font-size: 84px;font-weight: 900;color: #1a1a1a;line-height: 1;}
.cents {font-size: 36px;font-weight: 900;color: #1a1a1a;}
.payment-type {font-size: 18px;color: #6b7280;margin-top: 12px;font-weight: 500;}
.pricing-features {flex-grow: 1;margin-bottom: 32px;}
.pricing-features ul {list-style: none;padding: 0;}
.pricing-features li {padding: 12px 0;font-size: 20px;display: flex;align-items: flex-start;gap: 12px;line-height: 1.6;font-weight: 600;}
.pricing-features .checkmark {font-size: 22px;margin-top: 2px;}
.payment-info {text-align: center;margin-top: 32px;padding: 24px;background-color: #E8F5E9;border-radius: 12px;}
.payment-info p {font-size: 20px;color: #2d5245;margin: 0;font-weight: 600;}
.testimonials-section {padding: 80px 0;background-color: #ffffff;}
.testimonials-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 32px;margin-top: 48px;}
.testimonial-card {background: linear-gradient(135deg, #F5F5F0 0%, #ffffff 100%);padding: 36px;border-radius: 12px;border-left: 4px solid #A8D5BA;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease;display: flex;flex-direction: column;align-items: center;text-align: center;}
.testimonial-card:hover {transform: translateY(-4px);}
.testimonial-image {width: 120px;height: 120px;border-radius: 50%;object-fit: cover;margin-bottom: 24px;border: 4px solid #A8D5BA;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.testimonial-content {width: 100%;}
.testimonial-text {font-size: 21px;font-style: italic;color: #2d3436;margin-bottom: 20px;line-height: 1.7;}
.testimonial-author {font-size: 20px;color: #5FAD7E;font-weight: 700;margin: 0;}
.guarantee-section {padding: 80px 0;background-color: #ffffff;}
.guarantee-box {background-color: #f8f9fa;padding: 56px 40px;border-radius: 16px;text-align: center;max-width: 900px;margin: 0 auto;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}
.guarantee-icon {margin-bottom: 24px;display: flex;justify-content: center;}
.guarantee-box h2 {color: #2d3436;font-size: 38px;margin-bottom: 24px;font-weight: 700;}
.guarantee-intro {font-size: 20px;color: #2d3436;margin-bottom: 40px;line-height: 1.7;font-weight: 600;}
.guarantee-features {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 32px;margin: 40px 0;}
.guarantee-feature-item {text-align: center;}
.guarantee-feature-icon {margin: 0 auto 16px;display: flex;justify-content: center;}
.guarantee-feature-item h3 {font-size: 22px;color: #2d3436;margin-bottom: 8px;font-weight: 700;}
.guarantee-feature-item p {font-size: 18px;color: #636e72;margin: 0;font-weight: 600;}
.guarantee-footer {font-size: 19px;color: #2d3436;margin-top: 40px;margin-bottom: 0;line-height: 1.7;font-weight: 600;background-color: #E3F2FD;padding: 24px;border-radius: 12px;}
.faq-section {padding: 80px 0;background-color: #FFF8F0;}
.faq-list {max-width: 900px;margin: 0 auto;margin-top: 48px;}
.faq-item {background-color: #ffffff;padding: 32px;margin-bottom: 24px;border-radius: 12px;border-left: 4px solid #5FAD7E;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}
.faq-question {color: #2d3436;font-size: 24px;margin-bottom: 16px;font-weight: 700;}
.faq-answer {color: #636e72;font-size: 21px;line-height: 1.7;margin: 0;font-weight: 600;}
.final-cta-section {padding: 96px 0;background: linear-gradient(135deg, #5FAD7E 0%, #4d9a6a 100%);text-align: center;}
.final-cta-title {color: #ffffff;font-size: 42px;margin-bottom: 24px;max-width: 800px;margin-left: auto;margin-right: auto;}
.final-cta-text {color: #ffffff;font-size: 22px;margin-bottom: 40px;max-width: 700px;margin-left: auto;margin-right: auto;opacity: 0.95;}
.final-note {color: #ffffff;font-size: 18px;margin-top: 32px;opacity: 0.9;}
.footer {background-color: #2d3436;color: #ffffff;padding: 48px 0;text-align: center;}
.footer .container {display: flex;flex-direction: column;gap: 32px;align-items: center;}
.footer-brand {display: flex;flex-direction: column;align-items: center;gap: 16px;}
.footer-logo {width: 80px;height: 80px;object-fit: contain;}
.footer-brand p {margin: 0;font-size: 16px;opacity: 0.9;}
.footer-contact {display: flex;flex-direction: column;gap: 8px;}
.footer-contact p {margin: 0;font-size: 16px;opacity: 0.9;}
.footer-contact strong {font-size: 18px;font-weight: 700;}
.footer-contact a {color: #5FAD7E;text-decoration: none;font-weight: 600;transition: color 0.3s ease;}
.footer-contact a:hover {color: #7bc99a;text-decoration: underline;}
@media (max-width: 768px) {.site-header {padding: 24px 0;}
.brand-container {gap: 16px;}
.brand-logo {width: 90px;height: 90px;}
.brand-name {font-size: 36px;}
h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 22px;}
body {font-size: 19px;}
.hero {padding: 56px 0;}
.subheadline {font-size: 22px;}
.cta-button {padding: 16px 32px;font-size: 18px;min-height: 56px;}
.cta-large {font-size: 20px;padding: 20px 40px;min-height: 64px;}
.benefits-grid,.for-whom-grid,.pricing-grid,.testimonials-grid {grid-template-columns: 1fr;gap: 16px;}
.product-placeholder {height: 300px;}
.benefit-item {padding: 16px 20px;min-height: 65px;}
.benefit-item p {font-size: 18px;}
.for-whom-card {padding: 28px;}
.for-whom-card li {font-size: 17px;}
.pricing-card {padding: 32px 24px;}
.amount {font-size: 52px;}
.guarantee-box {padding: 40px 28px;}
.guarantee-icon svg {width: 60px;height: 60px;}
.guarantee-box h2 {font-size: 30px;}
.guarantee-intro {font-size: 18px;}
.guarantee-features {grid-template-columns: 1fr;gap: 24px;}
.guarantee-feature-item h3 {font-size: 20px;}
.guarantee-feature-item p {font-size: 17px;}
.guarantee-footer {font-size: 17px;}
.faq-item {padding: 24px;}
.faq-question {font-size: 20px;}
.faq-answer {font-size: 17px;}
.final-cta-title {font-size: 32px;}
.final-cta-text {font-size: 19px;}
.benefits-section,.for-whom-section,.pricing-section,.testimonials-section,.guarantee-section,.faq-section {padding: 56px 0;}
.final-cta-section {padding: 64px 0;}
}
@media (max-width: 480px) {.site-header {padding: 20px 0;}
.brand-container {gap: 10px;}
.brand-logo {width: 70px;height: 70px;}
.brand-name {font-size: 26px;}
.container {padding: 0 16px;}
h1 {font-size: 28px;}
h2 {font-size: 24px;}
.for-whom-grid {grid-template-columns: 1fr;}
.pricing-grid {grid-template-columns: 1fr;}
}
.premium-highlight-card {background: linear-gradient(135deg, #FFE5CC 0%, #FFD9B3 100%);border: 3px solid #E5B200;border-radius: 24px;padding: 48px 32px;box-shadow: 0 8px 32px rgba(229, 178, 0, 0.15);text-align: center;font-family: 'Poppins', sans-serif;display: flex;flex-direction: column;transition: all 0.4s ease;position: relative;}
.premium-highlight-card:hover {transform: translateY(-8px) scale(1.02);box-shadow: 0 16px 48px rgba(229, 178, 0, 0.35), 0 0 30px rgba(255, 183, 77, 0.3);border-color: #FFB84D;animation: subtle-glow 1.5s ease-in-out infinite;}
@keyframes subtle-glow {0%, 100% {box-shadow: 0 16px 48px rgba(229, 178, 0, 0.35), 0 0 30px rgba(255, 183, 77, 0.3);}
50% {box-shadow: 0 16px 48px rgba(229, 178, 0, 0.45), 0 0 40px rgba(255, 183, 77, 0.5);}
}
.premium-icon {display: flex;justify-content: center;margin-bottom: 24px;}
.premium-title {font-size: 28px;font-weight: 700;color: #C49000;margin-bottom: 12px;line-height: 1.3;}
.premium-subtitle {font-size: 18px;color: #6b7280;margin-bottom: 32px;font-weight: 500;}
.premium-benefits-box {background-color: #FFF1E0;border-radius: 16px;padding: 28px 24px;margin-bottom: 32px;text-align: left;}
.benefits-box-title {font-size: 20px;font-weight: 600;color: #1a1a1a;margin-bottom: 20px;text-align: center;}
.premium-benefits-list {list-style: none;padding: 0;margin: 0 0 24px 0;}
.premium-benefits-list li {display: flex;align-items: flex-start;gap: 12px;margin-bottom: 16px;font-size: 17px;color: #1a1a1a;font-weight: 500;}
.benefit-icon {width: 28px;height: 28px;background: linear-gradient(135deg, #E5B200 0%, #FFD700 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-weight: 700;font-size: 16px;flex-shrink: 0;}
.premium-features-check {display: flex;flex-direction: column;gap: 12px;padding-top: 20px;border-top: 2px solid #FFE5B4;}
.feature-check-item {display: flex;align-items: center;gap: 10px;font-size: 16px;color: #2d3436;font-weight: 500;}
.check-icon {width: 24px;height: 24px;background-color: #FFEAA0;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #C49000;font-weight: 700;font-size: 14px;flex-shrink: 0;}
.premium-price-section {margin-bottom: 28px;}
.main-price {font-size: 80px;font-weight: 900;color: #C49000;margin-bottom: 8px;line-height: 1;}
.original-price {font-size: 16px;color: #9ca3af;margin-bottom: 16px;text-decoration: line-through;}
.savings-badge {display: inline-block;background-color: #FF9800;color: white;padding: 8px 20px;border-radius: 8px;font-size: 14px;font-weight: 700;}
.premium-cta-button {display: block;width: 100%;background-color: #FF9800;color: #ffffff;text-decoration: none;padding: 20px 24px;border-radius: 12px;font-size: 18px;font-weight: 700;text-align: center;transition: all 0.3s ease;margin-bottom: 20px;box-shadow: 0 4px 16px rgba(255, 152, 0, 0.4);}
.premium-cta-button:hover {background-color: #F57C00;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(255, 152, 0, 0.5);}
.premium-footer {font-size: 16px;color: #6b7280;margin: 0;}
@media (max-width: 768px) {.basic-card-new {padding: 36px 24px;}
.basic-main-price {font-size: 52px;}
.basic-title {font-size: 24px;}
.basic-subtitle {font-size: 16px;}
.premium-highlight-card {padding: 36px 24px;}
.premium-title {font-size: 24px;}
.premium-subtitle {font-size: 16px;}
.main-price {font-size: 72px;}
.premium-cta-button {font-size: 16px;padding: 18px 20px;}
.basic-cta-button {font-size: 16px;padding: 18px 20px;}
}
@media (max-width: 480px) {.basic-card-new {padding: 32px 20px;}
.basic-main-price {font-size: 44px;}
.basic-title {font-size: 22px;}
.basic-benefits-list li {font-size: 15px;}
.premium-highlight-card {padding: 32px 20px;}
.premium-title {font-size: 20px;}
.main-price {font-size: 56px;}
.premium-benefits-list li {font-size: 15px;}
}