.hero-section{padding:2rem 0}.hero-content{text-align:center}.hero-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-dark);margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em}.hero-title .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-divider{height:1px;background:linear-gradient(to right,transparent,var(--color-primary),transparent);margin:1.5rem auto;max-width:64rem}.styles-section{padding:2rem 0}.styles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.style-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(125,185,166,.2);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.style-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.style-image-wrapper{position:relative;overflow:hidden;height:32rem;display:flex;justify-content:center;align-items:center}.style-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.style-card:hover .style-image{transform:scale(1.05)}.style-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(90,155,136,.7),transparent);opacity:0;transition:opacity var(--transition-base)}.style-card:hover .style-overlay{opacity:1}.style-content{padding:1rem}.style-prompt{font-size:.875rem;color:var(--color-primary);font-weight:500;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.style-divider{width:4rem;height:.25rem;background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));margin:0 auto;border-radius:var(--radius-sm)}.intro-section{padding:3rem 0}.intro-content-box{max-width:48rem;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#7db9a614,#a5d4c31f);border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.2);box-shadow:var(--shadow-md)}.intro-text{font-size:clamp(1rem,2vw,1.125rem);color:var(--color-dark);line-height:1.75;margin:0}.steps-section{padding:3rem 0}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.step-card{padding:1.5rem;background:#f8f9fa80;backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.15);transition:all var(--transition-base)}.step-card:hover{transform:rotate(1deg);box-shadow:0 0 15px #2e8b5780;border-color:var(--color-primary)}.step-header{display:flex;align-items:flex-start;margin-bottom:.75rem}.step-number{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--gradient-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:.75rem}.step-title{font-size:1.25rem;font-weight:600;margin:0}.step-description{font-size:1rem;color:var(--color-dark);line-height:1.75;margin:0 0 0 2.75rem}.features-section{padding:3rem 0}.title-underline{display:block;height:.25rem;width:6rem;background:var(--gradient-primary);margin:.5rem auto 0}.section-divider{height:1px;margin:1.5rem 0;background:linear-gradient(to right,transparent,var(--color-primary),transparent);max-width:80rem;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.feature-card{padding:1.5rem;background:#ffffff1a;backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.15);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.feature-card:hover{border-color:#7db9a680;box-shadow:0 0 15px #2e8b574d}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-description{font-size:1rem;color:var(--color-dark);line-height:1.75;margin:0}.no-download-section{padding:3rem 0}.content-box-decorated{position:relative;max-width:64rem;margin:0 auto;padding:2rem;background:#ffffff1a;border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.15)}.corner-dot{position:absolute;width:.75rem;height:.75rem;background:var(--color-primary);border-radius:50%}.corner-dot.top-left{top:.75rem;left:.75rem}.corner-dot.top-right{top:.75rem;right:.75rem}.corner-dot.bottom-left{bottom:.75rem;left:.75rem}.corner-dot.bottom-right{bottom:.75rem;right:.75rem}.content-paragraph{font-size:1rem;color:var(--color-dark);line-height:1.75;margin-bottom:1rem}.content-paragraph:last-child{margin-bottom:0}.wave-divider{height:1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100'%3E%3Cpath fill='%237DB9A6' fill-opacity='0.3' d='M0,50 C300,20 600,80 900,50 C1050,35 1125,65 1200,50 L1200,100 L0,100 Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:repeat-x;opacity:.3;margin:1.5rem 0}.testimonials-section{padding:3rem 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.testimonial-card{padding:1.5rem;background:#ffffff1a;backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.15);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.testimonial-card:hover{box-shadow:0 0 15px #2e8b574d}.testimonial-content{margin-bottom:1rem}.testimonial-text{font-size:1rem;color:var(--color-dark);line-height:1.75;font-style:italic;margin:0}.author-name{font-weight:600;margin-bottom:.25rem}.author-role{font-size:.875rem;color:var(--color-gray);margin:0}.faq-section{padding:3rem 0}.faq-grid{max-width:64rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.faq-item{position:relative;padding:1.5rem;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(125,185,166,.1);overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{box-shadow:var(--shadow-glow);border-color:var(--color-primary)}.faq-decorator{position:absolute;top:-1rem;right:-1rem;width:3rem;height:3rem;background:#7db9a61a;transform:rotate(45deg)}.faq-question{display:flex;align-items:flex-start;gap:.5rem;border-bottom:1px solid rgba(125,185,166,.1);padding-bottom:.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.question-icon{flex-shrink:0;width:1.5rem;height:1.5rem;color:var(--color-primary)}.question-text{text-decoration:underline;text-decoration-color:#7db9a64d;text-decoration-style:wavy;text-decoration-thickness:2px;text-underline-offset:4px}.faq-answer{display:flex;align-items:flex-start;gap:.5rem}.answer-label{flex-shrink:0;color:var(--color-primary);font-weight:700}.answer-text{border-left:4px solid rgba(125,185,166,.2);padding-left:.75rem;padding-top:.25rem;font-style:italic;color:var(--color-dark);line-height:1.75;margin:0}.updates-section{padding:3rem 0}.updates-grid{max-width:64rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.update-card{padding:1.5rem;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid rgba(125,185,166,.2);transition:all var(--transition-base)}.update-card:hover{box-shadow:0 0 15px #2e8b5766;border-color:var(--color-primary)}.update-title{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:.75rem}.update-description{font-size:1rem;color:var(--color-dark);line-height:1.75;margin:0}.why-choose-section{padding:3rem 0}.why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.why-card{padding:1.5rem;background:#ffffff1a;backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.15);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.why-card:hover{box-shadow:0 0 15px #2e8b574d;transform:scale(1.05)}.why-icon{font-size:2.5rem;margin-bottom:1rem;text-align:center}.why-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;text-align:center}.why-description{font-size:1rem;color:var(--color-dark);line-height:1.75;text-align:center;margin:0}.cta-section{padding:4rem 0;background:var(--gradient-soft)}.cta-inner{max-width:48rem;margin:0 auto;text-align:center;padding:0 1.5rem}.cta-heading{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.cta-description{font-size:1.125rem;color:var(--color-dark);line-height:1.75;margin-bottom:2rem}.cta-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.cta-btn-primary{background:var(--gradient-primary);color:var(--color-white)}.cta-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.cta-footnote{font-size:.875rem;color:var(--color-gray);margin:0}.section-container{padding:0 1.5rem}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:.5rem}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-up{animation:fadeUp .6s cubic-bezier(.25,.46,.45,.94) forwards}.animate-fade-down{animation:fadeDown .6s cubic-bezier(.25,.46,.45,.94) forwards}.animate-scale-in{opacity:0;animation:scaleIn .6s cubic-bezier(.25,.46,.45,.94) forwards}.animate-delay-1{animation-delay:.2s}.animate-delay-2{animation-delay:.4s}.animate-delay-3{animation-delay:.6s}@media(max-width:768px){.hero-section{padding:1.5rem 0}.styles-grid,.steps-grid,.features-grid,.testimonials-grid,.why-choose-grid{grid-template-columns:1fr}.step-description{margin-left:0}.cta-actions{flex-direction:column}}