.public-site{font-size:16px}
.public-site .site-header{background:rgba(243,240,233,.96);border-bottom-color:var(--color-line)}
.header-crm{justify-self:end;font-size:14px;border:1px solid var(--color-line);padding:7px 12px}
.public-site .eyebrow{font-size:12px}
.public-site .desktop-nav a,.public-site .site-footer nav a{font-size:14px}
.public-site .button,.public-site .text-link{font-size:14px}
.public-site .hero{grid-template-columns:minmax(420px,.9fr) minmax(0,1.5fr)}
.public-site .hero h1{font-size:clamp(56px,4.9vw,96px);line-height:.94;letter-spacing:-.055em}
.public-site .hero h1 em{white-space:nowrap}
.public-site .hero__actions{flex-wrap:wrap;gap:22px}
.public-site section[id]{scroll-margin-top:calc(var(--header-height) + 20px)}
.public-site main.wrap{padding-top:var(--header-height)}
.public-site .success-page{margin-top:var(--header-height)}
.public-site .wrap{width:var(--container);padding-inline:0}
.public-site .btn{background:var(--color-dark);border-color:var(--color-dark);color:var(--color-white);font-weight:400;font-size:14px;min-height:54px}
.public-site .btn:hover{background:#353630;border-color:#353630}
.public-site .btn.light{background:transparent;color:var(--color-ink);border-color:var(--color-line)}
.public-site .btn.light:hover{border-color:var(--color-ink)}
.public-site .pill{font-family:var(--font-ui);font-size:12px;font-weight:400;letter-spacing:.08em}
.public-site .mono,.public-site .caption{font-size:12px;font-family:var(--font-ui)}
.public-site .catalog-page{padding-bottom:96px}
.public-site .page-heading{padding-block:64px 42px}
.public-site .page-heading h1,.public-site .builder-top h1,.public-site .success-page h1{font-family:var(--font-display);font-weight:400;letter-spacing:-.055em;text-transform:none;line-height:1}
.public-site .page-heading h1{font-size:clamp(44px,6vw,80px)}
.public-site .page-heading p{font-size:16px;max-width:58ch;line-height:1.6}
.public-site .filters{margin-bottom:40px;padding-block:22px;gap:10px}
.public-site .filter-btn,.public-site .filters .search,.public-site .filters select{font-size:14px;min-height:44px}
.public-site .filters .search{width:210px}
.public-site .product-visual,.public-site .product-card:nth-child(n) .product-visual{background:var(--color-paper-deep);border:0}
.public-site .product-card:nth-child(even) .product-visual{background:#e9e5dc}
.public-site .product-card h3{font:400 clamp(24px,2.4vw,34px)/1.05 var(--font-display);letter-spacing:-.03em}
.public-site .product-type,.public-site .product-code,.public-site .catalog-note{font-family:var(--font-ui);font-size:12px}
.public-site .product-price{font-size:16px;font-weight:400;font-variant-numeric:tabular-nums}
.public-site .product-price small{font-size:12px}
.public-site .product-arrow{background:var(--color-paper);border:0}
.public-site .builder-top{padding-block:38px 26px;gap:22px}
.public-site .builder-top h1{font-size:clamp(32px,3.5vw,52px)}
.public-site .back-link{font-size:14px;white-space:nowrap}
.public-site .builder{margin-block:28px 64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-color:var(--color-line)}
.public-site .builder-preview{background:var(--color-paper-deep);min-height:710px;position:sticky;top:calc(var(--header-height) + 18px)}
.public-site .builder-preview:before{border-color:var(--color-line)}
.public-site .preview-stage{height:530px}
.public-site .preview-bottom{border-color:var(--color-line);flex-wrap:wrap;gap:16px}
.public-site .preview-bottom .mono{font-size:12px}
.public-site .preview-bottom strong{font-size:14px;font-weight:400}
.public-site .side-toggle{border-color:var(--color-line)}
.public-site .side-toggle button{font:400 14px var(--font-ui);border-color:var(--color-line);padding:9px 12px}
.public-site .builder-controls{background:var(--color-white);padding:32px;gap:0}
.public-site .builder-steps{gap:14px;flex-wrap:wrap;padding-bottom:26px}
.public-site .step-btn{font-size:14px;gap:7px}
.public-site .step-btn i{width:24px;height:24px;font:400 12px var(--font-ui)}
.public-site .step-content{padding-block:32px}
.public-site .step-content>.eyebrow{font-size:12px}
.public-site .step-content h2{font:400 clamp(32px,3.2vw,44px)/1.05 var(--font-display);letter-spacing:-.045em}
.public-site .step-content .help{font-size:14px;line-height:1.6}
.public-site .choice{padding:18px 16px}
.public-site .choice small{font:400 12px var(--font-ui)}
.public-site .choice strong{font-size:16px;font-weight:400}
.public-site .choice .price{font-size:14px}
.public-site .choice.active{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}
.public-site .field{font-size:12px;letter-spacing:.04em}
.public-site .field input,.public-site .field select,.public-site .field textarea{font-size:14px;min-height:46px;background:var(--color-white)}
.public-site .panel-choice{font-size:14px;padding-bottom:12px}
.public-site .panel-choice small{font-size:12px}
.public-site .panel-sample{height:64px}
.public-site .upload-box{padding:18px;flex-wrap:wrap;gap:14px}
.public-site .upload-box h3{font:400 20px/1.2 var(--font-display)}
.public-site .upload-box p,.public-site .upload-label{font-size:12px}
.public-site .upload-label{min-height:44px;display:flex;align-items:center}
.public-site .image-editor-title,.public-site .image-editor-title button{font-size:12px}
.public-site .range-row{font-size:12px;grid-template-columns:88px minmax(0,1fr) 40px}
.public-site .range-row output,.public-site .image-editor .hint{font-size:12px}
.public-site .handle-option{padding:20px 12px}
.public-site .handle-option strong,.public-site .handle-option .price{font-size:14px}
.public-site .summary-total span{font:400 12px var(--font-ui)}
.public-site .summary-total strong{font-size:30px;font-weight:400;font-variant-numeric:tabular-nums}
.public-site .price-line{font-size:14px;padding-block:10px;align-items:start}
.public-site .price-line b{font-weight:400;text-align:right;overflow-wrap:anywhere;max-width:60%}
.public-site .agreement{font-size:12px;line-height:1.6}
.public-site .builder-footnote{font-size:12px;line-height:1.6}
.public-site .success-icon{background:var(--color-ink)}
.public-site .success-page>p{font-size:16px}
.public-site .success-door{background:var(--color-paper-deep)}
.public-site .success-copy h3{font:400 34px/1.1 var(--font-display)}
.public-site .success-detail{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}

.crm-site{font-size:16px}
.crm-shell,.crm-drawer{--crm-paper:var(--color-paper);--crm-ink:var(--color-ink);--crm-muted:var(--color-muted);--crm-line:var(--color-line);--crm-orange:var(--color-ink);font-family:var(--font-ui)}
.crm-sidebar{background:var(--color-dark);color:var(--color-paper)}
.crm-brand{font-size:25px;letter-spacing:-.8px;line-height:1}
.crm-brand>span{color:var(--color-paper)}
.crm-brand>small,.crm-side-label,.crm-nav a,.crm-side-bottom p{color:#bcb9b0}
.crm-nav a{font-size:14px}
.crm-nav a.selected{background:#30312c;color:var(--color-paper);border-color:#53534c}
.crm-nav a.selected:before,.crm-live-dot{background:var(--color-paper)}
.crm-nav a.selected svg{color:var(--color-paper)}
.crm-side-label{font-size:12px;letter-spacing:.08em}
.crm-page-heading h1,.crm-shell h2,.crm-shell h3,.crm-drawer-header h2,.crm-drawer-body h3,.crm-confirm h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em;line-height:1.1}
.crm-shell h2{font-size:26px}
.crm-shell h3{font-size:22px}
.crm-page-heading h1{font-size:64px}
.crm-breadcrumb,.crm-role>span,.crm-page-date,.crm-page-date span,.crm-eyebrow{font-size:12px}
.crm-role select{font-size:14px}
.crm-metric,.crm-panel,.crm-drawer-header,.crm-drawer-tabs,.crm-confirm,.crm-access{background:var(--color-white)}
.crm-metric>strong,.crm-focus-value,.crm-drawer-footer>strong{font-variant-numeric:tabular-nums}
.crm-metric.accent{background:var(--color-dark);color:var(--color-paper);border-color:var(--color-dark)}
.crm-metric.accent .crm-eyebrow,.crm-metric.accent .crm-metric-note{color:#d8d4ca}
.crm-metric-note,.crm-shell .crm-muted,.crm-intro p>span{font-size:12px}
.crm-intro,.crm-toolbar>select,.crm-search,.crm-text-link{font-size:14px}
.crm-focus,.crm-product-mini,.crm-config-preview,.crm-custom-image,.crm-avatar,.crm-integration-note{background:var(--color-paper-deep)}
.crm-focus p,.crm-focus-line{font-size:12px}
.crm-table th{font-size:12px;letter-spacing:.04em}
.crm-table td{font-size:14px}
.crm-table-sub,.crm-table .crm-badge{font-size:12px}
.crm-table td:nth-last-child(2){font-size:12px}
.crm-button{font-size:14px!important;min-height:44px}
.crm-field>span,.crm-product-edit .crm-field>span{font-size:12px}
.crm-field>input,.crm-field>select,.crm-field>textarea{font-size:14px;min-height:46px;background:var(--color-white);border-color:var(--color-line)}
.crm-check,.crm-config-summary dl,.crm-price-lines>div,.crm-order-stock,.crm-job-address,.crm-job-card p{font-size:14px}
.crm-work-list strong,.crm-work-list b,.crm-photo-upload>span,.crm-integration-note p{font-size:14px}
.crm-work-list small,.crm-photo-upload small,.crm-config-summary dt,.crm-photo-grid figcaption{font-size:12px}
.crm-photo-upload{background:var(--color-paper-deep);border-color:#aaa498}
.crm-bar,.crm-dot{background:#918372}
.crm-bar.orange{background:var(--color-dark)}
.crm-role-level,.crm-activity-point{color:var(--color-ink)}
.crm-drawer .crm-metric.accent{color:var(--color-paper)}
.crm-confirm p,.crm-access p{font-size:14px}
@media(max-width:1120px){.desktop-nav{gap:16px}.public-site .desktop-nav a{font-size:12px}}
@media(max-width:1050px){.public-site .builder{grid-template-columns:minmax(0,1fr)}.public-site .builder-preview{position:relative;top:0;min-height:530px}.public-site .preview-stage{height:420px}.public-site .builder-controls{padding:32px}.public-site .panel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.public-site .builder-steps{justify-content:space-between}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto;gap:16px}.mobile-menu nav{gap:12px}.mobile-menu nav a{font-size:clamp(1.8rem,7vw,3rem)}.public-site .hero{grid-template-columns:minmax(0,1fr)}.public-site .hero h1{font-size:clamp(56px,8vw,82px)}}
@media(max-width:620px){.header-crm{padding:5px 9px}.hero__copy{min-height:76svh}.public-site .hero h1{font-size:clamp(2.65rem,13vw,5.4rem);line-height:.96;letter-spacing:-.05em}.public-site .page-heading{padding-block:38px 28px}.public-site .page-heading h1{font-size:48px}.public-site .filters .search{width:100%}.public-site .product-type{font-size:12px;line-height:1.4}.public-site .product-price{font-size:14px}.public-site .builder-top{align-items:start;flex-direction:column;padding-block:30px 20px}.public-site .builder-top h1{font-size:38px}.public-site .builder-controls{padding:24px 18px}.public-site .builder-preview{padding:18px;min-height:410px}.public-site .preview-stage{height:290px}.public-site .preview-bottom>div:last-child{display:none}.public-site .preview-bottom .mono{font-size:12px}.public-site .preview-bottom strong{font-size:12px}.public-site .builder-steps{gap:8px;justify-content:flex-start}.public-site .step-btn{font-size:12px;gap:5px}.public-site .panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-site .handles{grid-template-columns:minmax(0,1fr)}.public-site .handle-option{display:grid;grid-template-columns:75px minmax(0,1fr);text-align:left;align-items:center;padding:12px 18px;column-gap:14px}.public-site .handle-option svg{grid-row:span 2;height:60px;margin:0}.public-site .handle-option .price{margin-top:0}.public-site .range-row{grid-template-columns:80px minmax(0,1fr) 40px}.public-site .price-line{gap:12px}.public-site .success-detail{grid-template-columns:minmax(0,1fr)}.public-site .success-page h1{font-size:48px}.public-site .success-page{padding-inline:16px}.crm-page-heading h1{font-size:48px}.crm-nav a{font-size:12px}.crm-nav a.selected{border-bottom-color:var(--color-paper)}.crm-side-label{font-size:12px}.crm-table th{font-size:12px}.crm-table td{font-size:14px}.crm-metrics-three .crm-metric>strong{font-size:22px}.crm-metrics-three .crm-eyebrow{font-size:11px;letter-spacing:0}.crm-metrics-three .crm-metric-note{font-size:12px}.crm-metrics-three{grid-template-columns:minmax(0,1fr)}.crm-drawer-metrics{grid-template-columns:minmax(0,1fr)}.crm-intro{font-size:14px}.crm-intro p>span{font-size:12px}.crm-drawer-footer>span,.crm-drawer-footer small{font-size:12px}.crm-drawer-tabs>.crm-button{font-size:12px!important}.crm-panel-heading h2{font-size:24px}}
