.hero{padding:var(--spacing-16) 0 var(--spacing-20);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.hero .container{display:grid;gap:var(--spacing-12);align-items:center}@media (min-width: 1024px){.hero .container{grid-template-columns:1fr 1fr}}.hero-badge{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background-color:#f082001a;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);margin-bottom:var(--spacing-4)}.hero-title{font-size:var(--text-4xl);line-height:1.1;margin-bottom:var(--spacing-6)}@media (min-width: 768px){.hero-title{font-size:var(--text-5xl)}}.hero-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:500px;margin-bottom:var(--spacing-8)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-lg)}.hero-image{display:flex;justify-content:center}.hero-image img{width:100%;max-width:500px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-xl)}.hero-image-placeholder{width:100%;max-width:500px;aspect-ratio:4/3;background-color:var(--color-gray-100);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);color:var(--color-gray-400)}.product-grid{display:grid;gap:var(--spacing-6)}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-card{display:block;background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);text-decoration:none}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.product-card-image{aspect-ratio:1/1;background-color:var(--color-gray-100);overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-content{padding:var(--spacing-5)}.product-card-content h3{font-size:var(--text-lg);margin-bottom:var(--spacing-2);color:var(--text-primary)}.product-card-content p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-4)}.card-link{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary)}.features-grid{display:grid;gap:var(--spacing-8)}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-item{text-align:center}.feature-item h3{font-size:var(--text-lg);margin-bottom:var(--spacing-2)}.feature-item p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.cta-section{padding:var(--spacing-20) 0}.text-primary{color:var(--color-primary)}.section-badge{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background-color:#f082001a;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);margin-bottom:var(--spacing-4)}.about-grid{display:grid;gap:var(--spacing-12);align-items:center}@media (min-width: 1024px){.about-grid{grid-template-columns:1fr 1fr}}.about-content h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}.about-content p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--spacing-6);line-height:var(--leading-relaxed)}.about-features{list-style:none;padding:0;margin:0 0 var(--spacing-6)}.about-features li{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;font-weight:var(--font-medium)}.about-image{display:flex;justify-content:center}.about-image-placeholder{width:100%;max-width:450px;aspect-ratio:4/3;background-color:var(--color-gray-100);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);color:var(--color-gray-400)}.guides-grid{display:grid;gap:var(--spacing-6)}@media (min-width: 768px){.guides-grid{grid-template-columns:1fr 1fr}}.guide-card{display:block;background-color:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-8);text-decoration:none;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.guide-card-featured{background:linear-gradient(135deg,var(--color-secondary) 0%,#1a365d 100%);color:var(--color-white)}.guide-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#ffffff1a;border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.guide-card h3{font-size:var(--text-xl);margin-bottom:var(--spacing-2);color:inherit}.guide-card p{color:#ffffffd9;margin-bottom:var(--spacing-4)}.guide-link{font-weight:var(--font-semibold);color:var(--color-primary)}.guide-card-featured .guide-link{color:var(--color-white)}.guide-topics{display:flex;flex-direction:column;gap:var(--spacing-4)}.guide-topic{background-color:var(--bg-primary);padding:var(--spacing-5);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);transition:all var(--transition-fast)}.guide-topic:hover{background-color:var(--color-gray-50)}.guide-topic h4{font-size:var(--text-base);margin-bottom:var(--spacing-1);color:var(--text-primary)}.guide-topic p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.guides-cta{display:flex;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-10);flex-wrap:wrap}.about-highlights{list-style:none;padding:0;margin:0 0 var(--spacing-6)}.about-highlights li{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;font-weight:var(--font-medium);color:var(--text-primary)}.about-highlights li svg{color:var(--color-primary);flex-shrink:0}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.stat-item{text-align:center;padding:var(--spacing-6);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.stat-number{display:block;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--spacing-2)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.guides-section{background:var(--color-gray-50)}.guides-layout{display:grid;gap:var(--spacing-12);align-items:start}@media (min-width: 1024px){.guides-layout{grid-template-columns:1fr 1.5fr}}.guides-intro h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}.guides-intro>p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-6)}.guides-features{list-style:none;padding:0;margin:0 0 var(--spacing-6)}.guides-features li{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;font-weight:var(--font-medium);color:var(--text-primary)}.guides-features li svg{color:var(--color-primary);flex-shrink:0}.guides-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.guide-list-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);text-decoration:none;transition:all var(--transition-fast)}.guide-list-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.guide-list-icon{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-white);flex-shrink:0}.guide-list-content{flex:1;min-width:0}.guide-list-content h3{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--spacing-1);line-height:var(--leading-snug)}.guide-list-item:hover .guide-list-content h3{color:var(--color-primary)}.guide-list-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.guide-category{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-1)}.guide-list-arrow{color:var(--text-muted);transition:all var(--transition-fast);flex-shrink:0}.guide-list-item:hover .guide-list-arrow{color:var(--color-primary);transform:translate(4px)}