.seo-landing{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem;color:var(--text)}.seo-breadcrumb{font-size:.8125rem;color:var(--text-muted);margin-bottom:2.5rem}.seo-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.seo-breadcrumb a:hover{color:var(--text)}.seo-breadcrumb span[aria-current=page]{color:var(--text-secondary)}.seo-hero{text-align:center;margin-bottom:4rem}.seo-hero h1{font-size:2.25rem;font-weight:800;line-height:1.2;margin:0 0 1.25rem;color:var(--text)}.seo-intro{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);max-width:700px;margin:0 auto 2rem}.seo-cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.seo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:4rem}.seo-pain,.seo-benefit{padding:1.75rem;border-radius:12px}.seo-pain{background:#ff6b6b14;border:1px solid rgba(255,107,107,.15)}.seo-benefit{background:#51cf6614;border:1px solid rgba(81,207,102,.15)}.seo-pain h2,.seo-benefit h2{font-size:1.125rem;font-weight:700;margin:0 0 1rem}.seo-pain h2{color:var(--danger)}.seo-benefit h2{color:var(--success)}.seo-pain ul,.seo-benefit ul{list-style:none;padding:0;margin:0}.seo-pain li,.seo-benefit li{padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.9375rem;line-height:1.5;color:var(--text-secondary)}.seo-pain li:before{content:"✗";position:absolute;left:0;color:var(--danger);font-weight:700}.seo-benefit li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.seo-how{margin-bottom:4rem;text-align:center}.seo-how h2{font-size:1.5rem;font-weight:700;margin:0 0 2rem}.seo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.seo-step{padding:1.5rem;border-radius:12px;background:var(--card);border:1px solid var(--border)}.seo-step-num{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--primary);color:#fff;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.seo-step h3{font-size:1.0625rem;font-weight:700;margin:0 0 .5rem;color:var(--text)}.seo-step p{font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin:0}.seo-detail{margin-bottom:4rem}.seo-detail h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.seo-detail p{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin:0}.seo-related{margin-bottom:4rem}.seo-related h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.seo-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.seo-related-card{display:block;padding:1.25rem;border-radius:10px;background:var(--card);border:1px solid var(--border);text-decoration:none;transition:border-color .2s,box-shadow .2s}.seo-related-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.seo-related-card h3{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.seo-related-card p{font-size:.8125rem;line-height:1.5;color:var(--text-muted);margin:0}.seo-final-cta{text-align:center;padding:3rem 2rem;border-radius:16px;background:var(--card);border:1px solid var(--border)}.seo-final-cta h2{font-size:1.75rem;font-weight:800;margin:0 0 .75rem}.seo-final-cta p{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem}.seo-long-description{margin:2.5rem 0;max-width:800px;margin-left:auto;margin-right:auto}.seo-long-description p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin:0 0 1rem}.seo-sections{margin:3rem 0;display:flex;flex-direction:column;gap:2.5rem}.seo-section{max-width:820px;margin:0 auto;width:100%}.seo-section h2{font-size:1.5rem;font-weight:700;margin:0 0 .875rem;color:var(--text);letter-spacing:-.01em}.seo-section p{font-size:1rem;line-height:1.75;color:var(--text-secondary);margin:0 0 .875rem}.seo-tips{margin:3rem 0}.seo-tips h2{font-size:1.625rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.seo-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.seo-tip{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;transition:all var(--transition)}.seo-tip:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.seo-tip h3{font-size:1.0625rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.seo-tip p{font-size:.9375rem;line-height:1.65;color:var(--text-secondary);margin:0}.seo-scenarios{margin:3rem 0}.seo-scenarios h2{font-size:1.625rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.seo-scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.seo-scenario{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.375rem 1.5rem;border-left:3px solid var(--primary)}.seo-scenario h3{font-size:1.0625rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.seo-scenario p{font-size:.9375rem;line-height:1.65;color:var(--text-secondary);margin:0}.seo-faq{margin:3rem 0;max-width:820px;margin-left:auto;margin-right:auto}.seo-faq h2{font-size:1.625rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.seo-faq-list{display:flex;flex-direction:column;gap:.75rem}.seo-faq-item{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;transition:all var(--transition)}.seo-faq-item:hover,.seo-faq-item[open]{border-color:var(--primary)}.seo-faq-item summary{padding:1rem 1.25rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;-webkit-user-select:none;user-select:none}.seo-faq-item summary::-webkit-details-marker{display:none}.seo-faq-item summary:after{content:"+";font-size:1.5rem;font-weight:300;color:var(--text-muted);transition:transform var(--transition);flex-shrink:0}.seo-faq-item[open] summary:after{content:"−";color:var(--primary)}.seo-faq-item summary h3{font-size:1rem;font-weight:600;margin:0;color:var(--text);display:inline}.seo-faq-item p{padding:0 1.25rem 1.25rem;margin:0;font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}@media(max-width:768px){.seo-landing{padding:1.5rem 1rem 3rem}.seo-hero h1{font-size:1.625rem}.seo-intro{font-size:1rem}.seo-comparison,.seo-steps{grid-template-columns:1fr}.seo-final-cta{padding:2rem 1.25rem}.seo-final-cta h2,.seo-section h2,.seo-tips h2,.seo-scenarios h2,.seo-faq h2{font-size:1.375rem}.seo-tips-grid,.seo-scenarios-grid{grid-template-columns:1fr}}@media(max-width:480px){.seo-hero h1{font-size:1.375rem}.seo-cta-group{flex-direction:column;align-items:stretch}.seo-cta-group .btn{text-align:center}}