:root{--ink:#16343c;--muted:#657d84;--blue:#087f8b;--blue-dark:#066c76;--line:#dce8e9;--bg:#f0f6f7}
body,body:has(.comparison-page){background:#f0f6f7}
.site-header,body:has(.minimal-home) .site-header{background:#cce3e5fa;border-bottom-color:#9fc6cb;box-shadow:0 3px 10px #12343b1a}
.catalog-page,.crm-detail-page{background:#f0f6f7}
.catalog-banner,.comparison-banner,.crm-detail-page .crm-hero{background:#12343b}
.nav-count,.soon-dot{background:#dceff0;color:#427079}
.catalog-banner>a{color:#b7dfe3}
.catalog-banner h1>span,.comparison-banner h1>span{background:#244b54;color:#b7dfe3}
.site-footer .footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-bottom:28px}
.site-footer .footer-main p{margin-top:12px}
.site-footer .footer-links{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px 24px;padding-top:4px;font-size:13px;color:#16343c}
.site-footer .footer-links a{white-space:nowrap}
.site-footer .footer-bottom{align-items:center;color:#657d84;border-color:#c9dedf;padding-top:18px}
@media(max-width:700px){.site-footer .footer-main{flex-direction:column;gap:22px;padding-bottom:24px}.site-footer .footer-links{justify-content:flex-start;gap:12px 20px;padding-top:0;font-size:12px}.site-footer .footer-bottom{flex-direction:row;justify-content:space-between;gap:12px}}
.button-primary,.home-primary,.comparison-add,.comparison-dialog-add,.crm-hero-primary{background:#087f8b;border-color:#087f8b;color:#fff}
.button-primary:hover,.home-primary:hover,.comparison-add:hover,.comparison-dialog-add:hover,.crm-hero-primary:hover{background:#07939e;border-color:#07939e}
.crm-entry-price>strong{color:#fff}
.crm-detail-page .tariff-table thead strong,.comparison-price{color:#087f8b}
.comparison-product:hover,.comparison-controls .text-button:hover,.comparison-tariff-choice [aria-current=true],.comparison-tariff-choice .comparison-tariff-plus{color:#087f8b}
.comparison-tariff-choice:has([aria-current=true]),.comparison-tariff-choice:has([aria-current=true]):hover{background:#e0f1f2;box-shadow:inset 0 0 0 1px #7bbfc5}
.comparison-add-cell .comparison-add{background:#e0f1f2;border-color:#a4d3d7;color:#087f8b}
.comparison-add-cell .comparison-add:hover{background:#d0eaed;border-color:#77bcc3}
.comparison-difference input{accent-color:#087f8b}
.comparison-grid thead th{background:#f7fafb}
.crm-detail-page .tariff-table thead th{background:color-mix(in srgb,var(--crm-color) 16.128%,white)}
.comparison-grid .comparison-group th,.crm-detail-page .tariff-group th{background:#e3edef;color:#284950}
.comparison-loading span{border-color:#dceff0;border-top-color:#087f8b}
.comparison-frame{background-image:linear-gradient(#fff,#fff),linear-gradient(#087f8b,#087f8b),var(--comparison-accent,linear-gradient(#087f8b,#087f8b)),linear-gradient(#dce8e9,#dce8e9)}
.method-number,.pill{background:#dceff0;color:#087f8b}
.muted-heading{color:#54848c}
.site-footer{background:#e7f0f2;border-color:#dce8e9}
.site-footer:has(.home-footer){background:#12343b}
.crm-palette-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin:0 0 18px;background:#fff;border:1px solid #dce8e9;border-radius:10px}
.crm-palette-panel label{display:flex;align-items:center;gap:12px;font-size:12px;color:#657d84}
.crm-palette-panel select{font-size:12px;padding:8px 30px 8px 10px;border:1px solid #c9dedf;border-radius:7px;background:#f7fafb;color:#16343c}
.crm-palette-swatches{display:flex;gap:7px}
.crm-palette-swatches i{display:block;width:21px;height:21px;border-radius:6px}
@media(max-width:600px){.crm-palette-panel{align-items:flex-start;flex-direction:column;gap:10px}.crm-palette-panel label{width:100%;justify-content:space-between}.crm-palette-swatches i{width:18px;height:18px}}

/* Dialogs and scrollbars share the turquoise site theme. */
.comparison-dialog{color:#16343c;background:#fff;border-color:#dce8e9;box-shadow:0 24px 80px #12343b35}
.comparison-dialog::backdrop,.comparison-loading::backdrop{background:#12343b70;backdrop-filter:blur(3px)}
.comparison-dialog-heading button{background:#e7f0f2;color:#54848c}
.comparison-dialog-heading button:hover{background:#dceff0;color:#087f8b}
.comparison-dialog label,.comparison-dialog-message,.comparison-dialog-preview p{color:#657d84}
.comparison-dialog select{color:#16343c;background:#f7fafb;border-color:#c9dedf}
.comparison-dialog-preview{background:#e7f0f2}
.comparison-dialog-preview strong{color:#087f8b}
.comparison-dialog .comparison-dialog-add{background:#087f8b;color:#fff}
.comparison-dialog .comparison-dialog-add:hover{background:#07939e}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible,.tariff-scroll:focus-visible,.comparison-page button:focus-visible,.comparison-page a:focus-visible,.comparison-tariff-menu>summary:focus-visible,.comparison-dialog button:focus-visible,.comparison-dialog select:focus-visible{outline-color:#71bfc5}
html,.tariff-scroll,.comparison-scroll,.comparison-viewport,.comparison-dialog,.comparison-tariff-list{scrollbar-color:#597177 #e7f0f2}

.crm-detail-page .tariff-table thead th:not(:last-child){border-right:1px solid color-mix(in srgb,var(--crm-color) 35%,white)}

.comparison-grid thead th[data-comparison-column]{background:color-mix(in srgb,var(--column-color) 16.128%,white)}
.comparison-grid thead th[data-comparison-column]{border-left:0;border-right:1px solid color-mix(in srgb,var(--next-column-color,var(--column-color)) 35%,white)}
.comparison-grid thead th[data-comparison-column]:last-child{border-right:0}

.comparison-grid thead th.comparison-add-cell{border-right:1px solid color-mix(in srgb,var(--column-color) 35%,white)}

.comparison-tariff-menu>summary,.comparison-tariff-menu>summary:hover{border-color:var(--tariff-line)}

.comparison-tariff-menu{--tariff-tint:color-mix(in srgb,var(--column-color) 8.064%,white);--tariff-line:color-mix(in srgb,var(--column-color) 60%,white)}
.comparison-tariff-menu>summary,.comparison-tariff-list{background:var(--tariff-tint);border-color:var(--tariff-line);color:#16343c}
.comparison-tariff-menu>summary:hover,.comparison-tariff-choice:hover{background:color-mix(in srgb,var(--column-color) 22%,white)}
.comparison-tariff-chevron,.comparison-tariff-choice .comparison-tariff-plus,.comparison-tariff-choice [aria-current=true]{color:var(--column-color)}
.comparison-tariff-choice>button{color:#16343c}
.comparison-tariff-choice small{color:#087f8b}
.comparison-tariff-choice:not(:last-child){border-bottom-color:color-mix(in srgb,var(--column-color) 25%,white)}
.comparison-tariff-choice:has([aria-current=true]),.comparison-tariff-choice:has([aria-current=true]):hover{background:color-mix(in srgb,var(--column-color) 28%,white);box-shadow:none}
.comparison-tariff-list{scrollbar-color:#597177 var(--tariff-tint);box-shadow:0 8px 24px #12343b20}

.comparison-mobile .comparison-tariff-menu .comparison-tariff-list[popover]{background:var(--tariff-tint);border-color:var(--tariff-line)}

.comparison-tariff-choice{border-radius:0}

.comparison-tariff-choice:first-child{border-top-left-radius:6px;border-top-right-radius:6px}
.comparison-tariff-choice:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}

.comparison-grid th,.comparison-grid td,.tariff-table th,.tariff-table td{vertical-align:top}
.comparison-grid thead th.comparison-add-cell{vertical-align:middle}

.comparison-grid .tariff-option,.tariff-table .tariff-option{width:100%;max-width:none}

.comparison-controls .comparison-view-controls{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 20px}


.comparison-explanations-switch{position:relative;display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:12px;line-height:1.4;color:#263b66;padding:2px 0}
.comparison-explanations-switch input{position:absolute;left:0;top:2px;width:36px;height:22px;margin:0;opacity:0;cursor:pointer}
.comparison-switch-track{display:block;flex:0 0 36px;width:36px;height:22px;border:1px solid #91afb4;border-radius:11px;background:#cddde0;transition:background .15s,border-color .15s}
.comparison-switch-track::before{content:"";display:block;width:16px;height:16px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #12343b30;transition:transform .15s}
.comparison-explanations-switch input:checked+.comparison-switch-track{background:#087f8b;border-color:#087f8b}
.comparison-explanations-switch input:checked+.comparison-switch-track::before{transform:translateX(14px)}
.comparison-explanations-switch input:focus-visible+.comparison-switch-track{outline:2px solid #71bfc5;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.comparison-switch-track,.comparison-switch-track::before{transition:none}}

.comparison-controls .comparison-explanations-switch{font-weight:600;color:#087f8b}

.comparison-body{padding-top:15px}
.comparison-body .comparison-controls{margin:0;gap:16px 24px}
.comparison-body .tariff-legend{margin:12px 0 12px;gap:12px 20px;align-items:center}
.comparison-body .tariff-help{margin:0 0 16px;line-height:1.6}
.comparison-body .comparison-frame{margin:0}
@media(max-width:600px){.comparison-body .comparison-controls{gap:16px}.comparison-body .tariff-legend{gap:10px 16px}}

.comparison-toolbox{display:grid;gap:12px;padding-inline:5px;margin-bottom:16px}
.comparison-toolbox .comparison-controls,.comparison-toolbox .tariff-legend,.comparison-toolbox .tariff-help{margin:0;padding-inline:0}

.comparison-toolbox{grid-template-columns:minmax(0,1fr) auto;column-gap:24px}
.comparison-toolbox .tariff-help{grid-column:1/-1}
.comparison-toolbox .comparison-controls{flex-direction:column;align-items:flex-end;gap:8px}
@media(max-width:1000px){
.comparison-toolbox{grid-template-columns:minmax(0,1fr)}
.comparison-toolbox .comparison-controls{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}
}
@media(max-width:600px){.comparison-toolbox .comparison-controls{align-items:flex-start}}

 .comparison-banner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px}
.comparison-banner-links{display:flex;align-items:center;gap:20px}
.comparison-banner-links .text-button{font-size:12px;color:#c6dfe2;white-space:nowrap}
.comparison-banner-links .text-button:hover{color:#fff}
.comparison-banner>.comparison-add{justify-self:end}
.comparison-banner:not(:has(.comparison-banner-links)){grid-template-columns:minmax(0,1fr) auto}
@media(max-width:800px){
.comparison-banner{grid-template-columns:minmax(0,1fr) auto;gap:18px 12px}
.comparison-banner>div:first-child{grid-column:1/-1}
.comparison-banner-links{gap:16px}
.comparison-banner-links .text-button{font-size:11px}
}

@media(max-width:700px){
.header-inner,.site-footer>.shell,.comparison-banner,.comparison-toolbox,.comparison-blank,.comparison-no-difference{padding-inline:10px}
.comparison-mobile-label th{padding-inline:10px}
}

@media(max-width:700px){
.comparison-mobile-label th,
.comparison-mobile-label .field-name-trigger,
.comparison-mobile-label .comparison-field-help>summary,
.comparison-mobile-label .comparison-group-name{text-align:left}
}

.main-nav>a,.header-later,.menu-toggle{color:#16343c}

@media(min-width:601px){.main-nav{align-self:stretch;align-items:stretch}.main-nav>a{display:flex;align-items:center}}

.main-nav>a{top:2px}.main-nav>a.active:after{bottom:2px}

.compare-tray{width:min(900px,calc(100% - 20px));bottom:0;padding:6px 12px;border:1px solid #81b7bc45;border-bottom:0;border-radius:12px 12px 0 0;background:#12343ba6;backdrop-filter:blur(3px);box-shadow:0 6px 24px #12343b26;color:#eef9fa}
.compare-tray .tray-inner{gap:14px}
.compare-tray .tray-names{display:flex;align-items:center;gap:6px;min-width:0;max-width:none;flex:1;margin:0;overflow:hidden}
.tray-crm{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 8px;border:0;border-radius:6px;background:color-mix(in srgb,var(--tray-color) 25%,#12343b);font-size:11px;line-height:1.4}
.tray-crm>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tray-crm-dot{width:9px;height:9px;flex:0 0 9px;background:var(--tray-color);border-radius:3px}
.tray-more{flex:none;font-size:11px;color:#c7e3e6}
.compare-tray .tray-actions{flex:none;flex-direction:row;align-items:center;gap:12px}
.compare-tray .tray-actions .text-button{font-size:11px;color:#c7e3e6;padding:4px 0;white-space:nowrap}
.compare-tray .tray-actions .text-button:hover{color:#fff}
.compare-tray .tray-actions .button{min-height:28px;padding:4px 10px;font-size:12px;gap:8px;border-radius:7px}
.tray-count{padding:0 5px;border-radius:4px;background:#ffffff26;font-size:10px}
@media(max-width:700px){.compare-tray{width:100%;left:0;right:0;transform:none;border-inline:0;border-radius:0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}}
@media(max-width:600px){
.compare-tray .tray-inner{flex-wrap:wrap;gap:8px}
.compare-tray .tray-names{flex-basis:100%}
.compare-tray .tray-actions{width:100%;justify-content:flex-end;gap:16px}
.compare-tray .tray-actions [data-clear]{margin-right:auto}
.tray-crm{padding:4px 6px;font-size:10px}
}

[data-card-design="accent"] .home-crm .home-crm-price,[data-card-design="accent"] .home-crm .catalog-card-bottom{border-top-color:color-mix(in srgb,var(--crm-color) 35%,white)}