*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f6f8;color:#1a1a2e;line-height:1.5}.sc-app{display:flex;min-height:100dvh;position:relative}.sc-app--dark{background:#0f1117;color:#e2e8f0}.sc-sidebar-backdrop{display:none}.sc-sidebar{width:300px;min-width:300px;height:100dvh;position:sticky;top:0;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;z-index:20;transition:transform .25s ease}.sc-app--dark .sc-sidebar{background:#1a1d28;border-right-color:#2d3348}.sc-sidebar-header{padding:16px 20px;border-bottom:1px solid #e2e8f0}.sc-app--dark .sc-sidebar-header{border-bottom-color:#2d3348}.sc-sidebar-title{font-size:16px;font-weight:700;letter-spacing:-.3px}.sc-sidebar-content{flex:1;overflow-y:auto;padding:16px 20px}.sc-sidebar-toggle{display:none;position:fixed;top:12px;left:12px;z-index:30;width:44px;height:44px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:16px;line-height:1}.sc-app--dark .sc-sidebar-toggle{background:#1a1d28;border-color:#2d3348;color:#e2e8f0}.sc-control-group{margin-bottom:20px}.sc-control-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:8px}.sc-app--dark .sc-control-label{color:#94a3b8}.sc-control-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sc-control-label-row .sc-control-label{margin-bottom:0}.sc-preset-nav{display:flex;gap:4px;align-items:center}.sc-preset-nav .sc-select{flex:1;min-width:0}.sc-preset-nav-btn{flex-shrink:0;width:44px;height:44px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#475569;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sc-preset-nav-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1a1a2e}.sc-preset-nav-btn:active{background:#cbd5e1}.sc-app--dark .sc-preset-nav-btn{background:#252836;border-color:#3d4259;color:#94a3b8}.sc-app--dark .sc-preset-nav-btn:hover{background:#2d3348;border-color:#4a5275;color:#e2e8f0}.sc-select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;color:#1a1a2e;cursor:pointer;outline:none}.sc-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.sc-app--dark .sc-select{background:#252836;border-color:#3d4259;color:#e2e8f0}.sc-filter-btn{font-size:11px;padding:8px 12px;min-height:44px;min-width:44px;border-radius:4px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;cursor:pointer;white-space:nowrap}.sc-filter-btn:hover{background:#e2e8f0}.sc-app--dark .sc-filter-btn{background:#252836;border-color:#3d4259;color:#94a3b8}.sc-btn{font-size:13px;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .15s ease}.sc-btn--primary{background:#3b82f6;color:#fff}.sc-btn--primary:hover{background:#2563eb}.sc-btn--primary:disabled{background:#94a3b8;cursor:not-allowed}.sc-btn--secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.sc-btn--secondary:hover{background:#e2e8f0}.sc-btn--small{font-size:11px;padding:4px 10px}.sc-btn--full{width:100%}.sc-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--sc-bg, #ffffff);color:var(--sc-text, #1a1a2e);transition:background .3s ease,color .3s ease}.sc-preview-section{width:100%}.sc-placeholder{border:2px dashed var(--sc-border, #cbd5e1);background:var(--sc-surface, #f0f4ff);position:relative;transition:all .3s ease}.sc-placeholder-inner{padding:20px 24px}.sc-placeholder-label{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--sc-text-muted, #475569);background:var(--sc-bg, #fff);padding:2px 8px;border-radius:3px;position:absolute;top:8px;left:12px}.sc-placeholder-variant{display:inline-block;font-size:10px;font-weight:500;color:var(--sc-primary, #3b82f6);background:var(--sc-bg, #fff);padding:2px 8px;border-radius:3px;position:absolute;top:8px;right:12px}.sc-placeholder--navbar{min-height:60px}.sc-placeholder--navbar .sc-placeholder-inner{padding-top:36px}.sc-placeholder-nav{display:flex;align-items:center;justify-content:space-between}.sc-placeholder-links{display:flex;gap:16px}.sc-placeholder-link{font-size:13px;color:var(--sc-text-muted, #475569)}.sc-placeholder--hero{min-height:320px;display:flex;align-items:center;background:linear-gradient(135deg,var(--sc-hero-from, #0c1829),var(--sc-hero-to, #0e3eab));border-color:transparent}.sc-placeholder--hero .sc-placeholder-inner{padding:60px 40px;text-align:center;width:100%}.sc-placeholder--hero .sc-placeholder-label,.sc-placeholder--hero .sc-placeholder-variant{color:#ffffffb3;background:#0000004d}.sc-placeholder-title{font-family:Montserrat,sans-serif;font-size:36px;font-weight:800;color:#fff;margin-bottom:12px;line-height:1.2}.sc-placeholder-subtitle{font-size:16px;color:#ffffffd9;max-width:600px;margin:0 auto 24px}.sc-placeholder-ctas{display:flex;gap:12px;justify-content:center}.sc-placeholder-cta{display:inline-block;padding:10px 24px;border-radius:6px;font-weight:600;font-size:14px;background:var(--sc-accent, #3b82f6);color:#fff}.sc-placeholder-cta--secondary{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff}.sc-placeholder-cta--small{padding:6px 14px;font-size:12px;border-radius:4px}.sc-placeholder--cards{min-height:200px}.sc-placeholder--cards .sc-placeholder-inner{padding-top:40px}.sc-placeholder-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:12px}.sc-placeholder-card{background:var(--sc-bg, #fff);border:1px solid var(--sc-border, #cbd5e1);border-radius:8px;padding:20px;position:relative}.sc-placeholder-card h3{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--sc-text, #1a1a2e)}.sc-placeholder-card p{font-size:13px;color:var(--sc-text-muted, #475569);margin-bottom:8px}.sc-placeholder-tag{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:3px;background:var(--sc-primary, #3b82f6);color:#fff;margin-bottom:8px}.sc-placeholder-price{display:block;font-size:14px;font-weight:700;color:var(--sc-primary, #3b82f6);margin-bottom:8px}.sc-placeholder--footer{min-height:160px;background:var(--sc-primary-dark, #0c1829);border-color:transparent}.sc-placeholder--footer .sc-placeholder-inner{padding-top:40px}.sc-placeholder--footer .sc-placeholder-label,.sc-placeholder--footer .sc-placeholder-variant{color:#fff9;background:#0000004d}.sc-placeholder-footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}.sc-placeholder-footer-col{display:flex;flex-direction:column;gap:4px}.sc-placeholder-footer-col strong{color:#ffffffe6;font-size:13px;margin-bottom:4px}.sc-placeholder-footer-col .sc-placeholder-link{color:#fff9;font-size:12px}.sc-placeholder-copyright{margin-top:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#ffffff80;text-align:center}.sc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sc-modal{background:#fff;border-radius:12px;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.sc-app--dark .sc-modal{background:#1a1d28;box-shadow:0 20px 60px #00000080}.sc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.sc-app--dark .sc-modal-header{border-bottom-color:#2d3348}.sc-modal-header h3{font-size:15px;font-weight:600}.sc-modal-close{width:44px;height:44px;border-radius:6px;border:none;background:#f1f5f9;cursor:pointer;font-size:14px;color:#64748b}.sc-modal-close:hover{background:#e2e8f0}.sc-app--dark .sc-modal-close{background:#252836;color:#94a3b8}.sc-modal-body{flex:1;overflow-y:auto;padding:16px 20px}.sc-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px;border-top:1px solid #e2e8f0}.sc-app--dark .sc-modal-footer{border-top-color:#2d3348}.sc-lang-switcher{display:flex;gap:4px;margin-top:8px}.sc-lang-btn{display:flex;align-items:center;gap:3px;padding:8px 12px;min-height:44px;min-width:44px;border:1px solid #e2e8f0;border-radius:4px;background:#f8fafc;color:#475569;cursor:pointer;font-size:11px;font-weight:500;transition:all .15s ease;position:relative}.sc-lang-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.sc-lang-btn--active{background:#fff;border-color:#3b82f6;color:#1a1a2e;box-shadow:0 0 0 1px #3b82f6}.sc-lang-btn--active:after{content:"";position:absolute;bottom:-2px;left:25%;right:25%;height:2px;background:#3b82f6;border-radius:1px}.sc-app--dark .sc-lang-btn{background:#252836;border-color:#3d4259;color:#94a3b8}.sc-app--dark .sc-lang-btn:hover{background:#2d3348;border-color:#4a5275}.sc-app--dark .sc-lang-btn--active{background:#1a1d28;border-color:#3b82f6;color:#e2e8f0;box-shadow:0 0 0 1px #3b82f6}.sc-lang-flag{font-size:13px;line-height:1}.sc-lang-label{font-size:10px;letter-spacing:.3px}.sc-section-toggles{display:flex;flex-direction:column;gap:2px}.sc-section-toggle-row{border-radius:4px;padding:2px 0}.sc-section-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;padding:4px;border-radius:4px;transition:background .12s ease}.sc-section-toggle:hover{background:#f1f5f9}.sc-app--dark .sc-section-toggle:hover{background:#252836}.sc-section-toggle input[type=checkbox]{width:20px;height:20px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.sc-section-toggle{min-height:44px;min-width:44px}.sc-section-toggle-label{color:#334155;font-weight:500;font-size:12px}.sc-app--dark .sc-section-toggle-label{color:#cbd5e1}.sc-section-toggle-row .sc-variant-selector{margin-bottom:4px;margin-top:2px;padding-left:20px}.sc-section-toggle-row .sc-variant-chips{max-height:80px}.sc-font-selector{margin-bottom:20px}.sc-font-chip{font-size:11px;padding:3px 8px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;cursor:pointer;white-space:nowrap;transition:all .12s ease}.sc-font-chip:hover{background:#e2e8f0;border-color:#cbd5e1}.sc-font-chip--active{background:#3b82f6;border-color:#3b82f6;color:#fff}.sc-font-chip--active:hover{background:#2563eb;border-color:#2563eb}.sc-font-category{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;margin-top:8px;margin-bottom:4px}.sc-btn--cta{background:#059669;color:#fff;font-weight:600}.sc-btn--cta:hover{background:#047857}.sc-btn--cta:disabled{background:#94a3b8;cursor:not-allowed}.sc-quote-field{margin-bottom:14px}.sc-quote-label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:4px}.sc-app--dark .sc-quote-label{color:#94a3b8}.sc-quote-input{width:100%;padding:10px 12px;min-height:44px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;color:#1a1a2e;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.sc-quote-input:focus{border-color:#059669;box-shadow:0 0 0 2px #05966926}.sc-app--dark .sc-quote-input{background:#252836;border-color:#3d4259;color:#e2e8f0}.sc-app--dark .sc-quote-input:focus{border-color:#059669}.sc-quote-input--error{border-color:#ef4444}.sc-quote-textarea{resize:vertical;min-height:80px}.sc-quote-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#475569;cursor:pointer;line-height:1.4}.sc-app--dark .sc-quote-checkbox{color:#94a3b8}.sc-quote-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:1px;flex-shrink:0;accent-color:#059669;cursor:pointer}.sc-quote-checkbox--error{color:#ef4444}.sc-quote-error{display:block;font-size:11px;color:#ef4444;margin-top:4px}@media(max-width:768px){.sc-sidebar-toggle{display:flex;align-items:center;justify-content:center}.sc-sidebar{position:fixed;left:0;top:0;transform:translate(-100%)}.sc-sidebar--open{transform:translate(0);box-shadow:4px 0 20px #00000026}.sc-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:19}.sc-main{width:100%}.sc-placeholder-title{font-size:24px}.sc-placeholder-card-grid{grid-template-columns:1fr}}@media(max-width:480px){.sc-placeholder-ctas{flex-direction:column;align-items:center}.sc-placeholder-footer-cols{grid-template-columns:1fr}}.byw-overlay--dark .byw-wizard{background:#1a1d28;color:#e2e8f0}.byw-overlay--dark .byw-header{border-bottom-color:#2d3348}.byw-overlay--dark .byw-subtitle{color:#94a3b8}.byw-overlay--dark .byw-steps{border-bottom-color:#2d3348}.byw-overlay--dark .byw-step-indicator--active{background:#1e3a5f;color:#93c5fd}.byw-overlay--dark .byw-step-indicator--done{color:#34d399}.byw-overlay--dark .byw-step-dot{background:#252836;color:#94a3b8}.byw-overlay--dark .byw-step-desc{color:#94a3b8}.byw-overlay--dark .byw-industry-card{background:#252836;border-color:#3d4259;color:#e2e8f0}.byw-overlay--dark .byw-industry-card:hover{border-color:#3b82f6;background:#1e2a3f}.byw-overlay--dark .byw-industry-card--selected{border-color:#3b82f6;background:#1e3a5f}.byw-overlay--dark .byw-module-item{border-color:#3d4259;color:#e2e8f0}.byw-overlay--dark .byw-module-item:hover{background:#252836}.byw-overlay--dark .byw-module-item--enabled{border-color:#3b82f6;background:#1e3a5f}.byw-overlay--dark .byw-plan-badge{background:#052e16;border-color:#166534;color:#86efac}.byw-overlay--dark .byw-layout-preview{border-color:#3d4259}.byw-overlay--dark .byw-layout-card{border-color:#3d4259;color:#94a3b8}.byw-overlay--dark .byw-layout-footer{background:#0f1117}.byw-overlay--dark .byw-cta-summary{background:#252836;border-color:#3d4259}.byw-overlay--dark .byw-cta-modules{color:#94a3b8}.byw-overlay--dark .byw-cta-price-gross{color:#93c5fd}.byw-overlay--dark .byw-cta-price-net{color:#94a3b8}.byw-overlay--dark .byw-showcase-preview{border-color:#3d4259}.byw-overlay--dark .byw-footer{border-top-color:#2d3348}.byw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.byw-wizard{background:#fff;border-radius:16px;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #00000040;overflow:hidden}.byw-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 16px;border-bottom:1px solid #e2e8f0}.byw-title{font-size:20px;font-weight:700;margin:0 0 4px}.byw-subtitle{font-size:13px;color:#64748b;margin:0}.byw-steps{display:flex;gap:4px;padding:16px 28px;border-bottom:1px solid #e2e8f0}.byw-step-indicator{flex:1;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:12px;color:#94a3b8;transition:all .2s ease}.byw-step-indicator--active{background:#eff6ff;color:#1e40af}.byw-step-indicator--done{color:#059669}.byw-step-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#f1f5f9;color:#64748b;flex-shrink:0}.byw-step-indicator--active .byw-step-dot{background:#3b82f6;color:#fff}.byw-step-indicator--done .byw-step-dot{background:#059669;color:#fff}.byw-step-label{font-weight:500;white-space:nowrap}.byw-content{flex:1;overflow-y:auto;padding:24px 28px}.byw-step-title{font-size:18px;font-weight:700;margin:0 0 6px}.byw-step-desc{font-size:13px;color:#64748b;margin:0 0 20px}.byw-industry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.byw-industry-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .15s ease;text-align:center}.byw-industry-card:hover{border-color:#93c5fd;background:#f0f7ff}.byw-industry-card--selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px #3b82f633}.byw-industry-icon{font-size:28px;line-height:1}.byw-industry-name{font-size:13px;font-weight:600}.byw-industry-tier{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.byw-module-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px}.byw-module-item{display:flex;align-items:center;gap:8px;padding:12px;min-height:44px;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer;font-size:13px;transition:all .12s ease}.byw-module-item:hover{background:#f8fafc}.byw-module-item--enabled{border-color:#3b82f6;background:#eff6ff}.byw-module-item input[type=checkbox]{width:20px;height:20px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.byw-module-name{font-weight:500;font-size:12px}.byw-plan-badge{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:8px;background:#f0fdf4;border:1px solid #bbf7d0;font-size:13px;color:#166534}.byw-theme-preview{display:flex;align-items:center;gap:16px;margin-bottom:20px}.byw-theme-swatch{width:48px;height:48px;border-radius:10px;flex-shrink:0}.byw-theme-info{display:flex;flex-direction:column;gap:2px}.byw-theme-name{font-size:15px;font-weight:600}.byw-theme-id{font-size:11px;color:#94a3b8}.byw-layout-preview{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:16px}.byw-layout-navbar{height:8px;opacity:.9}.byw-layout-hero{padding:24px 20px;text-align:center}.byw-layout-hero-text{font-size:16px;font-weight:700;opacity:.7}.byw-layout-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px}.byw-layout-card{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:10px;font-weight:500;color:#475569}.byw-layout-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.byw-layout-footer{height:20px;background:#1a1a2e}.byw-preview-btn{margin-top:4px}.byw-cta-step{text-align:center}.byw-cta-summary{display:flex;flex-direction:column;gap:6px;align-items:center;margin-bottom:24px;padding:16px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.byw-cta-industry{font-size:18px;font-weight:700}.byw-cta-modules{font-size:13px;color:#64748b}.byw-cta-plan{font-size:12px;color:#059669;font-weight:600}.byw-cta-pricing{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.byw-cta-price-gross{font-size:22px;font-weight:700;color:#1e40af}.byw-cta-price-net{font-size:11px;color:#64748b}.byw-showcase-preview{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:16px;max-height:320px;position:relative}.byw-showcase-preview-inner{transform:scale(.35);transform-origin:top left;width:285.7%;pointer-events:none}.byw-cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.byw-cta-btn{min-width:160px;padding:12px 24px;font-size:14px;font-weight:600}.byw-footer{display:flex;align-items:center;gap:8px;padding:16px 28px;border-top:1px solid #e2e8f0}.byw-footer-spacer{flex:1}@media(max-width:640px){.byw-wizard{max-height:100dvh}.byw-industry-grid{grid-template-columns:repeat(2,1fr)}.byw-module-list,.byw-layout-cards{grid-template-columns:1fr}.byw-steps{overflow-x:auto;flex-wrap:nowrap;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 calc(100% - 8px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 calc(100% - 8px),transparent 100%);padding-left:12px;padding-right:12px}.byw-step-label{font-size:10px}.byw-cta-buttons{flex-direction:column;align-items:center}}@media(max-height:420px)and (orientation:landscape){.byw-wizard{max-height:100dvh}.byw-header{padding:12px 20px 8px}.byw-title{font-size:16px}.byw-subtitle{display:none}.byw-steps{padding:8px 20px}.byw-content{padding:12px 20px}.byw-footer{padding:8px 20px}}