.feature-carousel{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.carousel-tabs{display:flex;gap:0;margin-bottom:0;flex-wrap:wrap;justify-content:center;border-bottom:1px solid rgba(20,184,166,.1)}.carousel-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:transparent;border:none;border-right:1px solid rgba(20,184,166,.1);cursor:pointer;transition:all .3s ease;color:var(--text-tertiary);min-width:160px;position:relative}.carousel-tab:last-child{border-right:none}.carousel-tab:hover{background:rgba(20,184,166,.05)}.carousel-tab.active,.carousel-tab:hover{color:var(--accent-primary)}.carousel-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#14b8a6}.tab-sibling-badge{background:#4fa8a8;color:white;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.carousel-tab.active .tab-sibling-badge{background:#14b8a6}.tab-name{font-weight:500;font-size:.875rem}.carousel-tab.active .tab-name{font-weight:600}.carousel-content{position:relative;min-height:500px;background:linear-gradient(135deg,rgba(20,184,166,.03),rgba(15,23,42,.5));border:1px solid rgba(20,184,166,.15);border-top:none;border-radius:0 0 24px 24px;overflow:hidden}.carousel-slide{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;padding:3rem}.carousel-slide.active{opacity:1;visibility:visible;position:relative}.slide-inner{display:flex;gap:3rem;align-items:center}.slide-left{flex:1;max-width:480px}.slide-icon{display:none}.category-label{color:var(--accent-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem}.slide-headline{font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 1.25rem;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text}.slide-description{font-size:1rem;color:var(--text-tertiary);line-height:1.7;margin:0 0 2rem}.slide-subtitle{display:none}.slide-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:#14b8a6;color:white;border-radius:12px;text-decoration:none;font-weight:600;font-size:.9375rem;border:none;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.slide-cta:hover{background:#0d9488;transform:translateY(-1px)}.slide-cta svg{transition:transform .3s ease;width:16px;height:16px}.slide-cta:hover svg{transform:translateX(3px)}.slide-right{flex:1;display:flex;align-items:center;justify-content:center}.product-mockup{background:linear-gradient(145deg,var(--bg-card) 0,var(--bg-primary) 100%);border:1px solid rgba(20,184,166,.2);border-radius:16px;padding:1.5rem;width:100%;max-width:480px;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 40px rgba(20,184,166,.1)}.mockup-header{gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.mockup-header,.mockup-icon{display:flex;align-items:center}.mockup-icon{width:40px;height:40px;background:#14b8a6;border-radius:10px;justify-content:center}.mockup-icon svg{width:20px;height:20px;color:white;stroke:white}.mockup-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.mockup-subtitle{font-size:.75rem;color:var(--text-muted)}.protocol-form{display:flex;flex-direction:column;gap:.75rem}.form-field{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem}.form-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.25rem}.form-value{font-size:.875rem;color:var(--text-secondary)}.form-value.highlight{color:var(--accent-primary)}.generate-btn{margin-top:.5rem;padding:.75rem;background:#14b8a6;border:none;border-radius:8px;color:white;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.generate-btn:hover{background:#0d9488;transform:translateY(-1px);box-shadow:0 4px 12px rgba(20,184,166,.3)}.generate-btn svg{stroke:white}.compliance-score{text-align:center;margin-bottom:1.25rem}.score-circle{width:100px;height:100px;border-radius:50%;background:conic-gradient(#22c55e 0deg 338deg,#1e293b 338deg 1turn);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;position:relative}.score-circle:before{content:"";position:absolute;width:80px;height:80px;background:var(--bg-primary);border-radius:50%}.score-value{position:relative;font-size:1.75rem;font-weight:700;color:#22c55e}.score-label{font-size:.75rem;color:var(--text-muted)}.compliance-checks{display:flex;flex-direction:column;gap:.5rem}.check-item{gap:.625rem;padding:.625rem .75rem;background:var(--bg-secondary);border-radius:8px;font-size:.8125rem}.check-icon,.check-item{display:flex;align-items:center}.check-icon{width:20px;height:20px;border-radius:50%;justify-content:center;font-size:.6875rem;flex-shrink:0}.check-icon.pass{background:rgba(34,197,94,.2);color:#22c55e}.check-icon.warn{background:rgba(234,179,8,.2);color:#eab308}.search-box{background:var(--bg-secondary);border:1px solid rgba(20,184,166,.3);border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.search-box input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.875rem}.search-box input::-moz-placeholder{color:var(--text-muted)}.search-box input::placeholder{color:var(--text-muted)}.search-icon{color:var(--accent-primary);flex-shrink:0}.search-icon svg{stroke:var(--accent-primary)}.search-results{display:flex;flex-direction:column;gap:.625rem}.result-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem}.result-source{display:flex;align-items:center;gap:.375rem;font-size:.625rem;color:var(--accent-primary);margin-bottom:.375rem}.result-title{font-size:.8125rem;color:var(--text-primary);margin-bottom:.25rem;font-weight:500}.result-snippet{font-size:.6875rem;color:var(--text-muted);line-height:1.5}.amendment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.version-badge{background:rgba(20,184,166,.2);color:var(--accent-primary);padding:.25rem .625rem;border-radius:20px;font-size:.75rem;font-weight:500}.impact-indicator{display:flex;align-items:center;gap:.375rem;font-size:.75rem}.impact-dot{width:8px;height:8px;border-radius:50%}.impact-dot.medium{background:#eab308}.change-list{display:flex;flex-direction:column;gap:.625rem}.change-item{background:var(--bg-secondary);border-left:3px solid;border-radius:0 8px 8px 0;padding:.75rem}.change-item.added{border-color:#22c55e}.change-item.modified{border-color:#eab308}.change-section{font-size:.6875rem;color:var(--text-muted);margin-bottom:.25rem}.change-text{font-size:.8125rem;color:var(--text-primary)}.ripple-effects{margin-top:1rem;padding:.75rem;background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.2);border-radius:8px}.ripple-title{font-size:.6875rem;color:#eab308;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.375rem}.ripple-title svg{stroke:#eab308}.ripple-list{font-size:.75rem;color:var(--text-tertiary)}.carousel-indicators{display:flex;justify-content:center;gap:.75rem;margin-top:3rem}.indicator{width:12px;height:12px;border-radius:50%;background:rgba(20,184,166,.2);border:none;cursor:pointer;transition:all .3s ease;padding:0}.indicator:hover{background:rgba(20,184,166,.4);transform:scale(1.2)}.indicator.active{background:var(--accent-primary);width:32px;border-radius:6px}@media (max-width:900px){.slide-inner{flex-direction:column}.slide-left{max-width:100%;text-align:center}.slide-headline{font-size:1.75rem}}@media (max-width:768px){.carousel-tabs{gap:0}.carousel-tab{min-width:120px;padding:1rem .5rem}.carousel-tab,.tab-name{font-size:.75rem}.slide-headline{font-size:1.5rem}.slide-description{font-size:.9375rem}.carousel-slide{padding:2rem 1.5rem}}@media (max-width:480px){.carousel-tabs{flex-direction:column}.carousel-tab{width:100%;flex-direction:row;justify-content:center;border-right:none;border-bottom:1px solid rgba(20,184,166,.1)}.carousel-tab:last-child{border-bottom:none}.carousel-tab.active:after{height:100%;width:2px;right:auto;left:0}.slide-headline{font-size:1.25rem}.carousel-slide{padding:1.5rem 1rem}}[data-theme=light] .carousel-content{background:#f7f7f5;border-color:rgba(55,53,47,.09)}[data-theme=light] .carousel-tabs{border-bottom-color:rgba(55,53,47,.09)}[data-theme=light] .carousel-tab{border-right-color:rgba(55,53,47,.09)}[data-theme=light] .carousel-tab:hover{background:rgba(55,53,47,.04)}[data-theme=light] .product-mockup{background:#ffffff;border-color:rgba(55,53,47,.09);box-shadow:none}[data-theme=light] .form-field,[data-theme=light] .result-item,[data-theme=light] .search-box{background:#f7f7f5;border-color:rgba(55,53,47,.09)}[data-theme=light] .change-item,[data-theme=light] .check-item{background:#f7f7f5}[data-theme=light] .slide-headline{background:none;-webkit-background-clip:unset;background-clip:unset;color:#37352f}[data-theme=light] .generate-btn:hover{box-shadow:none}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:128px 5% 48px;position:relative}.hero,.hero-bg{overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;animation:bgPulse 8s ease-in-out infinite}@keyframes bgPulse{0%,to{transform:scale(1) rotate(0deg);opacity:1}50%{transform:scale(1.1) rotate(5deg);opacity:.8}}.grid-overlay{display:none}.hero-content{text-align:center;max-width:800px;margin-bottom:60px;position:relative;z-index:1}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.3);border-radius:100px;font-size:13px;color:var(--accent-primary);margin-bottom:24px;animation:fadeInUp .6s ease-out}.badge-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:64px;font-weight:700;line-height:1.1;margin-bottom:24px;color:var(--text-primary)}.hero-title .highlight,.typing-wrapper{color:var(--accent-primary)}.typing-wrapper{display:inline-block;position:relative}.typing-cursor{display:inline-block;background:var(--text-primary);-webkit-background-clip:text;background-clip:text;animation:blink .7s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle{font-size:20px;color:var(--text-tertiary);line-height:1.6;max-width:600px;margin:0 auto 36px;animation:fadeInUp .6s ease-out .2s both}.hero-ctas{display:flex;gap:16px;justify-content:center;animation:fadeInUp .6s ease-out .3s both}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#14b8a6;color:white;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#0d9488;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:transparent;color:var(--text-primary);font-size:16px;font-weight:600;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-color)}.trust-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px;animation:fadeInUp .6s ease-out .5s both}.trust-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);border-radius:100px;font-size:12px;font-weight:600;color:#22c55e;transition:all .3s ease}.trust-badge svg{flex-shrink:0}.trust-badge:hover{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.4);transform:translateY(-2px)}[data-theme=light] .trust-badge{background:rgba(22,163,74,.08);border-color:rgba(22,163,74,.25);color:#16a34a}[data-theme=light] .trust-badge:hover{background:rgba(22,163,74,.15);border-color:rgba(22,163,74,.4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-preview{position:relative;width:100%;max-width:1100px;z-index:1;animation:fadeInUp .8s ease-out .4s both}.dashboard-glow{display:none}.dashboard-frame{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.dashboard-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.toolbar-dot{width:12px;height:12px;border-radius:50%}.toolbar-dot.red{background:#ef4444}.toolbar-dot.yellow{background:#eab308}.toolbar-dot.green{background:#22c55e}.toolbar-url{flex:1;text-align:center;font-size:12px;color:var(--text-muted)}.dashboard-body{display:flex;min-height:480px}.sidebar{width:200px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:16px 0;flex-shrink:0}.sidebar-logo{gap:10px;padding:0 16px 16px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.logo-icon,.sidebar-logo{display:flex;align-items:center}.logo-icon{width:32px;height:32px;background:#14b8a6;border-radius:8px;justify-content:center;font-weight:700;font-size:14px}.sidebar-section{margin-bottom:20px}.sidebar-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:0 16px;margin-bottom:8px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.sidebar-item:hover{background:rgba(20,184,166,.1);color:var(--accent-primary)}.sidebar-item.active{background:rgba(20,184,166,.15);color:var(--accent-primary);border-left:2px solid var(--accent-primary)}.sidebar-icon{font-size:16px;display:flex;align-items:center}.sidebar-icon svg{stroke:currentColor}.main-content{flex:1;padding:20px;overflow:hidden}.welcome-header{margin-bottom:16px}.welcome-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.welcome-subtitle{font-size:12px;color:var(--text-muted)}.stats-row{display:flex;gap:10px;margin-bottom:16px}.stats-row.compact .stat-card{padding:12px 14px}.stat-card{flex:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:14px;transition:all .3s;opacity:0;transform:translateY(10px)}.stat-card.horizontal{display:flex;align-items:center;gap:12px}.stat-card.animate{opacity:1;transform:translateY(0)}.stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{stroke:currentColor}.stat-icon.blue{background:rgba(59,130,246,.15);color:#3b82f6}.stat-icon.yellow{background:rgba(234,179,8,.15);color:#eab308}.stat-icon.green{background:rgba(34,197,94,.15);color:#22c55e}.stat-icon.teal{background:rgba(20,184,166,.15);color:#14b8a6}.stat-icon.purple{background:rgba(139,92,246,.15);color:#8b5cf6}.stat-content{flex:1;min-width:0}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.1}.stat-label{font-size:10px;color:var(--text-muted);margin-top:2px}.quick-actions-row{display:flex;gap:10px;margin-bottom:16px}.quick-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s;opacity:0;transform:translateY(10px);background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);color:#8b5cf6}.quick-action-btn.animate{opacity:1;transform:translateY(0)}.quick-action-btn.primary{background:#14b8a6;border:none;color:white}.quick-action-btn.primary:hover{background:#0d9488}.quick-action-btn:nth-child(2){background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.2);color:#8b5cf6}.quick-action-btn:nth-child(3){background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.2);color:#f97316}.quick-action-btn:nth-child(4){background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2);color:#3b82f6}.quick-action-btn.dropdown-trigger{position:relative}.quick-action-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:200px;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,.4)}.quick-action-btn.dropdown-trigger:hover .quick-action-dropdown{opacity:1;visibility:visible}.dropdown-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.dropdown-option:hover{background:rgba(20,184,166,.1)}.dropdown-option svg{flex-shrink:0;margin-top:2px;stroke:var(--text-secondary)}.dropdown-option:hover svg{stroke:var(--accent-primary)}.dropdown-option-content{display:flex;flex-direction:column;gap:2px;text-align:left}.dropdown-option-title{font-size:12px;font-weight:600;color:var(--text-primary)}.dropdown-option-desc{font-size:10px;color:var(--text-muted);white-space:nowrap}[data-theme=light] .quick-action-dropdown{background:#ffffff;border-color:rgba(55,53,47,.12);box-shadow:0 8px 24px rgba(0,0,0,.12)}[data-theme=light] .dropdown-option:hover{background:rgba(13,148,136,.08)}[data-theme=light] .dropdown-option svg{stroke:#475569}[data-theme=light] .dropdown-option:hover svg{stroke:#0d9488}[data-theme=light] .dropdown-option-title{color:#0f172a}[data-theme=light] .dropdown-option-desc{color:#64748b}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.protocols-section{margin-bottom:0}.protocols-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.protocols-section .section-title{font-size:12px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.section-link{font-size:11px;color:var(--accent-primary);cursor:pointer}.protocols-list{display:flex;gap:8px}.protocols-list.vertical{flex-direction:column}.protocol-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:12px;cursor:pointer;transition:all .3s;opacity:0;transform:translateY(10px)}.protocol-card.detailed{display:flex;align-items:center;gap:12px}.protocol-card.animate{opacity:1;transform:translateY(0)}.protocol-card:hover{border-color:rgba(20,184,166,.3);background:rgba(20,184,166,.05)}.protocol-phase{width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;background:rgba(59,130,246,.15);color:#3b82f6}.protocol-phase.p2{background:rgba(139,92,246,.15);color:#8b5cf6}.protocol-phase.p1{background:rgba(20,184,166,.15);color:#14b8a6}.protocol-info{flex:1;min-width:0}.protocol-name{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.protocol-desc,.protocol-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.protocol-desc{font-size:10px;color:var(--text-secondary);margin-bottom:4px}.protocol-meta{display:flex;gap:10px;font-size:9px;color:var(--text-muted)}.protocol-badges{display:flex;gap:6px;flex-shrink:0}.badge-score{padding:3px 6px;border-radius:4px;font-size:9px;font-weight:600;background:rgba(234,179,8,.15);color:#eab308}.badge-score.good{background:rgba(34,197,94,.15);color:#22c55e}.badge-status{padding:3px 6px;border-radius:4px;font-size:9px;font-weight:600;background:rgba(100,116,139,.15);color:var(--text-muted)}.badge-status.review{background:rgba(59,130,246,.15);color:#3b82f6}.badge-status.approved{background:rgba(34,197,94,.15);color:#22c55e}.badge-status.draft{background:rgba(100,116,139,.15);color:var(--text-muted)}.protocol-arrow{color:var(--text-muted);flex-shrink:0}.dashboard-sidebar{display:flex;flex-direction:column;gap:12px}.activity-card,.compliance-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:14px}.card-header{justify-content:space-between;margin-bottom:12px}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:12px;font-weight:600;color:var(--text-primary);gap:6px}.scoring-btn{font-size:10px;padding:3px 8px;border-radius:5px;background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.2);color:#14b8a6;cursor:pointer}.compliance-overview{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px;margin-bottom:12px}.compliance-ring-container{position:relative;width:60px;height:60px;flex-shrink:0}.compliance-ring-svg{width:60px;height:60px}.compliance-ring-progress{transition:stroke-dashoffset 1.5s ease-out}.compliance-ring-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#22c55e}.compliance-summary{flex:1}.compliance-status{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.compliance-desc{font-size:10px;color:var(--text-muted);line-height:1.3}.compliance-breakdown{display:flex;flex-direction:column;gap:6px}.breakdown-item{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.breakdown-item .dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.breakdown-item .dot.green{background:#22c55e}.breakdown-item .dot.red{background:#ef4444}.breakdown-item .dot.yellow{background:#eab308}.breakdown-item .dot.blue{background:#3b82f6}.breakdown-item .count{margin-left:auto;font-weight:600;color:var(--text-primary)}.activity-list{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-color)}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-item:first-child{padding-top:0}.activity-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.purple{background:rgba(139,92,246,.15);color:#8b5cf6}.activity-content{flex:1;min-width:0}.activity-text{font-size:11px;color:var(--text-secondary);line-height:1.3}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-time{font-size:9px;color:var(--text-muted);margin-top:2px}.floating-cursor{position:absolute;width:20px;height:20px;pointer-events:none;z-index:100;opacity:0}.cursor-dot{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px rgba(20,184,166,.5)}.cursor-ring{position:absolute;top:-6px;left:-6px;width:20px;height:20px;border:2px solid rgba(20,184,166,.5);border-radius:50%;animation:cursorPulse 1s ease-in-out infinite}@keyframes cursorPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}}@media (max-width:1000px){.hero-title{font-size:42px}.sidebar{display:none}.stats-row{flex-wrap:wrap}.stat-card{min-width:calc(50% - 6px)}.quick-actions-row{flex-wrap:wrap}.quick-action-btn{min-width:calc(50% - 6px)}.dashboard-grid{grid-template-columns:1fr}.protocols-list.vertical{flex-direction:column}}[data-theme=light] .hero-section{background:#ffffff}[data-theme=light] .hero-bg-effects,[data-theme=light] .hero-particles{display:none}[data-theme=light] .browser-window{background:#ffffff;border:1px solid rgba(55,53,47,.09);box-shadow:none}[data-theme=light] .browser-header,[data-theme=light] .sidebar{background:#f7f7f5;border-color:rgba(55,53,47,.09)}[data-theme=light] .protocol-card,[data-theme=light] .stat-card{background:#ffffff;border-color:rgba(55,53,47,.09);box-shadow:none}[data-theme=light] .protocol-card:hover{background:rgba(55,53,47,.04);border-color:rgba(55,53,47,.12);box-shadow:none}[data-theme=light] .activity-card,[data-theme=light] .compliance-card{background:#ffffff;border-color:rgba(55,53,47,.09);box-shadow:none}[data-theme=light] .compliance-overview{background:#f7f7f5}[data-theme=light] .btn-primary,[data-theme=light] .btn-primary:hover,[data-theme=light] .quick-action-btn{box-shadow:none}[data-theme=light] .hero-title{text-shadow:none}[data-theme=light] .cursor-dot{box-shadow:none}.how-it-works-section{max-width:1200px;margin:0 auto}.how-header{text-align:center;margin-bottom:60px}.how-label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.3);border-radius:100px;font-size:13px;color:var(--accent-primary);margin-bottom:20px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.how-title{font-size:3.2rem;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;line-height:1.3;letter-spacing:-.02em}.how-subtitle{font-size:18px;color:var(--text-tertiary);max-width:600px;margin:0 auto;line-height:1.6}.steps-container{display:flex;gap:24px;position:relative}.steps-container:before{content:"";position:absolute;top:100px;left:15%;right:15%;height:2px;z-index:0}.step-card{flex:1;min-width:280px;background:linear-gradient(145deg,var(--bg-card) 0,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:40px 28px;position:relative;z-index:1;transition:all .4s ease;opacity:0;transform:translateY(30px)}.step-card.visible{opacity:1;transform:translateY(0)}.step-card:hover{border-color:rgba(20,184,166,.3);transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 40px rgba(20,184,166,.1)}.step-number{width:56px;height:56px;background:#14b8a6;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:24px;color:white}.step-title{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.step-description{font-size:15px;color:var(--text-tertiary);line-height:1.6;margin-bottom:24px}.step-visual{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px 20px;min-height:220px;justify-content:center}.input-form,.step-visual{display:flex;flex-direction:column}.input-form{gap:12px}.input-field{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.input-label{font-size:11px;color:var(--text-muted)}.input-value{font-size:13px;color:var(--text-secondary)}.input-value.teal{color:var(--accent-primary);font-weight:600}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.ai-processing{text-align:center}.ai-brain{width:80px;height:80px;margin:0 auto 16px;background:linear-gradient(135deg,rgba(20,184,166,.2),rgba(20,184,166,.05));border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;color:var(--accent-primary);font-size:2.5em}.ai-brain:before{content:"";position:absolute;inset:-8px;border:2px solid transparent;border-top:2px solid var(--accent-primary);border-radius:50%;animation:brainSpin 2s linear infinite}@keyframes brainSpin{to{transform:rotate(1turn)}}.ai-brain-icon{font-size:32px}.processing-steps{display:flex;flex-direction:column;gap:10px;text-align:left;margin-top:4px}.processing-step{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);opacity:0;animation:fadeInStep .5s forwards}.processing-step:first-child{animation-delay:.5s}.processing-step:nth-child(2){animation-delay:1s}.processing-step:nth-child(3){animation-delay:1.5s}.processing-step:nth-child(4){animation-delay:2s}@keyframes fadeInStep{to{opacity:1}}.processing-step.complete{color:var(--accent-primary)}.processing-check{color:#22c55e;font-weight:700}.review-doc{display:flex;flex-direction:column;gap:10px}.doc-line{display:flex;align-items:center;gap:10px}.doc-line-text{height:8px;background:var(--border-color);border-radius:4px}.doc-line-text.short{width:60%}.doc-line-text.medium{width:80%}.doc-line-text.long{width:95%}.doc-highlight{background:rgba(20,184,166,.3);position:relative}.doc-highlight:after{content:"AI Suggestion";position:absolute;top:-10px;transform:translateX(100%);display:flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(20,184,166,.15);border:1px solid rgba(20,184,166,.3);border-radius:6px;font-size:10px;color:var(--teal);white-space:nowrap;animation:hiwTipPop .4s ease .5s backwards;right:100px}.compliance-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:6px;font-size:11px;color:#22c55e;margin-top:12px;font-weight:600}.export-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.export-option{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .3s}.export-option:hover{border-color:rgba(20,184,166,.5);background:rgba(20,184,166,.1)}.export-icon{display:flex;align-items:center;justify-content:center;margin-bottom:6px;color:var(--accent-primary)}.export-label{font-size:12px;color:var(--text-tertiary);font-weight:500}.integrations{display:flex;justify-content:center;gap:12px;margin-top:16px}.integration-badge{padding:4px 10px;background:var(--bg-secondary);border-radius:4px;font-size:10px;color:var(--text-muted);font-weight:500}@media (max-width:900px){.steps-container{flex-direction:column}.steps-container:before{display:none}.how-title{font-size:2rem}.doc-highlight:after{display:none}}@media (max-width:768px){.how-title{font-size:1.75rem}.step-card{padding:24px}}[data-theme=light] .step-card{background:#ffffff;border-color:rgba(55,53,47,.09)}[data-theme=light] .step-card:hover{box-shadow:none;border-color:rgba(20,184,166,.3)}[data-theme=light] .how-title{background:none;-webkit-background-clip:unset;background-clip:unset;color:#37352f}[data-theme=light] .step-visual{background:#f7f7f5;border-color:rgba(55,53,47,.09)}[data-theme=light] .input-field{background:#ffffff;border-color:rgba(55,53,47,.09)}[data-theme=light] .ai-brain{background:rgba(20,184,166,.08)}[data-theme=light] .export-option{background:#ffffff;border-color:rgba(55,53,47,.09)}[data-theme=light] .export-option:hover{background:rgba(20,184,166,.05);border-color:rgba(20,184,166,.3)}[data-theme=light] .integration-badge{background:#f7f7f5}