*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--primary:#C74579;--primary-light:#e8a0be;--primary-dark:#9e3460;--cta:#FFCE12;--cta-hover:#e6b800;--bg-light:#EFE6EB;--bg-white:#fff;--text-dark:#1a1a2e;--text-body:#333;--text-muted:#666;--radius:8px;--shadow:0 2px 12px rgba(0,0,0,.08);--shadow-lg:0 4px 24px rgba(0,0,0,.12);--header-h:64px;--max-w:1140px;--transition:0.3s ease}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text-body);line-height:1.6;background:var(--bg-white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--primary-dark)}
.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}
h1,h2,h3,h4{color:var(--text-dark);line-height:1.3}
h1{font-size:clamp(1.6rem,4vw,2.4rem)}
h2{font-size:clamp(1.3rem,3vw,1.9rem)}
h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:var(--bg-white);box-shadow:var(--shadow);z-index:1000;transition:box-shadow var(--transition)}
.header-container{max-width:var(--max-w);margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:100%}
.header-logo{font-size:1.3rem;font-weight:700;color:var(--primary);white-space:nowrap}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;z-index:1001}
.menu-bar{display:block;width:24px;height:3px;background:var(--text-dark);border-radius:2px;transition:var(--transition)}
.main-nav .nav-list{display:flex;list-style:none;align-items:center;gap:4px}
.main-nav .nav-list a{padding:8px 12px;font-size:.9rem;color:var(--text-body);border-radius:var(--radius);transition:background var(--transition),color var(--transition);white-space:nowrap}
.main-nav .nav-list a:hover{background:var(--bg-light);color:var(--primary)}
.btn-header-cta{background:var(--cta)!important;color:var(--text-dark)!important;font-weight:700!important;padding:8px 18px!important;border-radius:var(--radius)!important}
.btn-header-cta:hover{background:var(--cta-hover)!important}
.btn-header-order{display:none;background:var(--cta);color:var(--text-dark);font-weight:700;padding:8px 16px;border-radius:var(--radius);font-size:.9rem;white-space:nowrap}
.btn-header-order:hover{background:var(--cta-hover);color:var(--text-dark)}

/* Hero */
.hero{padding:calc(var(--header-h) + 32px) 0 48px;background:linear-gradient(135deg,var(--bg-light) 0%,#f8f0f4 100%)}
.hero .container{display:flex;align-items:center;gap:40px}
.hero-content{flex:1}
.hero-image{flex:0 0 380px;text-align:center}
.hero-image img{margin:0 auto;border-radius:var(--radius)}
.hero h1{margin-bottom:12px;color:var(--primary)}
.hero h1 span{color:var(--text-dark)}
.hero-subtitle{font-size:1.1rem;margin-bottom:20px;color:var(--text-body)}
.hero-features{list-style:none;margin-bottom:24px}
.hero-features li{padding:6px 0;padding-left:28px;position:relative;font-size:.95rem}
.hero-features li::before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}
.hero-social-proof{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-stars{color:#f5a623;font-size:1.1rem;letter-spacing:2px}
.hero-rating-text{font-size:.9rem;color:var(--text-muted)}

/* CTA Button */
.btn-cta{display:inline-block;background:var(--cta);color:var(--text-dark);font-weight:700;font-size:1.1rem;padding:16px 40px;border-radius:var(--radius);border:none;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 4px 15px rgba(255,206,18,.4);text-align:center}
.btn-cta:hover{background:var(--cta-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,206,18,.5);color:var(--text-dark)}
.btn-cta:active{transform:translateY(0)}
.cta-sub{display:block;text-align:center;margin-top:8px;font-size:.85rem;color:var(--text-muted)}

/* Sections */
section{padding:56px 0}
section:nth-child(even){background:var(--bg-light)}
.section-title{text-align:center;margin-bottom:32px;position:relative;padding-bottom:16px}
.section-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--primary);border-radius:2px}
.section-intro{text-align:center;max-width:720px;margin:0 auto 32px;color:var(--text-muted);font-size:1rem}

/* Benefits */
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.benefit-card{background:var(--bg-white);padding:28px 24px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:transform var(--transition),box-shadow var(--transition)}
.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.benefit-icon{font-size:2.4rem;margin-bottom:12px}
.benefit-card h3{margin-bottom:8px;color:var(--primary)}
.benefit-card p{font-size:.93rem;color:var(--text-muted)}

/* How It Works */
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;counter-reset:step}
.step-card{background:var(--bg-white);padding:28px 24px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;position:relative}
.step-card::before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary);color:#fff;font-weight:700;border-radius:50%;margin:0 auto 16px;font-size:1.1rem}
.step-card h3{margin-bottom:8px}
.step-card p{font-size:.93rem;color:var(--text-muted)}

/* Ingredients */
.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.ingredient-card{background:var(--bg-white);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}
.ingredient-card img{width:100px;height:100px;object-fit:cover;border-radius:50%;margin:0 auto 16px}
.ingredient-card h3{margin-bottom:8px;color:var(--primary);font-size:1.1rem}
.ingredient-card p{font-size:.9rem;color:var(--text-muted)}

