*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;max-width:100vw}:root{--brand-teal: #00A4BF;--brand-orange: #E84E1C;--brand-dark-gray: #393939;--brand-light-blue: #C2E3EA;--brand-dark-teal: #005260;--primary: 180 100% 37%;--primary-foreground: 0 0% 100%;--secondary: 197 51% 81%;--secondary-foreground: 193 100% 19%;--accent: 11 82% 51%;--accent-foreground: 0 0% 100%;--background: 0 0% 98%;--foreground: 0 0% 22%;--muted: 197 51% 81%;--muted-foreground: 0 0% 45%;--border: 193 100% 19%;--input: 193 100% 19%;--ring: 180 100% 37%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 98%;--card: 0 0% 100%;--card-foreground: 0 0% 22%;--popover: 0 0% 100%;--popover-foreground: 0 0% 22%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--brand-dark-gray);background-color:#fafafa;font-size:clamp(14px,2.5vw,16px);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow-x:hidden}.full-width-section{width:100vw;margin-left:calc(-50vw + 50%);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.page-wrapper{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}.header{background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.header-container{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center}.logo-img{height:40px;width:auto;-o-object-fit:contain;object-fit:contain;transition:opacity .3s ease}.logo-img:hover{opacity:.8}.logo-text{font-size:20px;font-weight:600;color:#2563eb;letter-spacing:-.025em}.main-content{background-color:#fafafa}.content-wrapper{max-width:1400px;width:100%;margin:0 auto;padding:0 24px;overflow-x:hidden;box-sizing:border-box}.hero-section{padding:48px 0 32px;text-align:center}.hero-content{max-width:600px;margin:0 auto}.main-title{font-size:clamp(22px,5vw,36px);font-weight:700;color:var(--brand-dark-gray);line-height:1.2;margin-bottom:clamp(12px,2vw,16px);letter-spacing:-.025em}.subtitle-badge{display:inline-block;background:#f3f4f6;padding:8px 16px;border-radius:24px;border:1px solid #e5e7eb}.subtitle-badge span{font-size:clamp(12px,2vw,14px);color:#6b7280;font-weight:500}.content-section{margin-bottom:24px}.content-card{background:#fff;border-radius:12px;border:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000d}.card-body{padding:32px}.intro-paragraph{font-size:16px;line-height:1.7;color:#374151;margin-bottom:20px}.section-title{font-size:24px;font-weight:600;color:var(--brand-dark-gray);margin-bottom:16px;line-height:1.3}.section-intro{font-size:16px;line-height:1.7;color:#374151;margin-bottom:24px}.highlight-box{padding:20px;border-radius:8px;margin:24px 0;border-left:4px solid}.highlight-box.success{background-color:#f0fdf4;border-left-color:#22c55e;border:1px solid #bbf7d0}.highlight-box.warning{background-color:#fefce8;border-left-color:#eab308;border:1px solid #fde68a}.highlight-header{font-weight:600;margin-bottom:8px;color:var(--brand-dark-gray)}.highlight-box p{font-size:15px;line-height:1.6;color:#374151;margin:0}.audience-grid{display:grid;gap:20px;margin:24px 0}.audience-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:24px;position:relative}.audience-number{position:absolute;top:-12px;left:24px;background:var(--brand-teal);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.audience-title{font-size:18px;font-weight:600;color:var(--brand-dark-gray);margin-bottom:12px;margin-top:8px}.audience-description{font-size:15px;line-height:1.6;color:#374151;margin:0}.final-statement{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:20px;margin-top:24px}.final-statement p{font-size:15px;line-height:1.6;color:#374151;margin:0}.tabs-section{padding:24px 0 48px}.tabs-outer-container{border:2px solid #d1d5db;border-radius:16px;padding:8px;background:#f9fafb;box-shadow:0 4px 6px #0000000d}.tabs-container{background:#fff;border-radius:12px;border:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000d;overflow:hidden}.tab-navigation{display:flex;border-bottom:1px solid #e5e5e5;background:#f8fafc}.tab-button{flex:1;background:none;border:none;padding:16px 20px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;border-bottom:3px solid transparent;transition:all .2s ease;position:relative}.tab-button:hover{background:#f1f5f9;color:#374151}.tab-button.active{background:#fff;color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.tab-label{display:block}.enhanced-tab-navigation{background:var(--brand-teal);padding:32px;margin:40px 0;border-radius:16px;box-shadow:0 20px 40px #00a4bf33;width:100vw;margin-left:calc(-50vw + 50%);padding-left:calc(50vw - 50% + 32px);padding-right:calc(50vw - 50% + 32px)}.tab-navigation-header{text-align:center;margin-bottom:32px;color:#fff}.tab-navigation-title{font-size:28px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.tab-navigation-subtitle{font-size:16px;opacity:.9;margin-bottom:24px}.progress-bar-container{display:flex;align-items:center;gap:16px;justify-content:center}.progress-bar{flex:1;max-width:300px;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--brand-orange);border-radius:4px;transition:width .5s ease}.progress-text{font-weight:600;font-size:14px;min-width:80px}.tab-navigation-enhanced{display:flex;gap:16px;align-items:center}.tab-wrapper{flex:1;display:flex;align-items:center;gap:16px}.enhanced-tab-button{width:100%;background:#fff;border:none;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;text-align:left}.enhanced-tab-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.enhanced-tab-button.active{background:var(--brand-teal);color:#fff;transform:scale(1.02)}.enhanced-tab-button.completed{background:var(--brand-dark-teal);color:#fff}.enhanced-tab-button.pending{opacity:.8}.tab-number-badge{background:#f3f4f6;color:#374151;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.enhanced-tab-button.active .tab-number-badge,.enhanced-tab-button.completed .tab-number-badge{background:#fff3;color:#fff}.tab-content{flex:1;display:flex;flex-direction:column;gap:4px}.tab-header{display:flex;align-items:center;gap:12px}.tab-icon{font-size:24px}.tab-label{font-size:18px;font-weight:600;line-height:1.2}.tab-description{font-size:14px;opacity:.8;line-height:1.3}.enhanced-tab-button.active .tab-description,.enhanced-tab-button.completed .tab-description{opacity:.9}.tab-status-indicator{display:flex;align-items:center}.completed-tab-controls{display:flex;align-items:center;gap:8px}.mark-incomplete-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;opacity:0;transform:scale(.8)}.enhanced-tab-button.completed:hover .mark-incomplete-btn{opacity:1;transform:scale(1)}.mark-incomplete-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.enhanced-tab-button.active{background:var(--brand-teal);color:#fff;transform:scale(1.02);animation:tabActivated .3s ease-out}@keyframes tabActivated{0%{box-shadow:0 4px 12px #0000001a}50%{box-shadow:0 8px 30px #00a4bf66}to{box-shadow:0 4px 12px #0000001a}}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.active-badge,.completed-badge{background:#fff3;color:#fff}.pending-badge{background:#f3f4f6;color:#6b7280}.tab-flow-arrow{color:#ffffffb3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.next-section-container{margin:60px 0;padding:32px 0}.next-section-divider{display:flex;align-items:center;justify-content:center;margin-bottom:32px;position:relative}.next-section-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent)}.section-complete-badge{background:var(--brand-dark-teal);color:#fff;padding:8px 24px;border-radius:24px;font-weight:600;font-size:14px;box-shadow:0 4px 12px #0052604d;position:relative;z-index:1}.next-section-card{background:var(--brand-light-blue);border-radius:16px;padding:32px;text-align:center;border:1px solid var(--brand-dark-teal)}.next-section-content{margin-bottom:24px}.next-section-title{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:8px}.next-section-subtitle{font-size:16px;color:#64748b}.next-section-button{background:var(--brand-orange);border:none;border-radius:12px;padding:20px 32px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #e84e1c4d;width:100%;max-width:400px;min-height:44px}.next-section-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e84e1c66}.next-button-content{display:flex;align-items:center;gap:16px;color:#fff}.next-button-icon{font-size:32px;flex-shrink:0}.next-button-text{flex:1;text-align:left;display:flex;flex-direction:column;gap:4px}.next-button-title{font-size:18px;font-weight:600;line-height:1.2}.next-button-description{font-size:14px;opacity:.9;line-height:1.3}.next-button-arrow{flex-shrink:0;opacity:.8}.enhanced-sub-tab-navigation{background:var(--brand-light-blue);padding:24px;margin:32px 0;border-radius:12px;border:1px solid var(--brand-dark-teal);box-shadow:0 4px 12px #0052601a}.sub-tab-navigation-header{text-align:center;margin-bottom:24px}.sub-tab-navigation-title{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:8px}.sub-tab-navigation-description{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:20px}.sub-progress-bar-container{display:flex;align-items:center;gap:12px;justify-content:center}.sub-progress-bar{flex:1;max-width:200px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.sub-progress-bar-fill{height:100%;background:var(--brand-teal);border-radius:3px;transition:width .3s ease}.sub-progress-text{font-weight:600;font-size:12px;color:#64748b;min-width:100px}.sub-tab-navigation-enhanced{display:flex;gap:12px;align-items:center}.sub-tab-wrapper{flex:1;display:flex;align-items:center;gap:12px}.enhanced-sub-tab-button{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;gap:12px;text-align:left}.enhanced-sub-tab-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.enhanced-sub-tab-button.active{background:var(--brand-light-blue);border-color:var(--brand-teal);color:var(--brand-dark-teal)}.enhanced-sub-tab-button.completed{background:var(--brand-dark-teal);border-color:var(--brand-dark-teal);color:#fff}.enhanced-sub-tab-button.pending{opacity:.7}.sub-tab-number-badge{background:#f3f4f6;color:#374151;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.enhanced-sub-tab-button.active .sub-tab-number-badge{background:#00a4bf33;color:var(--brand-dark-teal)}.enhanced-sub-tab-button.completed .sub-tab-number-badge{background:#ffffff4d;color:#fff}.sub-tab-content{flex:1;display:flex;flex-direction:column;gap:2px}.sub-tab-header{display:flex;align-items:center;gap:8px}.sub-tab-icon{font-size:18px}.sub-tab-label{font-size:14px;font-weight:600;line-height:1.2}.sub-tab-description{font-size:12px;opacity:.8;line-height:1.3}.sub-tab-status-indicator{display:flex;align-items:center}.completed-sub-tab-controls{display:flex;align-items:center;gap:6px}.mark-sub-incomplete-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ef4444;opacity:0;transform:scale(.8)}.enhanced-sub-tab-button.completed:hover .mark-sub-incomplete-btn{opacity:1;transform:scale(1)}.mark-sub-incomplete-btn:hover{background:#ef444433;border-color:#ef444466}.sub-status-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.sub-active-badge{background:#3b82f633;color:#1e40af}.sub-completed-badge{background:#10b98133;color:#047857}.sub-pending-badge{background:#f3f4f6;color:#6b7280}.sub-tab-flow-arrow{color:#94a3b8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.next-sub-section-container{margin:40px 0;padding:24px 0}.next-sub-section-divider{display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative}.next-sub-section-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent)}.sub-section-complete-badge{background:var(--brand-dark-teal);color:#fff;padding:6px 16px;border-radius:16px;font-weight:600;font-size:12px;box-shadow:0 2px 8px #0052604d;position:relative;z-index:1}.next-sub-section-card{background:#fff;border-radius:12px;padding:24px;text-align:center;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.next-sub-section-content{margin-bottom:20px}.next-sub-section-title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:6px}.next-sub-section-subtitle{font-size:14px;color:#64748b}.next-sub-section-button{background:var(--brand-orange);border:none;border-radius:8px;padding:16px 24px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #e84e1c4d;width:100%;max-width:320px;min-height:44px}.next-sub-section-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #e84e1c66}.complete-section-button{background:var(--brand-dark-teal);box-shadow:0 2px 8px #0052604d}.complete-section-button:hover{box-shadow:0 4px 16px #10b98166}.completion-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .3s ease-out;padding:20px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.completion-modal-container{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .4s ease-out;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.completion-modal-close{position:absolute;top:20px;right:20px;background:#0000001a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1001}.completion-modal-close:hover{background:#0003;transform:scale(1.1)}.completion-modal-header{text-align:center;padding:40px 40px 30px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px 20px 0 0}.completion-celebration-icon{font-size:60px;margin-bottom:20px;animation:celebrationBounce .6s ease-out}@keyframes celebrationBounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.completion-modal-title{font-size:32px;font-weight:700;line-height:1.2;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.completion-modal-subtitle{font-size:18px;opacity:.9;line-height:1.4}.completion-success-message{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:20px;border-radius:12px;margin-bottom:32px;border:1px solid #10b981}.success-checkmark{font-size:28px;flex-shrink:0}.success-text{font-size:16px;line-height:1.4;color:#047857}.completion-value-prop{margin-bottom:32px}.value-prop-title{font-size:24px;font-weight:700;color:#1e293b;text-align:center;margin-bottom:24px;line-height:1.3}.offer-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #ef44444d}.offer-text{font-size:20px;font-weight:600;color:#1e293b}.value-benefits{display:flex;flex-direction:column;gap:16px}.benefit-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.benefit-text{font-size:16px;color:#374151;line-height:1.4}.completion-social-proof{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:24px;border-radius:12px;text-align:center;border:1px solid #e2e8f0;margin-bottom:32px}.social-proof-text{font-size:18px;color:#1e293b;margin-bottom:20px}.social-proof-stats{display:flex;justify-content:center;gap:40px}.stat-number{font-size:24px;font-weight:700;color:#3b82f6;line-height:1}.stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.completion-modal-actions{padding:0 40px;display:flex;flex-direction:column;gap:16px}.completion-cta-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;padding:20px 32px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #3b82f64d;display:flex;align-items:center;gap:16px;color:#fff;width:100%}.completion-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.cta-icon{font-size:24px;flex-shrink:0}.cta-text{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.cta-main{font-size:18px;font-weight:700;line-height:1.2}.cta-sub{font-size:14px;opacity:.9}.cta-arrow{font-size:24px;flex-shrink:0;transition:transform .2s ease}.completion-cta-secondary{background:transparent;border:2px solid #e2e8f0;border-radius:8px;padding:14px 24px;cursor:pointer;transition:all .2s ease;color:#64748b;font-size:16px;font-weight:500}.completion-cta-secondary:hover{border-color:#cbd5e1;background:#f8fafc;color:#374151}.completion-urgency{padding:20px 40px 40px;text-align:center}.urgency-text{font-size:14px;color:#ef4444;background:#ef44441a;padding:12px 20px;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.tab-content-area{background:#fff}.tab-pane{display:none;animation:fadeIn .2s ease-in}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-card{padding:32px}.tab-title{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.tab-card p{font-size:15px;line-height:1.6;color:#6b7280}.tab-content-placeholder{color:#374151}.placeholder-list{margin:16px 0;padding-left:20px}.placeholder-list li{margin-bottom:8px;color:#6b7280;font-size:14px;line-height:1.5}.tab-content{color:#374151}.intro-definition{font-size:16px;line-height:1.7;color:#1a1a1a;margin-bottom:24px;font-weight:500;background:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #0284c7;padding:20px;border-radius:8px}.quote-block{background:#f8fafc;border-left:4px solid #3b82f6;padding:20px;margin:24px 0;border-radius:8px;font-style:italic;box-shadow:0 2px 4px #0000000d;border:1px solid #e2e8f0}.quote-block p{font-size:15px;line-height:1.6;color:#374151;margin:0}.steps-section{margin-top:32px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.steps-title{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:20px;display:flex;align-items:center;gap:8px}.steps-title:before{content:"🎯";font-size:24px}.steps-list{padding:0;margin:0;list-style:none;display:grid;gap:16px}.steps-list li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;font-size:15px;line-height:1.6;color:#374151;font-weight:500;display:flex;align-items:flex-start;gap:12px;transition:all .2s ease;position:relative}.steps-list li:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.steps-list li:before{content:counter(step-counter);counter-increment:step-counter;background:var(--brand-teal);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;margin-top:2px}.steps-list{counter-reset:step-counter}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:24px 0}.business-advantage-section .card-grid{grid-template-columns:repeat(3,1fr)}.advantage-carousel{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:32px;margin:24px 0;box-shadow:0 4px 6px #0000000d;overflow:hidden}.carousel-container{position:relative;min-height:200px}.carousel-slide{display:none;opacity:0;transform:translate(20px);transition:all .4s ease}.carousel-slide.active{display:block;opacity:1;transform:translate(0)}.carousel-slide.prev{transform:translate(-20px)}.carousel-slide.next{transform:translate(20px)}.advantage-card-large{text-align:center;max-width:600px;margin:0 auto}.advantage-icon-large{font-size:48px;margin-bottom:20px;display:block}.advantage-title-large{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:16px;line-height:1.3}.advantage-description-large{font-size:16px;line-height:1.6;color:#6b7280;margin:0}.carousel-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.carousel-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.carousel-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af;color:#1f2937}.carousel-button:disabled{opacity:.5;cursor:not-allowed;color:#9ca3af}.carousel-button.prev .carousel-icon{transform:rotate(180deg)}.carousel-icon{font-size:12px;transition:transform .2s ease}.carousel-indicators{display:flex;align-items:center;gap:8px}.carousel-indicator{width:8px;height:8px;border-radius:50%;background:#d1d5db;transition:background-color .2s ease}.carousel-indicator.active{background:#2563eb}.carousel-progress{font-size:14px;color:#6b7280;font-weight:500}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.info-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.info-card .card-icon{font-size:32px;margin-bottom:12px;display:block}.info-card .card-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px;line-height:1.3}.info-card .card-description{font-size:14px;line-height:1.5;color:#6b7280;margin:0}.info-box{padding:20px;border-radius:8px;margin:20px 0;border-left:4px solid;box-shadow:0 2px 4px #0000000d}.info-box.tip{background:#f0f9ff;border-left-color:#0ea5e9;border:1px solid #bae6fd}.info-box.technical{background:#f8fafc;border-left-color:#64748b;border:1px solid #e2e8f0}.info-box.action{background:#fefce8;border-left-color:#eab308;border:1px solid #fde68a}.info-box .box-header{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.info-box .box-icon{font-size:20px}.enhanced-list{list-style:none;padding:0;margin:16px 0}.enhanced-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #f3f4f6;transition:background-color .2s ease}.enhanced-list li:hover{background:#f3f4f6}.enhanced-list li:before{content:"✓";color:#22c55e;font-weight:600;font-size:16px;flex-shrink:0;margin-top:2px}.audio-player{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin:16px 0}.audio-controls{display:flex;align-items:center;gap:16px;margin-bottom:12px}.play-button{width:48px;height:48px;border-radius:50%;background:#2563eb;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.play-button:hover{background:#1d4ed8}.audio-info{flex:1}.audio-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.audio-duration{font-size:14px;color:#6b7280}.progress-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;transition:height .2s ease;position:relative}.progress-bar:hover{height:6px}.progress-fill{height:100%;width:0%;background:#2563eb;border-radius:2px;transition:width .3s ease}.calculator{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;margin:16px 0}.calculator-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:14px;font-weight:600;color:#374151}.input-field,.input-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.input-field:focus,.input-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.slider-container{margin:8px 0}.slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;border:none}.slider-value{font-size:14px;font-weight:600;color:#2563eb;margin-top:4px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{display:flex;align-items:center;gap:8px}.radio-option input[type=radio]{width:16px;height:16px;accent-color:#2563eb}.calculator-results{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:20px;margin-top:20px}.results-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e0f2fe}.result-item:last-child{border-bottom:none}.result-label{font-size:14px;color:#374151}.result-value{font-size:16px;font-weight:600;color:#2563eb}.quiz-container{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;margin:16px 0}.quiz-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.progress-info{font-size:14px;color:#6b7280}.progress-bar-quiz{flex:1;height:6px;background:#e5e7eb;border-radius:3px;margin:0 16px;overflow:hidden}.progress-fill-quiz{height:100%;background:#2563eb;border-radius:3px;transition:width .3s ease;width:10%}.question{margin-bottom:24px}.question-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:16px;line-height:1.4}.question-options{display:flex;flex-direction:column;gap:12px}.quiz-option{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border:2px solid #f3f4f6;border-radius:8px;cursor:pointer;transition:all .2s ease}.quiz-option:hover{background:#f3f4f6;border-color:#d1d5db}.quiz-option.selected{background:#eff6ff;border-color:#2563eb}.quiz-option input[type=radio]{width:18px;height:18px;accent-color:#2563eb;margin-top:2px;flex-shrink:0}.quiz-option-text{font-size:15px;color:#374151;line-height:1.5}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.quiz-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-button.primary{background:#2563eb;color:#fff}.quiz-button.primary:hover{background:#1d4ed8}.quiz-button.secondary{background:#f3f4f6;color:#374151}.quiz-button.secondary:hover{background:#e5e7eb}.quiz-button:disabled{opacity:.5;cursor:not-allowed}.quiz-results{text-align:center;padding:20px}.quiz-score{font-size:48px;font-weight:700;color:#2563eb;margin-bottom:8px}.quiz-category{font-size:20px;font-weight:600;margin-bottom:16px}.quiz-category.invisible{color:#dc2626}.quiz-category.aware{color:#f59e0b}.quiz-category.optimized{color:#10b981}.quiz-category.dominant{color:#8b5cf6}.quiz-description{font-size:15px;color:#6b7280;line-height:1.6;max-width:500px;margin:0 auto}.hidden{display:none}.sub-tabs-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:16px 0;overflow:hidden}.sub-tab-navigation{display:flex;background:#f8fafc;border-bottom:1px solid #e5e7eb}.sub-tab-button{flex:1;background:none;border:none;padding:12px 16px;cursor:pointer;font-size:13px;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s ease}.sub-tab-button:hover{background:#f1f5f9;color:#374151}.sub-tab-button.active{background:#fff;color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.sub-tab-content{padding:20px}.sub-tab-pane{display:none}.sub-tab-pane.active{display:block}.day-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:12px;display:flex;align-items:center;gap:8px}.day-subtitle{font-size:14px;color:#6b7280;margin-bottom:16px}.task-list{list-style:none;padding:0;margin:0}.task-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px 16px;background:#f8fafc;border-radius:6px;border-left:3px solid #2563eb}.task-time{font-size:12px;font-weight:600;color:#2563eb;background:#eff6ff;padding:2px 6px;border-radius:3px;flex-shrink:0;margin-top:2px}.task-description{font-size:14px;color:#374151;line-height:1.5}@media (max-width: 320px){.content-wrapper{padding:0 12px}.hero-video-container{margin:1rem auto;padding:12px}.main-title{font-size:20px;line-height:1.3}.subtitle-badge{padding:6px 12px}.subtitle-badge span{font-size:12px}.logo-img{height:28px}.header-container{padding:0 12px}.card-body{padding:16px}}@media (max-width: 480px){.content-wrapper{padding:0 12px;max-width:100%;overflow-x:hidden}html,body{overflow-x:hidden;max-width:100vw}.main-content{overflow-x:hidden;width:100%}*{max-width:100%;box-sizing:border-box}p,div,span{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-video-container{margin:1.5rem auto;padding:14px}.main-title{font-size:24px}.subtitle-badge span{font-size:13px}.header-container{padding:0 16px}.logo-img{height:32px}.card-body{padding:20px}}@media (max-width: 768px){.content-wrapper{padding:0 16px;max-width:100%}.main-content{overflow-x:hidden;width:100%}*{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.tab-card,.info-box,.calculator,.quiz-container{max-width:100%;overflow-x:hidden;box-sizing:border-box}.hero-video-container{margin:1.5rem auto;padding:16px}.main-title{font-size:28px}.header-container{padding:0 20px}.logo-img{height:36px}.card-body,.tab-card{padding:24px}.enhanced-tab-navigation{padding:24px 16px;margin:20px 0}.tab-navigation-title{font-size:24px}.tab-navigation-enhanced{flex-direction:column;gap:12px}.tab-wrapper{flex-direction:column;gap:8px}.enhanced-tab-button{padding:18px;gap:14px;min-height:80px;margin-bottom:12px}.tab-number-badge{width:44px;height:44px;font-size:16px;flex-shrink:0}.tab-label{font-size:16px;line-height:1.3}.tab-description{font-size:13px;line-height:1.4;margin-top:4px}.tab-flow-arrow{display:none}.progress-bar-container{flex-direction:column;gap:8px}.next-section-container{margin:40px 0;padding:16px 0}.next-section-card{padding:24px 16px}.next-section-title{font-size:20px}.next-section-button{padding:16px 24px}.next-button-content{gap:12px}.next-button-icon{font-size:28px}.next-button-title{font-size:16px}.next-button-description{font-size:13px}.enhanced-tab-button.completed .mark-incomplete-btn{opacity:1;transform:scale(1);width:24px;height:24px}.completed-tab-controls{gap:6px}.enhanced-sub-tab-navigation{padding:16px;margin:24px 0}.sub-tab-navigation-title{font-size:18px}.sub-tab-navigation-enhanced{flex-direction:column;gap:8px}.sub-tab-wrapper{flex-direction:column;gap:6px}.enhanced-sub-tab-button{padding:12px;gap:10px}.sub-tab-number-badge{width:28px;height:28px;font-size:12px}.sub-tab-label{font-size:13px}.sub-tab-description{font-size:11px}.sub-tab-flow-arrow{display:none}.sub-progress-bar-container{flex-direction:column;gap:8px}.next-sub-section-container{margin:32px 0;padding:16px 0}.next-sub-section-card{padding:20px 16px}.next-sub-section-title{font-size:16px}.next-sub-section-button{padding:14px 20px}.enhanced-sub-tab-button.completed .mark-sub-incomplete-btn{opacity:1;transform:scale(1);width:18px;height:18px}.completed-sub-tab-controls{gap:4px}.tab-navigation{flex-wrap:wrap}.tab-button{min-width:50%;padding:12px 16px;font-size:13px}.audience-grid{gap:16px}.audience-card{padding:20px}.card-grid{grid-template-columns:1fr;gap:16px}.business-advantage-section .card-grid{grid-template-columns:1fr}.advantage-carousel{padding:24px}.advantage-icon-large{font-size:40px;margin-bottom:16px}.advantage-title-large{font-size:20px;margin-bottom:12px}.advantage-description-large{font-size:15px}.carousel-navigation{margin-top:20px;padding-top:20px}.carousel-button{padding:12px 16px;font-size:14px;min-height:44px;min-width:44px;gap:6px}.carousel-navigation{gap:12px;margin:16px 0}.carousel-indicators{gap:8px;margin-top:16px}.carousel-indicator{width:10px;height:10px;min-height:44px;min-width:44px;padding:17px}.steps-section{padding:20px}.steps-list li{padding:14px 16px;font-size:14px}.info-card{padding:16px}.intro-definition{padding:16px;font-size:15px}}@media (max-width: 1024px){.hero-video-container{max-width:900px}.content-wrapper{max-width:1200px;padding:0 32px}.main-title{font-size:32px}.hero-section{padding:40px 0 32px}}@media (max-width: 375px){.content-wrapper{padding:0 10px;max-width:100%;overflow-x:hidden;width:calc(100vw - 20px)}html,body{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}.main-content{overflow-x:hidden;width:100%;max-width:100vw}*{max-width:100%!important;box-sizing:border-box}.main-title{font-size:22px;line-height:1.2}.tab-card{padding:18px;margin:12px 0}.card-body{padding:18px}.navigation-tabs .tab-button{padding:12px 8px;font-size:13px;min-height:44px}.hero-video-container{margin:1rem auto;padding:12px;max-width:100%}.enhanced-tab-button{padding:14px;gap:10px;min-height:68px}.tab-number-badge{width:40px;height:40px;font-size:14px}.tab-label{font-size:14px}.tab-description{font-size:11px}.tab-card{padding:16px;margin:12px 0}.info-box{padding:14px;margin:14px 0;border-radius:6px}.info-box .box-header{gap:6px;margin-bottom:6px;font-size:13px}.info-box .box-icon{font-size:16px}.carousel-button{padding:12px 16px;min-height:44px;min-width:44px}.tab-button,.sub-tab-button{min-height:44px;padding:12px 8px}.next-section-button,.next-sub-section-button{min-height:60px;padding:18px 24px}.calculator{padding:14px;margin:10px 0}.calculator-inputs{grid-template-columns:1fr;gap:10px}.input-field,.input-select{padding:12px;font-size:16px;min-height:44px}.quiz-container{padding:14px;margin:10px 0}.quiz-option{padding:12px;min-height:44px}.quiz-option input[type=radio]{width:20px;height:20px;margin-top:0}.quiz-option-text{font-size:14px}.quiz-navigation{flex-direction:column;gap:10px}}@media (max-width: 390px){.content-wrapper{padding:0 16px}.main-title{font-size:23px;line-height:1.25}.card-body{padding:20px}.tab-card{padding:20px;margin:14px 0}.info-box{padding:16px;margin:16px 0;border-radius:6px}.info-box .box-header{gap:6px;margin-bottom:6px;font-size:14px}.info-box .box-icon{font-size:18px}.tab-title{font-size:clamp(16px,3vw,18px);margin-bottom:12px}.navigation-tabs .tab-button{padding:14px 10px;font-size:14px;min-height:44px}.enhanced-tab-button{padding:16px;gap:12px;min-height:72px}.tab-number-badge{width:42px;height:42px;font-size:15px}.tab-label{font-size:15px}.tab-description{font-size:12px}.calculator{padding:16px;margin:12px 0}.calculator-inputs{grid-template-columns:1fr;gap:12px}.quiz-container{padding:16px;margin:12px 0}.quiz-option{padding:14px;min-height:44px}.quiz-navigation{flex-direction:column;gap:12px}}.technical-tabs-container{margin:20px 0}.technical-foundation-header{margin-bottom:24px}.technical-foundation-header .sub-tab-navigation{display:flex;flex-direction:column;gap:8px;margin-top:16px}.technical-foundation-header .sub-tab-button{flex:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s ease;display:flex;align-items:center;gap:6px}.technical-foundation-header .sub-tab-button:hover{background:#f1f5f9;border-color:#cbd5e1}.technical-foundation-header .sub-tab-button.active{background:#2563eb;color:#fff;border-color:#2563eb}.sub-tab-icon{font-size:12px}.website-analyzer-section{margin:24px 0}.analyzer-tool{background:#fff;border-radius:8px;padding:20px;margin:16px 0}.analyzer-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.analyzer-button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.analyzer-button.primary{background:#2563eb;color:#fff}.analyzer-button.primary:hover{background:#1d4ed8}.analyzer-button.primary:disabled{background:#94a3b8;cursor:not-allowed}.analyzer-button.secondary{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.analyzer-button.secondary:hover{background:#e2e8f0}.analysis-progress{margin:20px 0;text-align:center}.analysis-progress p{font-size:14px;color:#64748b;margin-top:12px}.progress-fill.analyzing{width:75%;background:linear-gradient(45deg,#2563eb,#3b82f6);animation:analyzing 2s infinite}@keyframes analyzing{0%{width:20%}50%{width:75%}to{width:20%}}.analysis-results{margin-top:24px}.score-display{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.score-circle{width:80px;height:80px;border-radius:50%;border:4px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.score-number{font-size:24px;font-weight:700;color:inherit}.score-total{font-size:14px;color:#64748b}.score-info h4{margin:0 0 4px;font-size:16px}.score-info p{margin:0;font-size:14px;color:#64748b}.recommendations{margin-bottom:24px}.recommendation-list{list-style:none;padding:0;margin:12px 0 0}.recommendation-item{padding:10px 0;border-bottom:1px solid #f1f5f9;display:flex;align-items:flex-start;gap:8px}.recommendation-item:before{content:"→";color:#2563eb;font-weight:600;flex-shrink:0;margin-top:2px}.issues-found{margin-bottom:24px}.issues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}.issue-card{padding:16px;border-radius:8px;border:1px solid}.issue-card.high{background:#fef2f2;border-color:#fecaca}.issue-card.medium{background:#fffbeb;border-color:#fde68a}.issue-card.low{background:#f0f9ff;border-color:#bae6fd}.issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.issue-category{font-weight:600;font-size:14px}.issue-impact{font-size:12px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase}.issue-impact.high{background:#dc2626;color:#fff}.issue-impact.medium{background:#f59e0b;color:#fff}.issue-impact.low{background:#0ea5e9;color:#fff}.issue-description{font-size:13px;color:#64748b;margin:0}.tool-footer{margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.tool-footer p{margin:4px 0;font-size:14px}.schema-generator-section{margin:24px 0}.generator-tool{background:#fff;border-radius:8px;padding:20px;margin:16px 0}.generator-form{margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.textarea{resize:vertical;min-height:80px}.generator-button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.generator-button.primary{background:#2563eb;color:#fff}.generator-button.primary:hover{background:#1d4ed8}.generator-button.primary:disabled{background:#94a3b8;cursor:not-allowed}.generated-output{margin-top:24px}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.copy-button{padding:6px 12px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.copy-button:hover{background:#e2e8f0}.schema-code{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:6px;font-family:Monaco,Consolas,monospace;font-size:13px;line-height:1.5;overflow-x:auto;margin-bottom:16px}.implementation-guide{background:#f8fafc;padding:16px;border-radius:6px;border:1px solid #e2e8f0}.implementation-steps{margin:8px 0 0;padding-left:20px}.implementation-steps li{margin-bottom:4px;font-size:14px;color:#475569}.technical-video-section{margin:24px 0}.video-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin:16px 0}.video-player{position:relative}.video-thumbnail{position:relative;background:#1e293b;width:100%;max-width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:2}.play-overlay{cursor:pointer;transition:transform .2s ease}.play-overlay:hover{transform:scale(1.1)}.play-button-large{width:80px;height:80px;background:#2563ebe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-info-overlay{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:3}.video-duration{background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.video-type{background:#2563ebcc;color:#fff;padding:4px 6px;border-radius:4px;font-size:11px;font-weight:600}.thumbnail-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#334155)}.schema-code-preview{background:#0f172a;padding:24px;border-radius:8px;font-family:Monaco,Consolas,monospace;color:#e2e8f0;position:relative;max-width:320px}.code-lines{font-size:14px;line-height:1.6}.code-line{margin:4px 0}.code-cursor{position:absolute;right:20px;top:50%;width:2px;height:20px;background:#60a5fa;animation:blink 1.2s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.video-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-top:1px solid #e2e8f0}.controls-left{display:flex;align-items:center;gap:12px}.control-button{background:none;border:none;font-size:16px;cursor:pointer;padding:4px;color:#475569;transition:color .2s ease}.control-button:hover{color:#2563eb}.time-display{font-size:12px;color:#64748b;font-weight:500}.progress-container{flex:1;margin:0 16px}.video-progress-bar{height:4px;background:#e2e8f0;border-radius:2px;position:relative;cursor:pointer}.video-progress-fill{height:100%;background:#2563eb;border-radius:2px;transition:width .1s ease}.progress-thumb{position:absolute;top:-4px;width:12px;height:12px;background:#2563eb;border-radius:50%;transform:translate(-50%);opacity:0;transition:opacity .2s ease}.video-progress-bar:hover .progress-thumb{opacity:1}.controls-right{display:flex;align-items:center;gap:8px}.video-details{padding:20px}.video-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px}.video-description{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:12px}.video-features{display:flex;gap:8px;flex-wrap:wrap}.feature-tag{background:#eff6ff;color:#2563eb;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.website-optimization-content>div{margin-bottom:32px}.optimization-essentials{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.essentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:16px}.essential-category{background:#f8fafc;padding:20px;border-radius:8px;border:1px solid #f1f5f9}.category-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:12px;display:flex;align-items:center;gap:8px}.essential-list{list-style:none;padding:0;margin:0}.essential-list li{margin-bottom:8px;font-size:14px;color:#475569;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.essential-list li:before{content:"•";color:#2563eb;font-weight:600;flex-shrink:0;margin-top:2px}.building-options{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:16px}.option-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;border-top:4px solid}.option-header{margin-bottom:16px}.option-name{font-size:16px;font-weight:600;margin-bottom:4px}.best-for{font-size:13px;color:#64748b;font-weight:500}.option-features{list-style:none;padding:0;margin:0 0 16px}.option-features li{margin-bottom:6px;font-size:14px;color:#475569;display:flex;align-items:flex-start;gap:6px}.option-features li:before{content:"✓";color:#10b981;font-weight:600;flex-shrink:0}.option-cost{color:#1e293b;font-size:14px}.key-elements{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.elements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.element-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:16px}.element-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.element-icon{font-size:16px}.element-title{font-size:14px;font-weight:600;color:#1e293b;margin:0}.element-description{font-size:13px;color:#64748b;line-height:1.5;margin:0}.schema-implementation-content>div{margin-bottom:32px}.implementation-process{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.process-steps{margin-top:16px}.process-step{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.step-number{width:32px;height:32px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.step-content{flex:1}.step-content h5{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}.step-content p{margin:0 0 12px;font-size:14px;color:#64748b;line-height:1.5}.step-visual{margin-top:8px}.schema-types-preview{display:flex;gap:8px;flex-wrap:wrap}.schema-types-preview span{background:#eff6ff;color:#2563eb;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.code-preview{background:#1e293b;color:#e2e8f0;padding:8px 12px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:12px;margin-top:8px}.essential-schema-types{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.schema-cards{display:grid;grid-template-columns:1fr;gap:20px;margin-top:16px}.schema-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:20px}.schema-type{font-size:16px;font-weight:600;color:#2563eb;margin:0 0 12px}.schema-description,.schema-impact,.schema-implementation{margin:8px 0;font-size:14px;line-height:1.5}.schema-example{margin-top:16px}.schema-example h6{margin:0 0 8px;font-size:13px;font-weight:600;color:#1e293b}.code-block{background:#1e293b;color:#e2e8f0;padding:12px;border-radius:6px;font-family:Monaco,Consolas,monospace;font-size:12px;line-height:1.4;overflow-x:auto;margin:0}.implementation-options{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.options-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:16px}.implementation-option{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:20px}.option-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.option-best-for{font-size:13px;color:#64748b;margin:0 0 12px}.option-steps{list-style:none;padding:0;margin:0 0 16px}.option-steps li{margin-bottom:6px;font-size:14px;color:#475569;display:flex;align-items:flex-start;gap:6px}.option-steps li:before{content:"→";color:#2563eb;font-weight:600;flex-shrink:0}.option-details{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.option-cost{font-size:13px;color:#1e293b}.option-difficulty{font-size:12px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase}.option-difficulty.high{background:#fef2f2;color:#dc2626}.option-difficulty.medium{background:#fffbeb;color:#f59e0b}.option-difficulty.low{background:#f0fdf4;color:#16a34a}.success-examples{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:16px}.success-example{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:20px}.example-type{font-size:16px;font-weight:600;color:#166534;margin:0 0 12px}.before-after{display:flex;flex-direction:column;gap:12px}.before,.after{padding:12px;border-radius:6px}.before{background:#fef2f2;border:1px solid #fecaca}.after{background:#f0f9ff;border:1px solid #bae6fd}.before strong,.after strong{display:block;margin-bottom:4px;font-size:13px;font-weight:600}.before p,.after p{margin:0;font-size:13px;line-height:1.4}.advanced-strategies-content>div{margin-bottom:32px}.strategies-overview{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.techniques-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:16px}.strategy-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:20px}.strategy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:8px}.strategy-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.strategy-badges{display:flex;gap:6px;flex-wrap:wrap}.impact-badge,.difficulty-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase}.impact-badge.high{background:#dc2626;color:#fff}.impact-badge.medium{background:#f59e0b;color:#fff}.impact-badge.low{background:#10b981;color:#fff}.difficulty-badge.expert{background:#7c3aed;color:#fff}.difficulty-badge.advanced{background:#dc2626;color:#fff}.difficulty-badge.intermediate{background:#f59e0b;color:#fff}.strategy-description{margin:0 0 16px;font-size:14px;color:#64748b;line-height:1.5}.strategy-techniques h6{margin:0 0 8px;font-size:13px;font-weight:600;color:#374151}.strategy-techniques ul{list-style:none;padding:0;margin:0}.strategy-techniques li{margin-bottom:4px;font-size:13px;color:#475569;display:flex;align-items:flex-start;gap:6px}.strategy-techniques li:before{content:"•";color:#2563eb;font-weight:600;flex-shrink:0}.subsection-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 12px}.monitoring-section,.troubleshooting-section,.future-strategies{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.monitoring-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:16px}.monitoring-tool{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:20px}.tool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tool-name{font-size:16px;font-weight:600;color:#1e293b;margin:0}.tool-pricing{background:#2563eb;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase}.tool-description{margin:0 0 12px;font-size:14px;color:#64748b;line-height:1.5}.tool-features{list-style:none;padding:0;margin:0}.tool-features li{margin-bottom:4px;font-size:13px;color:#475569;display:flex;align-items:flex-start;gap:6px}.tool-features li:before{content:"✓";color:#10b981;font-weight:600;flex-shrink:0}.troubleshooting-guide{margin-top:16px}.troubleshooting-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:20px;margin-bottom:16px}.issue-title{font-size:16px;font-weight:600;color:#dc2626;margin:0 0 12px}.issue-content{display:grid;grid-template-columns:1fr 2fr;gap:20px}.symptoms strong,.solutions strong{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#374151}.symptoms ul,.solutions ul{list-style:none;padding:0;margin:0}.symptoms li,.solutions li{margin-bottom:4px;font-size:13px;color:#475569;display:flex;align-items:flex-start;gap:6px}.symptoms li:before{content:"⚠";color:#f59e0b;flex-shrink:0}.solutions li:before{content:"→";color:#10b981;font-weight:600;flex-shrink:0}.future-intro{margin:8px 0 16px;font-size:14px;color:#64748b;line-height:1.5}.future-trends{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:16px}.future-trend{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:20px}.trend-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap;gap:8px}.trend-title{font-size:16px;font-weight:600;color:#0c4a6e;margin:0}.trend-timeline{background:#0ea5e9;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px}.trend-description{margin:0 0 12px;font-size:14px;color:#475569;line-height:1.5}.trend-preparation strong{display:block;margin-bottom:4px;font-size:13px;font-weight:600;color:#0c4a6e}.trend-preparation p{margin:0;font-size:13px;color:#475569;line-height:1.4}.expert-consultation{margin-top:32px}.expert-consultation .info-box{background:#fffbeb;border-left-color:#f59e0b;border:1px solid #fde68a}.expert-consultation ul{margin:8px 0 0;padding-left:20px}.expert-consultation li{margin-bottom:4px;font-size:14px;color:#92400e}.social-tabs-container{width:100%}.social-foundation-header{margin-bottom:24px}.social-foundation-header .sub-tab-navigation{display:flex;flex-direction:column;gap:8px;margin-top:16px}.social-foundation-header .sub-tab-button{flex:none;background:#f8fafc;border:1px solid #e2e8f0;padding:16px 20px;border-radius:8px;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#475569}.social-foundation-header .sub-tab-button:hover{background:#f1f5f9;border-color:#cbd5e1}.social-foundation-header .sub-tab-button.active{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.social-foundation-header .sub-tab-icon{font-size:16px;flex-shrink:0}.customer-question{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:20px;margin-bottom:24px}.question-text{font-size:16px;font-style:italic;color:#0c4a6e;margin:0 0 12px;font-weight:500}.question-answer{font-size:14px;color:#374151;margin:0;line-height:1.5}.screenshot-placeholder{background:#f8fafc;border:2px dashed #d1d5db;border-radius:8px;padding:16px;margin-top:12px;text-align:center}.reddit-screenshot{border-color:#ff4500;background:#fff5f5;margin-top:12px;border-radius:8px;overflow:hidden}.reddit-step-image{width:100%;height:auto;display:block;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}.linkedin-screenshot{border-color:#0077b5;background:#f0f8ff;margin-top:12px;border-radius:8px;overflow:hidden}.linkedin-step-image{width:100%;height:auto;display:block;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}.instagram-screenshot{border-color:#e4405f;background:#fef7f7;margin-top:12px;border-radius:8px;overflow:hidden}.instagram-step-image{width:100%;height:auto;display:block;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.reddit-screenshot,.linkedin-screenshot,.instagram-screenshot{margin-top:16px;margin-bottom:16px;max-width:100%;overflow:hidden}.reddit-step-image,.linkedin-step-image,.instagram-step-image{max-width:100%;height:auto;border-radius:6px;border-width:1px;box-shadow:0 1px 6px #00000014}.process-steps{gap:20px}.process-step{margin-bottom:24px}}@media (max-width: 480px){.reddit-screenshot,.linkedin-screenshot,.instagram-screenshot{margin-top:12px;margin-bottom:12px;padding:8px;border-radius:6px}.reddit-step-image,.linkedin-step-image,.instagram-step-image{border-radius:4px;border-width:1px}.process-steps{gap:16px}.process-step{margin-bottom:20px;padding:16px}.step-content h5{font-size:16px;margin-bottom:8px}.step-content p{font-size:14px;margin-bottom:12px}}.blog-screenshot{border-color:#10b981;background:#f0fdf4}.screenshot-label{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px}.screenshot-description{font-size:13px;color:#374151;line-height:1.4}.question-patterns{margin-bottom:20px}.pattern-list{list-style:none;padding:0;margin:12px 0 0}.question-pattern{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;padding:12px 16px;margin-bottom:8px;font-size:14px;color:#374151;font-style:italic}.upvotes{background:#ff4500;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px}.approach-comparison{display:grid;gap:16px;margin-top:16px}.wrong-way,.right-way{padding:20px;border-radius:8px;border:1px solid}.wrong-way{background:#fef2f2;border-color:#fecaca}.right-way{background:#f0fdf4;border-color:#bbf7d0}.approach-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.approach-header.wrong{color:#dc2626}.approach-header.right{color:#16a34a}.approach-icon{font-size:16px}.sniper-strategy p{margin:0 0 12px;font-size:14px;line-height:1.5}.sniper-strategy p:last-child{margin-bottom:0}.success-examples-grid{display:grid;gap:24px;margin-top:16px}.success-example{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:20px}.reddit-example{border-left:4px solid #ff4500}.linkedin-example{border-left:4px solid #0077b5}.instagram-example{border-left:4px solid #e4405f}.example-type{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.example-flow{display:flex;flex-direction:column;gap:12px}.flow-step{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.flow-step strong{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#374151}.reddit-question,.linkedin-post,.instagram-post{font-style:italic;color:#6b7280;margin:0;font-size:14px;line-height:1.4}.content-title{color:#10b981;font-weight:500;margin:0;font-size:14px}.flow-step.result{background:#f0fdf4;border-color:#bbf7d0}.citation-result{color:#16a34a;font-weight:500;margin:0;font-size:14px;line-height:1.4}.flow-arrow{text-align:center;font-size:18px;color:#9ca3af;align-self:center}.formula-sections,.content-sections,.checklist-sections{display:grid;gap:20px;margin-top:16px}.weekly-mix,.citation-content,.visual-formats,.caption-strategy-section,.profile-setup-section,.content-strategy-section{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:20px}.content-mix-list,.citation-content-list,.format-list,.strategy-list,.checklist-list{list-style:none;padding:0;margin:12px 0 0}.mix-item,.citation-item,.format-item,.strategy-item,.checklist-item{padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151;line-height:1.4}.mix-item:last-child,.citation-item:last-child,.format-item:last-child,.strategy-item:last-child,.checklist-item:last-child{border-bottom:none}.citation-item{font-style:italic;color:#6b7280}.checklist-item{display:flex;align-items:flex-start;gap:8px}.checklist-icon{color:#10b981;font-weight:600;flex-shrink:0;margin-top:2px}.strategy-list{counter-reset:strategy-counter}.strategy-item{counter-increment:strategy-counter;position:relative;padding-left:24px}.strategy-item:before{content:counter(strategy-counter);position:absolute;left:0;top:8px;background:#3b82f6;color:#fff;font-size:11px;font-weight:600;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-story-highlight{margin-top:20px}.hero-video-container{max-width:1200px;margin:2rem auto;background:#f8fafc;border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000001a}.hero-video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;border-radius:8px}.hero-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:fadeIn .3s ease forwards}.video-modal-content{position:relative;width:80vw;height:60vh;max-width:1200px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d;transform:scale(.9);animation:modalSlideIn .3s ease forwards}.video-modal-close{position:absolute;top:16px;right:16px;background:#000000b3;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.video-modal-close:hover{background:#000000e6}.modal-youtube-player{width:100%;height:100%;position:relative}.modal-youtube-player iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0;border:none}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 768px){.video-modal-content{width:95vw;height:60vh}}@media (max-width: 480px){.video-modal-content{width:95vw;height:40vh}}.video-wrapper{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden;cursor:pointer}.hero-video{width:100%;height:auto;display:block;aspect-ratio:16/9;cursor:pointer}.youtube-player{width:100%;height:100%;aspect-ratio:16/9}.video-controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity .3s ease;pointer-events:none}.video-wrapper{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden;cursor:pointer;pointer-events:auto}.video-wrapper:hover .video-controls-overlay,.video-wrapper.playing:hover .video-controls-overlay{opacity:1;pointer-events:auto}.video-bottom-controls{padding:20px 16px 12px}.video-progress-bar{width:100%;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden;cursor:pointer;transition:height .2s ease;margin-bottom:8px}.video-progress-bar:hover{height:6px}.video-progress-fill{height:100%;background:red;border-radius:2px;transition:width .1s ease;position:relative}.video-progress-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:red;border-radius:50%;opacity:0;transition:opacity .2s ease}.video-progress-bar:hover .video-progress-fill:after{opacity:1}.video-info-row{display:flex;justify-content:space-between;align-items:center}.video-title{font-size:14px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.video-duration{font-size:12px;color:#fff;background:#000c;padding:2px 6px;border-radius:4px;font-weight:500}.video-section{padding:20px 0;display:flex;justify-content:center;align-items:center}@media (max-width: 320px){.calculator{padding:16px;margin:12px 0}.calculator-inputs{grid-template-columns:1fr;gap:12px}.input-group input,.input-group select{padding:12px;font-size:16px;min-height:44px}.quiz-container{padding:16px;margin:12px 0}.quiz-question{font-size:16px;line-height:1.4}.quiz-options{gap:8px}.quiz-option-button{padding:12px 16px;font-size:14px;min-height:44px;text-align:left}.quiz-navigation{flex-direction:column;gap:12px}.quiz-nav-button{width:100%;min-height:44px;padding:12px 20px}.advantage-carousel{padding:16px;margin:12px 0}.carousel-button{min-height:44px;padding:12px 16px;font-size:14px}.carousel-indicators{gap:6px}.carousel-indicator{width:10px;height:10px;min-height:44px;min-width:44px;border-radius:50%;background:transparent;border:1px solid #d1d5db;position:relative}.carousel-indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#d1d5db;border-radius:50%}.carousel-indicator.active:before{background:#2563eb}}@media (max-width: 480px){.calculator{padding:20px}.calculator-inputs{grid-template-columns:1fr;gap:16px}.input-group input,.input-group select{padding:14px;font-size:16px;min-height:44px}.quiz-container{padding:20px}.quiz-option-button{padding:14px 18px;min-height:44px}.quiz-nav-button{min-height:44px;padding:14px 24px}.advantage-carousel{padding:20px}.carousel-button{min-height:44px;padding:14px 18px}}@media (max-width: 768px){.analyzer-inputs,.form-row{grid-template-columns:1fr}.score-display{flex-direction:column;text-align:center;gap:16px}.issues-grid,.options-grid,.elements-grid,.schema-cards,.options-comparison,.examples-grid,.techniques-grid,.monitoring-tools,.future-trends{grid-template-columns:1fr}.issue-content{grid-template-columns:1fr;gap:12px}.strategy-header,.trend-header,.tool-header,.option-details{flex-direction:column;align-items:flex-start;gap:8px}.calculator-inputs{grid-template-columns:1fr 1fr;gap:20px}.enhanced-tab-navigation{padding:20px 16px}.enhanced-tab-button{min-height:44px;padding:16px}.tab-number-badge{min-width:32px;min-height:32px}.enhanced-sub-tab-button{min-height:44px;padding:12px 16px}.sub-tab-number-badge{min-width:28px;min-height:28px}}.completion-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease;padding:20px;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.completion-modal-container{background:#fff;border-radius:20px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #00000040;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.completion-modal-close{position:absolute;top:20px;right:20px;background:#6b72801a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease;z-index:10}.completion-modal-close:hover{background:#6b728033;color:#374151;transform:scale(1.05)}.completion-modal-header{text-align:center;padding:40px 40px 20px;background:var(--brand-teal);color:#fff;position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);padding-left:calc(50vw - 50% + 40px);padding-right:calc(50vw - 50% + 40px)}.completion-modal-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='m0 40l40-40h-40z'/%3E%3C/g%3E%3C/svg%3E") repeat;animation:backgroundMove 20s linear infinite;pointer-events:none}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.completion-celebration-icon{font-size:48px;margin-bottom:16px;display:block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.completion-modal-title{font-size:32px;font-weight:800;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.completion-modal-subtitle{font-size:18px;margin:0;opacity:.95;font-weight:500}.completion-modal-body{padding:40px}.completion-success-message{background:var(--brand-dark-teal);border-radius:16px;padding:24px;margin-bottom:32px;display:flex;align-items:center;gap:16px;color:#fff;box-shadow:0 4px 16px #0052604d}.success-checkmark{font-size:24px;animation:checkPulse 2s infinite}@keyframes checkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-text{margin:0;font-size:16px;font-weight:600}.completion-value-prop{text-align:center;margin-bottom:32px}.value-prop-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 20px;line-height:1.3}.value-prop-offer{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.offer-badge{background:var(--brand-orange);color:#fff;font-weight:800;font-size:14px;padding:6px 16px;border-radius:20px;box-shadow:0 2px 8px #e84e1c4d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.offer-text{font-size:20px;font-weight:700;color:#1f2937}.value-benefits{display:grid;gap:16px;text-align:left}.benefit-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--brand-light-blue);border-radius:12px;border-left:4px solid var(--brand-teal);transition:transform .2s ease}.benefit-item:hover{transform:translate(4px)}.benefit-icon{font-size:20px;flex-shrink:0}.benefit-text{font-size:15px;font-weight:600;color:#374151;margin:0}.completion-social-proof{background:#f9fafb;border-radius:16px;padding:24px;margin-bottom:32px;text-align:center}.social-proof-text{margin:0 0 20px;font-size:16px;color:#374151}.social-proof-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:28px;font-weight:800;color:#3b82f6;margin-bottom:4px}.stat-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.completion-modal-actions{display:grid;gap:16px;margin-bottom:24px}.completion-cta-primary{background:var(--brand-orange);color:#fff;border:none;border-radius:16px;padding:20px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #e84e1c4d;position:relative;overflow:hidden;min-height:44px}.completion-cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.completion-cta-primary:hover:before{left:100%}.completion-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e84e1c66}.cta-icon{font-size:20px;animation:ring 2s infinite}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%{transform:rotate(10deg)}}.cta-text{display:flex;flex-direction:column;align-items:center;flex:1}.cta-main{font-size:16px;font-weight:700;margin-bottom:2px}.cta-sub{font-size:13px;opacity:.9;font-weight:500}.cta-arrow{font-size:20px;transition:transform .2s ease}.completion-cta-primary:hover .cta-arrow{transform:translate(4px)}.completion-cta-secondary{background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb;border-radius:12px;padding:16px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.completion-cta-secondary:hover{background:#e5e7eb;color:#374151;border-color:#d1d5db}.completion-urgency{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:16px 20px;text-align:center}.urgency-text{margin:0;font-size:14px;color:#92400e;font-weight:600}@media (max-width: 320px){.completion-modal-overlay{padding:8px}.completion-modal-container{border-radius:12px;max-height:95vh;overflow-y:auto}.completion-modal-close{width:44px;height:44px;top:8px;right:8px}.completion-modal-header{padding:20px 16px 16px}.completion-celebration-icon{font-size:40px;margin-bottom:12px}.completion-modal-title{font-size:20px;line-height:1.2}.completion-modal-subtitle{font-size:14px;line-height:1.3}.completion-modal-body{padding:16px}.value-prop-title{font-size:16px;line-height:1.3}.offer-text{font-size:14px}.benefit-item{flex-direction:column;text-align:center;gap:8px}.benefit-text{font-size:13px}.social-proof-stats{grid-template-columns:1fr;gap:12px}.stat-number{font-size:20px}.stat-label{font-size:12px}.completion-modal-actions{padding:16px;gap:12px}.completion-cta-primary{padding:16px 18px;min-height:44px}.cta-main{font-size:14px}.cta-sub{font-size:12px}.completion-cta-secondary{padding:12px 16px;min-height:44px;font-size:13px}}@media (max-width: 480px){.completion-modal-overlay{padding:12px}.completion-modal-container{border-radius:16px;max-height:90vh}.completion-modal-close{width:44px;height:44px}.completion-modal-header{padding:24px 20px 20px}.completion-celebration-icon{font-size:50px;margin-bottom:16px}.completion-modal-title{font-size:22px}.completion-modal-subtitle{font-size:15px}.completion-modal-body{padding:20px}.value-prop-title{font-size:18px}.offer-text{font-size:16px}.benefit-text{font-size:14px}.social-proof-stats{grid-template-columns:1fr;gap:16px}.completion-cta-primary{padding:18px 20px;min-height:44px}.completion-cta-secondary{min-height:44px;padding:14px 18px}}@media (max-width: 768px){.completion-modal-overlay{padding:16px}.completion-modal-container{border-radius:16px;max-height:85vh;overflow-y:auto}.completion-modal-close{width:44px;height:44px;top:16px;right:16px}.completion-modal-header{padding:30px 20px 20px}.completion-modal-title{font-size:24px}.completion-modal-subtitle{font-size:16px}.completion-modal-body{padding:20px}.value-prop-title{font-size:20px}.offer-text{font-size:18px}.social-proof-stats{grid-template-columns:1fr;gap:16px}.completion-modal-actions{padding:20px;gap:16px}.completion-cta-primary{padding:18px 20px;min-height:44px}.completion-cta-secondary{min-height:44px;padding:16px 20px}.cta-text{align-items:flex-start;text-align:left}.video-modal-content{width:90vw;height:50vh;border-radius:12px}.video-modal-close{width:44px;height:44px;top:12px;right:12px}}.next-section-button,.next-sub-section-button,.complete-section-button,.mark-incomplete-btn,.mark-sub-incomplete-btn{min-height:44px;min-width:44px}.enhanced-tab-button,.enhanced-sub-tab-button{min-height:44px;position:relative}.input-group input,.input-group select,.range-input,.radio-option{min-height:44px}.radio-option{min-width:44px;position:relative}.quiz-option-button,.quiz-nav-button{min-height:44px;touch-action:manipulation}.carousel-button{min-height:44px;min-width:44px}.carousel-indicator{min-height:44px;min-width:44px;cursor:pointer;border-radius:50%;background:transparent;border:none;position:relative;display:flex;align-items:center;justify-content:center}.carousel-indicator:before{content:"";width:10px;height:10px;background:#d1d5db;border-radius:50%;transition:background-color .2s ease}.carousel-indicator.active:before{background:#2563eb}.audio-play-button,.audio-pause-button{min-height:44px;min-width:44px}.audio-progress-bar{min-height:44px;cursor:pointer;padding:16px 0}.completion-modal-close,.video-modal-close{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.quiz-options{gap:8px}.carousel-navigation,.completion-modal-actions{gap:16px}.enhanced-tab-button:focus,.enhanced-sub-tab-button:focus,.quiz-option-button:focus,.carousel-button:focus,.carousel-indicator:focus,.next-section-button:focus,.completion-cta-primary:focus,.completion-cta-secondary:focus{outline:2px solid #2563eb;outline-offset:2px}@media (hover: hover){.enhanced-tab-button:hover,.enhanced-sub-tab-button:hover,.quiz-option-button:hover,.carousel-button:hover,.next-section-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.carousel-indicator:hover:before{transform:scale(1.2)}}@media (max-width: 768px){*{-webkit-overflow-scrolling:touch}.enhanced-tab-button,.enhanced-sub-tab-button,.carousel-slide,.completion-modal-container{will-change:transform;backface-visibility:hidden}.page-wrapper,.content-wrapper{overflow-x:hidden;width:100%;max-width:100%}.main-title,.section-title,.completion-modal-title{-webkit-user-select:text;-moz-user-select:text;user-select:text}}