:root{--font-family-display:"Inter", system-ui, -apple-system, sans-serif;--font-family-body:"Inter", system-ui, -apple-system, sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-text-xs:12px;--font-size-text-sm:14px;--font-size-text-md:16px;--font-size-text-lg:18px;--font-size-text-xl:20px;--font-size-display-xs:24px;--font-size-display-sm:30px;--font-size-display-md:36px;--font-size-display-lg:48px;--font-size-display-xl:60px;--color-brand-50:#e2f1ff;--color-brand-100:#badcff;--color-brand-500:#0090ff;--color-brand-600:#1081fa;--color-brand-700:#196ee6;--color-brand-900:#203cb4;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e9eaeb;--color-gray-300:#d5d7da;--color-gray-400:#a4a7ae;--color-gray-500:#717680;--color-gray-600:#535862;--color-gray-700:#414651;--color-gray-800:#252b37;--color-gray-900:#181d27;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-700);--color-text-tertiary:var(--color-gray-600);--color-background-primary:#fff;--spacing-xs:4px;--spacing-sm:6px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:20px;--spacing-3xl:24px;--spacing-4xl:32px;--spacing-5xl:40px;--spacing-6xl:48px;--spacing-7xl:64px;--spacing-8xl:80px;--spacing-9xl:96px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0px 1px 2px #0a0d120f, 0px 1px 3px #0a0d121a;--shadow-md:0px 2px 4px -2px #0a0d120f, 0px 4px 8px -2px #0a0d121a;--shadow-lg:0px 4px 6px -2px #0a0d1208, 0px 12px 16px -4px #0a0d1214;--transition-fast:.15s ease;--transition-normal:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-body);font-size:var(--font-size-text-md);color:var(--color-text-primary);background-color:var(--color-background-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);line-height:1.2}h1{font-size:var(--font-size-display-lg)}h2{font-size:var(--font-size-display-md)}h3{font-size:var(--font-size-display-xs)}.container{max-width:1200px;padding:0 var(--spacing-3xl);margin:0 auto}.section{padding:var(--spacing-8xl) 0}.section-gray{background-color:var(--color-gray-50)}.section-title{text-align:center;margin-bottom:var(--spacing-6xl);color:var(--color-text-primary)}.section-subtitle{text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-text-lg);max-width:700px;margin:calc(-1 * var(--spacing-4xl)) auto var(--spacing-6xl)}.btn{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-text-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);transition:all var(--transition-fast);border:none;display:inline-flex}.btn-primary{background-color:var(--color-brand-600);color:#fff}.btn-primary:hover{background-color:var(--color-brand-700)}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-gray-300);background-color:#fff}.btn-secondary:hover{background-color:var(--color-gray-50)}.btn-outline{color:var(--color-text-primary);border:1px solid var(--color-gray-300);background-color:#fff}.btn-outline:hover{background-color:var(--color-gray-50)}.btn-outline svg{flex-shrink:0}.btn-lg{padding:var(--spacing-lg) var(--spacing-3xl);font-size:var(--font-size-text-lg)}.card{border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);transition:box-shadow var(--transition-fast);background:#fff}.card:hover{box-shadow:var(--shadow-md)}.grid{gap:var(--spacing-3xl);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:var(--spacing-6xl) 0}h1{font-size:var(--font-size-display-md)}h2{font-size:var(--font-size-display-xs)}}.header{backdrop-filter:blur(8px);border-bottom:1px solid var(--color-gray-200);z-index:100;background:#fffffff2;position:fixed;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;height:72px;display:flex}.logo img{width:auto;height:32px}.nav{gap:var(--spacing-4xl);display:flex}.nav a{font-size:var(--font-size-text-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav a:hover{color:var(--color-brand-600)}.header-actions{gap:var(--spacing-lg);display:flex}.hero{padding:140px 0 var(--spacing-8xl);background-color:var(--color-gray-50);position:relative;overflow:hidden}.hero-content{gap:var(--spacing-7xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-text h1{margin-bottom:var(--spacing-3xl);color:var(--color-text-primary);letter-spacing:-.02em;font-size:56px;line-height:1.15}.hero-subtitle{font-size:var(--font-size-text-lg);color:var(--color-text-tertiary);margin-bottom:var(--spacing-4xl);max-width:480px;line-height:1.6}.hero-cta{gap:var(--spacing-lg);display:flex}.hero-image{position:relative}.hero-image-placeholder{aspect-ratio:3/2.5;border-radius:var(--radius-2xl);width:100%;color:var(--color-brand-600);font-size:var(--font-size-text-lg);font-weight:var(--font-weight-medium);background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);justify-content:center;align-items:center;display:flex}.hero-img{border-radius:var(--radius-2xl);width:100%;height:auto;box-shadow:var(--shadow-xl)}.hero-stat-card{border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-lg);align-items:center;gap:var(--spacing-lg);background:#fff;display:flex;position:absolute}.hero-stat-card-top{top:20px;right:-20px}.hero-stat-card-bottom{bottom:40px;left:20px}.hero-stat-icon{background:var(--color-brand-50);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-brand-600);justify-content:center;align-items:center;display:flex}.hero-stat-text{flex-direction:column;display:flex}.hero-stat-value{font-size:var(--font-size-text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.hero-stat-label{font-size:var(--font-size-text-sm);color:var(--color-text-tertiary)}.section-label{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand-600);margin-bottom:var(--spacing-lg);display:inline-block}.about-grid{gap:var(--spacing-7xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-image-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg, var(--color-gray-100) 0%, var(--color-gray-200) 100%);border-radius:var(--radius-2xl);width:100%;color:var(--color-gray-500);font-size:var(--font-size-text-lg);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:flex}.about-img{border-radius:var(--radius-2xl);width:100%;height:auto}.about-content{text-align:left}.about-title{font-size:var(--font-size-display-md);margin-bottom:var(--spacing-3xl)}.about-content p{font-size:var(--font-size-text-md);color:var(--color-text-tertiary);margin-bottom:var(--spacing-xl);line-height:1.8}.features-grid{margin-top:var(--spacing-4xl)}.feature-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);text-align:left;transition:all var(--transition-fast);background:#fff}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.feature-icon-blue{background:var(--color-brand-100);color:var(--color-brand-700)}.feature-icon-green{color:#079455;background:#dcfae6}.feature-icon-purple{color:#5925dc;background:#f4f3ff}.feature-icon-orange{color:#b93815;background:#fef6ee}.feature-icon-yellow{color:#ca8a04;background:#fef9c3}.features-header{margin-bottom:var(--spacing-5xl)}.features-title{font-size:var(--font-size-display-md);margin-bottom:var(--spacing-xl);color:var(--color-text-primary)}.features-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-text-lg);max-width:600px;line-height:1.6}.feature-card h3{font-size:var(--font-size-text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.feature-card p{font-size:var(--font-size-text-sm);color:var(--color-text-tertiary);line-height:1.6}.howto-title{font-size:var(--font-size-display-md);margin-bottom:var(--spacing-xl);color:var(--color-text-primary)}.howto-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-text-lg);margin-bottom:var(--spacing-6xl);max-width:600px}.howto-grid{gap:var(--spacing-6xl);grid-template-columns:.7fr 1.3fr;align-items:start;display:grid}.howto-image{border-radius:var(--radius-2xl);height:480px;overflow:hidden}.steps{gap:var(--spacing-4xl);flex-direction:column;display:flex}.step{gap:var(--spacing-xl);display:flex}.step-indicator{flex-direction:column;align-items:center;display:flex}.step-number{background:var(--color-brand-50);width:40px;height:40px;color:var(--color-brand-600);border-radius:var(--radius-full);font-size:var(--font-size-text-md);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-line{border-left:2px dashed var(--color-gray-300);width:2px;min-height:60px;margin-top:var(--spacing-md);flex:1}.step-content{padding-top:var(--spacing-sm)}.step-content h3{font-size:var(--font-size-text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.step-content p{color:var(--color-text-tertiary);font-size:var(--font-size-text-md);line-height:1.6}.howto-image-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg, var(--color-gray-100) 0%, var(--color-gray-200) 100%);border-radius:var(--radius-2xl);width:100%;color:var(--color-gray-500);font-size:var(--font-size-text-lg);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:flex}.howto-img{object-fit:cover;object-position:top left;border-radius:var(--radius-2xl);width:100%;height:100%;box-shadow:var(--shadow-lg)}.demo-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-gray-100) 0%, var(--color-gray-200) 100%);border-radius:var(--radius-2xl);width:100%;max-width:800px;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;gap:var(--spacing-lg);color:var(--color-gray-500);flex-direction:column;display:flex}.demo-placeholder span{font-size:var(--font-size-text-md);font-weight:var(--font-weight-medium)}.pricing-grid{margin-top:var(--spacing-4xl)}.pricing-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);background:#fff;flex-direction:column;display:flex}.pricing-card-featured{border:2px solid var(--color-brand-600);position:relative}.pricing-badge{font-size:var(--font-size-text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.pricing-badge-featured{color:var(--color-brand-600)}.pricing-name{font-size:var(--font-size-display-xs);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl)}.pricing-price{margin-bottom:var(--spacing-3xl)}.price-amount{font-size:var(--font-size-display-md);font-weight:var(--font-weight-bold)}.price-currency{font-size:var(--font-size-text-md);color:var(--color-text-tertiary)}.pricing-features{margin-bottom:var(--spacing-3xl);flex-grow:1;list-style:none}.pricing-features li{padding:var(--spacing-md) 0;color:var(--color-text-secondary);font-size:var(--font-size-text-sm);padding-left:var(--spacing-3xl);position:relative}.pricing-features li:before{content:"✓";color:var(--color-brand-600);font-weight:700;position:absolute;left:0}.pricing-btn{width:100%}.pricing-header{margin-bottom:var(--spacing-4xl)}.pricing-title{font-size:var(--font-size-display-md);margin-bottom:var(--spacing-xl);color:var(--color-text-primary)}.pricing-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-text-lg);max-width:600px;line-height:1.6}.pricing-grid-5{gap:var(--spacing-lg);margin-top:var(--spacing-4xl);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=1200px){.pricing-grid-5{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}.pricing-card-v2{padding:var(--spacing-2xl)}.pricing-name-v2{font-size:var(--font-size-display-xs)}.price-amount-v2{font-size:var(--font-size-display-sm)}.pricing-features-v2 li{font-size:var(--font-size-text-sm)}}@media (width<=800px){.pricing-grid-5{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.pricing-grid-5{grid-template-columns:1fr;max-width:320px;margin-left:auto;margin-right:auto}.pricing-card-v2{padding:var(--spacing-3xl)}}.pricing-card-v2{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-fast);background:#fff;flex-direction:column;min-width:0;display:flex}.pricing-card-v2:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card-gradient{border:none}.pricing-card-gradient:hover{box-shadow:0 8px 32px #00000040}.pricing-badge-v2{font-size:var(--font-size-text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);margin-bottom:var(--spacing-md);letter-spacing:.5px}.pricing-badge-light{color:#ffffffb3}.pricing-name-v2{font-size:var(--font-size-text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.pricing-name-light{color:#fff}.pricing-name-gold{color:#facc15}.pricing-price-v2{align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);display:flex}.price-amount-v2{font-size:var(--font-size-display-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.price-amount-light{color:#fff}.price-suffix-v2{font-size:var(--font-size-text-sm);color:var(--color-text-tertiary)}.price-suffix-light{color:#fff9}.pricing-divider{background:var(--color-gray-200);height:1px;margin-bottom:var(--spacing-lg)}.pricing-divider-light{background:#ffffff26}.pricing-features-v2{margin-bottom:var(--spacing-xl);flex-grow:1;list-style:none}.pricing-features-v2 li{padding:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-text-xs);padding-left:var(--spacing-2xl);position:relative}.pricing-features-v2 li:before{content:"✓";color:#17b26a;font-weight:700;position:absolute;left:0}.pricing-features-light li{color:#ffffffd9}.pricing-features-light li:before{color:#fff}.pricing-btn-v2{width:100%}.btn-light{color:var(--color-text-primary);background:#fff;border:none}.btn-light:hover{background:#ffffffe6}.blog-header{margin-bottom:var(--spacing-5xl);justify-content:space-between;align-items:flex-start;display:flex}.blog-grid{margin-top:var(--spacing-3xl)}.blog-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);transition:all var(--transition-fast);background:#fff;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card-image{aspect-ratio:16/10;background:var(--color-gray-100);overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%}.blog-card-image-placeholder{background:linear-gradient(135deg, var(--color-brand-50) 0%, var(--color-brand-100) 100%)}.blog-card-content{padding:var(--spacing-3xl)}.blog-card-meta{font-size:var(--font-size-text-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand-600);margin-bottom:var(--spacing-md)}.blog-card-content h3{font-size:var(--font-size-text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);line-height:1.4}.blog-card-content p{font-size:var(--font-size-text-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-xl)}.blog-card-footer{gap:var(--spacing-xl);font-size:var(--font-size-text-xs);color:var(--color-text-quaternary);display:flex}.blog-header-v2{margin-bottom:var(--spacing-4xl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-3xl);display:flex}.blog-header-text{flex:1}.blog-title{font-size:var(--font-size-display-md);margin-bottom:var(--spacing-xl);color:var(--color-text-primary)}.blog-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-text-lg);max-width:500px;line-height:1.6}.blog-view-all{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:inline-flex}.blog-grid-v2{gap:var(--spacing-3xl);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.blog-grid-v2{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.blog-grid-v2{grid-template-columns:1fr}.blog-header-v2{flex-direction:column}.blog-view-all{align-self:flex-start}}.blog-card-v2{border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);cursor:pointer;background:#fff;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 1px 2px #0a0d120d}.blog-card-v2:hover{box-shadow:var(--shadow-lg);border-color:var(--color-gray-300);transform:translateY(-6px)}.blog-card-image-v2{background:var(--color-gray-100);width:100%;height:200px;overflow:hidden}.blog-card-image-placeholder-v2{background:linear-gradient(135deg, var(--color-gray-100) 0%, var(--color-gray-200) 100%);width:100%;height:100%}.blog-card-v2:hover .blog-card-image-placeholder-v2{background:linear-gradient(135deg, var(--color-brand-50) 0%, var(--color-brand-100) 100%)}.blog-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card-v2:hover .blog-card-img{transform:scale(1.03)}.blog-card-body-v2{padding:var(--spacing-3xl);flex-direction:column;flex-grow:1;display:flex}.blog-card-meta-v2{font-size:var(--font-size-text-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand-600);margin-bottom:var(--spacing-lg);letter-spacing:.3px}.blog-card-title-v2{font-size:var(--font-size-text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);line-height:1.4;display:flex}.blog-card-title-v2 span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-arrow{color:var(--color-text-primary);opacity:.65;flex-shrink:0;margin-top:2px;transition:transform .25s}.blog-card-v2:hover .blog-card-arrow{opacity:1;color:var(--color-brand-600);transform:translate(2px,-2px)}.blog-card-excerpt-v2{font-size:var(--font-size-text-sm);color:var(--color-text-tertiary);margin:0 0 var(--spacing-2xl) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-tags-v2{gap:var(--spacing-md);flex-wrap:wrap;margin-top:auto;display:flex}.blog-tag{padding:var(--spacing-xs) var(--spacing-lg);background:var(--color-gray-100);color:var(--color-text-secondary);font-size:var(--font-size-text-xs);font-weight:var(--font-weight-medium);border-radius:9999px;align-items:center;display:inline-flex}.faq-list{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-gray-200)}.faq-question{padding:var(--spacing-xl) 0;font-size:var(--font-size-text-md);font-weight:var(--font-weight-medium);cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:var(--font-size-text-xl);color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.faq-item[open] .faq-question:after{content:"−"}.faq-answer{padding-bottom:var(--spacing-xl);color:var(--color-text-tertiary);font-size:var(--font-size-text-md);line-height:1.6}.cta-section{background:linear-gradient(135deg, var(--color-brand-700) 0%, var(--color-brand-900) 100%);padding:var(--spacing-8xl) 0}.cta-content{text-align:center;color:#fff}.cta-content h2{font-size:var(--font-size-display-md);margin-bottom:var(--spacing-xl)}.cta-content p{font-size:var(--font-size-text-lg);opacity:.9;margin-bottom:var(--spacing-4xl);max-width:500px;margin-left:auto;margin-right:auto}.cta-buttons{gap:var(--spacing-xl);justify-content:center;display:flex}.cta-section-v2{padding:var(--spacing-6xl) 0}.cta-content-v2{background:var(--color-brand-600);border-radius:var(--radius-2xl);padding:var(--spacing-5xl) var(--spacing-6xl);justify-content:space-between;align-items:center;gap:var(--spacing-4xl);display:flex}.cta-text{color:#fff}.cta-text h2{font-size:var(--font-size-display-sm);margin:0 0 var(--spacing-lg) 0;font-weight:var(--font-weight-bold)}.cta-text p{font-size:var(--font-size-text-md);opacity:.9;max-width:450px;margin:0;line-height:1.5}.cta-buttons-v2{gap:var(--spacing-lg);flex-shrink:0;display:flex}.btn-cta-outline{color:#fff;padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);background:0 0;border:1px solid #fff}.btn-cta-outline:hover{background:#ffffff1a}.btn-cta-primary{color:var(--color-brand-600);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);background:#fff;border:1px solid #fff}.btn-cta-primary:hover{background:var(--color-gray-100)}@media (width<=768px){.cta-content-v2{text-align:center;padding:var(--spacing-4xl) var(--spacing-3xl);flex-direction:column}.cta-text p{max-width:100%}.cta-buttons-v2{justify-content:center;width:100%}}.footer{background:var(--color-gray-900);color:#fff;padding:var(--spacing-8xl) 0 var(--spacing-4xl)}.footer-grid{gap:var(--spacing-5xl);margin-bottom:var(--spacing-6xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand p{margin-top:var(--spacing-xl);color:var(--color-gray-400);font-size:var(--font-size-text-sm);max-width:300px}.footer-links h4,.footer-contact h4{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xl);color:var(--color-gray-300)}.footer-links ul,.footer-contact ul{list-style:none}.footer-links li,.footer-contact li{margin-bottom:var(--spacing-md)}.footer-links a{color:var(--color-gray-400);font-size:var(--font-size-text-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:#fff}.footer-contact li{color:var(--color-gray-400);font-size:var(--font-size-text-sm)}.footer-bottom{padding-top:var(--spacing-4xl);border-top:1px solid var(--color-gray-700);justify-content:space-between;align-items:center;display:flex}.footer-bottom p{color:var(--color-gray-500);font-size:var(--font-size-text-sm)}.footer-social{gap:var(--spacing-xl);display:flex}.footer-social a{color:var(--color-gray-400);transition:color var(--transition-fast)}.footer-social a:hover{color:#fff}.footer-v2{background:var(--color-gray-900);color:#fff;padding:var(--spacing-6xl) 0 var(--spacing-4xl)}.footer-grid-v2{gap:var(--spacing-6xl);margin-bottom:var(--spacing-5xl);grid-template-columns:1.5fr 1fr 1.5fr;display:grid}.footer-brand-v2 img{margin-bottom:var(--spacing-xl)}.footer-brand-v2 p{color:var(--color-gray-400);font-size:var(--font-size-text-sm);max-width:280px;line-height:1.6}.footer-links-v2 h4,.footer-contact-v2 h4{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2xl);color:#fff}.footer-links-v2 ul,.footer-contact-v2 ul{list-style:none}.footer-links-v2 li{margin-bottom:var(--spacing-lg)}.footer-links-v2 a{color:var(--color-gray-400);font-size:var(--font-size-text-sm);transition:color var(--transition-fast)}.footer-links-v2 a:hover{color:#fff}.footer-contact-v2 li{align-items:flex-start;gap:var(--spacing-lg);color:var(--color-gray-400);font-size:var(--font-size-text-sm);margin-bottom:var(--spacing-lg);line-height:1.5;display:flex}.footer-contact-v2 li svg{color:var(--color-gray-500);flex-shrink:0;margin-top:2px}.footer-bottom-v2{padding-top:var(--spacing-4xl);border-top:1px solid var(--color-gray-700)}.footer-bottom-v2 p{color:var(--color-gray-500);font-size:var(--font-size-text-sm)}@media (width<=768px){.footer-grid-v2{gap:var(--spacing-4xl);grid-template-columns:1fr}.footer-brand-v2 p{max-width:100%}}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text h1{font-size:var(--font-size-display-lg)}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta,.hero-stats{justify-content:center}.hero-image{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.header-content{height:auto;padding:var(--spacing-xl) var(--spacing-3xl);flex-wrap:wrap}.nav{display:none}.hero{padding-top:120px}.hero-text h1{font-size:var(--font-size-display-md)}.hero-cta{flex-direction:column}.blog-header{gap:var(--spacing-3xl);flex-direction:column}.cta-buttons{flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:var(--spacing-xl);text-align:center;flex-direction:column}}.blog-page{background:#fff;min-height:100vh;padding-top:72px}.blog-page-header{padding:var(--spacing-6xl) 0;border-bottom:1px solid var(--color-gray-200)}.blog-page-header-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4xl);display:flex}.blog-page-header-left h1{font-size:var(--font-size-display-md);color:var(--color-text-primary);margin:0}.blog-page-header-desc{font-size:var(--font-size-text-md);color:var(--color-text-tertiary);max-width:400px;margin:0;line-height:1.6}.blog-list-section{padding:var(--spacing-4xl) 0 var(--spacing-6xl)}.blog-tags-row{gap:var(--spacing-md);margin-bottom:var(--spacing-4xl);flex-wrap:wrap;display:flex}.blog-tag-pill{padding:var(--spacing-sm) var(--spacing-xl);border:1px solid var(--color-gray-200);color:var(--color-text-secondary);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:9999px;align-items:center;display:inline-flex}.blog-tag-pill:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-text-primary)}.blog-tag-pill-active{background:var(--color-brand-600);border-color:var(--color-brand-600);color:#fff}.blog-tag-pill-active:hover{background:var(--color-brand-700);border-color:var(--color-brand-700);color:#fff}.blog-empty{text-align:center;padding:var(--spacing-8xl) 0;color:var(--color-text-tertiary)}.blog-pagination{margin-top:var(--spacing-5xl);padding-top:var(--spacing-3xl);border-top:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.blog-pagination-btn{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);display:inline-flex}.blog-pagination-btn:hover{color:var(--color-brand-600)}.blog-pagination-disabled{color:var(--color-gray-300);cursor:not-allowed}.blog-pagination-disabled:hover{color:var(--color-gray-300)}.blog-pagination-pages{align-items:center;gap:var(--spacing-sm);display:flex}.blog-pagination-page{border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.blog-pagination-page:hover{background:var(--color-gray-100)}.blog-pagination-page.active{background:var(--color-gray-100);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.blog-pagination-dots{color:var(--color-text-tertiary);padding:0 var(--spacing-sm)}@media (width<=768px){.blog-page-header-content{flex-direction:column}.blog-page-header-desc{max-width:100%}.blog-tags-row{gap:var(--spacing-sm)}.blog-tag-pill{padding:var(--spacing-xs) var(--spacing-lg);font-size:var(--font-size-text-xs)}.blog-pagination{gap:var(--spacing-xl);flex-direction:column}.blog-pagination-pages{order:-1}}.article-page{background:var(--color-gray-50);min-height:100vh;padding-top:72px}.article-container{max-width:800px;padding:var(--spacing-6xl) var(--spacing-3xl);margin:0 auto}.article-back{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);margin-bottom:var(--spacing-4xl);transition:color var(--transition-fast);display:inline-flex}.article-back:hover{color:var(--color-brand-600)}.article-header{margin-bottom:var(--spacing-3xl)}.article-meta{font-size:var(--font-size-text-sm);color:var(--color-brand-600);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xl)}.article-title{font-size:var(--font-size-display-md);margin-bottom:var(--spacing-xl);line-height:1.3}.article-excerpt{font-size:var(--font-size-text-lg);color:var(--color-text-tertiary);line-height:1.6}.article-tags{gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);flex-wrap:wrap;display:flex}.article-tag{padding:var(--spacing-xs) var(--spacing-lg);border:1px solid var(--color-gray-200);color:var(--color-text-secondary);font-size:var(--font-size-text-xs);font-weight:var(--font-weight-medium);background:#fff;border-radius:9999px;align-items:center;display:inline-flex}.article-cover{border-radius:var(--radius-2xl);width:100%;margin-bottom:var(--spacing-4xl)}.article-content{border-radius:var(--radius-2xl);padding:var(--spacing-4xl);margin-bottom:var(--spacing-4xl);line-height:1.8;font-size:var(--font-size-text-md);background:#fff}.article-content h1,.article-content h2,.article-content h3,.article-content h4{margin-top:var(--spacing-4xl);margin-bottom:var(--spacing-xl)}.article-content h1:first-child,.article-content h2:first-child,.article-content h3:first-child{margin-top:0}.article-content p{margin-bottom:var(--spacing-xl)}.article-content ul,.article-content ol{margin-bottom:var(--spacing-xl);padding-left:var(--spacing-3xl)}.article-content li{margin-bottom:var(--spacing-md)}.article-content img{border-radius:var(--radius-lg);max-width:100%;margin:var(--spacing-xl) 0}.article-content a{color:var(--color-brand-600);text-decoration:underline}.article-content blockquote{border-left:4px solid var(--color-brand-500);padding-left:var(--spacing-xl);margin:var(--spacing-xl) 0;color:var(--color-text-secondary);font-style:italic}.article-content pre{background:var(--color-gray-900);color:var(--color-gray-100);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;overflow-x:auto}.article-content code{background:var(--color-gray-100);padding:2px var(--spacing-sm);border-radius:var(--radius-md);font-size:.9em}.article-content pre code{background:0 0;padding:0}.article-author-box{border-radius:var(--radius-2xl);padding:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);justify-content:space-between;align-items:center;gap:var(--spacing-xl);background:#fff;flex-wrap:wrap;display:flex}.article-author-info{align-items:center;gap:var(--spacing-xl);display:flex}.article-author-avatar{background:var(--color-brand-100);width:48px;height:48px;color:var(--color-brand-700);font-weight:var(--font-weight-semibold);font-size:var(--font-size-text-lg);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.article-author-avatar img{object-fit:cover;width:100%;height:100%}.article-author-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.article-author-date{font-size:var(--font-size-text-sm);color:var(--color-text-tertiary)}.article-actions{gap:var(--spacing-lg);display:flex}.article-actions .btn{align-items:center;gap:var(--spacing-md);display:inline-flex}.article-cta{background:linear-gradient(135deg, var(--color-brand-600) 0%, var(--color-brand-900) 100%);border-radius:var(--radius-2xl);padding:var(--spacing-4xl);text-align:center;color:#fff}.article-cta p{margin-bottom:var(--spacing-xl);font-size:var(--font-size-text-lg)}.article-cta .btn{color:var(--color-brand-700);background:#fff}.article-cta .btn:hover{background:var(--color-gray-100)}@media (width<=768px){.article-container{padding:var(--spacing-4xl) var(--spacing-xl)}.article-title{font-size:var(--font-size-display-sm)}.article-content{padding:var(--spacing-3xl)}.article-author-box,.blog-tags-filter{flex-direction:column;align-items:flex-start}}.terms-page{background:var(--color-gray-50);min-height:100vh;padding-top:72px}.terms-page .container{max-width:800px;padding:var(--spacing-6xl) var(--spacing-3xl)}.terms-back{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);margin-bottom:var(--spacing-4xl);transition:color var(--transition-fast);display:inline-flex}.terms-back:hover{color:var(--color-brand-600)}.terms-header{margin-bottom:var(--spacing-4xl)}.terms-header h1{font-size:var(--font-size-display-sm);margin-bottom:var(--spacing-lg);line-height:1.3}.terms-subtitle{font-size:var(--font-size-text-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.terms-version{font-size:var(--font-size-text-sm);color:var(--color-text-tertiary)}.terms-content{border-radius:var(--radius-2xl);padding:var(--spacing-4xl);background:#fff}.terms-intro{font-size:var(--font-size-text-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-4xl);padding-bottom:var(--spacing-4xl);border-bottom:1px solid var(--color-gray-200);line-height:1.8}.terms-section{margin-bottom:var(--spacing-4xl)}.terms-section:last-child{margin-bottom:0}.terms-section h2{font-size:var(--font-size-text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xl)}.terms-section p{font-size:var(--font-size-text-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.8}.terms-section p:last-child{margin-bottom:0}@media (width<=768px){.terms-page .container{padding:var(--spacing-4xl) var(--spacing-xl)}.terms-header h1{font-size:var(--font-size-display-xs)}.terms-content{padding:var(--spacing-3xl)}}