/* Abrish Key Affiliates v34. Every style is namespaced to this page. */
.abr34{--abr34-navy:#062039;--abr34-orange:#ff670b;--abr34-ink:#082340;--abr34-muted:#3f556e;--abr34-border:#e2edf5;color:var(--abr34-ink);background:#fff;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px;overflow:hidden}
.abr34 *, .abr34 *::before,.abr34 *::after{box-sizing:border-box}
.abr34-shell{width:min(1400px,calc(100% - 70px));margin:auto}
.abr34-hero{position:relative;min-height:198px;isolation:isolate;color:#fff;background:#061e33 url('/construction_website_standalone/static/src/img/abr34_hero.webp') center center/cover no-repeat;overflow:hidden}
.abr34-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,25,44,.98) 0%,rgba(1,26,44,.86) 29%,rgba(1,27,46,.14) 72%,rgba(2,25,41,.89) 100%);z-index:-1}
.abr34-hero::after{content:'';position:absolute;z-index:-1;top:-115px;left:-55px;width:225px;height:500px;transform:skewX(-43deg);background:linear-gradient(90deg,#ff6302 0 35%,rgba(255,102,7,.17) 36% 66%,rgba(255,102,7,.68) 67% 86%,transparent 87%)}
.abr34-hero-inside{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:198px;padding:22px 0 21px 140px;position:relative}
.abr34-hero-copy{max-width:680px;animation:abr34-enter .75s cubic-bezier(.2,.8,.2,1) both}
.abr34-breadcrumb{display:flex;gap:11px;align-items:center;font-size:12px;color:#fff;margin-bottom:12px}
.abr34-breadcrumb a{color:#fff;text-decoration:none}
.abr34-breadcrumb a:hover{text-decoration:underline}
.abr34 h1,.abr34 h2,.abr34 h3,.abr34 p{margin:0}
.abr34-hero h1{font-weight:900;font-size:clamp(30px,3.1vw,43px);line-height:1.05;letter-spacing:-1.25px;color:#fff}
.abr34-hero h1 em{font-style:normal;color:var(--abr34-orange)}
.abr34-hero-copy h2{color:#fff;font-weight:770;font-size:19px;line-height:1.3;margin:5px 0 7px}
.abr34-hero-copy p{max-width:560px;font-size:12.5px;line-height:1.45;color:#f1f7fd}
.abr34-hero-aside{flex-shrink:0;align-self:center;font-size:17px;font-weight:470;line-height:1.15;margin-right:22px!important;max-width:160px}
.abr34-hero-aside b{display:inline-block;color:var(--abr34-orange);font-weight:700}
.abr34-hero-aside b::after{display:block;content:'';width:55px;height:5px;border-radius:3px;background:var(--abr34-orange);margin-top:12px}
.abr34-directory{background:radial-gradient(ellipse at 0 95%,#f2f8ff,transparent 55%),#fff;padding:22px 0 10px}
.abr34-section-head{text-align:center;margin:0 auto 17px;max-width:770px}
.abr34-section-head>span{color:var(--abr34-orange);font-size:10px;font-weight:800;letter-spacing:1.1px}
.abr34-section-head h2{font-size:clamp(20px,2vw,26px);letter-spacing:-.5px;line-height:1.13;font-weight:900;margin:6px 0 8px}
.abr34-section-head>p{font-size:12px;line-height:1.46;max-width:680px;margin:auto}
.abr34-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.abr34-card{min-width:0;display:flex;flex-direction:column;border:1px solid #e3edf5;border-radius:9px;overflow:hidden;box-shadow:0 6px 14px rgba(1,35,63,.09);background:linear-gradient(135deg,#fff,#f8fbfd);transition:transform .25s ease,box-shadow .25s ease;will-change:transform}
.abr34-card:hover,.abr34-card:focus-within{transform:translateY(-5px);box-shadow:0 15px 25px rgba(1,35,63,.15)}
.abr34-card-photo{position:relative;aspect-ratio:2.04/1;overflow:hidden;background:#e0ebf4}
.abr34-card-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,255,255,.22),transparent 32%);pointer-events:none}
.abr34-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.15,.65,.2,1)}
.abr34-card:hover .abr34-card-photo img{transform:scale(1.045)}
.abr34-card-text{position:relative;flex:1;min-height:108px;padding:11px 42px 12px 13px}
.abr34-card-text::before{content:'';position:absolute;left:-2px;top:-12px;right:0;height:22px;border-radius:60% 42% 0 0;background:#fff;opacity:.95;pointer-events:none}
.abr34-card-text h3{font-size:14px;line-height:1.12;letter-spacing:-.2px;font-weight:800;position:relative;z-index:1;margin:0 0 6px}
.abr34-card-text p{font-size:11.8px;line-height:1.38;color:#2e4761;position:relative;z-index:1;max-width:230px}
.abr34-arrow{position:absolute;right:11px;bottom:13px;width:29px;height:29px;border:1.5px solid var(--abr34-orange);border-radius:50%;color:var(--abr34-orange)!important;display:flex;align-items:center;justify-content:center;text-decoration:none!important;font-size:18px;line-height:1;transition:background .2s ease,color .2s ease,transform .2s ease}
.abr34-arrow:hover,.abr34-arrow:focus-visible{background:var(--abr34-orange);color:#fff!important;transform:translateX(2px)}
.abr34-profile-note{margin-top:11px!important;color:#596e80;font-size:10.5px;line-height:1.4;text-align:center}
.abr34-strengths{margin:0;padding:19px 0 32px;background:linear-gradient(125deg,#eef7ff 0%,#fff 48%,#eff7ff 100%);border-top:1px solid #e4edf4;position:relative}
.abr34-strengths::before{content:'';position:absolute;inset:0;opacity:.13;pointer-events:none;background:repeating-radial-gradient(ellipse at 52% 160%, transparent 0 15px,#c9dfef 16px 17px,transparent 18px 22px)}
.abr34-strengths-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.abr34-strength{display:flex;align-items:center;gap:15px;min-width:0;padding:0 19px;border-right:1px solid #ccdbe7}
.abr34-strength:last-child{border-right:none}
.abr34-feature-icon{width:48px;height:48px;flex:none;color:var(--abr34-orange)}
.abr34-feature-icon svg{width:100%;height:100%}
.abr34-strength strong{display:block;font-size:16px;font-weight:850;letter-spacing:-.22px;line-height:1.25}
.abr34-strength p{font-size:11.5px;line-height:1.3;margin-top:3px;color:#29435f}
/* Keep existing Odoo header intact: only change active affiliates link on this page. */
body:has(#abr34-affiliates) .ccw-desktop-nav a[href='/clients']{color:#ff7216!important}
body:has(#abr34-affiliates) .ccw-header{position:relative;z-index:5}
@keyframes abr34-enter{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.abr34.has-motion .abr34-card{opacity:0;transform:translateY(19px);transition:opacity .55s ease,transform .55s ease,box-shadow .25s ease;transition-delay:var(--delay,0ms)}.abr34.has-motion .abr34-card.is-visible{opacity:1;transform:translateY(0)}.abr34.has-motion .abr34-card.is-visible:hover{transform:translateY(-5px)}}
@media(max-width:1199px){.abr34-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.abr34-hero-inside{padding-left:90px}.abr34-strength{padding:0 13px;gap:11px}}
@media(max-width:820px){.abr34-shell{width:min(100% - 38px,1400px)}.abr34-hero-inside{padding-left:46px}.abr34-hero-aside{margin:0!important}.abr34-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abr34-strengths-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:19px}.abr34-strength:nth-child(2){border-right:0}.abr34-strength{padding:0 15px}.abr34-card-text{min-height:103px}}
@media(max-width:600px){.abr34-shell{width:calc(100% - 28px)}.abr34-hero{min-height:218px}.abr34-hero::after{left:-103px;opacity:.75}.abr34-hero-inside{min-height:218px;align-items:flex-start;padding:20px 8px 18px 22px}.abr34-hero-copy{max-width:100%}.abr34-breadcrumb{font-size:11px;margin-bottom:10px}.abr34-hero h1{font-size:33px}.abr34-hero-copy h2{font-size:17px}.abr34-hero-copy p{font-size:12px;max-width:320px}.abr34-hero-aside{display:none}.abr34-directory{padding:24px 0 14px}.abr34-section-head{margin-bottom:18px}.abr34-section-head h2{font-size:22px}.abr34-section-head>p{font-size:11.5px}.abr34-card-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(250px,83%);gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:3px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding:3px 3px 15px;scrollbar-width:thin}.abr34-card{scroll-snap-align:start}.abr34-card-text{min-height:120px;padding:14px 42px 14px 15px}.abr34-card-text h3{font-size:15px}.abr34-card-text p{font-size:12.5px}.abr34-strengths-row{gap:18px 3px}.abr34-strength{align-items:flex-start;padding:0 8px;gap:8px}.abr34-feature-icon{width:29px;height:29px}.abr34-strength strong{font-size:12.5px}.abr34-strength p{font-size:10.5px}.abr34-strengths{padding:22px 0 27px}}
@media(prefers-reduced-motion:reduce){.abr34 *, .abr34 *::before,.abr34 *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.abr34-swipe-hint{display:none;color:#ff670b;font-size:11px;text-align:center;font-weight:750;letter-spacing:.1px;margin:4px 0 9px!important}
@media(max-width:600px){.abr34-swipe-hint{display:block}}