.inswp-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.content-area.full-width{background:var(--bg-primary);font-family:var(--font-primary);line-height:1.6;color:var(--text-secondary);overflow-x:hidden}.inswp-hero-section{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:var(--space-20) 0 var(--space-16);position:relative}.inswp-hero-content{text-align:center;max-width:900px;margin:0 auto}.inswp-hero-title{font-size:var(--text-5xl);font-weight:700;line-height:1.1;color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:-.02em}.inswp-hero-subtitle{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-12);line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.inswp-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto}.inswp-stat{text-align:center;padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-normal)}.inswp-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.inswp-stat-number{display:block;font-size:var(--text-3xl);font-weight:700;color:var(--primary-brand);margin-bottom:var(--space-2)}.inswp-stat-label{font-size:var(--text-base);color:var(--text-tertiary);font-weight:500}.inswp-hero-icon{font-size:4rem;margin-top:var(--space-8);opacity:.8}.inswp-overview-section{padding:var(--spacing-section) 0;background:var(--bg-primary)}.inswp-overview-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.inswp-overview-title{font-size:var(--text-4xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6);line-height:1.2}.inswp-overview-desc{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.7}.inswp-overview-features{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.inswp-feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--text-secondary);font-weight:500}.inswp-cta-note{padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--accent-cta)}.inswp-cta-note p{margin:0;font-size:var(--text-base);color:var(--text-secondary)}.inswp-overview-image{text-align:center}.inswp-overview-image img{max-width:100%;height:auto;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.inswp-overview-image img:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.inswp-image-caption{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.inswp-core-steps-section{padding:var(--spacing-section) 0;background:var(--bg-secondary)}.inswp-section-title{font-size:var(--text-4xl);font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:var(--space-6);line-height:1.2}.inswp-title-accent{color:var(--accent-cta);font-weight:700}.inswp-section-subtitle{font-size:var(--text-lg);color:var(--text-tertiary);text-align:center;margin-bottom:var(--space-16);line-height:1.6}.inswp-core-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.inswp-core-step{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden}.inswp-core-step:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-brand);opacity:0;transition:opacity var(--transition-fast)}.inswp-core-step:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.inswp-core-step:hover:before{opacity:1}.inswp-step-icon{font-size:3rem;margin-bottom:var(--space-6);display:block}.inswp-step-name{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.inswp-step-brief{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.inswp-step-time{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-6);font-weight:500}.inswp-step-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--primary-brand);text-decoration:none;font-weight:600;font-size:var(--text-base);transition:all var(--transition-fast)}.inswp-step-link:hover{color:var(--primary-brand-dark);transform:translateX(4px);text-decoration:none}.inswp-note-box{background:linear-gradient(135deg,rgba(255,107,107,.1) 0%,rgba(255,107,107,.05) 100%);border:1px solid var(--accent-cta);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;gap:var(--space-4);align-items:flex-start}.inswp-note-icon{font-size:var(--text-2xl);flex-shrink:0}.inswp-note-content p{margin:0;font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.inswp-flowchart-section{padding:var(--spacing-section) 0;background:var(--bg-primary)}.inswp-flowchart-wrapper{position:relative;text-align:center;cursor:pointer;border-radius:var(--radius-2xl);overflow:hidden;display:inline-block;box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.inswp-flowchart-wrapper:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.inswp-flowchart-wrapper img{max-width:100%;height:auto;display:block}.inswp-flowchart-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,36,99,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.inswp-flowchart-wrapper:hover .inswp-flowchart-overlay{opacity:1}.inswp-flowchart-overlay span{color:#fff;font-size:var(--text-lg);font-weight:600}.inswp-detailed-steps-section{padding:var(--spacing-section) 0;background:var(--bg-primary)}.inswp-phase-section{margin-bottom:var(--space-20)}.inswp-phase-header{text-align:center;margin-bottom:var(--space-16)}.inswp-phase-title{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);position:relative;display:inline-block}.inswp-phase-title:after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--accent-cta);border-radius:var(--radius-full)}.inswp-phase-desc{font-size:var(--text-lg);color:var(--text-tertiary);font-weight:500}.inswp-steps-grid{display:grid;gap:var(--space-8)}.inswp-three-columns{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.inswp-single-wide{grid-template-columns:1fr;max-width:1000px;margin:0 auto}.inswp-step-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.inswp-step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.inswp-step-wide{padding:var(--space-10)}.inswp-step-header{margin-bottom:var(--space-8)}.inswp-step-number{display:inline-flex;align-items:center;justify-content:center;width:70px;height:48px;background:var(--primary-brand);color:#fff;border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4)}.inswp-step-title{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.inswp-step-summary{font-size:var(--text-base);color:var(--text-tertiary);line-height:1.6}.inswp-step-content{color:var(--text-secondary)}.inswp-checklist{list-style:none;padding:0;margin:0 0 var(--space-6) 0}.inswp-checklist li{padding:var(--space-2) 0;font-size:var(--text-base);line-height:1.6}.inswp-cost-breakdown{margin-bottom:var(--space-6)}.inswp-cost-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.inswp-cost-item:last-child{border-bottom:none}.inswp-cost-label{font-weight:500;color:var(--text-secondary)}.inswp-cost-value{font-weight:600;color:var(--primary-brand)}.inswp-cost-total{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--space-6);border-left:4px solid var(--success-green)}.inswp-provider-grid{display:grid;gap:var(--space-6);margin-bottom:var(--space-6)}.inswp-provider{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center}.inswp-provider strong{display:block;margin-bottom:var(--space-3);color:var(--text-primary)}.inswp-server-options{display:grid;gap:var(--space-6);margin-bottom:var(--space-6)}.inswp-server-option{padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-lg);position:relative}.inswp-server-option strong{display:block;font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2)}.inswp-server-option p{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary)}.inswp-recommend-tag{display:inline-block;background:var(--accent-cta);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-3)}.inswp-info-box{background:linear-gradient(135deg,rgba(66,153,225,.1) 0%,rgba(66,153,225,.05) 100%);border:1px solid var(--info-blue);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);display:flex;gap:var(--space-4);align-items:flex-start}.inswp-info-icon{font-size:var(--text-xl);flex-shrink:0}.inswp-time-note{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;margin-top:var(--space-4)}.inswp-tutorial-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.inswp-platform-choice{display:grid;gap:var(--space-6)}.inswp-platform-primary,.inswp-platform-alt{padding:var(--space-6);border-radius:var(--radius-lg)}.inswp-platform-primary{background:linear-gradient(135deg,rgba(10,36,99,.1) 0%,rgba(10,36,99,.05) 100%);border:1px solid var(--primary-brand)}.inswp-platform-alt{background:var(--bg-secondary);border:1px solid var(--border-light)}.inswp-platform-primary strong,.inswp-platform-alt strong{display:block;margin-bottom:var(--space-2);color:var(--text-primary)}.inswp-config-grid{display:grid;gap:var(--space-8)}.inswp-config-item{background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--radius-lg)}.inswp-config-item strong{display:block;margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--text-lg)}.inswp-config-item ul{list-style:none;padding:0;margin:0}.inswp-config-item li{padding:var(--space-2) 0;font-size:var(--text-base);line-height:1.6;position:relative;padding-left:var(--space-6)}.inswp-config-item li:before{content:'•';position:absolute;left:0;color:var(--accent-cta);font-weight:700}.inswp-operation-phases{display:grid;gap:var(--space-8)}.inswp-operation-phase{background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--radius-lg)}.inswp-operation-phase h5{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.inswp-operation-phase ul{list-style:none;padding:0;margin:0}.inswp-operation-phase li{padding:var(--space-2) 0;font-size:var(--text-base);line-height:1.6;position:relative;padding-left:var(--space-6)}.inswp-operation-phase li:before{content:'→';position:absolute;left:0;color:var(--primary-brand);font-weight:700}.inswp-monetization-grid{display:grid;gap:var(--space-8)}.inswp-monetization,.inswp-common-mistakes{background:var(--bg-secondary);padding:var(--space-8);border-radius:var(--radius-lg)}.inswp-monetization h5,.inswp-common-mistakes h5{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.inswp-monetization ul,.inswp-common-mistakes ul{list-style:none;padding:0;margin:var(--space-4) 0}.inswp-monetization li,.inswp-common-mistakes li{padding:var(--space-2) 0;font-size:var(--text-base);line-height:1.6;position:relative;padding-left:var(--space-6)}.inswp-monetization li:before{content:'💰';position:absolute;left:0}.inswp-common-mistakes li:before{content:'⚠️';position:absolute;left:0}.inswp-faq-section{padding:var(--spacing-section) 0;background:var(--bg-secondary)}.inswp-faq-section .accordion-component{--accordion-bg-primary:var(--bg-card);--accordion-text-primary:var(--text-primary);--accordion-text-secondary:var(--text-secondary);--accordion-accent-primary:var(--primary-brand);--accordion-border-color:var(--border-light);--accordion-hover-bg:var(--bg-secondary);--accordion-shadow:var(--shadow-card);--accordion-shadow-hover:var(--shadow-card-hover);--accordion-radius:var(--radius-xl);--accordion-transition:var(--transition-normal)}.inswp-faq-answer{line-height:1.7}.inswp-faq-answer ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.inswp-faq-answer li{margin-bottom:var(--space-2);line-height:1.6}.inswp-highlight{background:linear-gradient(135deg,rgba(72,187,120,.1) 0%,rgba(72,187,120,.05) 100%);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid var(--success-green);margin:var(--space-4) 0}.inswp-tip{background:linear-gradient(135deg,rgba(66,153,225,.1) 0%,rgba(66,153,225,.05) 100%);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid var(--info-blue);margin:var(--space-4) 0;font-size:var(--text-sm)}.inswp-backup-comparison{display:grid;gap:var(--space-6);margin:var(--space-4) 0}.inswp-backup-option{background:var(--bg-primary);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.inswp-backup-option h5{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.inswp-backup-option ul{list-style:none;padding:0;margin:0}.inswp-backup-option li{padding:var(--space-1) 0;font-size:var(--text-sm);line-height:1.6}.inswp-conclusion-section{padding:var(--spacing-section) 0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.inswp-conclusion-content{max-width:900px;margin:0 auto;text-align:center}.inswp-conclusion-title{font-size:var(--text-4xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6);line-height:1.2}.inswp-conclusion-desc{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-12);line-height:1.7}.inswp-quick-start{background:var(--bg-card);padding:var(--space-10);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-12);text-align:left}.inswp-quick-start h3{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6);text-align:center}.inswp-quick-steps{list-style:none;padding:0;margin:0;counter-reset:step-counter}.inswp-quick-steps li{counter-increment:step-counter;position:relative;padding:var(--space-4) 0 var(--space-4) var(--space-12);font-size:var(--text-base);line-height:1.6;color:var(--text-secondary)}.inswp-quick-steps li:before{content:counter(step-counter);position:absolute;left:0;top:var(--space-4);width:32px;height:32px;background:var(--primary-brand);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm)}.inswp-help-options{display:grid;gap:var(--space-8)}.inswp-help-option{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);text-align:center}.inswp-help-option h4{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.inswp-help-option p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.inswp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;font-family:var(--font-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);line-height:1}.inswp-btn-primary{background:var(--primary-brand);color:#fff}.inswp-btn-primary:hover{background:var(--primary-brand-dark);transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff;text-decoration:none}.inswp-btn-secondary{background:var(--accent-cta);color:#fff}.inswp-btn-secondary:hover{background:#e85555;transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff;text-decoration:none}.inswp-link{color:var(--primary-brand);text-decoration:none;font-weight:500;transition:all var(--transition-fast);border-bottom:1px solid transparent}.inswp-link:hover{color:var(--primary-brand-dark);border-bottom-color:var(--primary-brand-dark);text-decoration:none}.inswp-link-highlight{background:linear-gradient(135deg,rgba(255,107,107,.1) 0%,rgba(255,107,107,.05) 100%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--accent-cta);font-weight:600}.inswp-link-highlight:hover{background:linear-gradient(135deg,rgba(255,107,107,.2) 0%,rgba(255,107,107,.1) 100%);color:var(--accent-cta)}@media (min-width:1280px){.inswp-config-grid{grid-template-columns:repeat(3,1fr)}.inswp-operation-phases{grid-template-columns:repeat(3,1fr)}.inswp-monetization-grid{grid-template-columns:repeat(2,1fr)}.inswp-help-options{grid-template-columns:repeat(2,1fr)}.inswp-backup-comparison{grid-template-columns:repeat(2,1fr)}.inswp-provider-grid{grid-template-columns:repeat(2,1fr)}.inswp-server-options{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.inswp-overview-content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.inswp-overview-image{order:-1}.inswp-three-columns{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.inswp-container{padding:0 var(--space-6)}.inswp-hero-section{padding:var(--space-16) 0 var(--space-12)}.inswp-hero-title{font-size:var(--text-4xl)}.inswp-hero-subtitle{font-size:var(--text-lg)}.inswp-hero-stats{grid-template-columns:1fr;max-width:400px}.inswp-section-title{font-size:var(--text-3xl)}.inswp-core-steps-grid{grid-template-columns:1fr}.inswp-three-columns{grid-template-columns:1fr}.inswp-step-card{padding:var(--space-6)}.inswp-step-wide{padding:var(--space-8)}.inswp-quick-start{padding:var(--space-8)}.inswp-help-options{grid-template-columns:1fr}.inswp-config-grid{grid-template-columns:1fr}.inswp-operation-phases{grid-template-columns:1fr}.inswp-monetization-grid{grid-template-columns:1fr}}@media (max-width:480px){.inswp-container{padding:0 var(--space-4)}.inswp-hero-section{padding:var(--space-12) 0 var(--space-10)}.inswp-hero-title{font-size:var(--text-3xl);line-height:1.2}.inswp-hero-subtitle{font-size:var(--text-base)}.inswp-section-title{font-size:var(--text-2xl)}.inswp-phase-title{font-size:var(--text-2xl)}.inswp-conclusion-title{font-size:var(--text-3xl)}.inswp-step-card{padding:var(--space-4)}.inswp-step-wide{padding:var(--space-6)}.inswp-quick-start{padding:var(--space-6)}.inswp-help-option{padding:var(--space-6)}.inswp-note-box{padding:var(--space-6);flex-direction:column;text-align:center}.inswp-info-box{padding:var(--space-4);flex-direction:column;text-align:center}.inswp-detailed-steps-section *,.inswp-faq-section *{word-break:break-word;hyphens:auto}.content-area.full-width *{max-width:100%;box-sizing:border-box}.inswp-overview-image img,.inswp-flowchart-wrapper img{max-width:100%;height:auto}.inswp-step-card,.inswp-core-step,.inswp-help-option{width:100%;max-width:100%;overflow:hidden}.inswp-hero-content{padding-left:var(--space-4);padding-right:var(--space-4)}.main-layout.page-full-width .container{padding-left:var(--space-4);padding-right:var(--space-4)}}