.landing-section{padding:var(--space-24) var(--space-6);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.landing-section.visible{opacity:1;transform:translateY(0)}.landing-container{max-width:var(--max-width);margin:0 auto}.section-label{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary-border);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header .section-subtitle{margin:0 auto}.hero{padding:60px var(--space-6) var(--space-16);text-align:center;position:relative;overflow:hidden;opacity:1;transform:none}.hero:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;max-width:760px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary-border);padding:6px 16px;border-radius:var(--radius-full);margin-bottom:var(--space-8);animation:fadeDown .6s ease both}.hero h1{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:1.1;color:var(--color-text);margin-bottom:var(--space-6);letter-spacing:-.02em;animation:fadeDown .6s .1s ease both}.hero h1 span{background:linear-gradient(135deg,var(--color-primary),#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:560px;margin:0 auto var(--space-10);animation:fadeDown .6s .2s ease both}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;animation:fadeDown .6s .3s ease both}.hero-ctas .btn{padding:14px 32px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);min-width:190px;justify-content:center}.hero-ctas .btn-primary{box-shadow:0 4px 14px #16a34a4d}.hero-ctas .btn-primary:hover{box-shadow:0 6px 20px #16a34a66;transform:translateY(-1px)}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.stats-bar{padding:var(--space-12) var(--space-6);opacity:1;transform:none}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:800px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-sm)}.stat-item{text-align:center}.stat-item:not(:last-child){border-right:1px solid var(--color-border)}.stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#059669);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-5)}.feature-card h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.feature-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.feature-card-soon{position:relative}.feature-soon-badge{position:absolute;top:var(--space-4);right:var(--space-4);display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-warning);background:var(--color-warning-bg);border:1px solid var(--color-warning-border, rgba(245,158,11,.3));padding:3px 8px;border-radius:var(--radius-full);letter-spacing:.02em}.feature-soon-badge i{font-size:10px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10);position:relative}.steps-grid:before{content:"";position:absolute;top:40px;left:calc(16.66% + 24px);right:calc(16.66% + 24px);height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-border),var(--color-primary));opacity:.4}.step-item{text-align:center;position:relative}.step-number{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);border-radius:50%;background:var(--color-surface);border:2px solid var(--color-primary-border);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);position:relative;z-index:1;box-shadow:var(--shadow-md)}.step-item h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.step-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:280px;margin:0 auto}.testimonials-wrapper{position:relative;max-width:700px;margin:0 auto}.testimonials-track{overflow:hidden;border-radius:var(--radius-xl)}.testimonials-slider{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.testimonial-card{min-width:100%;padding:var(--space-10) var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center}.testimonial-stars{color:var(--color-warning);font-size:var(--font-size-sm);margin-bottom:var(--space-5);letter-spacing:2px}.testimonial-text{font-size:var(--font-size-lg);color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8);font-style:italic}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-primary)}.testimonial-meta strong{display:block;font-size:var(--font-size-sm);color:var(--color-text)}.testimonial-meta span{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.testimonial-role{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:.01em}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-8)}.carousel-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.carousel-btn:hover{border-color:var(--color-primary-border);color:var(--color-primary);background:var(--color-primary-light)}.carousel-dots{display:flex;gap:var(--space-2)}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);border:none;cursor:pointer;padding:0;transition:all var(--transition-fast)}.carousel-dot.active{background:var(--color-primary);width:24px;border-radius:var(--radius-full)}.newsletter-section{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.newsletter-inner{text-align:center;max-width:520px;margin:0 auto}.newsletter-form{display:flex;gap:var(--space-3);margin-top:var(--space-8)}.newsletter-form input{flex:1;padding:12px 16px;font-size:var(--font-size-sm);font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);outline:none;transition:border-color var(--transition-fast)}.newsletter-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.newsletter-form input::placeholder{color:var(--color-text-tertiary)}.newsletter-form .btn{padding:12px 24px;white-space:nowrap}.newsletter-msg{margin-top:var(--space-3);font-size:var(--font-size-sm);min-height:20px}.newsletter-msg.success{color:var(--color-success)}.newsletter-msg.error{color:var(--color-danger)}.final-cta{text-align:center;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;bottom:-40%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);pointer-events:none}.final-cta-content{position:relative;z-index:1}.final-cta h2{font-size:clamp(1.875rem,3.5vw,2.75rem);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4);letter-spacing:-.01em}.final-cta p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:480px;margin:0 auto var(--space-10);line-height:var(--line-height-relaxed)}.final-cta .btn{padding:14px 36px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);box-shadow:0 4px 14px #16a34a4d}.demo-browser{max-width:1280px;margin:0 auto;border-radius:14px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 32px 80px #00000024,0 2px 6px #0000000f;background:var(--color-bg)}.demo-titlebar{display:flex;align-items:center;gap:14px;padding:14px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.demo-dots{display:flex;gap:7px;min-width:56px}.demo-dot{width:12px;height:12px;border-radius:50%}.demo-dot.red{background:#ef4444}.demo-dot.yellow{background:#f59e0b}.demo-dot.green{background:#22c55e}.demo-address{flex:1;max-width:380px;margin:0 auto;background:var(--color-bg);border:1px solid var(--color-border);border-radius:7px;padding:6px 14px;font-size:12px;color:var(--color-text-secondary);display:flex;align-items:center;gap:7px}.demo-address i{font-size:10px;color:var(--color-success)}.demo-titlebar-spacer{min-width:56px}.demo-app{display:grid;grid-template-columns:220px 1fr;min-height:540px}.demo-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:0;display:flex;flex-direction:column;gap:0}.demo-sidebar-section{padding:12px 14px;border-bottom:1px solid var(--color-border)}.demo-sidebar-header{display:flex;align-items:center;gap:4px;padding:10px 14px;border-bottom:1px solid var(--color-border);min-height:30px;width:100%}.demo-sb-btn{padding:4px 9px;font-size:10px;font-weight:500;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.demo-sb-btn.icon-only{padding:4px 9px}.demo-sb-btn i{font-size:9px}.demo-sb-btn-pin{color:var(--color-primary);border-color:var(--color-primary-border);background:var(--color-primary-light)}.demo-sb-spacer{flex:1}.demo-tg-banner{display:flex;align-items:center;gap:8px;background:#2ca5e014;border:1px solid rgba(44,165,224,.25);border-radius:8px;padding:8px 10px}.demo-tg-icon{font-size:16px;color:#2ca5e0;flex-shrink:0}.demo-tg-text{display:flex;flex-direction:column;flex:1;min-width:0}.demo-tg-title{font-size:10px;font-weight:700;color:var(--color-text)}.demo-tg-desc{font-size:9px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-tg-arrow{font-size:9px;color:var(--color-text-tertiary);flex-shrink:0}.demo-sidebar-section{display:flex;flex-direction:column;gap:8px}.demo-section-collapsed{gap:0}.demo-collapse-icon{margin-left:auto;font-size:9px!important;color:var(--color-text-tertiary)!important}.demo-sidebar-title{font-size:11px;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px;display:flex;align-items:center;gap:5px}.demo-sidebar .demo-sidebar-title{color:var(--color-text-tertiary);font-size:11px}.demo-sidebar .demo-sidebar-title i{color:var(--color-primary);font-size:11px}.demo-input{width:100%;padding:7px 10px;font-size:11px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);outline:none;transition:border-color .2s,box-shadow .2s}.demo-input:focus,.demo-input.typing{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.demo-lpt{display:flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.demo-lpt-btn{flex:1;padding:6px 8px;font-size:10px;font-weight:500;background:transparent;color:var(--color-text-secondary);border:none;cursor:default}.demo-lpt-btn+.demo-lpt-btn{border-left:1px solid var(--color-border)}.demo-lpt-btn.active{background:var(--color-surface-active, #e5e7eb);color:var(--color-text)}.demo-sidebar .demo-add-btn{width:100%;padding:8px 12px;font-size:11px;font-weight:600;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text-secondary);cursor:default;display:flex;align-items:center;justify-content:center;gap:5px;transition:transform .15s,box-shadow .15s}.demo-sidebar .demo-add-btn.clicking{transform:scale(.95);box-shadow:0 0 0 3px var(--color-border)}.demo-sidebar .demo-check-btn{width:100%;padding:7px 10px;font-size:11px;font-weight:600;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text-secondary);cursor:default;display:flex;align-items:center;justify-content:center;gap:5px}.demo-main{padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.demo-action-bar{display:flex;align-items:center;gap:0;flex-wrap:nowrap;overflow:hidden;padding:2px 3px;min-height:30px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-sizing:border-box}.demo-action-btn{display:inline-flex;align-items:center;gap:2px;padding:2px 4px;height:22px;font-size:7.5px;font-weight:500;line-height:1;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0;transition:all .15s}.demo-action-btn.flash{color:var(--color-primary);background:var(--color-primary-light)}.demo-action-btn i{font-size:7px}.demo-action-btn.pin{color:var(--color-primary);background:var(--color-primary-light)}.demo-action-btn--deal{color:#ef4444!important;font-size:7.5px!important;padding:2px 5px!important}.demo-ab-div{width:1px;align-self:stretch;background:var(--color-border);margin:-2px 2px;flex-shrink:0;opacity:.5}.demo-selected-count{font-size:10px;color:#9ca3af;white-space:nowrap;margin-left:4px;font-weight:400}.demo-selected-count:not(:empty):before{content:" - "}.demo-selected-count:empty{display:none}.demo-search{flex:1;min-width:40px;padding:2px 5px;font-size:7.5px;border:none;background:transparent;color:var(--color-text);outline:none;font-family:var(--font-sans);height:22px}.demo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.demo-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:14px 14px 12px}.demo-stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.demo-stat-label{font-size:10px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.07em;line-height:1.3}.demo-stat-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-surface-active);color:var(--color-text-secondary);font-size:13px;flex-shrink:0}.demo-stat.green .demo-stat-icon{background:#16a34a1a;color:#16a34a}.demo-stat.blue .demo-stat-icon{background:#3b82f61a;color:#3b82f6}.demo-stat-value{font-size:22px;font-weight:700;color:var(--color-text);letter-spacing:-.03em;line-height:1;transition:color .3s}.demo-stat.green .demo-stat-value{color:#16a34a}.demo-stat-value.invested{color:#dc2626}.demo-stat-value.counting{opacity:.7}.demo-table-wrap{flex:1;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;position:relative}.demo-table{width:100%;border-collapse:collapse;font-size:11px}.demo-table thead th{padding:10px 9px;text-align:left;font-weight:600;font-size:9px;color:var(--color-text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.demo-table thead th.center{text-align:center}.demo-table tbody td{padding:10px 9px;text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text);white-space:nowrap}.demo-table tbody td.center{text-align:center}.demo-table tbody tr{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.demo-table tbody tr.visible{opacity:1;transform:translateY(0)}.demo-table tbody tr.selected-row{background:var(--color-primary-light)}.demo-table .domain-cell{font-weight:600;color:var(--color-text)}.demo-table .profit-cell{font-weight:600}.demo-table .profit-cell.positive{color:var(--color-success)}.demo-table .profit-cell.negative{color:var(--color-danger)}.demo-table .actions-cell{display:flex;gap:4px;justify-content:center}.demo-table .action-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-size:9px;color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all .2s}.demo-table .action-icon.flash{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.demo-quick-access{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.demo-qa-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 6px;border-radius:9px;font-size:10px;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);cursor:default}.demo-qa-item i{font-size:16px;color:var(--color-primary)}.demo-pick-cell{color:var(--color-text-tertiary);border-bottom:1px dashed var(--color-border);cursor:pointer;transition:color .15s}.demo-pick-cell.demo-pick-active{color:var(--color-primary);border-bottom-color:var(--color-primary);animation:demo-pick-pulse .4s ease-in-out infinite alternate}@keyframes demo-pick-pulse{0%{opacity:1}to{opacity:.4}}.demo-pick-cell.demo-pick-filling{color:var(--color-primary);font-weight:600}.demo-renew{display:inline-block;padding:2px 7px;border-radius:10px;font-size:9px;font-weight:700}.demo-renew.yes{background:#dcfce7;color:#15803d}.demo-renew.no{background:#fee2e2;color:#b91c1c}.demo-platforms{display:inline-flex;align-items:center;gap:3px}.demo-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:500;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.demo-badge.more{background:#dcfce7;border-color:#bbf7d0;color:#15803d;font-weight:700}.demo-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--color-text-tertiary);font-size:13px;background:var(--color-bg);transition:opacity .3s}.demo-empty.hidden{opacity:0;pointer-events:none}.demo-empty i{font-size:28px;margin-bottom:8px;opacity:.5}.demo-empty small{font-size:11px;margin-top:3px}.demo-page-header{padding-bottom:10px;border-bottom:1px solid var(--color-border);margin-bottom:2px}.demo-page-title{font-size:17px;font-weight:700;color:var(--color-text);letter-spacing:-.02em;line-height:1.2}.demo-page-sub{font-size:11px;color:var(--color-text-tertiary);font-weight:400;margin-top:2px}.demo-btn-chevron{font-size:7px!important;opacity:.55;margin-left:1px}.demo-sort-icons{display:inline-flex;flex-direction:column;gap:0;line-height:1;margin-left:3px;opacity:.4;vertical-align:middle}.demo-sort-icons i{font-size:7px;display:block;line-height:1}.demo-calc-body{display:flex;flex-direction:column;gap:6px;overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .3s ease}.demo-calc-body.open{max-height:220px;opacity:1}.demo-calc-result{font-size:11px;font-weight:600;color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary-border);border-radius:6px;padding:7px 10px;text-align:center;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.demo-calc-result.show{max-height:60px;opacity:1;padding:7px 10px}.demo-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;transition:opacity .3s ease,transform .3s ease}.demo-features-grid.fading{opacity:0;transform:translateY(8px)}.demo-feat-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.demo-feat-dot{width:7px;height:7px;border-radius:50%;background:var(--color-border);transition:background .3s,transform .3s;cursor:pointer;position:relative}.demo-feat-dot:before{content:"";position:absolute;inset:-6px;border-radius:50%}.demo-feat-dot:hover{background:var(--color-text-secondary)}.demo-feat-dot.active{background:var(--color-primary);transform:scale(1.3)}.demo-feat-dot.active:hover{background:var(--color-primary)}.demo-feature-card{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-surface);transition:box-shadow .3s,border-color .3s}.demo-feature-card.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.dfc-body{padding:12px 14px}.dfc-icon{font-size:13px;margin-bottom:5px}.dfc-title{font-size:12px;font-weight:700;color:var(--color-text);margin-bottom:3px}.dfc-desc{font-size:11px;color:var(--color-text-secondary);line-height:1.5}.dfc-green .dfp{border-top:2px solid #16a34a}.dfc-green .dfc-icon{color:#16a34a}.dfc-blue .dfp{border-top:2px solid #2563eb}.dfc-blue .dfc-icon{color:#2563eb}.dfc-orange .dfp{border-top:2px solid #ea580c}.dfc-orange .dfc-icon{color:#ea580c}.dfc-purple .dfp{border-top:2px solid #9333ea}.dfc-purple .dfc-icon{color:#9333ea}.dfc-teal .dfp{border-top:2px solid #0891b2}.dfc-teal .dfc-icon{color:#0891b2}.dfc-red .dfp{border-top:2px solid #dc2626}.dfc-red .dfc-icon{color:#dc2626}.dfc-yellow .dfp{border-top:2px solid #ca8a04}.dfc-yellow .dfc-icon{color:#ca8a04}.dfp{padding:11px 13px;background:var(--color-bg);border-bottom:1px solid var(--color-border);min-height:82px;display:flex;flex-direction:column;justify-content:center;gap:5px}.dfp-field{height:8px;background:var(--color-border);border-radius:4px;animation:dfp-appear .4s ease both}.dfp-field.active{border:1px solid var(--color-primary);position:relative;animation:dfp-appear .4s ease both}.dfp-field.active:after{content:"";position:absolute;right:7px;top:50%;transform:translateY(-50%);width:1px;height:70%;background:var(--color-primary);animation:dfp-blink 1s step-end infinite}.dfp-field.d1{animation-delay:.15s}.dfp-field.d2{animation-delay:.3s}.dfp-submit{height:10px;background:var(--color-primary);border-radius:4px;animation:dfp-appear .4s .45s ease both;opacity:0;animation-fill-mode:both}.dfp-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dfp-sbar{display:flex;align-items:center;gap:5px;border:1px solid var(--color-border);border-radius:5px;padding:4px 7px;background:var(--color-bg);animation:dfp-appear .4s ease both}.dfp-sbar i{font-size:8px;color:var(--color-text-tertiary)}.dfp-sbar-text{height:6px;background:var(--color-border);border-radius:3px;flex:1;animation:dfp-typebar 2.5s ease-in-out infinite}.dfp-badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;padding:3px 8px;border-radius:10px;animation:dfp-appear .4s .7s ease both;opacity:0;animation-fill-mode:both;align-self:flex-start}.dfp-badge.green{background:#dcfce7;color:#15803d}.dfp-xrow{display:flex;align-items:center;gap:5px;animation:dfp-appear .3s ease both}.dfp-xrow.d1{animation-delay:.12s}.dfp-xrow.d2{animation-delay:.24s}.dfp-xrow.pulse .dfp-dot{animation:dfp-pulse 1.2s ease-in-out infinite}.dfp-xbar{flex:1;height:6px;background:var(--color-border);border-radius:3px}.dfp-xtag{font-size:8px;font-weight:700;border-radius:4px;padding:1px 4px;flex-shrink:0}.dfp-xrow.red .dfp-dot{background:#ef4444}.dfp-xrow.red .dfp-xtag{background:#fee2e2;color:#991b1b}.dfp-xrow.orange .dfp-dot{background:#f97316}.dfp-xrow.orange .dfp-xtag{background:#ffedd5;color:#c2410c}.dfp-xrow.yellow .dfp-dot{background:#eab308}.dfp-xrow.yellow .dfp-xtag{background:#fef9c3;color:#92400e}.dfp-xrow.green .dfp-dot{background:#22c55e}.dfp-xrow.green .dfp-xtag{background:#dcfce7;color:#15803d}.dfp-crow{display:flex;align-items:center;gap:5px;animation:dfp-appear .3s ease both}.dfp-crow.d1{animation-delay:.12s}.dfp-crow.d2{animation-delay:.24s}.dfp-cb{width:9px;height:9px;border-radius:2px;border:1.5px solid var(--color-border);flex-shrink:0;display:flex;align-items:center;justify-content:center}.dfp-cb.on{background:var(--color-primary);border-color:var(--color-primary)}.dfp-cb.on:after{content:"\2713";color:#fff;font-size:6px;line-height:1}.dfp-cbar{flex:1;height:6px;background:var(--color-border);border-radius:3px}.dfp-btns{display:flex;gap:5px;animation:dfp-appear .3s .36s ease both;opacity:0;animation-fill-mode:both}.dfp-abtn{font-size:8px;font-weight:700;padding:2px 6px;border-radius:4px}.dfp-abtn.blue{background:var(--color-primary-light);color:var(--color-primary)}.dfp-abtn.red{background:#fee2e2;color:#b91c1c}.dfp-lrow{display:flex;align-items:center;gap:6px;animation:dfp-appear .3s ease both}.dfp-lrow.d1{animation-delay:.12s}.dfp-lrow.d2{animation-delay:.24s}.dfp-lkey{font-size:7.5px;font-weight:600;color:var(--color-text-tertiary);width:46px;flex-shrink:0}.dfp-lval{flex:1;height:6px;background:var(--color-border);border-radius:3px}.dfp-lval.orange{background:#fed7aa}.dfp-chips{display:flex;gap:4px;flex-wrap:wrap;animation:dfp-appear .3s ease both}.dfp-chip{font-size:7.5px;font-weight:600;padding:2px 6px;border-radius:10px;border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-surface)}.dfp-chip.active{background:var(--color-primary-light);border-color:var(--color-primary-border);color:var(--color-primary)}.dfp-sbar.small{margin-top:2px;animation-delay:.2s}.dfp-bars{display:flex;align-items:flex-end;gap:5px;height:44px;animation:dfp-appear .3s ease both}.dfp-bc{flex:1;display:flex;align-items:flex-end}.dfp-bf{width:100%;background:var(--color-primary);border-radius:3px 3px 0 0;height:var(--h, 50%);animation:dfp-grow .5s ease-out both}.dfp-bc:nth-child(2) .dfp-bf{animation-delay:.08s}.dfp-bc:nth-child(3) .dfp-bf{animation-delay:.16s}.dfp-bc:nth-child(4) .dfp-bf{animation-delay:.24s}.dfp-total{font-size:8px;font-weight:700;color:var(--color-primary);animation:dfp-appear .3s .35s ease both;opacity:0;animation-fill-mode:both}.dfp-igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;animation:dfp-appear .4s ease both}.dfp-tile{display:flex;align-items:center;justify-content:center;height:22px;border-radius:5px;border:1px solid var(--color-border);background:var(--color-bg);font-size:9px;color:var(--color-text-tertiary)}.dfp-tile.active{background:var(--color-primary-light);border-color:var(--color-primary-border);color:var(--color-primary);animation:dfp-pulse 1.5s ease-in-out infinite}.dfp-ghead{font-size:9px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:4px;animation:dfp-appear .3s ease both}.dfp-ghead span{font-size:8px;background:var(--color-primary-light);color:var(--color-primary);padding:0 4px;border-radius:8px}.dfp-ghead.d2{animation-delay:.28s;margin-top:2px}.dfp-gchild{padding-left:10px;animation:dfp-appear .3s ease both}.dfp-gchild.d1{animation-delay:.14s}.dfp-gchild.d3{animation-delay:.42s}.dfp-gbar{height:6px;background:var(--color-border);border-radius:3px}.dfp-gbar.w70{width:70%}.dfp-gbar.w55{width:55%}.dfp-sharecard{display:flex;align-items:center;gap:7px;border:1px solid var(--color-border);border-radius:7px;padding:6px 9px;background:var(--color-bg);animation:dfp-appear .4s ease both}.dfp-share-icon{font-size:13px;color:var(--color-primary);animation:dfp-pulse 2s ease-in-out infinite}.dfp-share-url{font-size:8px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dfp-copybtn{font-size:8px;font-weight:700;color:var(--color-primary);background:var(--color-primary-light);padding:3px 8px;border-radius:5px;text-align:center;animation:dfp-appear .4s .35s ease both;opacity:0;animation-fill-mode:both}.dfp-dlbtn{font-size:9px;font-weight:600;padding:4px 9px;border-radius:6px;display:flex;align-items:center;gap:5px;animation:dfp-appear .4s ease both;opacity:0;animation-fill-mode:both}.dfp-dlbtn.csv{background:#dcfce7;color:#15803d;animation-delay:.1s}.dfp-dlbtn.pdf{background:#fee2e2;color:#b91c1c;animation-delay:.25s}.dfp-dl-anim{font-size:12px;color:var(--color-primary);text-align:center;animation:dfp-bounce 1.2s ease-in-out infinite}.dfp-currow{display:flex;align-items:center;gap:7px;animation:dfp-appear .3s ease both}.dfp-currow.d1{animation-delay:.18s}.dfp-cur-from{font-size:9px;font-weight:600;color:var(--color-text-secondary);width:40px}.dfp-cur-arrow{font-size:8px;color:var(--color-text-tertiary)}.dfp-cur-to{font-size:9px;font-weight:700;color:var(--color-primary);animation:dfp-flash 2s ease-in-out infinite}.dfp-cursel{font-size:8px;font-weight:600;color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;display:inline-block;margin-top:2px;animation:dfp-appear .3s .36s ease both;opacity:0;animation-fill-mode:both}.dfp-eqline{font-size:9px;color:var(--color-text-secondary);font-weight:500;animation:dfp-appear .3s ease both}.dfp-eqsep{height:1px;background:var(--color-border);margin:4px 0;animation:dfp-appear .3s .2s ease both;opacity:0;animation-fill-mode:both}.dfp-eqresult{font-size:10px;font-weight:700;color:var(--color-primary);animation:dfp-appear .5s .5s ease both;opacity:0;animation-fill-mode:both}.dfp-nitem{display:flex;align-items:center;gap:6px;animation:dfp-appear .3s ease both}.dfp-nitem.d1{animation-delay:.15s}.dfp-nitem.d2{animation-delay:.3s}.dfp-ndot{width:5px;height:5px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.dfp-nbar{height:6px;background:var(--color-border);border-radius:3px}.dfp-nbar.w85{width:85%}.dfp-nbar.w70{width:70%}.dfp-nbar.w60{width:60%}@keyframes dfp-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes dfp-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dfp-grow{0%{height:0}to{height:var(--h, 50%)}}@keyframes dfp-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes dfp-bounce{0%,to{transform:translateY(0)}55%{transform:translateY(5px)}}@keyframes dfp-typebar{0%,to{width:15%}50%{width:80%}}@keyframes dfp-flash{0%,to{opacity:1}40%{opacity:.3}}.demo-step-bar{border-top:1px solid var(--color-border);padding:14px 24px;background:var(--color-surface)}.demo-step-indicator{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:10px}.demo-step-indicator i{color:var(--color-primary)}.demo-progress{width:100%;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.demo-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-primary),#059669);border-radius:2px;transition:width .4s ease}.seo-links-section{padding:var(--space-10) var(--space-6) var(--space-12);border-top:1px solid var(--color-border);text-align:center}.seo-blog-link{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);transition:color var(--transition-fast)}.seo-blog-link i{font-size:2rem;color:var(--color-primary);transition:transform var(--transition-fast)}.seo-blog-link span{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em}.seo-blog-link:hover{color:var(--color-primary)}.seo-blog-link:hover i{transform:scale(1.12)}.seo-links-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-3);line-height:1.6}@media(max-width:768px){.demo-app{grid-template-columns:1fr;min-height:auto}.demo-sidebar{display:none}.demo-table th:nth-child(6),.demo-table td:nth-child(6),.demo-table th:nth-child(8),.demo-table td:nth-child(8),.demo-table th:nth-child(10),.demo-table td:nth-child(10){display:none}.demo-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.demo-action-bar{overflow-x:auto}.demo-stats{grid-template-columns:repeat(2,1fr)}.demo-action-right{display:flex;margin-left:0}.demo-main{padding:14px 16px;gap:10px}.demo-features-grid{grid-template-columns:1fr;gap:12px}.landing-section{padding:var(--space-16) var(--space-5)}.hero{padding:40px var(--space-5) var(--space-16)}.stats-grid{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-8) var(--space-6)}.stat-item:not(:last-child){border-right:none;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-6)}.features-grid{grid-template-columns:1fr;gap:var(--space-4)}.feature-card{padding:var(--space-5)}.steps-grid{grid-template-columns:1fr;gap:var(--space-8)}.steps-grid:before{display:none}.testimonial-card{padding:var(--space-8) var(--space-5)}.newsletter-form{flex-direction:column}.section-title{font-size:var(--font-size-2xl)}}@media(min-width:769px)and (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}