:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact {
padding: clamp(16px, 2vw, 28px) 0;
background: #f7f8f9;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-service-audit__inner {
width: min(1080px, calc(100% - 48px));
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: stretch;
gap: 0;
border: 1px solid #d6d9dc;
border-radius: 16px;
background: #fff;
box-shadow: 0 8px 28px rgba(32,33,36,.07);
overflow: hidden;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-service-audit__copy {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas: "label artwork" "heading heading" "copy copy";
align-content: center;
align-items: center;
padding: clamp(20px, 2.2vw, 32px);
text-align: left;
background: #202124;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-audit-kicker {
grid-area: label;
display: inline-flex;
align-items: center;
gap: 10px;
color: #b5e66a;
font: 700 12px/1.3 'Proximanova-bold', sans-serif;
letter-spacing: .13em;
text-transform: uppercase;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-audit-kicker::before {
content: '';
width: 26px;
height: 2px;
background: currentColor;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-service-audit__copy > h2 {
grid-area: heading;
margin: 6px 0 10px;
color: #fff !important;
font: 700 clamp(33px, 3.2vw, 46px)/1.04 'Proximanova-bold', sans-serif !important;
letter-spacing: -.045em;
text-align: left;
text-wrap: balance;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-service-audit__copy > h2 em {
color: #b5e66a !important;
font: inherit;
white-space: normal;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-service-audit__copy > p {
grid-area: copy;
max-width: 46ch;
margin: 0;
color: #eceef0 !important;
text-align: left;
font: 400 clamp(16px, 1.24vw, 18px)/1.45 'Proximanova-regular', sans-serif !important;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-audit-scene {
display: block;
grid-area: artwork;
width: clamp(95px, 10.5vw, 144px);
height: auto;
margin: 0;
}
@media (prefers-reduced-motion: no-preference) {
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-audit-lens { animation: ngw-audit-inspect 4s ease-in-out 1; }
@keyframes ngw-audit-inspect { 40% { transform: translate(-13px, -5px); } 70% { transform: translate(-4px, 2px); } }
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-service-audit__form {
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
padding: clamp(20px, 2.2vw, 32px);
border: 0;
background: #fff;
color: #202124;
text-align: left;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-audit-form-title {
margin: 0 0 13px;
font: 700 clamp(22px, 1.8vw, 26px)/1.12 'Proximanova-bold', sans-serif;
color: #202124 !important;
text-align: left;
letter-spacing: -.025em;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngba-fields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 14px;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngba-fields > .ngba-wide:nth-child(-n+2) { grid-column: auto; }
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngba-fields label {
color: #202124 !important;
font: 700 15px/1.35 'Proximanova-bold', sans-serif;
text-align: left;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngba-fields :is(input[type=url], input[type=email], input[type=text], select) {
width: 100%;
background-color: #f7f8f9;
color: #202124;
border: 1px solid #aeb3b7;
border-radius: 6px;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngba-fields input[type=submit] {
width: 100%;
margin: 2px 0 0;
min-height: 48px;
border: 0;
border-radius: 6px;
background: #84c041;
color: #202124 !important;
font: 700 17px/1.3 'Proximanova-bold', sans-serif;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngba-fields input[type=submit]:hover { background: #b5e66a; }
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngba-fields :is(input, select):focus-visible { outline: 2px solid #202124; outline-offset: 2px; }
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngba-wide:last-child p { position: relative; }
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngba-wide:last-child .wpcf7-spinner { position: absolute; right: 6px; top: 14px; margin: 0; }
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .wpcf7-form .ng-recaptcha-disclosure,
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .wpcf7-form .ng-recaptcha-disclosure a { color: #62676b !important; }
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-service-audit__form a { color: #202124; text-decoration: underline; }
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .wpcf7-response-output { color: #202124 !important; }
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .wpcf7-not-valid-tip { color: #a22222 !important; }
@media (max-width: 800px) {
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-service-audit__inner {
width: min(620px, calc(100% - 32px));
grid-template-columns: minmax(0, 1fr);
border-radius: 16px;
}
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-service-audit__copy,
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-service-audit__form { padding: 18px 22px; }
}
@media (max-width: 520px) {
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngba-fields { grid-template-columns: minmax(0, 1fr); }
:is(#free-website-audit, #free-website-seo-audit).ngw-audit-compact .ngw-audit-scene { width: 88px; }
}