/* Local colour-only preview; layout and product screenshots stay unchanged. */
:root{color-scheme:light;--bg:#F7F9FC;--surface:#EEF3F8;--text:#172B43;--muted:#52647A;--line:#D9E2EE;--accent:#245BC4;--mint:#137568;--button:#245BC4}
header{background:var(--bg)}
.primary,.cookie-banner button.accept{background:var(--button);border-color:var(--button);color:#fff}
.primary:hover{background:#1B4699;border-color:#1B4699;color:#fff}
.languages a[aria-current=page]{background:var(--accent);color:#fff}
.intro,.technical-answer,.technical-intro>p:not(.eyebrow){color:var(--muted)}
.price-card,input{background:#fff}
.price-card:nth-child(2){background:#EEF3FF;border-color:#A7BDEA}
.price-card:nth-child(2) h3{color:var(--accent)}
.technical-actions a:hover{color:#1B4699}
.cookie-banner{background:#fff;color:var(--text);box-shadow:0 8px 28px #172b4314}
.cookie-banner button{color:var(--text)}
.cookie-banner button.accept{color:#fff}
#monitoring .gallery-controls{background:transparent}
#monitoring .gallery-controls button:hover{color:var(--accent)}
#monitoring .gallery-controls .gallery-dot:hover::before{border-color:var(--accent)}
input::placeholder{color:var(--muted);opacity:1}
th{background:var(--surface)}
/* Compact commercial and contact sections. */
#pricing .pricing-grid{gap:16px;margin:24px 0 16px}
#pricing .price-card{padding:20px}
#pricing .price-card h3{font-size:24px;margin-bottom:12px}
#pricing .price-card .subscription-price{margin-bottom:12px}
#pricing .price-card .subscription-price strong{font-size:22px}
#pricing .price-card>p:not(.subscription-price){font-size:14px;line-height:1.5;margin-bottom:12px}
#pricing .price-card .setup-price{margin-top:8px;padding-top:12px}
#pricing .price-card .setup-price strong{font-size:14px}
#pricing .price-card>p.setup-price+p{font-size:13px;line-height:1.5;margin-bottom:16px}
#pricing .price-card .pricing-cta{font-size:14px;min-height:44px;padding:10px 12px}
#pricing .content>p{font-size:14px;max-width:880px}
@media(min-width:780px){#pricing .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
#contact{padding:36px 0;background:var(--bg)}
#contact .eyebrow{margin-bottom:12px;font-size:13px}
#contact h2{font-size:24px;margin-bottom:16px}
#contact .contact>p:not(.eyebrow){font-size:14px;line-height:1.5;margin-bottom:16px}
#contact form{margin-top:16px}
#contact label{font-size:14px;margin-bottom:6px}
#contact input,#contact .button{min-height:44px;padding:10px 14px}
#contact .button{font-size:14px}
#contact .privacy{font-size:12px;line-height:1.5;margin-top:12px;margin-bottom:0}
#contact #status:empty{display:none}
footer.wrap{font-size:12px;gap:16px;padding-top:20px;padding-bottom:20px;align-items:center}
footer.wrap>span{white-space:nowrap}
footer.wrap>div{gap:4px 18px}
footer.wrap a{min-height:32px;font-size:12px}
#pricing .price-card{display:flex;flex-direction:column}
#pricing .price-card h3{margin-bottom:4px}
#pricing .price-card h3{display:flex;align-items:center;justify-content:space-between;gap:12px}
#pricing .plan-icon{width:32px;height:32px;flex:0 0 32px;overflow:visible;filter:drop-shadow(0 3px 3px #172b4326)}
#pricing .price-card .plan-audience{color:var(--muted);margin-bottom:20px}
#pricing .price-card .subscription-price{min-height:30px;line-height:1.3;margin:0 0 16px}
#pricing .subscription-price span{font-size:13px;font-weight:400;color:var(--muted);white-space:nowrap}
#pricing .price-card .plan-users{font-weight:700;margin:0 0 12px}
#pricing .plan-features{display:block;list-style:none;margin:0 0 20px;padding:0;font-size:14px;line-height:1.5}
#pricing .plan-features li{padding:5px 0 5px 14px;position:relative;border:0;margin:0;background:none;color:var(--text)}
#pricing .plan-features li:before{content:"";position:absolute;left:0;top:13px;width:4px;height:4px;background:var(--accent);border-radius:50%}
#pricing .plan-setup{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
#pricing .plan-setup>p{font-size:13px;line-height:1.5;margin:0 0 4px}
#pricing .plan-setup strong{font-weight:400}
#pricing .plan-setup>p.setup-description{font-size:12px;line-height:1.6;margin:6px 0 18px;color:var(--muted)}
#pricing .pricing-cta{margin-top:0}
#pricing .content>p:last-child{font-size:.75rem;line-height:1.5;color:var(--muted);margin-top:12px;margin-bottom:0}