@import url("https://fonts.googleapis.com/css2?family=Quicksand&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");@import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");@import url("https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap");@import url("https://fonts.googleapis.com/css2?family=Spectral&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");@import url(/actiontext.css);:root{--primary-orange: #ff6b35;--orange-light: #ff8c61;--orange-dark: #e55a2b;--text-dark: #1f2937;--text-light: #6b7280;--bg-light: #f9fafb;--border-light: #e5e7eb}.remarketing-page{overflow-x:hidden}.remarketing-hero{background:linear-gradient(135deg, #f9fafb 0%, #fff 100%);padding:8rem 0 4rem;position:relative;overflow:hidden}.remarketing-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%, rgba(255,107,53,0.03) 0%, transparent 50%);pointer-events:none}.remarketing-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,107,53,0.1);color:var(--primary-orange);padding:0.5rem 1rem;border-radius:50px;font-size:0.875rem;font-weight:600;margin-bottom:2rem}.remarketing-badge .badge-icon{width:8px;height:8px;background:var(--primary-orange);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.remarketing-hero h1{font-size:3.5rem;font-weight:700;color:var(--text-dark);line-height:1.1;margin-bottom:1.5rem}.remarketing-hero .highlight{background:linear-gradient(135deg, var(--primary-orange), var(--orange-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.remarketing-hero .hero-subtitle{font-size:1.25rem;color:var(--text-light);line-height:1.6;margin-bottom:2.5rem;max-width:600px}.remarketing-hero .hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.remarketing-page .btn{padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center}.remarketing-page .btn-primary{background:linear-gradient(135deg, var(--primary-orange), var(--orange-light));color:white;box-shadow:0 4px 15px rgba(255,107,53,0.3)}.remarketing-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,53,0.4);color:white}.remarketing-page .btn-outline{background:transparent;color:var(--text-dark);border:2px solid var(--border-light)}.remarketing-page .btn-outline:hover{border-color:var(--primary-orange);color:var(--primary-orange);transform:translateY(-2px)}.hero-remarketing-mockup{position:absolute;right:-10%;top:50%;transform:translateY(-50%);width:50%;max-width:600px}.remarketing-dashboard{background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.2)}.remarketing-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.remarketing-dashboard .dashboard-header h3{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0}.live-indicator{display:flex;align-items:center;gap:0.5rem;color:#10b981;font-size:0.875rem;font-weight:500}.live-indicator::before{content:'';width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.remarketing-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,107,53,0.05);border-radius:12px}.stat-icon{width:40px;height:40px;background:linear-gradient(135deg, var(--primary-orange), var(--orange-light));border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem}.stat-number{font-size:1.5rem;font-weight:700;color:var(--text-dark);line-height:1}.stat-label{font-size:0.875rem;color:var(--text-light)}.recent-opportunities h4{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.opportunity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,0.8);border-radius:12px;margin-bottom:0.75rem}.opportunity-avatar{width:40px;height:40px;background:var(--primary-orange);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.875rem}.opportunity-info{flex:1}.opportunity-title{font-weight:600;color:var(--text-dark);margin-bottom:0.25rem;font-size:0.875rem}.opportunity-type{font-size:0.75rem;color:var(--text-light)}.opportunity-status{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:500}.opportunity-status.success{background:rgba(16,185,129,0.1);color:#10b981}.opportunity-status.pending{background:rgba(245,158,11,0.1);color:#f59e0b}.remarketing-referrals,.remarketing-marketing{padding:6rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.section-header p{font-size:1.125rem;color:var(--text-light);max-width:600px;margin:0 auto}.referral-features,.marketing-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem}.referral-card,.marketing-card{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid var(--border-light);transition:all 0.3s ease}.referral-card:hover,.marketing-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.feature-icon,.marketing-icon{width:60px;height:60px;background:linear-gradient(135deg, var(--primary-orange), var(--orange-light));border-radius:16px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;margin-bottom:1.5rem}.referral-card h3,.marketing-card h3{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.referral-card p,.marketing-card p{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.feature-tags{display:flex;gap:0.5rem;flex-wrap:wrap}.feature-tags .tag{background:rgba(255,107,53,0.1);color:var(--primary-orange);padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:500}.marketing-features{list-style:none;padding:0;margin:0}.marketing-features li{color:var(--text-light);margin-bottom:0.5rem;padding-left:1.5rem;position:relative}.marketing-features li::before{content:'✓';position:absolute;left:0;color:var(--primary-orange);font-weight:600}.remarketing-upselling,.remarketing-integration{padding:6rem 0;background:var(--bg-light)}.upselling-content,.integration-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.content-text h2,.integration-text h2{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1.5rem}.content-text p,.integration-text p{font-size:1.125rem;color:var(--text-light);line-height:1.6;margin-bottom:2rem}.feature-list,.integration-benefits{list-style:none;padding:0;margin:0}.feature-list li,.integration-benefits li{color:var(--text-light);margin-bottom:1rem;padding-left:2rem;position:relative;line-height:1.6}.feature-list li::before,.integration-benefits li::before{content:'';position:absolute;left:0;top:0.5rem;width:6px;height:6px;background:var(--primary-orange);border-radius:50%}.upselling-mockup,.integration-dashboard{background:white;border-radius:16px;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,0.1)}.upselling-dashboard h3,.integration-dashboard h3{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:1.5rem}.opportunity-card{background:var(--bg-light);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.opportunity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.customer-info{display:flex;align-items:center;gap:1rem}.customer-avatar{width:40px;height:40px;background:var(--primary-orange);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.875rem}.customer-name{font-weight:600;color:var(--text-dark);margin-bottom:0.25rem}.customer-system{font-size:0.875rem;color:var(--text-light)}.opportunity-value{font-size:1.25rem;font-weight:700;color:var(--primary-orange)}.opportunity-details h4{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:0.5rem}.opportunity-details p{color:var(--text-light);font-size:0.875rem;margin-bottom:1rem}.opportunity-actions{display:flex;gap:0.5rem;margin-top:1rem}.btn-opportunity{padding:0.5rem 1rem;border-radius:8px;font-size:0.875rem;font-weight:500;border:none;cursor:pointer;transition:all 0.3s ease}.btn-opportunity.primary{background:var(--primary-orange);color:white}.btn-opportunity.primary:hover{background:var(--orange-dark);transform:translateY(-1px)}.btn-opportunity.secondary{background:transparent;color:var(--text-light);border:1px solid var(--border-light)}.btn-opportunity.secondary:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.automation-status{display:flex;align-items:center;gap:0.5rem;color:var(--text-light);font-size:0.875rem}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.active{background:#10b981;animation:pulse 2s infinite}.automation-workflows{margin-top:1.5rem}.workflow-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-light);border-radius:12px;margin-bottom:1rem}.workflow-trigger,.workflow-action{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:8px;font-size:0.875rem;color:var(--text-dark)}.workflow-trigger i,.workflow-action i{color:var(--primary-orange)}.workflow-arrow{color:var(--text-light);font-weight:600}.workflow-stats{margin-left:auto}.conversion-rate{background:rgba(16,185,129,0.1);color:#10b981;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:500}.remarketing-cta{background:linear-gradient(135deg, var(--text-dark) 0%, #374151 100%);padding:6rem 0;position:relative;overflow:hidden}.cta-floating-orb{position:absolute;width:200px;height:200px;background:radial-gradient(circle, rgba(255,107,53,0.1) 0%, transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.cta-floating-orb:nth-child(1){top:10%;left:10%;animation-delay:0s}.cta-floating-orb:nth-child(2){top:60%;right:10%;animation-delay:2s}.cta-floating-orb:nth-child(3){bottom:10%;left:50%;animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}.cta-content{text-align:center;position:relative;z-index:2}.cta-content h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1rem}.cta-content p{font-size:1.125rem;color:#d1d5db;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.remarketing-page .btn-secondary{background:transparent;color:white;border:2px solid rgba(255,255,255,0.3)}.remarketing-page .btn-secondary:hover{border-color:var(--primary-orange);background:var(--primary-orange);color:white;transform:translateY(-2px)}@media (max-width: 768px){.remarketing-hero{padding:6rem 0 2rem;text-align:center}.remarketing-hero h1{font-size:2.5rem}.hero-remarketing-mockup{position:static;width:100%;margin-top:3rem;transform:none}.upselling-content,.integration-content{grid-template-columns:1fr;gap:2rem}.remarketing-stats{grid-template-columns:1fr}.section-header h2,.content-text h2,.integration-text h2,.cta-content h2{font-size:2rem}.workflow-item{flex-direction:column;gap:0.5rem;text-align:center}.workflow-arrow{transform:rotate(90deg)}}.trix-content{line-height:1.5;overflow-wrap:break-word;word-break:break-word;margin-top:5px;padding-top:5px;padding-left:5px;padding-bottom:5px;margin-bottom:5px}.trix-content *{box-sizing:border-box;margin:0;padding:0}.trix-content h1{font-size:1.6em;line-height:1.3}.trix-content blockquote{border:0 solid #ccc;border-left-width:0.3em;margin-left:0.3em;padding-left:0.6em}.trix-content [dir=rtl] blockquote,.trix-content blockquote[dir=rtl]{border-width:0;border-right-width:0.3em;margin-right:0.3em;padding-right:0.6em}.trix-content li{margin-left:1em}.trix-content [dir=rtl] li{margin-right:1em}.trix-content pre{display:inline-block;width:100%;vertical-align:top;font-family:monospace;font-size:0.9em;padding:0.5em;white-space:pre;background-color:#eee;overflow-x:auto}.trix-content img{max-width:100%;height:auto}.trix-content .attachment{display:inline-block;position:relative;max-width:100%}.trix-content .attachment a{color:inherit;text-decoration:none}.trix-content .attachment a:hover,.trix-content .attachment a:visited:hover{color:inherit}.trix-content .attachment--preview{width:100%;text-align:center}.trix-content .attachment--preview .attachment__caption{color:#666;font-size:0.9em;line-height:1.2}.trix-content .attachment--file{color:#333;line-height:1;margin:0 2px 2px 2px;padding:0.4em 1em;border:1px solid #bbb;border-radius:5px}.trix-content .attachment-gallery{display:flex;flex-wrap:wrap;position:relative}.trix-content .attachment-gallery .attachment{flex:1 0 33%;padding:0 0.5em;max-width:33%}.trix-content .attachment-gallery.attachment-gallery--2 .attachment,.trix-content .attachment-gallery.attachment-gallery--4 .attachment{flex-basis:50%;max-width:50%}.trix-input--dialog,.attachment__caption-editor{background-color:#f7f7f7;padding:10px;width:100%;border-radius:5px;margin:10px 0}.trix-dialog--link{box-shadow:none !important}.trix-button-group{margin-top:10px}.trix-button,.trix-button--dialog{border-radius:5px;border-style:solid !important;border-width:1px !important;cursor:pointer;min-width:30px}.attachment__name{font-size:14px;font-weight:600;color:#333}.attachment__size{font-size:12px;color:#666}.trix-button--icon-bold{font-size:0}.trix-button--icon-bold::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f032";color:#000000;font-size:16px}.trix-button--icon-italic{font-size:0}.trix-button--icon-italic::before{font-family:"Font Awesome 5 Pro";font-weight:600;content:"\f033";color:#000000;font-size:16px}.trix-button--icon-strike{font-size:0}.trix-button--icon-strike::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f0cc";color:#000000;font-size:16px}.trix-button--icon-link{font-size:0}.trix-button--icon-link::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f0c1";color:#000000;font-size:16px}.trix-button--icon-heading-1{font-size:0}.trix-button--icon-heading-1::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f1dc";color:#000000;font-size:16px}.trix-button--icon-quote{font-size:0}.trix-button--icon-quote::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f10d";color:#000000;font-size:16px}.trix-button--icon-code{font-size:0}.trix-button--icon-code::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f121";color:#000000;font-size:16px}.trix-button--icon-bullet-list{font-size:0}.trix-button--icon-bullet-list::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f0ca";color:#000000;font-size:16px}.trix-button--icon-number-list{font-size:0}.trix-button--icon-number-list::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f0cb";color:#000000;font-size:16px}.trix-button--icon-decrease-nesting-level{font-size:0}.trix-button--icon-decrease-nesting-level::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f03b";color:#000000;font-size:16px}.trix-button--icon-increase-nesting-level{font-size:0}.trix-button--icon-increase-nesting-level::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f03c";color:#000000;font-size:16px}.trix-button--icon-attach{font-size:0}.trix-button--icon-attach::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f0c6";color:#000000;font-size:16px}.trix-button--icon-undo{font-size:0}.trix-button--icon-undo::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f0e2";color:#000000;font-size:16px}.trix-button--icon-redo{font-size:0}.trix-button--icon-redo::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f01e";color:#000000;font-size:16px}trix-editor [data-trix-mutable]:not(.attachment__caption-editor){-webkit-user-select:none;-moz-user-select:none;user-select:none}trix-editor [data-trix-mutable] ::-moz-selection,trix-editor [data-trix-mutable]::-moz-selection,trix-editor [data-trix-cursor-target]::-moz-selection{background:none}trix-editor [data-trix-mutable] ::-moz-selection,trix-editor [data-trix-mutable]::-moz-selection,trix-editor [data-trix-cursor-target]::-moz-selection{background:none}trix-editor [data-trix-mutable] ::selection,trix-editor [data-trix-mutable]::selection,trix-editor [data-trix-cursor-target]::selection{background:none}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection{background:highlight}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection{background:highlight}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::selection{background:highlight}trix-editor .attachment.attachment--file[data-trix-mutable]{box-shadow:0 0 0 2px highlight;border-color:transparent}trix-editor .attachment[data-trix-mutable] img{box-shadow:0 0 0 2px highlight}trix-editor .attachment{position:relative}trix-editor .attachment:hover{cursor:default}trix-editor .attachment--preview .attachment__caption:hover{cursor:text}trix-editor .attachment__progress{position:absolute;z-index:1;height:20px;top:calc(50% - 10px);left:5%;width:90%;opacity:0.9;transition:opacity 200ms ease-in}trix-editor .attachment__progress[value="100"]{opacity:0}trix-editor .attachment__caption-editor{display:inline-block;width:100%;margin:0;padding:0;font-size:inherit;font-family:inherit;line-height:inherit;color:inherit;text-align:center;vertical-align:top;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-editor .attachment__toolbar{position:absolute;z-index:1;top:-0.9em;left:0;width:100%;text-align:center}trix-editor .trix-button-group{display:inline-flex}trix-editor .trix-button{position:relative;float:left;color:#666;white-space:nowrap;font-size:80%;padding:0 0.8em;margin:0;outline:none;border:none;border-radius:0;background:transparent}trix-editor .trix-button:not(:first-child){border-left:1px solid #ccc}trix-editor .trix-button.trix-active{background:#cbeefa}trix-editor .trix-button:not(:disabled){cursor:pointer}trix-editor .trix-button--remove{text-indent:-9999px;display:inline-block;padding:0;outline:none;width:1em;height:1em;line-height:1.8em;border-radius:50%;background-color:#fff;border:1px solid highlight;box-shadow:1px 1px 6px rgba(0,0,0,0.25)}trix-editor .trix-button--remove::before{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.7;content:"";background-position:center;background-repeat:no-repeat;background-size:90%}trix-editor .trix-button--remove:hover{border-color:#fff}trix-editor .trix-button--remove:hover::before{opacity:1}trix-editor .attachment__metadata-container{position:relative}trix-editor .attachment__metadata{position:absolute;left:50%;top:2em;transform:translate(-50%, 0);max-width:90%;padding:0.1em 0.6em;font-size:0.8em;color:#fff;background-color:rgba(0,0,0,0.7);border-radius:3px}trix-editor .attachment__metadata .attachment__name{display:inline-block;max-width:100%;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}trix-editor .attachment__metadata .attachment__size{margin-left:0.2em;white-space:nowrap}trix-toolbar{position:sticky;top:70px;z-index:10}trix-toolbar *{box-sizing:border-box;position:-webkit-sticky}trix-toolbar .trix-button-row{display:flex;flex-wrap:wrap;justify-content:space-between;overflow-x:auto}trix-toolbar .trix-button-group{display:flex;gap:3px;margin-bottom:10px}trix-toolbar .trix-button-group:not(:first-child){margin-left:1.5vw}@media (max-width: 768px){trix-toolbar .trix-button-group:not(:first-child){margin-left:0}}trix-toolbar .trix-button-group-spacer{flex-grow:1}@media (max-width: 768px){trix-toolbar .trix-button-group-spacer{display:none}}trix-toolbar .trix-button{position:relative}trix-toolbar .trix-button:not(:first-child){border-left:1px solid #ccc}trix-toolbar .trix-button.trix-active{background:#cbeefa;color:black}trix-toolbar .trix-button:not(:disabled){cursor:pointer}trix-toolbar .trix-button:disabled{color:rgba(0,0,0,0.125)}@media (max-width: 768px){trix-toolbar .trix-button{letter-spacing:-0.01em;padding:0 0.3em}}trix-toolbar .trix-button.trix-active::before{opacity:1}trix-toolbar .trix-button:disabled::before{opacity:0.125}trix-toolbar .trix-button--icon-ai-suggest svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;vertical-align:middle}trix-toolbar .trix-dialogs{position:relative}trix-toolbar .trix-dialog{position:absolute;top:0;left:0;right:0;font-size:0.75em;padding:15px 10px;background:#fff;box-shadow:0 0.3em 1em #ccc;border-top:2px solid #888;border-radius:5px;z-index:5}trix-toolbar .trix-input--dialog{font-size:inherit;font-weight:normal;padding:0.5em 0.8em;margin:0 10px 0 0;border-radius:3px;border:1px solid #bbb;background-color:#fff;box-shadow:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-toolbar .trix-input--dialog.validate:invalid{box-shadow:#F00 0px 0px 1.5px 1px}trix-toolbar .trix-button--dialog{font-size:inherit;padding:0.5em;border-bottom:none}trix-toolbar .trix-dialog--link{max-width:600px}trix-toolbar .trix-dialog__link-fields{display:flex;align-items:baseline}trix-toolbar .trix-dialog__link-fields .trix-input{flex:1}trix-toolbar .trix-dialog__link-fields .trix-button-group{flex:0 0 content;margin:0}trix-editor [data-trix-mutable]:not(.attachment__caption-editor){-webkit-user-select:none;-moz-user-select:none;user-select:none}trix-editor [data-trix-mutable]::-moz-selection,trix-editor [data-trix-cursor-target]::-moz-selection,trix-editor [data-trix-mutable] ::-moz-selection{background:none}trix-editor [data-trix-mutable]::-moz-selection,trix-editor [data-trix-cursor-target]::-moz-selection,trix-editor [data-trix-mutable] ::-moz-selection{background:none}trix-editor [data-trix-mutable]::selection,trix-editor [data-trix-cursor-target]::selection,trix-editor [data-trix-mutable] ::selection{background:none}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection{background:highlight}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection{background:highlight}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::selection{background:highlight}trix-editor .attachment.attachment--file[data-trix-mutable]{box-shadow:0 0 0 2px highlight;border-color:transparent}trix-editor .attachment[data-trix-mutable] img{box-shadow:0 0 0 2px highlight}trix-editor .attachment{position:relative}trix-editor .attachment:hover{cursor:default}trix-editor .attachment--preview .attachment__caption:hover{cursor:text}trix-editor .attachment__progress{position:absolute;z-index:1;height:20px;top:calc(50% - 10px);left:5%;width:90%;opacity:0.9;transition:opacity 200ms ease-in}trix-editor .attachment__progress[value="100"]{opacity:0}trix-editor .attachment__caption-editor{display:inline-block;width:100%;margin:0;padding:0;font-size:inherit;font-family:inherit;line-height:inherit;color:inherit;text-align:center;vertical-align:top;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-editor .attachment__toolbar{position:absolute;z-index:1;top:-0.9em;left:0;width:100%;text-align:center}trix-editor .trix-button-group{display:inline-flex}trix-editor .trix-button{position:relative;float:left;color:#666;white-space:nowrap;font-size:80%;padding:0 0.8em;margin:0;outline:none;border:none;border-radius:0;background:transparent}trix-editor .trix-button:not(:first-child){border-left:1px solid #ccc}trix-editor .trix-button.trix-active{background:#cbeefa}trix-editor .trix-button:not(:disabled){cursor:pointer}trix-editor .trix-button--remove{text-indent:-9999px;display:inline-block;padding:10px;outline:none;width:1.8em;height:1.8em;line-height:1.2em;border-radius:10%;background-color:#fff !important;border:1px solid highlight;box-shadow:1px 1px 6px rgba(0,0,0,0.25)}trix-editor .trix-button--remove::before{display:inline-block;position:absolute;top:5px;right:5px;bottom:5px;left:5px;opacity:0.7;content:"";background-image:url(/assets/fa/remove-52751c615aafb11f9fbcccf0524f0a366f0448fb01014d13f8743406b2f21c51.svg);background-position:center;background-repeat:no-repeat;background-size:80%}trix-editor .trix-button--remove:hover{border-color:#f9f9f9}trix-editor .trix-button--remove:hover::before{opacity:1}trix-editor .attachment__metadata-container{position:relative}trix-editor .attachment__metadata{position:absolute;left:50%;top:2em;transform:translate(-50%, 0);max-width:90%;padding:0.1em 0.6em;font-size:0.8em;color:#fff;background-color:rgba(0,0,0,0.7);border-radius:3px}trix-editor .attachment__metadata .attachment__name{display:inline-block;max-width:100%;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}trix-editor .attachment__metadata .attachment__size{margin-left:0.2em;white-space:nowrap}.trix-content{line-height:1.5;overflow-wrap:break-word;word-break:break-word}.trix-content *{box-sizing:border-box;margin:0;padding:0}.trix-content h1{font-size:1.2em;line-height:1.2}.trix-content blockquote{border:0 solid #ccc;border-left-width:0.3em;margin-left:0.3em;padding-left:0.6em}.trix-content [dir=rtl] blockquote,.trix-content blockquote[dir=rtl]{border-width:0;border-right-width:0.3em;margin-right:0.3em;padding-right:0.6em}.trix-content li{margin-left:1em}.trix-content [dir=rtl] li{margin-right:1em}.trix-content pre{display:inline-block;width:100%;vertical-align:top;font-family:monospace;font-size:0.9em;padding:0.5em;white-space:pre;background-color:#eee;overflow-x:auto}.trix-content img{max-width:100%;height:auto}.trix-content .attachment{display:inline-block;position:relative;max-width:100%}.trix-content .attachment a{color:inherit;text-decoration:none}.trix-content .attachment a:hover,.trix-content .attachment a:visited:hover{color:inherit}.trix-content .attachment__caption{text-align:center}.trix-content .attachment__caption .attachment__name+.attachment__size::before{content:' \2022 '}.trix-content .attachment--preview{width:100%;text-align:center}.trix-content .attachment--preview .attachment__caption{color:#666;font-size:0.9em;line-height:1.2}.trix-content .attachment--file{color:#333;line-height:1;margin:0 2px 2px 2px;padding:0.4em 1em;border:1px solid #bbb;border-radius:5px}.trix-content .attachment-gallery{display:flex;flex-wrap:wrap;position:relative}.trix-content .attachment-gallery .attachment{flex:1 0 33%;padding:0 0.5em;max-width:33%}.trix-content .attachment-gallery.attachment-gallery--2 .attachment,.trix-content .attachment-gallery.attachment-gallery--4 .attachment{flex-basis:50%;max-width:50%}.button-13{background:transparent;box-sizing:border-box;color:#0f1111;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;font-size:13px;line-height:29px;padding:0 10px 0 11px;position:relative;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;transition:all 0.2s ease;border:none}.button-13:active{transform:scale(0.98)}.button-13:disabled{background-color:#f5f5f5;border-color:#cccccc;color:#888888;cursor:not-allowed;transform:none}.button-group-13{display:inline-flex;border-radius:8px;overflow:hidden}.button-group-13 .button-13{border-radius:0;margin:0}.button-group-13 .button-13:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:0 !important;border-top-right-radius:0 !important}.button-group-13 .button-13:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:none;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.powerlily-button{background-color:#000;font-family:Quicksand;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease}.powerlily-button:hover{background-color:#333;color:#fff}.powerlily-button:active{background-color:#000;color:#fff}.powerlily-button:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.powerlily-button-outline{background-color:#fff;font-family:Quicksand;color:#000;border:1px solid #000;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease}.powerlily-button-outline:hover{background-color:#e2e2e2;color:#1a1111}.powerlily-button-outline:active{background-color:#000;color:#fff}.powerlily-navigation-button{background-color:#FFE985;color:#4e4e4e;border:none;padding:10px 20px;border-radius:5px;font-family:Quicksand;font-size:17px;line-height:29px;position:relative;text-align:center;transition:background-color 0.3s ease}.powerlily-navigation-button:hover{background-color:#000000;color:#fcfcfc}.menu-button{background-color:transparent;color:#6c757d;border:none;padding:10px 20px;border-radius:5px;width:100%;text-align:left;transition:all 0.2s ease;margin-bottom:0.5rem}.menu-button:hover{background-color:rgba(0,0,0,0.05);color:#000}.menu-button.active{background-color:#000;color:#fff}.hoverable-container{position:relative}.hoverable-container .hover-action-button{position:absolute;background:rgba(255,255,255,0.9);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity 0.2s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.hoverable-container .hover-action-button.top-right{top:10px;right:20px}.hoverable-container .hover-action-button.top-left{top:10px;left:20px}.hoverable-container .hover-action-button.bottom-right{bottom:10px;right:20px}.hoverable-container .hover-action-button.bottom-left{bottom:10px;left:20px}.hoverable-container .hover-action-button.delete i{color:#dc3545}.hoverable-container .hover-action-button.edit i{color:#0d6efd}.hoverable-container .hover-action-button.add i{color:#198754}.hoverable-container:hover .hover-action-button{opacity:1}.hoverable-container .hover-action-button:hover{background:white;transform:scale(1.05)}.skeleton{background-color:#eee;border-radius:4px;background-image:linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);background-size:200% 100%;background-position:100% 0;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:100% 0}100%{background-position:-100% 0}}.skeleton-bar{background-color:#ddd;border-radius:4px;background-image:linear-gradient(90deg, #ddd 25%, #e1e1e1 50%, #ddd 75%);background-size:200% 100%;background-position:100% 0;animation:skeleton-bar-loading 1.5s infinite}@keyframes skeleton-bar-loading{0%{background-position:100% 0}100%{background-position:-100% 0}}.custom-upload-box{width:500px;height:500px;border:3px dashed #e0e0e0;border-radius:12px;display:none;background:#fafafa;margin-bottom:20px;position:relative;transition:all 0.3s ease}.custom-upload-box:hover{border-color:#0d6efd;background:#f8f9fa}.custom-upload-box::before{content:'📸 Select or Drop Image';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.2em;color:#6c757d;pointer-events:none;z-index:1}.custom-upload-box input[type="file"]{width:100%;height:100%;opacity:0;cursor:pointer}.image-preview-container{position:relative;width:500px;height:500px;display:none}.revert-button{position:absolute;top:10px;right:10px;padding:8px 12px;background:rgba(255,255,255,0.9);border:1px solid #dee2e6;border-radius:6px;cursor:pointer;z-index:10;transition:all 0.2s ease}.revert-button:hover{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.layoutcontainer{display:flex;max-width:100%;margin:auto;min-height:100vh}.layoutsidebar{width:auto;min-width:60px;padding:8px;display:flex;justify-content:center}.layoutcontent{flex:1;height:100%;min-width:0}.layoutcontent-full{width:100%}@media screen and (max-width: 576px){.layoutsidebar{display:none}.layoutcontent{width:100%}}@media screen and (max-width: 600px){#lottie{display:none}}.img-interaction{transition:opacity 0.3s ease}.img-interaction:hover{opacity:0.8}:root{--sidebar-width: 5vw}#canvas-container{position:relative;top:0;left:0;width:100%;height:100%;z-index:0}canvas{display:block;cursor:default}canvas.drawing{cursor:crosshair}canvas.can-close{cursor:pointer}.pen-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white" stroke="black" stroke-width="1"><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"/></svg>') 2 22,text}.tree-cursor{cursor:url('data:image/svg+xml;utf8,    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"         fill="white" stroke="black" stroke-width="1" stroke-linejoin="round">    <!-- top tier -->    <path d="M12 2 L6 10 H18 Z"/>    <!-- middle tier -->    <path d="M12 9 L5 17 H19 Z"/>    <!-- bottom tier -->    <path d="M12 16 L8 21 H16 Z"/>    <!-- trunk -->    <line x1="12" y1="21" x2="12" y2="24"/>    </svg>') 12 22,text}.annotation-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"                 fill="white" stroke="black" stroke-width="1" stroke-linejoin="round">            <!-- Larger comment bubble -->            <path d="M28 20a3 3 0 0 1-3 3H10l-6 6V7a3 3 0 0 1 3-3h18a3 3 0 0 1 3 3z"/>            <!-- Larger circle inside bubble -->            <circle cx="16" cy="14" r="4" fill="none" stroke="black" stroke-width="1"/>            </svg>') 16 28,text}.annotation-square-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"                 fill="white" stroke="black" stroke-width="1" stroke-linejoin="round">            <!-- Larger comment bubble -->            <path d="M28 20a3 3 0 0 1-3 3H10l-6 6V7a3 3 0 0 1 3-3h18a3 3 0 0 1 3 3z"/>            <!-- Larger square inside bubble -->            <rect x="12" y="10" width="8" height="8" fill="none" stroke="black" stroke-width="1"/>            </svg>') 16 28,text}.annotation-triangle-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"                 fill="white" stroke="black" stroke-width="1" stroke-linejoin="round">            <!-- Larger comment bubble -->            <path d="M28 20a3 3 0 0 1-3 3H10l-6 6V7a3 3 0 0 1 3-3h18a3 3 0 0 1 3 3z"/>            <!-- Larger triangle inside bubble -->            <path d="M16 10 L12 18 L20 18 Z" fill="none" stroke="black" stroke-width="1"/>            </svg>') 16 28,text}.dormer-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">            <!-- White background circle -->            <circle cx="12" cy="12" r="11" fill="white" stroke="black" stroke-width="1"/>            <!-- Letter D -->            <text x="12" y="16" font-family="Arial" font-size="12" font-weight="bold" text-anchor="middle" fill="black">D</text>            </svg>') 12 12,crosshair}.aframe-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">            <!-- White background circle -->            <circle cx="12" cy="12" r="11" fill="white" stroke="black" stroke-width="1"/>            <!-- Letter A -->            <text x="12" y="16" font-family="Arial" font-size="12" font-weight="bold" text-anchor="middle" fill="black">A</text>            </svg>') 12 12,crosshair}.hiproof-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">            <!-- White background circle -->            <circle cx="12" cy="12" r="11" fill="white" stroke="black" stroke-width="1"/>            <!-- Letter H -->            <text x="12" y="16" font-family="Arial" font-size="12" font-weight="bold" text-anchor="middle" fill="black">H</text>            </svg>') 12 12,crosshair}#toolbar{position:absolute;top:0;left:var(--sidebar-width);right:0;padding:10px;display:flex;gap:10px;align-items:center;z-index:900;justify-content:space-between}.toolbar-left{display:flex;gap:10px;align-items:center}.toolbar-right{display:flex;gap:10px;align-items:center}.button{background:#1a1a1a;border:none;color:white;font-family:'Quicksand', sans-serif;padding:2px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.button:hover{background:#3a3a3a}.button.active{background:#e53e3e !important;color:white}#selection-info{color:white;opacity:0;transition:opacity 0.3s;padding:10px;max-height:300px;overflow-y:auto;background:rgba(0,0,0,0.9);border-radius:4px;left:calc(var(--sidebar-width) + 15px);pointer-events:none;width:300px}.selection-info-toolbar{margin-left:auto;width:300px}.selection-info-overlay{position:absolute;top:170px;width:auto;background:rgba(0,0,0,0.7);color:white;padding:8px 10px;border-radius:4px;z-index:1000}.offcanvas{position:fixed;top:0;padding:10px;right:-350px;width:400px;border-radius:5px 0 0 5px;height:100%;color:white;transition:right 0.3s ease;z-index:1000;box-shadow:-2px 0 5px rgba(0,0,0,0.3);overflow-y:auto;overflow-x:hidden}.offcanvas.show{right:0}.offcanvas-header{padding:1rem;border-bottom:1px solid #404040;display:flex;margin-bottom:1rem;justify-content:space-between;align-items:center}.offcanvas-body{padding:1rem}.control-group{margin-bottom:1.5rem}.control-group label{display:block;margin-bottom:0.5rem}.pitch-slider{max-width:120px}.pitch-fraction{display:flex;align-items:center;border-radius:4px;border:solid 1px #ccc;padding:2px 4px;min-width:100px}.pitch-fraction input{width:50px;border:none;text-align:left;background-color:transparent}.pitch-fraction span{margin-left:2px}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}.delete-button{background:#dc2626;width:80%;border-radius:10px;color:white;margin-top:2rem}.delete-button:hover{background:#b91c1c}#shadow-controls{position:absolute;bottom:10px;left:calc(var(--sidebar-width) + 15px);display:flex;flex-direction:column;gap:10px;background:rgba(0,0,0,0.9);padding:15px;border-radius:8px;z-index:900}#shadow-info{color:white;background:rgba(0,0,0,0.7);padding:10px;border-radius:4px;margin-top:10px;display:none}.controls{position:absolute;top:10px;left:calc(var(--sidebar-width) + 10px);display:flex;gap:10px;z-index:900}.shadow-controls{position:absolute;bottom:10px;left:calc(var(--sidebar-width) + 10px);display:flex;gap:10px;z-index:900}.button-group{display:flex;gap:0.5rem;margin:1rem 0}.button-group .button{flex:1}.info-panel{padding:0.25rem;border-radius:4px;margin:0.25rem;font-size:0.9rem}.section-title{font-size:1.2rem;color:#4ade80;margin:1.5rem 0 1rem;padding-bottom:0.5rem;border-bottom:1px solid #404040}.section-content{padding:0.1rem 0}.action-buttons{margin-top:5px;display:flex;flex-direction:column;gap:10px}.action-buttons button{width:100%}.solar-panel-controls{margin-top:20px;padding-top:20px;border-top:1px solid #555}.solar-panel-controls h3{margin-top:0;margin-bottom:15px}.solar-panel-buttons{display:flex;flex-direction:column;gap:10px}.solar-panel-buttons button{width:100%}.solar-panel-active{background-color:#2196F3}.solar-panel-active:hover{background-color:#1976D2}.obstruction-active{background-color:#2196F3}.obstruction-active:hover{background-color:#1976D2}.panel-config-grid{display:flex;gap:10px}.panel-config-item{flex:1}.panel-button{width:100%}.panel-delete{background:#dc2626}.panel-delete:hover{background:#b91c1c}.info-section{padding:10px;border-radius:4px}.info-section h4{margin-top:0;margin-bottom:10px;font-size:16px}.info-section p{margin:5px 0;font-size:14px}.dimensions-list{margin:0;padding-left:20px;font-size:14px}.dimensions-list li{margin-bottom:5px}.mode-toggle-buttons{display:flex;gap:10px}.mode-toggle-buttons .button{flex:1;justify-content:center;padding:10px}.mode-button{background:#444444;transition:background-color 0.3s, color 0.3s}.mode-button.active{background:#f47424 !important;color:#fcfcfc}#edit-polygon-section .delete-button{margin-top:5px;width:100%}#solar-production-info h4{margin-top:0;margin-bottom:10px;font-size:16px}.losses-info{margin-top:10px;padding:10px;border:solid 1px #dddddd;border-radius:4px;height:125px;overflow-y:auto}.loss-item{padding-left:10px}#save-design-button{background:#335eea;color:white;font-family:'Quicksand', sans-serif}#save-design-button:hover{background:#f47424}.compass{position:absolute;top:50px;left:10px;width:80px;height:80px;border-radius:50%;background-color:rgba(0,0,0,0.8);border:2px solid rgba(255,255,255,0.8);box-shadow:0 4px 8px rgba(0,0,0,0.3);z-index:1000;overflow:hidden;cursor:pointer;transition:all 0.3s ease}.compass-hover{box-shadow:0 6px 12px rgba(0,0,0,0.4);transform:scale(1.05)}.compass-hidden{opacity:0.4;transform:scale(0.9)}.compass-labels{position:absolute;width:100%;height:100%;pointer-events:none}.compass-label{position:absolute;color:rgba(255,255,255,0.9);font-weight:600;font-size:14px;font-family:Arial, sans-serif;text-shadow:0px 1px 2px rgba(0,0,0,0.5)}.compass-north{top:5px;left:50%;color:#f47424;transform:translateX(-50%)}.compass-east{top:50%;right:5px;transform:translateY(-50%)}.compass-south{bottom:5px;left:50%;transform:translateX(-50%)}.compass-west{top:50%;left:5px;transform:translateY(-50%)}.compass-needle{position:absolute;top:50%;left:50%;width:2px;height:60%;background-color:#ff4d4d;transform-origin:center bottom;transform:translateX(-50%) translateY(-100%) rotate(0deg);pointer-events:none;transition:transform 0.1s ease-out}.compass-center{position:absolute;top:50%;left:50%;width:6px;height:6px;background-color:#ff4d4d;border-radius:50%;transform:translate(-50%, -50%);pointer-events:none}.pv-watts-info{position:absolute;top:25%;left:calc(var(--sidebar-width) + 15px);font-family:'Quicksand', sans-serif;background:rgba(0,0,0,0.9);color:white;padding:15px;border-radius:4px;font-size:14px;z-index:900;border:2px solid #4A90E2;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.pv-watts-info h4{margin-top:0;margin-bottom:8px}.ortho-context-menu{position:fixed;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1000;padding:8px 0;min-width:180px;font-family:Arial, sans-serif}.ortho-context-menu-header{padding:4px 16px;font-weight:bold;border-bottom:1px solid #eee;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ortho-context-menu-header.dragging{border-bottom-color:#007acc}.ortho-context-menu-close-button{background:none;border:none;font-size:16px;cursor:pointer;color:#666;padding:2px 4px;border-radius:2px;line-height:1}.ortho-context-menu-close-button:hover{background-color:#f0f0f0;color:#333}.ortho-context-menu-item{padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px}.ortho-context-menu-item-hover{background-color:#f0f0f0}.ortho-context-menu-icon{width:16px;text-align:center}.ortho-context-menu-slider-section{padding:8px 16px;margin-bottom:8px}.ortho-context-menu-slider-label{font-size:14px;margin-bottom:5px}.ortho-context-menu-slider-container{padding:0 2px}.ortho-context-menu-slider{width:100%;margin:5px 0;-webkit-appearance:none;height:6px;background:#e0e0e0;border-radius:3px;outline:none}.ortho-context-menu-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#4ade80;cursor:pointer}.ortho-context-menu-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#4ade80;cursor:pointer;border:none}.ortho-context-menu-pitch-inputs{display:flex;border-radius:4px;align-items:center;gap:5px;min-width:140px;margin-top:5px}.ortho-context-menu-pitch-slider{max-width:80px;-webkit-appearance:none;height:4px;background:#e0e0e0;border-radius:2px;outline:none}.ortho-context-menu-pitch-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#4ade80;cursor:pointer}.ortho-context-menu-pitch-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#4ade80;cursor:pointer;border:none}.ortho-context-menu-pitch-fraction{display:flex;align-items:center;border-radius:3px;padding:1px 3px;min-width:80px}.ortho-context-menu-pitch-fraction input{width:50px;border:none;text-align:left;background-color:transparent;font-size:12px}.ortho-context-menu-pitch-fraction span{margin-left:2px;font-size:12px}.ortho-context-menu-degrees-input{max-width:50px;text-align:right;border:1px solid #ccc;border-radius:3px;padding:1px 3px;font-size:12px;background:transparent}.scene-notification{padding:15px 25px;border-radius:8px;font-family:'Quicksand', sans-serif}.scene-notification-success{background-color:#28a745;color:white}.scene-notification-error{background-color:#dc3545;color:white}.design-tool-notification{position:fixed;bottom:20px;right:20px;padding:10px 15px;background-color:rgba(0,0,0,0.7);color:white;border-radius:4px;z-index:9999;transition:opacity 0.3s ease-in-out;opacity:0}.design-tool-notification.visible{opacity:1}.notification-info{background-color:#2196f3}.notification-warning{background-color:#ff9800}.notification-error{background-color:#ff5f5f}.notification-success{background-color:#00e2c4}.panel-mode-status{padding:8px;margin-bottom:10px;border-radius:4px;font-weight:bold;text-align:center}#panel-mode-indicator{display:inline-flex;align-items:center;padding:6px 6px;margin:0 10px;border-radius:4px;font-weight:bold;font-size:0.9rem;gap:6px;white-space:nowrap}.panel-mode-active{background-color:#00e2c4;color:white}.panel-mode-inactive{background-color:#f8d7da;color:#721c24}.obstruction-mode-active{background-color:#fd7e14;color:white}.snap-indicator{position:fixed;top:80px;right:20px;background:rgba(0,0,0,0.8);color:white;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:bold;font-family:'Quicksand', Arial, sans-serif;z-index:10000;pointer-events:none;border:2px solid #4A90E2;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.snap-indicator.snap-disabled{background-color:rgba(255,0,0,0.7)}.pv-watts-tabs{display:flex;margin-bottom:10px}.pv-watts-tab{padding:5px 10px;cursor:pointer;margin-right:10px;margin-bottom:2px;border-radius:4px 4px 0 0}.polygon-array-item{margin-bottom:15px;padding:10px;border-radius:4px;cursor:pointer;transition:all 0.2s}.polygon-array-item:hover{background:rgba(255,255,255,0.2)}.polygon-array-item h5{margin-top:0;margin-bottom:5px;font-size:14px}.click-hint{font-size:11px;color:rgba(255,255,255,0.5);font-weight:normal}#arrays-tab{max-height:400px;overflow-y:auto}#polygon-arrays-list{max-height:350px;overflow-y:auto}.offcanvas-bottom{position:fixed;bottom:-300px;left:0;width:100%;height:300px;background:#2a2a2a;color:white;transition:bottom 0.3s ease;z-index:1000;box-shadow:0 -2px 5px rgba(0,0,0,0.3);overflow-y:hidden;overflow-x:hidden;padding:0}.offcanvas-bottom.show{bottom:0}.tutorial-tabs{display:flex;background:#1a1a1a;border-bottom:1px solid #404040}.tutorial-tab{padding:10px 15px;cursor:pointer;border-bottom:3px solid transparent;transition:all 0.2s ease}.tutorial-tab:hover{background:#333}.tutorial-tab.active{border-bottom:3px solid #4ade80;background:#333}.tutorial-content{padding:15px;height:calc(100% - 43px);overflow-y:auto}.tutorial-pane{display:none;height:100%}.tutorial-pane.active{display:block}.tutorial-toggle{position:fixed;bottom:0;left:50%;transform:translateX(-50%);background:#2a2a2a;color:white;border:none;border-radius:8px 8px 0 0;padding:8px 16px;cursor:pointer;z-index:1001;box-shadow:0 -2px 5px rgba(0,0,0,0.2);font-size:14px;display:flex;align-items:center;gap:8px}.tutorial-toggle:hover{background:#3a3a3a}.tutorial-toggle i{font-size:16px}.help-text{display:block;margin-top:5px;font-size:0.8rem;color:#aaa}.monthly-inputs{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;margin-top:10px}.month-input{display:flex;flex-direction:column}.month-input label{margin-bottom:5px;font-size:0.9rem}.month-input input{width:100%;padding:8px}.tab-spacer{flex-grow:1}#map-view-container{position:absolute;top:60px;right:10px;width:400px;height:300px;background-color:#333;border:2px solid #555;border-radius:5px;z-index:800;overflow:hidden;box-shadow:0px 0px 10px rgba(0,0,0,0.5);display:none;transition:width 0.3s, height 0.3s}#map-view-container.expanded{width:600px;height:450px}#map-view-container .close-button{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,0.5);color:white;border:none;border-radius:50%;width:25px;height:25px;font-size:16px;cursor:pointer;z-index:801;transition:background-color 0.2s}#map-view-container .close-button:hover{background-color:rgba(255,0,0,0.7)}#map-view-container .map-view-button{position:absolute;z-index:801;background-color:rgba(0,0,0,0.5);color:white;border:none;border-radius:4px;padding:5px 10px;font-size:12px;cursor:pointer;transition:background-color 0.2s}#map-view-container .map-view-button:hover{background-color:rgba(66,133,244,0.7)}#toggle-view-button{top:5px;left:5px}#google-map{width:100%;height:100%}#street-view-panorama{width:100%;height:100%}canvas.calibration-mode{cursor:crosshair !important}.mpp-display{color:white;background-color:rgba(0,0,0,0.5);padding:5px 10px;border-radius:4px;margin-top:10px;display:inline-block;font-size:0.9em}#mpp-warning-icon{animation:pulse 1.5s infinite;text-shadow:0 0 5px rgba(255,193,7,0.6)}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}.distance-label{font-family:'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:12px;font-weight:500;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1000;position:absolute;transform:translate(-50%, -50%);transition:opacity 0.2s ease}.distance-label-content{background:linear-gradient(135deg, rgba(0,0,0,0.81) 0%, rgba(20,20,20,0.81) 100%);color:#ffffff;padding:3px 6px;border-radius:5px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,0.25);box-shadow:0 3px 14px rgba(0,0,0,0.4),0 2px 7px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;min-width:30px;text-align:center;line-height:1.2}.distance-label-content::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);pointer-events:none}.distance-text{position:relative;z-index:1;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,0.5);letter-spacing:0.3px}.distance-label+svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.distance-label+svg path{stroke:rgba(255,255,255,0.6);stroke-width:2;fill:none;stroke-dasharray:6, 4;stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3));animation:dashMove 2s linear infinite}@keyframes dashMove{to{stroke-dashoffset:-10}}@media (max-width: 768px){.distance-label{font-size:10px}.distance-label-content{padding:2px 4px;font-size:10px;min-width:26px}}.snap-guide-label{font-family:'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:12px;font-weight:500;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1001;position:absolute;transform:translate(-50%, -50%);transition:opacity 0.2s ease}.snap-guide-label-content{background:linear-gradient(135deg, rgba(0,0,0,0.81) 0%, rgba(20,20,20,0.81) 100%);color:#ffffff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 3px 14px rgba(0,0,0,0.4),0 2px 7px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;min-width:24px;text-align:center;line-height:1.2}.snap-guide-parallel .snap-guide-label-content{border:2px solid #4ade80}.snap-guide-perpendicular .snap-guide-label-content{border:2px solid #f59e0b}.snap-guide-angle .snap-guide-label-content{border:2px solid #3b82f6}.snap-guide-equal .snap-guide-label-content{border:2px solid #8b5cf6}.snap-guide-angle-home .snap-guide-label-content{border:2px solid #ef4444;animation:snap-guide-pulse 1.5s ease-in-out infinite}@keyframes snap-guide-pulse{0%{box-shadow:0 3px 14px rgba(0,0,0,0.4),0 2px 7px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}50%{box-shadow:0 3px 14px rgba(239,68,68,0.6),0 2px 7px rgba(239,68,68,0.4),inset 0 1px 0 rgba(255,255,255,0.1)}100%{box-shadow:0 3px 14px rgba(0,0,0,0.4),0 2px 7px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}}.snap-guide-label-content::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);pointer-events:none}.snap-guide-text{position:relative;z-index:1;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,0.5);letter-spacing:0.3px}@media (max-width: 768px){.snap-guide-label{font-size:10px}.snap-guide-label-content{padding:3px 6px;font-size:10px;min-width:20px}}.snap-guide-compound .snap-guide-label-content{border:2px solid #06b6d4;background:linear-gradient(135deg, rgba(6,182,212,0.15) 0%, rgba(20,20,20,0.81) 100%)}.dimension-controls{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:5px;margin-bottom:10px;margin-top:10px}.color-options{display:flex;flex-direction:column;gap:10px}.color-option{display:flex;align-items:center;padding:12px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.color-option:hover{border-color:#007bff;background:#f8f9fa}.color-option.selected{border-color:#007bff;background:#e3f2fd}.color-preview{width:30px;height:30px;border-radius:4px;margin-right:12px;border:1px solid #ddd}.fun-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:3000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.fun-loading-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:32px;border-radius:20px;border:1px solid ffffff;box-shadow:0 20px 60px rgba(0,0,0,0.4);width:90%;max-width:500px;min-width:350px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.fun-loading-header{text-align:center;margin-bottom:32px}.fun-loading-icon{font-size:40px;margin-bottom:16px;animation:spin 3s linear infinite;display:inline-block}.fun-loading-title{color:#ffffff;margin:0;font-size:22px;font-weight:600;letter-spacing:0.5px}.fun-loading-checklist{text-align:left;line-height:1.6}.fun-loading-step{padding:4px 0;transition:all 0.4s ease}.fun-loading-step-text{color:rgba(255,255,255,0.6);font-size:14px;font-weight:400;transition:all 0.4s ease;line-height:1.4}.fun-loading-step.completed .fun-loading-step-text{color:#22c55e;font-weight:500;text-shadow:0 0 8px rgba(34,197,94,0.3)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.annotation-context-menu{position:fixed;background:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:10001;font-family:'Quicksand', Arial, sans-serif;min-width:120px;display:none}.annotation-context-menu-item{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color 0.2s}.annotation-context-menu-item:hover{background-color:#f0f0f0}.annotation-context-menu-item:not(:last-child){border-bottom:1px solid #eee}.annotation-context-menu-item.delete{color:#dc3545}.annotation-context-menu-item.delete:hover{background-color:#ffebee}.annotation-toolbar-color{width:32px;height:32px;border:1px solid #555;border-radius:4px;cursor:pointer;background:none;padding:0}.annotation-toolbar-color::-webkit-color-swatch-wrapper{padding:0;border:none;border-radius:3px}.annotation-toolbar-color::-webkit-color-swatch{border:none;border-radius:3px}.tabs-nav{display:flex;list-style:none;padding:0;margin:0;gap:22px;flex-wrap:nowrap}.tabs-container{overflow-x:auto;white-space:nowrap;padding-bottom:5;gap:8px;padding-left:10px;padding-right:10px}.kanban-board{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.kanban-board .kanban-columns-container{display:flex;flex-wrap:nowrap;gap:1rem;min-width:-moz-fit-content;min-width:fit-content;padding-bottom:1rem}.kanban-board .kanban-column-wrapper{flex:0 0 auto}.kanban-board .kanban-column{width:280px;min-width:280px;max-width:280px}.kanban-board .kanban-column .kanban-header{transition:background-color 0.2s}.kanban-board .kanban-column .kanban-body{min-height:400px;max-height:70vh;overflow-y:auto;transition:background-color 0.2s}.kanban-board .kanban-column.drag-over{background-color:rgba(40,167,69,0.1);border:2px dashed #28a745;border-radius:8px}.kanban-board .kanban-column.drag-over .kanban-header{background-color:rgba(40,167,69,0.1) !important}.kanban-board .kanban-column.stage-drag-over{border:2px dashed #007bff;border-radius:8px;background-color:rgba(0,123,255,0.05)}.kanban-board .kanban-column.column-drag-over{border:2px dashed #007bff;border-radius:8px;background-color:rgba(0,123,255,0.05)}.kanban-board .kanban-column.column-dragging{opacity:0.6;transform:rotate(2deg);z-index:1000}.kanban-board .kanban-column.column-drag-over{border:2px dashed #007bff;border-radius:8px;background-color:rgba(0,123,255,0.05)}.kanban-board .column-drag-handle{display:flex;align-items:center;opacity:0.6;transition:opacity 0.2s}.kanban-board .column-drag-handle:hover{opacity:1}.kanban-board .column-drag-handle:active{cursor:grabbing}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px;margin:0 1rem}.kanban-board::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.kanban-board::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.kanban-board::before,.kanban-board::after{content:'';position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1;transition:opacity 0.3s}.kanban-board::before{left:0;background:linear-gradient(to right, rgba(255,255,255,0.8), transparent);opacity:0}.kanban-board::after{right:0;background:linear-gradient(to left, rgba(255,255,255,0.8), transparent);opacity:0}.kanban-board.scrollable-left::before{opacity:1}.kanban-board.scrollable-right::after{opacity:1}.quote-card{cursor:grab;transition:transform 0.2s, box-shadow 0.2s}.quote-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.quote-card:hover .dropdown-toggle{opacity:1}.quote-card.dragging{opacity:0.5;transform:rotate(5deg);cursor:grabbing}.quote-card.just-moved{animation:justMoved 1s ease-out}.quote-card .move-quote-btn{opacity:0.8;transition:all 0.2s;font-size:0.75rem;padding:0.25rem 0.5rem}.quote-card .move-quote-btn:hover{opacity:1;transform:translateY(-1px)}@keyframes justMoved{0%{transform:scale(1.05);box-shadow:0 0 20px rgba(40,167,69,0.5)}100%{transform:scale(1);box-shadow:none}}@keyframes dropIndicator{0%{opacity:0.6;transform:scaleY(0.8)}100%{opacity:1;transform:scaleY(1)}}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}50%{transform:scale(1.03);box-shadow:0 8px 25px rgba(40,167,69,0.3)}100%{transform:scale(1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}}@keyframes dropZonePulse{0%{border-color:#007bff;background-color:rgba(0,123,255,0.1)}100%{border-color:#0056b3;background-color:rgba(0,123,255,0.2)}}@media (max-width: 768px){.kanban-board{padding-left:1rem;padding-right:1rem;margin-left:-1rem;margin-right:-1rem}.kanban-board .kanban-column{width:240px;min-width:240px;max-width:240px}.kanban-board .kanban-body{min-height:300px}.quote-card{cursor:pointer}.quote-card .move-quote-btn{font-size:0.7rem;padding:0.2rem 0.4rem}}@media (max-width: 480px){.kanban-board .kanban-column{width:200px;min-width:200px;max-width:200px}.kanban-board .kanban-header{padding:0.75rem !important}.kanban-board .kanban-header h5{font-size:1rem}.kanban-board .kanban-body{min-height:250px;padding:0.5rem !important}.quote-card .card-body{padding:0.5rem !important}.quote-card .card-title{font-size:0.9rem}.quote-card .move-quote-btn{font-size:0.65rem;padding:0.15rem 0.3rem}}.workflow-header .workflow-actions{gap:0.5rem}.workflow-header .workflow-actions .btn{white-space:nowrap}.workflows-grid .workflow-grid-container{position:relative;min-height:400px}.workflows-grid .workflow-cards-layer{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;position:relative}.workflows-grid .workflow-cards-layer .workflow-card-wrapper.preview-moving{position:relative;z-index:20}.workflows-grid .drop-zone{position:absolute;background-color:rgba(0,123,255,0.05);border:3px dashed #007bff;border-radius:12px;opacity:0;transition:all 0.2s;z-index:-1;pointer-events:none}.workflows-grid .drop-zone.active{opacity:1;z-index:5;pointer-events:auto;background-color:rgba(0,123,255,0.08);border-color:#0056b3;animation:dropZonePulse 1.5s ease-in-out infinite alternate;box-shadow:inset 0 2px 8px rgba(0,123,255,0.1)}.workflows-grid .drop-zone::before{content:'Drop here';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#007bff;font-weight:600;font-size:0.85rem;white-space:nowrap;opacity:0;transition:opacity 0.2s;text-shadow:0 1px 2px rgba(255,255,255,0.8);background-color:rgba(255,255,255,0.9);padding:0.25rem 0.5rem;border-radius:4px;border:1px solid rgba(0,123,255,0.2)}.workflows-grid .drop-zone.active::before{opacity:1}.workflows-grid .workflow-card-wrapper{transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.workflows-grid .workflow-card-wrapper.dragging{opacity:0.3;transform:scale(0.95);z-index:1000;transition:none}.workflows-grid .workflow-card-wrapper.preview-moving{transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:20}.workflows-grid .workflow-card-wrapper.will-move .workflow-card{transform:scale(0.95);opacity:0.7;border:2px solid #ffc107;box-shadow:0 4px 12px rgba(255,193,7,0.3)}.workflows-grid .workflow-card-wrapper.success-move .workflow-card{animation:successPulse 0.6s ease-out}.workflows-grid .workflow-card{transition:box-shadow 0.2s;position:relative;z-index:10;background-color:white}.workflows-grid .workflow-card:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1);z-index:15}.workflows-grid .workflow-card .drag-handle,.workflows-grid .workflow-card .drag-handle-spreadsheet{cursor:grab;opacity:0.5;transition:opacity 0.2s}.workflows-grid .workflow-card .drag-handle:hover,.workflows-grid .workflow-card .drag-handle-spreadsheet:hover{opacity:1}.workflows-grid .workflow-card .drag-handle:active,.workflows-grid .workflow-card .drag-handle-spreadsheet:active{cursor:grabbing}.workflows-grid .workflow-card .drag-handle-cell{width:50px;text-align:center;vertical-align:middle}.workflows-grid .workflow-card .drag-handle-cell .drag-handle-spreadsheet{display:inline-block;padding:8px;border-radius:4px;transition:all 0.2s}.workflows-grid .workflow-card .drag-handle-cell .drag-handle-spreadsheet:hover{background-color:rgba(0,0,0,0.05)}.workflows-grid .workflow-card .workflow-color-indicator{flex-shrink:0}.workflows-grid .workflow-card .workflow-actions .mdui-icon{opacity:0.7;transition:opacity 0.2s}.workflows-grid .workflow-card .workflow-actions .mdui-icon:hover{opacity:1}.workflows-grid .workflow-card .workflow-actions .mdui-icon.text-danger:hover{color:#dc3545 !important}.workflows-grid .workflow-card .position-indicator{font-size:0.75rem;opacity:0.6}.workflows-grid .workflow-placeholder .border-dashed{border:2px dashed #dee2e6 !important;background-color:#f8f9fa;opacity:0.7}.color-preset-btn{width:24px;height:24px;border:2px solid #fff;border-radius:50%;margin-right:0.25rem;padding:0;cursor:pointer;transition:all 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.color-preset-btn:hover{transform:scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,0.3);border-color:#dee2e6}.color-preset-btn:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,0.25)}.color-preset-btn:active{transform:scale(0.95)}.color-presets .color-preset-btn{display:inline-block;vertical-align:middle}.stage-dropdown .dropdown-menu{min-width:200px}.stage-dropdown .dropdown-menu .dropdown-header{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px}.stage-dropdown .dropdown-menu .dropdown-item{font-size:0.875rem}.stage-dropdown .dropdown-menu .dropdown-item i{width:16px;text-align:center}.stage-dropdown .dropdown-menu .dropdown-item.text-danger:hover{background-color:rgba(220,53,69,0.1)}.stage-dropdown .dropdown-menu .dropdown-item.text-warning:hover{background-color:rgba(255,193,7,0.1)}.quote-move-dropdown .dropdown-menu{min-width:180px;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.quote-move-dropdown .dropdown-menu .dropdown-header{background-color:rgba(0,0,0,0.03);font-weight:600}.quote-move-dropdown .dropdown-menu .dropdown-item{padding:0.5rem 1rem}.quote-move-dropdown .dropdown-menu .dropdown-item:hover{background-color:rgba(0,123,255,0.1)}.quote-move-dropdown .dropdown-menu .dropdown-item i{width:18px}.kanban-empty-state .empty-icon{font-size:3rem;opacity:0.5}.kanban-empty-state .empty-title{font-size:1.5rem;font-weight:300}.kanban-empty-state .empty-description{opacity:0.7}.stage-counter{font-size:0.75rem;opacity:0.8}.stage-counter.has-quotes{opacity:1;font-weight:500}.kanban-notification{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;animation:slideInRight 0.3s ease-out}.kanban-notification.slide-out{animation:slideOutRight 0.3s ease-in}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.quote-move-modal .workflow-item,.quote-move-modal .stage-item,.bulk-move-modal .workflow-item,.bulk-move-modal .stage-item{transition:all 0.2s ease;cursor:pointer;background-color:var(--card-colour) !important;border-color:var(--border-colour) !important;color:var(--text-colour) !important}.quote-move-modal .workflow-item:hover:not(.selected):not(.disabled),.quote-move-modal .stage-item:hover:not(.selected):not(.disabled),.bulk-move-modal .workflow-item:hover:not(.selected):not(.disabled),.bulk-move-modal .stage-item:hover:not(.selected):not(.disabled){border-color:var(--secondary-colour) !important;background-color:var(--primary-colour) !important}.quote-move-modal .workflow-item.selected,.quote-move-modal .stage-item.selected,.bulk-move-modal .workflow-item.selected,.bulk-move-modal .stage-item.selected{border-color:var(--secondary-colour) !important;border-width:2px;background-color:var(--primary-colour) !important}.quote-move-modal .workflow-item.disabled,.quote-move-modal .stage-item.disabled,.bulk-move-modal .workflow-item.disabled,.bulk-move-modal .stage-item.disabled{cursor:not-allowed !important;opacity:0.5}.quote-move-modal .current-selection,.bulk-move-modal .current-selection{border-left:4px solid var(--secondary-colour);background-color:var(--primary-colour) !important}.quote-move-modal .workflows-container,.quote-move-modal .stages-container,.bulk-move-modal .workflows-container,.bulk-move-modal .stages-container{border-radius:0.375rem;padding:1rem}.quote-move-modal .workflow-stats .badge,.quote-move-modal .stage-stats .badge,.bulk-move-modal .workflow-stats .badge,.bulk-move-modal .stage-stats .badge{font-size:0.75rem}.quote-move-modal .modal-content,.bulk-move-modal .modal-content{border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.quote-move-modal .modal-header,.bulk-move-modal .modal-header{border-bottom:1px solid #dee2e6}.quote-move-modal .modal-header .modal-title,.bulk-move-modal .modal-header .modal-title{font-weight:600;color:#495057}.quote-move-modal .modal-body,.bulk-move-modal .modal-body{padding:1.5rem}.quote-move-modal .modal-footer,.bulk-move-modal .modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.5rem}.quote-move-modal .modal-footer .button-13,.quote-move-modal .modal-footer .button-13-outline,.bulk-move-modal .modal-footer .button-13,.bulk-move-modal .modal-footer .button-13-outline{min-width:120px}.stage-stats .stage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(60px, 1fr));gap:0.5rem;margin-bottom:0.5rem}.stage-stats .stage-stats-grid .stat-item{text-align:center;padding:0.25rem 0.125rem;background-color:rgba(255,255,255,0.1);border-radius:4px;border:1px solid rgba(255,255,255,0.2)}.stage-stats .stage-stats-grid .stat-item .stat-label{font-size:0.625rem;text-transform:uppercase;letter-spacing:0.5px;opacity:0.8;margin-bottom:0.125rem;font-weight:500}.stage-stats .stage-stats-grid .stat-item .stat-value{font-size:0.75rem;font-weight:600;line-height:1}.stage-stats .text-muted.small{text-align:center;font-style:italic;opacity:0.6}.stage-sort-controls .sort-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:4px;padding:0.25rem 0.375rem;color:inherit;font-size:0.75rem;transition:all 0.2s ease;position:relative;min-width:32px;display:flex;align-items:center;justify-content:center;opacity:0.7}.stage-sort-controls .sort-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);opacity:1;transform:translateY(-1px)}.stage-sort-controls .sort-btn:active{transform:translateY(0)}.stage-sort-controls .sort-btn .sort-indicator{position:absolute;top:-2px;right:-2px;font-size:8px;opacity:0;transition:opacity 0.2s}.stage-sort-controls .sort-btn .sort-indicator::after{content:'';display:inline-block;width:0;height:0;margin-left:2px}.stage-sort-controls .sort-btn.sort-active{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.4);opacity:1;font-weight:600}.stage-sort-controls .sort-btn.sort-active .sort-indicator{opacity:1}.stage-sort-controls .sort-btn.sort-active.sort-asc .sort-indicator::after{border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:4px solid currentColor}.stage-sort-controls .sort-btn.sort-active.sort-desc .sort-indicator::after{border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor}.stage-sort-controls .sort-btn i{font-size:0.75rem}@media (max-width: 768px){.stage-stats .stage-stats-grid{grid-template-columns:repeat(2, 1fr);gap:0.25rem}.stage-stats .stage-stats-grid .stat-item{padding:0.2rem 0.1rem}.stage-stats .stage-stats-grid .stat-item .stat-label{font-size:0.55rem}.stage-stats .stage-stats-grid .stat-item .stat-value{font-size:0.65rem}.stage-sort-controls .sort-btn{padding:0.2rem 0.3rem;min-width:28px}.stage-sort-controls .sort-btn i{font-size:0.65rem}}@media (max-width: 480px){.stage-stats .stage-stats-grid .stat-item .stat-label{font-size:0.5rem;margin-bottom:0.1rem}.stage-stats .stage-stats-grid .stat-item .stat-value{font-size:0.6rem}.stage-sort-controls{gap:2px}.stage-sort-controls .sort-btn{padding:0.15rem 0.25rem;min-width:26px}.stage-sort-controls .sort-btn i{font-size:0.6rem}}@media (prefers-reduced-motion: reduce){.quote-card{transition:none}.quote-card.just-moved{animation:none;box-shadow:0 0 0 2px #28a745}.kanban-notification{animation:none}.stage-sort-controls .sort-btn{transition:none}.stage-stats .stat-item{transition:none}}th.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color 0.2s ease;padding:0.875rem 0.75rem !important;background-color:var(--card-colour) !important;color:var(--text-colour) !important}th.sortable-header:hover{background-color:var(--primary-colour) !important;color:var(--secondary-colour) !important}th.sortable-header .sort-indicators{opacity:0;transition:opacity 0.2s ease;min-width:16px}th.sortable-header .sort-indicators .sort-asc,th.sortable-header .sort-indicators .sort-desc{display:block;line-height:0.6;font-size:0.7rem;color:var(--text-colour);opacity:0.5;transition:color 0.2s ease}th.sortable-header .sort-indicators .sort-asc.active,th.sortable-header .sort-indicators .sort-desc.active{color:var(--secondary-colour);opacity:1;font-weight:900}th.sortable-header:hover .sort-indicators{opacity:1}th.sortable-header.sorted-asc,th.sortable-header.sorted-desc{background-color:var(--primary-colour) !important;color:var(--secondary-colour) !important;font-weight:600 !important}th.sortable-header.sorted-asc .sort-indicators,th.sortable-header.sorted-desc .sort-indicators{opacity:1}th.sortable-header.sorted-asc i,th.sortable-header.sorted-desc i{color:var(--secondary-colour) !important}th.sortable-header.sorted-asc i::before{content:"\f0de" !important}th.sortable-header.sorted-desc i::before{content:"\f0dd" !important}th.sortable-header.sorting .sort-indicators{opacity:1}button.sortable-header{background:none;border:none;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color 0.2s ease;font-weight:inherit;color:inherit;text-align:left}button.sortable-header:hover{color:#007bff}button.sortable-header.sorted-asc,button.sortable-header.sorted-desc{color:#007bff;font-weight:600}button.sortable-header i{transition:color 0.2s ease}button.sortable-header:hover i{color:#007bff}.spreadsheet-table thead.bg-theme{background-color:var(--bs-theme) !important}.spreadsheet-table thead.bg-theme th{background-color:var(--bs-theme) !important;border-bottom-color:rgba(0,0,0,0.1)}.spreadsheet-table .quote-row{transition:background-color 0.2s ease}.spreadsheet-table .quote-row:hover{background-color:rgba(0,123,255,0.02)}.spreadsheet-table .quote-row.dragging{opacity:0.6;transform:scale(0.98)}.column-config-modal .modal-content{border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.column-config-modal .modal-header{border-bottom:1px solid var(--border-colour, #dee2e6)}.column-config-modal .modal-header .modal-title{font-weight:600;color:var(--text-colour, #495057)}.column-config-modal .modal-header .btn-close{background:none;border:none;font-size:1.2rem;opacity:0.7;transition:opacity 0.2s;color:var(--text-colour, #495057)}.column-config-modal .modal-header .btn-close:hover{opacity:1;color:var(--secondary-colour, #f47424)}.column-config-modal .modal-body{padding:1.5rem}.column-config-modal .modal-footer{border-top:1px solid var(--border-colour, #dee2e6);padding:1rem 1.5rem}.column-config-modal .column-list{border:1px solid var(--border-colour, #dee2e6);border-radius:8px;max-height:300px;overflow-y:auto;background:var(--background-colour, #f8f9fa)}.column-config-modal .column-list::-webkit-scrollbar{width:8px}.column-config-modal .column-list::-webkit-scrollbar-track{background:var(--background-colour, #f1f1f1);border-radius:4px}.column-config-modal .column-list::-webkit-scrollbar-thumb{background:var(--scrollbar-colour, #c1c1c1);border-radius:4px}.column-config-modal .column-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-colour, #a8a8a8)}.column-config-modal .column-item{padding:0.75rem;border-bottom:1px solid var(--border-colour, #dee2e6);background:var(--card-colour, white);transition:all 0.2s ease;cursor:grab}.column-config-modal .column-item:last-child{border-bottom:none}.column-config-modal .column-item:hover{background:var(--primary-colour, #f8f9fa)}.column-config-modal .column-item.selected{background:var(--primary-colour, #e7f3ff);border-left:3px solid var(--secondary-colour, #007bff)}.column-config-modal .column-item.dragging{opacity:0.4;transform:rotate(2deg);z-index:1000}.column-config-modal .column-item .column-action-btn{background:none;border:none;padding:0.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.column-config-modal .column-item .column-action-btn.add-btn{color:#28a745}.column-config-modal .column-item .column-action-btn.add-btn:hover{background:rgba(40,167,69,0.1);transform:scale(1.1)}.column-config-modal .column-item .column-action-btn.remove-btn{color:#dc3545}.column-config-modal .column-item .column-action-btn.remove-btn:hover{background:rgba(220,53,69,0.1);transform:scale(1.1)}.column-config-modal .column-item .column-action-btn i{font-size:0.875rem}.column-config-modal .column-item .drag-handle{opacity:0.6;cursor:grab;margin-right:8px;transition:opacity 0.2s}.column-config-modal .column-item .drag-handle:hover{opacity:1;color:var(--secondary-colour, #007bff)}.column-config-modal .column-item .drag-handle:active{cursor:grabbing}.column-config-modal .column-item .column-info{flex-grow:1}.column-config-modal .column-item .column-info .column-label{font-weight:500;color:var(--text-colour, #212529);margin-bottom:0.125rem}.column-config-modal .column-item .column-info .column-meta{font-size:0.75rem;color:var(--text-colour, #6c757d);opacity:0.8}.column-config-modal .preset-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-colour, #dee2e6)}.column-config-modal .preset-section .preset-title{display:flex;align-items:center;margin-bottom:0.75rem;font-weight:600;color:var(--text-colour, #495057)}.column-config-modal .preset-section .preset-title i{margin-right:0.5rem;color:var(--secondary-colour, #007bff)}.column-config-modal .preset-section .preset-buttons{display:flex;gap:0.5rem;flex-wrap:wrap}.column-config-modal .preset-section .preset-buttons .preset-btn{padding:0.375rem 0.75rem;border:1px solid var(--border-colour, #dee2e6);border-radius:var(--border-radius, 6px);background:var(--card-colour, white);color:var(--text-colour, #495057);font-size:0.875rem;cursor:pointer;transition:all 0.2s ease}.column-config-modal .preset-section .preset-buttons .preset-btn:hover{background:var(--secondary-colour, #007bff);color:var(--tertiary-colour, white);border-color:var(--secondary-colour, #007bff);transform:translateY(-1px)}.column-config-modal .preset-section .preset-buttons .preset-btn:active{transform:translateY(0)}.column-config-modal .selected-count{font-weight:600;color:var(--secondary-colour, #007bff)}.column-config-modal .action-buttons{display:flex;justify-content:between;gap:0.75rem}.column-config-modal .action-buttons .btn{min-width:120px;transition:all 0.2s ease}.column-config-modal .action-buttons .btn.btn-outline{border-color:var(--border-colour, #dee2e6);color:var(--text-colour, #6c757d)}.column-config-modal .action-buttons .btn.btn-outline:hover{background:var(--primary-colour, #f8f9fa);border-color:var(--secondary-colour, #007bff);color:var(--secondary-colour, #007bff)}.column-config-modal .action-buttons .btn.btn-primary{background:var(--secondary-colour, #007bff);border-color:var(--secondary-colour, #007bff);color:var(--tertiary-colour, white)}.column-config-modal .action-buttons .btn.btn-primary:hover{background:var(--button-hover, #0056b3);border-color:var(--button-hover, #0056b3);transform:translateY(-1px)}.column-config-modal .column-drop-zone{min-height:2px;transition:all 0.2s ease;opacity:0}.column-config-modal .column-drop-zone.active{opacity:1;min-height:4px;background:var(--secondary-colour, #007bff);border-radius:2px;margin:0.25rem 0}.column-config-modal .empty-column-list{padding:2rem;text-align:center;color:var(--text-colour, #6c757d);opacity:0.7}.column-config-modal .empty-column-list i{font-size:2rem;margin-bottom:0.5rem;opacity:0.5}.column-config-modal .empty-column-list p{margin:0;font-style:italic}@media (max-width: 768px){.column-config-modal .modal-dialog{margin:1rem;max-width:none}.column-config-modal .column-list{max-height:250px}.column-config-modal .column-item{padding:0.5rem}.column-config-modal .column-item .column-info .column-label{font-size:0.875rem}.column-config-modal .column-item .column-info .column-meta{font-size:0.6875rem}.column-config-modal .column-item .column-action-btn{width:28px;height:28px}.column-config-modal .column-item .column-action-btn i{font-size:0.75rem}.column-config-modal .preset-buttons .preset-btn{padding:0.25rem 0.5rem;font-size:0.75rem}}.events-calendar{background-color:var(--background-colour);color:var(--text-colour)}.events-calendar .calendar-container{background-color:var(--card-colour);border:1px solid var(--border-colour);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,0.1);overflow:hidden}.events-calendar .calendar-header{background:linear-gradient(135deg, var(--primary-colour), var(--card-colour));border-bottom:1px solid var(--border-colour);padding:1.5rem}.events-calendar .calendar-header .calendar-title{color:var(--text-colour);font-weight:600;font-size:1.5rem;margin:0}.events-calendar .calendar-header .calendar-navigation .nav-btn{background-color:var(--card-colour);border:1px solid var(--border-colour);border-radius:var(--border-radius);color:var(--text-colour);padding:0.5rem 1rem;cursor:pointer;transition:all 0.2s ease}.events-calendar .calendar-header .calendar-navigation .nav-btn:hover{background-color:var(--secondary-colour);color:var(--tertiary-colour);border-color:var(--secondary-colour);transform:translateY(-1px)}.events-calendar .calendar-header .calendar-navigation .nav-btn:active{transform:translateY(0)}.events-calendar .calendar-header .calendar-actions .btn{margin-left:0.5rem}.events-calendar .calendar-header .calendar-actions .btn.btn-primary{background-color:var(--secondary-colour);border-color:var(--secondary-colour);color:var(--tertiary-colour)}.events-calendar .calendar-header .calendar-actions .btn.btn-primary:hover{background-color:var(--button-hover);border-color:var(--button-hover);color:var(--button-hover-text)}.events-calendar .calendar-header .calendar-actions .btn.btn-outline{background-color:transparent;border-color:var(--border-colour);color:var(--text-colour)}.events-calendar .calendar-header .calendar-actions .btn.btn-outline:hover{background-color:var(--primary-colour);border-color:var(--secondary-colour);color:var(--secondary-colour)}.events-calendar .calendar-grid{display:grid;grid-template-columns:repeat(7, 1fr);background-color:var(--card-colour)}.events-calendar .calendar-grid .calendar-day-header{background:linear-gradient(135deg, var(--primary-colour), var(--card-colour));border-bottom:1px solid var(--border-colour);border-right:1px solid var(--border-colour);padding:1rem;text-align:center;font-weight:600;color:var(--text-colour);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px}.events-calendar .calendar-grid .calendar-day-header:last-child{border-right:none}.events-calendar .calendar-grid .calendar-day{min-height:120px;border-bottom:1px solid var(--border-colour);border-right:1px solid var(--border-colour);padding:0.5rem;background-color:var(--card-colour);position:relative;transition:all 0.2s ease}.events-calendar .calendar-grid .calendar-day:last-child{border-right:none}.events-calendar .calendar-grid .calendar-day:hover{background-color:var(--primary-colour)}.events-calendar .calendar-grid .calendar-day.other-month{background-color:var(--background-colour);opacity:0.6}.events-calendar .calendar-grid .calendar-day.other-month .day-number{color:var(--text-colour);opacity:0.5}.events-calendar .calendar-grid .calendar-day.today{background:linear-gradient(135deg, var(--secondary-colour) 20, var(--primary-colour));border:2px solid var(--secondary-colour)}.events-calendar .calendar-grid .calendar-day.today .day-number{background-color:var(--secondary-colour);color:var(--tertiary-colour);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:700}.events-calendar .calendar-grid .calendar-day.has-events .day-number::after{content:'';position:absolute;bottom:2px;right:2px;width:6px;height:6px;background-color:var(--secondary-colour);border-radius:50%}.events-calendar .calendar-grid .calendar-day.drag-over{background-color:var(--secondary-colour) 30;border:2px dashed var(--secondary-colour)}.events-calendar .calendar-grid .calendar-day.drag-over::before{content:'Drop event here';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--secondary-colour);color:var(--tertiary-colour);padding:0.25rem 0.5rem;border-radius:var(--border-radius);font-size:0.75rem;font-weight:600;white-space:nowrap;z-index:10}.events-calendar .calendar-grid .calendar-day .day-number{font-weight:600;color:var(--text-colour);margin-bottom:0.25rem;position:relative}.events-calendar .calendar-grid .calendar-day .day-events{max-height:80px;overflow-y:auto}.events-calendar .calendar-grid .calendar-day .day-events::-webkit-scrollbar{width:4px}.events-calendar .calendar-grid .calendar-day .day-events::-webkit-scrollbar-track{background:transparent}.events-calendar .calendar-grid .calendar-day .day-events::-webkit-scrollbar-thumb{background:var(--scrollbar-colour);border-radius:2px}.events-calendar .calendar-event{background:linear-gradient(135deg, var(--secondary-colour), var(--secondary-colour) cc);color:var(--tertiary-colour);border-radius:var(--border-radius);padding:0.25rem 0.5rem;margin-bottom:0.25rem;font-size:0.75rem;cursor:grab;transition:all 0.2s ease;position:relative;overflow:hidden}.events-calendar .calendar-event:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--secondary-colour) 50}.events-calendar .calendar-event.dragging{opacity:0.6;transform:rotate(5deg);cursor:grabbing;z-index:1000}.events-calendar .calendar-event.quote-event{background:linear-gradient(135deg, #28a745, rgba(40,167,69,0.8))}.events-calendar .calendar-event.quote-event::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#20c997}.events-calendar .calendar-event.standalone-event{background:linear-gradient(135deg, var(--secondary-colour), var(--secondary-colour) cc)}.events-calendar .calendar-event.standalone-event::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--secondary-colour)}.events-calendar .calendar-event.past-event{opacity:0.7;background:linear-gradient(135deg, #6c757d, rgba(108,117,125,0.8))}.events-calendar .calendar-event.past-event::before{background-color:#495057}.events-calendar .calendar-event .event-time{font-size:0.65rem;opacity:0.9;margin-bottom:0.125rem}.events-calendar .calendar-event .event-title{font-weight:600;line-height:1.2;margin-bottom:0.125rem}.events-calendar .calendar-event .event-quote{font-size:0.65rem;opacity:0.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.events-calendar .event-modal .modal-content{border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);background-color:var(--card-colour);color:var(--text-colour)}.events-calendar .event-modal .modal-header{border-bottom:1px solid var(--border-colour);background:linear-gradient(135deg, var(--primary-colour), var(--card-colour))}.events-calendar .event-modal .modal-header .modal-title{color:var(--text-colour);font-weight:600}.events-calendar .event-modal .modal-header .btn-close{background:none;border:none;color:var(--text-colour);opacity:0.7}.events-calendar .event-modal .modal-header .btn-close:hover{opacity:1;color:var(--secondary-colour)}.events-calendar .event-modal .modal-body{background-color:var(--card-colour)}.events-calendar .event-modal .modal-body .form-label{color:var(--text-colour);font-weight:600}.events-calendar .event-modal .modal-body .form-control,.events-calendar .event-modal .modal-body .form-select{background-color:var(--background-colour);border:1px solid var(--border-colour);color:var(--text-colour);border-radius:var(--border-radius)}.events-calendar .event-modal .modal-body .form-control:focus,.events-calendar .event-modal .modal-body .form-select:focus{border-color:var(--secondary-colour);box-shadow:0 0 0 0.2rem var(--secondary-colour) 20;background-color:var(--card-colour)}.events-calendar .event-modal .modal-body .form-text{color:var(--text-colour);opacity:0.7}.events-calendar .event-modal .modal-footer{border-top:1px solid var(--border-colour);background-color:var(--card-colour)}.events-calendar .event-modal .modal-footer .btn.btn-primary{background-color:var(--secondary-colour);border-color:var(--secondary-colour);color:var(--tertiary-colour)}.events-calendar .event-modal .modal-footer .btn.btn-primary:hover{background-color:var(--button-hover);border-color:var(--button-hover);color:var(--button-hover-text)}.events-calendar .event-modal .modal-footer .btn.btn-secondary{background-color:var(--background-colour);border-color:var(--border-colour);color:var(--text-colour)}.events-calendar .event-modal .modal-footer .btn.btn-secondary:hover{background-color:var(--primary-colour);border-color:var(--secondary-colour);color:var(--secondary-colour)}.events-calendar .event-modal .modal-footer .btn.btn-danger{background-color:#dc3545;border-color:#dc3545;color:white}.events-calendar .event-modal .modal-footer .btn.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.events-calendar .calendar-loading{position:relative}.events-calendar .calendar-loading::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background-colour) 90;z-index:100;border-radius:var(--border-radius)}.events-calendar .calendar-loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:32px;height:32px;border:3px solid var(--border-colour);border-top:3px solid var(--secondary-colour);border-radius:50%;animation:spin 1s linear infinite;z-index:101}.events-calendar .calendar-empty-state{text-align:center;padding:3rem 1rem;color:var(--text-colour);opacity:0.7}.events-calendar .calendar-empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;color:var(--secondary-colour);opacity:0.5}.events-calendar .calendar-empty-state .empty-title{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem}.events-calendar .calendar-empty-state .empty-description{font-size:0.875rem;margin-bottom:1.5rem}@media (max-width: 768px){.events-calendar .calendar-header{padding:1rem;flex-direction:column;gap:1rem}.events-calendar .calendar-header .calendar-navigation{justify-content:center}.events-calendar .calendar-header .calendar-navigation .nav-btn{padding:0.4rem 0.8rem;font-size:0.875rem}.events-calendar .calendar-header .calendar-actions{justify-content:center}.events-calendar .calendar-header .calendar-actions .btn{margin:0 0.25rem;padding:0.4rem 0.8rem;font-size:0.875rem}.events-calendar .calendar-grid .calendar-day{min-height:80px;padding:0.25rem}.events-calendar .calendar-grid .calendar-day .day-number{font-size:0.875rem}.events-calendar .calendar-grid .calendar-day-header{padding:0.75rem 0.5rem;font-size:0.75rem}.events-calendar .calendar-event{padding:0.2rem 0.4rem;font-size:0.65rem}.events-calendar .calendar-event .event-title{font-size:0.65rem}.events-calendar .calendar-event .event-time,.events-calendar .calendar-event .event-quote{font-size:0.6rem}}@media (max-width: 480px){.events-calendar .calendar-header .calendar-title{font-size:1.25rem}.events-calendar .calendar-grid .calendar-day{min-height:60px}.events-calendar .calendar-grid .calendar-day .day-number{font-size:0.75rem}.events-calendar .calendar-grid .calendar-day .day-number.today{width:24px;height:24px}.events-calendar .calendar-grid .calendar-day-header{padding:0.5rem 0.25rem;font-size:0.7rem}.events-calendar .calendar-event{padding:0.15rem 0.3rem;margin-bottom:0.15rem}.events-calendar .calendar-event .event-title{font-size:0.6rem;line-height:1.1}.events-calendar .calendar-event .event-time,.events-calendar .calendar-event .event-quote{display:none}}@keyframes spin{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes eventDrop{0%{transform:scale(1.1);box-shadow:0 8px 25px var(--secondary-colour) 60}100%{transform:scale(1);box-shadow:0 4px 12px var(--secondary-colour) 30}}@media (prefers-reduced-motion: reduce){.calendar-event,.calendar-day,.nav-btn,.btn{transition:none}.calendar-loading::after{animation:none;border:3px solid var(--secondary-colour)}}@media print{.events-calendar .calendar-header .calendar-actions,.events-calendar .calendar-event{display:none}.events-calendar .calendar-grid .calendar-day{min-height:100px;border:1px solid #000}.events-calendar .calendar-grid .day-number{color:#000}}.spreadsheet-table-container{background:white;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.07);overflow:hidden}.spreadsheet-table{margin-bottom:0;border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;min-width:-moz-max-content;min-width:max-content}.spreadsheet-table tbody tr:hover{transform:none !important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1) !important}.spreadsheet-table .stage-header-row .dropdown-menu{z-index:1050 !important;position:absolute !important}.table>:not(caption)>*>*{border-bottom-width:1px}.spreadsheet-table th{border-bottom:1px solid #dee2e6 !important;white-space:nowrap}.spreadsheet-table td{border-top:1px solid #dee2e6}.table-hover>tbody>tr:hover>th,.table-hover>tbody>tr:hover>td{background-color:rgba(0,123,255,0.05)}.table th.sortable-header{text-align:left !important;vertical-align:middle !important}.spreadsheet-table thead th{background:var(--card-colour) !important;border:none !important;font-weight:600;font-size:0.875rem;color:var(--text-colour) !important;position:sticky;top:0;z-index:10;vertical-align:middle;box-sizing:border-box;white-space:nowrap}.spreadsheet-table thead th:not(.sortable-header){padding:0.75rem}.stage-header-row{border:none !important}.stage-header-row td{border:none !important;font-weight:500}.quote-row{transition:all 0.2s ease;cursor:move;border-left:3px solid transparent}.quote-row:hover{background-color:var(--primary-colour);border-left-color:var(--secondary-colour)}.quote-row.dragging{opacity:0.6;background-color:#f8f9fa;transform:rotate(1deg)}.quote-row.drop-target{background-color:rgba(40,167,69,0.1);border-left-color:#28a745;border-left-width:4px}.quote-row td{vertical-align:middle;padding:0.75rem;border-top:1px solid #dee2e6}.drag-handle-spreadsheet{cursor:grab;padding:0.5rem;opacity:0.6;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle-spreadsheet:hover{opacity:1;background-color:rgba(0,123,255,0.1)}.drag-handle-spreadsheet:active{cursor:grabbing;background-color:rgba(0,123,255,0.2)}.empty-stage-row td{background-color:rgba(0,0,0,0.02);font-style:italic}.unassigned-quote{background-color:rgba(255,193,7,0.02)}.view-switcher .button-13,.view-switcher .button-13-outline{margin:0.25rem}.stage-count{font-size:0.75rem;padding:0.25rem 0.5rem}.move-quote-btn{opacity:0.7;transition:all 0.2s}.move-quote-btn:hover{opacity:1;transform:translateY(-1px);background-color:rgba(0,123,255,0.1)}.sortable-header{cursor:pointer;transition:background-color 0.2s ease;padding:0.75rem !important;background:var(--card-colour) !important;color:var(--text-colour) !important;border:none !important;position:relative;box-sizing:border-box;white-space:nowrap;overflow:hidden}.sortable-header:hover{background-color:var(--primary-colour) !important;color:var(--secondary-colour) !important}.sortable-header>div{width:100%;min-width:auto;display:flex !important;align-items:center !important;justify-content:space-between !important}.sortable-header .d-flex{flex:1;min-width:auto}.sortable-header span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sort-indicators{display:flex;flex-direction:column;opacity:0.4;transition:opacity 0.2s ease}.sort-indicators .sort-asc{margin-bottom:-2px}.sort-indicators .sort-desc{margin-top:-2px}.sort-indicators i{font-size:0.75rem;line-height:1;margin:0;padding:0}.sort-indicators .active{color:var(--secondary-colour) !important;opacity:1}.sortable-header:hover .sort-indicators{opacity:0.7}.sortable-header.sorting .sort-indicators{opacity:1}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.spreadsheet-table th[style*="width"]{max-width:none !important;box-sizing:border-box}.spreadsheet-table th{overflow:hidden;text-overflow:ellipsis}.sortable-header>div.d-flex{width:100% !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:0.5rem;margin:0;padding:0;box-sizing:border-box}.sortable-header>div.d-flex>span{flex:1 1 auto;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-indicators{flex:0 0 auto !important;width:20px;height:20px;display:flex !important;flex-direction:column !important;align-items:center;justify-content:center}@media (max-width: 768px){.spreadsheet-table thead th,.spreadsheet-table tbody td{padding:0.5rem;font-size:0.875rem}.view-switcher{order:-1;margin-bottom:1rem;margin-right:0 !important}.workflow-header .d-flex{flex-direction:column;align-items:flex-start !important}}.roadmap-page{overflow-x:hidden}.roadmap-hero{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);min-height:100vh;display:flex;align-items:center;position:relative;color:white}.roadmap-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:0.3}.roadmap-hero .container{position:relative;z-index:2;text-align:center}.roadmap-hero .roadmap-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0.5rem 1rem;border-radius:50px;border:1px solid rgba(255,255,255,0.2);font-size:0.875rem;font-weight:600;margin-bottom:2rem}.roadmap-hero .roadmap-badge .badge-icon{width:8px;height:8px;background:#ff6b35;border-radius:50%}.roadmap-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.roadmap-hero h1 .highlight{background:linear-gradient(45deg, #ff6b35, #ff8c61);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-hero .hero-subtitle{font-size:1.25rem;opacity:0.9;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.roadmap-hero .hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.roadmap-hero .hero-actions .btn{padding:0.875rem 2rem;font-weight:600;border-radius:50px;transition:all 0.3s ease}.roadmap-hero .hero-actions .btn.btn-primary{background:linear-gradient(45deg, #ff6b35, #ff8c61);border:none;box-shadow:0 8px 25px rgba(255,107,53,0.3)}.roadmap-hero .hero-actions .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,107,53,0.4)}.roadmap-hero .hero-actions .btn.btn-outline{background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.3);color:white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.roadmap-hero .hero-actions .btn.btn-outline:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px)}.hero-roadmap-visual{position:absolute;right:-100px;top:50%;transform:translateY(-50%);width:400px;opacity:0.8}.hero-roadmap-visual .roadmap-timeline{position:relative}.hero-roadmap-visual .roadmap-timeline .timeline-indicator{position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom, #ff6b35, rgba(255,107,53,0.3))}.hero-roadmap-visual .roadmap-timeline .timeline-indicator .current-marker{position:absolute;top:50px;left:-40px;background:#ff6b35;color:white;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap}.hero-roadmap-visual .roadmap-timeline .roadmap-milestone{display:flex;align-items:center;margin-bottom:40px;position:relative}.hero-roadmap-visual .roadmap-timeline .roadmap-milestone .milestone-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px;font-size:18px}.hero-roadmap-visual .roadmap-timeline .roadmap-milestone .milestone-icon.active{background:#ff6b35;color:white}.hero-roadmap-visual .roadmap-timeline .roadmap-milestone .milestone-icon.upcoming{background:rgba(255,255,255,0.2);color:white}.hero-roadmap-visual .roadmap-timeline .roadmap-milestone .milestone-icon.future{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.6)}.hero-roadmap-visual .roadmap-timeline .roadmap-milestone .milestone-content h4{margin:0;font-size:16px;font-weight:600}.hero-roadmap-visual .roadmap-timeline .roadmap-milestone .milestone-content p{margin:4px 0 0 0;font-size:14px;opacity:0.8}.roadmap-apis{padding:100px 0;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%)}.roadmap-apis .section-header{text-align:center;margin-bottom:4rem}.roadmap-apis .section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1a202c}.roadmap-apis .section-header h2 .highlight{background:linear-gradient(45deg, #ff6b35, #ff8c61);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-apis .section-header p{font-size:1.125rem;color:#718096;max-width:600px;margin:0 auto}.roadmap-apis .api-features{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.roadmap-apis .api-card{background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;position:relative;overflow:hidden}.roadmap-apis .api-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(45deg, #ff6b35, #ff8c61)}.roadmap-apis .api-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,0.15)}.roadmap-apis .api-card .feature-icon{width:60px;height:60px;background:linear-gradient(135deg, #ff6b35, #ff8c61);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;margin-bottom:1.5rem}.roadmap-apis .api-card h3{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:1rem}.roadmap-apis .api-card p{color:#718096;line-height:1.6;margin-bottom:1.5rem}.roadmap-apis .api-card .feature-tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.roadmap-apis .api-card .feature-tags .tag{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600}.roadmap-apis .api-card .feature-tags .tag.coming-soon{background:linear-gradient(45deg, #ff6b35, #ff8c61);color:white}.roadmap-apis .api-card .feature-tags .tag:not(.coming-soon){background:#e2e8f0;color:#4a5568}.roadmap-apis .api-card .integration-preview{margin-top:1rem;padding:1rem;background:#f7fafc;border-radius:8px}.roadmap-apis .api-card .integration-preview .preview-chart{display:flex;align-items:end;gap:4px;height:40px}.roadmap-apis .api-card .integration-preview .preview-chart .chart-bar{background:linear-gradient(to top, #ff6b35, #ff8c61);width:8px;border-radius:2px;animation:chartGrow 1.5s ease-out}.roadmap-apis .api-card .integration-preview .system-diagram .panel-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:4px}.roadmap-apis .api-card .integration-preview .system-diagram .panel-grid .panel{width:20px;height:15px;border-radius:2px}.roadmap-apis .api-card .integration-preview .system-diagram .panel-grid .panel.active{background:#48bb78}.roadmap-apis .api-card .integration-preview .system-diagram .panel-grid .panel.warning{background:#ed8936;animation:pulse 2s infinite}.roadmap-apis .api-card .integration-preview .battery-status{position:relative;width:100%;height:20px;background:#e2e8f0;border-radius:10px;overflow:hidden}.roadmap-apis .api-card .integration-preview .battery-status .battery-level{height:100%;background:linear-gradient(90deg, #48bb78, #38a169);border-radius:10px;transition:width 2s ease}.roadmap-apis .api-card .integration-preview .battery-status .battery-info{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:12px;font-weight:600;color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.roadmap-apis .api-card .integration-preview .weather-widget{text-align:center}.roadmap-apis .api-card .integration-preview .weather-widget .weather-icon{font-size:24px;margin-bottom:8px}.roadmap-apis .api-card .integration-preview .weather-widget .weather-temp{font-size:18px;font-weight:600;color:#1a202c}.roadmap-apis .api-card .integration-preview .weather-widget .weather-forecast{font-size:12px;color:#718096}.roadmap-compliance{padding:100px 0;background:white}.roadmap-compliance .compliance-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.roadmap-compliance .compliance-visual .sld-mockup{background:white;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,0.12);overflow:hidden}.roadmap-compliance .compliance-visual .sld-mockup .sld-header{background:linear-gradient(135deg, #ff6b35, #ff8c61);color:white;padding:1rem 1.5rem;display:flex;justify-content:between;align-items:center}.roadmap-compliance .compliance-visual .sld-mockup .sld-header h3{margin:0;font-weight:600}.roadmap-compliance .compliance-visual .sld-mockup .sld-header .sld-controls{display:flex;gap:0.5rem}.roadmap-compliance .compliance-visual .sld-mockup .sld-header .sld-controls .control-btn{background:rgba(255,255,255,0.2);border:none;color:white;padding:0.5rem;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.roadmap-compliance .compliance-visual .sld-mockup .sld-header .sld-controls .control-btn:hover{background:rgba(255,255,255,0.3)}.roadmap-compliance .compliance-visual .sld-mockup .sld-diagram{padding:2rem}.roadmap-compliance .compliance-visual .sld-mockup .sld-diagram .diagram-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.roadmap-compliance .compliance-visual .sld-mockup .sld-diagram .diagram-section .component{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:center;min-width:120px}.roadmap-compliance .compliance-visual .sld-mockup .sld-diagram .diagram-section .component.utility-meter{border-color:#4299e1;background:#ebf8ff}.roadmap-compliance .compliance-visual .sld-mockup .sld-diagram .diagram-section .component.main-panel{border-color:#ed8936;background:#fef5e7}.roadmap-compliance .compliance-visual .sld-mockup .sld-diagram .diagram-section .component.inverter{border-color:#48bb78;background:#f0fff4}.roadmap-compliance .compliance-visual .sld-mockup .sld-diagram .diagram-section .component.solar-array{border-color:#ff6b35;background:#fff5f0}.roadmap-compliance .compliance-visual .sld-mockup .sld-diagram .diagram-section .component .component-label{font-size:0.875rem;font-weight:600;color:#1a202c}.roadmap-compliance .compliance-visual .sld-mockup .sld-diagram .diagram-section .connection-line{width:2px;height:20px;background:#cbd5e0}.roadmap-compliance .compliance-visual .sld-mockup .sld-footer{background:#f7fafc;padding:1rem 1.5rem;border-top:1px solid #e2e8f0}.roadmap-compliance .compliance-visual .sld-mockup .sld-footer .compliance-badges{display:flex;gap:0.5rem;justify-content:center}.roadmap-compliance .compliance-visual .sld-mockup .sld-footer .compliance-badges .badge{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600}.roadmap-compliance .compliance-visual .sld-mockup .sld-footer .compliance-badges .badge.nec{background:#48bb78;color:white}.roadmap-compliance .compliance-visual .sld-mockup .sld-footer .compliance-badges .badge.ieee{background:#4299e1;color:white}.roadmap-compliance .compliance-visual .sld-mockup .sld-footer .compliance-badges .badge.ul{background:#ed8936;color:white}.roadmap-compliance .compliance-text h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c}.roadmap-compliance .compliance-text h2 .highlight{background:linear-gradient(45deg, #ff6b35, #ff8c61);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-compliance .compliance-text p{font-size:1.125rem;color:#718096;margin-bottom:2rem;line-height:1.6}.roadmap-compliance .compliance-text .compliance-benefits{list-style:none;padding:0;margin-bottom:2rem}.roadmap-compliance .compliance-text .compliance-benefits li{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:1rem;color:#4a5568}.roadmap-compliance .compliance-text .compliance-benefits li::before{content:'⚡';font-size:1.2rem;flex-shrink:0}.roadmap-compliance .compliance-text .timeline-badge{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(45deg, #ff6b35, #ff8c61);color:white;padding:0.5rem 1rem;border-radius:20px;font-weight:600;font-size:0.875rem}.roadmap-siteplans{padding:100px 0;background:linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%)}.roadmap-siteplans .section-header{text-align:center;margin-bottom:4rem}.roadmap-siteplans .section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1a202c}.roadmap-siteplans .section-header h2 .highlight{background:linear-gradient(45deg, #ff6b35, #ff8c61);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-siteplans .section-header p{font-size:1.125rem;color:#718096;max-width:600px;margin:0 auto}.roadmap-siteplans .siteplan-features{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem}.roadmap-siteplans .siteplan-card{background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;text-align:center}.roadmap-siteplans .siteplan-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,0.15)}.roadmap-siteplans .siteplan-card .feature-icon{width:60px;height:60px;background:linear-gradient(135deg, #ff6b35, #ff8c61);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;margin:0 auto 1.5rem}.roadmap-siteplans .siteplan-card h3{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:1rem}.roadmap-siteplans .siteplan-card p{color:#718096;line-height:1.6;margin-bottom:1.5rem}.roadmap-siteplans .siteplan-card .feature-tags{display:flex;gap:0.5rem;justify-content:center}.roadmap-siteplans .siteplan-card .feature-tags .tag{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600}.roadmap-siteplans .siteplan-card .feature-tags .tag.coming-soon{background:linear-gradient(45deg, #ff6b35, #ff8c61);color:white}.roadmap-siteplans .siteplan-card .feature-tags .tag:not(.coming-soon){background:#e2e8f0;color:#4a5568}.roadmap-advanced{padding:100px 0;background:white}.roadmap-advanced .advanced-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.roadmap-advanced .content-text h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c}.roadmap-advanced .content-text h2 .highlight{background:linear-gradient(45deg, #ff6b35, #ff8c61);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-advanced .content-text p{font-size:1.125rem;color:#718096;margin-bottom:2rem;line-height:1.6}.roadmap-advanced .content-text .feature-list{list-style:none;padding:0;margin-bottom:2rem}.roadmap-advanced .content-text .feature-list li{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:1rem;color:#4a5568}.roadmap-advanced .content-text .feature-list li::before{content:'🚀';font-size:1.2rem;flex-shrink:0}.roadmap-advanced .content-text .early-access-cta{background:linear-gradient(135deg, rgba(255,107,53,0.0627451), rgba(255,140,97,0.0627451));border:1px solid #ff6b3530;border-radius:12px;padding:1.5rem}.roadmap-advanced .content-text .early-access-cta h4{color:#ff6b35;margin-bottom:0.5rem}.roadmap-advanced .content-text .early-access-cta p{color:#718096;margin-bottom:1rem;font-size:1rem}.roadmap-advanced .advanced-mockup .mockup-container{background:white;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,0.12);overflow:hidden}.roadmap-advanced .advanced-mockup .mockup-container .mockup-header{background:linear-gradient(135deg, #667eea, #764ba2);color:white;padding:1rem 1.5rem;display:flex;justify-content:between;align-items:center}.roadmap-advanced .advanced-mockup .mockup-container .mockup-header h3{margin:0;font-weight:600}.roadmap-advanced .advanced-mockup .mockup-container .mockup-header .mockup-status{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem}.roadmap-advanced .advanced-mockup .mockup-container .mockup-header .mockup-status .status-indicator{width:8px;height:8px;background:#48bb78;border-radius:50%;animation:pulse 2s infinite}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface{padding:1.5rem}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .ai-suggestion{display:flex;gap:1rem;margin-bottom:1.5rem}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .ai-suggestion .ai-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #667eea, #764ba2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .ai-suggestion .ai-message{flex:1;background:#f7fafc;border-radius:12px;padding:1rem}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .ai-suggestion .ai-message p{margin:0 0 1rem 0;color:#4a5568;font-size:0.875rem}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .ai-suggestion .ai-message .ai-actions{display:flex;gap:0.5rem}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .ai-suggestion .ai-message .ai-actions .ai-btn{padding:0.5rem 1rem;border:none;border-radius:6px;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .ai-suggestion .ai-message .ai-actions .ai-btn.accept{background:#48bb78;color:white}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .ai-suggestion .ai-message .ai-actions .ai-btn.accept:hover{background:#38a169}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .ai-suggestion .ai-message .ai-actions .ai-btn.review{background:#e2e8f0;color:#4a5568}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .ai-suggestion .ai-message .ai-actions .ai-btn.review:hover{background:#cbd5e0}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .optimization-metrics{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .optimization-metrics .metric{text-align:center;padding:1rem;background:#f7fafc;border-radius:8px}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .optimization-metrics .metric .metric-value{font-size:1.5rem;font-weight:700;color:#ff6b35}.roadmap-advanced .advanced-mockup .mockup-container .ai-interface .optimization-metrics .metric .metric-label{font-size:0.75rem;color:#718096;text-transform:uppercase;letter-spacing:0.5px}.roadmap-timeline-section{padding:100px 0;background:linear-gradient(135deg, #1a202c 0%, #2d3748 100%);color:white}.roadmap-timeline-section .section-header{text-align:center;margin-bottom:4rem}.roadmap-timeline-section .section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.roadmap-timeline-section .section-header h2 .highlight{background:linear-gradient(45deg, #ff6b35, #ff8c61);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-timeline-section .section-header p{font-size:1.125rem;opacity:0.8;max-width:600px;margin:0 auto}.roadmap-timeline-section .timeline-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}.roadmap-timeline-section .timeline-quarter{background:rgba(255,255,255,0.05);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}.roadmap-timeline-section .timeline-quarter .quarter-header{text-align:center;margin-bottom:2rem}.roadmap-timeline-section .timeline-quarter .quarter-header h3{font-size:1.5rem;font-weight:700;margin-bottom:0.5rem}.roadmap-timeline-section .timeline-quarter .quarter-header .quarter-status{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600}.roadmap-timeline-section .timeline-quarter .quarter-header .quarter-status.current{background:#ff6b35;color:white}.roadmap-timeline-section .timeline-quarter .quarter-header .quarter-status.upcoming{background:rgba(255,107,53,0.2);color:#ff6b35}.roadmap-timeline-section .timeline-quarter .quarter-header .quarter-status.future{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7)}.roadmap-timeline-section .timeline-quarter .quarter-features .timeline-feature{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.1)}.roadmap-timeline-section .timeline-quarter .quarter-features .timeline-feature:last-child{border-bottom:none;margin-bottom:0}.roadmap-timeline-section .timeline-quarter .quarter-features .timeline-feature .feature-status{font-size:1.2rem;flex-shrink:0}.roadmap-timeline-section .timeline-quarter .quarter-features .timeline-feature .feature-content h4{font-size:1rem;font-weight:600;margin-bottom:0.5rem}.roadmap-timeline-section .timeline-quarter .quarter-features .timeline-feature .feature-content p{font-size:0.875rem;opacity:0.8;margin:0;line-height:1.5}.roadmap-timeline-section .timeline-quarter .quarter-features .timeline-feature.completed .feature-content{opacity:1}.roadmap-timeline-section .timeline-quarter .quarter-features .timeline-feature.in-progress .feature-content{opacity:0.9}.roadmap-timeline-section .timeline-quarter .quarter-features .timeline-feature.planned .feature-content{opacity:0.7}.roadmap-community{padding:100px 0;background:white}.roadmap-community .community-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.roadmap-community .community-stats h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#1a202c}.roadmap-community .community-stats h2 .highlight{background:linear-gradient(45deg, #ff6b35, #ff8c61);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-community .community-stats p{font-size:1.125rem;color:#718096;margin-bottom:2rem;line-height:1.6}.roadmap-community .community-stats .stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.roadmap-community .community-stats .stats-grid .stat-card{text-align:center;padding:1.5rem;background:linear-gradient(135deg, rgba(255,107,53,0.0627451), rgba(255,140,97,0.0627451));border-radius:12px;border:1px solid #ff6b3530}.roadmap-community .community-stats .stats-grid .stat-card .stat-number{font-size:2rem;font-weight:700;color:#ff6b35;margin-bottom:0.5rem}.roadmap-community .community-stats .stats-grid .stat-card .stat-label{font-size:0.875rem;color:#718096;text-transform:uppercase;letter-spacing:0.5px}.roadmap-community .feedback-form{background:#f7fafc;border-radius:16px;padding:2rem}.roadmap-community .feedback-form .form-header{text-align:center;margin-bottom:2rem}.roadmap-community .feedback-form .form-header h3{color:#1a202c;margin-bottom:0.5rem}.roadmap-community .feedback-form .form-header p{color:#718096;margin:0}.roadmap-community .feedback-form .feature-request-form .form-group{margin-bottom:1.5rem}.roadmap-community .feedback-form .feature-request-form .form-group label{display:block;font-weight:600;color:#4a5568;margin-bottom:0.5rem}.roadmap-community .feedback-form .feature-request-form .form-group input,.roadmap-community .feedback-form .feature-request-form .form-group textarea,.roadmap-community .feedback-form .feature-request-form .form-group select{width:100%;padding:0.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:0.875rem;transition:border-color 0.2s ease}.roadmap-community .feedback-form .feature-request-form .form-group input:focus,.roadmap-community .feedback-form .feature-request-form .form-group textarea:focus,.roadmap-community .feedback-form .feature-request-form .form-group select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,0.1)}.roadmap-community .feedback-form .feature-request-form .form-group textarea{resize:vertical;min-height:100px}.roadmap-community .feedback-form .feature-request-form .btn{width:100%;padding:0.875rem;background:linear-gradient(45deg, #ff6b35, #ff8c61);color:white;border:none;border-radius:8px;font-weight:600;transition:all 0.3s ease}.roadmap-community .feedback-form .feature-request-form .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,53,0.3)}.roadmap-cta{padding:100px 0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);position:relative;color:white;text-align:center;overflow:hidden}.roadmap-cta .cta-floating-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,0.1);animation:float 6s ease-in-out infinite}.roadmap-cta .cta-floating-orb:nth-child(1){width:100px;height:100px;top:20%;left:10%;animation-delay:0s}.roadmap-cta .cta-floating-orb:nth-child(2){width:150px;height:150px;top:60%;right:15%;animation-delay:2s}.roadmap-cta .cta-floating-orb:nth-child(3){width:80px;height:80px;bottom:20%;left:70%;animation-delay:4s}.roadmap-cta .container{position:relative;z-index:2}.roadmap-cta .cta-content h2{font-size:3rem;font-weight:800;margin-bottom:1.5rem}.roadmap-cta .cta-content h2 .highlight{background:linear-gradient(45deg, #ff6b35, #ff8c61);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-cta .cta-content p{font-size:1.25rem;opacity:0.9;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.roadmap-cta .cta-content .cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.roadmap-cta .cta-content .cta-actions .btn{padding:1rem 2rem;font-weight:600;border-radius:50px;transition:all 0.3s ease}.roadmap-cta .cta-content .cta-actions .btn.btn-primary{background:linear-gradient(45deg, #ff6b35, #ff8c61);border:none;box-shadow:0 8px 25px rgba(255,107,53,0.3)}.roadmap-cta .cta-content .cta-actions .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,107,53,0.4)}.roadmap-cta .cta-content .cta-actions .btn.btn-secondary{background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.3);color:white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.roadmap-cta .cta-content .cta-actions .btn.btn-secondary:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px)}.roadmap-cta .cta-content .cta-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.roadmap-cta .cta-content .cta-stats .cta-stat{text-align:center}.roadmap-cta .cta-content .cta-stats .cta-stat .stat-value{font-size:2.5rem;font-weight:800;margin-bottom:0.5rem;background:linear-gradient(45deg, #ff6b35, #ff8c61);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-cta .cta-content .cta-stats .cta-stat .stat-label{font-size:0.875rem;opacity:0.8;text-transform:uppercase;letter-spacing:0.5px}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes chartGrow{from{height:0}to{height:var(--height)}}@media (max-width: 768px){.roadmap-hero .hero-roadmap-visual{display:none}.roadmap-hero h1{font-size:2.5rem}.compliance-content,.advanced-content,.community-content{grid-template-columns:1fr;gap:2rem}.timeline-container{grid-template-columns:1fr}.api-features,.siteplan-features{grid-template-columns:1fr}.cta-stats{gap:2rem}}.workflow-status-card{border-left:4px solid var(--bs-primary);transition:all 0.2s ease;padding:1rem !important}.badges-container .badge{font-size:0.75rem;font-weight:500;padding:0.375rem 0.75rem;transition:all 0.2s ease}.badges-container .badge:hover{transform:scale(1.02)}.compact-progress{min-width:150px}.compact-progress .progress{background-color:#e9ecef;border-radius:2px}.workflow-toggle{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease}.workflow-toggle:hover{transform:scale(1.05)}.workflow-toggle i{font-size:0.875rem;transition:transform 0.3s ease}.workflow-details-expandable{overflow:hidden;transition:max-height 0.3s ease, opacity 0.3s ease}.workflow-detailed-info{border-radius:8px;padding:1rem;margin-bottom:1rem}.detailed-progress .progress{background-color:#e9ecef;border-radius:3px}.unassigned-compact{min-height:40px;padding:0.5rem 0}.unassigned-compact i{font-size:1.25rem}.quick-move-btn{transition:all 0.2s ease}.quick-move-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.workflow-status-card *{box-sizing:border-box}@media (max-width: 768px){.workflow-summary{flex-direction:column;align-items:flex-start !important;gap:1rem !important}.badges-container{flex-wrap:wrap}.compact-progress{width:100%;min-width:auto}.workflow-actions{margin-top:0.5rem}}.inverter-type-toggle{transform:scale(1.2)}.panels-field{transition:all 0.3s ease-in-out;max-height:0;overflow:hidden;opacity:0;margin-top:0}.panels-field.fade-in{max-height:100px;opacity:1;margin-top:15px}.d-none{display:none}.inverter-type-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:0.8rem;font-weight:500;margin-left:10px}.badge-micro{background-color:#d1ecf1;color:#0c5460}.badge-string{background-color:#f8d7da;color:#721c24}.profile-pic-wrapper{position:relative;display:inline-block;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer}.profile-pic-placeholder{width:120px;height:120px;border-radius:50%;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;border:2px dashed #dee2e6;transition:all 0.3s ease}.profile-pic-wrapper:hover .profile-pic-placeholder{border-color:#007bff;background-color:#e3f2fd}.profile-pic-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;border-radius:50%}.profile-pic-wrapper:hover .profile-pic-overlay{opacity:1}.profile-pic-buttons{display:flex;gap:8px;align-items:center}.profile-pic-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.profile-pic-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.2s ease;font-size:14px}.profile-pic-btn-view{background-color:#007bff;color:white}.profile-pic-btn-view:hover{background-color:#0056b3;color:white;transform:scale(1.1)}.profile-pic-btn-delete{background-color:#dc3545;color:white}.profile-pic-btn-delete:hover{background-color:#c82333;color:white;transform:scale(1.1)}.profile-pic-btn i{font-size:16px}.upload-form{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-input{width:100%;height:100%;cursor:pointer}.upload-input:hover{cursor:pointer}.company-logo-container{width:100%;height:200px;border-radius:12px;overflow:hidden;cursor:pointer}.company-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:200px;border-radius:12px;overflow:hidden;cursor:pointer}.company-logo-placeholder{width:100%;height:100%;border-radius:12px;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;border:2px dashed #dee2e6;transition:all 0.3s ease}.company-logo-placeholder i{font-size:4rem;color:#6c757d}.company-logo-wrapper:hover .company-logo-placeholder{border-color:#007bff;background-color:#e3f2fd}.company-logo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;border-radius:12px}.company-logo-wrapper:hover .company-logo-overlay{opacity:1}.company-logo-buttons{display:flex;gap:8px;align-items:center}.company-logo-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.company-logo-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.2s ease;font-size:14px}.company-logo-btn-view{background-color:#007bff;color:white}.company-logo-btn-view:hover{background-color:#0056b3;color:white;transform:scale(1.1)}.company-logo-btn-delete{background-color:#dc3545;color:white}.company-logo-btn-delete:hover{background-color:#c82333;color:white;transform:scale(1.1)}.company-logo-btn i{font-size:16px}.company-logo-upload-form{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.company-logo-upload-input{width:100%;height:100%;cursor:pointer}.company-logo-upload-input:hover{cursor:pointer}.company-logo-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;border-radius:12px;background:transparent}.pricing-table-container{border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #4e4e4e}.pricing-table{border-collapse:separate;border-spacing:0;background:transparent;border-radius:8px;overflow:hidden;margin-bottom:0;display:table !important;width:100%;font-family:'Quicksand', sans-serif}.pricing-table thead th{border:none;background:transparent;color:#2d3436;padding:0;position:relative;vertical-align:top;border-bottom:2px solid #4e4e4e}.pricing-table .feature-column{background:transparent;border-right:1px solid #4e4e4e;width:30%}.pricing-table .pricing-column{width:23.33%;position:relative}.pricing-table .most-popular{background:transparent;position:relative}.popular-badge{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#6c63ff;color:white;padding:4px 12px;border-radius:12px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;font-family:'Quicksand', sans-serif;z-index:10}.pricing-header{padding:1.5rem 1rem;text-align:center}.pricing-header h3{font-weight:600;font-size:1rem;margin-bottom:0.5rem;color:#2d3436;font-family:'Quicksand', sans-serif}.price-display{margin-bottom:0.25rem}.price-display .price{font-size:1.8rem;font-weight:700;color:#2d3436;line-height:1;font-family:'Quicksand', sans-serif}.price-display .period{font-size:0.9rem;color:#636e72;font-weight:500;font-family:'Quicksand', sans-serif}.billing-info{font-size:0.75rem;color:#636e72;margin-bottom:1rem;font-family:'Quicksand', sans-serif}.pricing-table tbody tr{border-bottom:1px solid #4e4e4e;transition:background-color 0.2s ease}.pricing-table tbody tr:hover{background-color:#f47424}.pricing-table tbody tr:last-child{border-bottom:none}.pricing-table td{padding:0.75rem 1rem;border:none;vertical-align:middle}.feature-name{font-weight:500;color:#2d3436;font-size:0.85rem;line-height:1.4;font-family:'Quicksand', sans-serif}.feature-name .d-flex{align-items:center}.feature-category .category-header{background:transparent;color:#2d3436;font-weight:600;padding:0.75rem 1rem;border:none;border-top:1px solid #4e4e4e}.feature-header{background:transparent;color:#2d3436;padding:1.5rem 1rem;text-align:center;border-radius:8px 0 0 0}.feature-header h4{color:#2d3436;font-weight:600;font-size:1rem;font-family:'Quicksand', sans-serif}.category-header h5{color:#2d3436;font-weight:600;letter-spacing:0.5px;margin:0;font-size:0.75rem;font-family:'Quicksand', sans-serif}.pricing-table .fa-check{color:#335eea !important;font-size:1rem}.pricing-table .fa-xmark{color:#4e4e4e !important;font-size:1rem}.pricing-table .brandlogosm{max-width:60px;height:auto;opacity:0.7;transition:opacity 0.2s ease}.pricing-table .brandlogosm:hover{opacity:1}@media (max-width: 768px){.pricing-table-container{padding:1.5rem 1rem 1rem 1rem;margin:1rem -0.5rem 0 -0.5rem}.pricing-header{padding:1rem 0.75rem}.pricing-header h3{font-size:0.9rem}.price-display .price{font-size:1.5rem}.pricing-table td{padding:0.6rem 0.75rem}.feature-name{font-size:0.8rem}.popular-badge{font-size:0.65rem;padding:3px 10px}.brandlogosm{max-width:50px !important}}@media (max-width: 576px){.pricing-table-container{border-radius:6px;padding:1.25rem 0.75rem 0.75rem 0.75rem;margin:0.75rem 0 0 0}.pricing-table{border-radius:6px}.pricing-header{padding:0.75rem 0.5rem}.pricing-header h3{font-size:0.85rem}.price-display .price{font-size:1.4rem}.pricing-table td{padding:0.5rem}.feature-name{font-size:0.75rem}}.floating-menu{position:fixed;right:16px;bottom:16px;z-index:1050}.floating-menu__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid #d5d9d9;background-color:#ffffff;box-shadow:0 4px 16px rgba(0,0,0,0.12);cursor:pointer}.floating-menu__panel{margin-top:8px;min-width:220px;max-width:280px;max-height:60vh;overflow-y:auto;padding:10px;border-radius:12px;border:1px solid #e5e7eb;background-color:#ffffff;box-shadow:0 12px 32px rgba(0,0,0,0.18)}.floating-menu__item{padding:2px 0}.floating-menu__item a{text-decoration:none;color:#335eea}.floating-menu.is-open .floating-menu__panel{display:block}.mention-dropdown{display:none;position:absolute;z-index:1000;background-color:white;border:2px solid #007bff;border-radius:0.375rem;max-height:200px;overflow-y:auto;min-width:250px;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.mention-dropdown .mention-user-item{padding:0.75rem 1rem;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:background-color 0.15s ease-in-out}.mention-dropdown .mention-user-item:last-child{border-bottom:none}.mention-dropdown .mention-user-item:hover,.mention-dropdown .mention-user-item.selected{background-color:#f8f9fa}.mention-dropdown .mention-user-item .user-name{font-weight:500;margin-bottom:0.25rem;color:#212529}.mention-dropdown .mention-user-item .user-email{font-size:0.875rem;color:#6c757d;margin:0}.mention-dropdown .no-users-found{padding:0.75rem 1rem;color:#6c757d;font-style:italic;text-align:center}.mention-highlight{background-color:#e3f2fd;color:#1976d2;padding:0.125rem 0.25rem;border-radius:0.25rem;font-weight:500}.comment-form [data-controller="mention"],.reply-form [data-controller="mention"],.comment-edit-form [data-controller="mention"]{position:relative}.comment-form [data-controller="mention"] .mention-dropdown,.reply-form [data-controller="mention"] .mention-dropdown,.comment-edit-form [data-controller="mention"] .mention-dropdown{z-index:1050;position:absolute}@media (max-width: 768px){.mention-dropdown{min-width:200px;max-width:calc(100vw - 2rem)}.mention-dropdown .mention-user-item{padding:0.5rem 0.75rem}.mention-dropdown .mention-user-item .user-email{font-size:0.8125rem}}.messages-container{scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3)}.message-item{animation:fadeInUp 0.3s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-avatar .avatar-placeholder{transition:all 0.3s ease}.message-avatar .avatar-placeholder:hover{transform:scale(1.05)}.message-bubble{padding:16px 20px;border-radius:20px;position:relative;box-shadow:0 2px 12px rgba(0,0,0,0.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 0.3s ease}.message-bubble:hover{box-shadow:0 4px 20px rgba(0,0,0,0.12);transform:translateY(-1px)}.message-bubble.message-bubble-own{color:white}.message-bubble.message-bubble-own::after{content:'';position:absolute;bottom:8px;right:-8px;width:0;height:0;border:8px solid transparent;border-right:0;margin-right:-8px}.message-bubble.message-bubble-own .text-muted{color:rgba(255,255,255,0.8) !important}.message-bubble.message-bubble-own .badge{background:rgba(255,255,255,0.2) !important;color:white !important}.message-bubble.message-bubble-other::after{content:'';position:absolute;bottom:8px;left:-8px;width:0;height:0;border:8px solid transparent;border-left:0;margin-left:-8px}.message-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:20px;box-shadow:0 -4px 20px rgba(0,0,0,0.08)}.message-form textarea{resize:none;border-radius:20px;padding:12px 20px;transition:all 0.3s ease}.message-form textarea:focus{box-shadow:0 0 0 0.2rem rgba(0,123,255,0.1)}.message-form .file-upload-wrapper label{border-radius:20px;margin-bottom:0;padding:12px;transition:all 0.3s ease}.message-form .file-upload-wrapper label:hover{opacity:1}.document-item{transition:all 0.3s ease;border-radius:12px}.document-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.messaging-header .client-status-badge{font-size:10px}.messaging-container .lightcard{border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-sending{opacity:0.7}.message-sending::after{content:'⏳';margin-left:8px}.message-delivered::after{content:'✓';margin-left:8px;color:rgba(255,255,255,0.6)}.message-new{animation:pulseNew 0.5s ease}@keyframes pulseNew{0%{transform:scale(1);box-shadow:0 2px 12px rgba(0,0,0,0.08)}50%{transform:scale(1.02);box-shadow:0 6px 20px rgba(0,123,255,0.2)}100%{transform:scale(1);box-shadow:0 2px 12px rgba(0,0,0,0.08)}}.message-updated{animation:flashUpdate 1s ease}@keyframes flashUpdate{0%{background-color:transparent}50%{background-color:rgba(255,235,59,0.3)}100%{background-color:transparent}}.typing-indicator{display:flex;align-items:center;padding:16px 20px;margin-bottom:16px}.typing-indicator .typing-dots{display:flex;gap:4px}.typing-indicator .typing-dots span{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,0.4);animation:typingDot 1.4s infinite ease-in-out}.typing-indicator .typing-dots span:nth-child(1){animation-delay:-0.32s}.typing-indicator .typing-dots span:nth-child(2){animation-delay:-0.16s}.typing-indicator .typing-dots span:nth-child(3){animation-delay:0s}@keyframes typingDot{0%,80%,100%{transform:scale(0.8);opacity:0.5}40%{transform:scale(1);opacity:1}}.message-actions .mdui-icon[disabled]{opacity:0.5;cursor:not-allowed}.message-actions .mdui-icon[disabled]:hover{background-color:transparent !important;transform:none !important}.message-actions .mdui-icon:not([disabled]):hover{transform:scale(1.1)}.search-bar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-bar-container .form-control{border:1px solid #e0e0e0;transition:all 0.3s ease}.search-bar-container .form-control:focus{border-color:#007bff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.1)}.search-highlight{background-color:#fff3cd;color:#856404;padding:2px 4px;border-radius:3px;font-weight:500}.search-active-match{animation:searchPulse 1s ease}@keyframes searchPulse{0%{background-color:transparent}50%{background-color:rgba(0,123,255,0.1)}100%{background-color:transparent}}.message-input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,0.1);position:relative}.message-input-area .message-input{border:1px solid #e0e0e0;transition:all 0.3s ease}.message-input-area .message-input:focus{border-color:#007bff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.1)}.message-input-area .btn{transition:all 0.3s ease}.message-input-area .btn:hover{transform:translateY(-1px)}.message-input-area .btn.btn-primary{background:linear-gradient(135deg, #007bff, #0056b3);border:none}.message-input-area .btn.btn-primary:hover{background:linear-gradient(135deg, #0056b3, #004085)}.emoji-picker{max-height:300px;overflow-y:auto}.emoji-picker .emoji-btn{transition:all 0.2s ease}.emoji-picker .emoji-btn:hover{background-color:#f8f9fa;transform:scale(1.2)}.message-reactions .emoji-reaction{transition:all 0.3s ease;background-color:rgba(0,123,255,0.1);border-color:rgba(0,123,255,0.3);color:#007bff}.message-reactions .emoji-reaction:hover{background-color:rgba(0,123,255,0.2);transform:scale(1.05)}.message-reactions .emoji-reaction .reaction-count{font-weight:600;margin-left:4px}.message-reactions .reaction-added{animation:reactionPop 0.3s ease}@keyframes reactionPop{0%{transform:scale(0.8)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.message-reactions .emoji-add-btn{opacity:0.7;transition:all 0.3s ease}.message-reactions .emoji-add-btn:hover{opacity:1;transform:scale(1.05)}.document-preview-message .document-overlay{background-color:rgba(0,0,0,0.3);opacity:0;transition:opacity 0.3s ease}.document-preview-message .document-preview-link:hover .document-overlay{opacity:1}.document-preview-message .view-icon{transform:scale(0.8);transition:transform 0.3s ease}.document-preview-message .document-preview-link:hover .view-icon{transform:scale(1)}.document-preview-message .document-info .btn-outline-primary{font-size:12px;padding:4px 8px}.typing-indicator{opacity:0;animation:fadeIn 0.3s ease forwards}@keyframes fadeIn{to{opacity:1}}.document-gif-container{transition:all 0.3s ease}.document-gif-container:hover{transform:scale(1.02);box-shadow:0 4px 20px rgba(0,0,0,0.15)}.document-gif-container .gif-message{transition:all 0.3s ease}.document-gif-container .gif-indicator{transition:all 0.3s ease}.document-gif-container .gif-indicator .badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.document-gif-container:hover .gif-indicator{transform:scale(1.1)}.file-upload-wrapper{position:relative}.file-upload-wrapper::after{content:"📎 Files, GIFs & Media";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:10px;color:#6c757d;white-space:nowrap;opacity:0;transition:opacity 0.3s ease}.file-upload-wrapper:hover::after{opacity:1}@media (max-width: 767.98px){.messaging-container{height:calc(100vh - 150px) !important}.conversation-item{border-radius:0 !important}.conversation-item.has-unread{opacity:1}.offcanvas-body .conversations-list{max-height:none !important}}@media (min-width: 768px){.conversation-item:hover{opacity:0.85;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:all 0.2s ease}}.conversation-item.has-unread{border-left:4px solid #dc3545}.conversation-item.has-unread.active{border-left:4px solid #2196f3}.badge.pulse-badge{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.gif-picker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,0.1) !important}.gif-picker .gif-picker-header{border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:12px}.gif-picker .gif-picker-header .form-control{transition:all 0.3s ease}.gif-picker .gif-picker-header .form-control:focus{border-color:#007bff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.1)}.gif-picker .gif-categories .btn{transition:all 0.3s ease}.gif-picker .gif-categories .btn:hover{transform:translateY(-1px);background-color:#007bff;color:white}.gif-picker .gif-results{background:#f8f9fa;border-radius:8px}.gif-picker .gif-results .gif-item img{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.gif-picker .gif-results .gif-item img:hover{box-shadow:0 4px 16px rgba(0,123,255,0.3)}.gif-picker .spinner-border{color:#007bff}.unread-messages{position:relative}.unread-messages::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, rgba(220,53,69,0.1), rgba(220,53,69,0.05));border-radius:inherit;z-index:-1}.pulse-badge{animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}100%{transform:scale(1);opacity:1}}.btn.btn-danger{position:relative}.btn.btn-danger::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#dc3545;border-radius:50%;border:2px solid white}.messaging-section{background:linear-gradient(135deg, rgba(255,107,53,0.02) 0%, rgba(247,147,30,0.02) 100%)}.messaging-section .section-badge-messaging{display:inline-flex;align-items:center;padding:0.5rem 1rem;background:rgba(255,107,53,0.1);color:#ff6b35;border-radius:50px;font-size:0.875rem;font-weight:600;border:1px solid rgba(255,107,53,0.2)}.messaging-section .section-title-messaging{font-size:2.5rem;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:1rem}.messaging-section .section-subtitle-messaging{font-size:1.125rem;color:#6b7280;line-height:1.6}.messaging-section .messaging-features .messaging-feature{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:rgba(255,255,255,0.6);border-radius:12px;border:1px solid rgba(255,255,255,0.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.messaging-section .messaging-features .messaging-feature:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(255,107,53,0.1);border-color:rgba(255,107,53,0.2)}.messaging-section .messaging-features .messaging-feature i{color:#ff6b35;font-size:1.5rem;margin-top:0.25rem;min-width:2rem}.messaging-section .messaging-features .messaging-feature h5{color:#1f2937;font-weight:600;margin-bottom:0.25rem;font-size:1.125rem}.messaging-section .messaging-features .messaging-feature p{color:#6b7280;margin:0;font-size:0.875rem;line-height:1.5}.messaging-modern .phone-mockup{width:300px;height:600px;margin:0 auto;position:relative}.messaging-modern .phone-mockup::before{content:'';position:absolute;inset:-10px;background:linear-gradient(45deg, #ff6b35, #f7931e, #ff6b35, #f7931e);border-radius:36px;z-index:-1;animation:rotate-gradient 3s linear infinite}.messaging-modern .phone-mockup .phone-screen{width:100%;height:100%;background:white;border-radius:26px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.15);display:flex;flex-direction:column}.messaging-modern .chat-header{background:linear-gradient(135deg, #1f2937 0%, #111827 100%);color:white;padding:1rem;display:flex;align-items:center;justify-content:space-between}.messaging-modern .chat-header .chat-info{display:flex;align-items:center;gap:0.75rem}.messaging-modern .chat-header .chat-info .company-avatar{width:40px;height:40px;background:linear-gradient(135deg, #ff6b35, #f7931e);border-radius:50%;position:relative}.messaging-modern .chat-header .chat-info .company-avatar::before{content:'S';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:1.25rem}.messaging-modern .chat-header .chat-info .company-name{font-weight:600;font-size:1.1rem}.messaging-modern .chat-header .chat-info .online-status{font-size:0.75rem;color:#10b981;font-weight:500}.messaging-modern .chat-header .chat-actions{display:flex;gap:1rem}.messaging-modern .chat-header .chat-actions i{font-size:1.25rem;opacity:0.8;cursor:pointer;transition:opacity 0.2s}.messaging-modern .chat-header .chat-actions i:hover{opacity:1}.messaging-modern .chat-messages{flex:1;padding:1rem;overflow-y:auto;background:#f9fafb}.messaging-modern .chat-messages .message-modern{margin-bottom:1rem}.messaging-modern .chat-messages .message-modern.received .message-bubble{background:white;color:#1f2937;margin-right:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.messaging-modern .chat-messages .message-modern.received .message-timestamp{text-align:left}.messaging-modern .chat-messages .message-modern.sent .message-bubble{background:linear-gradient(135deg, #ff6b35, #f7931e);color:white;margin-left:2rem;box-shadow:0 4px 12px rgba(255,107,53,0.3)}.messaging-modern .chat-messages .message-modern.sent .message-timestamp{text-align:right}.messaging-modern .chat-messages .message-modern .message-bubble{padding:0.75rem 1rem;border-radius:20px;font-size:0.9rem;line-height:1.4;word-wrap:break-word}.messaging-modern .chat-messages .message-modern .message-timestamp{font-size:0.7rem;color:#9ca3af;margin-top:0.5rem}.messaging-modern .chat-messages .typing-indicator{display:flex;align-items:center;margin-left:1rem}.messaging-modern .chat-messages .typing-indicator .typing-dots{display:flex;gap:0.25rem}.messaging-modern .chat-messages .typing-indicator .typing-dots span{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.messaging-modern .chat-messages .typing-indicator .typing-dots span:nth-child(1){animation-delay:-0.32s}.messaging-modern .chat-messages .typing-indicator .typing-dots span:nth-child(2){animation-delay:-0.16s}.messaging-modern .chat-input{padding:1rem;background:white;border-top:1px solid #e5e7eb;display:flex;gap:0.75rem;align-items:center}.messaging-modern .chat-input input{flex:1;border:1px solid #d1d5db;border-radius:25px;padding:0.75rem 1rem;font-size:0.9rem;outline:none;transition:border-color 0.2s}.messaging-modern .chat-input input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,0.1)}.messaging-modern .chat-input .send-btn{width:44px;height:44px;background:linear-gradient(135deg, #ff6b35, #f7931e);color:white;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s, box-shadow 0.2s}.messaging-modern .chat-input .send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(255,107,53,0.4)}.messaging-modern .chat-input .send-btn i{font-size:1.1rem}.features-comprehensive{background:linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.9) 50%, rgba(255,255,255,0.9) 100%)}.features-comprehensive .section-badge-docs{display:inline-flex;align-items:center;padding:0.5rem 1rem;background:rgba(79,70,229,0.1);color:#4f46e5;border-radius:50px;font-size:0.875rem;font-weight:600;border:1px solid rgba(79,70,229,0.2)}.features-comprehensive .section-title-docs{font-size:2.5rem;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:1rem}.features-comprehensive .section-subtitle-docs{font-size:1.125rem;color:#6b7280;line-height:1.6}.doc-card-modern{background:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.3);border-radius:20px;padding:2rem;text-align:center;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.doc-card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, transparent, rgba(79,70,229,0.6), transparent);transform:translateX(-100%);transition:transform 0.6s ease}.doc-card-modern:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,0.15);border-color:rgba(79,70,229,0.3)}.doc-card-modern:hover::before{transform:translateX(100%)}.doc-card-modern:hover .doc-icon-modern{transform:scale(1.1) rotate(5deg)}.doc-card-modern.contracts{background:linear-gradient(135deg, rgba(16,185,129,0.05) 0%, rgba(5,150,105,0.05) 100%)}.doc-card-modern.contracts .doc-icon-modern{background:linear-gradient(135deg, #10b981, #059669)}.doc-card-modern.reports{background:linear-gradient(135deg, rgba(99,102,241,0.05) 0%, rgba(79,70,229,0.05) 100%)}.doc-card-modern.reports .doc-icon-modern{background:linear-gradient(135deg, #6366f1, #4f46e5)}.doc-card-modern.system{background:linear-gradient(135deg, rgba(245,158,11,0.05) 0%, rgba(217,119,6,0.05) 100%)}.doc-card-modern.system .doc-icon-modern{background:linear-gradient(135deg, #f59e0b, #d97706)}.doc-card-modern .doc-icon-modern{width:4rem;height:4rem;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 8px 16px rgba(0,0,0,0.1)}.doc-card-modern h5{color:#1f2937;font-weight:600;margin-bottom:1rem;font-size:1.25rem}.doc-card-modern p{color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.doc-card-modern .doc-stats{display:flex;justify-content:center;gap:0.75rem;flex-wrap:wrap}.doc-card-modern .doc-stats .stat-badge{padding:0.25rem 0.75rem;background:rgba(79,70,229,0.1);color:#4f46e5;border-radius:50px;font-size:0.75rem;font-weight:600}.section-badge-branding{display:inline-flex;align-items:center;padding:0.5rem 1rem;background:rgba(236,72,153,0.1);color:#ec4899;border-radius:50px;font-size:0.875rem;font-weight:600;border:1px solid rgba(236,72,153,0.2)}.section-title-branding{font-size:2.5rem;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:1rem}.section-subtitle-branding{font-size:1.125rem;color:#6b7280;line-height:1.6}.branding-modern .brand-showcase-modern{display:flex;flex-direction:column;gap:1rem}.branding-modern .brand-showcase-modern .brand-example-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:all 0.3s ease}.branding-modern .brand-showcase-modern .brand-example-modern:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.branding-modern .brand-showcase-modern .brand-example-modern.tech .brand-header-modern{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.branding-modern .brand-showcase-modern .brand-example-modern.sunrise .brand-header-modern{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.branding-modern .brand-showcase-modern .brand-example-modern .brand-header-modern{padding:1rem;color:white;display:flex;justify-content:space-between;align-items:center}.branding-modern .brand-showcase-modern .brand-example-modern .brand-header-modern .brand-logo-modern{font-size:1.1rem;font-weight:700}.branding-modern .brand-showcase-modern .brand-example-modern .brand-header-modern .brand-menu{font-size:1.25rem;opacity:0.8}.branding-modern .brand-showcase-modern .brand-example-modern .brand-content-modern{padding:1rem}.branding-modern .brand-showcase-modern .brand-example-modern .brand-content-modern .brand-nav{display:flex;gap:1rem;margin-bottom:1rem}.branding-modern .brand-showcase-modern .brand-example-modern .brand-content-modern .brand-nav span{font-size:0.875rem;color:#6b7280;cursor:pointer;transition:color 0.2s}.branding-modern .brand-showcase-modern .brand-example-modern .brand-content-modern .brand-nav span.nav-active{color:#1f2937;font-weight:600}.branding-modern .brand-showcase-modern .brand-example-modern .brand-content-modern .brand-welcome{color:#4b5563;font-size:0.9rem}.branding-features .branding-feature{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.branding-features .branding-feature .feature-check-branding{width:2.5rem;height:2.5rem;background:linear-gradient(135deg, #ec4899, #be185d);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(236,72,153,0.3)}.branding-features .branding-feature .feature-check-branding i{font-size:1rem}.branding-features .branding-feature h6{color:#1f2937;font-weight:600;margin-bottom:0.25rem}.branding-features .branding-feature p{color:#6b7280;margin:0;font-size:0.875rem;line-height:1.5}.integration-preview{padding:1.5rem;background:rgba(255,255,255,0.6);border-radius:12px;border:1px solid rgba(255,255,255,0.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.integration-preview h6{color:#1f2937;font-weight:600;margin-bottom:1rem}.integration-preview .integration-logos-modern{display:flex;gap:1rem}.integration-preview .integration-logos-modern .integration-item{flex:1;text-align:center;padding:1rem;background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.integration-preview .integration-logos-modern .integration-item .integration-logo-modern{height:32px;-o-object-fit:contain;object-fit:contain;margin-bottom:0.5rem}.integration-preview .integration-logos-modern .integration-item .integration-status{font-size:0.75rem;font-weight:600}.integration-preview .integration-logos-modern .integration-item .integration-status.connected{color:#10b981}.cta-portal{background:linear-gradient(135deg, #1f2937 0%, #111827 100%);color:white}.cta-portal .cta-background-portal{position:absolute;inset:0;overflow:hidden}.cta-portal .cta-background-portal .cta-orb-portal{position:absolute;border-radius:50%;filter:blur(40px);animation:float-orb 6s ease-in-out infinite}.cta-portal .cta-background-portal .cta-orb-portal.orb-cta-portal-1{width:300px;height:300px;background:radial-gradient(circle, rgba(255,107,53,0.3) 0%, transparent 70%);top:-150px;left:-150px;animation-delay:0s}.cta-portal .cta-background-portal .cta-orb-portal.orb-cta-portal-2{width:250px;height:250px;background:radial-gradient(circle, rgba(79,70,229,0.3) 0%, transparent 70%);bottom:-125px;right:-125px;animation-delay:-3s}.cta-portal .cta-content-portal{text-align:center}.cta-portal .cta-title-portal{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.cta-portal .cta-title-portal .gradient-text-cta-portal{background:linear-gradient(135deg, #ff6b35, #f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-portal .cta-subtitle-portal{font-size:1.25rem;color:#d1d5db;line-height:1.6;max-width:600px;margin:0 auto}.cta-portal .btn-cta-portal{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 2rem;background:linear-gradient(135deg, #ff6b35, #f7931e);color:white;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 8px 24px rgba(255,107,53,0.3)}.cta-portal .btn-cta-portal:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,107,53,0.4);color:white;text-decoration:none}.cta-portal .btn-cta-portal i{transition:transform 0.3s ease}.cta-portal .btn-cta-portal:hover i{transform:translateX(4px)}.cta-portal .cta-features-portal{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.cta-portal .cta-features-portal .cta-feature{display:flex;align-items:center;gap:0.5rem;color:#d1d5db;font-size:0.9rem}.cta-portal .cta-features-portal .cta-feature i{color:#10b981;font-size:1.1rem}@keyframes rotate-gradient{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes typing-bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@keyframes float-orb{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.messaging-modern .phone-mockup{width:280px;height:560px}.section-title-messaging,.section-title-docs,.section-title-branding{font-size:2rem}.cta-title-portal{font-size:2.25rem}.cta-features-portal{flex-direction:column;gap:1rem}.cta-features-portal .cta-feature{justify-content:center}.brand-showcase-modern .brand-example-modern{margin:0 1rem}.messaging-features .messaging-feature{flex-direction:column;text-align:center}.messaging-features .messaging-feature i{align-self:center}}@media (max-width: 576px){.messaging-modern .phone-mockup{width:260px;height:520px}.doc-card-modern{padding:1.5rem}.integration-logos-modern{flex-direction:column;gap:0.75rem}}.client-portal-hero{background:linear-gradient(135deg, rgba(255,107,53,0.03) 0%, rgba(247,147,30,0.03) 100%);position:relative;overflow:hidden}.client-portal-hero .hero-background{position:absolute;inset:0;pointer-events:none}.client-portal-hero .hero-background .floating-orb-hero{position:absolute;border-radius:50%;filter:blur(60px);animation:float-hero 8s ease-in-out infinite}.client-portal-hero .hero-background .floating-orb-hero.orb-hero-1{width:400px;height:400px;background:radial-gradient(circle, rgba(255,107,53,0.2) 0%, transparent 70%);top:-200px;left:-200px;animation-delay:0s}.client-portal-hero .hero-background .floating-orb-hero.orb-hero-2{width:300px;height:300px;background:radial-gradient(circle, rgba(79,70,229,0.15) 0%, transparent 70%);top:50%;right:-150px;animation-delay:-3s}.client-portal-hero .hero-background .floating-orb-hero.orb-hero-3{width:250px;height:250px;background:radial-gradient(circle, rgba(16,185,129,0.1) 0%, transparent 70%);bottom:-125px;left:50%;animation-delay:-6s}.client-portal-hero .hero-badge{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;background:rgba(255,255,255,0.9);border:1px solid rgba(255,107,53,0.2);border-radius:50px;color:#ff6b35;font-size:0.875rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(255,107,53,0.1)}.client-portal-hero .hero-badge i{margin-right:0.5rem}.client-portal-hero .hero-title{font-size:3.5rem;font-weight:800;color:#1f2937;line-height:1.1;margin-bottom:1.5rem}.client-portal-hero .hero-title .gradient-text-hero{background:linear-gradient(135deg, #ff6b35, #f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.client-portal-hero .hero-subtitle{font-size:1.25rem;color:#6b7280;line-height:1.6;max-width:500px}.client-portal-hero .hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.client-portal-hero .btn-hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 2rem;background:linear-gradient(135deg, #ff6b35, #f7931e);color:white;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 8px 24px rgba(255,107,53,0.3);border:none}.client-portal-hero .btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,107,53,0.4);color:white;text-decoration:none}.client-portal-hero .btn-hero-primary i{transition:transform 0.3s ease}.client-portal-hero .btn-hero-primary:hover i{transform:translateX(4px)}.client-portal-hero .btn-hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 2rem;background:rgba(255,255,255,0.9);color:#1f2937;border:2px solid rgba(255,107,53,0.2);border-radius:50px;font-weight:600;font-size:1.1rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.client-portal-hero .btn-hero-secondary:hover{transform:translateY(-2px);background:white;border-color:#ff6b35;box-shadow:0 8px 24px rgba(255,107,53,0.15);color:#ff6b35}.client-portal-hero .btn-hero-secondary i{transition:transform 0.3s ease}.client-portal-hero .btn-hero-secondary:hover i{transform:scale(1.1)}.client-portal-hero .hero-trust-indicators{display:flex;gap:2rem;flex-wrap:wrap}.client-portal-hero .hero-trust-indicators .trust-indicator{text-align:center}.client-portal-hero .hero-trust-indicators .trust-indicator .trust-number{font-size:2rem;font-weight:700;color:#ff6b35;line-height:1;margin-bottom:0.25rem}.client-portal-hero .hero-trust-indicators .trust-indicator .trust-text{font-size:0.875rem;color:#6b7280;font-weight:500}.portal-mockup-modern .mockup-container{position:relative;max-width:600px;margin:0 auto}.portal-mockup-modern .portal-device{background:white;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.15);overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:all 0.3s ease}.portal-mockup-modern .portal-device:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg);box-shadow:0 30px 80px rgba(0,0,0,0.2)}.portal-mockup-modern .portal-header-modern{background:linear-gradient(135deg, #1f2937, #111827);color:white;padding:1rem;display:flex;align-items:center;justify-content:space-between}.portal-mockup-modern .portal-header-modern .portal-controls{display:flex;gap:0.5rem}.portal-mockup-modern .portal-header-modern .portal-controls .control-dot{width:12px;height:12px;border-radius:50%}.portal-mockup-modern .portal-header-modern .portal-controls .control-dot.red{background:#ef4444}.portal-mockup-modern .portal-header-modern .portal-controls .control-dot.yellow{background:#f59e0b}.portal-mockup-modern .portal-header-modern .portal-controls .control-dot.green{background:#10b981}.portal-mockup-modern .portal-header-modern .portal-logo-modern{font-size:1.1rem;font-weight:600}.portal-mockup-modern .portal-header-modern .portal-user{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem}.portal-mockup-modern .portal-header-modern .portal-user .user-avatar{width:28px;height:28px;background:linear-gradient(135deg, #ff6b35, #f7931e);border-radius:50%;position:relative}.portal-mockup-modern .portal-header-modern .portal-user .user-avatar::before{content:'S';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:0.8rem}.portal-mockup-modern .portal-nav-modern{background:#f8f9fa;padding:0.75rem 1rem;display:flex;gap:1.5rem;border-bottom:1px solid #e5e7eb}.portal-mockup-modern .portal-nav-modern .nav-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:8px;font-size:0.875rem;color:#6b7280;cursor:pointer;transition:all 0.2s ease;position:relative}.portal-mockup-modern .portal-nav-modern .nav-item.active{color:#ff6b35;background:rgba(255,107,53,0.1)}.portal-mockup-modern .portal-nav-modern .nav-item i{font-size:1rem}.portal-mockup-modern .portal-nav-modern .nav-item .badge{background:#ef4444;color:white;font-size:0.7rem;padding:0.15rem 0.4rem;border-radius:10px;margin-left:0.25rem}.portal-mockup-modern .portal-content-modern{padding:1.5rem}.portal-mockup-modern .portal-content-modern .welcome-modern{margin-bottom:2rem}.portal-mockup-modern .portal-content-modern .welcome-modern h4{color:#1f2937;font-weight:600;margin-bottom:0.5rem}.portal-mockup-modern .portal-content-modern .welcome-modern p{color:#6b7280;margin:0}.portal-mockup-modern .portal-content-modern .welcome-modern p .highlight{color:#ff6b35;font-weight:600}.portal-mockup-modern .portal-content-modern .stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1rem;margin-bottom:2rem}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern{background:#f8f9fa;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:0.75rem;transition:all 0.2s ease}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern .stat-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.1rem}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern.savings .stat-icon{background:linear-gradient(135deg, #10b981, #059669)}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern.co2 .stat-icon{background:linear-gradient(135deg, #6366f1, #4f46e5)}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern.energy .stat-icon{background:linear-gradient(135deg, #f59e0b, #d97706)}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern .stat-info{flex:1}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern .stat-info .stat-value{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1;margin-bottom:0.25rem}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern .stat-info .stat-label{font-size:0.75rem;color:#6b7280}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern .stat-trend{font-size:0.8rem;font-weight:600}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern .stat-trend.up{color:#10b981}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern .system-status{font-size:0.8rem;font-weight:600}.portal-mockup-modern .portal-content-modern .stats-grid-modern .stat-card-modern .system-status.online{color:#10b981}.portal-mockup-modern .portal-content-modern .production-preview .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.portal-mockup-modern .portal-content-modern .production-preview .chart-header h6{color:#1f2937;font-weight:600;margin:0}.portal-mockup-modern .portal-content-modern .production-preview .chart-header .chart-total{color:#ff6b35;font-weight:600;font-size:0.9rem}.portal-mockup-modern .portal-content-modern .production-preview .mini-chart{display:flex;align-items:end;gap:0.25rem;height:60px}.portal-mockup-modern .portal-content-modern .production-preview .mini-chart .chart-bar{flex:1;background:linear-gradient(to top, rgba(255,107,53,0.3), rgba(255,107,53,0.6));border-radius:3px 3px 0 0;transition:all 0.2s ease}.portal-mockup-modern .portal-content-modern .production-preview .mini-chart .chart-bar.active{background:linear-gradient(to top, #ff6b35, #f7931e);box-shadow:0 -2px 8px rgba(255,107,53,0.3)}.portal-mockup-modern .portal-content-modern .production-preview .mini-chart .chart-bar:hover{background:linear-gradient(to top, #ff6b35, #f7931e)}.portal-mockup-modern .interaction-indicator{position:absolute;z-index:10}.portal-mockup-modern .interaction-indicator.ind-1{top:20%;right:-30px}.portal-mockup-modern .interaction-indicator.ind-2{top:50%;left:-40px}.portal-mockup-modern .interaction-indicator.ind-3{bottom:20%;right:-35px}.portal-mockup-modern .interaction-indicator .pulse-dot-portal{width:12px;height:12px;background:#ff6b35;border-radius:50%;position:relative;animation:pulse-portal 2s infinite}.portal-mockup-modern .interaction-indicator .pulse-dot-portal::before{content:'';position:absolute;inset:-4px;border:2px solid #ff6b35;border-radius:50%;animation:pulse-ring-portal 2s infinite}.portal-mockup-modern .interaction-indicator .indicator-tooltip{position:absolute;top:50%;transform:translateY(-50%);background:rgba(31,41,55,0.9);color:white;padding:0.5rem 0.75rem;border-radius:8px;font-size:0.75rem;font-weight:500;white-space:nowrap;pointer-events:none}.portal-mockup-modern .interaction-indicator .indicator-tooltip::before{content:'';position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid}.portal-mockup-modern .interaction-indicator.ind-1 .indicator-tooltip{right:calc(100% + 0.5rem)}.portal-mockup-modern .interaction-indicator.ind-1 .indicator-tooltip::before{right:-6px;border-width:6px 0 6px 6px;border-color:transparent transparent transparent rgba(31,41,55,0.9)}.portal-mockup-modern .interaction-indicator.ind-2 .indicator-tooltip{left:calc(100% + 0.5rem)}.portal-mockup-modern .interaction-indicator.ind-2 .indicator-tooltip::before{left:-6px;border-width:6px 6px 6px 0;border-color:transparent rgba(31,41,55,0.9) transparent transparent}.portal-mockup-modern .interaction-indicator.ind-3 .indicator-tooltip{right:calc(100% + 0.5rem)}.portal-mockup-modern .interaction-indicator.ind-3 .indicator-tooltip::before{right:-6px;border-width:6px 0 6px 6px;border-color:transparent transparent transparent rgba(31,41,55,0.9)}.onboarding-section{background:linear-gradient(135deg, rgba(247,147,30,0.02) 0%, rgba(255,107,53,0.02) 100%)}.onboarding-section .section-background-onboarding{position:absolute;inset:0;overflow:hidden}.onboarding-section .section-background-onboarding .floating-shape-onboarding{position:absolute;border-radius:50%;filter:blur(80px);animation:float-shape 10s ease-in-out infinite}.onboarding-section .section-background-onboarding .floating-shape-onboarding.shape-onboard-1{width:200px;height:200px;background:radial-gradient(circle, rgba(255,107,53,0.1) 0%, transparent 70%);top:20%;left:10%;animation-delay:0s}.onboarding-section .section-background-onboarding .floating-shape-onboarding.shape-onboard-2{width:150px;height:150px;background:radial-gradient(circle, rgba(247,147,30,0.1) 0%, transparent 70%);bottom:30%;right:15%;animation-delay:-5s}.onboarding-section .section-badge-onboarding{display:inline-flex;align-items:center;padding:0.5rem 1rem;background:rgba(247,147,30,0.1);color:#f7931e;border-radius:50px;font-size:0.875rem;font-weight:600;border:1px solid rgba(247,147,30,0.2)}.onboarding-section .section-title-onboarding{font-size:2.5rem;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:1rem}.onboarding-section .section-subtitle-onboarding{font-size:1.125rem;color:#6b7280;line-height:1.6;max-width:600px;margin:0 auto}.onboarding-section .onboarding-card{background:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.3);border-radius:20px;padding:2rem;text-align:center;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;min-height:400px}.onboarding-section .onboarding-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,0.15);border-color:rgba(247,147,30,0.3)}.onboarding-section .onboarding-card .card-background{position:absolute;inset:0}.onboarding-section .onboarding-card .card-background .floating-icon{position:absolute;font-size:1.5rem;opacity:0.1;animation:float-icon 8s ease-in-out infinite}.onboarding-section .onboarding-card .card-background .floating-icon.icon-1{top:20%;left:15%;color:#ff6b35;animation-delay:0s}.onboarding-section .onboarding-card .card-background .floating-icon.icon-2{top:60%;right:20%;color:#f7931e;animation-delay:-4s}.onboarding-section .onboarding-card .card-background .floating-icon.icon-3{top:30%;right:15%;color:#ff6b35;animation-delay:-2s}.onboarding-section .onboarding-card .card-background .floating-icon.icon-4{bottom:30%;left:20%;color:#f7931e;animation-delay:-6s}.onboarding-section .onboarding-card .card-content{position:relative;z-index:2}.onboarding-section .onboarding-card .feature-icon-onboarding{width:4rem;height:4rem;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #ff6b35, #f7931e);color:white;font-size:1.5rem;position:relative;box-shadow:0 8px 16px rgba(255,107,53,0.3)}.onboarding-section .onboarding-card .feature-icon-onboarding .icon-glow{position:absolute;inset:-10px;border-radius:50%;background:linear-gradient(135deg, #ff6b35, #f7931e);filter:blur(15px);opacity:0.3;animation:glow-pulse 3s ease-in-out infinite}.onboarding-section .onboarding-card .feature-icon-onboarding i{position:relative;z-index:2}.onboarding-section .onboarding-card .feature-title-onboarding{color:#1f2937;font-weight:600;margin-bottom:1rem;font-size:1.5rem}.onboarding-section .onboarding-card .feature-desc-onboarding{color:#6b7280;line-height:1.6;margin-bottom:2rem}.onboarding-section .onboarding-card .process-flow{display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-wrap:wrap}.onboarding-section .onboarding-card .process-flow .flow-step{padding:0.5rem 1rem;background:rgba(255,107,53,0.1);color:#ff6b35;border-radius:20px;font-size:0.8rem;font-weight:600}.onboarding-section .onboarding-card .process-flow .flow-arrow{color:#ff6b35;font-weight:bold;font-size:1.2rem}.onboarding-section .onboarding-card .email-preview{background:white;border-radius:12px;padding:1rem;box-shadow:0 4px 12px rgba(0,0,0,0.1);text-align:left}.onboarding-section .onboarding-card .email-preview .email-subject{display:flex;align-items:center;color:#1f2937;font-weight:600;margin-bottom:0.5rem}.onboarding-section .onboarding-card .email-preview .email-subject i{color:#ff6b35}.onboarding-section .onboarding-card .email-preview .email-snippet{color:#6b7280;font-size:0.875rem;font-style:italic}.monitoring-section{background:linear-gradient(135deg, rgba(15,23,42,0.02) 0%, rgba(30,41,59,0.02) 100%)}.monitoring-section .monitoring-background{position:absolute;inset:0;overflow:hidden}.monitoring-section .monitoring-background .tech-grid{position:absolute;inset:0;background-image:radial-gradient(circle at 25px 25px, rgba(255,107,53,0.1) 2px, transparent 2px),radial-gradient(circle at 75px 75px, rgba(79,70,229,0.1) 2px, transparent 2px);background-size:100px 100px;opacity:0.3}.monitoring-section .monitoring-background .floating-orb-monitoring{position:absolute;border-radius:50%;filter:blur(40px);animation:float-monitoring 6s ease-in-out infinite}.monitoring-section .monitoring-background .floating-orb-monitoring.orb-monitor-1{width:250px;height:250px;background:radial-gradient(circle, rgba(255,107,53,0.15) 0%, transparent 70%);top:10%;right:-125px;animation-delay:0s}.monitoring-section .monitoring-background .floating-orb-monitoring.orb-monitor-2{width:200px;height:200px;background:radial-gradient(circle, rgba(79,70,229,0.1) 0%, transparent 70%);bottom:20%;left:-100px;animation-delay:-3s}.monitoring-section .section-badge-monitoring{display:inline-flex;align-items:center;padding:0.5rem 1rem;background:rgba(79,70,229,0.1);color:#4f46e5;border-radius:50px;font-size:0.875rem;font-weight:600;border:1px solid rgba(79,70,229,0.2)}.monitoring-section .section-title-monitoring{font-size:2.5rem;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:1rem}.monitoring-section .section-subtitle-monitoring{font-size:1.125rem;color:#6b7280;line-height:1.6}.monitoring-section .feature-list-monitoring .monitoring-feature{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:rgba(255,255,255,0.6);border-radius:12px;border:1px solid rgba(255,255,255,0.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.monitoring-section .feature-list-monitoring .monitoring-feature:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(79,70,229,0.1);border-color:rgba(79,70,229,0.2)}.monitoring-section .feature-list-monitoring .monitoring-feature .feature-check-monitoring{width:2.5rem;height:2.5rem;background:linear-gradient(135deg, #4f46e5, #3730a3);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(79,70,229,0.3)}.monitoring-section .feature-list-monitoring .monitoring-feature .feature-check-monitoring i{font-size:1rem}.monitoring-section .feature-list-monitoring .monitoring-feature .feature-content-monitoring h5{color:#1f2937;font-weight:600;margin-bottom:0.25rem}.monitoring-section .feature-list-monitoring .monitoring-feature .feature-content-monitoring p{color:#6b7280;margin:0;font-size:0.875rem;line-height:1.5}.dashboard-mockup-modern .dashboard-container{background:white;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.1);overflow:hidden;transition:all 0.3s ease}.dashboard-mockup-modern .dashboard-container:hover{transform:translateY(-4px);box-shadow:0 30px 60px rgba(0,0,0,0.15)}.dashboard-mockup-modern .dashboard-header-modern{background:linear-gradient(135deg, #f8f9fa, #e9ecef);padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.dashboard-mockup-modern .dashboard-header-modern .header-left h5{color:#1f2937;font-weight:600;margin-bottom:0.5rem}.dashboard-mockup-modern .dashboard-header-modern .header-left .live-indicator{display:flex;align-items:center;gap:0.5rem;color:#10b981;font-size:0.875rem;font-weight:500}.dashboard-mockup-modern .dashboard-header-modern .header-left .live-indicator .pulse-indicator{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-live 2s infinite}.dashboard-mockup-modern .dashboard-header-modern .system-status-modern{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:20px;font-size:0.875rem;font-weight:600}.dashboard-mockup-modern .dashboard-header-modern .system-status-modern.online{background:rgba(16,185,129,0.1);color:#10b981}.dashboard-mockup-modern .dashboard-header-modern .system-status-modern i{font-size:1rem}.dashboard-mockup-modern .dashboard-content{padding:1.5rem}.dashboard-mockup-modern .dashboard-content .realtime-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin-bottom:2rem}.dashboard-mockup-modern .dashboard-content .realtime-stats .realtime-stat{background:#f8f9fa;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:0.75rem;transition:all 0.2s ease}.dashboard-mockup-modern .dashboard-content .realtime-stats .realtime-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.dashboard-mockup-modern .dashboard-content .realtime-stats .realtime-stat .stat-icon-small{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1rem}.dashboard-mockup-modern .dashboard-content .realtime-stats .realtime-stat.current .stat-icon-small{background:linear-gradient(135deg, #f59e0b, #d97706)}.dashboard-mockup-modern .dashboard-content .realtime-stats .realtime-stat.weather .stat-icon-small{background:linear-gradient(135deg, #ff6b35, #f7931e)}.dashboard-mockup-modern .dashboard-content .realtime-stats .realtime-stat .stat-data{flex:1}.dashboard-mockup-modern .dashboard-content .realtime-stats .realtime-stat .stat-data .stat-value-small{font-size:1.125rem;font-weight:700;color:#1f2937;line-height:1;margin-bottom:0.25rem}.dashboard-mockup-modern .dashboard-content .realtime-stats .realtime-stat .stat-data .stat-label-small{font-size:0.75rem;color:#6b7280}.dashboard-mockup-modern .dashboard-content .realtime-stats .realtime-stat .stat-trend{font-size:0.8rem;font-weight:600}.dashboard-mockup-modern .dashboard-content .realtime-stats .realtime-stat .stat-trend.positive{color:#10b981}.dashboard-mockup-modern .dashboard-content .realtime-stats .realtime-stat .weather-icon{font-size:1.25rem}.dashboard-mockup-modern .dashboard-content .chart-section{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.dashboard-mockup-modern .dashboard-content .chart-section .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-mockup-modern .dashboard-content .chart-section .chart-header h6{color:#1f2937;font-weight:600;margin:0}.dashboard-mockup-modern .dashboard-content .chart-section .chart-header .chart-controls{display:flex;gap:0.5rem}.dashboard-mockup-modern .dashboard-content .chart-section .chart-header .chart-controls .chart-btn{padding:0.25rem 0.75rem;border:1px solid #d1d5db;background:white;border-radius:6px;font-size:0.75rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all 0.2s ease}.dashboard-mockup-modern .dashboard-content .chart-section .chart-header .chart-controls .chart-btn.active{background:#4f46e5;color:white;border-color:#4f46e5}.dashboard-mockup-modern .dashboard-content .chart-section .chart-header .chart-controls .chart-btn:hover:not(.active){border-color:#4f46e5;color:#4f46e5}.dashboard-mockup-modern .dashboard-content .chart-section .advanced-chart{position:relative;height:200px}.dashboard-mockup-modern .dashboard-content .chart-section .advanced-chart .chart-background{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.dashboard-mockup-modern .dashboard-content .chart-section .advanced-chart .chart-background .grid-line{height:1px;background:rgba(209,213,219,0.5)}.dashboard-mockup-modern .dashboard-content .chart-section .advanced-chart .chart-bars{position:relative;height:100%;display:flex;align-items:end;gap:0.5rem;padding:1rem 0}.dashboard-mockup-modern .dashboard-content .chart-section .advanced-chart .chart-bars .chart-bar-modern{flex:1;background:linear-gradient(to top, rgba(79,70,229,0.3), rgba(79,70,229,0.6));border-radius:4px 4px 0 0;transition:all 0.2s ease;cursor:pointer;position:relative}.dashboard-mockup-modern .dashboard-content .chart-section .advanced-chart .chart-bars .chart-bar-modern.active{background:linear-gradient(to top, #4f46e5, #3730a3);box-shadow:0 -2px 8px rgba(79,70,229,0.3)}.dashboard-mockup-modern .dashboard-content .chart-section .advanced-chart .chart-bars .chart-bar-modern:hover{background:linear-gradient(to top, #4f46e5, #3730a3)}.dashboard-mockup-modern .dashboard-content .chart-section .advanced-chart .chart-bars .chart-bar-modern:hover::after{content:attr(data-value);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(31,41,55,0.9);color:white;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;white-space:nowrap;margin-bottom:0.25rem}.dashboard-mockup-modern .dashboard-content .chart-section .advanced-chart .chart-labels-modern{display:flex;justify-content:space-between;margin-top:0.5rem}.dashboard-mockup-modern .dashboard-content .chart-section .advanced-chart .chart-labels-modern span{font-size:0.75rem;color:#6b7280;text-align:center;flex:1}.dashboard-mockup-modern .dashboard-content .summary-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem}.dashboard-mockup-modern .dashboard-content .summary-stats .summary-item{text-align:center}.dashboard-mockup-modern .dashboard-content .summary-stats .summary-item .summary-label{font-size:0.75rem;color:#6b7280;margin-bottom:0.25rem}.dashboard-mockup-modern .dashboard-content .summary-stats .summary-item .summary-value{font-size:1.25rem;font-weight:700;color:#1f2937}.dashboard-mockup-modern .floating-data-point{position:absolute;z-index:10}.dashboard-mockup-modern .floating-data-point.dp-1{top:30%;right:-60px}.dashboard-mockup-modern .floating-data-point.dp-2{bottom:25%;left:-55px}.dashboard-mockup-modern .floating-data-point .data-bubble{background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.3);border-radius:12px;padding:0.75rem;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,0.1);animation:float-bubble 3s ease-in-out infinite}.dashboard-mockup-modern .floating-data-point .data-bubble .data-value{font-size:1.125rem;font-weight:700;color:#1f2937;line-height:1;margin-bottom:0.25rem}.dashboard-mockup-modern .floating-data-point .data-bubble .data-label{font-size:0.75rem;color:#6b7280}.glass-modal{background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.3);border-radius:20px}@keyframes float-hero{0%,100%{transform:translateY(0px) rotate(0deg)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes float-shape{0%,100%{transform:translateY(0px) translateX(0px)}50%{transform:translateY(-30px) translateX(20px)}}@keyframes float-icon{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}@keyframes pulse-portal{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}@keyframes pulse-ring-portal{0%{transform:scale(0.8);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes glow-pulse{0%,100%{opacity:0.3}50%{opacity:0.6}}@keyframes float-monitoring{0%,100%{transform:translateY(0px) translateX(0px)}50%{transform:translateY(-25px) translateX(15px)}}@keyframes pulse-live{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.2)}}@keyframes float-bubble{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.client-portal-hero .hero-title{font-size:2.5rem}.client-portal-hero .hero-actions{justify-content:center}.client-portal-hero .hero-trust-indicators{justify-content:center;gap:1.5rem}.portal-device{transform:none !important}.portal-device:hover{transform:none !important}.interaction-indicator{display:none}.onboarding-card{min-height:auto;padding:1.5rem}.section-title-onboarding{font-size:2rem}}@media (max-width: 576px){.hero-title{font-size:2rem}.btn-hero-primary,.btn-hero-secondary{padding:0.875rem 1.5rem;font-size:1rem}.portal-content-modern{padding:1rem}.stats-grid-modern{grid-template-columns:1fr;gap:0.75rem}}:root{--crm-primary: #2563eb;--crm-secondary: #10b981;--crm-accent: #f59e0b;--crm-danger: #ef4444;--crm-dark: #0f172a;--crm-light: #f8fafc;--glass-bg: rgba(255, 255, 255, 0.1);--glass-border: rgba(255, 255, 255, 0.2);--shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.1);--shadow-medium: 0 16px 64px rgba(0, 0, 0, 0.15);--shadow-large: 0 24px 96px rgba(0, 0, 0, 0.2);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warning: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)}.crm-page{min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);position:relative;overflow-x:hidden}.crm-page::before,.crm-page::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s ease-in-out infinite;z-index:0}.crm-page::before{width:300px;height:300px;top:10%;right:-150px;animation-delay:-10s}.crm-page::after{width:200px;height:200px;bottom:20%;left:-100px;animation-delay:-5s}.crm-hero{position:relative;z-index:10;padding:120px 0 80px;text-align:center}.crm-hero .container{position:relative}.crm-hero .crm-badge{display:inline-flex;align-items:center;gap:8px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50px;padding:8px 20px;color:white;font-size:0.9rem;font-weight:500;margin-bottom:2rem;transition:all 0.3s ease}.crm-hero .crm-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.crm-hero .crm-badge .badge-icon{width:16px;height:16px;background:var(--gradient-success);border-radius:50%;display:flex;align-items:center;justify-content:center}.crm-hero .crm-badge .badge-icon::before{content:'✓';color:white;font-size:10px;font-weight:bold}.crm-hero h1{font-size:3.5rem;font-weight:700;color:white;margin-bottom:1.5rem;line-height:1.2}.crm-hero h1 .highlight{background:linear-gradient(135deg, #fbbf24, #f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.crm-hero .hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.9);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.crm-hero .hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.crm-hero .hero-actions .btn{padding:14px 32px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer;font-size:1rem}.crm-hero .hero-actions .btn.btn-primary{background:var(--gradient-success);color:white;box-shadow:0 4px 20px rgba(79,172,254,0.3)}.crm-hero .hero-actions .btn.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(79,172,254,0.4)}.crm-hero .hero-actions .btn.btn-outline{background:transparent;color:white;border:2px solid rgba(255,255,255,0.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crm-hero .hero-actions .btn.btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);transform:translateY(-2px)}.hero-kanban-mockup{position:relative;max-width:900px;margin:0 auto;perspective:1000px}.hero-kanban-mockup .kanban-board{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;padding:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;transform-style:preserve-3d;animation:slideInUp 0.8s ease-out;box-shadow:var(--shadow-large)}.hero-kanban-mockup .kanban-column{background:rgba(255,255,255,0.05);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.hero-kanban-mockup .kanban-column:hover{transform:translateY(-8px) rotateX(5deg);background:rgba(255,255,255,0.08)}.hero-kanban-mockup .kanban-column .column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.hero-kanban-mockup .kanban-column .column-header h4{color:white;font-size:1rem;font-weight:600;margin:0}.hero-kanban-mockup .kanban-column .column-header .task-count{background:var(--gradient-primary);color:white;border-radius:50px;padding:4px 12px;font-size:0.8rem;font-weight:500}.hero-kanban-mockup .kanban-column .kanban-tasks{display:flex;flex-direction:column;gap:0.8rem}.hero-kanban-mockup .kanban-column .kanban-task{background:rgba(255,255,255,0.1);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;cursor:pointer}.hero-kanban-mockup .kanban-column .kanban-task:hover{background:rgba(255,255,255,0.15);transform:translateX(4px)}.hero-kanban-mockup .kanban-column .kanban-task .task-title{color:white;font-size:0.9rem;font-weight:500;margin-bottom:0.5rem}.hero-kanban-mockup .kanban-column .kanban-task .task-meta{display:flex;align-items:center;justify-content:space-between;font-size:0.8rem}.hero-kanban-mockup .kanban-column .kanban-task .task-meta .task-priority{padding:2px 8px;border-radius:50px;font-size:0.7rem;font-weight:500}.hero-kanban-mockup .kanban-column .kanban-task .task-meta .task-priority.high{background:var(--gradient-secondary);color:white}.hero-kanban-mockup .kanban-column .kanban-task .task-meta .task-priority.medium{background:var(--gradient-warning);color:var(--crm-dark)}.hero-kanban-mockup .kanban-column .kanban-task .task-meta .task-priority.low{background:rgba(255,255,255,0.2);color:white}.hero-kanban-mockup .kanban-column .kanban-task .task-meta .task-assignee{width:24px;height:24px;border-radius:50%;background:var(--gradient-success);display:flex;align-items:center;justify-content:center;color:white;font-size:0.7rem;font-weight:600}.hero-kanban-mockup .live-indicator{position:absolute;top:1rem;right:1rem;background:var(--gradient-success);color:white;padding:6px 12px;border-radius:50px;font-size:0.8rem;font-weight:500;display:flex;align-items:center;gap:0.5rem;animation:pulse 2s ease-in-out infinite}.hero-kanban-mockup .live-indicator::before{content:'';width:8px;height:8px;background:#10b981;border-radius:50%;animation:blink 1s ease-in-out infinite}.crm-workflow{padding:100px 0;position:relative;z-index:10}.crm-workflow .section-header{text-align:center;margin-bottom:4rem}.crm-workflow .section-header h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1rem}.crm-workflow .section-header h2 .highlight{background:var(--gradient-warning);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.crm-workflow .section-header p{font-size:1.1rem;color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto;line-height:1.6}.crm-workflow .workflow-features{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}.crm-workflow .workflow-features .workflow-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;transition:all 0.4s ease;position:relative;overflow:hidden}.crm-workflow .workflow-features .workflow-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:translateX(-100%);transition:transform 0.4s ease}.crm-workflow .workflow-features .workflow-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium)}.crm-workflow .workflow-features .workflow-card:hover::before{transform:translateX(0)}.crm-workflow .workflow-features .workflow-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.crm-workflow .workflow-features .workflow-card .feature-icon{width:60px;height:60px;background:var(--gradient-success);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all 0.3s ease}.crm-workflow .workflow-features .workflow-card .feature-icon i{font-size:1.5rem;color:white}.crm-workflow .workflow-features .workflow-card h3{color:white;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.crm-workflow .workflow-features .workflow-card p{color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:1.5rem}.crm-workflow .workflow-features .workflow-card .feature-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.crm-workflow .workflow-features .workflow-card .feature-tags .tag{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.9);padding:4px 12px;border-radius:50px;font-size:0.8rem;font-weight:500}.crm-task-events{padding:100px 0;position:relative;z-index:10;background:rgba(255,255,255,0.02)}.crm-task-events .task-events-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.crm-task-events .content-text h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1.5rem}.crm-task-events .content-text h2 .highlight{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.crm-task-events .content-text p{font-size:1.1rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.crm-task-events .content-text .feature-list{list-style:none;padding:0}.crm-task-events .content-text .feature-list li{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,0.9);margin-bottom:1rem;font-weight:500}.crm-task-events .content-text .feature-list li::before{content:'';width:20px;height:20px;background:var(--gradient-success);border-radius:50%;flex-shrink:0;position:relative}.crm-task-events .content-text .feature-list li::after{content:'✓';position:absolute;color:white;font-size:12px;font-weight:bold;margin-left:-15px}.crm-task-events .calendar-mockup{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-medium)}.crm-task-events .calendar-mockup .calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.crm-task-events .calendar-mockup .calendar-header h3{color:white;font-size:1.3rem;font-weight:600;margin:0}.crm-task-events .calendar-mockup .calendar-header .calendar-nav{display:flex;gap:0.5rem}.crm-task-events .calendar-mockup .calendar-header .calendar-nav button{width:36px;height:36px;border:none;background:rgba(255,255,255,0.1);color:white;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.crm-task-events .calendar-mockup .calendar-header .calendar-nav button:hover{background:rgba(255,255,255,0.2)}.crm-task-events .calendar-mockup .calendar-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:1px;background:rgba(255,255,255,0.1);border-radius:12px;overflow:hidden}.crm-task-events .calendar-mockup .calendar-grid .calendar-day{aspect-ratio:1;background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.7);font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;position:relative}.crm-task-events .calendar-mockup .calendar-grid .calendar-day:hover{background:rgba(255,255,255,0.1);color:white}.crm-task-events .calendar-mockup .calendar-grid .calendar-day.has-event{color:white;font-weight:600}.crm-task-events .calendar-mockup .calendar-grid .calendar-day.has-event::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;background:var(--gradient-success);border-radius:50%}.crm-task-events .calendar-mockup .calendar-grid .calendar-day.today{background:var(--gradient-primary);color:white;font-weight:600}.crm-task-events .calendar-mockup .upcoming-events{margin-top:2rem}.crm-task-events .calendar-mockup .upcoming-events h4{color:white;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.crm-task-events .calendar-mockup .upcoming-events .event-item{display:flex;align-items:center;gap:1rem;padding:0.8rem;background:rgba(255,255,255,0.05);border-radius:12px;margin-bottom:0.5rem;transition:all 0.2s ease}.crm-task-events .calendar-mockup .upcoming-events .event-item:hover{background:rgba(255,255,255,0.1)}.crm-task-events .calendar-mockup .upcoming-events .event-item .event-time{font-size:0.8rem;color:rgba(255,255,255,0.6);font-weight:500;min-width:60px}.crm-task-events .calendar-mockup .upcoming-events .event-item .event-title{color:white;font-size:0.9rem;font-weight:500;flex-grow:1}.crm-task-events .calendar-mockup .upcoming-events .event-item .event-type{padding:2px 8px;background:var(--gradient-warning);color:var(--crm-dark);border-radius:50px;font-size:0.7rem;font-weight:600}.crm-collaboration{padding:100px 0;position:relative;z-index:10}.crm-collaboration .collaboration-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.crm-collaboration .collaboration-grid .collaboration-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden}.crm-collaboration .collaboration-grid .collaboration-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg, transparent, rgba(255,255,255,0.1), transparent);animation:rotate 10s linear infinite;opacity:0;transition:opacity 0.3s ease}.crm-collaboration .collaboration-grid .collaboration-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-large)}.crm-collaboration .collaboration-grid .collaboration-card:hover::before{opacity:1}.crm-collaboration .collaboration-grid .collaboration-card:hover .collab-icon{transform:scale(1.15) rotate(-5deg)}.crm-collaboration .collaboration-grid .collaboration-card .collab-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;transition:all 0.4s ease;position:relative;z-index:2}.crm-collaboration .collaboration-grid .collaboration-card .collab-icon i{font-size:2rem;color:white}.crm-collaboration .collaboration-grid .collaboration-card h3{color:white;font-size:1.4rem;font-weight:600;margin-bottom:1rem;position:relative;z-index:2}.crm-collaboration .collaboration-grid .collaboration-card p{color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem;position:relative;z-index:2}.crm-collaboration .collaboration-grid .collaboration-card .collab-features{list-style:none;padding:0;position:relative;z-index:2}.crm-collaboration .collaboration-grid .collaboration-card .collab-features li{color:rgba(255,255,255,0.9);padding:0.5rem 0;border-bottom:1px solid rgba(255,255,255,0.1)}.crm-collaboration .collaboration-grid .collaboration-card .collab-features li:last-child{border-bottom:none}.crm-collaboration .collaboration-grid .collaboration-card .collab-features li::before{content:'→';color:var(--crm-secondary);font-weight:bold;margin-right:0.5rem}.crm-leads{padding:100px 0;position:relative;z-index:10;background:rgba(0,0,0,0.1)}.crm-leads .leads-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.crm-leads .leads-dashboard{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-medium)}.crm-leads .leads-dashboard .dashboard-header{display:flex;align-items:center;justify-content:between;margin-bottom:2rem}.crm-leads .leads-dashboard .dashboard-header h3{color:white;font-size:1.4rem;font-weight:600;margin:0;flex-grow:1}.crm-leads .leads-dashboard .dashboard-header .refresh-btn{width:40px;height:40px;background:var(--gradient-success);border:none;border-radius:10px;color:white;cursor:pointer;transition:all 0.3s ease}.crm-leads .leads-dashboard .dashboard-header .refresh-btn:hover{transform:rotate(180deg)}.crm-leads .leads-dashboard .dashboard-stats{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-bottom:2rem}.crm-leads .leads-dashboard .dashboard-stats .stat-item{background:rgba(255,255,255,0.05);border-radius:12px;padding:1.5rem;text-align:center}.crm-leads .leads-dashboard .dashboard-stats .stat-item .stat-number{font-size:2rem;font-weight:700;color:white;margin-bottom:0.5rem;counter-reset:stat-counter;animation:countUp 2s ease-out}.crm-leads .leads-dashboard .dashboard-stats .stat-item .stat-label{font-size:0.9rem;color:rgba(255,255,255,0.7);font-weight:500}.crm-leads .leads-dashboard .lead-pipeline .pipeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.crm-leads .leads-dashboard .lead-pipeline .pipeline-header h4{color:white;font-size:1.1rem;font-weight:600;margin:0}.crm-leads .leads-dashboard .lead-pipeline .pipeline-header .view-all{color:var(--crm-secondary);font-size:0.9rem;text-decoration:none;font-weight:500}.crm-leads .leads-dashboard .lead-pipeline .pipeline-header .view-all:hover{color:white}.crm-leads .leads-dashboard .lead-pipeline .pipeline-items .pipeline-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,0.05);border-radius:12px;margin-bottom:0.8rem;transition:all 0.2s ease}.crm-leads .leads-dashboard .lead-pipeline .pipeline-items .pipeline-item:hover{background:rgba(255,255,255,0.1);transform:translateX(4px)}.crm-leads .leads-dashboard .lead-pipeline .pipeline-items .pipeline-item .lead-avatar{width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:0.9rem}.crm-leads .leads-dashboard .lead-pipeline .pipeline-items .pipeline-item .lead-info{flex-grow:1}.crm-leads .leads-dashboard .lead-pipeline .pipeline-items .pipeline-item .lead-info .lead-name{color:white;font-weight:600;font-size:0.9rem;margin-bottom:0.2rem}.crm-leads .leads-dashboard .lead-pipeline .pipeline-items .pipeline-item .lead-info .lead-company{color:rgba(255,255,255,0.6);font-size:0.8rem}.crm-leads .leads-dashboard .lead-pipeline .pipeline-items .pipeline-item .lead-value{color:var(--crm-secondary);font-weight:600;font-size:0.9rem}.crm-leads .leads-text h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1.5rem}.crm-leads .leads-text h2 .highlight{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.crm-leads .leads-text p{font-size:1.1rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.crm-leads .leads-text .leads-benefits{list-style:none;padding:0}.crm-leads .leads-text .leads-benefits li{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,0.9);margin-bottom:1.5rem;font-weight:500}.crm-leads .leads-text .leads-benefits li::before{content:'';width:24px;height:24px;background:var(--gradient-warning);border-radius:50%;flex-shrink:0;position:relative}.crm-leads .leads-text .leads-benefits li::after{content:'★';position:absolute;color:var(--crm-dark);font-size:14px;font-weight:bold;margin-left:-19px}.crm-cta{padding:100px 0;position:relative;z-index:10;background:linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%);text-align:center}.crm-cta .cta-floating-orb{position:absolute;border-radius:50%;background:var(--gradient-primary);opacity:0.1;animation:float 15s ease-in-out infinite}.crm-cta .cta-floating-orb:nth-child(1){width:200px;height:200px;top:20%;left:10%;animation-delay:0s}.crm-cta .cta-floating-orb:nth-child(2){width:150px;height:150px;top:60%;right:15%;animation-delay:-7s}.crm-cta .cta-floating-orb:nth-child(3){width:100px;height:100px;bottom:20%;left:60%;animation-delay:-3s}.crm-cta .cta-content{position:relative;z-index:10;max-width:800px;margin:0 auto}.crm-cta .cta-content h2{font-size:3rem;font-weight:700;color:white;margin-bottom:1.5rem}.crm-cta .cta-content h2 .highlight{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.crm-cta .cta-content p{font-size:1.2rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:3rem}.crm-cta .cta-content .cta-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.crm-cta .cta-content .cta-actions .btn{padding:16px 40px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.4s ease;border:none;cursor:pointer;font-size:1.1rem}.crm-cta .cta-content .cta-actions .btn.btn-primary{background:var(--gradient-success);color:white;box-shadow:0 8px 32px rgba(79,172,254,0.3)}.crm-cta .cta-content .cta-actions .btn.btn-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px rgba(79,172,254,0.4)}.crm-cta .cta-content .cta-actions .btn.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:white;border:2px solid var(--glass-border)}.crm-cta .cta-content .cta-actions .btn.btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);transform:translateY(-2px)}.form-control-modern{background:rgba(255,255,255,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:12px;color:white;padding:12px 16px;font-size:1rem;transition:all 0.3s ease}.form-control-modern:focus{background:rgba(255,255,255,0.15);border-color:var(--crm-secondary);box-shadow:0 0 0 0.2rem rgba(16,185,129,0.25);color:white;outline:none}.form-control-modern::-moz-placeholder{color:rgba(255,255,255,0.6)}.form-control-modern::placeholder{color:rgba(255,255,255,0.6)}.form-control-modern:hover:not(:focus){border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.12)}.form-label-modern{color:rgba(255,255,255,0.9);font-weight:500;margin-bottom:0.5rem;font-size:0.95rem;display:block}textarea.form-control-modern{resize:vertical;min-height:120px}.input-group-modern{position:relative;margin-bottom:1.5rem}.input-group-modern .form-control-modern{margin-bottom:0}.input-group-modern .input-group-text{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.8);border-radius:12px 0 0 12px}.input-group-modern .input-group-text+.form-control-modern{border-radius:0 12px 12px 0;border-left:none}.form-select-modern{background:rgba(255,255,255,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 12px center/16px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:12px;color:white;padding:12px 40px 12px 16px;font-size:1rem;transition:all 0.3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select-modern:focus{background-color:rgba(255,255,255,0.15);border-color:var(--crm-secondary);box-shadow:0 0 0 0.2rem rgba(16,185,129,0.25);color:white;outline:none}.form-select-modern option{background:var(--crm-dark);color:white}.form-check-modern{margin-bottom:1rem}.form-check-modern .form-check-input{background-color:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.form-check-modern .form-check-input:checked{background-color:var(--crm-secondary);border-color:var(--crm-secondary)}.form-check-modern .form-check-input:focus{box-shadow:0 0 0 0.2rem rgba(16,185,129,0.25)}.form-check-modern .form-check-label{color:rgba(255,255,255,0.9);font-weight:400}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(-10px) rotate(-2deg)}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes countUp{0%{counter-set:stat-counter 0}100%{counter-set:stat-counter var(--end-value)}}@media (max-width: 1024px){.crm-hero{padding:80px 0 60px}.crm-hero h1{font-size:2.8rem}.crm-hero .hero-kanban-mockup .kanban-board{grid-template-columns:1fr;gap:1rem}.task-events-content,.leads-content{grid-template-columns:1fr;gap:3rem}.workflow-features{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.collaboration-grid{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}}@media (max-width: 768px){.crm-hero h1{font-size:2.2rem}.crm-hero .hero-actions{flex-direction:column;align-items:center}.crm-hero .hero-actions .btn{width:100%;max-width:300px}.section-header h2{font-size:2rem}.workflow-features,.collaboration-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr}.cta-content h2{font-size:2.2rem}.cta-content .cta-actions{flex-direction:column;align-items:center}.cta-content .cta-actions .btn{width:100%;max-width:300px}}@media (max-width: 480px){.crm-page{padding:0 1rem}.crm-hero{padding:60px 0 40px}.crm-hero h1{font-size:1.8rem}.crm-hero .hero-subtitle{font-size:1rem}.hero-kanban-mockup .kanban-board,.calendar-mockup,.leads-dashboard,.workflow-card,.collaboration-card{padding:1.5rem}.section-header h2{font-size:1.8rem}.cta-content h2{font-size:2rem}}@media print{.crm-page::before,.crm-page::after,.cta-floating-orb,.live-indicator{display:none}.crm-page{background:white;color:black}.crm-hero,.crm-workflow,.crm-task-events,.crm-collaboration,.crm-leads,.crm-cta{page-break-inside:avoid}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.btn:focus,button:focus{outline:2px solid var(--crm-secondary);outline-offset:2px}@media (prefers-contrast: high){:root{--glass-bg: rgba(255, 255, 255, 0.2);--glass-border: rgba(255, 255, 255, 0.4)}.crm-page{background:#000}.workflow-card,.collaboration-card,.kanban-task,.calendar-mockup,.leads-dashboard{border:2px solid white}}:root{--fleet-primary: #1e40af;--fleet-secondary: #0ea5e9;--fleet-accent: #10b981;--fleet-warning: #f59e0b;--fleet-danger: #ef4444;--fleet-success: #22c55e;--fleet-dark: #0f172a;--fleet-light: #f8fafc;--glass-bg: rgba(255, 255, 255, 0.1);--glass-border: rgba(255, 255, 255, 0.2);--shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.1);--shadow-medium: 0 16px 64px rgba(0, 0, 0, 0.15);--shadow-large: 0 24px 96px rgba(0, 0, 0, 0.2);--gradient-primary: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);--gradient-secondary: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #10b981 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #eab308 100%);--gradient-fleet: linear-gradient(135deg, #1e40af 0%, #3b82f6 25%, #0ea5e9 50%, #06b6d4 75%, #10b981 100%)}.fleet-page{min-height:100vh;background:var(--gradient-fleet);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}100%{background-position:0% 50%}}.fleet-page::before,.fleet-page::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,0.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 25s ease-in-out infinite;z-index:0}.fleet-page::before{width:400px;height:400px;top:15%;right:-200px;animation-delay:-12s}.fleet-page::after{width:300px;height:300px;bottom:10%;left:-150px;animation-delay:-6s}.fleet-hero{position:relative;z-index:10;padding:120px 0 80px;text-align:center}.fleet-hero .container{position:relative}.fleet-hero .fleet-badge{display:inline-flex;align-items:center;gap:8px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50px;padding:8px 20px;color:white;font-size:0.9rem;font-weight:500;margin-bottom:2rem;transition:all 0.3s ease}.fleet-hero .fleet-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.fleet-hero .fleet-badge .badge-icon{width:16px;height:16px;background:var(--gradient-success);border-radius:50%;display:flex;align-items:center;justify-content:center}.fleet-hero .fleet-badge .badge-icon::before{content:'✓';color:white;font-size:10px;font-weight:bold}.fleet-hero h1{font-size:3.5rem;font-weight:700;color:white;margin-bottom:1.5rem;line-height:1.2}.fleet-hero h1 .highlight{background:var(--gradient-warning);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}.fleet-hero .hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.9);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.fleet-hero .hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.fleet-hero .hero-actions .btn{padding:14px 32px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer;font-size:1rem}.fleet-hero .hero-actions .btn.btn-primary{background:var(--gradient-success);color:white;box-shadow:0 4px 20px rgba(34,197,94,0.3)}.fleet-hero .hero-actions .btn.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(34,197,94,0.4)}.fleet-hero .hero-actions .btn.btn-outline{background:transparent;color:white;border:2px solid rgba(255,255,255,0.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fleet-hero .hero-actions .btn.btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);transform:translateY(-2px)}.hero-fleet-dashboard{position:relative;max-width:800px;margin:0 auto;perspective:1000px}.hero-fleet-dashboard .fleet-dashboard-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;transform-style:preserve-3d;animation:slideInUp 0.8s ease-out;box-shadow:var(--shadow-large);position:relative}.hero-fleet-dashboard .fleet-dashboard-container:hover{transform:translateY(-5px) rotateX(2deg)}.hero-fleet-dashboard .fleet-dashboard-container .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.hero-fleet-dashboard .fleet-dashboard-container .dashboard-header h3{color:white;font-size:1.4rem;font-weight:600;margin:0}.hero-fleet-dashboard .fleet-dashboard-container .dashboard-header .systems-count{background:var(--gradient-primary);color:white;padding:8px 16px;border-radius:50px;font-size:0.9rem;font-weight:600;position:relative}.hero-fleet-dashboard .fleet-dashboard-container .dashboard-header .systems-count::before{content:'';position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:50px;z-index:-1;opacity:0.5;animation:pulse 2s ease-in-out infinite}.hero-fleet-dashboard .fleet-dashboard-container .fleet-overview{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin-bottom:2rem}.hero-fleet-dashboard .fleet-dashboard-container .fleet-overview .fleet-stat{background:rgba(255,255,255,0.1);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;text-align:center}.hero-fleet-dashboard .fleet-dashboard-container .fleet-overview .fleet-stat:hover{background:rgba(255,255,255,0.15);transform:translateY(-4px)}.hero-fleet-dashboard .fleet-dashboard-container .fleet-overview .fleet-stat .stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem}.hero-fleet-dashboard .fleet-dashboard-container .fleet-overview .fleet-stat .stat-icon.online{background:var(--gradient-success);color:white;animation:successPulse 2s ease-in-out infinite}.hero-fleet-dashboard .fleet-dashboard-container .fleet-overview .fleet-stat .stat-icon.warning{background:var(--gradient-warning);color:white;animation:warningPulse 2s ease-in-out infinite}.hero-fleet-dashboard .fleet-dashboard-container .fleet-overview .fleet-stat .stat-icon.offline{background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color:white;animation:errorPulse 2s ease-in-out infinite}.hero-fleet-dashboard .fleet-dashboard-container .fleet-overview .fleet-stat .stat-number{font-size:2rem;font-weight:700;color:white;margin-bottom:0.5rem;counter-reset:stat-counter;animation:countUp 2s ease-out}.hero-fleet-dashboard .fleet-dashboard-container .fleet-overview .fleet-stat .stat-label{color:rgba(255,255,255,0.8);font-size:0.9rem;font-weight:500}.hero-fleet-dashboard .fleet-dashboard-container .production-summary{background:rgba(255,255,255,0.05);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,0.1)}.hero-fleet-dashboard .fleet-dashboard-container .production-summary .summary-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1rem}.hero-fleet-dashboard .fleet-dashboard-container .production-summary .summary-grid .summary-item{text-align:center}.hero-fleet-dashboard .fleet-dashboard-container .production-summary .summary-grid .summary-item .summary-value{font-size:1.4rem;font-weight:700;color:white;margin-bottom:0.25rem}.hero-fleet-dashboard .fleet-dashboard-container .production-summary .summary-grid .summary-item .summary-label{color:rgba(255,255,255,0.7);font-size:0.85rem}.hero-fleet-dashboard .live-indicator{position:absolute;top:1rem;right:1rem;background:var(--gradient-success);color:white;padding:6px 12px;border-radius:50px;font-size:0.8rem;font-weight:500;display:flex;align-items:center;gap:0.5rem;animation:pulse 2s ease-in-out infinite}.hero-fleet-dashboard .live-indicator::before{content:'';width:8px;height:8px;background:#22c55e;border-radius:50%;animation:blink 1s ease-in-out infinite}.fleet-features{padding:100px 0;position:relative;z-index:10}.fleet-features .section-header{text-align:center;margin-bottom:4rem}.fleet-features .section-header h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1rem}.fleet-features .section-header h2 .highlight{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fleet-features .section-header p{font-size:1.1rem;color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto;line-height:1.6}.fleet-features .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}.fleet-features .features-grid .feature-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;transition:all 0.4s ease;position:relative;overflow:hidden}.fleet-features .features-grid .feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:translateX(-100%);transition:transform 0.4s ease}.fleet-features .features-grid .feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium)}.fleet-features .features-grid .feature-card:hover::before{transform:translateX(0)}.fleet-features .features-grid .feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.fleet-features .features-grid .feature-card .feature-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all 0.3s ease}.fleet-features .features-grid .feature-card .feature-icon i{font-size:1.5rem;color:white}.fleet-features .features-grid .feature-card h3{color:white;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.fleet-features .features-grid .feature-card p{color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:1.5rem}.fleet-features .features-grid .feature-card .feature-highlight{text-align:center;margin-top:1rem}.fleet-features .features-grid .feature-card .feature-highlight .highlight-badge{display:inline-block;padding:0.375rem 1rem;background:rgba(255,255,255,0.1);color:white;border-radius:50px;font-size:0.75rem;font-weight:600;border:1px solid rgba(255,255,255,0.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fleet-compatibility{padding:100px 0;position:relative;z-index:10;background:rgba(255,255,255,0.02)}.fleet-compatibility .compatibility-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.fleet-compatibility .compatibility-text h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1.5rem}.fleet-compatibility .compatibility-text h2 .highlight{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fleet-compatibility .compatibility-text p{font-size:1.1rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.fleet-compatibility .compatibility-text .compatibility-features{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.fleet-compatibility .compatibility-text .compatibility-features .compat-feature{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,0.9);font-weight:500}.fleet-compatibility .compatibility-text .compatibility-features .compat-feature i{color:var(--fleet-accent);font-size:1.2rem}.fleet-compatibility .compatibility-brands .brands-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1.5rem}.fleet-compatibility .compatibility-brands .brands-grid .brand-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;text-align:center;transition:all 0.3s ease}.fleet-compatibility .compatibility-brands .brands-grid .brand-item:hover{background:rgba(255,255,255,0.1);transform:translateY(-4px)}.fleet-compatibility .compatibility-brands .brands-grid .brand-item .brand-logo{width:80px;height:50px;background:white;border-radius:8px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}.fleet-compatibility .compatibility-brands .brands-grid .brand-item .brand-logo img{max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain}.fleet-compatibility .compatibility-brands .brands-grid .brand-item .brand-placeholder{width:80px;height:50px;background:rgba(255,255,255,0.1);border-radius:8px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.7);font-size:0.8rem;font-weight:600}.fleet-compatibility .compatibility-brands .brands-grid .brand-item .brand-status{padding:4px 12px;border-radius:12px;font-size:0.75rem;font-weight:600}.fleet-compatibility .compatibility-brands .brands-grid .brand-item .brand-status:not(.coming-soon){background:var(--gradient-success);color:white}.fleet-compatibility .compatibility-brands .brands-grid .brand-item .brand-status.coming-soon{background:var(--gradient-warning);color:white}.fleet-engagement{padding:100px 0;position:relative;z-index:10}.fleet-engagement .engagement-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.fleet-engagement .engagement-dashboard{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-medium)}.fleet-engagement .engagement-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.fleet-engagement .engagement-dashboard .dashboard-header h3{color:white;font-size:1.4rem;font-weight:600;margin:0}.fleet-engagement .engagement-dashboard .dashboard-header .activity-badge{background:var(--gradient-secondary);color:white;padding:6px 12px;border-radius:50px;font-size:0.8rem;font-weight:600}.fleet-engagement .engagement-dashboard .engagement-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin-bottom:2rem}.fleet-engagement .engagement-dashboard .engagement-stats .engagement-stat{background:rgba(255,255,255,0.05);border-radius:12px;padding:1rem;text-align:center;transition:all 0.3s ease}.fleet-engagement .engagement-dashboard .engagement-stats .engagement-stat:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px)}.fleet-engagement .engagement-dashboard .engagement-stats .engagement-stat .stat-number{font-size:1.5rem;font-weight:700;color:white;margin-bottom:0.25rem}.fleet-engagement .engagement-dashboard .engagement-stats .engagement-stat .stat-label{color:rgba(255,255,255,0.7);font-size:0.75rem;margin-bottom:0.25rem}.fleet-engagement .engagement-dashboard .engagement-stats .engagement-stat .stat-trend{font-size:0.7rem;font-weight:600}.fleet-engagement .engagement-dashboard .engagement-stats .engagement-stat .stat-trend.positive{color:var(--fleet-success)}.fleet-engagement .engagement-dashboard .engagement-stats .engagement-stat .stat-trend.negative{color:var(--fleet-danger)}.fleet-engagement .engagement-dashboard .engagement-stats .engagement-stat .stat-trend.neutral{color:rgba(255,255,255,0.5)}.fleet-engagement .engagement-dashboard .recent-activity .activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,0.05);border-radius:12px;margin-bottom:1rem;transition:all 0.3s ease}.fleet-engagement .engagement-dashboard .recent-activity .activity-item:hover{background:rgba(255,255,255,0.1);transform:translateX(4px)}.fleet-engagement .engagement-dashboard .recent-activity .activity-item:last-child{margin-bottom:0}.fleet-engagement .engagement-dashboard .recent-activity .activity-item .activity-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:0.8rem;flex-shrink:0}.fleet-engagement .engagement-dashboard .recent-activity .activity-item .activity-info{flex:1}.fleet-engagement .engagement-dashboard .recent-activity .activity-item .activity-info .activity-name{color:white;font-weight:600;font-size:0.9rem;margin-bottom:0.25rem}.fleet-engagement .engagement-dashboard .recent-activity .activity-item .activity-info .activity-action{color:rgba(255,255,255,0.7);font-size:0.8rem;margin-bottom:0.25rem}.fleet-engagement .engagement-dashboard .recent-activity .activity-item .activity-info .activity-time{color:rgba(255,255,255,0.5);font-size:0.7rem}.fleet-engagement .engagement-text h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1.5rem}.fleet-engagement .engagement-text h2 .highlight{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fleet-engagement .engagement-text p{font-size:1.1rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.fleet-engagement .engagement-text .engagement-benefits{list-style:none;padding:0}.fleet-engagement .engagement-text .engagement-benefits li{color:rgba(255,255,255,0.9);margin-bottom:1.5rem;font-weight:500;line-height:1.6}.fleet-engagement .engagement-text .engagement-benefits li strong{color:white}.fleet-communication{padding:100px 0;position:relative;z-index:10}.fleet-communication .communication-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.fleet-communication .communication-text h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1.5rem}.fleet-communication .communication-text h2 .highlight{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fleet-communication .communication-text p{font-size:1.1rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.fleet-communication .communication-text .communication-features{display:flex;flex-direction:column;gap:2rem}.fleet-communication .communication-text .communication-features .comm-feature{display:flex;align-items:flex-start;gap:1.5rem}.fleet-communication .communication-text .communication-features .comm-feature .feature-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;flex-shrink:0;transition:all 0.3s ease}.fleet-communication .communication-text .communication-features .comm-feature .feature-content{flex:1}.fleet-communication .communication-text .communication-features .comm-feature .feature-content h4{color:white;font-size:1.2rem;font-weight:600;margin-bottom:0.5rem}.fleet-communication .communication-text .communication-features .comm-feature .feature-content p{color:rgba(255,255,255,0.8);line-height:1.6;margin:0}.fleet-communication .communication-text .communication-features .comm-feature:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.fleet-communication .communication-preview{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-medium)}.fleet-communication .communication-preview .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.fleet-communication .communication-preview .preview-header h3{color:white;font-size:1.4rem;font-weight:600;margin:0}.fleet-communication .communication-preview .preview-header .status-indicators{display:flex;gap:1rem}.fleet-communication .communication-preview .preview-header .status-indicators .status-item{display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;color:rgba(255,255,255,0.8)}.fleet-communication .communication-preview .preview-header .status-indicators .status-item .status-dot{width:8px;height:8px;border-radius:50%}.fleet-communication .communication-preview .preview-header .status-indicators .status-item .status-dot.alert{background:var(--fleet-warning);box-shadow:0 0 8px rgba(245,158,11,0.5)}.fleet-communication .communication-preview .preview-header .status-indicators .status-item .status-dot.success{background:var(--fleet-success);box-shadow:0 0 8px rgba(34,197,94,0.5)}.fleet-communication .communication-preview .communication-items .comm-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(255,255,255,0.05);border-radius:12px;margin-bottom:1rem;transition:all 0.3s ease}.fleet-communication .communication-preview .communication-items .comm-item:hover{background:rgba(255,255,255,0.1);transform:translateX(4px)}.fleet-communication .communication-preview .communication-items .comm-item:last-child{margin-bottom:0}.fleet-communication .communication-preview .communication-items .comm-item .comm-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.fleet-communication .communication-preview .communication-items .comm-item .comm-icon.alert{background:var(--gradient-warning);color:white}.fleet-communication .communication-preview .communication-items .comm-item .comm-icon.message{background:var(--gradient-secondary);color:white}.fleet-communication .communication-preview .communication-items .comm-item .comm-icon.report{background:var(--gradient-success);color:white}.fleet-communication .communication-preview .communication-items .comm-item .comm-content{flex:1}.fleet-communication .communication-preview .communication-items .comm-item .comm-content .comm-title{color:white;font-weight:600;font-size:0.9rem;margin-bottom:0.25rem}.fleet-communication .communication-preview .communication-items .comm-item .comm-content .comm-description{color:rgba(255,255,255,0.7);font-size:0.8rem;margin-bottom:0.25rem}.fleet-communication .communication-preview .communication-items .comm-item .comm-content .comm-time{font-size:0.7rem;color:rgba(255,255,255,0.5)}.fleet-cta{padding:100px 0;position:relative;z-index:10;background:linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%);text-align:center}.fleet-cta .cta-content{position:relative;z-index:10;max-width:800px;margin:0 auto}.fleet-cta .cta-content h2{font-size:3rem;font-weight:700;color:white;margin-bottom:1.5rem}.fleet-cta .cta-content h2 .highlight{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fleet-cta .cta-content p{font-size:1.2rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:3rem}.fleet-cta .cta-content .cta-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.fleet-cta .cta-content .cta-actions .btn{padding:16px 40px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.4s ease;border:none;cursor:pointer;font-size:1.1rem}.fleet-cta .cta-content .cta-actions .btn.btn-primary{background:var(--gradient-success);color:white;box-shadow:0 8px 32px rgba(34,197,94,0.3)}.fleet-cta .cta-content .cta-actions .btn.btn-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px rgba(34,197,94,0.4)}.fleet-cta .cta-content .cta-actions .btn.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:white;border:2px solid var(--glass-border)}.fleet-cta .cta-content .cta-actions .btn.btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);transform:translateY(-2px)}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}33%{transform:translateY(-30px) rotate(2deg)}66%{transform:translateY(-15px) rotate(-2deg)}}@keyframes slideInUp{0%{transform:translateY(60px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.05)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}@keyframes shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes successPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.7)}50%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}@keyframes warningPulse{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,0.7)}50%{box-shadow:0 0 0 10px rgba(245,158,11,0)}}@keyframes errorPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.7)}50%{box-shadow:0 0 0 10px rgba(239,68,68,0)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes countUp{0%{counter-set:stat-counter 0}100%{counter-set:stat-counter var(--end-value)}}@media (max-width: 1024px){.fleet-hero{padding:80px 0 60px}.fleet-hero h1{font-size:2.8rem}.fleet-hero .hero-fleet-dashboard .fleet-overview{grid-template-columns:1fr}.compatibility-content,.engagement-content,.communication-content{grid-template-columns:1fr;gap:3rem}.features-grid{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}}@media (max-width: 768px){.fleet-hero h1{font-size:2.2rem}.fleet-hero .hero-actions{flex-direction:column;align-items:center}.fleet-hero .hero-actions .btn{width:100%;max-width:300px}.section-header h2{font-size:2rem}.features-grid{grid-template-columns:1fr}.hero-fleet-dashboard .fleet-overview{grid-template-columns:1fr}.cta-content h2{font-size:2.2rem}.cta-content .cta-actions{flex-direction:column;align-items:center}.cta-content .cta-actions .btn{width:100%;max-width:300px}}@media (max-width: 480px){.fleet-page{padding:0 1rem}.fleet-hero{padding:60px 0 40px}.fleet-hero h1{font-size:1.8rem}.fleet-hero .hero-subtitle{font-size:1rem}.hero-fleet-dashboard .fleet-dashboard-container,.compatibility-brands,.engagement-dashboard,.communication-preview,.feature-card{padding:1.5rem}.section-header h2{font-size:1.8rem}.cta-content h2{font-size:2rem}}@media print{.fleet-page::before,.fleet-page::after,.cta-floating-orb,.live-indicator{display:none}.fleet-page{background:white;color:black}.fleet-hero,.fleet-monitoring,.fleet-integration,.fleet-systems,.fleet-analytics,.fleet-communication,.fleet-cta{page-break-inside:avoid}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.btn:focus,button:focus{outline:2px solid var(--fleet-accent);outline-offset:2px}@media (prefers-contrast: high){:root{--glass-bg: rgba(255, 255, 255, 0.2);--glass-border: rgba(255, 255, 255, 0.4)}.fleet-page{background:#000}.feature-card,.compatibility-brands,.engagement-dashboard,.communication-preview{border:2px solid white}}:root{--invoicing-primary: #4338ca;--invoicing-secondary: #059669;--invoicing-accent: #dc2626;--invoicing-warning: #d97706;--invoicing-dark: #0f172a;--invoicing-light: #f8fafc;--glass-bg: rgba(255, 255, 255, 0.1);--glass-border: rgba(255, 255, 255, 0.2);--shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.1);--shadow-medium: 0 16px 64px rgba(0, 0, 0, 0.15);--shadow-large: 0 24px 96px rgba(0, 0, 0, 0.2);--gradient-primary: linear-gradient(135deg, #4338ca 0%, #7c3aed 100%);--gradient-secondary: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-accent: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--gradient-warning: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--gradient-invoice: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)}.invoicing-page{min-height:100vh;background:linear-gradient(135deg, #4338ca 0%, #7c3aed 100%);position:relative;overflow-x:hidden}.invoicing-page::before,.invoicing-page::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s ease-in-out infinite;z-index:0}.invoicing-page::before{width:350px;height:350px;top:15%;right:-175px;animation-delay:-12s}.invoicing-page::after{width:250px;height:250px;bottom:25%;left:-125px;animation-delay:-6s}.invoicing-hero{position:relative;z-index:10;padding:120px 0 80px;text-align:center}.invoicing-hero .container{position:relative}.invoicing-hero .invoicing-badge{display:inline-flex;align-items:center;gap:8px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50px;padding:8px 20px;color:white;font-size:0.9rem;font-weight:500;margin-bottom:2rem;transition:all 0.3s ease}.invoicing-hero .invoicing-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.invoicing-hero .invoicing-badge .badge-icon{width:16px;height:16px;background:var(--gradient-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center}.invoicing-hero .invoicing-badge .badge-icon::before{content:'₹';color:white;font-size:10px;font-weight:bold}.invoicing-hero h1{font-size:3.5rem;font-weight:700;color:white;margin-bottom:1.5rem;line-height:1.2}.invoicing-hero h1 .highlight{background:linear-gradient(135deg, #f59e0b, #eab308);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.invoicing-hero .hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.9);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.invoicing-hero .hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.invoicing-hero .hero-actions .btn{padding:14px 32px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer;font-size:1rem}.invoicing-hero .hero-actions .btn.btn-primary{background:var(--gradient-secondary);color:white;box-shadow:0 4px 20px rgba(5,150,105,0.3)}.invoicing-hero .hero-actions .btn.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(5,150,105,0.4)}.invoicing-hero .hero-actions .btn.btn-outline{background:transparent;color:white;border:2px solid rgba(255,255,255,0.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.invoicing-hero .hero-actions .btn.btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);transform:translateY(-2px)}.hero-invoice-preview{position:relative;max-width:500px;margin:0 auto;perspective:1000px}.hero-invoice-preview .invoice-mockup{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;transform-style:preserve-3d;animation:slideInUp 0.8s ease-out;box-shadow:var(--shadow-large);transition:all 0.3s ease}.hero-invoice-preview .invoice-mockup:hover{transform:translateY(-8px) rotateY(2deg);box-shadow:var(--shadow-large)}.hero-invoice-preview .invoice-header-modern{background:var(--gradient-invoice);color:white;padding:2rem;display:flex;justify-content:space-between;align-items:center}.hero-invoice-preview .invoice-header-modern .company-info .company-name{font-size:1.5rem;font-weight:700;margin-bottom:0.25rem}.hero-invoice-preview .invoice-header-modern .company-info .company-tagline{font-size:0.9rem;opacity:0.8}.hero-invoice-preview .invoice-header-modern .invoice-meta{text-align:right}.hero-invoice-preview .invoice-header-modern .invoice-meta .invoice-number{font-size:1.1rem;font-weight:600;margin-bottom:0.25rem}.hero-invoice-preview .invoice-header-modern .invoice-meta .invoice-date{font-size:0.9rem;opacity:0.8}.hero-invoice-preview .invoice-body-modern{padding:2rem;background:rgba(255,255,255,0.95)}.hero-invoice-preview .invoice-body-modern .billing-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.hero-invoice-preview .invoice-body-modern .billing-details .billing-section h6{color:var(--invoicing-dark);font-weight:600;margin-bottom:0.75rem;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px}.hero-invoice-preview .invoice-body-modern .billing-details .billing-section p{color:#6b7280;line-height:1.5;margin:0}.hero-invoice-preview .invoice-body-modern .invoice-items-modern{border-top:2px solid #e5e7eb;padding-top:1.5rem}.hero-invoice-preview .invoice-body-modern .invoice-items-modern .item-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid #f3f4f6}.hero-invoice-preview .invoice-body-modern .invoice-items-modern .item-header .header-cell{font-weight:600;color:var(--invoicing-dark);font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px}.hero-invoice-preview .invoice-body-modern .invoice-items-modern .item-row-modern{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid #f8f9fa;transition:all 0.2s ease}.hero-invoice-preview .invoice-body-modern .invoice-items-modern .item-row-modern:hover{background:#f8f9fa}.hero-invoice-preview .invoice-body-modern .invoice-items-modern .item-row-modern .item-description{color:var(--invoicing-dark);font-weight:500}.hero-invoice-preview .invoice-body-modern .invoice-items-modern .item-row-modern .item-quantity,.hero-invoice-preview .invoice-body-modern .invoice-items-modern .item-row-modern .item-amount{color:#6b7280;text-align:right}.hero-invoice-preview .invoice-body-modern .invoice-items-modern .invoice-total-modern{margin-top:1.5rem;padding-top:1.5rem;border-top:3px solid var(--invoicing-primary)}.hero-invoice-preview .invoice-body-modern .invoice-items-modern .invoice-total-modern .total-row{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 0}.hero-invoice-preview .invoice-body-modern .invoice-items-modern .invoice-total-modern .total-row.final-total{font-size:1.3rem;font-weight:700;color:var(--invoicing-primary);border-top:2px solid #e5e7eb;margin-top:0.5rem;padding-top:1rem}.hero-invoice-preview .payment-status-indicator{position:absolute;top:1rem;right:1rem;background:var(--gradient-secondary);color:white;padding:6px 12px;border-radius:50px;font-size:0.8rem;font-weight:500;display:flex;align-items:center;gap:0.5rem;animation:pulse 2s ease-in-out infinite}.hero-invoice-preview .payment-status-indicator::before{content:'';width:8px;height:8px;background:#10b981;border-radius:50%;animation:blink 1s ease-in-out infinite}.quote-integration{padding:100px 0;position:relative;z-index:10;background:rgba(255,255,255,0.02)}.quote-integration .section-header{text-align:center;margin-bottom:4rem}.quote-integration .section-header h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1rem}.quote-integration .section-header h2 .highlight{background:var(--gradient-warning);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quote-integration .section-header p{font-size:1.1rem;color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto;line-height:1.6}.quote-integration .integration-features{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.quote-integration .integration-features .integration-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;transition:all 0.4s ease;position:relative;overflow:hidden}.quote-integration .integration-features .integration-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:translateX(-100%);transition:transform 0.4s ease}.quote-integration .integration-features .integration-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium)}.quote-integration .integration-features .integration-card:hover::before{transform:translateX(0)}.quote-integration .integration-features .integration-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.quote-integration .integration-features .integration-card .feature-icon{width:60px;height:60px;background:var(--gradient-secondary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all 0.3s ease}.quote-integration .integration-features .integration-card .feature-icon i{font-size:1.5rem;color:white}.quote-integration .integration-features .integration-card h3{color:white;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.quote-integration .integration-features .integration-card p{color:rgba(255,255,255,0.8);line-height:1.6;margin:0}.payment-management{padding:100px 0;position:relative;z-index:10}.payment-management .payment-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.payment-management .payment-dashboard-modern{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-medium)}.payment-management .payment-dashboard-modern .dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.payment-management .payment-dashboard-modern .dashboard-header h3{color:white;font-size:1.4rem;font-weight:600;margin:0}.payment-management .payment-dashboard-modern .dashboard-header .balance-indicator{background:var(--gradient-accent);color:white;padding:8px 16px;border-radius:50px;font-size:0.9rem;font-weight:600}.payment-management .payment-dashboard-modern .payment-items-modern .payment-item-modern{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:rgba(255,255,255,0.05);border-radius:16px;margin-bottom:1rem;transition:all 0.3s ease}.payment-management .payment-dashboard-modern .payment-items-modern .payment-item-modern:hover{background:rgba(255,255,255,0.1);transform:translateX(4px)}.payment-management .payment-dashboard-modern .payment-items-modern .payment-item-modern .payment-info .invoice-ref-modern{color:white;font-weight:600;margin-bottom:0.25rem}.payment-management .payment-dashboard-modern .payment-items-modern .payment-item-modern .payment-info .customer-name-modern{color:rgba(255,255,255,0.7);font-size:0.9rem}.payment-management .payment-dashboard-modern .payment-items-modern .payment-item-modern .payment-status-modern{text-align:right}.payment-management .payment-dashboard-modern .payment-items-modern .payment-item-modern .payment-status-modern .status-badge-modern{padding:4px 12px;border-radius:50px;font-size:0.8rem;font-weight:600;margin-bottom:0.5rem;display:inline-block}.payment-management .payment-dashboard-modern .payment-items-modern .payment-item-modern .payment-status-modern .status-badge-modern.paid{background:var(--gradient-secondary);color:white}.payment-management .payment-dashboard-modern .payment-items-modern .payment-item-modern .payment-status-modern .status-badge-modern.overdue{background:var(--gradient-accent);color:white}.payment-management .payment-dashboard-modern .payment-items-modern .payment-item-modern .payment-status-modern .status-badge-modern.pending{background:var(--gradient-warning);color:white}.payment-management .payment-dashboard-modern .payment-items-modern .payment-item-modern .payment-status-modern .amount-modern{color:white;font-weight:600;font-size:1.1rem}.payment-management .payment-text h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1.5rem}.payment-management .payment-text h2 .highlight{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-management .payment-text p{font-size:1.1rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.payment-management .payment-text .payment-features{list-style:none;padding:0}.payment-management .payment-text .payment-features li{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,0.9);margin-bottom:1rem;font-weight:500}.payment-management .payment-text .payment-features li::before{content:'';width:20px;height:20px;background:var(--gradient-secondary);border-radius:50%;flex-shrink:0;position:relative}.payment-management .payment-text .payment-features li::after{content:'✓';position:absolute;color:white;font-size:12px;font-weight:bold;margin-left:-15px}.automation-features{padding:100px 0;position:relative;z-index:10;background:rgba(0,0,0,0.1)}.automation-features .automation-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}.automation-features .automation-grid .automation-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden}.automation-features .automation-grid .automation-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg, transparent, rgba(255,255,255,0.1), transparent);animation:rotate 10s linear infinite;opacity:0;transition:opacity 0.3s ease}.automation-features .automation-grid .automation-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-large)}.automation-features .automation-grid .automation-card:hover::before{opacity:1}.automation-features .automation-grid .automation-card:hover .automation-icon{transform:scale(1.15) rotate(-5deg)}.automation-features .automation-grid .automation-card .automation-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;transition:all 0.4s ease;position:relative;z-index:2}.automation-features .automation-grid .automation-card .automation-icon i{font-size:2rem;color:white}.automation-features .automation-grid .automation-card h3{color:white;font-size:1.2rem;font-weight:600;margin-bottom:1rem;position:relative;z-index:2}.automation-features .automation-grid .automation-card p{color:rgba(255,255,255,0.8);line-height:1.6;margin:0;position:relative;z-index:2}.professional-features{padding:100px 0;position:relative;z-index:10}.professional-features .professional-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.professional-features .features-showcase{display:flex;flex-direction:column;gap:2rem}.professional-features .features-showcase .feature-highlight{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:all 0.3s ease}.professional-features .features-showcase .feature-highlight:hover{transform:translateX(8px);box-shadow:var(--shadow-soft)}.professional-features .features-showcase .feature-highlight .feature-visual{display:flex;align-items:center;gap:1.5rem}.professional-features .features-showcase .feature-highlight .feature-visual i{font-size:2.5rem;color:white;background:var(--gradient-primary);padding:1rem;border-radius:12px}.professional-features .features-showcase .feature-highlight .feature-visual .feature-content h5{color:white;font-size:1.1rem;font-weight:600;margin-bottom:0.5rem}.professional-features .features-showcase .feature-highlight .feature-visual .feature-content p{color:rgba(255,255,255,0.8);margin:0;font-size:0.9rem;line-height:1.5}.professional-features .professional-text h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1.5rem}.professional-features .professional-text h2 .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.professional-features .professional-text p{font-size:1.1rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.professional-features .professional-text .professional-list{list-style:none;padding:0}.professional-features .professional-text .professional-list li{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,0.9);margin-bottom:1rem;font-weight:500}.professional-features .professional-text .professional-list li::before{content:'';width:20px;height:20px;background:var(--gradient-primary);border-radius:50%;flex-shrink:0;position:relative}.professional-features .professional-text .professional-list li::after{content:'✓';position:absolute;color:white;font-size:12px;font-weight:bold;margin-left:-15px}.accounting-integration{padding:100px 0;position:relative;z-index:10;background:rgba(255,255,255,0.02)}.accounting-integration .integration-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.accounting-integration .integration-grid .integration-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;text-align:center;transition:all 0.3s ease}.accounting-integration .integration-grid .integration-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}.accounting-integration .integration-grid .integration-item .integration-icon{width:60px;height:60px;background:var(--gradient-secondary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.accounting-integration .integration-grid .integration-item .integration-icon i{font-size:1.5rem;color:white}.accounting-integration .integration-grid .integration-item h3{color:white;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.accounting-integration .integration-grid .integration-item p{color:rgba(255,255,255,0.8);line-height:1.6;margin:0}.customer-experience{padding:100px 0;position:relative;z-index:10}.customer-experience .experience-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.customer-experience .customer-portal-modern{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-medium)}.customer-experience .customer-portal-modern .portal-header-modern{background:var(--gradient-primary);color:white;padding:1.5rem}.customer-experience .customer-portal-modern .portal-header-modern h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.customer-experience .customer-portal-modern .portal-header-modern .portal-nav-modern{display:flex;gap:0.5rem}.customer-experience .customer-portal-modern .portal-header-modern .portal-nav-modern .nav-item-modern{padding:8px 16px;border-radius:50px;font-size:0.9rem;font-weight:500;transition:all 0.2s ease;cursor:pointer}.customer-experience .customer-portal-modern .portal-header-modern .portal-nav-modern .nav-item-modern.active{background:rgba(255,255,255,0.2)}.customer-experience .customer-portal-modern .portal-header-modern .portal-nav-modern .nav-item-modern:not(.active):hover{background:rgba(255,255,255,0.1)}.customer-experience .customer-portal-modern .portal-content-modern{padding:2rem}.customer-experience .customer-portal-modern .portal-content-modern .invoice-card-modern{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:rgba(255,255,255,0.05);border-radius:12px;margin-bottom:1rem;transition:all 0.2s ease}.customer-experience .customer-portal-modern .portal-content-modern .invoice-card-modern:hover{background:rgba(255,255,255,0.1)}.customer-experience .customer-portal-modern .portal-content-modern .invoice-card-modern .invoice-details-modern .invoice-number-modern{color:white;font-weight:600;margin-bottom:0.25rem}.customer-experience .customer-portal-modern .portal-content-modern .invoice-card-modern .invoice-details-modern .invoice-date-modern{color:rgba(255,255,255,0.7);font-size:0.9rem}.customer-experience .customer-portal-modern .portal-content-modern .invoice-card-modern .invoice-actions-modern{text-align:right}.customer-experience .customer-portal-modern .portal-content-modern .invoice-card-modern .invoice-actions-modern .amount-due-modern{color:white;font-weight:600;font-size:1.1rem;margin-bottom:0.5rem}.customer-experience .customer-portal-modern .portal-content-modern .invoice-card-modern .invoice-actions-modern .pay-button-modern{background:var(--gradient-secondary);color:white;border:none;padding:8px 20px;border-radius:50px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.customer-experience .customer-portal-modern .portal-content-modern .invoice-card-modern .invoice-actions-modern .pay-button-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(5,150,105,0.3)}.customer-experience .experience-text h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1.5rem}.customer-experience .experience-text h2 .highlight{background:var(--gradient-warning);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.customer-experience .experience-text p{font-size:1.1rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.customer-experience .experience-text .experience-features{list-style:none;padding:0}.customer-experience .experience-text .experience-features li{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,0.9);margin-bottom:1rem;font-weight:500}.customer-experience .experience-text .experience-features li::before{content:'';width:20px;height:20px;background:var(--gradient-warning);border-radius:50%;flex-shrink:0;position:relative}.customer-experience .experience-text .experience-features li::after{content:'✓';position:absolute;color:var(--invoicing-dark);font-size:12px;font-weight:bold;margin-left:-15px}.invoicing-cta{padding:100px 0;position:relative;z-index:10;background:linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%);text-align:center}.invoicing-cta .cta-floating-orb{position:absolute;border-radius:50%;background:var(--gradient-primary);opacity:0.1;animation:float 15s ease-in-out infinite}.invoicing-cta .cta-floating-orb:nth-child(1){width:200px;height:200px;top:20%;left:10%;animation-delay:0s}.invoicing-cta .cta-floating-orb:nth-child(2){width:150px;height:150px;top:60%;right:15%;animation-delay:-7s}.invoicing-cta .cta-floating-orb:nth-child(3){width:100px;height:100px;bottom:20%;left:60%;animation-delay:-3s}.invoicing-cta .cta-content{position:relative;z-index:10;max-width:800px;margin:0 auto}.invoicing-cta .cta-content h2{font-size:3rem;font-weight:700;color:white;margin-bottom:1.5rem}.invoicing-cta .cta-content h2 .highlight{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.invoicing-cta .cta-content p{font-size:1.2rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:3rem}.invoicing-cta .cta-content .cta-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.invoicing-cta .cta-content .cta-actions .btn{padding:16px 40px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.4s ease;border:none;cursor:pointer;font-size:1.1rem}.invoicing-cta .cta-content .cta-actions .btn.btn-primary{background:var(--gradient-secondary);color:white;box-shadow:0 8px 32px rgba(5,150,105,0.3)}.invoicing-cta .cta-content .cta-actions .btn.btn-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px rgba(5,150,105,0.4)}.invoicing-cta .cta-content .cta-actions .btn.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:white;border:2px solid var(--glass-border)}.invoicing-cta .cta-content .cta-actions .btn.btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);transform:translateY(-2px)}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(-10px) rotate(-2deg)}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 1024px){.invoicing-hero{padding:80px 0 60px}.invoicing-hero h1{font-size:2.8rem}.payment-content,.professional-content,.experience-content{grid-template-columns:1fr;gap:3rem}.integration-features,.automation-grid,.integration-grid{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}}@media (max-width: 768px){.invoicing-hero h1{font-size:2.2rem}.invoicing-hero .hero-actions{flex-direction:column;align-items:center}.invoicing-hero .hero-actions .btn{width:100%;max-width:300px}.section-header h2{font-size:2rem}.integration-features,.automation-grid,.integration-grid{grid-template-columns:1fr}.billing-details{grid-template-columns:1fr}.item-header,.item-row-modern{grid-template-columns:1fr;text-align:left}.cta-content h2{font-size:2.2rem}.cta-content .cta-actions{flex-direction:column;align-items:center}.cta-content .cta-actions .btn{width:100%;max-width:300px}}@media (max-width: 480px){.invoicing-page{padding:0 1rem}.invoicing-hero{padding:60px 0 40px}.invoicing-hero h1{font-size:1.8rem}.invoicing-hero .hero-subtitle{font-size:1rem}.hero-invoice-preview,.payment-dashboard-modern,.customer-portal-modern,.integration-card,.automation-card,.integration-item,.feature-highlight{padding:1.5rem}.section-header h2{font-size:1.8rem}.cta-content h2{font-size:2rem}}@media print{.invoicing-page::before,.invoicing-page::after,.cta-floating-orb,.payment-status-indicator{display:none}.invoicing-page{background:white;color:black}.invoicing-hero,.quote-integration,.payment-management,.automation-features,.professional-features,.accounting-integration,.customer-experience,.invoicing-cta{page-break-inside:avoid}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.btn:focus,button:focus{outline:2px solid var(--invoicing-secondary);outline-offset:2px}@media (prefers-contrast: high){:root{--glass-bg: rgba(255, 255, 255, 0.2);--glass-border: rgba(255, 255, 255, 0.4)}.invoicing-page{background:#000}.integration-card,.automation-card,.integration-item,.feature-highlight,.payment-dashboard-modern,.customer-portal-modern{border:2px solid white}}:root{--about-primary: #2563eb;--about-secondary: #0891b2;--about-accent: #059669;--about-warning: #ea580c;--about-dark: #0f172a;--about-light: #f8fafc;--glass-bg: rgba(255, 255, 255, 0.1);--glass-border: rgba(255, 255, 255, 0.2);--shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.1);--shadow-medium: 0 16px 64px rgba(0, 0, 0, 0.15);--shadow-large: 0 24px 96px rgba(0, 0, 0, 0.2);--gradient-primary: linear-gradient(135deg, #2563eb 0%, #0891b2 100%);--gradient-secondary: linear-gradient(135deg, #0891b2 0%, #059669 100%);--gradient-accent: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #0891b2 100%)}.about-page{min-height:100vh;background:var(--gradient-primary);position:relative;overflow-x:hidden}.about-page::before,.about-page::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s ease-in-out infinite;z-index:0}.about-page::before{width:300px;height:300px;top:10%;right:-150px;animation-delay:-10s}.about-page::after{width:200px;height:200px;bottom:20%;left:-100px;animation-delay:-5s}.about-hero{position:relative;z-index:10;padding:120px 0 80px;text-align:center}.about-hero .container{position:relative}.about-hero .about-badge{display:inline-flex;align-items:center;gap:8px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50px;padding:8px 20px;color:white;font-size:0.9rem;font-weight:500;margin-bottom:2rem;transition:all 0.3s ease}.about-hero .about-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.about-hero .about-badge .badge-icon{width:16px;height:16px;background:var(--gradient-success);border-radius:50%;display:flex;align-items:center;justify-content:center}.about-hero .about-badge .badge-icon::before{content:'⚡';color:white;font-size:10px;font-weight:bold}.about-hero h1{font-size:3.5rem;font-weight:700;color:white;margin-bottom:1.5rem;line-height:1.2}.about-hero h1 .highlight{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero .hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.9);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.about-hero .hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.about-hero .hero-actions .btn{padding:14px 32px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer;font-size:1rem}.about-hero .hero-actions .btn.btn-primary{background:var(--gradient-success);color:white;box-shadow:0 4px 20px rgba(5,150,105,0.3)}.about-hero .hero-actions .btn.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(5,150,105,0.4)}.about-hero .hero-actions .btn.btn-outline{background:transparent;color:white;border:2px solid rgba(255,255,255,0.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-hero .hero-actions .btn.btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);transform:translateY(-2px)}.hero-stats-showcase{position:relative;max-width:500px;margin:0 auto;perspective:1000px}.hero-stats-showcase .stats-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;padding:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-large);animation:slideInUp 0.8s ease-out}.hero-stats-showcase .stat-card{background:rgba(255,255,255,0.1);border-radius:16px;padding:2rem 1rem;text-align:center;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1)}.hero-stats-showcase .stat-card:hover{transform:translateY(-5px) scale(1.05);background:rgba(255,255,255,0.15)}.hero-stats-showcase .stat-card .stat-icon{width:50px;height:50px;background:var(--gradient-success);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.hero-stats-showcase .stat-card .stat-icon i{color:white;font-size:1.5rem}.hero-stats-showcase .stat-card .stat-number{font-size:2.5rem;font-weight:700;color:white;margin-bottom:0.5rem}.hero-stats-showcase .stat-card .stat-label{font-size:0.9rem;color:rgba(255,255,255,0.8);font-weight:500}.our-story{padding:100px 0;position:relative;z-index:10;background:rgba(255,255,255,0.02)}.our-story .story-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.our-story .story-text h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1.5rem}.our-story .story-text h2 .highlight{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.our-story .story-text>p{font-size:1.1rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.our-story .story-highlights{display:flex;flex-direction:column;gap:1.5rem}.our-story .story-highlights .highlight-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:rgba(255,255,255,0.05);border-radius:16px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.our-story .story-highlights .highlight-item:hover{background:rgba(255,255,255,0.1);transform:translateX(8px)}.our-story .story-highlights .highlight-item .highlight-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.our-story .story-highlights .highlight-item .highlight-icon i{color:white;font-size:1.5rem}.our-story .story-highlights .highlight-item .highlight-content h4{color:white;font-size:1.2rem;font-weight:600;margin-bottom:0.5rem}.our-story .story-highlights .highlight-item .highlight-content p{color:rgba(255,255,255,0.8);margin:0;line-height:1.5}.story-visual .timeline-container{position:relative;padding:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-medium)}.story-visual .timeline-container::before{content:'';position:absolute;left:3rem;top:2rem;bottom:2rem;width:3px;background:var(--gradient-primary);border-radius:2px}.story-visual .timeline-item{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;position:relative}.story-visual .timeline-item:last-child{margin-bottom:0}.story-visual .timeline-item .timeline-year{width:80px;height:80px;background:var(--gradient-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.1rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 20px rgba(5,150,105,0.3);position:relative;z-index:2}.story-visual .timeline-item .timeline-content{flex:1}.story-visual .timeline-item .timeline-content h4{color:white;font-size:1.3rem;font-weight:600;margin-bottom:0.5rem}.story-visual .timeline-item .timeline-content p{color:rgba(255,255,255,0.8);margin:0;line-height:1.5}.why-different{padding:100px 0;position:relative;z-index:10}.why-different .section-header{text-align:center;margin-bottom:4rem}.why-different .section-header h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1rem}.why-different .section-header h2 .highlight{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.why-different .section-header p{font-size:1.1rem;color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto;line-height:1.6}.why-different .difference-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem}.why-different .difference-grid .difference-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden}.why-different .difference-grid .difference-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:translateX(-100%);transition:transform 0.4s ease}.why-different .difference-grid .difference-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-large)}.why-different .difference-grid .difference-card:hover::before{transform:translateX(0)}.why-different .difference-grid .difference-card:hover .difference-icon{transform:scale(1.1) rotate(-5deg)}.why-different .difference-grid .difference-card .difference-icon{width:80px;height:80px;background:var(--gradient-secondary);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;transition:all 0.4s ease}.why-different .difference-grid .difference-card .difference-icon i{font-size:2rem;color:white}.why-different .difference-grid .difference-card h3{color:white;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.why-different .difference-grid .difference-card p{color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:1.5rem}.why-different .difference-grid .difference-card .difference-stat{background:var(--gradient-accent);color:white;padding:8px 16px;border-radius:50px;font-size:0.9rem;font-weight:600;display:inline-block}.team-section{padding:100px 0;position:relative;z-index:10;background:rgba(0,0,0,0.1)}.team-section .team-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.team-section .team-text h2{font-size:2.5rem;font-weight:700;color:white;margin-bottom:1.5rem}.team-section .team-text h2 .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.team-section .team-text>p{font-size:1.1rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.team-section .team-values{display:flex;flex-direction:column;gap:1.5rem}.team-section .team-values .value-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:rgba(255,255,255,0.05);border-radius:16px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.team-section .team-values .value-item:hover{background:rgba(255,255,255,0.1);transform:translateX(8px)}.team-section .team-values .value-item .value-icon{font-size:2rem;min-width:50px;text-align:center}.team-section .team-values .value-item .value-text h4{color:white;font-size:1.2rem;font-weight:600;margin-bottom:0.5rem}.team-section .team-values .value-item .value-text p{color:rgba(255,255,255,0.8);margin:0;line-height:1.5}.team-section .team-showcase .tech-stack-display{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-medium)}.team-section .team-showcase .tech-stack-display h3{color:white;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.team-section .team-showcase .tech-stack-display .tech-badges{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-bottom:2rem}.team-section .team-showcase .tech-stack-display .tech-badges .tech-badge{display:flex;align-items:center;gap:0.75rem;padding:1rem;background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.team-section .team-showcase .tech-stack-display .tech-badges .tech-badge:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px)}.team-section .team-showcase .tech-stack-display .tech-badges .tech-badge i{color:var(--about-primary);font-size:1.5rem}.team-section .team-showcase .tech-stack-display .tech-badges .tech-badge span{color:white;font-weight:500;font-size:0.9rem}.team-section .team-showcase .tech-stack-display .commitment-statement{border-top:1px solid rgba(255,255,255,0.1);padding-top:1.5rem;text-align:center}.team-section .team-showcase .tech-stack-display .commitment-statement h4{color:white;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.team-section .team-showcase .tech-stack-display .commitment-statement p{color:rgba(255,255,255,0.8);margin:0;line-height:1.6;font-style:italic}.about-cta{padding:100px 0;position:relative;z-index:10;background:linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%);text-align:center}.about-cta .cta-floating-orb{position:absolute;border-radius:50%;background:var(--gradient-primary);opacity:0.1;animation:float 15s ease-in-out infinite}.about-cta .cta-floating-orb:nth-child(1){width:200px;height:200px;top:20%;left:10%;animation-delay:0s}.about-cta .cta-floating-orb:nth-child(2){width:150px;height:150px;top:60%;right:15%;animation-delay:-7s}.about-cta .cta-floating-orb:nth-child(3){width:100px;height:100px;bottom:20%;left:60%;animation-delay:-3s}.about-cta .cta-content{position:relative;z-index:10;max-width:800px;margin:0 auto}.about-cta .cta-content h2{font-size:3rem;font-weight:700;color:white;margin-bottom:1.5rem}.about-cta .cta-content h2 .highlight{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-cta .cta-content p{font-size:1.2rem;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.about-cta .cta-content .cta-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.about-cta .cta-content .cta-actions .btn{padding:16px 40px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.4s ease;border:none;cursor:pointer;font-size:1.1rem}.about-cta .cta-content .cta-actions .btn.btn-primary{background:var(--gradient-success);color:white;box-shadow:0 8px 32px rgba(5,150,105,0.3)}.about-cta .cta-content .cta-actions .btn.btn-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px rgba(5,150,105,0.4)}.about-cta .cta-content .cta-actions .btn.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:white;border:2px solid var(--glass-border)}.about-cta .cta-content .cta-actions .btn.btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);transform:translateY(-2px)}.about-cta .cta-content .cta-guarantee{display:flex;align-items:center;justify-content:center;gap:0.75rem;background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:50px;padding:1rem 2rem;color:rgba(255,255,255,0.9);font-weight:500;display:inline-flex}.about-cta .cta-content .cta-guarantee i{color:var(--about-primary);font-size:1.2rem}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(-10px) rotate(-2deg)}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0);opacity:1}}@media (max-width: 1024px){.about-hero{padding:80px 0 60px}.about-hero h1{font-size:2.8rem}.story-content,.team-content{grid-template-columns:1fr;gap:3rem}.difference-grid{grid-template-columns:repeat(auto-fit, minmax(260px, 1fr))}}@media (max-width: 768px){.about-hero h1{font-size:2.2rem}.about-hero .hero-actions{flex-direction:column;align-items:center}.about-hero .hero-actions .btn{width:100%;max-width:300px}.stats-container{grid-template-columns:1fr}.difference-grid{grid-template-columns:1fr}.tech-badges{grid-template-columns:1fr}.cta-content h2{font-size:2.2rem}.cta-content .cta-actions{flex-direction:column;align-items:center}.cta-content .cta-actions .btn{width:100%;max-width:300px}}@media (max-width: 480px){.about-page{padding:0 1rem}.about-hero{padding:60px 0 40px}.about-hero h1{font-size:1.8rem}.about-hero .hero-subtitle{font-size:1rem}.hero-stats-showcase,.timeline-container,.tech-stack-display,.difference-card{padding:1.5rem}.cta-content h2{font-size:2rem}}@media print{.about-page::before,.about-page::after,.cta-floating-orb{display:none}.about-page{background:white;color:black}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.btn:focus,button:focus{outline:2px solid var(--about-primary);outline-offset:2px}@media (prefers-contrast: high){:root{--glass-bg: rgba(255, 255, 255, 0.2);--glass-border: rgba(255, 255, 255, 0.4)}.about-page{background:#000}.difference-card,.timeline-container,.tech-stack-display{border:2px solid white}}:root{--footer-primary: #0f172a;--footer-secondary: #1e293b;--footer-accent: #ff6b35;--footer-text: #94a3b8;--footer-heading: #f1f5f9;--footer-link: #cbd5e1;--footer-link-hover: #ffffff;--footer-border: #334155;--gradient-footer: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--shadow-footer: 0 -4px 20px rgba(0, 0, 0, 0.1)}.modern-footer{background:var(--gradient-footer);border-top:1px solid var(--footer-border);box-shadow:var(--shadow-footer);margin-top:auto}.footer-content{padding:4rem 0 2rem;position:relative}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem}@media (max-width: 1200px){.footer-main{grid-template-columns:2fr 1fr 1fr 1.5fr}.footer-main .footer-section:nth-child(4){display:none}}@media (max-width: 992px){.footer-main{grid-template-columns:1fr 1fr;gap:2rem}.footer-main .footer-brand{grid-column:1 / -1;margin-bottom:1rem}}@media (max-width: 576px){.footer-main{grid-template-columns:1fr;gap:2rem;text-align:center}}.footer-brand .brand-logo{margin-bottom:1.5rem}.footer-brand .brand-logo a{display:inline-block;transition:transform 0.3s ease}.footer-brand .brand-logo a:hover{transform:scale(1.05)}.footer-brand .brand-logo img{filter:brightness(1.2)}.footer-brand .brand-tagline{color:var(--footer-text);font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:300px}.footer-brand .brand-contact .contact-email{display:flex;align-items:center;gap:0.75rem;color:var(--footer-link);text-decoration:none;font-size:1rem;font-weight:500;transition:all 0.3s ease}.footer-brand .brand-contact .contact-email:hover{color:var(--footer-accent);transform:translateX(4px)}.footer-brand .brand-contact .contact-email i{font-size:1.1rem;color:var(--footer-accent)}.footer-section .section-title{color:var(--footer-heading);font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;position:relative}.footer-section .section-title::after{content:'';position:absolute;bottom:-8px;left:0;width:30px;height:3px;background:var(--footer-accent);border-radius:2px}@media (max-width: 576px){.footer-section .section-title{text-align:center}.footer-section .section-title::after{left:50%;transform:translateX(-50%)}}.footer-section .footer-links{list-style:none;padding:0;margin:0}.footer-section .footer-links li{margin-bottom:0.75rem}.footer-section .footer-links li a{color:var(--footer-link);text-decoration:none;font-size:0.95rem;font-weight:500;transition:all 0.3s ease;display:inline-block;position:relative}.footer-section .footer-links li a:hover{color:var(--footer-link-hover);transform:translateX(4px)}.footer-section .footer-links li a::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--footer-accent);border-radius:50%;opacity:0;transition:opacity 0.3s ease}.footer-section .footer-links li a:hover::before{opacity:1}.footer-cta .cta-text{color:var(--footer-text);font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.footer-cta .btn-footer-primary{display:inline-block;background:linear-gradient(135deg, var(--footer-accent) 0%, #f7931e 100%);color:white;padding:12px 28px;border-radius:50px;text-decoration:none;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(255,107,53,0.3)}.footer-cta .btn-footer-primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(255,107,53,0.4);color:white}.footer-cta .footer-guarantee{display:flex;align-items:center;gap:0.5rem;margin-top:1rem;color:var(--footer-text);font-size:0.85rem}@media (max-width: 576px){.footer-cta .footer-guarantee{justify-content:center}}.footer-cta .footer-guarantee i{color:#10b981;font-size:1rem}.social-links{display:flex;gap:1rem;margin-top:2rem}@media (max-width: 576px){.social-links{justify-content:center}}.social-links a{width:44px;height:44px;background:rgba(255,255,255,0.1);border:1px solid var(--footer-border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--footer-link);transition:all 0.3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-links a:hover{background:var(--footer-accent);color:white;transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,107,53,0.3);border-color:var(--footer-accent)}.social-links a i{font-size:1.2rem}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--footer-border)}@media (max-width: 768px){.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}.footer-legal{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.footer-legal{flex-direction:column;gap:1rem}}.footer-legal p{color:var(--footer-text);font-size:0.9rem;margin:0}.footer-legal .legal-links{display:flex;align-items:center;gap:1rem}.footer-legal .legal-links a{color:var(--footer-link);text-decoration:none;font-size:0.9rem;transition:color 0.3s ease}.footer-legal .legal-links a:hover{color:var(--footer-accent)}.footer-legal .legal-links .separator{color:var(--footer-border);font-size:0.8rem}.footer-badge .badge-content{display:flex;align-items:center;gap:0.75rem;background:rgba(255,107,53,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,107,53,0.2);border-radius:50px;padding:8px 20px;color:var(--footer-accent);font-size:0.9rem;font-weight:600}.footer-badge .badge-content i{font-size:1rem;animation:pulse 2s ease-in-out infinite}.footer-badge .badge-content span{color:var(--footer-heading)}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(1.1)}}@media (max-width: 576px){.footer-content{padding:3rem 0 1.5rem}.footer-main{gap:2rem;margin-bottom:2rem}.brand-tagline{max-width:none}.btn-footer-primary{display:block;text-align:center;width:100%;max-width:280px;margin:0 auto}}@media print{.modern-footer{background:white;color:black;border-top:1px solid #ccc}.social-links,.footer-cta{display:none}}@media (prefers-contrast: high){:root{--footer-primary: #000;--footer-text: #fff;--footer-link: #fff;--footer-border: #fff}}:root{--primary-orange: #ff6b35;--primary-orange-light: #ff8c61;--accent-orange: #ffa726;--warm-orange: #ffab40;--gradient-primary: linear-gradient(135deg, #ff6b35 0%, #ff8c61 100%);--gradient-secondary: linear-gradient(135deg, #ffa726 0%, #ffab40 100%);--glass-bg: rgba(255, 255, 255, 0.15);--glass-border: rgba(255, 255, 255, 0.2);--shadow-sm: 0 4px 15px rgba(0, 0, 0, 0.1);--shadow-md: 0 8px 25px rgba(0, 0, 0, 0.15);--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);--shadow-xl: 0 30px 60px rgba(0, 0, 0, 0.2)}.pricing-page{background:linear-gradient(135deg, #ff6b35 0%, #ff8c61 25%, #ffa726 50%, #ff6b35 100%);background-size:400% 400%;animation:gradientShift 12s ease infinite;min-height:100vh}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.pricing-hero{padding:6rem 0 4rem;text-align:center;color:white}.pricing-badge{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:white;font-weight:600;margin-bottom:2rem;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px}.pricing-badge .badge-icon{width:8px;height:8px;background:var(--accent-orange);border-radius:50%;margin-right:0.75rem;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.pricing-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,0.3)}.pricing-hero .highlight{background:linear-gradient(135deg, gold 0%, #ffab40 50%, #ff6b35 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.15)}}.hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.92);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.pricing-toggle{margin-bottom:2rem}.billing-toggle{display:inline-flex;align-items:center;gap:1rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50px;padding:0.5rem;position:relative}.toggle-label{color:rgba(255,255,255,0.8);font-weight:600;font-size:0.875rem;transition:all 0.3s ease;padding:0.5rem 1rem}.toggle-label.active{color:white}.toggle-switch{display:none}.toggle-slider{width:50px;height:26px;background:rgba(255,255,255,0.2);border-radius:13px;position:relative;cursor:pointer;transition:all 0.3s ease}.toggle-slider::before{content:'';position:absolute;top:2px;left:2px;width:22px;height:22px;background:white;border-radius:50%;transition:all 0.3s ease}.toggle-switch:checked+.toggle-slider{background:var(--accent-orange)}.toggle-switch:checked+.toggle-slider::before{transform:translateX(24px)}.savings-badge{position:absolute;top:-12px;right:-8px;background:var(--gradient-secondary);color:white;font-size:0.75rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:12px;white-space:nowrap}.pricing-cards{padding:4rem 0;background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:2rem;max-width:1200px;margin:0 auto}.pricing-card{background:rgba(255,255,255,0.95);border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-lg);transition:all 0.4s ease;position:relative;border:1px solid rgba(255,255,255,0.2)}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.pricing-card.featured{background:linear-gradient(145deg, rgba(255,107,53,0.1), rgba(255,171,64,0.1));border:2px solid var(--primary-orange);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gradient-primary);color:white;padding:0.5rem 1.5rem;border-radius:20px;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.card-header h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:0.5rem}.card-subtitle{color:#718096;font-size:0.875rem;margin-bottom:2rem}.card-pricing{margin-bottom:2rem;text-align:center}.price{display:flex;align-items:baseline;justify-content:center;margin-bottom:0.5rem}.currency{font-size:1.25rem;font-weight:600;color:#4a5568}.amount{font-size:3rem;font-weight:800;color:#2d3748;margin:0 0.25rem}.period{font-size:1rem;color:#718096}.price.custom .amount{font-size:2rem;color:var(--primary-orange)}.billing-note{color:#718096;font-size:0.875rem}.card-features{margin-bottom:2.5rem}.feature-category{font-size:0.875rem;font-weight:700;color:#1a202c;text-transform:uppercase;letter-spacing:0.5px;margin:1.5rem 0 1rem 0;padding-bottom:0.5rem;border-bottom:2px solid #f1f5f9}.feature-category:first-child{margin-top:0}.feature-item{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0;font-size:0.875rem;transition:all 0.3s ease}.feature-item:hover{transform:translateX(4px)}.feature-item.included{color:#1a202c}.feature-item.excluded{color:#9ca3af}.feature-item i{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:0.75rem;flex-shrink:0}.feature-item.included i{color:#10b981;background:rgba(16,185,129,0.1)}.feature-item.excluded i{color:#9ca3af;background:rgba(156,163,175,0.1)}.featured-feature{background:rgba(255,107,53,0.1);padding:0.75rem;border-radius:8px;margin:0.5rem -0.75rem}.card-action{text-align:center}.pricing-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:0.875rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;border:2px solid transparent;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px;min-width:180px}.pricing-page .btn-primary{background:var(--gradient-primary);color:white;box-shadow:0 8px 25px rgba(255,107,53,0.3)}.pricing-page .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);color:white}.pricing-page .btn-outline{background:transparent;color:var(--primary-orange);border-color:var(--primary-orange)}.pricing-page .btn-outline:hover{background:var(--primary-orange);color:white;transform:translateY(-2px)}.pricing-page .btn-secondary{background:var(--glass-bg);color:white;border-color:var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pricing-page .btn-secondary:hover{background:rgba(255,255,255,0.2);color:white;transform:translateY(-2px)}.pricing-features{padding:6rem 0;background:white}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.section-header .highlight{color:var(--primary-orange)}.section-header p{font-size:1.125rem;color:#718096;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:white;padding:2rem;border-radius:16px;box-shadow:var(--shadow-sm);text-align:center;transition:all 0.3s ease;border:1px solid #f7fafc}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.feature-icon i{color:white;font-size:1.5rem}.feature-card h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.feature-card p{color:#718096;line-height:1.6}.pricing-imagery{padding:6rem 0;background:linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%)}.imagery-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}.imagery-text h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem}.imagery-text .highlight{color:var(--primary-orange)}.imagery-text p{font-size:1.125rem;color:#718096;margin-bottom:2rem;line-height:1.6}.imagery-providers{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}.provider-item{display:flex;align-items:center;padding:1rem;background:white;border-radius:12px;box-shadow:var(--shadow-sm);transition:all 0.3s ease;position:relative}.provider-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.provider-item.featured{border:2px solid var(--primary-orange)}.provider-item.premium{border:2px solid var(--accent-orange)}.provider-logo{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;margin-right:0.75rem}.provider-item span{font-weight:600;color:#2d3748}.pro-badge{position:absolute;top:-8px;right:-8px;background:var(--gradient-secondary);color:white;font-size:0.75rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:8px}.showcase-container{background:white;border-radius:16px;padding:1rem;box-shadow:var(--shadow-lg)}.showcase-image{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:12px}.pricing-faq{padding:6rem 0;background:white}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;max-width:1000px;margin:0 auto}.faq-item{background:#f7fafc;padding:2rem;border-radius:16px;transition:all 0.3s ease}.faq-item:hover{background:#edf2f7;transform:translateY(-2px)}.faq-item h3{font-size:1.125rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.faq-item p{color:#718096;line-height:1.6}.pricing-cta{padding:6rem 0;background:var(--gradient-primary);color:white;text-align:center;position:relative;overflow:hidden}.cta-floating-orb{position:absolute;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);animation:float 6s ease-in-out infinite}.cta-floating-orb:nth-child(1){width:200px;height:200px;top:10%;left:5%}.cta-floating-orb:nth-child(2){width:140px;height:140px;bottom:15%;right:10%;animation-delay:2s}.cta-floating-orb:nth-child(3){width:110px;height:110px;top:55%;left:60%;animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.cta-content{position:relative;z-index:2}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content .highlight{color:#ffd700}.cta-content p{font-size:1.125rem;margin-bottom:2rem;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.pricing-hero h1{font-size:2.5rem}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-8px)}.imagery-content{grid-template-columns:1fr;gap:2rem}.imagery-providers{grid-template-columns:1fr}.cta-actions{flex-direction:column;align-items:center}.section-header h2{font-size:2rem}.cta-content h2{font-size:2rem}}@media (max-width: 480px){.pricing-hero{padding:4rem 0 2rem}.pricing-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.pricing-card{padding:1.5rem}.amount{font-size:2.5rem}}:root{--primary-orange: #ff6b35;--primary-orange-light: #ff8c61;--accent-orange: #ffa726;--warm-orange: #ffab40;--gradient-primary: linear-gradient(135deg, #ff6b35 0%, #ff8c61 100%);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .15);--shadow-xl: 0 30px 60px rgba(0, 0, 0, .2)}.hero-modern{background:linear-gradient(135deg, #ff6b35 0%, #ff8c61 20%, #ffa726 40%, #ff8c61 60%, #ff6b35 80%, #ff8c61 100%);background-size:600% 600%;animation:gradientShift 12s ease infinite;position:relative}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.floating-elements{position:absolute;inset:0;pointer-events:none}.floating-circle{position:absolute;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);animation:float 6s ease-in-out infinite}.circle-1{width:200px;height:200px;top:10%;left:5%}.circle-2{width:140px;height:140px;bottom:15%;right:10%}.circle-3{width:110px;height:110px;top:55%;left:60%}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-title{font-size:3rem;font-weight:800;color:#fff;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,0.3);font-family:inherit}.gradient-text{background:linear-gradient(135deg, #eaf6ff 0%, #b3e0ff 50%, #a3cfff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.15)}}.hero-subtitle{color:rgba(255,255,255,0.92);font-size:1.125rem}.btn-modern-primary{display:inline-flex;align-items:center;padding:1rem 2rem;background:var(--gradient-primary);color:#fff;border-radius:50px;font-weight:600;border:none;box-shadow:0 8px 25px rgba(255,107,53,0.3);position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none}.btn-modern-primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition:left .5s ease}.btn-modern-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);color:#fff}.btn-modern-primary:hover::before{left:100%}.btn-modern-secondary{display:inline-flex;align-items:center;padding:1rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:#fff;border-radius:50px;font-weight:600;transition:all .3s ease;text-decoration:none}.btn-modern-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.badge-modern{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:#fff;font-weight:600}.scene-wrapper-large{box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,0.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s ease}.scene-wrapper-large:hover{transform:translateY(-8px);box-shadow:0 40px 80px rgba(0,0,0,0.2)}.logos-section{background:linear-gradient(135deg, #1a202c 0%, #2d3748 25%, #374151 50%, #2d3748 75%, #1a202c 100%);color:#fff}.logos-background{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.logo-orb{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(255,107,53,0.15) 0%, rgba(255,171,64,0.08) 50%, transparent 70%);filter:blur(40px);animation:floatLogoOrb 10s ease-in-out infinite}.orb-logo-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.orb-logo-2{width:200px;height:200px;bottom:-80px;right:-80px;animation-delay:5s}@keyframes floatLogoOrb{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.trust-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:rgba(255,107,53,0.1);border:1px solid rgba(255,107,53,0.2);border-radius:50px;color:var(--primary-orange);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.trust-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.trust-subtitle{color:rgba(255,255,255,0.8);font-size:1.125rem;max-width:500px;margin:0 auto}.logos-container{position:relative;overflow:hidden;padding:2rem 0}.logos-track{display:flex;animation:scrollLogos 30s linear infinite;gap:3rem}@keyframes scrollLogos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.logo-card{flex-shrink:0;width:140px;height:80px;background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden}.logo-card:hover{background:rgba(255,255,255,0.1);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.2)}.logo-wrapper{padding:0.75rem;max-width:100%;max-height:100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-wrapper img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;filter:brightness(0.8) contrast(1.1);transition:filter .3s ease}.logo-card:hover .logo-wrapper img{filter:brightness(1) contrast(1.2)}.trust-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem;flex-wrap:wrap}.trust-stat{text-align:center}.trust-stat .stat-number{font-size:2.5rem;font-weight:800;color:var(--primary-orange);line-height:1;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(255,107,53,0.3)}.trust-stat .stat-label{color:rgba(255,255,255,0.8);font-size:.875rem;font-weight:600}.newsletter-modern{background:linear-gradient(135deg, #667eea 0%, #764ba2 25%, #667eea 50%, #764ba2 100%);background-size:400% 400%;animation:gradientShift 10s ease infinite;color:white}.newsletter-background{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.newsletter-orb{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 50%, transparent 70%);filter:blur(40px);animation:floatNewsletterOrb 8s ease-in-out infinite}.orb-newsletter-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.orb-newsletter-2{width:200px;height:200px;bottom:-80px;right:-80px;animation-delay:4s}@keyframes floatNewsletterOrb{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.newsletter-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%, rgba(255,255,255,0.1) 1px, transparent 1px),radial-gradient(circle at 80% 80%, rgba(255,255,255,0.1) 1px, transparent 1px);background-size:40px 40px;animation:patternMove 20s linear infinite}@keyframes patternMove{0%{transform:translate(0, 0)}100%{transform:translate(40px, 40px)}}.newsletter-content{position:relative;z-index:2}.newsletter-badge{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:white;font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px}.newsletter-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:white;text-shadow:0 4px 20px rgba(0,0,0,0.3)}.newsletter-highlight{background:linear-gradient(135deg, gold 0%, #ffab40 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 2s ease-in-out infinite}.newsletter-subtitle{font-size:1.125rem;color:rgba(255,255,255,0.9);line-height:1.6;max-width:600px;margin:0 auto}.newsletter-success{display:inline-flex;align-items:center;padding:1rem 2rem;background:rgba(16,185,129,0.2);border:1px solid rgba(16,185,129,0.3);border-radius:50px;color:#10b981;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-form{max-width:500px;margin:0 auto}.form-group-modern{display:flex;gap:0.5rem;background:rgba(255,255,255,0.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:50px;padding:0.5rem;transition:all 0.3s ease}.form-group-modern:focus-within{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.newsletter-input{flex:1;border:none;background:transparent;color:white;font-size:1rem;padding:0.875rem 1.5rem;outline:none;border-radius:50px}.newsletter-input::-moz-placeholder{color:rgba(255,255,255,0.7)}.newsletter-input::placeholder{color:rgba(255,255,255,0.7)}.newsletter-button{background:var(--gradient-primary);color:white;border:none;padding:0.875rem 2rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;box-shadow:0 4px 15px rgba(255,107,53,0.3)}.newsletter-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,53,0.4)}.newsletter-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.newsletter-feature{display:flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.9);font-size:0.875rem;font-weight:600}.newsletter-feature i{color:#ffd700;font-size:1rem}@media (max-width: 768px){.trust-title{font-size:1.75rem}.trust-stats{gap:2rem}.logo-card{width:120px;height:70px}.newsletter-title{font-size:2rem}.newsletter-features{flex-direction:column;align-items:center;gap:1rem}.form-group-modern{flex-direction:column;gap:1rem}.newsletter-input{text-align:center}}:root{--primary-orange: #ff6b35;--primary-orange-light: #ff8c61;--accent-orange: #ffa726;--warm-orange: #ffab40;--gradient-primary: linear-gradient(135deg, #ff6b35 0%, #ff8c61 100%);--gradient-secondary: linear-gradient(135deg, #ffa726 0%, #ffab40 100%);--glass-bg: rgba(255, 255, 255, 0.15);--glass-border: rgba(255, 255, 255, 0.2);--shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);--shadow-md: 0 8px 25px rgba(0, 0, 0, 0.1);--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);--shadow-xl: 0 30px 60px rgba(0, 0, 0, 0.2)}.knowledge-hero{background:linear-gradient(135deg, #667eea 0%, #764ba2 25%, #667eea 50%, #764ba2 100%);background-size:400% 400%;animation:gradientShift 10s ease infinite;color:white;position:relative}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.hero-background{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.floating-orb-hero{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 50%, transparent 70%);filter:blur(40px);animation:floatHeroOrb 12s ease-in-out infinite}.orb-hero-1{width:400px;height:400px;top:-150px;left:-150px;animation-delay:0s}.orb-hero-2{width:300px;height:300px;bottom:-100px;right:-100px;animation-delay:6s}.orb-hero-3{width:200px;height:200px;top:40%;left:70%;animation-delay:3s}@keyframes floatHeroOrb{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}.hero-badge{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:white;font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 4px 20px rgba(0,0,0,0.3)}.gradient-text-hero{background:linear-gradient(135deg, gold 0%, #ffab40 50%, #ff6b35 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.2)}}.hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.9);line-height:1.6;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;padding:1rem 2rem;background:var(--gradient-primary);color:white;border-radius:50px;font-weight:600;text-decoration:none;box-shadow:0 8px 25px rgba(255,107,53,0.3);transition:all 0.3s ease;border:none}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);color:white}.btn-hero-secondary{display:inline-flex;align-items:center;padding:1rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:white;border-radius:50px;font-weight:600;transition:all 0.3s ease}.btn-hero-secondary:hover{background:rgba(255,255,255,0.2);transform:translateY(-3px)}.hero-trust-indicators{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}.trust-indicator{text-align:center}.trust-number{font-size:2rem;font-weight:800;color:#ffd700;line-height:1;margin-bottom:0.5rem}.trust-text{font-size:0.875rem;color:rgba(255,255,255,0.8);font-weight:600}.knowledge-mockup-modern{position:relative;max-width:600px;margin:0 auto}.knowledge-device{background:white;border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid #e2e8f0}.knowledge-header-modern{background:linear-gradient(135deg, #f8fafc 0%, #fff 100%);padding:1rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.portal-controls{display:flex;gap:0.5rem}.control-dot{width:12px;height:12px;border-radius:50%}.control-dot.red{background:#ff5f56}.control-dot.yellow{background:#ffbd2e}.control-dot.green{background:#27ca3f}.knowledge-logo-modern{font-weight:700;color:#1a202c;font-size:1rem}.search-bar-modern{display:flex;align-items:center;background:#f7fafc;border-radius:20px;padding:0.5rem 1rem;gap:0.5rem;min-width:200px}.search-bar-modern i{color:#64748b;font-size:0.875rem}.search-bar-modern input{border:none;background:transparent;outline:none;font-size:0.875rem;flex:1}.knowledge-nav-modern{background:#f8fafc;padding:1rem;display:flex;gap:0.5rem;border-bottom:1px solid #e2e8f0;overflow-x:auto}.knowledge-nav-modern .nav-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:25px;font-size:0.875rem;font-weight:600;color:#64748b;background:white;border:1px solid #e2e8f0;transition:all 0.3s ease;white-space:nowrap;cursor:pointer}.knowledge-nav-modern .nav-item.active{background:var(--gradient-primary);color:white;border-color:transparent}.knowledge-nav-modern .nav-item:hover:not(.active){background:#f1f5f9;color:#475569}.knowledge-content-modern{padding:1.5rem;max-height:400px;overflow-y:auto}.article-card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all 0.3s ease;position:relative}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card.featured{border:2px solid var(--primary-orange);background:linear-gradient(135deg, rgba(255,107,53,0.02) 0%, rgba(255,171,64,0.01) 100%)}.article-badge{position:absolute;top:-8px;right:1rem;background:var(--gradient-primary);color:white;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.75rem;font-weight:600}.article-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.article-category{background:rgba(102,126,234,0.1);color:#667eea;padding:0.25rem 0.75rem;border-radius:15px;font-size:0.75rem;font-weight:600}.article-date{font-size:0.75rem;color:#64748b}.article-card h4{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:0.5rem;line-height:1.4}.article-card p{font-size:0.875rem;color:#64748b;line-height:1.5;margin-bottom:0.75rem}.article-stats{display:flex;gap:1rem;font-size:0.75rem;color:#64748b}.article-stats i{margin-right:0.25rem}.interaction-indicator{position:absolute;z-index:10}.ind-1{top:20%;right:-20px}.ind-2{bottom:30%;left:-20px}.ind-3{top:60%;right:-30px}.pulse-dot-knowledge{width:12px;height:12px;background:var(--primary-orange);border-radius:50%;animation:pulse 2s infinite}.indicator-tooltip{position:absolute;background:#1a202c;color:white;padding:0.5rem 1rem;border-radius:8px;font-size:0.75rem;font-weight:600;white-space:nowrap;top:-40px;left:50%;transform:translateX(-50%);opacity:0;animation:fadeInTooltip 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0.7}}@keyframes fadeInTooltip{0%,80%{opacity:0}90%,100%{opacity:1}}.article-creation-section{background:linear-gradient(135deg, #f8fafc 0%, #fff 100%)}.section-background-creation{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.floating-shape-creation{position:absolute;background:radial-gradient(circle, rgba(102,126,234,0.08) 0%, transparent 70%);border-radius:50%;animation:floatShape 8s ease-in-out infinite}.shape-create-1{width:300px;height:300px;top:10%;left:-10%;animation-delay:0s}.shape-create-2{width:200px;height:200px;bottom:20%;right:-5%;animation-delay:4s}@keyframes floatShape{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.section-badge-creation{display:inline-flex;align-items:center;padding:0.5rem 1.25rem;background:linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);border:1px solid rgba(102,126,234,0.2);border-radius:50px;color:#667eea;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.section-title-creation{font-size:2.5rem;font-weight:700;color:#1a202c;line-height:1.2;margin-bottom:1rem}.section-subtitle-creation{font-size:1.125rem;color:#64748b;line-height:1.6}.editor-mockup-modern{position:relative;max-width:550px}.editor-container{background:white;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid #e2e8f0}.editor-header-modern{background:linear-gradient(135deg, #f8fafc 0%, #fff 100%);padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.editor-title{font-weight:600;color:#1a202c;font-size:1rem}.editor-actions{display:flex;gap:0.5rem}.btn-editor{padding:0.5rem 1rem;border-radius:20px;border:1px solid #e2e8f0;background:white;color:#64748b;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.btn-editor.publish{background:var(--gradient-primary);color:white;border-color:transparent}.btn-editor:hover{background:#f1f5f9}.btn-editor.publish:hover{background:linear-gradient(135deg, #e55a2b 0%, #ff6b35 100%)}.editor-toolbar{background:#f8fafc;padding:0.75rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem}.toolbar-group{display:flex;gap:0.25rem}.tool-btn{width:32px;height:32px;border:none;background:white;color:#64748b;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.tool-btn:hover{background:#e2e8f0;color:#475569}.tool-btn.active{background:var(--primary-orange);color:white}.editor-content{padding:1.5rem}.article-title-input{width:100%;border:none;outline:none;font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:1rem;background:transparent}.article-meta-inputs{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-select{padding:0.5rem 1rem;border:1px solid #e2e8f0;border-radius:20px;background:white;color:#64748b;font-size:0.875rem;outline:none}.tag-input{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;flex:1}.tag{background:rgba(102,126,234,0.1);color:#667eea;padding:0.25rem 0.75rem;border-radius:15px;font-size:0.75rem;font-weight:600}.tag-input input{border:none;outline:none;font-size:0.875rem;color:#64748b;background:transparent;min-width:100px}.rich-editor{min-height:150px;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;position:relative}.editor-text{color:#374151;line-height:1.6;margin:0}.editor-cursor{width:2px;height:20px;background:var(--primary-orange);animation:blink 1s infinite;position:absolute}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}.feature-list-creation{display:flex;flex-direction:column;gap:1.5rem}.creation-feature{display:flex;align-items:flex-start;gap:1rem}.feature-check-creation{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-check-creation i{color:white;font-size:1.25rem}.feature-content-creation h5{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:0.5rem}.feature-content-creation p{color:#64748b;line-height:1.5;margin:0}.engagement-section{background:linear-gradient(135deg, #fff 0%, #f8fafc 100%)}.engagement-background{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.tech-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(102,126,234,0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(102,126,234,0.03) 1px, transparent 1px);background-size:40px 40px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0, 0)}100%{transform:translate(40px, 40px)}}.floating-orb-engagement{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(102,126,234,0.05) 0%, transparent 70%);filter:blur(30px);animation:floatEngageOrb 10s ease-in-out infinite}.orb-engage-1{width:250px;height:250px;top:20%;left:10%;animation-delay:0s}.orb-engage-2{width:180px;height:180px;bottom:30%;right:15%;animation-delay:5s}@keyframes floatEngageOrb{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-25px) scale(1.05)}}.section-badge-engagement{display:inline-flex;align-items:center;padding:0.5rem 1.25rem;background:linear-gradient(135deg, rgba(16,185,129,0.1) 0%, rgba(5,150,105,0.1) 100%);border:1px solid rgba(16,185,129,0.2);border-radius:50px;color:#10b981;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.section-title-engagement{font-size:2.5rem;font-weight:700;color:#1a202c;line-height:1.2}.section-subtitle-engagement{font-size:1.125rem;color:#64748b;line-height:1.6}.feedback-mockup-modern{position:relative;max-width:600px;margin:0 auto}.feedback-container{background:white;border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid #e2e8f0}.article-view-modern{padding:0}.article-header-modern{background:#f8fafc;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.breadcrumb-modern{font-size:0.875rem;color:#64748b}.breadcrumb-modern .current{color:#1a202c;font-weight:600}.article-actions{display:flex;gap:0.5rem}.action-btn{display:flex;align-items:center;gap:0.25rem;padding:0.5rem 0.75rem;background:white;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;font-size:0.875rem;cursor:pointer;transition:all 0.3s ease}.action-btn:hover{background:#f1f5f9;color:#475569}.article-content-modern{padding:1.5rem;border-bottom:1px solid #e2e8f0}.article-content-modern h3{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.article-meta-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.author-info{display:flex;align-items:center;gap:0.75rem}.author-avatar{width:40px;height:40px;background:var(--gradient-primary);border-radius:50%}.author-name{font-weight:600;color:#1a202c;font-size:0.875rem}.publish-date{font-size:0.75rem;color:#64748b}.reading-time{background:rgba(102,126,234,0.1);color:#667eea;padding:0.25rem 0.75rem;border-radius:15px;font-size:0.75rem;font-weight:600}.article-excerpt p{color:#374151;line-height:1.6;margin:0}.comments-section-modern{padding:1.5rem}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.comments-header h6{font-weight:600;color:#1a202c;margin:0}.sort-select{border:1px solid #e2e8f0;border-radius:15px;padding:0.25rem 0.75rem;font-size:0.75rem;background:white;color:#64748b;outline:none}.comment-modern{display:flex;gap:0.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.comment-modern:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-avatar{width:32px;height:32px;background:linear-gradient(135deg, #10b981 0%, #059669 100%);border-radius:50%;flex-shrink:0}.comment-content{flex:1}.comment-author{font-weight:600;color:#1a202c;font-size:0.875rem;margin-bottom:0.25rem}.comment-text{color:#374151;font-size:0.875rem;line-height:1.5;margin-bottom:0.5rem}.comment-actions{display:flex;align-items:center;gap:1rem}.comment-action{background:none;border:none;color:#64748b;font-size:0.75rem;cursor:pointer;display:flex;align-items:center;gap:0.25rem;transition:color 0.3s ease}.comment-action:hover{color:#475569}.comment-time{font-size:0.75rem;color:#9ca3af}.add-comment{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.comment-input{display:flex;gap:0.5rem}.comment-input input{flex:1;padding:0.75rem 1rem;border:1px solid #e2e8f0;border-radius:20px;outline:none;font-size:0.875rem}.submit-comment{width:40px;height:40px;background:var(--gradient-primary);border:none;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.submit-comment:hover{transform:scale(1.05)}.engagement-features{display:flex;flex-direction:column;gap:1.5rem}.engagement-feature{display:flex;align-items:flex-start;gap:1rem}.engagement-feature i{width:48px;height:48px;background:linear-gradient(135deg, #10b981 0%, #059669 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem;flex-shrink:0}.engagement-feature h5{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:0.5rem}.engagement-feature p{color:#64748b;line-height:1.5;margin:0}.integration-section{background:white}.section-badge-integration{display:inline-flex;align-items:center;padding:0.5rem 1.25rem;background:linear-gradient(135deg, rgba(139,92,246,0.1) 0%, rgba(124,58,237,0.1) 100%);border:1px solid rgba(139,92,246,0.2);border-radius:50px;color:#8b5cf6;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.section-title-integration{font-size:2.5rem;font-weight:700;color:#1a202c;line-height:1.2}.section-subtitle-integration{font-size:1.125rem;color:#64748b;line-height:1.6}.proposal-integration-mockup{position:relative;max-width:550px}.proposal-container{background:white;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid #e2e8f0}.proposal-header-modern{background:linear-gradient(135deg, #f8fafc 0%, #fff 100%);padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.proposal-title{font-weight:600;color:#1a202c;font-size:1rem}.proposal-status{background:rgba(251,191,36,0.1);color:#f59e0b;padding:0.25rem 0.75rem;border-radius:15px;font-size:0.75rem;font-weight:600}.proposal-sections{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.section-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;border-radius:8px;margin-bottom:0.5rem;cursor:pointer;transition:all 0.3s ease;position:relative}.section-item:hover{background:#f8fafc}.section-item.active{background:rgba(139,92,246,0.1);color:#8b5cf6}.section-item i{color:#64748b;width:20px}.section-item.active i{color:#8b5cf6}.section-badge{position:absolute;right:0.75rem;background:var(--primary-orange);color:white;padding:0.125rem 0.5rem;border-radius:10px;font-size:0.75rem;font-weight:600}.embedded-articles{padding:1.5rem}.embedded-article{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px;margin-bottom:0.75rem;position:relative}.article-thumbnail{width:40px;height:40px;background:var(--gradient-primary);border-radius:8px;flex-shrink:0}.article-info{flex:1}.article-info h6{font-size:0.875rem;font-weight:600;color:#1a202c;margin-bottom:0.25rem}.article-info p{font-size:0.75rem;color:#64748b;margin-bottom:0.25rem;line-height:1.4}.article-meta-small{font-size:0.75rem;color:#9ca3af}.remove-article{position:absolute;top:0.5rem;right:0.5rem;width:20px;height:20px;background:#ef4444;color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.75rem}.add-article-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem;border:2px dashed #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all 0.3s ease}.add-article-btn:hover{border-color:#8b5cf6;color:#8b5cf6;background:rgba(139,92,246,0.02)}.integration-benefits{display:flex;flex-direction:column;gap:1.5rem}.integration-benefit{display:flex;align-items:flex-start;gap:1rem}.benefit-icon{width:48px;height:48px;background:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-icon i{color:white;font-size:1.25rem}.benefit-content h5{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:0.5rem}.benefit-content p{color:#64748b;line-height:1.5;margin:0}.analytics-section{background:linear-gradient(135deg, #f1f5f9 0%, #fff 100%)}.section-badge-analytics{display:inline-flex;align-items:center;padding:0.5rem 1.25rem;background:linear-gradient(135deg, rgba(59,130,246,0.1) 0%, rgba(37,99,235,0.1) 100%);border:1px solid rgba(59,130,246,0.2);border-radius:50px;color:#3b82f6;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.section-title-analytics{font-size:2.5rem;font-weight:700;color:#1a202c;line-height:1.2;margin-bottom:1rem}.section-subtitle-analytics{font-size:1.125rem;color:#64748b;line-height:1.6;max-width:600px;margin:0 auto}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;max-width:1200px;margin:0 auto}.analytics-card{background:white;padding:2rem;border-radius:16px;box-shadow:var(--shadow-sm);text-align:center;transition:all 0.3s ease;border:1px solid #f1f5f9}.analytics-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.analytics-icon{width:64px;height:64px;background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.analytics-icon i{color:white;font-size:1.5rem}.analytics-card h4{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:1rem}.analytics-card p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.analytics-stats{display:flex;justify-content:space-around;gap:1rem}.stat-item{text-align:center}.stat-number{font-size:1.5rem;font-weight:700;color:#3b82f6;line-height:1}.stat-label{font-size:0.75rem;color:#64748b;margin-top:0.25rem}.cta-knowledge{background:var(--gradient-primary);color:white;position:relative}.cta-background-knowledge{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.cta-orb-knowledge{position:absolute;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);animation:float 6s ease-in-out infinite}.orb-cta-knowledge-1{width:200px;height:200px;top:10%;left:5%}.orb-cta-knowledge-2{width:140px;height:140px;bottom:15%;right:10%;animation-delay:3s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.cta-content-knowledge{position:relative;z-index:2}.cta-title-knowledge{font-size:2.5rem;font-weight:700;line-height:1.2}.gradient-text-cta-knowledge{background:linear-gradient(135deg, gold 0%, #ffab40 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cta-subtitle-knowledge{font-size:1.125rem;color:rgba(255,255,255,0.9);line-height:1.6;max-width:600px;margin:0 auto}.btn-cta-knowledge{display:inline-flex;align-items:center;padding:1rem 2.5rem;background:white;color:var(--primary-orange);border-radius:50px;font-weight:600;text-decoration:none;box-shadow:var(--shadow-lg);transition:all 0.3s ease;font-size:1rem}.btn-cta-knowledge:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);color:var(--primary-orange)}.cta-features-knowledge{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.9);font-size:0.875rem;font-weight:600}.cta-feature i{color:#ffd700}.glass-modal{background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.section-title-creation,.section-title-engagement,.section-title-integration,.section-title-analytics,.cta-title-knowledge{font-size:2rem}.hero-trust-indicators{gap:1rem}.analytics-grid{grid-template-columns:1fr}.cta-features-knowledge{flex-direction:column;align-items:center;gap:1rem}.article-meta-inputs{flex-direction:column}.hero-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.knowledge-device,.editor-container,.feedback-container,.proposal-container{margin:0 1rem}}:root{--primary-orange: #ff6b35;--primary-orange-light: #ff8c61;--accent-orange: #ffa726;--warm-orange: #ffab40;--gradient-primary: linear-gradient(135deg, #ff6b35 0%, #ff8c61 100%);--gradient-secondary: linear-gradient(135deg, #ff8c61 0%, #ffa726 100%);--glass-bg: rgba(255, 255, 255, 0.15);--glass-border: rgba(255, 255, 255, 0.2);--shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);--shadow-md: 0 8px 25px rgba(0, 0, 0, 0.1);--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);--shadow-xl: 0 30px 60px rgba(0, 0, 0, 0.2)}.features-modern{background:linear-gradient(135deg, #f8fafc 0%, #fff 50%, #f1f5f9 100%)}.features-background{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.floating-feature-orb{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(255,107,53,0.08) 0%, rgba(255,171,64,0.04) 50%, transparent 70%);filter:blur(60px);animation:floatFeatureOrb 12s ease-in-out infinite}.orb-feature-1{width:500px;height:500px;top:-200px;right:-200px;animation-delay:0s}.orb-feature-2{width:400px;height:400px;bottom:-150px;left:-150px;animation-delay:6s}@keyframes floatFeatureOrb{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}.section-badge-modern{display:inline-flex;align-items:center;padding:0.5rem 1.25rem;background:linear-gradient(135deg, rgba(255,107,53,0.1) 0%, rgba(255,171,64,0.1) 100%);border:1px solid rgba(255,107,53,0.2);border-radius:50px;color:var(--primary-orange);font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.section-title-modern{font-size:2.75rem;font-weight:800;color:#1a202c;line-height:1.2;margin-bottom:1rem}.section-subtitle-modern{font-size:1.125rem;color:#64748b;line-height:1.6;max-width:700px;margin:0 auto}.feature-card-modern{background:white;padding:3rem;border-radius:24px;box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;transition:all 0.4s ease;position:relative;overflow:hidden}.feature-card-modern::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform 0.4s ease}.feature-card-modern:hover::before{transform:scaleX(1)}.feature-card-modern:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl)}.feature-image-wrapper{position:relative;overflow:hidden;border-radius:16px;transition:all 0.4s ease}.feature-image-wrapper:hover{transform:scale(1.02)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 100%);opacity:0;transition:opacity 0.4s ease;display:flex;align-items:flex-end;padding:1.5rem}.feature-image-wrapper:hover .image-overlay{opacity:1}.feature-badge{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:0.5rem 1rem;border-radius:50px;color:white;font-size:0.875rem;font-weight:600}.feature-icon-large{width:70px;height:70px;border-radius:18px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:white;font-size:1.75rem;box-shadow:0 8px 25px rgba(255,107,53,0.3);transition:all 0.3s ease}.feature-card-modern:hover .feature-icon-large{transform:scale(1.1) rotate(5deg)}.feature-title-large{font-size:1.75rem;font-weight:700;color:#1a202c;line-height:1.3}.feature-description-large{font-size:1.125rem;color:#64748b;line-height:1.6}.feature-list-modern{display:grid;gap:0.75rem}.feature-item-modern{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0;transition:all 0.3s ease}.feature-item-modern:hover{transform:translateX(8px)}.feature-check-modern{width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:white;font-size:0.75rem;flex-shrink:0}.btn-feature-modern{display:inline-flex;align-items:center;padding:0.875rem 2rem;background:var(--gradient-primary);color:white;text-decoration:none;border-radius:50px;font-weight:600;transition:all 0.3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.btn-feature-modern::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition:left 0.5s ease}.btn-feature-modern:hover::before{left:100%}.btn-feature-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:white;text-decoration:none}.feature-visual-wrapper{position:relative}.crm-visual-modern{background:white;border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid #f1f5f9}.kanban-preview-modern{display:flex;gap:1rem}.kanban-col-modern{flex:1;background:#f8fafc;border-radius:12px;padding:1rem}.col-header{font-size:0.875rem;font-weight:600;color:var(--primary-orange);margin-bottom:0.75rem;text-align:center}.kanban-card{background:white;padding:0.75rem;border-radius:8px;margin-bottom:0.5rem;box-shadow:var(--shadow-sm);font-size:0.875rem;font-weight:500;transition:all 0.3s ease}.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.success-card{background:linear-gradient(135deg, #10b981 0%, #059669 100%);color:white}.kanban-card-placeholder{background:transparent;border:2px dashed #cbd5e0;padding:0.75rem;border-radius:8px;text-align:center;font-size:0.875rem;color:#64748b;cursor:pointer;transition:all 0.3s ease}.kanban-card-placeholder:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.card-badge{display:inline-block;padding:0.125rem 0.5rem;background:rgba(255,107,53,0.1);color:var(--primary-orange);border-radius:20px;font-size:0.75rem;font-weight:600;margin-left:0.5rem}.card-badge.success{background:rgba(16,185,129,0.2);color:#10b981}.feature-overlay-stats{position:absolute;top:20px;right:20px}.stat-bubble{background:white;border-radius:12px;padding:1rem 1.5rem;box-shadow:var(--shadow-lg);margin-bottom:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2);animation:floatBubble 3s ease-in-out infinite}.stat-1{animation-delay:0s}.stat-2{animation-delay:1.5s}@keyframes floatBubble{0%,100%{transform:translateY(0px)}50%{transform:translateY(-8px)}}.stat-number{font-size:1.25rem;font-weight:800;color:var(--primary-orange);line-height:1}.stat-label{font-size:0.75rem;color:#64748b;font-weight:600;margin-top:0.25rem}.features-grid-modern{margin-top:4rem}.feature-card-compact{background:white;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;transition:all 0.4s ease;height:100%;display:flex;flex-direction:column}.feature-card-compact:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-visual-compact{background:#f8fafc;padding:1.5rem;border-bottom:1px solid #f1f5f9}.portal-preview-modern{background:white;border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid #e2e8f0}.portal-header{font-weight:600;color:#1a202c;margin-bottom:1rem;font-size:0.875rem;text-align:center;padding-bottom:0.5rem;border-bottom:1px solid #f1f5f9}.portal-stats-row{display:flex;gap:0.75rem;margin-bottom:1rem}.stat-compact{flex:1;background:#f8fafc;padding:0.75rem;border-radius:8px;text-align:center}.stat-compact.success{background:rgba(16,185,129,0.1)}.stat-compact .number{display:block;font-weight:700;color:#1a202c;font-size:0.875rem;line-height:1}.stat-compact.success .number{color:#10b981}.stat-compact .label{font-size:0.75rem;color:#64748b;margin-top:0.25rem}.portal-message{display:flex;align-items:center;gap:0.5rem;background:rgba(59,130,246,0.1);color:#3b82f6;padding:0.5rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600}.invoice-preview-modern{background:white;border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;font-size:0.875rem}.invoice-header{font-weight:600;color:#1a202c;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.invoice-number{font-size:0.75rem;color:#64748b;font-weight:500}.invoice-line{display:flex;justify-content:space-between;padding:0.25rem 0;color:#374151}.invoice-total{display:flex;justify-content:space-between;padding:0.5rem 0;border-top:1px solid #f1f5f9;margin-top:0.5rem;font-weight:600;color:#1a202c}.total-amount{color:var(--primary-orange)}.payment-status{text-align:center;margin-top:0.75rem;padding:0.25rem 0.5rem;border-radius:15px;font-size:0.75rem;font-weight:600}.payment-status.paid{background:rgba(16,185,129,0.1);color:#10b981}.feature-content-compact{padding:2rem;flex:1;display:flex;flex-direction:column}.feature-icon-compact{width:48px;height:48px;border-radius:12px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem;margin-bottom:1.5rem}.feature-title-compact{font-size:1.25rem;font-weight:700;color:#1a202c;margin-bottom:1rem;line-height:1.3}.feature-desc-compact{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.feature-highlights{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}.highlight-tag{background:rgba(255,107,53,0.1);color:var(--primary-orange);padding:0.25rem 0.75rem;border-radius:15px;font-size:0.75rem;font-weight:600}.feature-actions{display:flex;gap:1rem;margin-top:auto;flex-wrap:wrap}.action-link{color:var(--primary-orange);text-decoration:none;font-weight:600;font-size:0.875rem;transition:all 0.3s ease;position:relative}.action-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-orange);transition:width 0.3s ease}.action-link:hover::after{width:100%}.action-link:hover{color:var(--primary-orange-light);text-decoration:none}.platform-overview-modern{background:linear-gradient(135deg, #1a202c 0%, #2d3748 100%);padding:4rem 0;margin-top:4rem;border-radius:24px;color:white;text-align:center;position:relative;overflow:hidden}.platform-overview-modern::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(/%23grid)"/></svg>');opacity:0.5}.overview-content{position:relative;z-index:2;margin-bottom:3rem}.overview-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg, #fff 0%, #f1f5f9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.overview-subtitle{font-size:1.125rem;color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto}.platform-icons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;position:relative;z-index:2}.platform-icon-link{text-decoration:none;transition:all 0.3s ease}.platform-icon-link:hover{transform:translateY(-8px)}.platform-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;box-shadow:var(--shadow-lg);transition:all 0.3s ease;position:relative}.platform-icon::after{content:attr(data-tooltip);position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:white;padding:0.5rem 1rem;border-radius:8px;font-size:0.75rem;font-weight:600;white-space:nowrap;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.platform-icon-link:hover .platform-icon::after{opacity:1}.platform-icon:hover{background:var(--gradient-secondary);transform:scale(1.1)}.client-portal-feature-section,.fleet-management-feature-section{background:white;border-top:1px solid #f1f5f9}.fleet-management-feature-section{background:linear-gradient(135deg, #f8fafc 0%, #fff 100%)}.feature-content-full{padding:2rem 0}.section-badge-portal{display:inline-flex;align-items:center;padding:0.5rem 1.25rem;background:linear-gradient(135deg, rgba(59,130,246,0.1) 0%, rgba(37,99,235,0.1) 100%);border:1px solid rgba(59,130,246,0.2);border-radius:50px;color:#3b82f6;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.section-badge-fleet{display:inline-flex;align-items:center;padding:0.5rem 1.25rem;background:linear-gradient(135deg, rgba(16,185,129,0.1) 0%, rgba(5,150,105,0.1) 100%);border:1px solid rgba(16,185,129,0.2);border-radius:50px;color:#10b981;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.section-badge-invoicing{display:inline-flex;align-items:center;padding:0.5rem 1.25rem;background:linear-gradient(135deg, rgba(139,92,246,0.1) 0%, rgba(124,58,237,0.1) 100%);border:1px solid rgba(139,92,246,0.2);border-radius:50px;color:#8b5cf6;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.feature-title-full{font-size:2.25rem;font-weight:700;color:#1a202c;line-height:1.2}.feature-subtitle-full{font-size:1.125rem;color:#64748b;line-height:1.6}.feature-benefits-full{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.benefit-item{display:flex;align-items:flex-start;gap:1rem}.benefit-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-icon i{color:white;font-size:1.25rem}.benefit-content h5{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:0.5rem}.benefit-content p{color:#64748b;line-height:1.5;margin:0}.btn-feature-full{display:inline-flex;align-items:center;padding:1rem 2rem;background:var(--gradient-primary);color:white;border-radius:50px;font-weight:600;text-decoration:none;box-shadow:0 8px 25px rgba(255,107,53,0.3);transition:all 0.3s ease}.btn-feature-full:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);color:white}.portal-showcase-full{position:relative;max-width:500px;margin:0 auto}.portal-device-full{background:white;border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid #e2e8f0}.portal-header-full{background:linear-gradient(135deg, #f8fafc 0%, #fff 100%);padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.portal-controls{display:flex;gap:0.5rem}.control-dot{width:12px;height:12px;border-radius:50%}.control-dot.red{background:#ff5f56}.control-dot.yellow{background:#ffbd2e}.control-dot.green{background:#27ca3f}.portal-logo{font-weight:700;color:#1a202c;font-size:1rem}.portal-user{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#64748b}.user-avatar{width:24px;height:24px;background:var(--gradient-primary);border-radius:50%}.portal-dashboard-full{padding:1.5rem}.dashboard-welcome h4{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:0.5rem}.dashboard-welcome p{color:#64748b;margin-bottom:1.5rem}.dashboard-stats-full{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin-bottom:1.5rem}.stat-card-full{background:#f8fafc;padding:1rem;border-radius:12px;text-align:center;border:1px solid #f1f5f9}.stat-card-full .stat-icon{width:32px;height:32px;background:var(--gradient-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 0.75rem}.stat-card-full .stat-icon i{color:white;font-size:1rem}.stat-value{font-size:1.25rem;font-weight:700;color:#1a202c;line-height:1}.stat-label{font-size:0.75rem;color:#64748b;margin-top:0.25rem}.recent-activity{border-top:1px solid #f1f5f9;padding-top:1rem}.activity-header{font-weight:600;color:#1a202c;margin-bottom:0.75rem;font-size:0.875rem}.activity-item{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0;font-size:0.875rem;color:#64748b}.activity-item i{color:#3b82f6;width:16px}.activity-time{margin-left:auto;font-size:0.75rem;color:#9ca3af}.fleet-showcase-full{position:relative;max-width:500px;margin:0 auto}.fleet-dashboard-container{background:white;border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid #e2e8f0}.fleet-header-full{background:linear-gradient(135deg, #f8fafc 0%, #fff 100%);padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.fleet-title{font-weight:600;color:#1a202c;font-size:1rem}.fleet-status{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#10b981;font-weight:600}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.online{background:#10b981}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.fleet-overview-stats{padding:1.5rem;display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;border-bottom:1px solid #f1f5f9}.fleet-stat-card{background:#f8fafc;padding:1rem;border-radius:12px;display:flex;align-items:center;gap:0.75rem;border:1px solid #f1f5f9}.fleet-stat-icon{width:32px;height:32px;background:linear-gradient(135deg, #10b981 0%, #059669 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fleet-stat-icon i{color:white;font-size:1rem}.fleet-stat-number{font-size:1.125rem;font-weight:700;color:#1a202c;line-height:1}.fleet-stat-label{font-size:0.75rem;color:#64748b}.fleet-stat-trend{margin-left:auto;font-size:0.75rem;font-weight:600}.fleet-stat-trend.up{color:#10b981}.fleet-map-preview{padding:1.5rem;border-bottom:1px solid #f1f5f9}.map-header{font-weight:600;color:#1a202c;margin-bottom:1rem;font-size:0.875rem}.map-container{background:linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);height:120px;border-radius:8px;position:relative;overflow:hidden}.map-pin{position:absolute;width:12px;height:12px;background:var(--primary-orange);border-radius:50%;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,0.2);cursor:pointer;animation:pinPulse 2s infinite}.pin-1{top:20%;left:25%;animation-delay:0s}.pin-2{top:60%;left:60%;animation-delay:0.5s}.pin-3{top:30%;right:20%;animation-delay:1s}.pin-4{bottom:20%;left:45%;animation-delay:1.5s}@keyframes pinPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.fleet-alerts{padding:1.5rem}.alert-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;border-radius:8px;margin-bottom:0.5rem;font-size:0.875rem}.alert-item.warning{background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.2);color:#f59e0b}.alert-item.info{background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.2);color:#3b82f6}.alert-action{margin-left:auto;background:transparent;border:1px solid currentColor;color:inherit;padding:0.25rem 0.75rem;border-radius:15px;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.alert-action:hover{background:currentColor;color:white}.invoicing-feature-compact{background:#f8fafc;border-top:1px solid #f1f5f9}.invoice-preview-full{background:white;border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid #e2e8f0;max-width:400px;margin:0 auto}.invoice-header-full{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid #f1f5f9;font-weight:600;color:#1a202c}.invoice-number{font-size:0.875rem;color:#64748b;font-weight:500}.invoice-line{display:flex;justify-content:space-between;padding:0.5rem 0;color:#374151;font-size:0.875rem}.invoice-total{display:flex;justify-content:space-between;padding:0.75rem 0;border-top:1px solid #f1f5f9;margin-top:0.5rem;font-weight:600;color:#1a202c}.total-amount{color:var(--primary-orange);font-size:1.125rem}.payment-status{text-align:center;margin-top:1rem;padding:0.5rem;border-radius:8px;font-size:0.875rem;font-weight:600}.payment-status.paid{background:rgba(16,185,129,0.1);color:#10b981;border:1px solid rgba(16,185,129,0.2)}.feature-highlights-compact{display:flex;flex-direction:column;gap:0.5rem}.highlight-item{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#374151}.highlight-item i{color:#10b981;font-size:0.875rem}.btn-feature-compact{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;background:var(--gradient-secondary);color:white;border-radius:50px;font-weight:600;text-decoration:none;box-shadow:0 4px 15px rgba(255,171,64,0.3);transition:all 0.3s ease;font-size:0.875rem}.btn-feature-compact:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,171,64,0.4);color:white}@media (max-width: 992px){.section-title-modern{font-size:2.25rem}.feature-card-modern{padding:2rem}.kanban-preview-modern{flex-direction:column;gap:0.75rem}.platform-icons{gap:1.5rem}.platform-icon{width:70px;height:70px;font-size:1.25rem}}@media (max-width: 768px){.section-title-modern{font-size:2rem}.feature-title-large{font-size:1.5rem}.feature-card-modern{padding:1.5rem}.overview-title{font-size:2rem}.platform-icons{gap:1rem}.platform-icon{width:60px;height:60px;font-size:1.25rem}.feature-title-full{font-size:1.875rem}.dashboard-stats-full{grid-template-columns:1fr;gap:0.75rem}.fleet-overview-stats{grid-template-columns:1fr}.benefit-item{flex-direction:column;text-align:center;gap:1rem}.portal-device-full,.fleet-dashboard-container,.invoice-preview-full{margin:0 1rem}}.pipeline-analytics-tooltip{background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:12px;max-width:280px;font-size:13px;z-index:9999}.pipeline-analytics-tooltip.tooltip-below::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white}.pipeline-analytics-tooltip:not(.tooltip-below)::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white}.analytics-header{border-bottom:1px solid #f0f0f0;padding-bottom:8px;margin-bottom:8px}.analytics-header h6{font-weight:600;color:#333}.analytics-content .analytics-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.analytics-content .analytics-row:last-child{margin-bottom:0}.analytics-content .analytics-label{color:#666;font-weight:500}.analytics-content .analytics-value{font-weight:600;color:#333}.analytics-footer{border-top:1px solid #f0f0f0;padding-top:8px;margin-top:8px;text-align:center}.analytics-footer small{color:#888;font-style:italic}.analytics-loading,.analytics-error{display:flex;align-items:center;justify-content:center;padding:8px;text-align:center}.performance-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.performance-indicator.performance-excellent{background-color:#28a745;color:white}.performance-indicator.performance-good{background-color:#17a2b8;color:white}.performance-indicator.performance-warning{background-color:#ffc107;color:#333}.performance-indicator.performance-critical{background-color:#dc3545;color:white}.stage-analytics-trigger{cursor:pointer}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}#pipelineAnalyticsModal .modal-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-bottom:none}#pipelineAnalyticsModal .modal-header .modal-title{font-weight:600}#pipelineAnalyticsModal .modal-header .btn-close{filter:invert(1)}#pipelineAnalyticsModal .analytics-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:16px}#pipelineAnalyticsModal .analytics-card h6{color:#495057;font-weight:600;margin-bottom:12px;border-bottom:1px solid #dee2e6;padding-bottom:8px}#pipelineAnalyticsModal .analytics-metric{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#pipelineAnalyticsModal .analytics-metric:last-child{margin-bottom:0}#pipelineAnalyticsModal .analytics-metric .metric-label{color:#6c757d;font-weight:500}#pipelineAnalyticsModal .analytics-metric .metric-value{font-weight:600;font-size:16px}#pipelineAnalyticsModal .analytics-recommendations{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:16px}#pipelineAnalyticsModal .analytics-recommendations h6{color:#1976d2;font-weight:600;margin-bottom:12px}#pipelineAnalyticsModal .analytics-recommendations .recommendation-item{padding:8px 0;border-bottom:1px solid #e3f2fd}#pipelineAnalyticsModal .analytics-recommendations .recommendation-item:last-child{border-bottom:none;padding-bottom:0}@media (max-width: 768px){.pipeline-analytics-tooltip{max-width:250px;font-size:12px}#pipelineAnalyticsModal .modal-dialog{margin:10px}#pipelineAnalyticsModal .analytics-metric{flex-direction:column;align-items:flex-start;gap:4px}#pipelineAnalyticsModal .analytics-metric .metric-value{font-size:14px}}@media (prefers-color-scheme: dark){.pipeline-analytics-tooltip{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.pipeline-analytics-tooltip .analytics-header h6{color:#e2e8f0}.pipeline-analytics-tooltip .analytics-label{color:#a0aec0}.pipeline-analytics-tooltip .analytics-value{color:#e2e8f0}.pipeline-analytics-tooltip .analytics-footer small{color:#718096}}.modbar-container{display:flex;flex-direction:column;position:sticky;top:10px;height:calc(100vh - 20px);max-height:calc(100vh - 20px);width:60px;background:linear-gradient(145deg, var(--card-colour), var(--background-colour));border-radius:var(--border-radius);box-shadow:0 8px 32px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-colour);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;z-index:1000}.modbar-container.modbar-expanded{width:220px}.modbar-container.modbar-expanded .modbar-label{opacity:1;transform:translateX(0);visibility:visible}.modbar-container.modbar-expanded .modbar-toggle-btn i{transform:rotate(180deg)}.modbar-container.modbar-collapsed .modbar-label{opacity:0;transform:translateX(-10px);visibility:hidden}.modbar-toggle{padding:12px;border-bottom:1px solid rgba(0,0,0,0.05)}.modbar-toggle-btn{width:36px;height:36px;border:1px solid var(--border-colour);background:var(--card-colour);border-radius:calc(var(--border-radius) * 1.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;color:var(--text-colour)}.modbar-toggle-btn:hover{background:var(--secondary-colour);color:var(--tertiary-colour);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.modbar-toggle-btn:active{transform:scale(0.95)}.modbar-toggle-btn i{transition:transform 0.3s ease;font-size:14px}.modbar-nav{flex:1;padding:8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden}.modbar-nav::-webkit-scrollbar{width:4px}.modbar-nav::-webkit-scrollbar-track{background:transparent}.modbar-nav::-webkit-scrollbar-thumb{background:var(--border-colour);border-radius:2px}.modbar-nav::-webkit-scrollbar-thumb:hover{background:var(--secondary-colour)}.modbar-item{position:relative;border-radius:var(--border-radius);transition:all 0.2s ease}.modbar-item:hover{background:var(--primary-colour);transform:translateX(2px)}.modbar-item:active{transform:scale(0.98) translateX(2px)}.modbar-link{display:flex;align-items:center;padding:12px;text-decoration:none;color:var(--text-colour);border-radius:var(--border-radius);transition:all 0.2s ease;position:relative;min-height:48px;width:100%;border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit}.modbar-link:hover{color:var(--secondary-colour);background:var(--primary-colour)}.modbar-link:focus{outline:2px solid var(--secondary-colour);outline-offset:2px}.modbar-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modbar-icon i{font-size:18px;transition:all 0.2s ease}.modbar-icon lord-icon{transition:all 0.2s ease}.modbar-label{margin-left:12px;font-weight:500;font-size:14px;white-space:nowrap;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity:0;transform:translateX(-10px);visibility:hidden;color:var(--text-colour)}.modbar-badge{position:absolute;top:8px;right:8px;background:var(--secondary-colour);color:var(--tertiary-colour);border-radius:calc(var(--border-radius) * 2);padding:2px 6px;font-size:11px;font-weight:600;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.modbar-badge.modbar-badge-warning{background:#fbbc04;color:#1a1a1a}.modbar-divider{height:1px;background:linear-gradient(90deg, transparent, var(--border-colour), transparent);margin:8px 12px}.modbar-bottom{padding:8px;border-top:1px solid var(--border-colour);display:flex;flex-direction:column;gap:4px}.modbar-profile-pic{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-colour)}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.modbar-item.active .modbar-link{background:linear-gradient(145deg, var(--secondary-colour), var(--button-hover));color:var(--tertiary-colour);box-shadow:0 4px 12px var(--secondary-colour) 50}.modbar-item.active .modbar-link .modbar-icon i{color:var(--tertiary-colour)}@media screen and (max-width: 768px){.modbar-container{display:none !important}}@media screen and (max-width: 1024px){.modbar-container{width:50px}.modbar-container.modbar-expanded{width:180px}.modbar-label{font-size:13px}}@media (prefers-contrast: high){.modbar-container{border:2px solid #000;box-shadow:none}.modbar-link{border:1px solid transparent}.modbar-link:hover{border-color:#000}}@media (prefers-reduced-motion: reduce){.modbar-container,.modbar-link,.modbar-label,.modbar-toggle-btn,.modbar-icon i{transition:none !important;animation:none !important}}.cursor-pointer{cursor:pointer}.field-list{max-height:400px;overflow-y:auto}.field-item{cursor:grab;transition:all 0.2s ease;border:1px solid var(--border-colour)}.field-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.field-item.dragging{opacity:0.5;cursor:grabbing;transform:rotate(2deg);box-shadow:0 5px 15px rgba(0,0,0,0.3)}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.card-preview-container{display:flex;justify-content:center;padding:1rem;background:var(--primary-colour);border-radius:var(--border-radius)}.card-field-item{display:flex;align-items:center;font-size:0.875rem}.map{height:100%;width:100%;min-height:750px;border-radius:10px}.no-link{color:inherit;text-decoration:none}.icon-interaction{transition:all 0.3s ease;text-decoration:none}.icon-interaction:hover{transform:translateY(-2px)}.no-decoration{text-decoration:none;color:white}.no-decoration-dark{text-decoration:none;color:#4e4e4e}.navbar.topbar{box-shadow:none !important;border-bottom:1px solid #ccc}.centered-content{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center}.brandlogosm{max-width:100px !important;height:auto}.brand-logo-tiny{max-width:50px !important;height:auto}.highlight{padding:15px;border:2px #f47424;border-bottom-style:solid}.highlight2{padding:15px;border:2px #335eea;border-bottom-style:solid}a{color:#335eea}.dot{height:25px;width:25px;background-color:#335eea;border-radius:50%;display:inline-block}.dropdown-menu{max-height:300px;overflow-y:auto}.spreadsheet-table tbody tr:hover{transform:none !important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1) !important}.spreadsheet-table .stage-header-row .dropdown-menu{z-index:1050 !important;position:absolute !important}.table-responsive .table tbody tr:hover{transform:none !important}.table-responsive .dropdown-menu{z-index:1050 !important;position:absolute !important}.table-responsive .dropdown{position:static !important}.full-width{width:100%;border-radius:10px;overflow:hidden}.full-width td{padding:10px}.full-width tr:nth-child(even){background-color:#fafafa}.card.card-body{border-radius:10px;overflow:hidden}.lightcard{display:flex;flex-direction:column;height:auto;flex-grow:1;border-style:solid;padding:15px;border-radius:5px;border-color:#dadada;background-color:white;border-width:1px;box-shadow:0px 0px 10px rgba(155,155,155,0.1)}.lightcardnb{display:flex;flex-direction:column;height:auto;flex-grow:1;border-style:solid;padding:15px;border-radius:5px;border-color:#dadada;background-color:white;border-width:1px}.lightcardh{display:flex;flex-direction:row;height:auto;flex-grow:1;border-style:solid;padding:15px;border-radius:5px;border-color:#dadada;background-color:white;border-width:1px;box-shadow:0px 0px 10px rgba(155,155,155,0.1)}.lightcardhnb{display:flex;flex-direction:row;flex-grow:1;border-style:solid;padding:15px;border-radius:5px;border-color:#dadada;background-color:white;border-width:1px}.card-link{display:block;text-decoration:none;color:inherit;position:relative;transition:transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;padding:1rem}.card-link:hover,.card-link:focus{transform:translateY(-0.5rem);box-shadow:0 4px 20px rgba(0,0,0,0.1)}.card-link:hover .background-animation,.card-link:focus .background-animation{transform:scale(1.2);opacity:0.1}.card-link .background-animation{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle, rgba(0,0,0,0.05), rgba(0,0,0,0) 55%);transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out;pointer-events:none}.fakeinput{padding:10px;border-style:solid;border-width:1px;color:#4e4e4e;border-color:#dddddd;border-radius:5px}.profile-pic{height:40px;width:40px;border-radius:100%;border-width:1px;border-color:#dddddd;border-style:solid;padding:2px;cursor:pointer}.profile-pic-2{height:80px;width:80px;border-radius:100%;border-width:1px;border-color:#dddddd;border-style:solid;padding:2px}.profile-pic-3{height:220px;width:220px;border-radius:30%;border-width:1px;border-color:#dddddd;border-style:solid;padding:2px}.profile-pic-tiny{height:20px;width:20px;border-radius:100%;border-width:1px;border-color:#dddddd;border-style:solid;padding:2px}.comment-bubble{position:relative;width:auto;height:auto;padding:15px;background-color:#fcfcfc;border-radius:15px;box-shadow:0px 5px 15px rgba(0,0,0,0.2);margin:10px;font-family:'Roboto', sans-serif;font-size:16px;line-height:1.5;color:#333;transition:all 0.3s ease}.comment-bubble:hover{background-color:#fafafa;box-shadow:0px 5px 15px rgba(0,0,0,0.3)}.body{font-family:'Quicksand', sans-serif}.cover-card{height:175px}@media (min-width: 992px){.cover-card{height:300px}}#intro-example-card{height:400px}@media (min-width: 480px){#intro-example-card{height:200px}}#loaderr{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:10px;height:10px;animation:spin 2s linear infinite;position:relative}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.switch-div{width:50%}@media only screen and (max-width: 600px){.switch-div{width:100%}}.switch-div2{width:70%}@media only screen and (max-width: 600px){.switch-div2{width:100%}}.switch-div3{width:20%}@media only screen and (max-width: 600px){.switch-div3{width:100%}}#intro-example2{height:800px}.infobox{background-color:#fffdf9;border-radius:15px;border-style:solid;border-width:1px;border-color:#f7f7f7;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.mapcontainer{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.responsive-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.footer{margin-top:auto;left:0;bottom:0;width:100%;background-color:red;color:white;text-align:center}.mdui-input{position:relative;display:inline-block;min-width:120px;max-width:100%;height:35px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:0 12px;font-size:14px;line-height:40px;color:#333;cursor:text;flex-grow:1}.mdui-select{position:relative;display:inline-flex;min-width:10px;max-width:100%;height:50px;background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:0 16px;font-size:16px;line-height:50px;color:#333;cursor:pointer;flex-grow:1;transition:all 0.3s ease}.mdui-select:hover{border-color:#888;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.mdui-select:focus{outline:none;border-color:#007BFF}.mdui-select::after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;transition:all 0.3s ease}.mdui-select.open::after{transform:translateY(-50%) rotate(180deg)}.mdui-select.open .mdui-select-options{display:block}.mdui-select-options{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:999;display:none}.mdui-select-option{padding:8px 12px;font-size:14px;color:#333;cursor:pointer}.mdui-select-option:hover{background-color:#f5f5f5}.mdui-select-option.selected{background-color:#f0f0f0}::-webkit-scrollbar{height:4px;width:4px;background:#f7f7f7}::-webkit-scrollbar-thumb:horizontal{background:#335eea;border-radius:2px}::-webkit-scrollbar-thumb:vertical{background:#335eea;border-radius:2px}.glitch-button{background-color:#ff5f5f;border:1px solid #d5d9d9;border-radius:8px;box-shadow:rgba(213,217,217,0.5) 0 2px 5px 0;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;min-height:30px;font-family:"Amazon Ember", sans-serif;font-size:13px;line-height:29px;padding:0 10px 0 11px;position:relative;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;align-items:center;justify-content:center;gap:5px}.glitch-button:after{--slice-0: inset(50% 50% 50% 50%);--slice-1: inset(80% -6px 0 0);--slice-2: inset(50% -6px 30% 0);--slice-3: inset(10% -6px 85% 0);--slice-4: inset(40% -6px 43% 0);--slice-5: inset(80% -6px 5% 0);content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#ff5f5f;color:#fff;text-shadow:-3px -3px 0px #F8F005, 3px 3px 0px #00E6F6;clip-path:var(--slice-0)}.glitch-button:hover:after{animation:1s glitch;animation-timing-function:steps(2, end)}@keyframes glitch{0%{clip-path:var(--slice-1);transform:translate(-5px, -2px)}10%{clip-path:var(--slice-3);transform:translate(2px, 2px)}20%{clip-path:var(--slice-1);transform:translate(-2px, 2px)}30%{clip-path:var(--slice-3);transform:translate(0px, 1px)}40%{clip-path:var(--slice-2);transform:translate(-1px, 0px)}50%{clip-path:var(--slice-3);transform:translate(1px, 0px)}60%{clip-path:var(--slice-4);transform:translate(1px, 2px)}70%{clip-path:var(--slice-2);transform:translate(-2px, 2px)}80%{clip-path:var(--slice-5);transform:translate(5px, -2px)}90%{clip-path:var(--slice-1);transform:translate(-2px, 0px)}100%{clip-path:var(--slice-1);transform:translate(0)}}.glitch-effect:after{--slice-0: inset(50% 50% 50% 50%);--slice-1: inset(80% 0 0 0);--slice-2: inset(60% 0 20% 0);--slice-3: inset(40% 0 40% 0);--slice-4: inset(20% 0 60% 0);content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#ff5f5f;color:#fff;text-shadow:-5px -5px 0px #F8F005, 5px 5px 0px #00E6F6;clip-path:var(--slice-0)}.glitch-effect:hover:after{animation:0.3s glitch;animation-timing-function:steps(2, end)}@keyframes glitch{0%{clip-path:var(--slice-0)}20%{clip-path:var(--slice-1)}40%{clip-path:var(--slice-2)}60%{clip-path:var(--slice-3)}80%{clip-path:var(--slice-4)}100%{clip-path:var(--slice-0)}}@media (min-width: 768px){.button-49,.button-49:after{width:80px;height:32px;line-height:32px}}.tooltip-inner{background-color:#000000 !important;max-width:450px !important;width:auto !important;color:#fff !important;border-style:solid !important;border-width:1px !important;border-color:#4e4e4e !important}.responsive-iframe1{position:relative;overflow:hidden;padding-top:56.25%}.responsive-iframe1 iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px}.dangerzone{padding:10px;border-radius:10px;color:white;background-image:linear-gradient(75deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%)}.mdui-icon{display:flex;align-items:center;justify-content:center;position:static;min-width:30px;width:30px;height:30px;padding:3px;border-radius:65%;border:1px solid #d5d9d9;background-color:#fff;color:#f47424;overflow:hidden;transition:all 0.3s ease;transform-origin:center}.mdui-icon:hover{cursor:pointer}.google-style-upload{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed rgba(221,221,221,0.5);border-radius:5px;padding:20px;width:100%;flex-grow:1;cursor:pointer;background-color:rgba(78,78,78,0.5)}.google-style-upload:hover{border-color:rgba(221,221,221,0.75);background-color:rgba(234,234,234,0.75)}.google-style-upload .upload-icon{font-size:24px;color:#ff0000;margin-bottom:10px}.google-style-upload .upload-text{font-size:14px;color:rgba(85,85,85,0.75)}.navoo{padding:9px 12px;transition:all 0.2s ease-in-out;border-bottom:1px solid transparent;font-size:17px;font-weight:500;color:#333;text-decoration:none}.navoo:hover,.navoo:focus{color:#007BFF;background:rgba(0,123,255,0.1);border-bottom:1px solid #007BFF}.navee{padding:9px 12px;transition:all 0.2s ease-in-out;font-size:17px;color:#ffffff;background:rgba(0,234,255,0.1);border-radius:14px;font-weight:500;border:1px solid #ffffff;text-decoration:none}.navee:hover,.navee:focus{color:#335eea;font-size:19px;background:rgba(0,123,255,0.1);border:1px solid #007BFF}.navaa{padding:9px 12px;transition:all 0.2s ease-in-out;font-size:17px;color:#4e4e4e;background:rgba(0,234,255,0.1);border-radius:14px;font-weight:500;border:1px solid #ffffff;text-decoration:none}.navaa:hover,.navaa:focus{color:#335eea;font-size:19px;background:rgba(0,123,255,0.1);border:1px solid #007BFF}.delete{background-color:#ff5f5f;color:#ffffff}.niceinfo{margin-top:10px;margin-bottom:10px;align-items:center;display:inline-flex;gap:.5rem;flex-direction:row;background-color:#f8fafc;padding:8px;border-radius:5px;border-style:solid;border-color:#ddd;border-width:1px}.topnumbers{margin-top:10px;margin-bottom:10px;display:inline-flex;gap:1rem;flex-direction:row;padding:8px;border-right:1px solid #ccc}.lasttopnumber{margin-top:10px;margin-bottom:10px;display:inline-flex;gap:1rem;flex-direction:row;padding:8px}.form-control-title{font-size:1.5em;border:none;border-bottom:1px solid #f7f7f7;outline:none}.blankbutton{background-color:transparent;border:none;padding:0;margin:0}@media (min-width: 769px){.hide-unless-mobile{display:none}}.search-input{width:100%;padding:10px;border:none;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.15);font-size:16px;transition:box-shadow 0.3s ease}.search-input:focus{outline:none;box-shadow:0 2px 5px rgba(0,0,0,0.3)}.zoom:hover{transform:scale(1.5);transition:transform .2s}.scrollable-modal-body{max-height:600px;overflow-y:auto}.image-container:hover .img-fluid{opacity:0.5}.image-container:hover .edit-icon{display:block}.edit-icon{display:none;color:black;font-size:2rem}.selected-quote{border-left:2px solid #747474 !important;border-right:2px solid #747474 !important;background-color:#e4f1ff !important;color:black !important}.comment{border:1px solid #ddd;border-radius:5px;padding:15px;margin-bottom:20px}.comment-item{transition:all 0.2s ease}.comment-item[data-comment-level="1"]{border-left:3px solid #e9ecef;background-color:#f8f9fa;margin-left:0;transform:none}.replies{border-left:2px solid #e9ecef;margin-left:1rem;padding-left:1rem}.reply-form{border-radius:8px;padding:1rem}.comment-actions{border-top:1px solid #e9ecef;padding-top:0.75rem}.comment-actions .btn{font-size:0.875rem;text-decoration:none}.comment-actions .btn:hover{background-color:#f8f9fa;border-radius:4px}.replies.show{animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.bi-arrow-return-right{font-size:0.8rem;margin-right:0.25rem}.comment-item[data-comment-level="1"] .profile-pic{width:32px;height:32px}.comment-item[data-comment-level="0"] .profile-pic{width:40px;height:40px}.clear-input{height:50px;border:none;background:transparent;box-shadow:none;cursor:pointer;padding:10px;font-size:16px;line-height:1;transition:color 0.3s ease}.clear-input:hover{color:#f46424}.clear-input:focus{outline:none}.nav-icon{font-size:1.5rem;color:#4e4e4e;transition:color 0.3s ease, background-color 0.3s ease;padding:8px;border-radius:50%;background-color:#f9f9f9;box-shadow:0 1px 2px rgba(0,0,0,0.1);display:inline-flex;justify-content:center;align-items:center;margin-right:8px;text-decoration:none}.nav-icon:hover{background-color:#f0f0f0}.nav-icon.active{color:#f47424;background-color:#f0f0f0}.spinner{margin:100px auto;width:50px;height:40px;text-align:center;font-size:10px}.spinner>div{background-color:#333;height:100%;width:6px;display:inline-block;animation:sk-stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{animation-delay:-1.1s}.spinner .rect3{animation-delay:-1.0s}.spinner .rect4{animation-delay:-0.9s}.spinner .rect5{animation-delay:-0.8s}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.custom-table tr:nth-child(even){background-color:transparent}.custom-table th,.custom-table td{padding:8px;text-align:left}.hidden-column{display:none}.layout{height:400px;min-width:280px;width:auto}.bg-orange{background-color:#f47424 !important;color:#fff !important}.bg-transparent{background-color:transparent !important}.text-orange{color:#f47424 !important}.no-shadow{box-shadow:none !important}.cover-image{width:100%;height:300px;border-radius:10px;background-size:cover;background-position:center;background-repeat:no-repeat}.scroll-wrapper{display:flex;align-items:center}.button-wrapper{flex-shrink:0}.scroll-container{flex-grow:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-container::-webkit-scrollbar{display:none}#scrollLeft{left:10px}#scrollRight{right:10px}.custom-indicator{width:10px;height:10px;border-radius:30%;opacity:0.5;border-style:solid;border-color:#567cf8;border-width:1px;transition:opacity 0.6s ease, transform 0.6s ease;margin:0 5px}.custom-indicator.active{opacity:1;transform:scale(1.5)}.lightborder{padding:10px;border-radius:10px;border:1px solid #dddddd}.herotext{animation:move-bg 15s linear infinite;background:-webkit-linear-gradient(left, #1a2a6c, #b21f1f, #4e4e4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;font-family:'Quicksand', sans-serif;font-weight:800;line-height:1.15}@keyframes move-bg{0%{background-position:0}100%{background-position:100%}}.blankcard{display:flex;flex-direction:column;height:auto;flex-grow:1;gap:10px;padding:15px}.horizontal-scroll-menu{display:flex;overflow-x:auto;gap:5px;align-items:start;white-space:nowrap;margin:10px}.horizontal-scroll-menu .list-menu-item:first-child{margin-left:auto}.horizontal-scroll-menu .list-menu-item:last-child{margin-right:auto}.horizontal-scroll-menu .list-menu-item{display:inline-block;padding:7px;border:none;background-color:transparent;color:#567cf8;font-size:16px;font-weight:light;text-decoration:underline;transition:color 0.3s ease}.horizontal-scroll-menu .list-menu-item:hover{color:#335eea}.rtl{direction:rtl}.right-align{text-align:right}.tiny-text{font-size:12px}.stroke-underline{position:relative;display:inline-block}.stroke-underline:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:currentColor;transform:scaleY(0.7);border-radius:5px}.menuitem{position:relative;overflow:hidden}.menuitem::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#4e4e4e;transition:width 0.3s}.menuitem:hover::after{width:90%}div.post-content img{max-width:100%;height:auto;border-radius:15px}.hero{background-image:linear-gradient(180deg, #FFE985 10%, #FA742B 100%)}.hero-sideways{background-image:linear-gradient(90deg, #FFE985 0%, #FA742B 100%)}.hero-upside-down{background-image:linear-gradient(180deg, #FFE985 10%, #FA742B 100%)}.landing-hero{background-image:linear-gradient(180deg, #FFE985 10%, #ffe985 15%)}.newhero{background-color:#FEE140;background-image:linear-gradient(90deg, #FEE140 0%, #FA709A 100%)}.veryorange{background-color:#FFDEE9;background-image:linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%)}.mostpopular{background-color:#d87315;background-image:linear-gradient(199deg, #d87315 0%, #f9d1b0 50%, #fff 100%)}.ribbon-box{position:relative}.ribbon-box::before{content:'';position:absolute;top:43%;right:0;width:4px;height:14px;border-bottom-left-radius:5px;border-top-left-radius:5px;transform:rotate(0deg)}.googlechip{display:inline-block;padding:0.5em .8em;border-radius:18px;background-color:#f9f9f9;color:#4e4e4e;font-size:1rem;font-weight:400;max-width:-moz-fit-content;max-width:fit-content;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.simple-select{background:none;border:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:6px;font-size:1rem;color:inherit}.styled-table{width:100%;border-collapse:collapse;border-spacing:0}.styled-table thead th{padding:5px}.styled-table tbody tr:nth-child(even){padding:5px}.mask2{background-color:rgba(0,0,0,0.8);color:white;padding:25px;border-radius:15px;max-width:50%;text-align:start;max-height:60%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.6);display:flex;flex-direction:column;justify-content:start;align-items:start;margin:10px}@media (max-width: 876px){.mask2{max-width:95%;max-height:90%}}.hidden-uploader{display:none}[data-autocomplete-target="output"]{border:1px solid #cccccc;border-radius:5px;margin-top:1px;position:absolute;width:60%;max-height:200px;overflow-y:auto;background-color:black;z-index:1000;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);display:none}[data-autocomplete-target="output"] div{padding:10px;cursor:pointer}.youtube-container{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.pac-container{z-index:1000000 !important}.reveal{opacity:0;transform:scale(0.8) translateY(20%)}.reveal-animation{animation:slideZoomIn 1.2s ease-out forwards}@keyframes slideZoomIn{0%{transform:scale(0.8) translateY(20%);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}.button-disabled{pointer-events:none;opacity:0.6}@keyframes joltInFromLeft{0%{transform:translateX(-50%);opacity:0}40%{transform:translateX(10%);opacity:1}60%{transform:translateX(-5%)}80%{transform:translateX(2%)}100%{transform:translateX(0)}}.animated-jolt-in{animation:joltInFromLeft 0.8s ease-out}.fade-out{transition:opacity 1s ease-out;opacity:0}.custom-select-wrapper{position:relative;display:inline-block}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px}.custom-select-wrapper .select-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;color:#000}.sortable-list{padding:0;margin:0;list-style:none}.sortable-item{padding:10px;margin:5px;border-radius:5px;background:#f0f0f0;cursor:grab;transition:transform 0.2s ease;z-index:10}.sortable-item.dragging{background:#ccc;opacity:0.5}.sortable-item.drag-over{background:#ddd}.sortable-item.drag-over-below{border-bottom:2px dashed #aaa}.sortable-item.drag-over-above{border-top:2px dashed #aaa}.sortable-item.drop-transition{transition:transform 0.3s ease, opacity 0.3s ease;transform:scale(1.05);opacity:0.9}.navigation-search{position:relative;width:100%;z-index:1000}.navigation-search .navigation-search-input{height:2.75rem !important;background:rgba(255,255,255,0.08) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:50px !important;padding:0 1rem !important;font-family:'Quicksand', sans-serif !important;font-size:0.95rem !important;font-weight:500 !important;color:var(--text-color) !important;box-shadow:0 2px 4px rgba(0,0,0,0.1) !important;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;outline:none !important}.navigation-search .navigation-search-input::-moz-placeholder{color:var(--text-muted) !important;opacity:0.8}.navigation-search .navigation-search-input::placeholder{color:var(--text-muted) !important;opacity:0.8}.navigation-search .navigation-search-input:hover{background:rgba(255,255,255,0.12) !important;border-color:rgba(137,180,250,0.4) !important;transform:translateY(-1px) !important;box-shadow:0 4px 8px rgba(0,0,0,0.15) !important}.navigation-search .navigation-search-input:focus{background:rgba(137,180,250,0.15) !important;border-color:rgba(137,180,250,0.6) !important;transform:translateY(-1px) !important;box-shadow:0 6px 12px rgba(137,180,250,0.2) !important}.navigation-search-results{border:none !important;border-radius:16px !important;overflow:hidden !important;margin-top:8px !important;background:var(--card-color) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04) !important;max-height:400px !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-gutter:stable;scrollbar-width:auto !important;scrollbar-color:rgba(137,180,250,0.8) rgba(0,0,0,0.1) !important}.navigation-search-results::-webkit-scrollbar{width:12px !important;background:rgba(0,0,0,0.1) !important}.navigation-search-results::-webkit-scrollbar-track{background:rgba(0,0,0,0.1) !important;border-radius:6px !important;margin:4px !important}.navigation-search-results::-webkit-scrollbar-thumb{background:rgba(137,180,250,0.8) !important;border-radius:6px !important;border:1px solid rgba(255,255,255,0.2) !important}.navigation-search-results::-webkit-scrollbar-thumb:hover{background:#89b4fa !important}.navigation-search-results::-webkit-scrollbar-thumb:active{background:rgba(243,139,168,0.9) !important}.navigation-search-results::-webkit-scrollbar-corner{background:transparent !important}.navigation-search-results::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, #89B4FA, #F38BA8, #A6E3A1, #89B4FA);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite;z-index:1}.search-group-header{color:#6b7280 !important;font-size:12px !important;text-transform:uppercase !important;letter-spacing:0.05em !important;margin:8px 0 4px 0 !important;background-color:rgba(0,0,0,0.03) !important;font-weight:600 !important;padding:6px 16px !important;border-radius:8px !important}.search-group-header:first-child{margin-top:4px !important}.search-result{display:block;text-decoration:none;background:rgba(255,255,255,0.05) !important;border:1px solid rgba(137,180,250,0.2) !important;border-radius:12px !important;margin:4px 8px !important;padding:0 !important;font-family:'Quicksand', sans-serif !important;font-size:0.95rem !important;color:var(--text-color) !important;cursor:pointer !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;backdrop-filter:blur(5px) !important;-webkit-backdrop-filter:blur(5px) !important}.search-result:hover,.search-result.highlighted{background:rgba(137,180,250,0.08) !important;border-color:rgba(137,180,250,0.4) !important;color:var(--text-color) !important;text-decoration:none !important;transform:translateY(-2px) !important;box-shadow:0 4px 8px rgba(0,0,0,0.1) !important}.search-result .search-result-content{display:flex !important;align-items:center !important;gap:12px !important;padding:12px 16px !important}.search-result .search-result-content .search-result-icon{color:#89B4FA !important;font-size:1.1rem !important;width:20px !important;text-align:center !important;flex-shrink:0}.search-result .search-result-content .search-result-text{flex:1}.search-result .search-result-content .search-result-text strong{color:var(--text-color) !important;font-weight:600 !important;display:block;margin-bottom:2px;font-size:0.95rem}.search-result .search-result-content .search-result-text small{color:var(--text-muted) !important;font-size:0.85rem !important;opacity:0.8 !important;display:block}.search-loading,.search-no-results,.search-error{text-align:center !important;color:var(--text-muted) !important;font-style:italic !important;padding:20px !important;background:transparent !important;border:none !important;display:flex;align-items:center;justify-content:center;gap:8px}.search-loading i,.search-no-results i,.search-error i{font-size:1.2rem}.search-loading:hover,.search-no-results:hover,.search-error:hover{transform:none !important;box-shadow:none !important}.search-error{color:#ef4444 !important}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.navigation-search .navigation-search-input{height:2.5rem !important;font-size:14px !important;padding:0 0.875rem !important}.navigation-search-results{margin-top:4px !important;max-height:300px !important}.search-result{margin:2px 4px !important}.search-result .search-result-content{padding:10px 12px !important;gap:10px !important}.search-result .search-result-content .search-result-icon{font-size:1rem !important;width:18px !important}.search-result .search-result-content .search-result-text strong{font-size:0.9rem}.search-result .search-result-content .search-result-text small{font-size:0.8rem !important}}@media (prefers-reduced-motion: reduce){.navigation-search .navigation-search-input,.search-result{transition:none !important}.navigation-search-results::before{animation:none !important}.search-result:hover,.search-result.highlighted{transform:none !important}}