/* Image artwork and selectable HTML content are separate layers. */
.credentials-hero{overflow:hidden;background:#101416}
.credentials-hero-background{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#111616,#0e1215)}
.credentials-hero-photo{position:absolute;left:0;top:0;width:1440rem;height:350rem;max-width:none;mask-image:radial-gradient(ellipse 280rem 50rem at 725rem 86rem,transparent 100%,#000 135%),radial-gradient(ellipse 450rem 55rem at 720rem 168rem,transparent 100%,#000 135%),radial-gradient(ellipse 300rem 55rem at 720rem 266rem,transparent 100%,#000 135%);mask-composite:intersect}
.hero-certificate-repair{position:absolute;left:276rem;top:77rem;width:204rem;height:270rem;border:8rem ridge #494338;background:#807667;box-shadow:0 0 15rem #0009;transform:perspective(800rem) rotateY(8deg) rotate(1deg);overflow:hidden}
.hero-certificate-repair:before{content:'';position:absolute;inset:0;background:url('assets/licenses/license-thumbnail.png') center/100% 100% no-repeat;filter:brightness(.48) saturate(.35) blur(1rem)}
.credentials-hero-content{position:relative;z-index:1;text-align:center;padding:64rem 100rem 0}
.credentials-hero-content h1{font-size:32rem;line-height:50rem;font-weight:700;color:#f4f4f4}
.credentials-hero-content>p{max-width:800rem;margin:24rem auto 0;font-size:16rem;line-height:25rem;color:#bbb}
.credentials-features{padding:0;margin:56rem 0 0;list-style:none;display:flex;align-items:center;justify-content:center;gap:48rem}
.credentials-features li{display:flex;align-items:center;gap:24rem;font-size:16rem;line-height:25rem;color:#ddd}
.credentials-features img{display:block;object-fit:contain;flex:none;width:36rem;height:42rem;mix-blend-mode:lighten}
.credentials-cta{overflow:hidden;background:radial-gradient(ellipse at 100% 0,#176479,transparent 65%),#093944}
.credentials-cta-wave{position:absolute;width:1550rem;height:580rem;max-width:none;left:-220rem;top:-35rem;transform:rotate(18.55deg);pointer-events:none;opacity:.6}
.credentials-cta-content{position:relative;padding:72rem 100rem 0;text-align:center}
.credentials-cta-content h2{font-size:32rem;line-height:50rem;font-weight:700}
.credentials-cta-content>p{font-size:16rem;line-height:25rem;color:#c2c3c6;margin:24rem auto 0;max-width:900rem}
.credentials-cta-actions{display:flex;justify-content:center;gap:16rem;margin-top:32rem}
.credentials-cta-actions a{position:static;width:auto;min-width:152rem;height:56rem;padding:12rem 16rem;align-items:center;justify-content:center;font-size:16rem;line-height:25rem;transition:background .2s,box-shadow .2s}
.credentials-cta-actions a:hover{box-shadow:0 0 0 2rem #63d3df66}
.credentials-cta-actions .cta-mobile-about,.credentials-cta-actions .cta-mobile-contact{display:none!important}
@media(max-width:899px){
 .credentials-hero{height:auto;min-height:364rem;aspect-ratio:auto}
 .credentials-hero-background{left:calc(50% - 400rem);right:auto;width:1440rem;height:364rem;transform:none}
 .credentials-hero:after{content:'';position:absolute;inset:0;background:#080c1030;pointer-events:none}
 .credentials-hero-content{padding:64rem 20rem 56rem;z-index:2}
 .credentials-hero-content h1{font-size:24rem;line-height:37rem;white-space:nowrap}
 .credentials-hero-content>p{font-size:14rem;line-height:22rem;max-width:360rem;margin-top:12rem}
 .credentials-features{margin-top:24rem;flex-direction:column;gap:8rem}
 .credentials-features li{font-size:16rem;line-height:25rem;gap:24rem}
 .credentials-features .credentials-trust{order:-1}
 .credentials-features .credentials-law img{height:32rem}
 .credentials-cta{height:auto;min-height:196rem;aspect-ratio:auto}
 .credentials-cta-wave{width:701.312rem;height:262.992rem;left:calc(50% - 26.73rem);top:calc(50% + 25.21rem);transform:translate(-50%,-50%) rotate(18.55deg);opacity:.6}
 .credentials-cta-content{padding:28rem 20rem 30rem}
 .credentials-cta-content h2{max-width:340rem;margin:auto;font-size:20rem;line-height:31rem}
 .credentials-cta-content>p{display:none}
 .credentials-cta-actions{margin-top:28rem;gap:16rem}
 .credentials-cta-actions a{min-width:140rem;min-height:48rem;height:48rem;padding:12rem 16rem}
 .credentials-cta-actions .cta-desktop-action{display:none!important}
 .credentials-cta-actions .cta-mobile-about,.credentials-cta-actions .cta-mobile-contact{display:flex!important}
}
@media(max-width:399px){.credentials-hero-content h1{white-space:normal}.credentials-features li{font-size:14rem;gap:16rem}.credentials-cta-actions{gap:12rem}.credentials-cta-actions a{min-width:0;font-size:14rem;padding-inline:12rem}}
