.modules-section[data-astro-cid-canc3k4s]{background:#fff;padding:6rem 1.5rem}.modules-container[data-astro-cid-canc3k4s]{max-width:1200px;margin:0 auto}.modules-header[data-astro-cid-canc3k4s]{text-align:center;max-width:640px;margin:0 auto 4rem}.modules-tagline[data-astro-cid-canc3k4s]{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;color:#6b7280;margin-bottom:1rem;text-transform:uppercase}.modules-title[data-astro-cid-canc3k4s]{font-size:clamp(1.875rem,4.5vw,2.5rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:#111827;margin:0 0 1rem}.modules-subtitle[data-astro-cid-canc3k4s]{font-size:1rem;line-height:1.7;color:#6b7280;margin:0}.modules-grid[data-astro-cid-canc3k4s]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.module-card[data-astro-cid-canc3k4s]{border:1px solid #d0d0d0;border-radius:10px;overflow:hidden;transition:box-shadow .3s ease,transform .2s ease}.module-card[data-astro-cid-canc3k4s]:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-4px)}.module-visual[data-astro-cid-canc3k4s]{background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:2rem;border-radius:10px 10px 0 0}.module-visual[data-astro-cid-canc3k4s] img[data-astro-cid-canc3k4s]{max-width:100%;max-height:320px;object-fit:contain}.module-content[data-astro-cid-canc3k4s]{padding:30px;display:flex;flex-direction:column;gap:12px}.module-card[data-astro-cid-canc3k4s] .module-title[data-astro-cid-canc3k4s]{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:#000;margin:0;line-height:1.2}.module-description[data-astro-cid-canc3k4s]{font-family:Inter,sans-serif;font-size:16px;color:#434b59;margin:0;line-height:1.5}.module-cta[data-astro-cid-canc3k4s]{display:inline-flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;color:#4c26e1;text-decoration:none;margin-top:8px;transition:gap .2s ease}.module-cta[data-astro-cid-canc3k4s]:hover{gap:10px}.module-cta[data-astro-cid-canc3k4s] svg[data-astro-cid-canc3k4s]{flex-shrink:0}@media(max-width:1024px){.modules-section[data-astro-cid-canc3k4s]{padding:5rem 1.5rem}.modules-header[data-astro-cid-canc3k4s]{margin-bottom:3rem}.module-card[data-astro-cid-canc3k4s] .module-title[data-astro-cid-canc3k4s]{font-size:24px}.module-description[data-astro-cid-canc3k4s]{font-size:18px}.module-cta[data-astro-cid-canc3k4s]{font-size:16px}}@media(max-width:768px){.modules-section[data-astro-cid-canc3k4s]{padding:4rem 1.25rem}.modules-header[data-astro-cid-canc3k4s]{margin-bottom:2.5rem}.modules-grid[data-astro-cid-canc3k4s]{grid-template-columns:1fr;gap:1.25rem}.module-content[data-astro-cid-canc3k4s]{padding:24px}.module-card[data-astro-cid-canc3k4s] .module-title[data-astro-cid-canc3k4s]{font-size:22px}.module-description[data-astro-cid-canc3k4s]{font-size:17px}}@media(max-width:480px){.modules-section[data-astro-cid-canc3k4s]{padding:3rem 1rem}.modules-header[data-astro-cid-canc3k4s]{margin-bottom:2rem}.modules-header[data-astro-cid-canc3k4s] .modules-title[data-astro-cid-canc3k4s]{font-size:1.625rem}.module-visual[data-astro-cid-canc3k4s]{padding:1.5rem}.module-content[data-astro-cid-canc3k4s]{padding:20px;gap:10px}.module-card[data-astro-cid-canc3k4s] .module-title[data-astro-cid-canc3k4s]{font-size:20px}.module-description[data-astro-cid-canc3k4s]{font-size:16px}.module-cta[data-astro-cid-canc3k4s]{font-size:15px}}.value-section{background:#fff;padding:6rem 1.5rem;position:relative}.value-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.section-title{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;color:#111827;margin:0 0 1rem}.section-subtitle{font-size:1.125rem;line-height:1.6;color:#6b7280;margin:0}.mosaic-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;grid-template-areas:"costs costs planning" "certs alerts reports";gap:1rem}.mosaic-costs{grid-area:costs}.mosaic-planning{grid-area:planning}.mosaic-certs{grid-area:certs}.mosaic-alerts{grid-area:alerts}.mosaic-reports{grid-area:reports}.mosaic-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:0;cursor:pointer;text-align:left;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),border-color .2s ease,box-shadow .2s ease}.mosaic-card.visible{opacity:1;transform:translateY(0)}.mosaic-costs.visible{transition-delay:0ms}.mosaic-planning.visible{transition-delay:80ms}.mosaic-certs.visible{transition-delay:.16s}.mosaic-alerts.visible{transition-delay:.24s}.mosaic-reports.visible{transition-delay:.32s}.mosaic-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.mosaic-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.125rem 1.375rem .625rem;background:#fff;border-bottom:none}.card-header-content{flex:1}.card-visual{padding:0;flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:240px}.mockup{width:100%;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.mosaic-card:hover .mockup{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.mockup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem}.mockup-label{font-size:.75rem;font-weight:600;color:#374151;letter-spacing:-.01em}.mockup-badge{font-size:.625rem;font-weight:500;color:#059669;background:#ecfdf5;padding:.25rem .625rem;border-radius:999px}.card-arrow-overlay{position:absolute;bottom:16px;right:16px;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:2}.mosaic-card:hover .card-arrow-overlay{opacity:1}.mosaic-costs .card-visual,.mosaic-planning .card-visual,.mosaic-certs .card-visual,.mosaic-alerts .card-visual,.mosaic-reports .card-visual{display:block}.costs-dashboard-mockup{width:95%;height:auto;padding:0;position:absolute;bottom:0;right:0}.costs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.cost-card-main{grid-column:span 4;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.875rem 1rem;display:flex;align-items:center;gap:1.5rem;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.cost-card-main.visible{opacity:1;transform:translateY(0)}.cost-main-left{display:flex;flex-direction:column;gap:.25rem;min-width:140px}.cost-label-main{font-size:.625rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.02em}.cost-value-main{display:flex;align-items:baseline;gap:.25rem;font-variant-numeric:tabular-nums}.cost-value-main>span:first-child{font-size:1.75rem;font-weight:700;color:#111827;letter-spacing:-.02em}.cost-currency-main{font-size:1rem;font-weight:600;color:#6b7280}.cost-main-right{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:.6875rem;color:#6b7280}.progress-percentage{font-size:.75rem;font-weight:600;color:#6b7280}.progress-bar-track{height:8px;background:#f3f4f6;border-radius:999px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:999px;position:absolute;top:0;left:0}.progress-bar-fill.real{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.cost-card-small{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.75rem .875rem;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.cost-card-small.visible{opacity:1;transform:translateY(0)}.cost-label-small{font-size:.625rem;font-weight:500;color:#9ca3af;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.02em}.cost-value-small{display:flex;align-items:baseline;gap:.375rem;font-variant-numeric:tabular-nums}.cost-value-small>span:not(.cost-indicator):not(.cost-currency-small){font-size:1.25rem;font-weight:700;color:#111827;letter-spacing:-.01em}.cost-currency-small{font-size:.875rem;font-weight:600;color:#6b7280}.cost-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:.25rem}.cost-indicator.estimated{background:#8b5cf6}.cost-indicator.expected{background:#10b981}.cost-indicator.direct{background:#ef4444}.cost-indicator.indirect{background:#f59e0b}@media(max-width:640px){.costs-grid{grid-template-columns:repeat(2,1fr)}.cost-card-main{grid-column:span 2;flex-direction:column;align-items:flex-start;gap:1rem}.cost-main-left{min-width:0}}.mockup-image-costs{width:90%;height:auto;display:block;border-radius:0;position:absolute;bottom:0;right:0}.mockup-image-centered{width:100%;height:auto;display:block;border-radius:0;position:absolute;bottom:.75rem;left:0;right:0}.mockup-image-centered-padded{width:85%;height:auto;display:block;border-radius:0}.mockup-image-full{width:100%;height:100%;display:block;border-radius:0;position:absolute;bottom:0;left:0;object-fit:contain;object-position:center bottom}.planning-gantt-mockup{width:100%;height:100%;padding:.75rem 1rem 1rem;position:absolute;bottom:0;left:0;right:0}.vp-gantt-grid{display:grid;grid-template-columns:140px 1fr;gap:0 .75rem;row-gap:0}.vp-gantt-timeline-column{border-bottom:1px solid #e5e7eb;padding-bottom:.5rem;margin-bottom:.5rem}.vp-gantt-timeline-header{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.timeline-label{font-size:.625rem;font-weight:500;color:#9ca3af;text-align:center;padding:.125rem 0}.vp-gantt-task-cell{display:flex;align-items:center;gap:.5rem;padding:.625rem 0;opacity:0;transform:translate(-8px);transition:opacity .4s ease,transform .4s ease}.vp-gantt-task-cell.visible{opacity:1;transform:translate(0)}.task-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:.625rem;font-weight:700;letter-spacing:.02em;flex-shrink:0;color:#fff;background:#111827}.task-name{font-size:.75rem;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-gantt-bar-cell{position:relative;height:44px;display:flex;align-items:center;border-bottom:1px solid #f9fafb}.vp-gantt-bar{position:absolute;height:24px;border-radius:6px;opacity:0;transform-origin:left;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.vp-gantt-bar:hover{transform:scaleY(1.08)}.bar-label{font-size:.625rem;font-weight:600;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.mo-bar{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f640}.sb-bar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 6px #8b5cf640}.fl-bar{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b98140}@keyframes slideInBar{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.vp-gantt-mini{display:flex;flex-direction:column;gap:.5rem}.vp-gantt-label{font-size:.6875rem;color:#6b7280;width:75px;flex-shrink:0}.vp-gantt-track{flex:1;min-width:0;height:14px;background:#f3f4f6;border-radius:4px;overflow:hidden;position:relative}.vp-gantt-bar.completed{background:#10b981}.vp-gantt-bar.progress{background:#3b82f6}.vp-gantt-bar.critical{background:#ef4444}.vp-gantt-bar.pending{background:#e5e7eb}.vp-gantt-footer{margin-top:.75rem;text-align:center}.critical-badge{display:inline-block;font-size:.625rem;font-weight:500;color:#dc2626;background:#fef2f2;padding:.25rem .625rem;border-radius:4px}.work-parts-mockup{width:100%;padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem;position:absolute;bottom:0;left:0;right:0}.work-part-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.625rem .75rem;transition:all .2s ease}.mosaic-card:hover .work-part-card{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.work-part-header{display:flex;align-items:center;gap:.625rem}.work-part-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;flex-shrink:0}.work-part-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.work-part-name{font-size:.75rem;font-weight:600;color:#111827;line-height:1.2}.work-part-task{font-size:.6875rem;color:#6b7280;line-height:1.2}.work-part-status{font-size:.625rem;font-weight:500;padding:.25rem .5rem;border-radius:5px;flex-shrink:0;white-space:nowrap}.work-part-status.pending{background:#fef3c7;color:#d97706}.work-part-status.approved{background:#d1fae5;color:#059669}.cashflow-mockup{width:90%;margin:0 auto;padding:.875rem 1rem 1rem;background:#fff;border-radius:12px;position:absolute;top:50%;left:50%}.cashflow-header{margin-bottom:.75rem}.cashflow-label{font-size:.6875rem;font-weight:600;color:#374151}.cashflow-chart{position:relative;height:120px}.trend-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.chart-bars-container{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:.375rem;padding-bottom:1rem;position:relative;z-index:2}.chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;height:100%}.chart-bar-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.chart-bar-wrapper.stacked{position:relative;display:block}.chart-bar{width:32px;border-radius:4px;transition:all .3s ease}.chart-bar-wrapper.stacked .chart-bar{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.chart-bar-wrapper.stacked .chart-bar.forecast{opacity:.5;z-index:1}.chart-bar-wrapper.stacked .chart-bar.real{z-index:2}.chart-bar.forecast{background:#8b5cf6}.chart-bar.real{background:#d1d5db}.chart-bar-group.active .chart-bar.forecast{background:#7c3aed}.chart-bar-group.active .chart-bar.real{background:#9ca3af}.chart-label{position:absolute;bottom:-.875rem;font-size:.625rem;color:#9ca3af;white-space:nowrap}.chart-tooltip{position:absolute;top:-2.75rem;left:50%;transform:translate(-50%);background:#f9fafb;border-radius:6px;padding:.375rem .5rem;z-index:10;white-space:nowrap}.tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:.625rem;margin-bottom:.125rem}.tooltip-row:last-child{margin-bottom:0}.tooltip-label{font-size:.625rem;color:#6b7280}.tooltip-value{font-size:.625rem;font-weight:600;color:#111827;font-variant-numeric:tabular-nums}.tooltip-value.positive{color:#059669}.mockup-reports{padding:1rem}.report-chart{margin-bottom:1rem}.chart-bars{display:flex;align-items:flex-end;gap:.5rem;height:70px;padding-bottom:.375rem;border-bottom:1px solid #e5e7eb}.chart-bar{flex:1;background:#e5e7eb;border-radius:3px 3px 0 0;transform-origin:bottom}.chart-bar.accent{background:#3b82f6}.chart-labels{display:flex;justify-content:space-between;margin-top:.375rem}.chart-labels span{font-size:.5625rem;color:#9ca3af}.report-kpis{display:flex;gap:1.5rem}.kpi{display:flex;flex-direction:column}.kpi-value{font-size:1.125rem;font-weight:700;color:#111827;font-variant-numeric:tabular-nums}.kpi-label{font-size:.625rem;color:#6b7280}.card-title{font-size:1.1875rem;font-weight:400;color:#111827;margin:0;flex:1;line-height:1.4}.card-title strong{font-weight:600}.mosaic-costs .card-title{font-size:1.25rem;line-height:1.4}.card-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#f3f4f6;color:#6b7280;transition:all .2s ease}.card-arrow svg{transition:transform .2s ease}.mosaic-card:hover .card-arrow{background:#111827;color:#fff}.mosaic-card:hover .card-arrow svg{transform:translate(1px,-1px)}.modal-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;z-index:100;will-change:opacity}.modal-backdrop.active{opacity:1;visibility:visible}.feature-modal{position:fixed;z-index:101;background:#fff;overflow:hidden;inset:auto auto 0 50%;width:calc(100% - 48px);max-width:1200px;max-height:calc(100vh - 48px);border-radius:24px 24px 0 0;box-shadow:0 -4px 40px #00000026,0 0 0 1px #00000008;will-change:transform,opacity}.modal-drag-indicator{width:36px;height:4px;background:#d1d5db;border-radius:2px;margin:.75rem auto 0}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .15s ease;z-index:10}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-content{padding:2.5rem 3rem;overflow-y:scroll;max-height:calc(100vh - 68px);-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.modal-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2.5rem;padding-right:2rem}.modal-hero-left{display:flex;flex-direction:column}.modal-hero-right{display:flex;align-items:flex-start;padding-top:2rem}.modal-tagline{display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.08em;color:#3b82f6;margin-bottom:.75rem;text-transform:uppercase}.modal-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#111827;margin:0 0 1rem}.modal-description{font-size:1.0625rem;line-height:1.65;color:#6b7280;margin:0 0 1.5rem}.modal-benefits{display:flex;flex-direction:column;gap:.875rem}.benefit-item{display:flex;gap:.75rem;align-items:center}.benefit-check{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#fef3c7;border-radius:50%;color:#d97706}.benefit-check svg{width:14px;height:14px}.benefit-text-inline{font-size:1rem;line-height:1.5;color:#1f2937;margin:0}.modal-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:auto;padding-top:.5rem}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:10px;text-decoration:none;transition:all .15s ease}.cta-primary{color:#fff;background:#111827}.cta-primary:hover{background:#1f2937}.cta-secondary{color:#374151;background:transparent;border:1px solid #d1d5db}.cta-secondary:hover{background:#f9fafb;border-color:#9ca3af}.modal-visuals{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;margin-bottom:2.5rem}.visual-card{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;min-height:220px}.visual-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.visual-label{font-size:.75rem;font-weight:600;color:#374151}.visual-badge{font-size:.625rem;font-weight:500;color:#059669;background:#ecfdf5;padding:.25rem .625rem;border-radius:999px}.visual-big-number{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.25rem}.visual-big-number .number{font-size:2.5rem;font-weight:700;color:#111827;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.visual-big-number .currency{font-size:1.5rem;font-weight:600;color:#6b7280}.visual-subtitle{font-size:.8125rem;color:#6b7280;margin-bottom:1rem}.visual-progress{margin-bottom:1.25rem}.visual-progress .progress-bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:.5rem}.visual-progress .progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px}.visual-progress .progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280}.visual-progress .positive{color:#059669;font-weight:500}.visual-chapters{display:flex;flex-direction:column;gap:.5rem}.chapter-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#fff;border-radius:8px;border:1px solid #f3f4f6}.chapter-name{flex:1;font-size:.8125rem;color:#374151}.chapter-value{font-size:.8125rem;font-weight:600;color:#111827;font-variant-numeric:tabular-nums}.chapter-status{font-size:.6875rem;font-weight:500;padding:.125rem .5rem;border-radius:4px}.chapter-status.ok{color:#059669;background:#ecfdf5}.chapter-status.warning{color:#d97706;background:#fef3c7}.alert-card{display:flex;gap:1rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid #fef3c7}.alert-icon-large{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.alert-icon-large.warning{background:#fef3c7;color:#d97706}.alert-details h4{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .25rem}.alert-details p{font-size:.8125rem;color:#6b7280;margin:0 0 .5rem}.alert-time{font-size:.6875rem;color:#9ca3af}.vp-gantt-visual{display:flex;flex-direction:column;gap:.625rem}.vp-gantt-row-visual{display:grid;grid-template-columns:100px 1fr 60px;align-items:center;gap:.75rem}.vp-gantt-task{font-size:.75rem;color:#6b7280}.vp-gantt-timeline{position:relative;height:20px;background:#f3f4f6;border-radius:4px}.vp-gantt-bar-visual{position:absolute;top:3px;height:14px;border-radius:3px}.vp-gantt-bar-visual.completed{background:#10b981}.vp-gantt-bar-visual.in-progress{background:#3b82f6}.vp-gantt-bar-visual.critical{background:#ef4444}.vp-gantt-bar-visual.pending{background:#d1d5db}.vp-gantt-cost{font-size:.75rem;font-weight:600;color:#374151;text-align:right;font-variant-numeric:tabular-nums}.resources-grid{display:flex;flex-direction:column;gap:.75rem}.resource-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:10px;border:1px solid #f3f4f6}.resource-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:50%;font-size:.75rem;font-weight:600;color:#3b82f6}.resource-info{flex:1;display:flex;flex-direction:column}.resource-name{font-size:.8125rem;font-weight:600;color:#111827}.resource-role{font-size:.6875rem;color:#6b7280}.resource-load{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.resource-load.high{background:#fef2f2;color:#dc2626}.resource-load.medium{background:#ecfdf5;color:#059669}.visual-placeholder{display:flex;align-items:center;justify-content:center;min-height:120px}.modal-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:2rem;border-top:1px solid #f3f4f6}.insight-item{display:flex;flex-direction:column;gap:.875rem}.insight-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fef3c7;border-radius:10px;color:#d97706}.insight-text{font-size:.9375rem;line-height:1.6;color:#4b5563;margin:0}@media(max-width:900px){.mosaic-grid{grid-template-columns:repeat(2,1fr);grid-template-areas:"costs planning" "certs alerts" "reports reports"}}@media(max-width:640px){.value-section{padding:4rem 1rem}.section-header{margin-bottom:3rem}.mosaic-grid{grid-template-columns:1fr;grid-template-areas:"costs" "planning" "certs" "alerts" "reports";gap:.75rem}.card-visual{min-height:150px}.mosaic-costs .card-visual{min-height:160px}.feature-modal{left:0;width:100%;max-width:100%;max-height:90vh;border-radius:20px 20px 0 0}.modal-content{padding:1.5rem}.modal-hero{grid-template-columns:1fr;gap:1.5rem;padding-right:1.5rem}.modal-hero-right{padding-top:0}.modal-title{font-size:1.375rem}.modal-visuals{grid-template-columns:1fr;gap:1rem}.visual-card{min-height:180px}.modal-insights{grid-template-columns:1fr;gap:1.5rem}.cta-button{width:100%;justify-content:center}.modal-cta{flex-direction:column}}@media(max-width:1024px)and (min-width:641px){.modal-hero{grid-template-columns:1fr;gap:1.5rem}.modal-visuals{grid-template-columns:1fr 1fr}.modal-insights{grid-template-columns:1fr;gap:1.25rem}}@media(prefers-reduced-motion:reduce){.mosaic-card,.mockup,.mockup-progress-fill,.vp-gantt-bar,.chart-bar,.cert-doc,.alert-item,.card-arrow,.card-arrow svg{transition:none!important}.mosaic-card{opacity:1;transform:none}}