.block.signup .signup{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:clamp(24px,3vw,36px);border-radius:8px;background:var(--proton);color:#fff;position:relative;overflow:hidden}.block.signup .signup::after{content:"";position:absolute;right:-60px;top:50%;width:260px;aspect-ratio:1;transform:translateY(-50%);background:url(../../../assets/img/proton-p-navy.svg) center/contain no-repeat;filter:invert(1);opacity:.07;pointer-events:none}.block.signup .signup__ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}.block.signup .signup__ico .icon{width:24px;height:24px}.block.signup .signup h2,.block.signup .signup .h2{font-size:clamp(1.8rem,2.6vw,2.4rem);margin-bottom:6px}.block.signup .signup p{color:rgba(255,255,255,.8);max-width:56ch}.block.signup .signup .btn{position:relative;z-index:1}@media(max-width: 860px){.block.signup .signup{grid-template-columns:1fr}}.theme-roof .block.signup .signup::after{display:none}.theme-roof .block.signup .signup{background:var(--ink);border-top:5px solid var(--roof)}.block.signup .signup{border-radius:0}.theme-roof .block.signup .signup{border-radius:0;border-top:6px solid var(--roof)}.block.signup .signup__ico{display:grid !important;place-items:center !important;line-height:0 !important;padding:0 !important;border-radius:4px !important}.block.signup .signup__ico>.icon{display:block !important;margin:0 !important;position:static !important;transform:none}.block.signup .signup,.theme-roof .block.signup .signup{border-radius:0 0 6px 6px !important}.block.signup .signup{border-top:5px solid var(--ink)}.theme-roof .block.signup .signup{border-top:5px solid var(--roof)}.block.signup.signup--aansluiten{padding-top:0}.theme-roof .block.signup{border-top:0;border-radius:0 !important}.theme-roof .block.signup.bg-color-white{background:var(--white)}.theme-roof .block.signup.bg-color-canvas{background:var(--canvas)}.theme-roof .block.signup.bg-color-canvas-2{background:var(--canvas-2)}.theme-roof .block.signup.bg-color-navy{background:var(--proton)}.theme-roof .block.signup.bg-color-roof-soft{background:var(--roof-soft)}