.hero-interactive{text-align:center;max-width:760px;margin:0 auto;animation:fadeSlide .8s ease-out}@keyframes fadeSlide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-badge-interactive{display:inline-block;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-subtle);border:1px solid var(--accent-subtle);padding:6px 18px;border-radius:100px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.hero-interactive h1{font-size:clamp(36px,6vw,68px);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.hero-interactive p{font-size:clamp(16px,2vw,20px);color:var(--text-soft);max-width:580px;margin:0 auto 32px;line-height:1.6}.hero-actions-interactive{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.stats-interactive{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;animation:fadeSlide .8s ease-out .15s both}.stat-item-interactive{text-align:center}.stat-number-interactive{font-size:32px;font-weight:800;color:var(--accent)}.stat-label-interactive{font-size:13px;color:var(--text-muted);margin-top:2px}.tabs-interactive{max-width:960px;animation:fadeSlide .8s ease-out .3s both}.tab-bar-interactive{display:flex;gap:4px;background:var(--surface);padding:4px;border-radius:14px;border:1px solid var(--border);margin-bottom:28px;overflow-x:auto}.tab-btn-interactive{flex:1;min-width:100px;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;border-radius:10px;transition:all .2s ease;font-family:inherit;white-space:nowrap}.tab-btn-interactive:hover{color:var(--text);background:var(--surface-hover)}.tab-btn-interactive.active{background:var(--surface-hover);color:var(--accent);font-weight:600}.tab-content-interactive{display:none}.tab-content-interactive.active{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.feature-card-interactive{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.feature-card-interactive:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .25s ease}.feature-card-interactive:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 12px 40px #0000004d}.feature-card-interactive:hover:before{opacity:1}.feature-card-interactive.expanded{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow),0 12px 40px #0000004d}.feature-card-interactive.expanded:before{opacity:1}.fc-icon{font-size:28px;margin-bottom:14px;display:block}.fc-title{font-size:17px;font-weight:700;margin-bottom:6px}.fc-desc{font-size:14px;color:var(--text-soft);line-height:1.5;margin-bottom:12px}.fc-detail{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease;opacity:0}.feature-card-interactive.expanded .fc-detail{max-height:300px;opacity:1}.fc-detail-inner{padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--text-soft);line-height:1.6}.fc-detail-inner ul{list-style:none;padding:0}.fc-detail-inner li{padding:4px 0 4px 16px;position:relative}.fc-detail-inner li:before{content:"→";position:absolute;left:0;color:var(--accent)}.fc-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.fc-tag{font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-subtle);padding:3px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.expand-hint{font-size:11px;color:var(--text-muted);opacity:.5;margin-top:12px;display:block}.pricing-toggle-interactive{display:flex;justify-content:center;gap:8px;margin-bottom:32px;background:var(--surface);padding:4px;border-radius:100px;border:1px solid var(--border);width:fit-content;margin-left:auto;margin-right:auto}.toggle-btn-interactive{padding:8px 24px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;border-radius:100px;transition:all .2s ease;font-family:inherit}.toggle-btn-interactive.active{background:var(--accent);color:#fff;font-weight:600}.toggle-btn-interactive:hover:not(.active){color:var(--text)}.pricing-grid-interactive{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.pricing-card-interactive{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;text-align:center;transition:all .3s ease;position:relative}.pricing-card-interactive.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow),0 12px 48px #0000004d}.pricing-card-interactive.featured:after{content:"BEST VALUE";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:4px 16px;border-radius:100px;letter-spacing:.06em}.pc-name{font-size:18px;font-weight:700;margin-bottom:4px}.pc-desc{font-size:13px;color:var(--text-soft);margin-bottom:20px}.pc-price{font-size:42px;font-weight:900;margin-bottom:4px;color:var(--text)}.pc-price span{font-size:16px;font-weight:500;color:var(--text-muted)}.pc-period{font-size:13px;color:var(--text-muted);margin-bottom:24px}.pc-features{list-style:none;text-align:left;margin-bottom:28px;padding:0}.pc-features li{padding:8px 0;font-size:14px;color:var(--text-soft);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.pc-features li:last-child{border-bottom:none}.pc-features li .check{color:var(--accent);font-weight:700}.pc-cta{width:100%;padding:12px;border:none;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.pc-cta.primary{background:var(--accent);color:#fff}.pc-cta.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}.pc-cta.secondary{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.pc-cta.secondary:hover{border-color:var(--accent);color:var(--accent)}.cta-section-interactive{max-width:640px;margin:0 auto;text-align:center;padding:48px 40px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);animation:fadeSlide .8s ease-out .7s both}.cta-section-interactive h2{font-size:clamp(22px,3vw,30px);font-weight:800;margin-bottom:12px}.cta-section-interactive p{color:var(--text-soft);margin-bottom:28px;font-size:15px}.modal-overlay{display:none;position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:20px}.modal-overlay.open{display:flex}.modal-interactive{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;max-width:480px;width:100%;animation:fadeSlide .3s ease-out;position:relative}.modal-close{position:absolute;top:16px;right:20px;background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;font-family:inherit;transition:color .2s ease}.modal-close:hover{color:var(--text)}.modal-interactive h3{font-size:22px;font-weight:700;margin-bottom:6px}.modal-interactive p{color:var(--text-soft);font-size:14px;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-soft);margin-bottom:6px}.form-group input{width:100%;padding:12px 16px;background:var(--surface-hover);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s ease}.form-group input:focus{border-color:var(--accent)}.form-group input::placeholder{color:var(--text-muted)}.form-submit{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:100px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease;margin-top:8px}.form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}@media(max-width:768px){.hero-interactive{margin-top:20px}.stats-interactive{gap:24px}.tab-bar-interactive{overflow-x:auto}.tab-content-interactive.active,.pricing-grid-interactive{grid-template-columns:1fr}.cta-section-interactive{padding:32px 24px}.modal-interactive{padding:28px 20px}.stat-number-interactive{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
