.module-config{--config-panel-bg:color-mix(in srgb, var(--card) 94%, #ffffff5c);--config-panel-bg-strong:color-mix(in srgb, var(--surface-alt) 88%, #ffffff7a);--config-panel-border:color-mix(in srgb, var(--border) 72%, transparent);--config-panel-shadow:0 18px 34px #140c061a;--config-chip-bg:color-mix(in srgb, var(--surface-alt) 80%, #ffffff85);padding:clamp(6.2rem, 9vw, 8rem) var(--page-gutter) clamp(3.2rem, 6vw, 4.6rem);gap:8rem clamp(1.3rem,3vw,2.25rem)}.module-config>.page,.module-config>.config-hero{gap:2rem;width:min(1160px,100%);margin-inline:auto}.module-config .section-header{text-align:center;margin-inline:auto;align-items:center;max-width:1060px;margin-bottom:2rem;display:grid}.module-config .section-header .lead{color:color-mix(in srgb, var(--ink) 74%, var(--muted))}.module-config .config-hero{gap:2.5rem;padding:clamp(1.35rem,3vw,2.2rem);display:grid;position:relative}.module-config .config-hero>*{z-index:1;position:relative}.module-config .config-hero-content{text-align:center;justify-content:center;place-items:center;gap:.85rem;max-width:780px;margin-inline:auto;display:grid}.module-config .config-hero-content h1{max-width:16ch;margin:0}.module-config .config-hero-content .lead{max-width:58ch;color:color-mix(in srgb, var(--ink) 75%, var(--muted));margin-inline:auto}.module-config .config-hero .hero-actions{flex-wrap:wrap;justify-content:center;gap:1.75rem;display:flex}.module-config .config-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.module-config .config-stats .stat-item{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--config-panel-border));background:color-mix(in srgb, var(--config-chip-bg) 88%, #ffffff57);border-radius:16px;align-items:center;gap:.75rem;min-height:88px;padding:.78rem .86rem;display:flex}.module-config .config-stats .stat-icon{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);width:40px;height:40px;color:var(--accent-strong);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.module-config .config-stats .stat-icon svg{font-size:.95rem}.module-config .config-stats .stat-content{gap:.2rem;display:grid}.module-config .stat-value{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.2rem;font-weight:800}.module-config .stat-label{color:color-mix(in srgb, var(--ink) 64%, var(--muted));margin:0;font-size:.8rem}.module-config .industry-presets,.module-config .core-modules-section,.module-config .addon-modules-section,.module-config .estimate-section,.module-config .config-process,.module-config .dependencies-section,.module-config .config-faq{gap:1.15rem;display:grid}.module-config .presets-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.95rem;display:grid}.module-config .preset-card{appearance:none;border:1px solid var(--config-panel-border);background:linear-gradient(160deg, color-mix(in srgb, var(--surface-alt) 86%, #ffffff8c), color-mix(in srgb, var(--card) 92%, #ffffff61));text-align:left;width:100%;color:inherit;cursor:pointer;box-shadow:var(--config-panel-shadow);border-radius:22px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.7rem;padding:1.08rem .98rem;transition:transform .3s,border-color .3s,box-shadow .3s;display:grid}.module-config .preset-card:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--config-panel-border));transform:translateY(-6px);box-shadow:0 22px 38px #140c0626}.module-config .preset-card:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:3px}.module-config .preset-card.is-active{border-color:color-mix(in srgb, var(--accent) 45%, var(--config-panel-border));background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 14%, #ffffffb8), color-mix(in srgb, var(--card) 94%, #ffffff61))}.module-config .preset-icon-wrapper{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--config-panel-border));background:color-mix(in srgb, var(--surface) 84%, #ffffff61);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 0 .18rem;transition:transform .25s,box-shadow .25s;display:inline-flex}.module-config .preset-card:hover .preset-icon-wrapper{transform:scale(1.05)}.module-config .preset-icon{font-size:2rem}.module-config .preset-card h3{color:var(--ink);margin:0;font-size:1.08rem}.module-config .preset-card p{color:color-mix(in srgb, var(--ink) 70%, var(--muted));margin:0;font-size:.88rem;line-height:1.5}.module-config .preset-meta{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;display:flex}.module-config .preset-modules,.module-config .preset-state{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--config-panel-border));background:color-mix(in srgb, var(--accent) 9%, transparent);color:color-mix(in srgb, var(--accent-strong) 82%, var(--ink));letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.28rem .6rem;font-size:.68rem;font-weight:800;display:inline-flex}.module-config .preset-state{color:color-mix(in srgb, var(--ink) 76%, var(--muted));border-color:color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface) 85%, #ffffff61)}.module-config .preset-card.is-active .preset-state{color:color-mix(in srgb, var(--accent-strong) 86%, var(--ink));border-color:color-mix(in srgb, var(--accent) 36%, var(--config-panel-border));background:color-mix(in srgb, var(--accent) 12%, transparent)}.module-config .config-module-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:.95rem;display:grid}.module-config .config-module-card{text-align:left;width:100%;font:inherit;color:inherit;border:1px solid var(--config-panel-border);background:linear-gradient(160deg, color-mix(in srgb, var(--surface-alt) 86%, #ffffff8c), color-mix(in srgb, var(--card) 92%, #ffffff61));box-shadow:var(--config-panel-shadow);border-radius:22px;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:.7rem;height:100%;padding:1.08rem .98rem;transition:transform .28s,border-color .28s,box-shadow .28s;display:grid}.module-config .config-module-card:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--config-panel-border));transform:translateY(-6px);box-shadow:0 22px 38px #140c0624}.module-config .config-module-card.is-selectable{appearance:none;cursor:pointer}.module-config .config-module-card.is-selectable:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:3px}.module-config .config-module-card.is-selected{border-color:color-mix(in srgb, var(--accent) 42%, var(--config-panel-border));background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 11%, #ffffff9e), color-mix(in srgb, var(--card) 94%, #ffffff4d))}.module-config .config-module-card .module-card-header{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.module-config .config-module-card .module-icon{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);background:color-mix(in srgb, var(--accent) 11%, transparent);width:42px;height:42px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.module-config .config-module-card .module-icon svg{font-size:1rem}.module-config .config-module-card h3{color:var(--ink);margin:0;font-size:1.06rem;line-height:1.2}.module-config .config-module-card p{color:color-mix(in srgb, var(--ink) 70%, var(--muted));margin:0;font-size:.89rem;line-height:1.52}.module-config .module-tag{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--config-panel-border));background:color-mix(in srgb, var(--accent) 9%, transparent);color:color-mix(in srgb, var(--accent-strong) 82%, var(--ink));text-transform:uppercase;letter-spacing:.1em;border-radius:999px;align-items:center;margin-left:auto;padding:.24rem .56rem;font-size:.64rem;font-weight:800;display:inline-flex}.module-config .core-tag{color:color-mix(in srgb, var(--ink) 75%, var(--muted));border-color:color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--surface-alt) 74%, #ffffff52)}.module-config .popular-badge{color:#8b5315;text-transform:uppercase;letter-spacing:.08em;background:#d8902829;border:1px solid #d8902873;border-radius:999px;align-items:center;padding:.22rem .54rem;font-size:.62rem;font-weight:800;display:inline-flex}.module-config .module-badge,.module-config .module-select{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--config-panel-border));background:color-mix(in srgb, var(--accent) 9%, transparent);width:fit-content;color:color-mix(in srgb, var(--accent-strong) 82%, var(--ink));border-radius:999px;justify-self:center;align-items:center;gap:.45rem;margin-top:auto;padding:.32rem .65rem;font-size:.73rem;font-weight:750;display:inline-flex}.module-config .module-select svg{font-size:.68rem}.module-config .config-module-card.is-selected .module-select{border-color:color-mix(in srgb, var(--accent) 36%, var(--config-panel-border));background:color-mix(in srgb, var(--accent) 14%, transparent)}.module-config .module-price{color:color-mix(in srgb, var(--ink) 72%, var(--muted));margin-top:.1rem;font-size:.74rem;font-weight:700}.module-config .module-selection-bar{border:1px dashed color-mix(in srgb, var(--accent) 30%, var(--config-panel-border));background:color-mix(in srgb, var(--surface-alt) 80%, #ffffff59);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.72rem .9rem;display:flex}.module-config .module-selection-bar p{color:color-mix(in srgb, var(--ink) 78%, var(--muted));margin:0;font-size:.9rem}.module-config .module-selection-bar p strong{color:var(--accent-strong)}.module-config .config-reset{appearance:none;border:1px solid color-mix(in srgb, var(--accent) 26%, var(--config-panel-border));background:color-mix(in srgb, var(--surface) 86%, #ffffff59);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:.42rem .78rem;font-size:.82rem;font-weight:700;transition:border-color .2s,background .2s,color .2s}.module-config .config-reset:hover:enabled{border-color:color-mix(in srgb, var(--accent) 42%, var(--config-panel-border));background:color-mix(in srgb, var(--accent) 10%, transparent)}.module-config .config-reset:disabled{opacity:.55;cursor:not-allowed}.module-config .estimate-card{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--config-panel-border));background:linear-gradient(170deg, color-mix(in srgb, var(--accent) 14%, #ffffffad), color-mix(in srgb, var(--card) 94%, #ffffff57));border-radius:clamp(22px,2.6vw,30px);gap:.95rem;padding:clamp(1.15rem,2.8vw,1.85rem);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 42px #140c0629}.module-config .estimate-card:before{content:"";background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent-soft) 26%, transparent), transparent 42%), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 38%);pointer-events:none;z-index:0;position:absolute;inset:0}.module-config .estimate-card>*{z-index:1;position:relative}.module-config .estimate-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.module-config .estimate-header h3{margin:0;font-size:clamp(1.35rem,2.5vw,1.75rem)}.module-config .estimate-header p{color:color-mix(in srgb, var(--ink) 70%, var(--muted));margin:0;font-size:.9rem}.module-config .estimate-breakdown{gap:.55rem;display:grid}.module-config .estimate-row{color:color-mix(in srgb, var(--ink) 76%, var(--muted));justify-content:space-between;gap:.9rem;font-size:.9rem;display:flex}.module-config .estimate-row span:last-child{font-family:var(--font-display);font-weight:700}.module-config .estimate-row.total{color:var(--ink);font-size:1.04rem;font-weight:800}.module-config .estimate-divider{background:color-mix(in srgb, var(--border) 78%, transparent);height:1px;margin:.2rem 0}.module-config .estimate-tags{flex-wrap:wrap;gap:.45rem;display:flex}.module-config .estimate-tag{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--config-panel-border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:color-mix(in srgb, var(--accent-strong) 82%, var(--ink));border-radius:999px;align-items:center;padding:.28rem .58rem;font-size:.72rem;font-weight:700;display:inline-flex}.module-config .estimate-placeholder{color:color-mix(in srgb, var(--ink) 64%, var(--muted));margin:0;font-size:.82rem}.module-config .timeline-item{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--config-panel-border));background:color-mix(in srgb, var(--surface-alt) 76%, #ffffff59);border-radius:14px;align-items:center;gap:.68rem;padding:.58rem .68rem;display:inline-flex}.module-config .timeline-item svg{color:var(--accent);font-size:.92rem}.module-config .timeline-item strong{font-size:.96rem;line-height:1.2;display:block}.module-config .timeline-item span{color:color-mix(in srgb, var(--ink) 64%, var(--muted));font-size:.78rem;display:block}.module-config .estimate-actions{flex-wrap:wrap;gap:.75rem;display:flex}.module-config .estimate-note{color:color-mix(in srgb, var(--ink) 60%, var(--muted));margin:0;font-size:.8rem}.module-config .process-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.module-config .flow-step{border:1px solid var(--config-panel-border);background:linear-gradient(165deg, color-mix(in srgb, var(--surface-alt) 86%, #ffffff73), color-mix(in srgb, var(--card) 92%, #ffffff40));box-shadow:var(--config-panel-shadow);border-radius:18px;gap:.52rem;padding:.92rem .88rem;display:grid}.module-config .flow-number{width:38px;height:38px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 92%, #000), color-mix(in srgb, var(--accent-soft) 72%, #4a2f1b));box-shadow:0 8px 16px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:inline-flex}.module-config .flow-step h4{color:var(--ink);margin:0;font-size:1rem}.module-config .flow-step p{color:color-mix(in srgb, var(--ink) 68%, var(--muted));margin:0;font-size:.85rem;line-height:1.5}.module-config .flow-arrow{width:40px;color:color-mix(in srgb, var(--accent-strong) 82%, var(--ink));justify-content:center;align-items:center;display:inline-flex}.module-config .dependencies-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.95rem;display:grid}.module-config .dependency-card{border:1px solid var(--config-panel-border);background:linear-gradient(165deg, color-mix(in srgb, var(--surface-alt) 84%, #ffffff75), color-mix(in srgb, var(--card) 92%, #ffffff42));box-shadow:var(--config-panel-shadow);text-align:center;border-radius:20px;padding:1.2rem 1rem;transition:transform .28s,border-color .28s,box-shadow .28s}.module-config .dependency-card:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--config-panel-border));transform:translateY(-6px);box-shadow:0 22px 38px #140c0626}.module-config .dependency-icons{justify-content:center;align-items:center;gap:.7rem;margin-bottom:.75rem;display:flex}.module-config .dep-icon{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);width:48px;height:48px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;padding:.8rem;font-size:2rem;display:inline-flex}.module-config .dep-plus{color:color-mix(in srgb, var(--ink) 60%, var(--muted));font-size:1rem;font-weight:800}.module-config .dependency-card h4{margin:0 0 .45rem;font-size:1.02rem}.module-config .dependency-card p{color:color-mix(in srgb, var(--ink) 68%, var(--muted));margin:0;font-size:.85rem;line-height:1.52}.module-config .config-faq .faq-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.95rem;max-width:none;margin:0;display:grid}.module-config .faq-card{border:1px solid var(--config-panel-border);background:linear-gradient(165deg, color-mix(in srgb, var(--surface-alt) 84%, #ffffff70), color-mix(in srgb, var(--card) 92%, #ffffff3d));box-shadow:var(--config-panel-shadow);border-radius:20px;gap:.5rem;padding:1.1rem 1rem;transition:transform .28s,border-color .28s,box-shadow .28s;display:grid}.module-config .faq-card:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--config-panel-border));transform:translateY(-6px);box-shadow:0 22px 38px #140c0626}.module-config .faq-card h4{color:var(--ink);margin:0;font-size:1.01rem}.module-config .faq-card p{color:color-mix(in srgb, var(--ink) 68%, var(--muted));margin:0;font-size:.86rem;line-height:1.55}.module-config .cta{margin-top:.2rem;margin-bottom:0}:root[data-theme=dark] .module-config{--config-panel-bg:color-mix(in srgb, var(--surface-alt) 90%, #090706b8);--config-panel-bg-strong:color-mix(in srgb, var(--surface) 92%, #060403c7);--config-panel-border:color-mix(in srgb, #fff 16%, var(--border));--config-panel-shadow:0 18px 34px #00000073;--config-chip-bg:color-mix(in srgb, var(--surface-alt) 84%, #0a08079e)}:root[data-theme=dark] .module-config .popular-badge{color:#f5cd98;background:#f2c17e2e;border-color:#f2c17e61}@media (prefers-color-scheme:dark){:root:not([data-theme]) .module-config{--config-panel-bg:color-mix(in srgb, var(--surface-alt) 90%, #090706b8);--config-panel-bg-strong:color-mix(in srgb, var(--surface) 92%, #060403c7);--config-panel-border:color-mix(in srgb, #fff 16%, var(--border));--config-panel-shadow:0 18px 34px #00000073;--config-chip-bg:color-mix(in srgb, var(--surface-alt) 84%, #0a08079e)}:root:not([data-theme]) .module-config .popular-badge{color:#f5cd98;background:#f2c17e2e;border-color:#f2c17e61}}@media (width<=1100px){.module-config .config-stats,.module-config .process-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.module-config .flow-arrow{display:none}}@media (width<=900px){.module-config{padding-inline:clamp(1rem,3.5vw,1.5rem)}.module-config .presets-grid,.module-config .config-module-grid,.module-config .dependencies-grid,.module-config .config-faq .faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-config .config-hero-content h1{max-width:20ch}}@media (width<=700px){.module-config{padding:calc(var(--header-height) + 1rem) 1rem 2.8rem;gap:1rem}.module-config>.page,.module-config>.config-hero{width:100%}.module-config .config-hero{border-radius:22px;padding:1.1rem}.module-config .config-hero-content h1{font-size:clamp(2.05rem,8vw,2.55rem)}.module-config .config-hero .hero-actions{width:100%}.module-config .config-hero .hero-actions .button,.module-config .config-hero .hero-actions .button-primary,.module-config .config-hero .hero-actions .button-ghost{justify-content:center;width:100%}.module-config .config-stats,.module-config .presets-grid,.module-config .config-module-grid,.module-config .dependencies-grid,.module-config .config-faq .faq-grid,.module-config .process-flow{grid-template-columns:1fr}.module-config .module-selection-bar{flex-direction:column;align-items:flex-start}.module-config .config-reset{text-align:center;width:100%}.module-config .estimate-header{flex-direction:column;align-items:flex-start}.module-config .estimate-row{font-size:.86rem}.module-config .estimate-actions .button,.module-config .estimate-actions .button-primary,.module-config .estimate-actions .button-ghost{justify-content:center;width:100%}.module-config .flow-step{padding:.85rem}.module-config .flow-arrow{justify-content:center;align-items:center;width:100%;min-height:26px;display:inline-flex}.module-config .flow-arrow svg{transform:rotate(90deg)}.module-config .cta{grid-template-columns:1fr}.module-config .cta .cta-actions .button,.module-config .cta .cta-actions .button-primary,.module-config .cta .cta-actions .button-ghost{justify-content:center;width:100%}}