/* Abroll-only presentation. No shared main-site assets are modified. */
.main-chrome{--accent-blue:#204070;--accent-teal:#204070;--accent-warm:#8fa1b5}
.abroll-home .hero{background:linear-gradient(120deg,#fafcfe 15%,#f0f7f9 100%)}
.abroll-home .hero::before{background-image:linear-gradient(#20407007 1px,transparent 1px),linear-gradient(90deg,#20407007 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 4%,#0008 55%,#000 100%);pointer-events:none}
.abroll-home .hero h1{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:400;line-height:1.12;letter-spacing:-.015em;font-size:clamp(48px,4.7vw,72px);margin-bottom:28px;color:#24374d}
.abroll-home .hero h1>span{position:relative;display:table;font-family:Bahnschrift,'DIN Alternate','Arial Narrow',Arial,sans-serif;font-size:.84em;font-weight:600;font-style:normal;letter-spacing:.025em;line-height:1.3;text-transform:uppercase;color:#204070;margin-top:9px;padding-bottom:10px;isolation:isolate}
.abroll-home .hero h1>span::after{content:'';position:absolute;left:1%;right:2%;height:6px;bottom:3px;background:linear-gradient(90deg,#20407088,#8fa1b530);border-radius:0;transform:none;z-index:-1}
.abroll-home .hero-copy>p:not(.eyebrow){max-width:530px}
.abroll-home .family-card{--card-accent:var(--accent-blue);border-top:3px solid var(--card-accent);transition:box-shadow .2s,transform .2s,border-color .2s}
.abroll-home .family-card:nth-child(2){--card-accent:#ed852a}
.abroll-home .family-card:nth-child(3){--card-accent:#bc2e2e}
.abroll-home .family-card:nth-child(4){--card-accent:#347549}
.abroll-home .family-card:nth-child(5){--card-accent:#383e43}
.abroll-home .family-card .tag{color:#204070;border-left:3px solid var(--card-accent);padding-left:9px}
.abroll-home .family-card .text-link{color:#204070}
.abroll-home .section-heading h2{color:#243f65}
.abroll-home .use-card .number{color:var(--accent-teal)}
.main-chrome :is(.button,.header-quote,.menu-toggle,.logo-pause,.filter-bar button,.gallery-pagination a){transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}
.main-chrome :is(.button,.header-quote):focus-visible{background:#294f80;color:#fff;border-color:#294f80}
@media(hover:hover){
 .main-chrome :is(.button,.header-quote):hover{background:#294f80;color:#fff;border-color:#294f80;box-shadow:0 5px 16px #294f8026}
 .main-chrome .hero-copy .button:not(.slice-hero-config):hover{background:#294f80;color:#fff}
 .main-chrome :is(.menu-toggle,.logo-pause,.filter-bar button,.gallery-pagination a,.slice-lightbox-close,.abprivacy-button):hover{background:#e2eef9;color:#204070;border-color:#7195bd}
 .abroll-home .family-card:hover{box-shadow:0 10px 26px #20407012;transform:translateY(-3px)}
}
@media(max-width:760px){.abroll-home .hero h1{font-size:clamp(43px,9.5vw,60px);margin-bottom:22px}.abroll-home .hero h1>span{font-size:.85em}.abroll-home .hero::before{background-size:12px 12px}}
@media(prefers-reduced-motion:reduce){.main-chrome :is(.button,.header-quote,.menu-toggle,.logo-pause,.filter-bar button,.gallery-pagination a),.abroll-home .family-card{transition:none}.abroll-home .family-card:hover{transform:none}}
@media(forced-colors:active){.abroll-home .hero h1>span{color:CanvasText}.abroll-home .hero h1>span::after,.abroll-home .hero::before{display:none}}

/* Brand-consistent actions; the configurator retains its exact published CSS. */
.main-chrome .slice-phone{display:none}
.main-chrome .topbar-contacts{margin-left:0;margin-right:auto}
.main-chrome .topbar .language-links{margin-left:auto}
.main-chrome .topbar .language-links a{border:1px solid transparent;border-radius:3px;padding:4px;min-width:34px;text-align:center;background-size:100% 100%;transition:box-shadow .18s,background-color .18s}
.main-chrome .topbar .language-links a span{display:block;border-radius:2px;padding:3px 2px;transition:background-color .18s,color .18s}
.main-chrome .topbar .language-links a:is(:hover,:focus-visible,[aria-current]){background-image:var(--language-flag);border-color:#ffffff70;box-shadow:0 2px 7px #081b3640}
.main-chrome .topbar .language-links a:is(:hover,:focus-visible,[aria-current]) span{background:#fffffff0;color:#204070}
.main-chrome .topbar .language-links a[lang="ro"],html[lang="ro"] .mobile-language{--language-flag:linear-gradient(90deg,#002b7f 0 33.33%,#fcd116 33.33% 66.66%,#ce1126 66.66%)}
.main-chrome .topbar .language-links a[lang="en"],html[lang="en"] .mobile-language{--language-flag:linear-gradient(0deg,transparent 40%,#c8102e 40% 60%,transparent 60%),linear-gradient(90deg,transparent 40%,#c8102e 40% 60%,transparent 60%),linear-gradient(0deg,transparent 32%,#fff 32% 68%,transparent 68%),linear-gradient(90deg,transparent 32%,#fff 32% 68%,transparent 68%),linear-gradient(32deg,transparent 43%,#fff 43% 57%,transparent 57%),linear-gradient(-32deg,#012169 43%,#fff 43% 57%,#012169 57%)}
.main-chrome .topbar .language-links a[lang="de"],html[lang="de"] .mobile-language{--language-flag:linear-gradient(#161616 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66%)}
.main-chrome .topbar .language-links a[lang="fr"],html[lang="fr"] .mobile-language{--language-flag:linear-gradient(90deg,#002395 0 33.33%,#fff 33.33% 66.66%,#ed2939 66.66%)}
.main-chrome .topbar .language-links a[lang="it"],html[lang="it"] .mobile-language{--language-flag:linear-gradient(90deg,#009246 0 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66%)}
.main-chrome .topbar .language-links a[lang="es"],html[lang="es"] .mobile-language{--language-flag:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}
@media(max-width:1100px){.main-chrome .mobile-language select{border:4px solid transparent;color:#204070;color-scheme:light;background-image:linear-gradient(#fffffff2,#fffffff2),var(--language-flag);background-origin:padding-box,border-box;background-clip:padding-box,border-box}}
@media(max-width:800px){.main-chrome .slice-phone{display:flex}}
@media(prefers-reduced-motion:reduce){.main-chrome .topbar .language-links a,.main-chrome .topbar .language-links a span{transition:none}}

/* A restrained engineering-paper grid across the full site. */
.main-chrome main{--paper-grid:linear-gradient(#20407010 1px,transparent 1px),linear-gradient(90deg,#20407010 1px,transparent 1px);background-image:var(--paper-grid);background-size:12px 12px}
.main-chrome :is(.page-head,.section.pale){background-image:var(--paper-grid);background-size:12px 12px}
.abroll-home .hero::before{background-image:linear-gradient(#20407018 1px,transparent 1px),linear-gradient(90deg,#20407018 1px,transparent 1px);background-size:12px 12px;mask-image:linear-gradient(90deg,#0009,#000)}
.main-chrome .context-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.main-chrome .context-link:hover{color:#527eae;text-decoration-thickness:2px}
.main-chrome .dark .context-link:hover{color:white}
/* A continuous divider between hero and product families. */
.abroll-home .trust-strip{background:#204070;border:0;border-bottom:4px solid #91a3b9;color:white;position:relative}
.abroll-home .trust-grid{counter-reset:divider}
.abroll-home .trust-grid>div{counter-increment:divider;position:relative;padding:26px 24px 26px 60px;border-color:#ffffff30;display:block}
.abroll-home .trust-grid>div::before{content:'0' counter(divider);position:absolute;left:22px;top:29px;font:16px Oswald,sans-serif;color:#b8cbe1}
.abroll-home .trust-grid strong{color:white;font-size:16px;letter-spacing:.01em}
.abroll-home .trust-grid span{color:#dce6f1;display:block;font-size:12px}
.abroll-card-details{margin:4px 0 20px;border-top:1px solid #dce4ed;font-size:13px}
.abroll-card-details>div{padding:10px 0;border-bottom:1px solid #e6edf3}
.abroll-card-details dt{font-weight:650;color:#204070}
.abroll-card-details dd{margin:3px 0 0;color:#526477;line-height:1.55}
@media(max-width:760px){.abroll-home .trust-grid>div,.abroll-home .trust-grid>div:first-child{padding:18px 8px 18px 38px}.abroll-home .trust-grid>div::before{left:0;top:20px}.abroll-home .trust-grid strong{font-size:15px;min-width:0}.abroll-card-details{font-size:12px}.abroll-home .family-card.wide{grid-template-columns:1fr}.abroll-home .family-card.wide .image-wrap img{max-height:220px}}
@media(forced-colors:active){.main-chrome main,.main-chrome :is(.page-head,.section.pale){background-image:none}.abroll-home .trust-strip{background:Canvas;color:CanvasText;border-block:1px solid CanvasText}.abroll-home .trust-grid :is(strong,span){color:CanvasText}}

/* Alex: 12 px squares, 30% grid opacity and white feathered edges. */
.main-chrome main{--paper-grid:linear-gradient(rgb(32 64 112 / .019) 1px,transparent 1px),linear-gradient(90deg,rgb(32 64 112 / .019) 1px,transparent 1px);--paper-edge:linear-gradient(90deg,#fff 0%,#ffffff00 12%,#ffffff00 88%,#fff 100%),linear-gradient(#fff 0px,#ffffff00 65px,#ffffff00 calc(100% - 65px),#fff 100%);background-image:var(--paper-edge),var(--paper-grid);background-size:100% 100%,100% 100%,12px 12px,12px 12px}
.main-chrome :is(.page-head,.section.pale){background-image:var(--paper-edge),var(--paper-grid);background-size:100% 100%,100% 100%,12px 12px,12px 12px}
.abroll-home .hero{background:#fff}
.abroll-home .hero::before{opacity:.3;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(transparent,#000 65px,#000 calc(100% - 65px),transparent);mask-composite:intersect}
@media(forced-colors:active){.main-chrome main,.main-chrome :is(.page-head,.section.pale){background-image:none}}
.main-chrome .family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.main-chrome .family-card,.main-chrome .family-card .card-copy{min-width:0}
.main-chrome .family-card :is(h3,p,dt,dd){overflow-wrap:anywhere;hyphens:auto}
@media(max-width:760px){.main-chrome .family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.main-chrome .use-card{min-width:0;overflow-wrap:anywhere;hyphens:auto}
/* White engineering paper throughout content; brand-blue actions/dividers stay distinct. */
.main-chrome{--pale:#fff}
.main-chrome :is(.family-card .image-wrap,.fit.no,.abroll-client-widget,.location-map,.review-strip){background:#fff}
.main-chrome :is(.page-head,.section.pale){background-color:#fff}