/* Reviews */
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.review-card{background:var(--bg-white);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow)}
.review-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.review-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}
.review-name{font-weight:700;color:var(--text-dark)}
.review-location{font-size:.85rem;color:var(--text-muted)}
.review-stars{color:#f5a623;font-size:.95rem;margin-bottom:8px;letter-spacing:1px}
.review-text{font-size:.93rem;color:var(--text-body);line-height:1.6}
.review-text em{color:var(--text-muted);font-size:.85rem}

/* Order Form */
.order-section{background:var(--bg-light);padding:56px 0}
.order-wrapper{max-width:560px;margin:0 auto;background:var(--bg-white);padding:36px 32px;border-radius:var(--radius);box-shadow:var(--shadow-lg)}
.order-header{text-align:center;margin-bottom:24px}
.order-header h2{color:var(--primary);margin-bottom:16px}
.order-product-info{display:flex;align-items:center;gap:16px;justify-content:center;margin-bottom:20px;padding:16px;background:var(--bg-light);border-radius:var(--radius)}
.order-product-info img{width:60px;height:auto;border-radius:4px}
.order-product-info p{font-size:.93rem;text-align:left;line-height:1.5}
.order-product-info strong{color:var(--primary)}
.order-form{display:flex;flex-direction:column;gap:16px}
.form-group{display:flex;flex-direction:column}
.form-group label{font-size:.9rem;font-weight:600;margin-bottom:4px;color:var(--text-dark)}
.form-group input{padding:12px 14px;border:2px solid #ddd;border-radius:var(--radius);font-size:1rem;transition:border-color var(--transition);background:var(--bg-white)}
.form-group input:focus{outline:none;border-color:var(--primary)}
.form-group input.error{border-color:#e53935}
.form-error{color:#e53935;font-size:.82rem;margin-top:4px;display:none}
.form-error.visible{display:block}
.form-submit{text-align:center}
.form-submit .btn-cta{width:100%;padding:16px;font-size:1.15rem}
.form-legal{font-size:.78rem;color:var(--text-muted);text-align:center;margin-top:8px;line-height:1.5}
.form-legal a{color:var(--primary);text-decoration:underline}
.trust-badges{display:flex;justify-content:center;gap:20px;margin-top:16px;flex-wrap:wrap}
.trust-badge{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-muted)}
.trust-badge svg{width:18px;height:18px;fill:var(--primary)}
.spinner{display:none;width:20px;height:20px;border:3px solid rgba(0,0,0,.2);border-top-color:var(--text-dark);border-radius:50%;animation:spin .6s linear infinite;margin:0 auto}
@keyframes spin{to{transform:rotate(360deg)}}
.btn-cta.loading{pointer-events:none;opacity:.7}
.btn-cta.loading .spinner{display:inline-block;vertical-align:middle;margin-left:8px}
.btn-cta.loading .btn-text{opacity:.6}

/* Where to Buy */
.where-to-buy-content{max-width:720px;margin:0 auto;text-align:center}
.where-to-buy-content p{margin-bottom:16px}
.where-to-buy-content .highlight-box{background:var(--bg-white);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--primary);text-align:left;margin:24px 0}

/* Usage */
.usage-content{max-width:720px;margin:0 auto}
.usage-steps{list-style:none;counter-reset:usage}
.usage-steps li{padding:12px 0 12px 48px;position:relative;border-bottom:1px solid #eee}
.usage-steps li:last-child{border-bottom:none}
.usage-steps li::before{counter-increment:usage;content:counter(usage);position:absolute;left:0;top:12px;width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}

/* How to Order */
.how-to-order-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.order-step{text-align:center;padding:24px 16px;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow)}
.order-step-number{width:48px;height:48px;background:var(--primary);color:#fff;font-weight:700;font-size:1.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.order-step h3{font-size:1rem;margin-bottom:6px}
.order-step p{font-size:.88rem;color:var(--text-muted)}

/* FAQ */
.faq-list{max-width:720px;margin:0 auto}
.faq-item{border-bottom:1px solid #e0e0e0}
.faq-question{width:100%;background:none;border:none;padding:18px 40px 18px 0;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;color:var(--text-dark);position:relative;transition:color var(--transition)}
.faq-question::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--primary);transition:transform var(--transition)}
.faq-question[aria-expanded="true"]::after{content:"−"}
.faq-question:hover{color:var(--primary)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 0}
.faq-answer.open{padding-bottom:18px}
.faq-answer p{font-size:.93rem;color:var(--text-muted);line-height:1.7}

/* Warnings */
.warnings-section{background:var(--bg-light)}
.warnings-content{max-width:720px;margin:0 auto}
.warnings-content ul{list-style:none;padding-left:0}
.warnings-content ul li{padding:8px 0 8px 24px;position:relative;font-size:.93rem;color:var(--text-body)}
.warnings-content ul li::before{content:"⚠";position:absolute;left:0}

/* Price Section */
.price-section{text-align:center}
.price-box{display:inline-block;background:var(--bg-white);padding:32px 48px;border-radius:var(--radius);box-shadow:var(--shadow-lg);border:2px solid var(--primary)}
.price-amount{font-size:2.6rem;font-weight:700;color:var(--primary)}
.price-label{font-size:.95rem;color:var(--text-muted);margin-bottom:16px}
.price-delivery{font-size:.9rem;color:var(--text-muted);margin-top:12px}

/* Rating Stars */
.star-rating{display:flex;align-items:center;justify-content:center;gap:4px;margin:12px 0}
.star-rating .star{color:#f5a623;font-size:1.3rem}
.star-rating .star.half{position:relative}
.rating-text{font-size:.9rem;color:var(--text-muted);margin-left:8px}

/* Footer */
.site-footer{background:var(--text-dark);color:#ccc;padding:40px 0 24px}
.footer-container{max-width:var(--max-w);margin:0 auto;padding:0 20px;text-align:center}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px}
.footer-links a{color:#aaa;font-size:.85rem;transition:color var(--transition)}
.footer-links a:hover{color:var(--bg-white)}
.footer-disclaimer{font-size:.78rem;color:#888;line-height:1.7;max-width:800px;margin:0 auto 20px;padding-top:20px;border-top:1px solid #333}
.footer-bottom{font-size:.82rem;color:#888;padding-top:16px;border-top:1px solid #333}
.footer-bottom time{color:#aaa}

/* Legal Pages */
.legal-page{padding:calc(var(--header-h) + 32px) 0 56px}
.legal-page .container{max-width:800px}
.legal-page h1{margin-bottom:24px;color:var(--primary)}
.legal-page h2{margin:28px 0 12px;font-size:1.2rem}
.legal-page h3{margin:20px 0 8px;font-size:1.05rem}
.legal-page p,.legal-page li{font-size:.93rem;line-height:1.7;margin-bottom:12px}
.legal-page ul,.legal-page ol{padding-left:24px;margin-bottom:16px}

/* Thank You Page */
.thank-you{padding:calc(var(--header-h) + 60px) 0 60px;text-align:center;min-height:60vh;display:flex;align-items:center}
.thank-you h1{color:var(--primary);margin-bottom:16px}
.thank-you p{font-size:1.05rem;color:var(--text-muted);max-width:600px;margin:0 auto 24px}

/* Contact Form */
.contact-form-wrapper{max-width:560px;margin:0 auto;background:var(--bg-white);padding:36px 32px;border-radius:var(--radius);box-shadow:var(--shadow-lg)}
.contact-form{display:flex;flex-direction:column;gap:16px}
.contact-form textarea{padding:12px 14px;border:2px solid #ddd;border-radius:var(--radius);font-size:1rem;transition:border-color var(--transition);font-family:inherit;resize:vertical;min-height:120px}
.contact-form textarea:focus{outline:none;border-color:var(--primary)}
.contact-form textarea.error{border-color:#e53935}
.checkbox-group{display:flex;align-items:flex-start;gap:8px}
.checkbox-group input[type="checkbox"]{margin-top:4px;width:18px;height:18px;accent-color:var(--primary)}
.checkbox-group label{font-size:.85rem;color:var(--text-muted);line-height:1.5}
.contact-success{background:#e8f5e9;color:#2e7d32;padding:16px;border-radius:var(--radius);text-align:center;margin-bottom:16px}
.contact-error{background:#ffebee;color:#c62828;padding:16px;border-radius:var(--radius);text-align:center;margin-bottom:16px}

/* Responsive */
@media(max-width:900px){
    .menu-toggle{display:flex}
    .main-nav{position:fixed;top:var(--header-h);left:0;right:0;background:var(--bg-white);box-shadow:var(--shadow);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease;z-index:999}
    .main-nav.open{transform:translateY(0);opacity:1;visibility:visible}
    .main-nav .nav-list{flex-direction:column;padding:16px 20px;gap:0}
    .main-nav .nav-list a{display:block;padding:12px 16px;border-radius:0;border-bottom:1px solid #f0f0f0}
    .btn-header-order{display:inline-block}
    .btn-header-cta{display:none!important}
    .hero .container{flex-direction:column-reverse;text-align:center}
    .hero-image{flex:none;width:100%;max-width:320px;margin:0 auto}
    .hero-features{text-align:left;max-width:360px;margin:0 auto 24px}
    .hero-social-proof{justify-content:center;flex-wrap:wrap}
    .benefits-grid{grid-template-columns:1fr}
    .reviews-grid{grid-template-columns:1fr}
    .order-wrapper{padding:24px 18px;margin:0 12px}
    .order-product-info{flex-direction:column;text-align:center}
    .price-box{padding:24px 28px}
    .footer-links{flex-direction:column;gap:10px}
}
@media(max-width:480px){
    .container{padding:0 14px}
    section{padding:40px 0}
    h1{font-size:1.5rem}
    h2{font-size:1.25rem}
    .btn-cta{padding:14px 28px;font-size:1rem}
    .hero{padding:calc(var(--header-h) + 20px) 0 32px}
    .hero-image{max-width:260px}
    .steps-grid,.how-to-order-steps,.ingredients-grid{grid-template-columns:1fr}
}