/*
============================================================

      _    ____ __        _______ ____
     / \  |  _ \\ \      / / ____| __ )
    / _ \ | | | |\ \ /\ / /|  _| |  _ \
   / ___ \| |_| | \ V  V / | |___| |_) |
  /_/   \_\____/   \_/\_/  |_____|____/


   Visos teisės saugomos © ADWEB.LT
   https://adweb.lt/nemokamas-seo-auditas/seo-auditas-verslui
============================================================
*/

:root {
--aps-dark: #1d1f24;
--aps-ink: #2a2d32;
--aps-green: #75d3ac;
--aps-green-2: #70cca7;
--aps-line: #e9e9e9;
--aps-soft: #f8f8f8;
--aps-muted: rgba(42,45,50,.6);
--aps-danger: #ef5d5d;
--aps-warning: #d3a43b;
--aps-success: #47c762;
--aps-info: #6c85c8;
}
.page-template-adweb-seo-standalone  .elementor-1085 .elementor-element.elementor-element-e9ef104:not(.elementor-motion-effects-element-type-background){
z-index: 2;
margin-top: -60px;
}
html {
scroll-behavior: smooth;
}
body.aps-standalone-body {
margin: 0;
background: #fff;
color: var(--aps-ink);
overflow-x: hidden;
}
.aps-root {
box-sizing: border-box;
}
.aps-root * {
box-sizing: border-box;
}
.aps-root *::before {
box-sizing: border-box;
}
.aps-root *::after {
box-sizing: border-box;
}
.aps-root {
width: 100%;
font-family: "Poppins",Arial,sans-serif;
color: var(--aps-ink);
font-size: 16px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
text-rendering: geometricPrecision;
}
.aps-root :where(h1,h2,h3,p,a,span,strong,em,form,label,button,input,nav,header,main,section,article,div) {
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
box-shadow: none;
}
.aps-root button {
font: inherit;
color: inherit;
}
.aps-root input {
font: inherit;
border: unset !important;
color: inherit;
}
.aps-root button {
cursor: pointer;
}
.aps-root [hidden] {
display: none !important;
}
.aps-canvas {
width: min(1440px,100%);
margin: 0 auto;
padding: 24px 0 0 0;
background: #fff;
}
.aps-hero {
position: relative;
width: calc(100% - 48px);
height: 753px;
margin: 0 24px;
border-radius: 32px;
background: #1d1f24;
overflow: hidden;
isolation: isolate;
}
.aps-orb {
position: absolute;
width: 914px;
height: 914px;
pointer-events: none;
}
.aps-orb::after {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: radial-gradient(circle,rgba(117,211,172,.018) 0%,rgba(117,211,172,.006) 48%,transparent 70%);
}
.aps-hero-header {
position: absolute;
z-index: 5;
left: 76px;
top: 32px;
width: 1240px;
height: 56px;
display: flex;
align-items: center;
justify-content: space-between;
}
.aps-brand {
display: flex;
align-items: center;
height: 56px;
color: #fff;
font-family: "Poppins",sans-serif;
font-size: 25px;
line-height: 1;
font-weight: 700;
letter-spacing: -.55px;
white-space: nowrap;
text-decoration: none;
transition: none;
}
.aps-root .aps-brand:hover,
.aps-root .aps-brand:focus,
.aps-root .aps-brand:focus-visible,
.aps-root .aps-brand:active {
color: #fff !important;
opacity: 1 !important;
outline: 0 !important;
box-shadow: none !important;
transform: none !important;
}
.aps-site-nav {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
z-index: 8;
}
.aps-site-menu {
display: flex;
align-items: center;
height: 56px;
box-sizing: border-box;
gap: 8px;
margin: 0;
padding: 4px;
list-style: none;
background: #eaeaea;
border-radius: 999px;
}
.aps-site-menu-item {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.aps-site-menu-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 48px;
padding: 0 18px;
border-radius: 999px;
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: rgba(42,45,50,.72);
text-decoration: none;
white-space: nowrap;
background: transparent;
transition: background-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.aps-root .aps-site-menu-link:hover,
.aps-root .aps-site-menu-link:focus,
.aps-root .aps-site-menu-link:focus-visible,
.aps-root .aps-site-menu-link.is-active {
color: #fff;
background: #343941;
outline: 0;
box-shadow: none;
transform: none;
}
.aps-site-dropdown-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 12px;
height: 8px;
color: currentColor;
transition: transform .22s ease;
}
.aps-site-dropdown-arrow svg {
display: block;
width: 12px;
height: 8px;
}
.aps-site-has-dropdown:hover .aps-site-dropdown-arrow,
.aps-site-has-dropdown:focus-within .aps-site-dropdown-arrow {
transform: rotate(180deg);
}
.aps-site-dropdown {
position: absolute;
top: calc(100% + 14px);
left: 50%;
width: 390px;
z-index: 12;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateX(-50%) translateY(8px);
transition: opacity .2s ease,visibility .2s ease,transform .2s ease;
}
.aps-site-has-dropdown:hover .aps-site-dropdown,
.aps-site-has-dropdown:focus-within .aps-site-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(-50%) translateY(0);
}
.aps-site-dropdown::before {
content: "";
position: absolute;
top: -14px;
left: 0;
width: 100%;
height: 14px;
}
.aps-site-dropdown-inner {
padding: 16px;
border: 1px solid rgba(42,45,50,.08);
border-radius: 24px;
background: #fff;
box-shadow: 0 24px 70px rgba(42,45,50,.16);
}
.aps-site-dropdown-title {
margin: 0 0 10px;
padding: 0 6px;
font-family: "Unbounded",sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1;
letter-spacing: .08em;
text-transform: uppercase;
color: rgba(42,45,50,.52);
}
.aps-site-dropdown-link {
display: grid;
grid-template-columns: 42px minmax(0,1fr);
gap: 12px;
align-items: center;
padding: 12px 10px;
border-radius: 16px;
text-decoration: none;
color: #2a2d32;
transition: background-color .2s ease;
}
.aps-root .aps-site-dropdown-link:hover,
.aps-root .aps-site-dropdown-link:focus,
.aps-root .aps-site-dropdown-link:focus-visible {
background: #f5f5f5;
color: #2a2d32;
outline: 0;
box-shadow: none;
transform: none;
}
.aps-site-dropdown-icon,
.aps-mobile-service-icon {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 12px;
box-sizing: border-box;
overflow: hidden;
}
.aps-site-dropdown-icon img,
.aps-site-dropdown-icon svg,
.aps-mobile-service-icon img,
.aps-mobile-service-icon svg {
display: block;
width: 26px;
height: 26px;
object-fit: contain;
}
.aps-site-icon-green { background: linear-gradient(135deg,#255759 0%,#75d3ac 100%); }
.aps-site-icon-purple { background: linear-gradient(135deg,#8b639e 0%,#f2b5f0 100%); }
.aps-site-icon-gold { background: linear-gradient(135deg,#9c763c 0%,#e8cc86 100%); }
.aps-site-icon-blue { background: linear-gradient(135deg,#253459 0%,#75cdd3 100%); }
.aps-site-dropdown-link strong {
display: block;
margin-bottom: 4px;
font-family: "Poppins",sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.2;
color: #2a2d32;
}
.aps-site-dropdown-link small {
display: block;
font-family: "Poppins",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.35;
color: rgba(42,45,50,.62);
}
.aps-contact {
width: 160px;
height: 56px;
border: 1px solid rgba(255,255,255,.16);
border-radius: 62px;
background: #fff;
color: #2a2d32;
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
font-size: 15px;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.aps-root .aps-contact:hover,
.aps-root .aps-contact:focus,
.aps-root .aps-contact:focus-visible,
.aps-root .aps-contact:active {
outline: 0;
background: #f2f2f2;
border-color: rgba(255,255,255,.24);
box-shadow: inset 0 0 0 1px rgba(42,45,50,.04);
color: #2a2d32;
-webkit-text-fill-color: #2a2d32;
transform: none;
}
.aps-contact img {
display: block;
width: 18px;
height: 18px;
object-fit: contain;
flex: 0 0 18px;
}
.aps-mobile-nav {
display: none;
}
.aps-hero.is-mobile-menu-open {
overflow: visible;
}
body.aps-menu-open {
overflow: hidden !important;
}
.aps-mobile-nav-toggle {
display: flex;
flex-direction: column;
justify-content: center;
gap: 4px;
width: 46px;
height: 46px;
padding: 0;
border: 0;
border-radius: 999px;
background: #fff;
cursor: pointer;
}
.aps-mobile-nav-toggle span {
display: block;
width: 18px;
height: 2px;
margin: 0 auto;
border-radius: 999px;
background: #343941;
}
.aps-mobile-nav-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 2147483001;
opacity: 0;
visibility: hidden;
pointer-events: none;
background: rgba(42,45,50,.38);
backdrop-filter: blur(6px);
transition: opacity .25s ease,visibility .25s ease;
}
.aps-mobile-nav-panel {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 2147483002;
width: min(390px,calc(100vw - 28px));
height: 100dvh !important;
min-height: 100dvh;
max-height: 100dvh;
display: flex;
flex-direction: column;
padding: 18px 14px 16px;
box-sizing: border-box;
background: #eee;
border-radius: 28px 0 0 28px;
box-shadow: -24px 0 70px rgba(42,45,50,.22);
transform: translateX(105%);
transition: transform .3s ease;
}
.aps-mobile-nav.is-open .aps-mobile-nav-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.aps-mobile-nav.is-open .aps-mobile-nav-panel {
transform: translateX(0);
}
.aps-mobile-nav.is-open .aps-mobile-nav-toggle {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.aps-mobile-nav-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 4px 14px;
margin-bottom: 4px;
flex: 0 0 auto;
}
.aps-mobile-nav-brand {
font-family: "Poppins",sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1;
color: #2a2d32;
}
.aps-mobile-nav-close {
position: relative;
width: 42px;
height: 42px;
padding: 0;
border: 0;
border-radius: 999px;
background: #343941;
cursor: pointer;
}
.aps-mobile-nav-close span {
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 2px;
border-radius: 999px;
background: #fff;
}
.aps-mobile-nav-close span:first-child { transform: translate(-50%,-50%) rotate(45deg); }
.aps-mobile-nav-close span:last-child { transform: translate(-50%,-50%) rotate(-45deg); }
.aps-mobile-nav-links {
display: flex;
flex-direction: column;
gap: 7px;
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
padding: 2px 2px 18px;
}
.aps-mobile-nav-link {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 48px;
width: 100%;
padding: 0 18px;
border-radius: 999px;
box-sizing: border-box;
font-family: "Poppins",sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1;
color: rgba(42,45,50,.72);
text-decoration: none;
white-space: nowrap;
background: transparent;
transition: background-color .2s ease,color .2s ease;
}
.aps-root .aps-mobile-nav-link:hover,
.aps-root .aps-mobile-nav-link:focus,
.aps-root .aps-mobile-nav-link.is-active {
background: #343941;
color: #fff;
outline: 0;
box-shadow: none;
}
.aps-mobile-services {
border-radius: 24px;
}
.aps-mobile-services-row {
display: grid;
grid-template-columns: 1fr 48px;
gap: 7px;
align-items: center;
}
.aps-mobile-services-toggle {
position: relative;
width: 48px;
height: 48px;
padding: 0;
border: 0;
border-radius: 999px;
background: #fff;
cursor: pointer;
}
.aps-mobile-services-toggle span {
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 2px;
border-radius: 999px;
background: #343941;
transform: translate(-50%,-50%);
transition: opacity .2s ease,transform .2s ease;
}
.aps-mobile-services-toggle span:last-child {
transform: translate(-50%,-50%) rotate(90deg);
}
.aps-mobile-services.is-open .aps-mobile-services-toggle span:last-child {
opacity: 0;
transform: translate(-50%,-50%) rotate(90deg) scaleX(0);
}
.aps-mobile-services-dropdown {
max-height: 0;
opacity: 0;
overflow: hidden;
margin-top: 0;
padding: 0 12px;
border: 0 solid rgba(42,45,50,.08);
border-radius: 20px;
background: #fff;
box-sizing: border-box;
transition: max-height .32s ease,opacity .22s ease,margin-top .22s ease,padding .22s ease,border-width .22s ease;
}
.aps-mobile-services.is-open .aps-mobile-services-dropdown {
max-height: 620px;
opacity: 1;
margin-top: 8px;
padding: 12px;
border-width: 1px;
}
.aps-mobile-services-title {
margin: 0 0 8px;
padding: 0 6px;
font-family: "Unbounded",sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1;
letter-spacing: .08em;
text-transform: uppercase;
color: rgba(42,45,50,.52);
}
.aps-mobile-service-link {
display: grid;
grid-template-columns: 40px minmax(0,1fr);
gap: 11px;
align-items: center;
padding: 11px 8px;
border-radius: 14px;
text-decoration: none;
color: #2a2d32;
transition: background-color .2s ease;
}
.aps-root .aps-mobile-service-link:hover,
.aps-root .aps-mobile-service-link:focus {
background: #f5f5f5;
color: #2a2d32;
outline: 0;
}
.aps-mobile-service-icon {
width: 40px;
height: 40px;
}
.aps-mobile-service-icon img,
.aps-mobile-service-icon svg {
width: 24px;
height: 24px;
}
.aps-mobile-service-link strong {
display: block;
margin-bottom: 4px;
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
color: #2a2d32;
}
.aps-mobile-service-link small {
display: block;
font-family: "Poppins",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.35;
color: rgba(42,45,50,.62);
}
body.aps-menu-open {
overflow: hidden;
}
.aps-arrow {
position: relative;
width: 17px;
height: 10px;
display: inline-block;
flex: 0 0 17px;
color: currentColor;
}
.aps-arrow::before {
content: "";
position: absolute;
left: 0;
top: 4.5px;
width: 15px;
height: 1px;
background: currentColor;
}
.aps-arrow::after {
content: "";
position: absolute;
right: 0;
top: 1.5px;
width: 6px;
height: 6px;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: rotate(45deg);
}
.aps-hero-copy {
position: absolute;
z-index: 2;
left: 50%;
top: 160px;
width: 783px;
transform: translateX(-50%);
text-align: center;
transition: opacity .22s ease,transform .32s cubic-bezier(.16,1,.3,1),filter .22s ease;
}
.aps-hero-copy.is-leaving {
opacity: 0;
transform: translateX(-50%) translateY(-10px);
filter: blur(3px);
pointer-events: none;
}
.aps-hero-copy h1 {
font-family: "Unbounded",sans-serif;
font-size: 48px;
line-height: 1.3;
font-weight: 400;
color: #fff;
}
.aps-hero-copy>p {
width: 723px;
margin: 12px auto 0;
font-size: 16px;
line-height: 1.5;
font-weight: 300;
color: rgba(255,255,255,.6);
}
.aps-stats {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
margin-top: 32px;
}
.aps-stat {
display: flex;
flex-direction: column;
gap: 4px;
align-items: flex-start;
text-align: left;
}
.aps-stat strong {
font-family: "Unbounded",sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: 600;
color: #fff;
white-space: nowrap;
}
.aps-stat strong i {
font-style: normal;
color: var(--aps-green);
}
.aps-stat span {
font-size: 14px;
line-height: 21px;
font-weight: 300;
color: rgba(255,255,255,.6);
white-space: nowrap;
}
.aps-stat-line {
width: 1px;
height: 64px;
background: rgba(255,255,255,.14);
}
.aps-form-shell {
position: absolute;
z-index: 3;
left: 50%;
top: 513px;
width: 916px;
height: 387px;
transform: translateX(-50%);
border: 1px solid rgba(255,255,255,.12);
border-radius: 32px;
background: linear-gradient(171.93deg,rgba(255,255,255,.30) 8.68%,rgba(255,255,255,0) 68.83%);
box-shadow: 0 0 120px rgba(0,0,0,.04);
overflow: hidden;
transition: opacity .22s ease,transform .32s cubic-bezier(.16,1,.3,1),filter .22s ease;
}
.aps-form-shell.is-leaving {
opacity: 0;
transform: translateX(-50%) translateY(12px);
filter: blur(3px);
pointer-events: none;
}
.aps-form-surface {
position: absolute;
left: 15px;
top: 15px;
width: 884px;
height: 224px;
border: 1px solid #f0f0f0;
border-radius: 24px 24px 0 0;
background: linear-gradient(184.7deg,#f3f3f3 13.64%,rgba(255,255,255,.88) 89.15%);
overflow: hidden;
}
.aps-form {
position: absolute;
left: 47px;
top: 39px;
width: 788px;
}
.aps-form-stage {
position: relative;
height: 92px;
}
.aps-step {
position: absolute;
inset: 0;
width: 100%;
}
.aps-step > label {
display: block;
margin: 0 0 8px;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: rgba(42,45,50,.72);
}
.aps-input-row {
position: relative;
width: 788px;
height: 56px;
border-radius: 49px;
background: #fff;
overflow: hidden;
}
.aps-input-icon {
position: absolute;
z-index: 2;
left: 24px;
top: 18px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
opacity: .72;
}
.aps-input-icon--link {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a2d32' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M10.7 13.3a4 4 0 0 0 5.65.05l2-2a4 4 0 0 0-5.65-5.65l-1.15 1.15'/%3E%3Cpath d='M13.3 10.7a4 4 0 0 0-5.65-.05l-2 2a4 4 0 1 0 5.65 5.65l1.15-1.15'/%3E%3C/svg%3E");
}
.aps-input-icon--email {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a2d32' stroke-width='1.6'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2.5'/%3E%3Cpath d='m5.5 8 6.5 5 6.5-5'/%3E%3C/svg%3E");
}
.aps-url {
position: absolute;
left: 52px;
top: 0;
width: 570px;
height: 56px;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
box-shadow: none;
font-family: "Poppins",sans-serif;
font-size: 14px;
line-height: 56px;
font-weight: 400;
color: rgba(42,45,50,.78);
-webkit-appearance: none;
appearance: none;
}
.aps-email {
position: absolute;
left: 52px;
top: 0;
width: 570px;
height: 56px;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
box-shadow: none;
font-family: "Poppins",sans-serif;
font-size: 14px;
line-height: 56px;
font-weight: 400;
color: rgba(42,45,50,.78);
-webkit-appearance: none;
appearance: none;
}
.aps-url::placeholder {
color: rgba(42,45,50,.7);
opacity: 1;
}
.aps-email::placeholder {
color: rgba(42,45,50,.7);
opacity: 1;
}
.aps-root .aps-input-row input.aps-url,
.aps-root .aps-input-row input.aps-email,
.aps-root .aps-input-row input.aps-url:hover,
.aps-root .aps-input-row input.aps-email:hover,
.aps-root .aps-input-row input.aps-url:focus,
.aps-root .aps-input-row input.aps-email:focus,
.aps-root .aps-input-row input.aps-url:focus-visible,
.aps-root .aps-input-row input.aps-email:focus-visible,
.aps-root .aps-input-row input.aps-url:active,
.aps-root .aps-input-row input.aps-email:active {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
outline: 0;
background: transparent;
box-shadow: none;
color: rgba(42,45,50,.78);
-webkit-text-fill-color: rgba(42,45,50,.78);
min-height: 0;
appearance: none;
-webkit-appearance: none;
}
.aps-submit {
position: absolute;
left: auto;
right: 4px;
top: 4px;
width: 136px;
height: 48px;
margin: 0;
padding: 0 18px;
border: 0;
border-radius: 47px;
background: #2a2d32;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: "Poppins",sans-serif;
font-size: 14px;
line-height: 21px;
font-weight: 500;
opacity: 1;
visibility: visible;
appearance: none;
-webkit-appearance: none;
transition: width .22s ease,transform .22s ease,background .22s ease,opacity .22s ease;
}
.aps-submit span {
display: block;
color: #fff;
font: inherit;
line-height: 21px;
opacity: 1;
visibility: visible;
white-space: nowrap;
}
.aps-submit .aps-arrow {
color: #fff;
}
.aps-root .aps-submit:hover,
.aps-root .aps-submit:focus,
.aps-root .aps-submit:focus-visible,
.aps-root .aps-submit:active {
border: 0;
outline: 0;
background: #363a40;
box-shadow: none;
color: #fff;
-webkit-text-fill-color: #fff;
}
.aps-root .aps-submit:hover span,
.aps-root .aps-submit:focus span,
.aps-root .aps-submit:focus-visible span,
.aps-root .aps-submit:active span,
.aps-root .aps-submit:hover .aps-arrow,
.aps-root .aps-submit:focus .aps-arrow,
.aps-root .aps-submit:focus-visible .aps-arrow,
.aps-root .aps-submit:active .aps-arrow {
color: #fff;
-webkit-text-fill-color: #fff;
}
.aps-submit:disabled {
opacity: .55;
cursor: wait;
transform: none;
}
.aps-stepper {
display: flex;
align-items: center;
justify-content: space-between;
height: 20px;
margin-top: 32px;
}
.aps-stepper-label {
font-size: 14px;
line-height: 20px;
color: #2A2D3299;
}
.aps-stepper-dots {
display: flex;
align-items: center;
gap: 16px;
}
.aps-step-dot {
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
display: grid;
place-items: center;
}
.aps-step-dot::after {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(42,45,50,.12);
transition: .2s ease;
}
.aps-step-dot.is-current {
background: rgba(42,45,50,.1);
}
.aps-step-dot.is-current::after {
background: #2a2d32;
}
.aps-step-dot.is-done {
background: #2a2d32;
}
.aps-step-dot.is-done::after {
width: 12px;
height: 12px;
border-radius: 0;
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2.5 6 2.1 2.1L9.5 3.5'/%3E%3C/svg%3E") center/12px 12px no-repeat;
}
.aps-error {
position: static;
width: 100%;
margin-top: 8px;
padding: 0 2px;
font-size: 12px;
line-height: 18px;
color: #b73939;
overflow-wrap: anywhere;
}
.aps-analyzing {
position: absolute;
z-index: 4;
left: 76px;
top: 184px;
width: 1240px;
opacity: 0;
transform: translateY(14px);
transition: opacity .34s ease,transform .48s cubic-bezier(.16,1,.3,1);
pointer-events: none;
}
.aps-analyzing.is-visible {
opacity: 1;
transform: none;
pointer-events: auto;
}
.aps-analyzing-copy {
width: 962px;
margin: 0 auto;
text-align: center;
}
.aps-analyzing-copy h2 {
font-family: "Unbounded",sans-serif;
font-size: 36px;
line-height: 45px;
font-weight: 600;
color: #fff;
letter-spacing: -.7px;
}
.aps-analyzing-copy h2 em {
font-style: normal;
color: var(--aps-green);
}
.aps-analyzing-copy p {
margin: 8px 0 0;
font-family: "Unbounded",sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 300;
color: rgba(255,255,255,.6);
}
.aps-analyzing-grid {
display: grid;
grid-template-columns: repeat(4,295px);
gap: 20px;
margin-top: 56px;
}
.aps-analyzing-grid article {
height: 206px;
padding: 24px;
border: 1px solid rgba(255,255,255,.04);
border-radius: 16px;
background: rgba(255,255,255,.04);
backdrop-filter: blur(6px);
}
.aps-scan-icon {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border-radius: 999px;
margin-bottom: 24px;
background: rgba(255,255,255,.08);
font-size: 0;
}
.aps-scan-icon--check {
background: rgba(117,211,172,.08);
}
.aps-scan-icon::before {
content: "";
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
}
.aps-scan-icon--check::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2375d3ac' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E");
}
.aps-scan-icon--arrow::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-opacity='.8' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M7 17 17 7M10 7h7v7'/%3E%3C/svg%3E");
}
.aps-analyzing-grid h3 {
font-family: "Unbounded",sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #fff;
}
.aps-analyzing-grid p {
margin: 12px 0 0;
font-size: 14px;
line-height: 20px;
font-weight: 300;
color: rgba(255,255,255,.8);
}
.aps-progress {
margin-top: 72px;
}
.aps-progress-track {
display: block;
position: relative;
width: 100%;
height: 12px;
border-radius: 4px;
background: rgba(255,255,255,.04);
overflow: hidden;
}
.aps-progress-track i {
display: block;
width: 8%;
height: 12px;
border-radius: 4px;
background: linear-gradient(96.66deg,#255759 0%,#75d3ac 100%);
transition: width .35s cubic-bezier(.2,.8,.2,1);
}
.aps-progress-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 12px;
font-size: 14px;
line-height: 21px;
color: rgba(255,255,255,.6);
}
.aps-progress-meta b {
font-weight: 400;
color: inherit;
}
.aps-results {
width: calc(100% - 64px);
max-width: 1376px;
margin: 24px 32px 0;
padding: 48px 44px 44px;
border-radius: 32px;
background: #f8f8f8;
opacity: 0;
transform: translateY(24px);
transition: opacity .48s ease,transform .62s cubic-bezier(.16,1,.3,1);
}
.aps-results.is-visible {
opacity: 1;
transform: none;
}
.aps-result-titlebar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 0 24px 16px;
min-height: 94px;
}
.aps-result-titlebar__main {
min-width: 0;
flex: 1;
}
.aps-result-status {
display: flex;
align-items: center;
gap: 12px;
min-height: 30px;
}
.aps-result-status>span {
display: inline-flex;
align-items: center;
justify-content: center;
height: 30px;
padding: 0 12px;
border-radius: 33px;
background: rgba(117,211,172,.2);
font-size: 12px;
line-height: 18px;
font-weight: 500;
color: #3c7960;
white-space: nowrap;
}
.aps-result-status>div {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 21px;
color: rgba(42,45,50,.6);
white-space: nowrap;
}
.aps-result-status i {
width: 4px;
height: 4px;
border-radius: 50%;
background: #aeb0b2;
}
.aps-result-titlebar h2 {
margin: 8px 0 0;
font-family: "Unbounded",sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 500;
letter-spacing: 0;
color: #2a2d32;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.aps-result-titlebar h2 a {
color: #70cca7;
text-decoration: none;
}
.aps-result-actions {
display: flex;
align-items: center;
gap: 16px;
flex: 0 0 auto;
}
.aps-result-action {
height: 56px;
padding: 0 20px;
border: 0;
border-radius: 130px;
background: #eaeaea;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #2a2d32;
white-space: nowrap;
transition: background .2s ease,transform .2s ease;
}
.aps-result-action:hover {
background: #e1e1e1;
transform: translateY(-1px);
}
.aps-result-action--icon {
width: 56px;
padding: 0;
}
.aps-icon {
display: inline-block;
width: 20px;
height: 20px;
background-position: center;
background-size: 20px 20px;
background-repeat: no-repeat;
flex: 0 0 20px;
}
.aps-icon--search {
background-image: url("../icons/search.svg");
}
.aps-score-panel {
position: relative;
height: 264px;
margin-top: 16px;
border: 1px solid var(--aps-line);
border-radius: 24px;
background: #fff;
overflow: hidden;
}
.aps-score-ring {
position: absolute;
left: 48px;
top: 32px;
width: 200px;
height: 200px;
border-radius: 50%;
display: grid;
place-items: center;
}
.aps-score-ring::before {
content: "";
position: absolute;
border-radius: 50%;
background: #fff;
}
.aps-score-ring>div {
text-align: center;
}
.aps-score-ring strong {
display: block;
font-family: "Unbounded",sans-serif;
color: #2a2d32;
}
.aps-score-ring span {
display: block;
}
.aps-score-content {
position: absolute;
left: 296px;
right: 32px;
top: 38px;
}
.aps-score-heading {
display: flex;
align-items: center;
gap: 60px;
min-height: 32px;
}
.aps-score-content h3 {
margin: 0;
font-family: "Unbounded",sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: 500;
color: #2a2d32;
}
.aps-grade-pill {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 80px;
height: 32px;
padding: 0 12px;
border-radius: 41px;
background: #47c762;
color: #fff;
font-family: "Unbounded",sans-serif;
font-size: 13px;
line-height: 16px;
font-weight: 400;
white-space: nowrap;
}
.aps-score-content>p {
width: 960px;
max-width: 100%;
margin: 8px 0 0;
font-size: 14px;
line-height: 21px;
color: rgba(42,45,50,.6);
}
.aps-kpis {
display: grid;
grid-template-columns: 181px 184px 178px 184px 181px;
margin-top: 24px;
}
.aps-kpi {
position: relative;
height: 84px;
border: 1px solid var(--aps-line);
border-radius: 16px;
overflow: hidden;
}
.aps-kpi-icon {
position: absolute;
left: 16px;
top: 19px;
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
}
.aps-kpi strong {
display: block;
font-family: "Unbounded",sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: 500;
color: #2a2d32;
}
.aps-kpi span {
display: block;
font-size: 12px;
line-height: 18px;
color: rgba(42,45,50,.6);
white-space: nowrap;
}
.aps-priority-grid {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 16px;
margin-top: 16px;
}
.aps-priority-card {
position: relative;
height: 530px;
border: 1px solid var(--aps-line);
border-radius: 24px;
background: #fff;
overflow: hidden;
}
.aps-priority-card__head {
display: flex;
justify-content: space-between;
gap: 12px;
align-items: flex-start;
}
.aps-priority-card__head h3 {
margin: 0;
font-family: "Unbounded",sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #2a2d32;
}
.aps-priority-card__head p {
margin: 4px 0 0;
font-size: 13px;
line-height: 21px;
color: rgba(42,45,50,.6);
}
.aps-priority-card__head>span {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border: 1px solid #E9E9E9;
border-radius: 8px;
background: #f5f6f6;
font-family: "Unbounded",sans-serif;
font-size: 13px;
line-height: 16px;
color: #2A2D3299;
flex: 0 0 auto;
}
.aps-priority-list {
display: grid;
}
.aps-priority-item {
display: grid;
align-items: center;
}
.aps-priority-icon {
display: grid;
place-items: center;
background: #f8f8f8;
}
.aps-priority-item strong {
color: #2a2d32;
}
.aps-priority-more {
position: absolute;
left: 16px;
right: 16px;
bottom: 16px;
height: 21px;
border: 0;
background: transparent;
color: #2A2D3299 !important;
font-size: 14px;
text-align: center;
}
.aps-priority-more:hover {
color: #2a2d32;
text-decoration: underline;
}
.aps-empty {
padding: 18px;
color: rgba(42,45,50,.55);
font-size: 13px;
line-height: 20px;
}
.aps-audit-empty {
margin-top: 24px;
padding: 28px 24px;
border: 1px solid var(--aps-line);
border-radius: 16px;
background: #f8f8f8;
color: rgba(42,45,50,.62);
font-size: 14px;
line-height: 22px;
text-align: center;
}
.aps-audit-empty[hidden] {
display: none;
}
.aps-meta-panel {
height: 273px;
margin-top: 16px;
border: 1px solid var(--aps-line);
border-radius: 24px;
background: #fff;
padding: 24px 32px 32px;
}
.aps-meta-panel__top {
display: grid;
grid-template-columns: 263px 340px 1fr;
gap: 24px;
align-items: start;
}
.aps-meta-title h3 {
margin: 7px 0 0;
font-family: "Unbounded",sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: 500;
color: #2a2d32;
}
.aps-meta-title a {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 10px;
color: #70cca7;
font-size: 14px;
line-height: 21px;
text-decoration: none;
}
.aps-meta-title a i {
width: 20px;
height: 20px;
background: url("../icons/external-green.svg") center/20px 20px no-repeat;
}
.aps-meta-box label {
display: block;
margin-bottom: 8px;
font-size: 14px;
line-height: 21px;
color: rgba(42,45,50,.6);
}
.aps-meta-box div {
padding: 12px 16px;
border-radius: 8px;
background: #f8f8f8;
color: rgba(42,45,50,.72);
}
.aps-meta-box--description div {
padding: 16px;
}
.aps-meta-strip {
display: grid;
grid-template-columns: repeat(9,minmax(0,1fr));
height: 80px;
margin-top: 32px;
border: 1px solid #eaeaea;
border-radius: 16px;
background: #f8f8f8;
overflow: hidden;
}
.aps-meta-stat {
min-width: 0;
padding: 16px;
border-left: 1px solid var(--aps-line);
}
.aps-meta-stat:first-child {
border-left: 0;
padding-left: 24px;
}
.aps-meta-stat:last-child {
padding-right: 24px;
}
.aps-meta-stat:nth-child(even) {
background: #fff;
}
.aps-meta-stat span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
line-height: 21px;
}
.aps-meta-stat strong {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
line-height: 21px;
}
.aps-meta-stat span {
color: rgba(42,45,50,.6);
}
.aps-meta-stat strong {
margin-top: 4px;
font-weight: 500;
color: #2a2d32;
}
.aps-meta-stat strong.is-ok {
color: #31b14c;
}
.aps-meta-stat strong.is-bad {
color: #d64f4f;
}
.aps-audit {
min-height: 1387px;
margin-top: 16px;
border: 1px solid var(--aps-line);
border-radius: 24px;
background: #fff;
padding: 32px;
overflow: hidden;
}
.aps-audit__head h3 {
margin: 0;
font-family: "Unbounded",sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: 500;
color: #2a2d32;
}
.aps-audit__head p {
margin: 8px 0 0;
font-size: 14px;
line-height: 21px;
color: rgba(42,45,50,.6);
}
.aps-tools {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 24px;
}
.aps-filters {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: nowrap;
}
.aps-filter {
height: 40px;
padding: 8.5px 12px;
border: 1px solid var(--aps-line);
border-radius: 8px;
background: #f8f8f8;
font-family: "Poppins", sans-serif;
color: #2A2D3299;
font-size: 14px;
line-height: 21px;
font-weight: 400;
transition: .2s ease;
white-space: nowrap;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
width: auto;
}
.aps-filter__count {
font: inherit;
font-size:12px;
font-weight: 500;
color: inherit;
}
.aps-filter[aria-pressed="true"] {
border-color: #2A2D32;
background: #2A2D32;
color: #fff;
}
.aps-filter[aria-pressed="true"] .aps-filter__count {
color: rgba(255,255,255,.76);
}
.aps-search-wrap {
position: relative;
width: 224px;
height: 40px;
border: 1px solid var(--aps-line);
border-radius: 38px;
background: #f8f8f8;
display: flex;
align-items: center;
padding: 0 12px;
gap: 8px;
flex: 0 0 224px;
}
.aps-search {
width: 100%;
height: 38px;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
box-shadow: none;
font-size: 14px;
line-height: 21px;
color: #2a2d32;
}
.aps-search::placeholder {
color: rgba(42,45,50,.55);
opacity: 1;
}
.aps-categories {
display: grid;
gap: 8px;
margin-top: 24px;
}
.aps-category__summary {
width: 100%;
border: 0;
display: grid;
align-items: center;
text-align: left;
}
.aps-category__score {
border-radius: 50%;
font-style: normal;
}
.aps-category__score::after {
content: "";
position: absolute;
border-radius: 50%;
background: #fff;
}
.aps-category__copy {
display: flex;
flex-direction: column;
justify-content: center;
}
.aps-category__copy>strong {
display: block;
}
.aps-cat-meta>i {
border-radius: 50%;
flex: 0 0 2px;
}
.aps-cat-meta b {
background: #f5f5f5;
color: rgba(42,45,50,.66);
font-style: normal;
flex: 0 0 auto;
}
.aps-category__more {
justify-self: end;
display: flex;
align-items: center;
white-space: nowrap;
}
.aps-category__more i {
background: url("../icons/chevron.svg") center/16px 16px no-repeat;
transition: transform .28s cubic-bezier(.2,.8,.2,1);
}
.aps-category.is-open .aps-category__more i {
transform: rotate(180deg);
}
.aps-category__panel {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
transition: grid-template-rows .52s cubic-bezier(.2,.8,.2,1),opacity .28s ease,border-color .28s ease;
}
.aps-category.is-open .aps-category__panel {
grid-template-rows: 1fr;
opacity: 1;
}
.aps-category__panel-inner {
min-height: 0;
overflow: hidden;
}
.aps-category.is-open .aps-category__panel-inner {
padding-top: 0;
}
.aps-check {
display: block;
}
.aps-check__signal {
background: #f8f8f8 center/20px 20px no-repeat;
}
.aps-check__title {
align-items: flex-start;
justify-content: space-between;
gap: 16px;
min-width: 0;
}
.aps-check__title h5 {
margin: 0;
font-size: 14px;
line-height: 21px;
font-weight: 500;
color: #2a2d32;
}
.aps-check__title span {
font-size: 12px;
line-height: 18px;
color: rgba(42,45,50,.55);
white-space: nowrap;
}
.aps-details summary {
cursor: pointer;
list-style: none;
}
.aps-details summary::-webkit-details-marker {
display: none;
}
.aps-details summary::before {
content: "›";
display: inline-block;
margin-right: 7px;
transform: rotate(90deg);
transition: transform .2s ease;
}
.aps-details[open] summary::before {
transform: rotate(270deg);
}
.aps-details__row {
display: grid;
grid-template-columns: 160px 1fr;
gap: 12px;
padding: 8px 0;
border-top: 1px solid #eee;
}
.aps-details__row span {
font-size: 12px;
line-height: 18px;
}
.aps-details__row strong {
font-size: 12px;
line-height: 18px;
}
.aps-details__row span {
color: rgba(42,45,50,.6);
}
.aps-details__row strong {
font-weight: 500;
color: #2a2d32;
overflow-wrap: anywhere;
}
.aps-hidden {
display: none !important;
}
.aps-security-lead {
display: grid;
grid-template-columns: 56px minmax(0,1fr) auto;
align-items: center;
gap: 20px;
margin-top: 16px;
padding: 22px 24px;
border: 1px solid #e9e9e9;
border-radius: 20px;
background: linear-gradient(105deg,#fffaf0 0%,#ffffff 56%,#f7fbf9 100%);
}
.aps-security-lead__icon {
width: 56px;
height: 56px;
border-radius: 16px;
background: #fff1c5 url("../icons/security-review.svg") center/24px 24px no-repeat;
}
.aps-security-lead--critical .aps-security-lead__icon {
background-color: #ffe0e1;
}
.aps-security-lead__content {
min-width: 0;
}
.aps-security-lead__eyebrow {
display: block;
margin-bottom: 4px;
color: #9b7a2d;
font-size: 12px;
line-height: 18px;
font-weight: 500;
}
.aps-security-lead--critical .aps-security-lead__eyebrow {
color: #b54a52;
}
.aps-security-lead h3 {
margin: 0;
color: #2a2d32;
font-family: "Unbounded",sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.aps-security-lead p {
max-width: 760px;
margin: 6px 0 0;
color: rgba(42,45,50,.62);
font-size: 13px;
line-height: 20px;
}
.aps-security-lead__actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
.aps-security-lead__cta {
min-height: 44px;
padding: 0 18px;
border-radius: 999px;
background: #2a2d32;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 13px;
line-height: 20px;
font-weight: 500;
white-space: nowrap;
transition: transform .2s ease,background .2s ease;
}
.aps-security-lead__cta:hover {
background: #363a40;
transform: translateY(-1px);
}
.aps-security-lead__mail {
color: rgba(42,45,50,.55);
font-size: 12px;
line-height: 18px;
}
.aps-security-lead__mail:hover {
color: #2a2d32;
}
@media (max-width: 900px) {
.aps-security-lead {
grid-template-columns: 48px minmax(0,1fr);
padding: 20px;
gap: 16px;
}
.aps-security-lead__icon {
width: 48px;
height: 48px;
border-radius: 14px;
background-size: 22px 22px;
}
.aps-security-lead__actions {
grid-column: 1 / -1;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
}
@media (max-width: 560px) {
.aps-security-lead {
grid-template-columns: 1fr;
padding: 18px;
}
.aps-security-lead__icon {
display: none;
}
.aps-security-lead h3 {
font-size: 16px;
line-height: 22px;
}
.aps-security-lead__actions {
grid-column: auto;
align-items: stretch;
flex-direction: column;
}
.aps-security-lead__cta {
width: 100%;
}
.aps-security-lead__mail {
text-align: center;
}
}
@media (max-width:420px) {
.aps-mobile-nav-panel {
width: calc(100vw - 18px);
padding: 16px 10px 14px;
border-radius: 24px 0 0 24px;
}
.aps-mobile-nav-link {
min-height: 46px;
padding: 0 16px;
font-size: 14px;
}
.aps-mobile-services-row {
grid-template-columns: 1fr 46px;
}
.aps-mobile-services-toggle {
width: 46px;
height: 46px;
}
.aps-mobile-services.is-open .aps-mobile-services-dropdown {
padding: 10px;
border-radius: 18px;
}
.aps-mobile-service-link {
grid-template-columns: 38px minmax(0,1fr);
gap: 10px;
padding: 10px 7px;
}
.aps-mobile-service-icon {
width: 38px;
height: 38px;
}
.aps-mobile-service-icon img,
.aps-mobile-service-icon svg {
width: 23px;
height: 23px;
}
.aps-mobile-service-link strong {
font-size: 13px;
}
.aps-mobile-service-link small {
font-size: 11px;
}
}
@media (max-width:1439px) {
.aps-canvas {
width: 100%;
}
.aps-hero {
width: calc(100% - 48px);
}
.aps-hero-header {
left: 5.46%;
width: 89.08%;
}
.aps-analyzing {
left: 5.46%;
width: 89.08%;
}
.aps-results {
width: calc(100% - 64px);
}
.aps-score-content {
right: 28px;
}
.aps-kpis {
grid-template-columns: repeat(5,minmax(0,1fr));
gap: 12px;
}
}
@media (max-width:1180px) {
.aps-site-nav,
.aps-contact {
display: none;
}
.aps-mobile-nav {
display: block;
position: relative;
z-index: 2147483000;
}
.aps-hero-header {
left: 48px;
width: calc(100% - 96px);
}
.aps-form-shell {
width: min(916px,calc(100% - 96px));
}
.aps-form-surface {
width: calc(100% - 30px);
}
.aps-form {
width: calc(100% - 94px);
}
.aps-input-row {
width: 100%;
}
.aps-submit {
left: auto;
right: 4px;
}
.aps-url {
width: calc(100% - 205px);
}
.aps-email {
width: calc(100% - 205px);
}
.aps-analyzing {
left: 48px;
width: calc(100% - 96px);
}
.aps-analyzing-grid {
grid-template-columns: repeat(2,1fr);
}
.aps-results {
padding: 40px 32px 36px;
}
.aps-result-titlebar {
padding-left: 12px;
padding-right: 12px;
}
.aps-kpis {
margin-top: 20px;
}
.aps-priority-card {
height: auto;
min-height: 500px;
}
.aps-meta-panel {
height: auto;
}
.aps-meta-strip {
overflow-x: auto;
grid-template-columns: repeat(9,134px);
}
.aps-audit {
min-height: 0;
}
.aps-tools {
align-items: flex-start;
flex-direction: column;
}
.aps-search-wrap {
width: 100%;
flex-basis: 40px;
}
}
@media (max-width:900px) {
.aps-canvas {
padding-top: 16px;
}
.aps-hero {
width: calc(100% - 32px);
margin: 0 16px;
height: auto;
min-height: 900px;
padding: 0 32px 56px;
}
.aps-hero-header {
position: relative;
left: auto;
top: auto;
width: 100%;
height: 84px;
}
.aps-brand {
font-size: 23px;
}
.aps-hero-copy {
position: relative;
left: auto;
top: auto;
width: min(783px,100%);
transform: none;
margin: 76px auto 0;
}
.aps-hero-copy.is-leaving {
transform: translateY(-10px);
}
.aps-hero-copy>p {
width: min(723px,100%);
}
.aps-form-shell {
position: relative;
left: auto;
top: auto;
width: min(916px,100%);
height: 300px;
margin: 56px auto 0;
transform: none;
}
.aps-form-shell.is-leaving {
transform: translateY(12px);
}
.aps-analyzing {
position: relative;
left: auto;
top: auto;
width: 100%;
margin: 76px 0 0;
}
.aps-analyzing-copy {
width: 100%;
}
.aps-results {
width: calc(100% - 32px);
margin: 24px 16px 0;
padding: 32px 24px;
border-radius: 24px;
}
.aps-result-titlebar {
align-items: flex-start;
padding: 0 0 16px;
min-height: 0;
flex-direction: column;
}
.aps-result-status {
flex-wrap: wrap;
}
.aps-result-titlebar h2 {
white-space: normal;
font-size: 26px;
line-height: 34px;
}
.aps-result-actions {
align-self: flex-end;
}
.aps-score-panel {
padding: 28px;
display: flex;
flex-direction: column;
align-items: center;
}
.aps-score-ring {
position: relative;
left: auto;
top: auto;
width: 180px;
height: 180px;
flex: 0 0 180px;
}
.aps-score-content {
position: relative;
left: auto;
right: auto;
top: auto;
width: 100%;
margin-top: 28px;
}
.aps-score-heading {
justify-content: center;
}
.aps-score-content>p {
text-align: center;
width: 100%;
}
.aps-kpis {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.aps-kpi:last-child {
grid-column: span 2;
}
.aps-priority-grid {
grid-template-columns: 1fr;
}
.aps-priority-card {
min-height: 0;
height: auto;
padding-bottom: 48px;
}
.aps-priority-more {
bottom: 12px;
}
.aps-meta-panel {
padding: 28px 24px;
}
.aps-meta-panel__top {
grid-template-columns: 1fr;
}
.aps-meta-title h3 br {
display: none;
}
.aps-meta-box div {
height: auto;
min-height: 62px;
}
.aps-meta-strip {
margin-top: 24px;
grid-template-columns: repeat(3,minmax(130px,1fr));
height: auto;
overflow: visible;
}
.aps-meta-stat {
min-height: 74px;
border-top: 1px solid var(--aps-line);
}
.aps-audit {
padding: 28px 24px;
}
.aps-filters {
flex-wrap: wrap;
}
.aps-filter:nth-child(n) {
width: auto;
}
.aps-category__summary {
grid-template-columns: 64px 1fr 44px;
padding: 16px;
gap: 14px;
}
.aps-category__score {
width: 64px;
height: 64px;
}
.aps-category__more {
width: 44px;
padding: 0;
justify-content: center;
font-size: 0;
}
.aps-category__more i {
display: block;
}
.aps-cat-meta {
flex-wrap: wrap;
white-space: normal;
}
}
@media (max-width:680px) {
.aps-canvas {
padding: 10px 0 28px;
}
.aps-hero {
width: calc(100% - 20px);
margin: 0 10px;
min-height: 820px;
padding: 0 18px 32px;
border-radius: 24px;
}
.aps-hero-header {
height: 72px;
}
.aps-brand {
font-size: 21px;
}
.aps-hero-copy {
margin-top: 48px;
}
.aps-hero-copy h1 {
font-size: 34px;
line-height: 1.25;
letter-spacing: -.8px;
}
.aps-hero-copy>p {
font-size: 14px;
line-height: 21px;
}
.aps-stats {
gap: 14px;
margin-top: 28px;
}
.aps-stat strong {
font-size: 17px;
line-height: 24px;
}
.aps-stat span {
font-size: 10px;
line-height: 15px;
}
.aps-stat-line {
height: 48px;
}
.aps-form-shell {
height: 330px;
margin-top: 44px;
border-radius: 24px;
}
.aps-form-surface {
left: 10px;
top: 10px;
width: calc(100% - 20px);
height: 260px;
border-radius: 18px 18px 0 0;
}
.aps-form {
left: 18px;
top: 28px;
width: calc(100% - 36px);
}
.aps-form-stage {
height: 150px;
}
.aps-step > label {
font-size: 14px;
line-height: 22px;
}
.aps-input-row {
height: 112px;
border-radius: 18px;
}
.aps-input-icon {
left: 16px;
top: 16px;
}
.aps-url {
left: 46px;
top: 0;
width: calc(100% - 62px);
height: 52px;
line-height: 52px;
}
.aps-email {
left: 46px;
top: 0;
width: calc(100% - 62px);
height: 52px;
line-height: 52px;
}
.aps-submit {
left: 6px;
right: 6px;
top: auto;
bottom: 6px;
width: calc(100% - 12px);
}
.aps-stepper {
margin-top: 18px;
}
.aps-analyzing {
margin-top: 48px;
}
.aps-analyzing-copy h2 {
font-size: 28px;
line-height: 36px;
}
.aps-analyzing-copy p {
font-size: 13px;
line-height: 19px;
}
.aps-analyzing-grid {
grid-template-columns: 1fr;
margin-top: 32px;
gap: 12px;
}
.aps-analyzing-grid article {
height: auto;
min-height: 168px;
}
.aps-progress {
margin-top: 36px;
}
.aps-results {
width: calc(100% - 20px);
margin: 20px 10px 0;
padding: 24px 16px;
border-radius: 22px;
}
.aps-result-status>div {
font-size: 12px;
flex-wrap: wrap;
}
.aps-result-titlebar h2 {
font-size: 22px;
line-height: 30px;
}
.aps-result-actions {
width: 100%;
justify-content: flex-end;
}
.aps-result-action {
font-size: 14px;
height: 48px;
}
.aps-result-action--icon {
width: 48px;
}
.aps-score-panel {
padding: 22px;
border-radius: 20px;
}
.aps-score-ring {
width: 160px;
height: 160px;
flex-basis: 160px;
}
.aps-score-ring strong {
font-size: 34px;
line-height: 44px;
}
.aps-score-heading {
flex-direction: column;
gap: 10px;
}
.aps-score-content h3 {
font-size: 20px;
line-height: 27px;
}
.aps-score-content>p {
font-size: 13px;
line-height: 20px;
}
.aps-kpis {
grid-template-columns: 1fr;
}
.aps-kpi:last-child {
grid-column: auto;
}
.aps-priority-card {
border-radius: 20px;
}
.aps-meta-panel {
border-radius: 20px;
}
.aps-audit {
border-radius: 20px;
}
.aps-meta-strip {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.aps-meta-stat {
padding: 13px;
}
.aps-meta-stat:first-child {
padding-left: 13px;
}
.aps-audit {
padding: 24px 16px;
}
.aps-audit__head h3 {
font-size: 21px;
line-height: 28px;
}
.aps-tools {
margin-top: 20px;
}
.aps-filters {
gap: 8px;
}
.aps-filter {
font-size: 14px;
height: 38px;
}
.aps-category__summary {
grid-template-columns: 56px 1fr 40px;
gap: 12px;
padding: 14px;
}
.aps-category__score {
width: 56px;
height: 56px;
font-size: 16px;
}
.aps-category__more {
width: 40px;
height: 40px;
}
.aps-category__copy>strong {
font-size: 14px;
}
.aps-cat-meta {
font-size: 12px;
line-height: 20px;
}
.aps-cat-meta b {
font-size: 11px;
height: 22px;
line-height: 22px;
padding: 0 7px;
}
.aps-check {
padding: 16px;
}
.aps-check__topline {
grid-template-columns: 42px 1fr;
gap: 12px;
}
.aps-check__signal {
width: 42px;
height: 42px;
background-size: 18px 18px;
}
.aps-check__title {
display: block;
}
.aps-check__title span {
display: block;
margin-top: 3px;
}
.aps-advice {
margin-top: 16px;
padding: 10px 14px;
}
.aps-advice p {
line-height: 22px;
}
}
.aps-score-ring {
box-shadow: inset 0 0 0 1px rgba(42,45,50,.02);
}
.aps-score-ring::before {
inset: 13px;
}
.aps-kpis {
gap: 13px;
}
.aps-kpi {
background: linear-gradient(-18.8477deg,#fff 48.025%,#eeeff0 100%);
}
.aps-kpi--good {
background: linear-gradient(-20.2728deg,#fff 48.954%,rgba(209,250,229,.7) 100%);
}
.aps-kpi--warn {
background: linear-gradient(-28.0295deg,#fff 50.936%,rgba(254,243,199,.7) 100%);
}
.aps-kpi--fail {
background: linear-gradient(-21.947deg,#fff 49.702%,rgba(254,226,226,.7) 100%);
}
.aps-kpi--rec {
background: linear-gradient(-25.0101deg,#fff 50.6%,rgba(207,250,254,.7) 100%);
}
.aps-priority-item>div {
align-self: center;
}
.aps-category__score::after {
inset: 5px;
}
.aps-category__more i {
width: 14px;
height: 14px;
background-size: 14px 14px;
}
.aps-category.is-open .aps-category__panel {
border-top-color: transparent;
}
.aps-check__title {
display: none;
}
.aps-advice {
background: #fafafa;
}
.aps-advice strong {
color: #2a2d32;
}
.aps-advice p {
margin-top: 6px;
}
.aps-details {
margin: 10px 0 0 0;
}
@media (max-width:1180px) {
.aps-score-ring {
margin-top: 8px;
}
.aps-kpi {
min-width: 0;
}
.aps-meta-box div {
height: 76px;
}
.aps-priority-item strong {
font-size: 13px;
line-height: 18px;
}
}
@media (max-width:1050px) {
.aps-priority-card__head {
min-height: 0;
}
.aps-priority-more {
bottom: 12px;
}
}
@media (max-width:760px) {
.aps-score-ring {
margin-top: 0;
}
}
@media (min-width:1181px) {
.aps-score-heading {
gap: 16px;
}
.aps-score-content h3 {
width: 278px;
flex: 0 0 278px;
}
.aps-grade-pill {
transform: translateY(-2px);
}
.aps-category__summary {
min-height: 112px;
padding: 20px;
grid-template-columns: 72px minmax(0,1fr) 120px;
gap: 20px;
}
.aps-category__score {
width: 72px;
height: 72px;
}
.aps-category__more {
width: 120px;
height: 45px;
min-width: 120px;
}
.aps-cat-meta b {
height: 24px;
padding: 0 9px;
line-height: 24px;
font-size: 12px;
}
.aps-priority-item {
grid-template-columns: 48px minmax(0,1fr);
gap: 16px;
}
.aps-check {
padding: 24px;
}
.aps-check__topline {
grid-template-columns: 48px minmax(0,1fr);
gap: 16px;
}
.aps-check__signal {
width: 48px;
height: 48px;
border-radius: 12px;
}
.aps-advice {
margin-top: 24px;
padding: 12px 20px;
}
}
.aps-orb {
border: 0;
border-radius: 0;
box-shadow: none;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
opacity: 1;
}
.aps-orb::after {
display: none;
}
.aps-orb--tr {
left: auto;
right: 0;
top: 0;
width: 409px;
height: 457px;
background-image: url("../icons/figma/hero-elipse-top-right.svg");
}
.aps-orb--bl {
left: 0;
right: auto;
top: auto;
bottom: 0;
width: 457px;
height: 291px;
background-image: url("../icons/figma/hero-elipse-bottom-left.svg");
}
.aps-icon--open {
background-image: url("../icons/figma/atidaryti-nuoroda.svg");
}
.aps-icon--pdf {
background-image: url("../icons/figma/parsisiusti-pdf.svg");
}
.aps-meta-title a i {
background-image: url("../icons/figma/atidaryti-nuoroda.svg");
}
.aps-kpi-icon--total {
background-image: url("../icons/figma/patikrintu-punktu.svg");
}
.aps-kpi-icon--good {
background-image: url("../icons/figma/geri-rezultatai.svg");
}
.aps-kpi-icon--warn {
background-image: url("../icons/figma/rasti-ispejimai.svg");
}
.aps-kpi-icon--fail {
background-image: url("../icons/figma/kritines-problemos.svg");
}
.aps-kpi-icon--rec {
background-image: url("../icons/figma/rekomendacijos.svg");
}
.aps-priority-card--action .aps-priority-icon {
background-color: #ffe0e1;
background-image: url("../icons/figma/auditas-danger.svg");
}
.aps-priority-card--quick .aps-priority-icon {
background-color: #fff1c5;
background-image: url("../icons/figma/auditas-warning.svg");
}
.aps-priority-card--strength .aps-priority-icon {
background-color: #d5f6e5;
background-image: url("../icons/figma/auditas-check.svg");
}
.aps-score-ring {
background: none;
}
.aps-category__score {
background: none;
}
.aps-score-ring::before {
display: none;
}
.aps-category__score::after {
display: none;
}
.aps-ring-svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: visible;
pointer-events: none;
}
.aps-ring-track {
fill: none;
}
.aps-ring-progress {
fill: none;
}
.aps-ring-progress {
stroke: var(--ring-color,#47c762);
stroke-linecap: round;
}
.aps-ring-svg--overall .aps-ring-track {
stroke: #edf0ef;
stroke-width: 4;
}
.aps-ring-svg--overall .aps-ring-progress {
stroke: #47c762;
stroke-width: 12;
filter: drop-shadow(0 0 3px rgba(71,199,98,.30));
}
.aps-score-ring>div {
position: relative;
z-index: 2;
}
.aps-category__score strong {
position: relative;
z-index: 2;
}
.aps-score-ring strong {
font-size: 40px;
line-height: 50px;
font-weight: 500;
letter-spacing: -.4px;
}
.aps-score-ring span {
margin-top: 0;
font-size: 12px;
line-height: 18px;
color: rgba(42,45,50,.60);
}
.aps-kpi-icon {
background-size: 24px 24px;
}
.aps-kpi {
padding: 16px 16px 12px;
}
.aps-kpi strong {
margin-left: 32px;
}
.aps-kpi span {
margin-top: 2px;
}
.aps-priority-card {
padding: 24px 16px 16px;
}
.aps-priority-card__head {
padding: 0 16px 16px;
min-height: 61px;
}
.aps-priority-list {
gap: 8px;
}
.aps-priority-item {
height: 72px;
min-height: 72px;
padding: 12px;
border: 0;
border-radius: 14px;
background: #f8f8f8;
grid-template-columns: 48px minmax(0,1fr);
gap: 16px;
overflow: hidden;
}
.aps-priority-icon {
width: 48px;
height: 48px;
border-radius: 12px;
background-position: center;
background-repeat: no-repeat;
background-size: 20px 20px;
}
.aps-priority-item>div {
min-width: 0;
overflow: hidden;
}
.aps-priority-item strong {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
max-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
overflow-wrap: anywhere;
word-break: normal;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.aps-priority-item small {
display: block;
max-width: 100%;
margin-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 18px;
color: #2A2D3299;
}
.aps-meta-box {
min-width: 0;
}
.aps-meta-box div {
box-sizing: border-box;
width: 100%;
height: 76px;
max-height: 76px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
overflow-wrap: anywhere;
word-break: normal;
font-size: 14px;
line-height: 22px;
}
.aps-meta-box--description div {
-webkit-line-clamp: 2;
}
.aps-category {
border: 0;
border-radius: 16px;
background: #f8f8f8;
overflow: hidden;
}
.aps-category__summary {
min-height: 112px;
padding: 20px;
background: #f8f8f8;
grid-template-columns: 72px minmax(0,1fr) 120px;
gap: 20px;
}
.aps-category__score {
position: relative;
width: 72px;
height: 72px;
display: grid;
place-items: center;
font-family: "Unbounded",sans-serif;
font-size: 18px;
line-height: 22px;
color: #2a2d32;
}
.aps-category__copy {
min-width: 0;
}
.aps-category__copy>strong {
white-space: normal;
overflow: visible;
text-overflow: clip;
}
.aps-cat-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
white-space: normal;
overflow: visible;
}
.aps-cat-meta b {
border: 1px solid transparent;
}
.aps-cat-meta b.is-fail {
background: #fff0f0;
border-color: #ffc7c9;
color: #d83234;
}
.aps-cat-meta b.is-warn {
background: #fff8e9;
border-color: #efd689;
color: #b57f09;
}
.aps-cat-meta b.is-pass {
background: #effbf3;
border-color: #c7ead5;
color: #39934c;
}
.aps-cat-meta b.is-info {
background: #f0f4ff;
border-color: #dbe4ff;
color: #6c85c8;
}
.aps-category__more {
width: 120px;
min-width: 120px;
height: 45px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
justify-content: flex-end;
gap: 7px;
}
.aps-category__more:hover {
background: transparent;
color: #2a2d32;
}
.aps-category__panel {
background: #f8f8f8;
border-top: 0;
}
.aps-category.is-open .aps-category__panel {
border-top: 0;
}
.aps-category__panel-inner {
padding: 0 20px;
background: #f8f8f8;
}
.aps-check {
overflow: hidden;
}
.aps-check:first-child {
margin-top: 0;
}
.aps-check__topline {
display: grid;
}
.aps-check__signal {
background-position: center;
background-repeat: no-repeat;
}
.aps-check__copy {
min-width: 0;
}
.aps-check__copy h5 {
overflow-wrap: anywhere;
}
.aps-check__copy p {
overflow-wrap: anywhere;
}
.aps-advice {
border: 1px solid;
}
.aps-advice p {
overflow-wrap: anywhere;
}
@media (max-width:1180px) {
.aps-score-panel {
display: grid;
grid-template-columns: 180px minmax(0,1fr);
column-gap: 28px;
align-items: start;
height: auto;
min-height: 300px;
padding: 30px;
}
.aps-score-ring {
position: relative;
left: auto;
top: auto;
width: 180px;
height: 180px;
margin: 8px 0 0;
}
.aps-score-content {
position: relative;
left: auto;
right: auto;
top: auto;
min-width: 0;
}
.aps-score-heading {
gap: 16px;
flex-wrap: wrap;
}
.aps-score-content h3 {
width: auto;
flex: 0 1 auto;
}
.aps-score-content>p {
width: auto;
}
.aps-kpis {
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 10px 12px;
}
.aps-kpi span {
white-space: normal;
line-height: 16px;
}
.aps-meta-panel__top {
grid-template-columns: 190px minmax(220px,.85fr) minmax(300px,1.3fr);
gap: 18px;
}
}
@media (max-width:1050px) {
.aps-priority-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.aps-priority-card {
height: auto;
min-height: 0;
padding-bottom: 48px;
}
.aps-priority-list {
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 8px;
}
.aps-meta-panel {
height: auto;
}
.aps-meta-panel__top {
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 18px 20px;
}
.aps-meta-title {
grid-column: 1/-1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.aps-meta-title h3 {
margin-top: 0;
}
.aps-meta-title h3 br {
display: none;
}
.aps-meta-title a {
margin-top: 0;
}
.aps-meta-strip {
margin-top: 24px;
overflow-x: auto;
grid-template-columns: repeat(9,134px);
}
}
@media (max-width:760px) {
.aps-results {
padding-left: 20px;
padding-right: 20px;
}
.aps-score-panel {
grid-template-columns: 1fr;
justify-items: center;
min-height: 0;
padding: 24px;
}
.aps-score-ring {
width: 164px;
height: 164px;
margin: 0;
}
.aps-score-ring strong {
font-size: 34px;
line-height: 44px;
}
.aps-score-content {
width: 100%;
margin-top: 22px;
}
.aps-score-heading {
justify-content: center;
text-align: center;
}
.aps-score-content>p {
text-align: center;
}
.aps-kpis {
grid-template-columns: repeat(2,minmax(0,1fr));
width: 100%;
}
.aps-kpi:last-child {
grid-column: 1/-1;
}
.aps-priority-list {
grid-template-columns: 1fr;
}
.aps-meta-panel__top {
grid-template-columns: 1fr;
}
.aps-meta-title {
display: block;
}
.aps-meta-title a {
margin-top: 8px;
}
.aps-meta-box div {
height: auto;
min-height: 70px;
max-height: 88px;
-webkit-line-clamp: 3;
}
.aps-meta-box--description div {
-webkit-line-clamp: 3;
}
.aps-category__summary {
grid-template-columns: 56px minmax(0,1fr) 32px;
gap: 12px;
padding: 14px;
}
.aps-category__score {
width: 56px;
height: 56px;
font-size: 16px;
}
.aps-category__more {
min-width: 32px;
width: 32px;
font-size: 0;
justify-content: center;
}
.aps-category__more i {
display: block;
}
.aps-cat-meta>i {
display: none;
}
}
@media (max-width:480px) {
.aps-kpis {
grid-template-columns: 1fr;
}
.aps-kpi:last-child {
grid-column: auto;
}
.aps-meta-strip {
grid-template-columns: repeat(2,minmax(128px,1fr));
overflow: visible;
height: auto;
}
.aps-category__summary {
grid-template-columns: 50px minmax(0,1fr) 28px;
gap: 10px;
padding: 12px;
}
.aps-category__score {
width: 50px;
height: 50px;
font-size: 14px;
}
.aps-cat-meta {
font-size: 12px;
line-height: 20px;
}
.aps-cat-meta b {
font-size: 10px;
height: 21px;
line-height: 19px;
padding: 0 6px;
}
.aps-check__topline {
align-items: start;
}
}
@media print {
.aps-standalone-body {
background: #fff;
}
.aps-hero {
display: none;
}
.aps-results {
width: 100%;
margin: 0;
padding: 0;
background: #fff;
opacity: 1;
transform: none;
}
.aps-result-actions {
display: none;
}
.aps-tools {
display: none;
}
}
.aps-ring-progress {
transition: stroke-dashoffset .9s cubic-bezier(.16,1,.3,1);
}
.aps-root {
font-synthesis: none;
}
.aps-category__copy>strong {
font-family: "Unbounded",sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #2A2D32;
}
.aps-cat-meta {
gap: 7px;
margin-top: 4px;
font-size: 14px;
line-height: 21px;
font-weight: 400;
color: #2A2D3299;
}
.aps-cat-meta>span {
color: #2A2D3299;
}
.aps-cat-meta>i {
width: 3px;
height: 3px;
background: #c3c5c7;
}
.aps-cat-meta b {
height: 24px;
padding: 0 8px;
border-radius: 7px;
font-size: 12px;
line-height: 22px;
font-weight: 500;
}
.aps-category__more {
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #2A2D3299;
}
.aps-category__panel-inner {
padding-left: 20px;
padding-right: 20px;
}
.aps-category.is-open .aps-category__panel-inner {
padding-bottom: 20px;
}
.aps-check {
margin-top: 8px;
padding: 24px;
border: 0;
border-radius: 10px;
background: #fff;
}
.aps-check__topline {
min-height: 48px;
grid-template-columns: 48px minmax(0,1fr);
gap: 16px;
align-items: center;
}
.aps-check__signal {
width: 48px;
height: 48px;
border-radius: 12px;
background-size: 20px 20px;
}
.aps-check__copy h5 {
margin: 0;
font-family: "Unbounded",sans-serif;
font-size: 14px;
font-weight: 500;
color: #2A2D32;
}
.aps-check__copy p {
margin: 2px 0 0;
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 400;
color: #2A2D3299;
}
.aps-check--fail .aps-check__signal {
background-color: #fedede;
background-image: url("../icons/figma/auditas-danger.svg");
}
.aps-check--warn .aps-check__signal {
background-color: #fdf3cd;
background-image: url("../icons/figma/auditas-warning.svg");
}
.aps-check--info .aps-check__signal {
background-color: #cdf5fe;
background-image: url("../icons/figma/rekomendacijos.svg");
}
.aps-check--pass .aps-check__signal {
background-color: #d5f6e5;
background-image: url("../icons/figma/auditas-check.svg");
}
.aps-advice {
box-sizing: border-box;
min-height: 84px;
margin-top: 24px;
padding: 12px 16px;
border-width: 1px;
border-style: solid;
border-radius: 8px;
}
.aps-advice strong {
display: block;
font-family: "Poppins",sans-serif;
font-size: 14px;
line-height: 28px;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
}
.aps-advice p {
margin: 4px 0 0;
font-family: "Poppins",sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #2A2D3299;
}
.aps-check--fail .aps-advice {
background: #fff9f9;
border-color: #f9d1d2;
}
.aps-check--fail .aps-advice strong {
color: #cc171a;
}
.aps-check--warn .aps-advice {
background: #fffcf3;
border-color: #f8e9b6;
}
.aps-check--warn .aps-advice strong {
color: #cd9112;
}
.aps-check--info .aps-advice {
background: #edfcff;
border-color: #b1ebf8;
}
.aps-check--info .aps-advice strong {
color: #0089c4;
}
.aps-check--pass .aps-advice {
background: #f4fcf7;
border-color: #c7edd8;
}
.aps-check--pass .aps-advice strong {
color: #39934c;
}
.aps-details {
margin-top: 10px;
}
.aps-details summary {
font-size: 12px;
padding-bottom:5px;
line-height: 20px;
font-weight: 400;
color: rgba(42,45,50,.48);
}
.aps-category__score strong {
font-family: "Unbounded",sans-serif;
font-size: 20px;
font-weight: 600;
}
.aps-ring-svg--category .aps-ring-track {
stroke: #EAEAEA;
stroke-width: 1;
}
.aps-ring-svg--category .aps-ring-progress {
stroke-width: 4;
}
@media (min-width:761px) {
.aps-check {
min-height: 204px;
}
}
@media (max-width:760px) {
.aps-category__copy>strong {
font-size: 14px;
line-height: 19px;
}
.aps-cat-meta {
font-size: 12px;
line-height: 20px;
gap: 5px;
}
.aps-cat-meta b {
height: 22px;
line-height: 20px;
font-size: 10px;
padding: 0 6px;
}
.aps-check {
min-height: 0;
padding: 18px;
}
.aps-check__topline {
grid-template-columns: 44px minmax(0,1fr);
gap: 13px;
min-height: 44px;
}
.aps-check__signal {
width: 44px;
height: 44px;
border-radius: 11px;
}
.aps-advice {
min-height: 0;
margin-top: 18px;
padding: 11px 14px;
}
.aps-advice p {
font-size: 12px;
line-height: 19px;
}
}
@media (max-width:480px) {
.aps-category__copy>strong {
font-size: 13px;
line-height: 18px;
}
.aps-check {
padding: 15px;
}
.aps-check__topline {
grid-template-columns: 40px minmax(0,1fr);
gap: 11px;
min-height: 40px;
}
.aps-check__signal {
width: 40px;
height: 40px;
border-radius: 10px;
background-size: 18px 18px;
}
.aps-check__copy h5 {
font-size: 12px;
line-height: 17px;
}
.aps-check__copy p {
font-size: 11px;
line-height: 17px;
}
.aps-advice {
margin-top: 15px;
padding: 10px 12px;
}
.aps-advice strong {
font-size: 10px;
line-height: 16px;
}
.aps-advice p {
font-size: 11px;
line-height: 18px;
}
}
.aps-root.aps-is-demo-loading .aps-hero {
display: none !important;
}
.aps-root.aps-is-demo .aps-hero {
display: none !important;
}
.aps-root.aps-is-demo-loading .aps-results {
margin-top: 0;
}
.aps-root.aps-is-demo .aps-results {
margin-top: 0;
}
.aps-root.aps-is-demo .aps-canvas {
padding-top: 24px;
}
.aps-form-stage {
transition: height .3s cubic-bezier(.16,1,.3,1);
}
.aps-form-surface {
transition: height .3s cubic-bezier(.16,1,.3,1);
}
.aps-form-shell.is-step-2 .aps-form-surface {
height: 304px;
}
.aps-form-shell.is-step-2 .aps-form-stage {
height: 174px;
}
.aps-form-shell.is-step-2 .aps-stepper {
margin-top: 20px;
}
.aps-email-helper {
margin: -2px 0 10px;
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: rgba(42,45,50,.52);
}
.aps-email-meta {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
margin-top: 12px;
}
.aps-consent {
display: flex;
align-items: flex-start;
gap: 8px;
max-width: 560px;
margin: 0;
font-size: 11px;
line-height: 16px;
font-weight: 400;
color: rgba(42,45,50,.58);
cursor: pointer;
}
.aps-consent input {
width: 16px;
height: 16px;
margin: 0;
flex: 0 0 16px;
accent-color: #2a2d32;
}
.aps-consent a {
color: #2a2d32;
text-decoration: underline;
text-underline-offset: 2px;
}
.aps-quota {
flex: 1 1 100%;
padding: 10px 12px;
border: 1px solid rgba(199,70,70,.16);
border-radius: 10px;
background: rgba(199,70,70,.055);
font-size: 11px;
line-height: 17px;
font-weight: 400;
color: rgba(42,45,50,.66);
text-align: left;
white-space: normal;
}
.aps-quota.is-empty {
color: rgba(42,45,50,.68);
}
.aps-quota a {
color: #2a2d32;
font-weight: 500;
text-decoration: underline;
text-underline-offset: 2px;
}
.aps-submit.is-checking {
cursor: wait;
}
@media (min-width: 681px) {
.aps-submit.is-checking {
width: 210px;
}
}
@media (max-width:680px) {
.aps-form-shell {
height: 340px;
}
.aps-form-surface {
height: 270px;
}
.aps-form-shell.is-step-2 {
height: 470px;
}
.aps-form-shell.is-step-2 .aps-form-surface {
height: 400px;
}
.aps-form-shell.is-step-2 .aps-form-surface {
height: 370px;
}
.aps-form-shell.is-step-2 .aps-form-stage {
height: 256px;
}
.aps-form-shell.is-step-2 .aps-stepper {
margin-top: 14px;
}
.aps-email-helper {
margin: 0 0 10px;
font-size: 11px;
line-height: 16px;
}
.aps-email-meta {
flex-direction: column;
gap: 9px;
margin-top: 10px;
}
.aps-consent {
max-width: none;
font-size: 10.5px;
line-height: 15px;
}
.aps-quota {
width: 100%;
text-align: left;
white-space: normal;
font-size: 10.5px;
line-height: 15px;
}
.aps-audit-empty {
margin-top: 18px;
padding: 22px 16px;
font-size: 13px;
line-height: 20px;
}
.aps-analyzing-grid {
display: flex;
grid-template-columns: none;
gap: 12px;
margin: 32px -18px 0;
padding: 0 18px 8px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
overscroll-behavior-inline: contain;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.aps-analyzing-grid::-webkit-scrollbar {
display: none;
}
.aps-analyzing-grid article {
flex: 0 0 calc(100% - 42px);
min-width: 0;
min-height: 176px;
height: auto;
scroll-snap-align: center;
scroll-snap-stop: always;
}
}
@media (max-width: 900px) {
.aps-root,
.aps-root main,
.aps-root section,
.aps-root article,
.aps-root div {
min-width: 0;
}
.aps-hero {
display: flex;
flex-direction: column;
min-height: 900px;
padding-bottom: 0;
}
.aps-hero-header {
flex: 0 0 auto;
}
.aps-hero-copy {
flex: 0 0 auto;
}
.aps-form-shell {
flex: 0 0 auto;
margin: auto auto 0;
}
.aps-hero.is-step-2 {
min-height: 1000px;
}
.aps-hero.is-analyzing {
min-height: 720px;
}
.aps-hero.is-analyzing .aps-hero-copy,
.aps-hero.is-analyzing .aps-form-shell {
position: absolute;
inset: auto;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.aps-hero.is-analyzing .aps-analyzing {
position: relative;
left: auto;
top: auto;
width: 100%;
margin: auto 0 34px;
}
.aps-result-titlebar h2,
.aps-result-titlebar h2 a,
.aps-security-lead h3,
.aps-security-lead p,
.aps-check__copy h5,
.aps-check__copy p {
overflow-wrap: anywhere;
word-break: normal;
}
.aps-result-status > div {
white-space: normal;
}
.aps-result-actions {
max-width: 100%;
flex-wrap: wrap;
}
.aps-tools,
.aps-search-wrap {
min-width: 0;
}
}
@media (max-width: 760px) {
.aps-hero {
min-height: 820px;
}
.aps-hero.is-step-2 {
min-height: 970px;
}
.aps-hero.is-analyzing {
min-height: 680px;
}
.aps-hero-copy {
margin-top: 34px;
}
.aps-form-shell {
margin-top: auto;
}
.aps-form-shell.is-step-2 {
height: 440px;
}
.aps-error {
margin-top: 8px;
padding: 7px 9px;
border-radius: 8px;
background: rgba(183,57,57,.055);
font-size: 11px;
line-height: 16px;
}
.aps-consent {
position: relative;
gap: 10px;
padding-right: 2px;
}
.aps-consent input {
margin-top: 1px;
}
.aps-consent input[aria-invalid="true"] {
outline: 2px solid rgba(183,57,57,.35);
outline-offset: 2px;
}
.aps-analyzing-copy {
padding: 0 4px;
}
.aps-analyzing-grid {
display: flex;
grid-template-columns: none;
gap: 12px;
width: auto;
margin: 28px -18px 0;
padding: 0 18px 8px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-padding-inline: 18px;
scroll-behavior: smooth;
overscroll-behavior-inline: contain;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
}
.aps-analyzing-grid::-webkit-scrollbar {
display: none;
}
.aps-analyzing-grid article {
flex: 0 0 calc(100% - 38px);
width: auto;
min-width: 0;
min-height: 168px;
height: auto;
scroll-snap-align: center;
scroll-snap-stop: always;
}
.aps-progress {
margin-top: 28px;
}
.aps-progress-meta {
gap: 12px;
font-size: 12px;
line-height: 18px;
}
.aps-results {
overflow: hidden;
}
.aps-result-actions {
justify-content: flex-start;
}
.aps-result-action:not(.aps-result-action--icon) {
max-width: 100%;
}
.aps-tools {
gap: 14px;
}
.aps-filters {
width: 100%;
flex-wrap: nowrap;
overflow-x: auto;
padding: 0 0 4px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.aps-filters::-webkit-scrollbar {
display: none;
}
.aps-filter {
flex: 0 0 auto;
}
.aps-search-wrap {
width: 100%;
flex: 0 0 40px;
}
.aps-meta-strip {
width: 100%;
}
.aps-meta-stat span,
.aps-meta-stat strong {
white-space: normal;
overflow: visible;
text-overflow: clip;
overflow-wrap: anywhere;
}
.aps-category__copy,
.aps-check__copy {
min-width: 0;
}
.aps-cat-meta {
max-width: 100%;
}
.aps-details__row {
grid-template-columns: 1fr;
gap: 3px;
}
}
@media (max-width: 560px) {
.aps-hero {
min-height: 800px;
}
.aps-hero.is-step-2 {
min-height: 960px;
}
.aps-hero.is-analyzing {
min-height: 660px;
}
.aps-form-shell {
width: 100%;
}
.aps-result-actions {
width: 100%;
}
.aps-result-action:not(.aps-result-action--icon) {
flex: 1 1 auto;
}
.aps-score-panel,
.aps-priority-card,
.aps-meta-panel,
.aps-audit,
.aps-category,
.aps-check {
max-width: 100%;
}
.aps-check__topline {
align-items: flex-start;
}
}
@media (min-width: 681px) {
.aps-form-shell.has-step-error:not(.is-step-2) .aps-form-surface {
height: 250px;
}
.aps-form-shell.has-step-error:not(.is-step-2) .aps-form-stage {
height: 122px;
}
.aps-form-shell.has-step-error:not(.is-step-2) .aps-stepper {
margin-top: 16px;
}
.aps-form-shell.is-step-2.has-step-error .aps-form-surface {
height: 338px;
}
.aps-form-shell.is-step-2.has-step-error .aps-form-stage {
height: 208px;
}
.aps-form-shell.is-step-2.has-step-error .aps-stepper {
margin-top: 16px;
}
}
.aps-step-error {
margin-top: 8px;
padding: 7px 9px;
border-radius: 8px;
background: rgba(183,57,57,.055);
font-size: 11px;
line-height: 16px;
font-weight: 400;
color: #b73939;
}
@media (max-width: 760px) {
.aps-category__summary {
position: relative;
grid-template-columns: 52px minmax(0,1fr) 28px;
gap: 10px;
min-height: 100px;
padding: 14px 12px;
align-items: center;
}
.aps-category__score {
width: 52px;
height: 52px;
font-size: 14px;
line-height: 18px;
}
.aps-category__score strong {
font-size: 14px;
line-height: 18px;
font-weight: 600;
letter-spacing: -.2px;
}
.aps-category__copy {
min-width: 0;
padding-right: 0;
}
.aps-category__copy > strong {
font-size: 13px;
line-height: 18px;
padding-right: 0;
}
.aps-cat-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 5px;
width: 100%;
max-width: 100%;
margin-top: 5px;
padding-right: 0;
font-size: 11px;
line-height: 17px;
overflow: visible;
}
.aps-cat-meta > i {
display: none;
}
.aps-cat-meta b {
height: 20px;
padding: 0 6px;
font-size: 9.5px;
line-height: 18px;
white-space: nowrap;
}
.aps-category__more {
width: 28px;
min-width: 28px;
height: 36px;
padding: 0;
justify-content: center;
align-self: center;
font-size: 0;
line-height: 0;
overflow: hidden;
}
.aps-category__more i {
display: block;
width: 14px;
height: 14px;
flex: 0 0 14px;
background-size: 14px 14px;
}
}
@media (max-width: 680px) {
.aps-hero,
.aps-hero.is-step-2,
.aps-hero.is-analyzing {
--aps-mobile-form-top: clamp(400px, 100vw, 420px);
--aps-mobile-form-height: 282px;
height: calc(var(--aps-mobile-form-top) + var(--aps-mobile-form-height));
min-height: 0;
padding-bottom: 0;
}
.aps-hero.is-step-2 {
--aps-mobile-form-height: 330px;
}
.aps-hero.is-step-2.has-step-error {
--aps-mobile-form-height: 372px;
}
.aps-hero.has-step-error:not(.is-step-2) {
--aps-mobile-form-height: 318px;
}
.aps-hero.is-analyzing {
--aps-mobile-form-height: 330px;
}
.aps-hero-copy {
margin: 28px auto 0;
}
.aps-form-shell,
.aps-form-shell.is-step-2 {
position: absolute;
left: 18px;
right: 18px;
top: var(--aps-mobile-form-top);
bottom: auto;
width: auto;
height: var(--aps-mobile-form-height);
margin: 0;
transform: none;
border-radius: 24px 24px 0 0;
overflow: hidden;
}
.aps-form-shell.is-leaving {
transform: none;
}
.aps-form-surface,
.aps-form-shell.is-step-2 .aps-form-surface {
left: 10px;
right: 10px;
top: 10px;
bottom: 0;
width: auto;
height: auto;
border-radius: 18px 18px 0 0;
}
.aps-form {
left: 18px;
right: 18px;
top: 26px;
bottom: 14px;
width: auto;
display: flex;
flex-direction: column;
}
.aps-form-stage,
.aps-form-shell.is-step-2 .aps-form-stage {
position: relative;
height: auto;
flex: 0 0 auto;
}
.aps-step {
position: relative;
inset: auto;
width: 100%;
}
.aps-stepper,
.aps-form-shell.is-step-2 .aps-stepper {
margin-top: auto;
flex: 0 0 auto;
}
.aps-error,
.aps-step-error {
position: static;
width: 100%;
margin-top: 8px;
}
.aps-email-meta {
margin-top: 9px;
}
.aps-consent {
padding-right: 0;
}
.aps-hero.is-analyzing .aps-hero-copy,
.aps-hero.is-analyzing .aps-form-shell {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.aps-hero.is-analyzing .aps-analyzing {
position: absolute;
left: 18px;
right: 18px;
top: 82px;
bottom: 26px;
width: auto;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.aps-hero.is-analyzing .aps-analyzing-grid,
.aps-hero.is-analyzing .aps-progress {
flex: 0 0 auto;
}
}
@media (max-width: 380px) {
.aps-hero,
.aps-hero.is-step-2,
.aps-hero.is-analyzing {
--aps-mobile-form-top: 400px;
}
.aps-form-shell,
.aps-form-shell.is-step-2 {
left: 14px;
right: 14px;
}
.aps-category__summary {
grid-template-columns: 48px minmax(0,1fr) 26px;
gap: 9px;
padding: 12px 10px;
}
.aps-category__score {
width: 48px;
height: 48px;
}
.aps-category__score strong {
font-size: 13px;
}
.aps-category__more {
width: 26px;
min-width: 26px;
}
}
.aps-client-marquee {
position: relative;
left: 50%;
width: 100vw;
max-width: none;
height: 72px;
margin-left: -50vw;
padding: 0;
background: #fff;
overflow: hidden;
}
.aps-client-marquee__viewport {
width: 100%;
height: 72px;
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, transparent 0, #000 2.5%, #000 97.5%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0, #000 2.5%, #000 97.5%, transparent 100%);
}
.aps-client-marquee__track {
display: flex;
align-items: center;
width: max-content;
height: 72px;
will-change: transform;
animation: aps-client-marquee-scroll 26s linear infinite;
}
.aps-client-marquee:hover .aps-client-marquee__track,
.aps-client-marquee:focus-within .aps-client-marquee__track {
animation-play-state: paused;
}
.aps-client-marquee__group {
display: flex;
align-items: center;
gap: clamp(54px, 6vw, 96px);
height: 72px;
flex: 0 0 auto;
padding-right: clamp(54px, 6vw, 96px);
}
.aps-client-logo {
display: flex;
align-items: center;
justify-content: center;
width: clamp(118px, 10vw, 158px);
height: 72px;
flex: 0 0 auto;
opacity: .56;
filter: grayscale(1);
transition: opacity .2s ease;
}
.aps-client-logo:hover,
.aps-client-logo:focus-visible {
opacity: .82;
}
.aps-client-logo img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 72px;
object-fit: contain;
}
@keyframes aps-client-marquee-scroll {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-50%, 0, 0);
}
}
@media (max-width: 760px) {
.aps-client-marquee,
.aps-client-marquee__viewport,
.aps-client-marquee__track,
.aps-client-marquee__group {
height: 58px;
}
.aps-client-marquee__viewport {
-webkit-mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.aps-client-marquee__track {
animation-duration: 22s;
}
.aps-client-marquee__group {
gap: 44px;
padding-right: 44px;
}
.aps-client-logo {
width: 112px;
height: 58px;
}
.aps-client-logo img {
max-height: 52px;
}
}
.aps-client-marquee {
height: 184px;
padding: 56px 0;
}
.aps-client-marquee__viewport,
.aps-client-marquee__track,
.aps-client-marquee__group,
.aps-client-logo {
height: 72px;
}
.aps-client-logo img {
max-height: 72px;
}
.aps-results-preview {
position: relative;
width: calc(100% - 48px);
max-width: 1392px;
height: 499px;
margin: 0 24px;
border-radius: 32px 32px 0 0;
background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 78%);
overflow: hidden;
}
.aps-results-preview__copy {
position: absolute;
z-index: 2;
left: 76px;
top: 50%;
width: 544px;
transform: translateY(-50%);
}
.aps-results-preview__copy h2 {
margin: 0;
font-family: "Unbounded", sans-serif;
font-size: 32px;
line-height: 1.08;
font-weight: 600;
letter-spacing: -0.64px;
color: #2a2d32;
}
.aps-results-preview__copy h2 span {
color: rgba(42, 45, 50, 0.6);
}
.aps-results-preview__copy p {
width: 544px;
max-width: 100%;
margin: 12px 0 0;
font-family: "Poppins", Arial, sans-serif;
font-size: 18px;
line-height: 1.5;
font-weight: 300;
color: rgba(42, 45, 50, 0.6);
}
.aps-results-preview__visual {
position: absolute;
right: -1px;
bottom: 0;
width: 661px;
height: 451px;
border: 1px solid rgba(42, 45, 50, 0.055);
border-radius: 26px 0 0 0;
background: rgba(200, 200, 200, 0.12);
overflow: hidden;
}
.aps-results-preview__image-wrap {
position: absolute;
left: 3.63%;
top: 7.32%;
right: 0;
bottom: 0;
overflow: hidden;
}
.aps-results-preview__image-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: right bottom;
}
@media (max-width: 1180px) {
.aps-results-preview {
height: 455px;
}
.aps-results-preview__copy {
left: 48px;
width: min(420px, 39%);
}
.aps-results-preview__copy h2 {
font-size: 28px;
}
.aps-results-preview__copy p {
width: 100%;
max-width: 390px;
font-size: 14px;
}
.aps-results-preview__visual {
width: min(52%, 560px);
height: auto;
aspect-ratio: 661 / 451;
}
}
@media (max-width: 960px) {
.aps-results-preview {
width: calc(100% - 32px);
height: auto;
min-height: 0;
margin: 0 16px;
padding-top: 46px;
border-radius: 24px 24px 0 0;
}
.aps-results-preview__copy {
position: relative;
left: auto;
top: auto;
width: auto;
margin: 0 28px;
transform: none;
}
.aps-results-preview__copy h2 {
font-size: 26px;
line-height: 1.14;
letter-spacing: -0.5px;
}
.aps-results-preview__copy p {
width: auto;
max-width: 520px;
margin-top: 14px;
font-size: 14px;
line-height: 1.55;
}
.aps-results-preview__visual {
position: relative;
right: auto;
bottom: auto;
width: calc(100% - 48px);
max-width: 661px;
height: auto;
aspect-ratio: 661 / 451;
margin: 36px 0 0 auto;
border-radius: 22px 0 0 0;
}
}
@media (max-width: 760px) {
.aps-client-marquee {
height: 184px;
padding: 56px 0;
}
.aps-client-marquee__viewport,
.aps-client-marquee__track,
.aps-client-marquee__group,
.aps-client-logo {
height: 58px;
}
.aps-client-logo img {
max-height: 52px;
}
.aps-results-preview {
width: calc(100% - 20px);
margin: 0 10px;
padding-top: 40px;
border-radius: 24px 24px 0 0;
}
.aps-results-preview__copy {
margin: 0 24px;
}
.aps-results-preview__copy h2 {
font-size: 24px;
line-height: 1.16;
letter-spacing: -0.5px;
}
.aps-results-preview__copy p {
max-width: none;
margin-top: 14px;
font-size: 14px;
line-height: 1.55;
}
.aps-results-preview__visual {
width: calc(100% - 24px);
margin-top: 30px;
border-radius: 18px 0 0 0;
}
}
@media (max-width: 420px) {
.aps-results-preview {
padding-top: 34px;
}
.aps-results-preview__copy {
margin: 0 20px;
}
.aps-results-preview__copy h2 {
font-size: 21px;
}
.aps-results-preview__copy p {
font-size: 13px;
}
.aps-results-preview__visual {
width: calc(100% - 18px);
margin-top: 26px;
}
}
.aps-submit .aps-arrow {
width: 18px;
height: 24px;
flex: 0 0 18px;
background: url("https://madiavo.lt/wp-content/uploads/2026/09/arrow-light.svg") center / 18px 24px no-repeat;
}
.aps-submit .aps-arrow::before,
.aps-submit .aps-arrow::after {
display: none;
}
.aps-how {
position: relative;
left: 50%;
width: 100vw;
margin-left: -50vw;
background: #1d1f24;
overflow: hidden;
}
.aps-how::after {
content: "";
position: absolute;
z-index: 0;
left: 0;
right: 0;
bottom: -52px;
height: 280px;
background: url("https://madiavo.lt/wp-content/uploads/2026/09/bg-kvadratukai.svg") center bottom / cover no-repeat;
opacity: .2;
pointer-events: none;
}
.aps-how::before {
content: "";
position: absolute;
z-index: 1;
inset: 0;
background: url("https://madiavo.lt/wp-content/uploads/2026/09/bg-kaip-veikia.svg") center / cover no-repeat;
pointer-events: none;
}
.aps-how__inner {
position: relative;
z-index: 2;
width: calc(100% - 48px);
max-width: 1240px;
margin: 0 auto;
padding: 76px 0 78px;
}
.aps-how__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
}
.aps-how__head h2 {
margin: 0;
font-family: "Unbounded", sans-serif;
font-size: 32px;
line-height: 1.3;
}
.aps-how__head h2 span,
.aps-how__head h2 strong {
display: block;
}
.aps-how__head h2 span {
color: #fff;
font-weight: 600;
}
.aps-how__head h2 strong {
color: rgba(255, 255, 255, 0.6);
font-weight: 600;
}
.aps-how__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-width: 293px;
height: 48px;
padding: 0 20px;
border-radius: 999px;
background: #fff;
color: #2a2d32;
font-family: "Poppins", Arial, sans-serif;
font-size: 14px;
line-height: 21px;
font-weight: 400;
white-space: nowrap;
transition: transform .2s ease, background .2s ease;
}
.aps-root .aps-how__cta:hover,
.aps-root .aps-how__cta:focus,
.aps-root .aps-how__cta:focus-visible,
.aps-root .aps-how__cta:active {
outline: 0;
background: #f5f5f5;
box-shadow: none;
color: #2a2d32;
-webkit-text-fill-color: #2a2d32;
transform: translateY(-1px);
}
.aps-how__cta i {
width: 18px;
height: 24px;
flex: 0 0 18px;
background: url("https://madiavo.lt/wp-content/uploads/2026/09/arrow-dark.svg") center / 18px 24px no-repeat;
}
.aps-how__steps {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1fr);
gap: 0;
align-items: stretch;
margin-top: 62px;
}
.aps-how__card {
position: relative;
min-width: 0;
min-height: 252px;
padding: 51px;
border: 1px solid rgba(255, 255, 255, 0.045);
border-radius: 16px;
background: linear-gradient(145deg, rgba(255,255,255,.052) 0%, rgba(255,255,255,.024) 100%);
box-sizing: border-box;
overflow: hidden;
}
.aps-how__card:nth-of-type(1) {
border-right-color: transparent;
}
.aps-how__card:nth-of-type(2) {
border-left-color: transparent;
border-right-color: transparent;
}
.aps-how__card:nth-of-type(3) {
border-left-color: transparent;
}
.aps-how__card::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 55% 15%, rgba(255,255,255,.025), transparent 50%);
pointer-events: none;
}
.aps-how__number {
position: relative;
z-index: 1;
display: grid;
place-items: center;
width: 40px;
height: 40px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.08);
color: #fff;
font-family: "Unbounded", sans-serif;
font-size: 16px;
line-height: 1;
font-weight: 600;
}
.aps-how__card p {
position: relative;
z-index: 1;
max-width: 297px;
margin: 20px 0 0;
color: rgba(255, 255, 255, 0.6);
font-family: "Poppins", sans-serif;
font-size: 14px;
line-height: 1.55;
font-weight: 400;
}
.aps-how__connector {
position: relative;
z-index: 4;
align-self: center;
justify-self: center;
width: 83px;
height: 60px;
border: 1px solid rgba(255, 255, 255, 0.045);
border-radius: 30px;
background: #1d1f24;
display: grid;
place-items: center;
box-sizing: border-box;
pointer-events: none;
}
.aps-how__connector i {
display: block;
width: 51px;
height: 36px;
border-radius: 20px;
background: #75d3ac url("https://madiavo.lt/wp-content/uploads/2026/09/arrow-dark.svg") center / 18px 24px no-repeat;
}
@media (max-width: 1050px) {
.aps-how__inner {
max-width: 900px;
}
.aps-how__card {
padding: 40px;
}
.aps-how__card p {
max-width: none;
font-size: 13px;
}
}
@media (max-width: 900px) {
.aps-how__inner {
width: calc(100% - 40px);
padding: 56px 0 58px;
}
.aps-how__head {
display: block;
}
.aps-how__head h2 {
font-size: 26px;
line-height: 1.15;
}
.aps-how__cta {
width: 100%;
min-width: 0;
margin-top: 28px;
}
.aps-how__steps {
grid-template-columns: 1fr;
margin-top: 42px;
}
.aps-how__card {
min-height: 0;
padding: 32px 30px;
border-color: rgba(255, 255, 255, 0.045);
}
.aps-how__card p {
margin-top: 18px;
font-size: 14px;
line-height: 1.6;
}
.aps-how__connector {
width: 50px;
height: 68px;
margin: -26px auto;
border-radius: 25px;
}
.aps-how__connector i {
position: relative;
width: 30px;
height: 42px;
border-radius: 16px;
background: #75d3ac;
}
.aps-how__connector i::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 15px;
height: 20px;
background: url("https://madiavo.lt/wp-content/uploads/2026/09/arrow-dark.svg") center / 15px 20px no-repeat;
transform: translate(-50%, -50%) rotate(90deg);
}
}
@media (max-width: 420px) {
.aps-how__inner {
width: calc(100% - 28px);
padding-top: 48px;
padding-bottom: 50px;
}
.aps-how__head h2 {
font-size: 23px;
}
.aps-how__cta {
height: 46px;
padding: 0 16px;
font-size: 13px;
}
.aps-how__steps {
margin-top: 34px;
}
.aps-how__card {
padding: 28px 24px;
}
}
.aps-analyze {
position: relative;
width: calc(100% - 48px);
max-width: 1392px;
margin: 0 24px;
border: 1px solid #ffffff;
border-radius: 32px;
background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
box-sizing: border-box;
}
.aps-analyze__inner {
width: calc(100% - 152px);
max-width: 1240px;
margin: 0 auto;
padding: 96px 0;
}
.aps-analyze__head {
text-align: center;
}
.aps-analyze__head h2 {
margin: 0;
font-family: "Unbounded", sans-serif;
font-size: 32px;
font-weight: 600;
}
.aps-analyze__head h2 span,
.aps-analyze__head h2 strong {
display: block;
}
.aps-analyze__head h2 span {
color: #2a2d32b2;
}
.aps-analyze__head h2 strong {
color: #2a2d32;
font-weight: 600;
}
.aps-analyze__head p {
margin: 10px 0 0;
font-family: "Unbounded", sans-serif;
font-size: 16px;
font-weight: 300;
color: #2A2D3299;
}
.aps-analyze__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
margin-top: 58px;
}
.aps-analyze__card {
min-width: 0;
min-height: 254px;
padding: 24px;
border: 1px solid #efefef;
border-radius: 20px;
background: #f3f3f3;
box-sizing: border-box;
}
.aps-analyze__icon {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border-radius: 4px;
background: #2a2d32;
}
.aps-analyze__icon img {
display: block;
width: 24px;
height: 24px;
}
.aps-analyze__card h3 {
margin: 24px 0 0;
font-family: "Unbounded", sans-serif;
font-size: 16px;
font-weight: 500;
color: #2a2d32;
}
.aps-analyze__card p {
margin: 12px 0 0;
font-family: "Poppins", Arial, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 300;
color: #2A2D32CC;
}
@media (max-width: 1080px) {
.aps-analyze__inner {
width: calc(100% - 80px);
padding: 80px 0;
}
.aps-analyze__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
margin-top: 48px;
}
.aps-analyze__card {
min-height: 230px;
}
}
@media (max-width: 760px) {
.aps-analyze {
width: calc(100% - 20px);
margin: 0 10px;
border-radius: 24px;
}
.aps-analyze__inner {
width: auto;
margin: 0 20px;
padding: 64px 0;
}
.aps-analyze__head h2 {
font-size: 25px;
line-height: 1.16;
letter-spacing: -0.5px;
}
.aps-analyze__head p {
margin-top: 12px;
font-size: 14px;
line-height: 1.55;
}
.aps-analyze__grid {
grid-template-columns: 1fr;
gap: 24px;
margin-top: 40px;
}
.aps-analyze__card {
min-height: 0;
padding: 24px;
border-radius: 18px;
}
.aps-analyze__card h3 {
margin-top: 24px;
font-size: 15px;
}
.aps-analyze__card p {
margin-top: 12px;
font-size: 13px;
}
}
@media (max-width: 420px) {
.aps-analyze__inner {
margin: 0 16px;
padding: 56px 0;
}
.aps-analyze__head h2 {
font-size: 22px;
}
}
.aps-free-cta {
position: relative;
width: calc(100% - 48px);
max-width: 1392px;
height: 390px;
margin: 24px 24px 0;
border-radius: 32px;
background: #1d1f24;
overflow: hidden;
isolation: isolate;
}
.aps-free-cta__orb {
position: absolute;
z-index: 0;
display: block;
pointer-events: none;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
.aps-free-cta__orb--left {
left: 0;
bottom: 0;
width: 457px;
height: 291px;
background-image: url("../icons/figma/hero-elipse-bottom-left.svg");
}
.aps-free-cta__orb--right {
right: 0;
top: 0;
width: 409px;
height: 390px;
background-image: url("../icons/figma/hero-elipse-top-right.svg");
background-size: 409px 457px;
background-position: right top;
}
.aps-free-cta__inner {
position: relative;
z-index: 1;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 32px;
box-sizing: border-box;
}
.aps-free-cta__inner h2 {
margin: 0;
font-family: "Unbounded", sans-serif;
font-size: 32px;
line-height: 50px;
font-weight: 600;
color: #fff;
}
.aps-free-cta__inner p {
max-width: 1028px;
margin: 14px 0 0;
font-family: "Poppins", Arial, sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: 300;
color: #FFFFFFB8;
}
.aps-free-cta__button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-width: 293px;
height: 48px;
margin-top: 32px;
padding: 0 20px;
border-radius: 999px;
background: #fff;
color: #2a2d32;
font-family: "Poppins", Arial, sans-serif;
font-size: 14px;
line-height: 21px;
font-weight: 400;
white-space: nowrap;
transition: transform .2s ease, background .2s ease;
}
.aps-root .aps-free-cta__button:hover,
.aps-root .aps-free-cta__button:focus,
.aps-root .aps-free-cta__button:focus-visible,
.aps-root .aps-free-cta__button:active {
outline: 0;
background: #f5f5f5;
box-shadow: none;
color: #2a2d32;
-webkit-text-fill-color: #2a2d32;
transform: translateY(-1px);
}
.aps-free-cta__button i {
width: 18px;
height: 24px;
flex: 0 0 18px;
background: url("https://madiavo.lt/wp-content/uploads/2026/09/arrow-dark.svg") center / 18px 24px no-repeat;
}
@media (max-width: 760px) {
.aps-free-cta {
width: calc(100% - 20px);
height: auto;
min-height: 360px;
margin: 20px 10px 0;
border-radius: 24px;
}
.aps-free-cta__orb--left {
width: 300px;
height: 192px;
}
.aps-free-cta__orb--right {
width: 270px;
height: 300px;
background-size: 270px 302px;
}
.aps-free-cta__inner {
min-height: 360px;
padding: 56px 24px;
}
.aps-free-cta__inner h2 {
font-size: 25px;
line-height: 1.18;
letter-spacing: -0.5px;
}
.aps-free-cta__inner p {
margin-top: 14px;
font-size: 14px;
}
.aps-free-cta__inner p br {
display: none;
}
.aps-free-cta__button {
min-width: 0;
width: 100%;
max-width: 320px;
margin-top: 28px;
}
}
@media (max-width: 420px) {
.aps-free-cta__inner {
padding: 48px 20px;
}
.aps-free-cta__inner h2 {
font-size: 22px;
}
}
.aps-benefits {
position: relative;
width: calc(100% - 48px);
max-width: 1392px;
margin: 24px 24px 0;
border: 1px solid #ffffff;
border-radius: 32px;
background: linear-gradient(
180deg,
rgba(245, 245, 245, 0) 0%,
#f5f5f5 100%
);
box-sizing: border-box;
}
.aps-benefits__inner {
position: relative;
width: calc(100% - 112px);
max-width: 1232px;
height: 462px;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
.aps-benefits__title {
position: absolute;
top: 94px;
left: 0;
width: calc(50% - 12px);
}
.aps-benefits__title h2 {
margin: 0;
font-family: "Unbounded", sans-serif;
font-size: 32px;
font-weight: 600;
margin-bottom: 16px;
}
.aps-benefits__title h2 span,
.aps-benefits__title h2 strong {
display: block;
}
.aps-benefits__title h2 span {
color: rgba(42, 45, 50, 0.7);
}
.aps-benefits__title h2 strong {
color: #2a2d32;
font-weight: 600;
}
.aps-benefits__card {
position: absolute;
width: calc(25% - 18px);
height: 212px;
min-width: 0;
padding: 20px;
border: 1px solid #efefef;
border-radius: 20px;
background: #f3f3f3;
box-sizing: border-box;
}
.aps-benefits__card--seo {
left: 0;
top: 185px;
}
.aps-benefits__card--business {
left: calc(25% + 6px);
top: 185px;
}
.aps-benefits__card--marketing {
left: calc(50% + 12px);
top: 74px;
}
.aps-benefits__card--dev {
left: calc(75% + 6px);
top: 74px;
}
.aps-benefits__icon {
display: grid;
place-items: center;
width: 34px;
height: 34px;
border-radius: 999px;
background: #2a2d32;
}
.aps-benefits__icon img {
display: block;
width: 24px;
height: 24px;
}
.aps-benefits__card h3 {
margin: 18px 0 0;
font-family: "Unbounded", sans-serif;
font-size: 16px;
font-weight: 500;
color: #2A2D32;
}
.aps-benefits__card p {
margin: 12px 0 0;
font-family: "Poppins", Arial, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 300;
color: #2A2D32CC;
}
.aps-benefits__summary {
position: absolute;
left: calc(50% + 42px);
right: 0;
top: 318px;
}
.aps-benefits__summary p {
max-width: 540px;
margin: 0;
font-family: "Unbounded", Arial, sans-serif;
font-size: 16px;
line-height: 1.50;
font-weight: 300;
color: #2A2D3299;
}
@media (max-width: 1180px) {
.aps-benefits__inner {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
width: calc(100% - 80px);
max-width: none;
height: auto;
margin: 0 auto;
padding: 64px 0;
box-sizing: border-box;
}
.aps-benefits__title,
.aps-benefits__card,
.aps-benefits__summary {
position: relative;
top: auto;
left: auto;
right: auto;
width: auto;
height: auto;
}
.aps-benefits__title {
grid-column: 1 / -1;
margin-bottom: 12px;
}
.aps-benefits__card {
min-height: 210px;
}
.aps-benefits__summary {
grid-column: 1 / -1;
padding-top: 8px;
}
.aps-benefits__summary p {
max-width: 620px;
}
}
@media (max-width: 760px) {
.aps-benefits {
width: calc(100% - 20px);
margin: 20px 10px 0;
border-radius: 24px;
}
.aps-benefits__inner {
grid-template-columns: 1fr;
gap: 20px;
width: auto;
margin: 0 20px;
padding: 56px 0;
}
.aps-benefits__title,
.aps-benefits__summary {
grid-column: auto;
}
.aps-benefits__title {
margin-bottom: 6px;
}
.aps-benefits__title h2 {
font-size: 25px;
line-height: 1.16;
letter-spacing: -0.5px;
}
.aps-benefits__card {
min-height: 0;
padding: 20px;
border-radius: 18px;
}
.aps-benefits__summary {
padding-top: 4px;
}
.aps-benefits__summary p {
max-width: none;
font-size: 14px;
}
}
@media (max-width: 420px) {
.aps-benefits__inner {
margin: 0 16px;
padding: 48px 0;
}
.aps-benefits__title h2 {
font-size: 22px;
}
}
.aps-uses {
--aps-uses-gap: 18px;
--aps-uses-view: 4;
position: relative;
left: 50%;
width: 100vw;
margin-top: 24px;
margin-left: -50vw;
background: #1d1f24;
overflow: hidden;
}
.aps-uses__grid {
position: absolute;
z-index: 0;
left: 0;
right: 0;
bottom: -52px;
height: 280px;
background: url("https://madiavo.lt/wp-content/uploads/2026/09/bg-kvadratukai.svg") center bottom / cover no-repeat;
opacity: .2;
pointer-events: none;
}
.aps-uses__glow {
position: absolute;
z-index: 1;
inset: 0;
background: url("https://madiavo.lt/wp-content/uploads/2026/09/bg-kaip-veikia.svg") center / cover no-repeat;
pointer-events: none;
}
.aps-uses__inner {
position: relative;
z-index: 2;
width: calc(100% - 48px);
max-width: 1392px;
margin: 0 auto;
padding: 80px 0 84px;
}
.aps-uses__head {
max-width: 760px;
margin: 0 auto;
text-align: center;
}
.aps-uses__head h2 {
margin: 0;
font-family: "Unbounded", sans-serif;
font-size: 32px;
line-height: 1.14;
font-weight: 600;
letter-spacing: -0.7px;
}
.aps-uses__head h2 span,
.aps-uses__head h2 strong {
display: block;
}
.aps-uses__head h2 span {
color: rgba(255, 255, 255, 0.62);
}
.aps-uses__head h2 strong {
color: #fff;
font-weight: 600;
}
.aps-uses__head p {
margin: 12px 0 0;
color: #FFFFFF99;
font-family: "Unbounded", Arial, sans-serif;
font-size: 16px;
font-weight: 300;
}
.aps-uses__slider {
margin-top: 42px;
}
.aps-uses__viewport {
overflow: hidden;
}
.aps-uses__track {
display: flex;
gap: var(--aps-uses-gap);
will-change: transform;
}
.aps-uses__track.is-ready {
transition: transform .6s cubic-bezier(.22, 1, .36, 1);
}
.aps-uses__card {
flex: 0 0 calc((100% - (var(--aps-uses-gap) * (var(--aps-uses-view) - 1))) / var(--aps-uses-view));
min-width: 0;
min-height: 242px;
padding: 20px 20px 16px;
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 20px;
background: linear-gradient(145deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.022) 100%);
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.aps-uses__icon {
display: grid;
place-items: center;
width: 42px;
height: 42px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.09);
}
.aps-uses__icon img {
display: block;
width: 24px;
height: 24px;
}
.aps-uses__card h3 {
margin: 18px 0 0;
color: #fff;
font-family: "Unbounded", sans-serif;
font-size: 16px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.2px;
}
.aps-uses__card p {
margin: 14px 0 0;
color: rgba(255, 255, 255, 0.65);
font-family: "Poppins", Arial, sans-serif;
font-size: 14px;
line-height: 1.55;
font-weight: 300;
}
.aps-uses__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: auto;
padding-top: 18px;
}
.aps-uses__tags span {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.72);
font-family: "Poppins", Arial, sans-serif;
font-size: 11px;
font-weight: 400;
}
.aps-uses__controls {
display: flex;
align-items: center;
gap: 28px;
margin-top: 26px;
}
.aps-uses__progress {
position: relative;
flex: 1 1 auto;
height: 6px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
overflow: hidden;
}
.aps-uses__progress i {
display: block;
width: 0;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #4ca6a8 0%, #75d3ac 100%);
transition: width .5s ease;
}
.aps-uses__actions {
display: flex;
align-items: center;
gap: 12px;
flex: 0 0 auto;
}
.aps-uses__nav {
position: relative;
width: 44px;
height: 44px;
border: 0;
border-radius: 999px;
padding: 0;
cursor: pointer;
transition: transform .2s ease, opacity .2s ease, background .2s ease;
}
.aps-uses__nav::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 18px;
height: 24px;
transform: translate(-50%, -50%);
}
.aps-uses__nav:hover,
.aps-uses__nav:focus-visible {
transform: translateY(-1px);
}
.aps-uses__nav--prev {
background: rgba(255, 255, 255, 0.1);
}
.aps-uses__nav--prev:hover, .aps-uses__nav--prev:focus{
background: rgba(255, 255, 255, 0.1) !important;
}
.aps-uses__nav--prev::before {
background: url("https://madiavo.lt/wp-content/uploads/2026/09/arrow-light.svg") center / 18px 24px no-repeat;
transform: translate(-50%, -50%) rotate(180deg);
}
.aps-uses__nav--next {
background: #fff;
}
.aps-uses__nav--next:hover, .aps-uses__nav--next:focus{
background: #fff !important;
}
.aps-uses__nav--next::before {
background: url("https://madiavo.lt/wp-content/uploads/2026/09/arrow-dark.svg") center / 18px 24px no-repeat;
}
@media (max-width: 1180px) {
.aps-uses {
--aps-uses-view: 3;
}
}
@media (max-width: 900px) {
.aps-uses {
--aps-uses-view: 2;
}
.aps-uses__inner {
width: calc(100% - 40px);
padding: 64px 0 68px;
}
.aps-uses__head h2 {
font-size: 26px;
line-height: 1.16;
}
.aps-uses__slider {
margin-top: 34px;
}
.aps-uses__card {
min-height: 0;
}
}
@media (max-width: 640px) {
.aps-uses {
--aps-uses-view: 1;
--aps-uses-gap: 14px;
}
.aps-uses__inner {
width: calc(100% - 28px);
padding: 52px 0 56px;
}
.aps-uses__head h2 {
font-size: 23px;
}
.aps-uses__head p {
font-size: 13px;
}
.aps-uses__slider {
margin-top: 28px;
}
.aps-uses__card {
padding: 18px 18px 16px;
border-radius: 18px;
}
.aps-uses__card h3 {
font-size: 15px;
}
.aps-uses__card p {
font-size: 13px;
}
.aps-uses__controls {
gap: 16px;
margin-top: 20px;
}
.aps-uses__nav {
width: 42px;
height: 42px;
}
}
.aps-trust {
position: relative;
width: calc(100% - 48px);
max-width: 1392px;
min-height: 500px;
margin: 24px 24px 0;
border: 1px solid #fff;
border-radius: 32px;
background: linear-gradient(180deg, #fff 0%, #f6f6f6 100%);
overflow: hidden;
box-sizing: border-box;
}
.aps-trust::before,
.aps-trust::after {
content: "";
position: absolute;
pointer-events: none;
border: 38px solid rgba(42, 45, 50, 0.025);
border-radius: 50%;
box-sizing: border-box;
}
.aps-trust::before {
width: 430px;
height: 430px;
left: -155px;
bottom: -255px;
}
.aps-trust::after {
width: 430px;
height: 430px;
right: -180px;
top: -250px;
}
.aps-trust__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
gap: 80px;
align-items: center;
width: calc(100% - 152px);
max-width: 1240px;
min-height: 498px;
margin: 0 auto;
}
.aps-trust__copy {
max-width: 570px;
}
.aps-trust__copy h2 {
margin: 0;
font-family: "Unbounded", sans-serif;
font-size: 32px;
font-weight: 600;
}
.aps-trust__copy h2 span,
.aps-trust__copy h2 strong {
display: block;
}
.aps-trust__copy h2 span {
color: rgba(42, 45, 50, 0.68);
}
.aps-trust__copy h2 strong {
color: #2a2d32;
font-weight: 600;
}
.aps-trust__copy p {
margin: 20px 0 0;
max-width: 586px;
font-family: "Poppins", Arial, sans-serif;
font-size: 14px;
line-height: 30px;
font-weight: 300;
color: #2A2D3299;
}
.aps-trust__copy p + p {
margin-top: 14px;
}
.aps-trust__stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.aps-trust__stat {
min-height: 150px;
padding: 28px 24px;
border: 1px solid #efefef;
border-radius: 20px;
background: #f3f3f3;
box-sizing: border-box;
}
.aps-trust__stat--accent {
background: linear-gradient(135deg, rgba(213, 246, 229, .92) 0%, #f3f3f3 72%);
}
.aps-trust__stat strong {
display: block;
margin: 0;
font-family: "Unbounded", sans-serif;
font-size: 32px;
line-height: 1;
font-weight: 600;
letter-spacing: -0.8px;
color: #2a2d32;
font-variant-numeric: tabular-nums;
}
.aps-trust__stat span {
display: block;
margin-top: 12px;
font-family: "Poppins", Arial, sans-serif;
font-size: 16px;
font-weight: 300;
color: #2A2D3299;
}
@media (max-width: 1050px) {
.aps-trust__inner {
width: calc(100% - 80px);
grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
gap: 48px;
}
.aps-trust__copy h2 {
font-size: 28px;
}
}
@media (max-width: 820px) {
.aps-trust {
min-height: 0;
}
.aps-trust__inner {
grid-template-columns: 1fr;
gap: 38px;
min-height: 0;
padding: 64px 0;
}
.aps-trust__copy {
max-width: none;
}
.aps-trust__stats {
max-width: 620px;
}
}
@media (max-width: 760px) {
.aps-trust {
width: calc(100% - 20px);
margin: 20px 10px 0;
border-radius: 24px;
}
.aps-trust__inner {
width: auto;
margin: 0 20px;
padding: 56px 0;
}
.aps-trust__copy h2 {
font-size: 25px;
line-height: 1.16;
letter-spacing: -0.5px;
}
.aps-trust__copy p {
margin-top: 16px;
font-size: 14px;
line-height: 1.65;
}
.aps-trust__stat {
min-height: 132px;
padding: 22px 20px;
border-radius: 18px;
}
.aps-trust__stat strong {
font-size: 28px;
}
}
@media (max-width: 480px) {
.aps-trust__inner {
margin: 0 16px;
padding: 48px 0;
}
.aps-trust__copy h2 {
font-size: 22px;
}
.aps-trust__stats {
gap: 10px;
}
.aps-trust__stat {
min-height: 122px;
padding: 20px 16px;
}
.aps-trust__stat strong {
font-size: 25px;
}
.aps-trust__stat span {
font-size: 12px;
}
}
.aps-outcomes {
position: relative;
width: calc(100% - 48px);
max-width: 1392px;
margin: 24px 24px 0;
border: 1px solid #fff;
border-radius: 32px;
background: linear-gradient(180deg, rgba(245,245,245,0) 0%, #f5f5f5 100%);
box-sizing: border-box;
overflow: hidden;
}
.aps-outcomes__inner {
width: calc(100% - 152px);
max-width: 1240px;
margin: 0 auto;
padding: 88px 0 72px;
}
.aps-outcomes__head {
text-align: center;
}
.aps-outcomes__head h2 {
margin: 0;
font-family: "Unbounded", sans-serif;
font-size: 32px;
line-height: 1.14;
font-weight: 600;
letter-spacing: -0.7px;
}
.aps-outcomes__head h2 span,
.aps-outcomes__head h2 strong {
display: block;
}
.aps-outcomes__head h2 span {
color: rgba(42,45,50,.7);
}
.aps-outcomes__head h2 strong {
color: #2a2d32;
font-weight: 600;
}
.aps-outcomes__head p {
margin: 12px 0 0;
font-family: "Unbounded", Arial, sans-serif;
font-size: 16px;
font-weight: 300;
color: #2A2D3299;
}
.aps-outcomes__masonry {
position: relative;
width: 100%;
height: 696px;
margin-top: 58px;
}
.aps-outcomes__card {
position: absolute;
overflow: hidden;
border: 1px solid #efefef;
border-radius: 20px;
background: #f3f3f3;
box-sizing: border-box;
}
.aps-outcomes__card--ranking {
left: 0;
top: 0;
width: 826px;
height: 270px;
}
.aps-outcomes__card--traffic {
left: 842px;
top: 0;
width: 398px;
height: 376px;
}
.aps-outcomes__card--leads {
left: 0;
top: 286px;
width: 407px;
height: 410px;
}
.aps-outcomes__card--experience {
left: 423px;
top: 286px;
width: 407px;
height: 410px;
}
.aps-outcomes__card--growth {
left: 842px;
top: 392px;
width: 398px;
height: 304px;
background: linear-gradient(90deg, #2b827d 0%, #79d7ae 100%);
}
.aps-outcomes__copy {
position: relative;
z-index: 3;
padding: 28px 24px 0;
}
.aps-outcomes__card--ranking .aps-outcomes__copy {
width: 382px;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
box-sizing: border-box;
}
.aps-outcomes__card h3 {
margin: 0;
font-family: "Unbounded", sans-serif;
font-size: 20px;
line-height: 1.12;
font-weight: 600;
letter-spacing: -0.35px;
color: #2a2d32;
}
.aps-outcomes__card p {
margin: 12px 0 0;
font-family: "Poppins", Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #2A2D3299;
}
.aps-outcomes__card--growth h3,
.aps-outcomes__card--growth p {
color: #fff;
}
.aps-outcomes__card--growth p {
color: #FFFFFF99;
max-width: 220px;
}
.aps-outcomes__visual--serp {
position: absolute;
z-index: 1;
right: 0;
top: 0;
width: 444px;
height: 270px;
}
.aps-outcomes__visual--serp img {
display: block;
width: 444px;
height: 270px;
}
.aps-outcomes__chart {
position: absolute;
z-index: 1;
left: 32px;
bottom: 0;
width: 334px;
height: 180px;
overflow: hidden;
border-radius: 14px 14px 0 0;
}
.aps-outcomes__chart img {
display: block;
width: 334px;
height: 180px;
}
.aps-outcomes__people {
position: absolute;
z-index: 1;
left: 32px;
top: 22px;
width: 343px;
height: 216px;
display: flex;
align-items: flex-start;
justify-content: center;
overflow: hidden;
}
.aps-outcomes__people img {
display: block;
width: 343px;
height: 216px;
object-fit: contain;
object-position: center top;
}
.aps-outcomes__card--experience .aps-outcomes__copy {
position: absolute;
left: 0;
right: 0;
bottom: 26px;
padding-top: 0;
}
.aps-outcomes__growth-visual {
position: absolute;
z-index: 1;
right: 0;
bottom: 0;
width: calc(100% - 32px);
}
.aps-outcomes__growth-visual img {
display: block;
width: 100%;
height: auto;
}
.aps-outcomes__messages {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 34px;
bottom: 0;
display: flex;
align-items: flex-end;
justify-content: center;
pointer-events: none;
}
.aps-outcomes__messages img {
display: block;
width: 100%;
height: auto;
max-height: 100%;
object-fit: contain;
object-position: center bottom;
}
@media (max-width: 1300px) {
.aps-outcomes__inner {
width: calc(100% - 80px);
}
.aps-outcomes__masonry {
height: auto;
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 16px;
}
.aps-outcomes__card,
.aps-outcomes__card--ranking,
.aps-outcomes__card--traffic,
.aps-outcomes__card--leads,
.aps-outcomes__card--experience,
.aps-outcomes__card--growth {
position: relative;
left: auto;
top: auto;
width: auto;
}
.aps-outcomes__card--ranking {
grid-column: 1 / -1;
height: 270px;
}
.aps-outcomes__card--traffic {
height: 376px;
}
.aps-outcomes__card--leads,
.aps-outcomes__card--experience {
height: 410px;
}
.aps-outcomes__card--growth {
height: 304px;
}
.aps-outcomes__visual--serp {
width: min(444px, 54%);
}
.aps-outcomes__visual--serp img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: right center;
}
.aps-outcomes__card--ranking .aps-outcomes__copy {
width: 46%;
}
.aps-outcomes__chart {
left: 32px;
right: 32px;
width: auto;
}
.aps-outcomes__chart img {
width: 100%;
height: 100%;
object-fit: fill;
}
.aps-outcomes__people {
left: 32px;
right: 32px;
width: auto;
}
}
@media (max-width: 760px) {
.aps-outcomes {
width: calc(100% - 20px);
margin: 20px 10px 0;
border-radius: 24px;
}
.aps-outcomes__inner {
width: auto;
margin: 0 20px;
padding: 56px 0;
}
.aps-outcomes__head h2 {
font-size: 25px;
line-height: 1.16;
letter-spacing: -0.5px;
}
.aps-outcomes__head p {
font-size: 14px;
}
.aps-outcomes__masonry {
grid-template-columns: 1fr;
gap: 16px;
margin-top: 40px;
}
.aps-outcomes__card--ranking,
.aps-outcomes__card--traffic,
.aps-outcomes__card--leads,
.aps-outcomes__card--experience,
.aps-outcomes__card--growth {
grid-column: auto;
height: auto;
min-height: 360px;
border-radius: 18px;
}
.aps-outcomes__card--ranking {
min-height: 430px;
display: flex;
flex-direction: column;
}
.aps-outcomes__copy,
.aps-outcomes__card--ranking .aps-outcomes__copy {
width: auto;
padding: 24px;
}
.aps-outcomes__card h3 {
font-size: 19px;
}
.aps-outcomes__card p {
font-size: 13px;
}
.aps-outcomes__visual--serp {
position: relative;
right: auto;
top: auto;
width: 100%;
height: auto;
margin-top: auto;
}
.aps-outcomes__visual--serp img {
width: 100%;
height: auto;
}
.aps-outcomes__card--traffic {
min-height: 410px;
}
.aps-outcomes__chart {
left: 24px;
right: 24px;
width: auto;
height: auto;
aspect-ratio: 334 / 180;
}
.aps-outcomes__people {
position: relative;
left: auto;
right: auto;
top: auto;
width: calc(100% - 48px);
height: auto;
aspect-ratio: 343 / 216;
margin: 22px 24px 0;
}
.aps-outcomes__people img {
width: 100%;
height: 100%;
}
.aps-outcomes__card--experience .aps-outcomes__copy {
position: relative;
bottom: auto;
padding: 24px;
}
.aps-outcomes__growth-visual {
right: 0;
bottom: 0;
width: calc(100% - 24px);
}
.aps-outcomes__messages {
top: 80px;
}
}
@media (max-width: 420px) {
.aps-outcomes__inner {
margin: 0 16px;
padding: 48px 0;
}
.aps-outcomes__head h2 {
font-size: 22px;
}
.aps-outcomes__copy,
.aps-outcomes__card--ranking .aps-outcomes__copy {
padding: 22px 20px;
}
}
.aps-faq {
position: relative;
left: 50%;
width: 100vw;
margin-top: 24px;
margin-left: -50vw;
padding-top: 80px;
background: #1d1f24;
overflow: hidden;
}
.aps-faq::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 20% 42%, rgba(117, 211, 172, .045), transparent 34%),
linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0));
pointer-events: none;
}
.aps-faq__inner {
position: relative;
z-index: 1;
width: calc(100% - 48px);
max-width: 1392px;
margin: 0 auto;
}
.aps-faq__head {
max-width: 760px;
margin: 0 auto;
text-align: center;
}
.aps-faq__head h2 {
margin: 0;
font-family: "Unbounded", sans-serif;
font-size: 32px;
line-height: 1.14;
font-weight: 600;
letter-spacing: -0.7px;
}
.aps-faq__head h2 span,
.aps-faq__head h2 strong {
display: block;
}
.aps-faq__head h2 span {
color: rgba(255, 255, 255, .58);
}
.aps-faq__head h2 strong {
color: #fff;
font-weight: 600;
}
.aps-faq__list {
width: min(770px, 100%);
margin: 58px auto 0;
display: grid;
gap: 12px;
}
.aps-faq__item {
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .045);
border-radius: 7px;
background: rgba(255, 255, 255, .045);
transition: background .28s ease, border-color .28s ease;
}
.aps-faq__item.is-open {
background: rgba(255, 255, 255, .095);
border-color: rgba(255, 255, 255, .07);
}
.aps-root .aps-faq .aps-faq__question {
width: 100%;
min-height: 66px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 0 24px;
border: 0;
outline: 0;
background: transparent;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
text-align: left;
color: #ffffff;
-webkit-text-fill-color: #ffffff;
font-family: "Poppins", Arial, sans-serif;
font-size: 15px;
line-height: 1.35;
font-weight: 500;
opacity: 1;
}
.aps-root .aps-faq .aps-faq__question span {
color: inherit;
font-weight: 400;
font-family: "Unbounded", sans-serif;
-webkit-text-fill-color: inherit;
opacity: 1;
}
.aps-root .aps-faq .aps-faq__question:hover,
.aps-root .aps-faq .aps-faq__question:focus,
.aps-root .aps-faq .aps-faq__question:focus-visible,
.aps-root .aps-faq .aps-faq__question:active {
border: 0;
outline: 0;
background: transparent;
box-shadow: none;
color: #fff;
-webkit-text-fill-color: #fff;
transform: none;
}
.aps-root .aps-faq .aps-faq__question:hover span,
.aps-root .aps-faq .aps-faq__question:focus span,
.aps-root .aps-faq .aps-faq__question:focus-visible span,
.aps-root .aps-faq .aps-faq__question:active span {
color: #fff;
-webkit-text-fill-color: #fff;
}
.aps-faq__question i {
position: relative;
flex: 0 0 18px;
width: 18px;
height: 18px;
}
.aps-faq__question i::before,
.aps-faq__question i::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 8px;
height: 1.5px;
border-radius: 999px;
background: rgba(255,255,255,.92);
transition: transform .3s cubic-bezier(.22,1,.36,1);
}
.aps-faq__question i::before {
transform: translate(-76%, -50%) rotate(45deg);
}
.aps-faq__question i::after {
transform: translate(-24%, -50%) rotate(-45deg);
}
.aps-faq__item.is-open .aps-faq__question i::before {
transform: translate(-76%, -50%) rotate(-45deg);
}
.aps-faq__item.is-open .aps-faq__question i::after {
transform: translate(-24%, -50%) rotate(45deg);
}
.aps-faq__answer {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
transition: grid-template-rows .38s cubic-bezier(.22,1,.36,1), opacity .25s ease;
}
.aps-faq__item.is-open .aps-faq__answer {
grid-template-rows: 1fr;
opacity: 1;
}
.aps-faq__answer-inner {
min-height: 0;
overflow: hidden;
}
.aps-faq__answer p {
padding: 0 52px 20px 24px;
color: rgba(255, 255, 255, .60);
font-family: "Poppins", Arial, sans-serif;
font-size: 14px;
font-weight: 300;
}
.aps-faq-cta {
position: relative;
z-index: 1;
width: 100%;
max-width: none;
min-height: 420px;
margin: 72px 0 0;
border-radius: 32px 32px 0 0;
background: linear-gradient(115deg, #255759 0%, #75d3ac 100%);
overflow: hidden;
}
.aps-faq-cta::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(0,0,0,.08), rgba(255,255,255,.04));
pointer-events: none;
}
.aps-faq-cta__inner {
position: relative;
z-index: 1;
width: calc(100% - 48px);
max-width: 1392px;
min-height: 312px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 96px 24px;
text-align: center;
box-sizing: border-box;
}
.aps-faq-cta h2 {
margin: 0;
color: #fff;
font-family: "Unbounded", sans-serif;
font-size: 32px;
line-height: 50px;
font-weight: 600;
}
.aps-faq-cta p {
max-width: 922px;
margin: 14px 0 0;
color: #FFFFFFB8;
font-family: "Poppins", Arial, sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: 300;
}
.aps-faq-cta__button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 14px;
min-width: 340px;
height: 52px;
margin-top: 32px;
padding: 0 24px;
border-radius: 999px;
background: #fff;
color: #2a2d32;
font-family: "Poppins", Arial, sans-serif;
font-size: 14px;
line-height: 1;
font-weight: 500;
transition: transform .2s ease, box-shadow .2s ease;
}
.aps-root .aps-faq-cta__button:hover,
.aps-root .aps-faq-cta__button:focus,
.aps-root .aps-faq-cta__button:focus-visible,
.aps-root .aps-faq-cta__button:active {
outline: 0;
background: #fff;
color: #2a2d32;
-webkit-text-fill-color: #2a2d32;
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0,0,0,.12);
}
.aps-faq-cta__button i {
width: 18px;
height: 24px;
background: url("https://madiavo.lt/wp-content/uploads/2026/09/arrow-dark.svg") center / 18px 24px no-repeat;
}
@media (max-width: 900px) {
.aps-faq {
padding-top: 64px;
}
.aps-faq__head h2 {
font-size: 26px;
}
.aps-faq__list {
margin-top: 42px;
}
.aps-faq-cta {
width: 100%;
min-height: 290px;
margin-top: 56px;
border-radius: 28px 28px 0 0;
}
.aps-faq-cta__inner {
width: calc(100% - 40px);
min-height: 290px;
}
.aps-faq-cta h2 {
font-size: 26px;
}
}
@media (max-width: 640px) {
.aps-faq {
margin-top: 20px;
padding-top: 52px;
}
.aps-faq__inner {
width: calc(100% - 28px);
}
.aps-faq__head h2 {
font-size: 23px;
letter-spacing: -0.45px;
}
.aps-faq__list {
margin-top: 34px;
gap: 10px;
}
.aps-root .aps-faq .aps-faq__question {
min-height: 62px;
gap: 16px;
padding: 0 18px;
font-size: 14px;
}
.aps-faq__answer p {
padding: 0 42px 18px 18px;
font-size: 12px;
}
.aps-faq-cta {
width: 100%;
min-height: 300px;
margin-top: 44px;
border-radius: 24px 24px 0 0;
}
.aps-faq-cta__inner {
width: calc(100% - 20px);
min-height: 300px;
padding: 44px 20px;
}
.aps-faq-cta h2 {
font-size: 23px;
line-height: 1.18;
}
.aps-faq-cta p {
font-size: 13px;
}
.aps-faq-cta__button {
width: 100%;
min-width: 0;
max-width: 360px;
height: 50px;
margin-top: 28px;
padding: 0 18px;
font-size: 13px;
}
}
.aps-root .aps-site-menu-link:hover,
.aps-root .aps-site-menu-link:focus,
.aps-root .aps-site-menu-link:focus-visible,
.aps-root .aps-site-menu-link.is-active {
background: #343941 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.aps-root .aps-contact,
.aps-root .aps-contact:hover,
.aps-root .aps-contact:focus,
.aps-root .aps-contact:focus-visible,
.aps-root .aps-contact:active {
color: #2a2d32 !important;
-webkit-text-fill-color: #2a2d32 !important;
text-decoration: none !important;
transform: none !important;
}
.aps-root .aps-contact:hover,
.aps-root .aps-contact:focus,
.aps-root .aps-contact:focus-visible,
.aps-root .aps-contact:active {
background: #f2f2f2 !important;
}
.aps-root .aps-submit:hover,
.aps-root .aps-submit:focus,
.aps-root .aps-submit:focus-visible,
.aps-root .aps-submit:active,
.aps-root .aps-security-lead__cta:hover,
.aps-root .aps-security-lead__cta:focus,
.aps-root .aps-security-lead__cta:focus-visible,
.aps-root .aps-security-lead__cta:active {
background: #363a40 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.aps-root .aps-submit:hover span,
.aps-root .aps-submit:focus span,
.aps-root .aps-submit:focus-visible span,
.aps-root .aps-submit:active span {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.aps-root .aps-how__cta,
.aps-root .aps-how__cta:hover,
.aps-root .aps-how__cta:focus,
.aps-root .aps-how__cta:focus-visible,
.aps-root .aps-how__cta:active,
.aps-root .aps-free-cta__button,
.aps-root .aps-free-cta__button:hover,
.aps-root .aps-free-cta__button:focus,
.aps-root .aps-free-cta__button:focus-visible,
.aps-root .aps-free-cta__button:active,
.aps-root .aps-faq-cta__button,
.aps-root .aps-faq-cta__button:hover,
.aps-root .aps-faq-cta__button:focus,
.aps-root .aps-faq-cta__button:focus-visible,
.aps-root .aps-faq-cta__button:active,
.aps-root .aps-uses__nav--next,
.aps-root .aps-uses__nav--next:hover,
.aps-root .aps-uses__nav--next:focus,
.aps-root .aps-uses__nav--next:focus-visible,
.aps-root .aps-uses__nav--next:active {
background: #fff !important;
color: #2a2d32 !important;
-webkit-text-fill-color: #2a2d32 !important;
text-decoration: none !important;
}
.aps-root .aps-result-action,
.aps-root .aps-result-action:hover,
.aps-root .aps-result-action:focus,
.aps-root .aps-result-action:focus-visible,
.aps-root .aps-result-action:active {
background: #eaeaea !important;
color: #2a2d32 !important;
-webkit-text-fill-color: #2a2d32 !important;
}
.aps-root .aps-result-action:hover,
.aps-root .aps-result-action:focus,
.aps-root .aps-result-action:focus-visible {
background: #e1e1e1 !important;
}
.aps-root .aps-filter,
.aps-root .aps-filter:hover,
.aps-root .aps-filter:focus,
.aps-root .aps-filter:focus-visible,
.aps-root .aps-filter:active {
background: #f8f8f8 !important;
color: #2a2d3299 !important;
-webkit-text-fill-color: #2a2d3299 !important;
}
.aps-root .aps-filter[aria-pressed="true"],
.aps-root .aps-filter[aria-pressed="true"]:hover,
.aps-root .aps-filter[aria-pressed="true"]:focus,
.aps-root .aps-filter[aria-pressed="true"]:focus-visible {
background: #2a2d32 !important;
border-color: #2a2d32 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.aps-root .aps-priority-more,
.aps-root .aps-priority-more:focus,
.aps-root .aps-priority-more:focus-visible,
.aps-root .aps-category__more,
.aps-root .aps-category__more:hover,
.aps-root .aps-category__more:focus,
.aps-root .aps-category__more:focus-visible {
background: transparent !important;
color: #2a2d32 !important;
-webkit-text-fill-color: #2a2d32 !important;
}
.aps-root .aps-mobile-nav-toggle,
.aps-root .aps-mobile-nav-toggle:hover,
.aps-root .aps-mobile-nav-toggle:focus,
.aps-root .aps-mobile-nav-toggle:focus-visible,
.aps-root .aps-mobile-services-toggle,
.aps-root .aps-mobile-services-toggle:hover,
.aps-root .aps-mobile-services-toggle:focus,
.aps-root .aps-mobile-services-toggle:focus-visible {
background: #fff !important;
color: #343941 !important;
}
.aps-root .aps-mobile-nav-close,
.aps-root .aps-mobile-nav-close:hover,
.aps-root .aps-mobile-nav-close:focus,
.aps-root .aps-mobile-nav-close:focus-visible {
background: #343941 !important;
color: #fff !important;
}
.aps-root .aps-mobile-nav-link:hover,
.aps-root .aps-mobile-nav-link:focus,
.aps-root .aps-mobile-nav-link:focus-visible,
.aps-root .aps-mobile-nav-link.is-active {
background: #343941 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.aps-root .aps-site-dropdown-link:hover,
.aps-root .aps-site-dropdown-link:focus,
.aps-root .aps-site-dropdown-link:focus-visible,
.aps-root .aps-mobile-service-link:hover,
.aps-root .aps-mobile-service-link:focus,
.aps-root .aps-mobile-service-link:focus-visible {
background: #f5f5f5 !important;
color: #2a2d32 !important;
-webkit-text-fill-color: #2a2d32 !important;
}
.aps-root .aps-uses__nav--prev,
.aps-root .aps-uses__nav--prev:hover,
.aps-root .aps-uses__nav--prev:focus,
.aps-root .aps-uses__nav--prev:focus-visible,
.aps-root .aps-uses__nav--prev:active {
background: rgba(255,255,255,.1) !important;
color: #fff !important;
}
.aps-root .aps-faq .aps-faq__question,
.aps-root .aps-faq .aps-faq__question:hover,
.aps-root .aps-faq .aps-faq__question:focus,
.aps-root .aps-faq .aps-faq__question:focus-visible,
.aps-root .aps-faq .aps-faq__question:active {
background: transparent !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
border-color: transparent !important;
outline: 0 !important;
box-shadow: none !important;
}
.aps-root button.aps-category__summary,
.aps-root button.aps-category__summary:hover,
.aps-root button.aps-category__summary:focus,
.aps-root button.aps-category__summary:focus-visible,
.aps-root button.aps-category__summary:active {
background: #f8f8f8 !important;
color: #2a2d32 !important;
-webkit-text-fill-color: #2a2d32 !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
}
.aps-phone {
position: absolute;
left: 52px;
top: 0;
width: 570px;
height: 56px;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
box-shadow: none;
font-family: "Poppins",sans-serif;
font-size: 14px;
line-height: 56px;
font-weight: 400;
color: rgba(42,45,50,.78);
-webkit-appearance: none;
appearance: none;
}
.aps-phone::placeholder {
color: rgba(42,45,50,.7);
opacity: 1;
}
.aps-root .aps-input-row input.aps-phone,
.aps-root .aps-input-row input.aps-phone:hover,
.aps-root .aps-input-row input.aps-phone:focus,
.aps-root .aps-input-row input.aps-phone:focus-visible,
.aps-root .aps-input-row input.aps-phone:active {
margin: 0;
padding: 0;
border: 0 !important;
border-radius: 0;
outline: 0;
background: transparent;
box-shadow: none;
color: rgba(42,45,50,.78);
-webkit-text-fill-color: rgba(42,45,50,.78);
min-height: 0;
appearance: none;
-webkit-appearance: none;
}
.aps-input-icon--phone {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a2d32' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 3.5 9.6 8l-2.1 1.7c1.4 3 3.7 5.3 6.7 6.7l1.7-2.1 4.5 2.4-.7 3.3c-.2.8-.9 1.4-1.7 1.4C9.6 21.4 2.6 14.4 2.6 6c0-.8.6-1.5 1.4-1.7l3.2-.8Z'/%3E%3C/svg%3E");
}
.aps-step-error {
min-height: 31px;
}
.aps-root .aps-step-error[hidden] {
display: block !important;
visibility: hidden;
opacity: 0;
pointer-events: none;
}
@media (min-width:681px) {
.aps-form-shell:not(.is-step-2):not(.is-step-3) .aps-form-surface,
.aps-form-shell.has-step-error:not(.is-step-2):not(.is-step-3) .aps-form-surface {
height: 250px;
}
.aps-form-shell:not(.is-step-2):not(.is-step-3) .aps-form-stage,
.aps-form-shell.has-step-error:not(.is-step-2):not(.is-step-3) .aps-form-stage {
height: 122px;
}
.aps-form-shell:not(.is-step-2):not(.is-step-3) .aps-stepper,
.aps-form-shell.has-step-error:not(.is-step-2):not(.is-step-3) .aps-stepper {
margin-top: 16px;
}
.aps-form-shell.is-step-2 .aps-form-surface,
.aps-form-shell.is-step-2.has-step-error .aps-form-surface {
height: 285px;
}
.aps-form-shell.is-step-2 .aps-form-stage,
.aps-form-shell.is-step-2.has-step-error .aps-form-stage {
height: 155px;
}
.aps-form-shell.is-step-2 .aps-stepper,
.aps-form-shell.is-step-2.has-step-error .aps-stepper {
margin-top: 16px;
}
.aps-form-shell.is-step-3 .aps-form-surface,
.aps-form-shell.is-step-3.has-step-error .aps-form-surface {
height: 338px;
}
.aps-form-shell.is-step-3 .aps-form-stage,
.aps-form-shell.is-step-3.has-step-error .aps-form-stage {
height: 208px;
}
.aps-form-shell.is-step-3 .aps-stepper,
.aps-form-shell.is-step-3.has-step-error .aps-stepper {
margin-top: 16px;
}
}
@media (max-width:680px) {
.aps-hero,
.aps-hero.has-step-error:not(.is-step-2):not(.is-step-3) {
--aps-mobile-form-height: 318px;
}
.aps-hero.is-step-2,
.aps-hero.is-step-2.has-step-error {
--aps-mobile-form-height: 330px;
}
.aps-hero.is-step-3,
.aps-hero.is-step-3.has-step-error {
--aps-mobile-form-height: 390px;
}
.aps-form-shell.is-step-3 {
height: var(--aps-mobile-form-height);
}
.aps-phone {
left: 46px;
width: calc(100% - 154px);
height: 52px;
line-height: 52px;
}
.aps-step-error {
min-height: 31px;
}
}
.aps-landing-content[hidden],
.aps-post-audit-contact[hidden] {
display: none !important;
}
.aps-post-audit-contact {
width: calc(100% - 48px);
max-width: 1392px;
margin: 24px 24px 0;
padding: 76px 32px 72px;
border-radius: 32px;
background: linear-gradient(145deg,#f3f4f3 0%,#f8f8f8 54%,#eef7f3 100%);
overflow: hidden;
}
.aps-post-audit-contact__inner {
width: min(1180px,100%);
margin: 0 auto;
}
.aps-post-audit-contact__head {
max-width: 780px;
margin: 0 auto 40px;
text-align: center;
}
.aps-post-audit-contact__head > span {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border-radius: 999px;
background: rgba(117,211,172,.18);
color: #39755d;
font-size: 11px;
line-height: 28px;
font-weight: 600;
letter-spacing: .08em;
}
.aps-post-audit-contact__head h2 {
margin-top: 14px;
font-family: "Unbounded",sans-serif;
font-size: clamp(30px,3.2vw,46px);
line-height: 1.18;
font-weight: 500;
color: #2a2d32;
}
.aps-post-audit-contact__head h2 em {
color: #8b8d8f;
font-style: normal;
font-weight: 500;
}
.aps-post-audit-contact__head p {
max-width: 680px;
margin: 16px auto 0;
font-size: 15px;
line-height: 24px;
color: rgba(42,45,50,.62);
}
.aps-lead-form {
width: min(980px,100%);
margin: 0 auto;
}
.aps-lead-form__grid {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 18px 24px;
}
.aps-lead-form__grid label {
display: block;
min-width: 0;
}
.aps-lead-form__grid label > span {
display: block;
margin: 0 0 7px;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: rgba(42,45,50,.72);
}
.aps-lead-form__grid label > span small {
font: inherit;
color: rgba(42,45,50,.42);
}
.aps-root .aps-lead-form__grid input,
.aps-root .aps-lead-form__grid input:hover,
.aps-root .aps-lead-form__grid input:focus,
.aps-root .aps-lead-form__grid input:focus-visible {
display: block;
width: 100%;
height: 54px;
margin: 0;
padding: 0 16px;
border: 1px solid #dedfdf !important;
border-radius: 8px;
outline: 0;
background: #fff;
box-shadow: 0 1px 0 rgba(0,0,0,.015);
color: #2a2d32;
-webkit-text-fill-color: #2a2d32;
font-family: "Poppins",sans-serif;
font-size: 14px;
transition: border-color .2s ease,box-shadow .2s ease;
}
.aps-root .aps-lead-form__grid input:focus,
.aps-root .aps-lead-form__grid input:focus-visible {
border-color: #75d3ac !important;
box-shadow: 0 0 0 3px rgba(117,211,172,.14);
}
.aps-lead-form__honeypot {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.aps-lead-form__footer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 28px;
}
.aps-lead-form__footer p {
min-height: 18px;
font-size: 12px;
line-height: 18px;
color: rgba(42,45,50,.58);
text-align: center;
}
.aps-lead-form__footer p.is-error { color: #b73939; }
.aps-lead-form__footer p.is-success { color: #34745a; }
.aps-floating-cta {
position: fixed;
z-index: 90;
right: 24px;
bottom: 24px;
width: 286px;
opacity: 0;
visibility: hidden;
transform: translate3d(18px,0,0);
pointer-events: none;
transition: opacity .24s ease,visibility .24s ease,transform .32s cubic-bezier(.16,1,.3,1);
}
.aps-floating-cta.is-visible {
opacity: 1;
visibility: visible;
transform: none;
}
.aps-floating-cta__desktop {
padding: 20px;
border: 1px solid rgba(255,255,255,.09);
border-radius: 20px;
background: rgba(29,31,36,.96);
box-shadow: 0 18px 50px rgba(19,22,24,.22);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
pointer-events: auto;
}
.aps-floating-cta__desktop > span {
display: block;
margin-bottom: 8px;
font-size: 10px;
line-height: 15px;
font-weight: 600;
letter-spacing: .08em;
color: #75d3ac;
}
.aps-floating-cta__desktop > strong {
display: block;
font-family: "Unbounded",sans-serif;
font-size: 16px;
line-height: 23px;
font-weight: 500;
color: #fff;
}
.aps-floating-cta__desktop > p {
margin-top: 8px;
font-size: 12px;
line-height: 18px;
color: rgba(255,255,255,.58);
}
.aps-root .aps-floating-cta__desktop > a,
.aps-root .aps-floating-cta__desktop > a:hover,
.aps-root .aps-floating-cta__desktop > a:focus,
.aps-root .aps-floating-cta__desktop > a:focus-visible {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 46px;
margin-top: 16px;
padding: 0 14px 0 16px;
border-radius: 999px;
background: #75d3ac;
color: #1d1f24;
-webkit-text-fill-color: #1d1f24;
font-size: 12px;
line-height: 18px;
font-weight: 500;
box-shadow: none;
}
.aps-floating-cta__mobile {
display: none;
}
body.aps-menu-open .aps-floating-cta {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
@media (max-width:760px) {
.aps-post-audit-contact {
width: calc(100% - 24px);
margin: 16px 12px 0;
padding: 48px 18px 44px;
border-radius: 24px;
}
.aps-post-audit-contact__head {
margin-bottom: 28px;
}
.aps-post-audit-contact__head h2 {
font-size: 28px;
line-height: 1.22;
}
.aps-post-audit-contact__head p {
font-size: 13px;
line-height: 21px;
}
.aps-lead-form__grid {
grid-template-columns: 1fr;
gap: 14px;
}
.aps-lead-form__footer {
margin-top: 22px;
}
.aps-floating-cta {
left: 50%;
right: auto;
bottom: max(14px, env(safe-area-inset-bottom));
width: min(420px,calc(100% - 28px));
transform: translate3d(-50%,16px,0);
}
.aps-floating-cta.is-visible {
transform: translate3d(-50%,0,0);
}
.aps-floating-cta__desktop {
display: none;
}
.aps-root .aps-floating-cta__mobile,
.aps-root .aps-floating-cta__mobile:hover,
.aps-root .aps-floating-cta__mobile:focus,
.aps-root .aps-floating-cta__mobile:focus-visible,
.aps-root .aps-floating-cta__mobile:active {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
height: 56px;
padding: 0 22px;
border: 1px solid rgba(255,255,255,.1);
border-radius: 999px;
background: #1d1f24;
box-shadow: 0 13px 38px rgba(18,20,23,.28);
color: #fff;
-webkit-text-fill-color: #fff;
font-family: "Poppins",sans-serif;
font-size: 14px;
line-height: 21px;
font-weight: 500;
pointer-events: auto;
}
.aps-floating-cta__mobile i {
color: #75d3ac;
}
}
.aps-print-portal {
display: none;
}
@media print {
@page {
size: A4;
margin: 10mm;
}
body.aps-print-mode > *:not(.aps-print-portal) {
display: none !important;
}
body.aps-print-mode > .aps-print-portal {
display: block !important;
}
.aps-print-portal {
position: static !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
}
html,
body,
.aps-root,
.aps-root * {
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
body.aps-standalone-body,
.aps-root,
.aps-canvas {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
overflow: visible !important;
}
.aps-standalone-footer,
.aps-post-audit-contact,
.aps-floating-cta,
.aps-landing-content,
.aps-result-actions,
.aps-tools,
.aps-category__more {
display: none !important;
}
.aps-results {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
background: #fff !important;
opacity: 1 !important;
transform: none !important;
overflow: visible !important;
}
.aps-result-titlebar {
padding: 0 0 14px !important;
}
.aps-result-titlebar h2 {
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
}
.aps-category,
.aps-category__summary,
.aps-category__panel,
.aps-category__panel-inner,
.aps-check,
.aps-priority-card,
.aps-score-panel,
.aps-security-lead,
.aps-meta-panel {
overflow: visible !important;
}
.aps-category__panel {
display: block !important;
grid-template-rows: 1fr !important;
opacity: 1 !important;
}
.aps-category__panel-inner {
display: block !important;
height: auto !important;
max-height: none !important;
padding: 0 20px !important;
}
.aps-hidden {
display: block !important;
}
.aps-check,
.aps-priority-card,
.aps-security-lead,
.aps-meta-box,
.aps-details__row {
break-inside: avoid;
page-break-inside: avoid;
}
.aps-score-panel,
.aps-priority-grid,
.aps-meta-panel,
.aps-audit {
break-before: auto;
page-break-before: auto;
}
.aps-ring-progress {
transition: none !important;
}
}
.aps-stat strong > span[data-live-audit-count] {
display: inline;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
white-space: inherit;
}
.aps-input-row {
isolation: isolate;
}
.aps-input-icon {
z-index: 4;
pointer-events: none;
}
.aps-root .aps-input-row input.aps-url,
.aps-root .aps-input-row input.aps-email,
.aps-root .aps-input-row input.aps-phone {
left: 52px !important;
right: 154px !important;
width: auto !important;
min-width: 0 !important;
transform: none !important;
}
.aps-root .aps-step--phone .aps-input-row input.aps-phone {
right: 194px !important;
}
.aps-root .aps-submit--phone {
width: 176px !important;
min-width: 176px !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
.aps-step-error {
box-sizing: border-box;
width: 100%;
min-height: 31px;
margin-top: 8px;
overflow: hidden;
}
.aps-root .aps-step-error[hidden] {
display: block !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
@media (min-width:901px) {
.aps-hero {
height: 900px;
}
}
@media (min-width:681px) and (max-width:900px) {
.aps-form-shell,
.aps-form-shell.has-step-error {
height: 282px;
}
.aps-form-shell.is-step-2,
.aps-form-shell.is-step-2.has-step-error {
height: 317px;
}
.aps-form-shell.is-step-3,
.aps-form-shell.is-step-3.has-step-error {
height: 370px;
}
}
@media (max-width:680px) {
.aps-form-shell,
.aps-form-shell.has-step-error {
height: 320px !important;
}
.aps-form-surface,
.aps-form-shell.has-step-error .aps-form-surface {
height: 300px !important;
}
.aps-form-stage,
.aps-form-shell.has-step-error .aps-form-stage {
height: 190px !important;
}
.aps-form-shell.is-step-2,
.aps-form-shell.is-step-2.has-step-error {
height: 340px !important;
}
.aps-form-shell.is-step-2 .aps-form-surface,
.aps-form-shell.is-step-2.has-step-error .aps-form-surface {
height: 320px !important;
}
.aps-form-shell.is-step-2 .aps-form-stage,
.aps-form-shell.is-step-2.has-step-error .aps-form-stage {
height: 210px !important;
}
.aps-form-shell.is-step-3,
.aps-form-shell.is-step-3.has-step-error {
height: 390px !important;
}
.aps-form-shell.is-step-3 .aps-form-surface,
.aps-form-shell.is-step-3.has-step-error .aps-form-surface {
height: 370px !important;
}
.aps-form-shell.is-step-3 .aps-form-stage,
.aps-form-shell.is-step-3.has-step-error .aps-form-stage {
height: 260px !important;
}
.aps-form-shell .aps-stepper,
.aps-form-shell.has-step-error .aps-stepper,
.aps-form-shell.is-step-2 .aps-stepper,
.aps-form-shell.is-step-3 .aps-stepper {
margin-top: 14px !important;
}
.aps-root .aps-input-row input.aps-url,
.aps-root .aps-input-row input.aps-email,
.aps-root .aps-input-row input.aps-phone,
.aps-root .aps-step--phone .aps-input-row input.aps-phone {
left: 46px !important;
right: 16px !important;
width: auto !important;
height: 52px !important;
line-height: 52px !important;
}
.aps-root .aps-submit--phone {
width: calc(100% - 12px) !important;
min-width: 0 !important;
}
}
.aps-post-audit-contact {
width: 100%;
max-width: none;
margin: 32px 0 0;
padding: 80px 24px 76px;
border-radius: 32px 32px 0 0;
background: linear-gradient(145deg,#f3f4f3 0%,#f8f8f8 54%,#eef7f3 100%);
}
.aps-post-audit-contact__inner {
width: min(1280px,100%);
margin: 0 auto;
}
.aps-lead-form {
width: min(1040px,100%);
}
@media (max-width:760px) {
.aps-post-audit-contact {
width: 100%;
margin: 20px 0 0;
padding: 48px 18px 44px;
border-radius: 24px 24px 0 0;
}
.aps-floating-cta {
width: auto;
max-width: calc(100% - 28px);
}
.aps-root .aps-floating-cta__mobile,
.aps-root .aps-floating-cta__mobile:hover,
.aps-root .aps-floating-cta__mobile:focus,
.aps-root .aps-floating-cta__mobile:focus-visible,
.aps-root .aps-floating-cta__mobile:active {
width: auto;
min-width: 184px;
height: 54px;
padding: 0 22px;
border: 0 !important;
background: #75d3ac !important;
box-shadow: none !important;
color: #1d1f24 !important;
-webkit-text-fill-color: #1d1f24 !important;
}
.aps-floating-cta__mobile i {
color: #1d1f24 !important;
}
}
@media (min-width:901px) {
.aps-hero {
height: 778px;
transition: height .3s cubic-bezier(.16,1,.3,1);
}
.aps-hero.is-step-2 {
height: 813px;
}
.aps-hero.is-step-3 {
height: 866px;
}
.aps-form-shell,
.aps-form-shell.has-step-error {
top: auto;
bottom: 0;
height: 265px;
}
.aps-form-shell.is-step-2,
.aps-form-shell.is-step-2.has-step-error {
height: 300px;
}
.aps-form-shell.is-step-3,
.aps-form-shell.is-step-3.has-step-error {
height: 353px;
}
.aps-form-surface,
.aps-form-shell.has-step-error .aps-form-surface,
.aps-form-shell.is-step-2 .aps-form-surface,
.aps-form-shell.is-step-2.has-step-error .aps-form-surface,
.aps-form-shell.is-step-3 .aps-form-surface,
.aps-form-shell.is-step-3.has-step-error .aps-form-surface {
top: 15px;
bottom: 0;
height: auto !important;
}
}
@media (max-width:900px) {
.aps-form-shell {
margin-bottom: 0 !important;
}
.aps-form-surface,
.aps-form-shell.has-step-error .aps-form-surface,
.aps-form-shell.is-step-2 .aps-form-surface,
.aps-form-shell.is-step-2.has-step-error .aps-form-surface,
.aps-form-shell.is-step-3 .aps-form-surface,
.aps-form-shell.is-step-3.has-step-error .aps-form-surface {
bottom: 0;
height: auto !important;
}
}
@media (max-width:680px) {
.aps-hero,
.aps-hero.has-step-error:not(.is-step-2):not(.is-step-3) {
--aps-mobile-form-height: 320px;
}
.aps-hero.is-step-2,
.aps-hero.is-step-2.has-step-error {
--aps-mobile-form-height: 340px;
}
.aps-hero.is-step-3,
.aps-hero.is-step-3.has-step-error {
--aps-mobile-form-height: 390px;
}
.aps-form-surface,
.aps-form-shell.has-step-error .aps-form-surface,
.aps-form-shell.is-step-2 .aps-form-surface,
.aps-form-shell.is-step-2.has-step-error .aps-form-surface,
.aps-form-shell.is-step-3 .aps-form-surface,
.aps-form-shell.is-step-3.has-step-error .aps-form-surface {
top: 10px;
bottom: 0;
height: auto !important;
}
}
.aps-submit .aps-arrow {
display: block;
width: 18px;
height: 24px;
flex: 0 0 18px;
background: url("https://madiavo.lt/wp-content/uploads/2026/09/arrow-light.svg") center / 18px 24px no-repeat;
}
.aps-submit .aps-arrow::before,
.aps-submit .aps-arrow::after {
display: none !important;
}
.aps-post-audit-contact {
position: relative;
width: 100%;
max-width: none;
margin: 32px 0 0;
padding: 58px 24px 64px;
border-radius: 32px 32px 0 0;
background: #f3f3f3;
overflow: hidden;
}
.aps-post-audit-contact::before {
content: "";
position: absolute;
z-index: 0;
left: 0;
right: 0;
top: 0;
height: 2px;
background: linear-gradient(90deg,#255759 0%,#75d3ac 100%);
}
.aps-post-audit-contact__inner {
position: relative;
z-index: 1;
width: min(1280px,100%);
margin: 0 auto;
}
.aps-post-audit-contact__head {
max-width: 760px;
margin: 0 auto 28px;
text-align: center;
}
.aps-post-audit-contact__head > span {
display: none;
}
.aps-post-audit-contact__head h2 {
margin: 0;
font-family: "Unbounded",sans-serif;
font-size: clamp(30px,3.05vw,44px);
line-height: 1.22;
font-weight: 600;
letter-spacing: -.8px;
color: #2a2d32;
}
.aps-post-audit-contact__head h2 em {
color: #85888a;
font-style: normal;
font-weight: 600;
}
.aps-post-audit-contact__head p {
max-width: 670px;
margin: 14px auto 0;
font-size: 14px;
line-height: 22px;
color: rgba(42,45,50,.58);
}
.aps-lead-form {
width: min(1000px,100%);
margin: 0 auto;
}
.aps-lead-form__grid {
gap: 14px 28px;
}
.aps-lead-form__grid label > span {
margin-bottom: 6px;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #2a2d32;
}
.aps-root .aps-lead-form__grid input,
.aps-root .aps-lead-form__grid input:hover,
.aps-root .aps-lead-form__grid input:focus,
.aps-root .aps-lead-form__grid input:focus-visible {
height: 50px;
padding: 0 15px;
border: 1px solid #d9dada !important;
border-radius: 5px;
background: #fff;
box-shadow: none;
font-size: 13px;
}
.aps-root .aps-lead-form__grid input:focus,
.aps-root .aps-lead-form__grid input:focus-visible {
border-color: #75d3ac !important;
box-shadow: 0 0 0 2px rgba(117,211,172,.12);
}
.aps-lead-form__footer {
margin-top: 24px;
gap: 8px;
}
.aps-floating-cta a > img {
display: block;
width: 18px;
height: 24px;
flex: 0 0 18px;
object-fit: contain;
}
.aps-root .aps-floating-cta__desktop > a,
.aps-root .aps-floating-cta__desktop > a:hover,
.aps-root .aps-floating-cta__desktop > a:focus,
.aps-root .aps-floating-cta__desktop > a:focus-visible {
gap: 12px;
}
@media (max-width:760px) {
.aps-post-audit-contact {
margin-top: 20px;
padding: 42px 18px 46px;
border-radius: 24px 24px 0 0;
}
.aps-post-audit-contact__head {
margin-bottom: 24px;
}
.aps-post-audit-contact__head h2 {
font-size: 27px;
line-height: 1.24;
letter-spacing: -.45px;
}
.aps-post-audit-contact__head p {
margin-top: 12px;
font-size: 13px;
line-height: 20px;
}
.aps-lead-form__grid {
gap: 13px;
}
.aps-root .aps-floating-cta__mobile,
.aps-root .aps-floating-cta__mobile:hover,
.aps-root .aps-floating-cta__mobile:focus,
.aps-root .aps-floating-cta__mobile:focus-visible,
.aps-root .aps-floating-cta__mobile:active {
width: auto;
min-width: 190px;
max-width: calc(100vw - 28px);
height: 54px;
padding: 0 20px;
gap: 11px;
border: 0 !important;
background: #75d3ac !important;
box-shadow: none !important;
color: #1d1f24 !important;
-webkit-text-fill-color: #1d1f24 !important;
}
.aps-floating-cta__mobile img {
width: 18px;
height: 24px;
}
}
.aps-post-audit-contact {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.aps-step-error,
.aps-root .aps-step-error[hidden] {
display: none !important;
}
@media (min-width: 901px) {
.aps-hero,
.aps-hero.is-step-2,
.aps-hero.is-step-3 {
height: 808px !important;
min-height: 808px !important;
}
.aps-form-shell,
.aps-form-shell.is-step-2,
.aps-form-shell.is-step-3,
.aps-form-shell.has-step-error,
.aps-form-shell.is-step-2.has-step-error,
.aps-form-shell.is-step-3.has-step-error {
top: 513px !important;
bottom: auto !important;
height: 295px !important;
border-radius: 32px 32px 0 0 !important;
}
.aps-form-surface,
.aps-form-shell.is-step-2 .aps-form-surface,
.aps-form-shell.is-step-3 .aps-form-surface,
.aps-form-shell.has-step-error .aps-form-surface {
height: 280px !important;
border-radius: 24px 24px 0 0 !important;
}
.aps-form-stage,
.aps-form-shell.is-step-2 .aps-form-stage,
.aps-form-shell.is-step-3 .aps-form-stage,
.aps-form-shell.has-step-error .aps-form-stage {
height: 174px !important;
}
.aps-stepper,
.aps-form-shell.is-step-2 .aps-stepper,
.aps-form-shell.is-step-3 .aps-stepper,
.aps-form-shell.has-step-error .aps-stepper {
margin-top: 16px !important;
}
}
@media (min-width: 681px) and (max-width: 900px) {
.aps-hero,
.aps-hero.is-step-2,
.aps-hero.is-step-3 {
min-height: 880px !important;
}
.aps-form-shell,
.aps-form-shell.is-step-2,
.aps-form-shell.is-step-3,
.aps-form-shell.has-step-error,
.aps-form-shell.is-step-2.has-step-error,
.aps-form-shell.is-step-3.has-step-error {
height: 295px !important;
border-radius: 30px 30px 0 0 !important;
}
.aps-form-surface,
.aps-form-shell.is-step-2 .aps-form-surface,
.aps-form-shell.is-step-3 .aps-form-surface,
.aps-form-shell.has-step-error .aps-form-surface {
height: 280px !important;
}
.aps-form-stage,
.aps-form-shell.is-step-2 .aps-form-stage,
.aps-form-shell.is-step-3 .aps-form-stage,
.aps-form-shell.has-step-error .aps-form-stage {
height: 174px !important;
}
.aps-stepper,
.aps-form-shell.is-step-2 .aps-stepper,
.aps-form-shell.is-step-3 .aps-stepper,
.aps-form-shell.has-step-error .aps-stepper {
margin-top: 16px !important;
}
}
.aps-hero-toast {
position: absolute;
z-index: 12;
left: 50%;
bottom: 18px;
display: flex;
align-items: center;
gap: 10px;
max-width: min(620px, calc(100% - 48px));
padding: 11px 16px 11px 12px;
border: 1px solid rgba(183,57,57,.16);
border-radius: 12px;
background: rgba(255,248,248,.96);
box-shadow: 0 7px 14px rgba(18,20,23,.16);
color: #a53333;
font-family: "Poppins",sans-serif;
font-size: 12px;
line-height: 18px;
opacity: 0;
visibility: hidden;
transform: translate3d(-50%,14px,0);
pointer-events: none;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
transition: opacity .22s ease, transform .3s cubic-bezier(.16,1,.3,1), visibility .22s ease;
}
.aps-hero-toast.is-visible {
opacity: 1;
visibility: visible;
transform: translate3d(-50%,0,0);
}
.aps-hero-toast__icon {
display: grid;
place-items: center;
width: 22px;
height: 22px;
flex: 0 0 22px;
border-radius: 50%;
background: #b73939;
color: #fff;
font-size: 12px;
line-height: 1;
font-weight: 600;
}
.aps-hero-toast__text {
min-width: 0;
}
@media (max-width: 680px) {
.aps-hero,
.aps-hero.is-step-2,
.aps-hero.is-step-3 {
--aps-mobile-form-top: clamp(400px, 100vw, 420px);
--aps-mobile-form-height: 352px;
height: calc(var(--aps-mobile-form-top) + var(--aps-mobile-form-height)) !important;
min-height: 0 !important;
}
.aps-form-shell,
.aps-form-shell.is-step-2,
.aps-form-shell.is-step-3,
.aps-form-shell.has-step-error,
.aps-form-shell.is-step-2.has-step-error,
.aps-form-shell.is-step-3.has-step-error {
top: var(--aps-mobile-form-top) !important;
bottom: auto !important;
height: var(--aps-mobile-form-height) !important;
border-radius: 24px 24px 0 0 !important;
}
.aps-form-surface,
.aps-form-shell.is-step-2 .aps-form-surface,
.aps-form-shell.is-step-3 .aps-form-surface,
.aps-form-shell.has-step-error .aps-form-surface {
height: auto !important;
bottom: 0 !important;
border-radius: 18px 18px 0 0 !important;
}
.aps-form-stage,
.aps-form-shell.is-step-2 .aps-form-stage,
.aps-form-shell.is-step-3 .aps-form-stage,
.aps-form-shell.has-step-error .aps-form-stage {
height: auto !important;
}
.aps-stepper,
.aps-form-shell.is-step-2 .aps-stepper,
.aps-form-shell.is-step-3 .aps-stepper,
.aps-form-shell.has-step-error .aps-stepper {
margin-top: auto !important;
}
.aps-hero-toast {
left: 18px;
right: 18px;
bottom: 14px;
max-width: none;
padding: 10px 12px;
font-size: 11px;
line-height: 17px;
transform: translate3d(0,14px,0);
}
.aps-hero-toast.is-visible {
transform: translate3d(0,0,0);
}
}
.aps-post-audit-contact {
position: relative;
z-index: 6;
width: 100vw;
max-width: none;
margin: -76px calc(50% - 50vw) 0 !important;
padding: 88px 32px 76px;
border-radius: 34px 34px 0 0 !important;
background: linear-gradient(145deg,#f3f4f3 0%,#f8f8f8 54%,#eef7f3 100%);
overflow: visible;
}
.aps-post-audit-contact__inner {
width: min(1280px, calc(100% - 48px));
margin: 0 auto;
}
.aps-root.aps-has-results .aps-post-audit-contact {
margin-top: 24px !important;
}
.aps-lead-form {
position: relative;
}
.aps-lead-form__footer {
position: relative;
min-height: 48px;
margin-top: 28px;
gap: 0;
}
.aps-lead-form__footer p {
position: absolute;
z-index: 5;
left: 50%;
bottom: 62px;
width: max-content;
max-width: min(520px, calc(100vw - 56px));
min-height: 0 !important;
margin: 0;
padding: 9px 13px;
border: 1px solid rgba(42,45,50,.08);
border-radius: 10px;
background: rgba(255,255,255,.97);
box-shadow: 0 12px 32px rgba(18,20,23,.12);
color: rgba(42,45,50,.68);
opacity: 0;
visibility: hidden;
transform: translate3d(-50%,10px,0);
pointer-events: none;
transition: opacity .2s ease, transform .28s cubic-bezier(.16,1,.3,1), visibility .2s ease;
}
.aps-lead-form__footer p.is-visible {
opacity: 1;
visibility: visible;
transform: translate3d(-50%,0,0);
}
.aps-lead-form__footer p.is-error {
border-color: rgba(183,57,57,.14);
color: #a53333;
background: rgba(255,248,248,.98);
}
.aps-lead-form__footer p.is-success {
border-color: rgba(52,116,90,.14);
color: #34745a;
background: rgba(247,255,251,.98);
}
@media (max-width: 760px) {
.aps-post-audit-contact {
margin-top: -42px !important;
padding: 62px 18px 52px;
border-radius: 26px 26px 0 0 !important;
}
.aps-post-audit-contact__inner {
width: 100%;
}
.aps-root.aps-has-results .aps-post-audit-contact {
margin-top: 16px !important;
}
.aps-lead-form__footer p {
bottom: 64px;
width: calc(100vw - 56px);
max-width: 360px;
}
.aps-root.aps-has-results .aps-floating-cta {
width: calc(100% - 28px) !important;
max-width: 420px !important;
}
.aps-root.aps-has-results .aps-floating-cta__mobile,
.aps-root.aps-has-results .aps-floating-cta__mobile:hover,
.aps-root.aps-has-results .aps-floating-cta__mobile:focus,
.aps-root.aps-has-results .aps-floating-cta__mobile:focus-visible,
.aps-root.aps-has-results .aps-floating-cta__mobile:active {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
background: #75d3ac !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
box-shadow: none !important;
}
.aps-root.aps-has-results .aps-floating-cta__mobile img {
width: 18px;
height: 24px;
filter: brightness(0) invert(1);
}
}
.aps-hero {
transition: height .34s cubic-bezier(.16,1,.3,1), min-height .34s cubic-bezier(.16,1,.3,1);
}
.aps-form-shell {
transition: height .34s cubic-bezier(.16,1,.3,1), opacity .22s ease, transform .32s cubic-bezier(.16,1,.3,1), filter .22s ease;
}
@media (min-width: 901px) {
.aps-hero,
.aps-hero.has-step-error:not(.is-step-2):not(.is-step-3) {
height: 748px !important;
min-height: 748px !important;
}
.aps-hero.is-step-2,
.aps-hero.is-step-2.has-step-error {
height: 776px !important;
min-height: 776px !important;
}
.aps-hero.is-step-3,
.aps-hero.is-step-3.has-step-error {
height: 808px !important;
min-height: 808px !important;
}
.aps-form-shell,
.aps-form-shell.has-step-error,
.aps-form-shell:not(.is-step-2):not(.is-step-3) {
top: 513px !important;
bottom: auto !important;
height: 235px !important;
}
.aps-form-shell.is-step-2,
.aps-form-shell.is-step-2.has-step-error {
height: 263px !important;
}
.aps-form-shell.is-step-3,
.aps-form-shell.is-step-3.has-step-error {
height: 295px !important;
}
.aps-form-surface,
.aps-form-shell.has-step-error .aps-form-surface,
.aps-form-shell:not(.is-step-2):not(.is-step-3) .aps-form-surface {
height: 220px !important;
}
.aps-form-shell.is-step-2 .aps-form-surface,
.aps-form-shell.is-step-2.has-step-error .aps-form-surface {
height: 248px !important;
}
.aps-form-shell.is-step-3 .aps-form-surface,
.aps-form-shell.is-step-3.has-step-error .aps-form-surface {
height: 280px !important;
}
.aps-form-stage,
.aps-form-shell.has-step-error .aps-form-stage,
.aps-form-shell:not(.is-step-2):not(.is-step-3) .aps-form-stage {
height: 92px !important;
}
.aps-form-shell.is-step-2 .aps-form-stage,
.aps-form-shell.is-step-2.has-step-error .aps-form-stage {
height: 120px !important;
}
.aps-form-shell.is-step-3 .aps-form-stage,
.aps-form-shell.is-step-3.has-step-error .aps-form-stage {
height: 152px !important;
}
.aps-stepper,
.aps-form-shell.has-step-error .aps-stepper,
.aps-form-shell.is-step-2 .aps-stepper,
.aps-form-shell.is-step-3 .aps-stepper {
margin-top: 16px !important;
}
}
@media (min-width: 681px) and (max-width: 900px) {
.aps-form-shell,
.aps-form-shell.has-step-error,
.aps-form-shell:not(.is-step-2):not(.is-step-3) {
height: 235px !important;
}
.aps-form-shell.is-step-2,
.aps-form-shell.is-step-2.has-step-error {
height: 263px !important;
}
.aps-form-shell.is-step-3,
.aps-form-shell.is-step-3.has-step-error {
height: 295px !important;
}
.aps-form-surface,
.aps-form-shell.has-step-error .aps-form-surface,
.aps-form-shell:not(.is-step-2):not(.is-step-3) .aps-form-surface {
height: 220px !important;
}
.aps-form-shell.is-step-2 .aps-form-surface,
.aps-form-shell.is-step-2.has-step-error .aps-form-surface {
height: 248px !important;
}
.aps-form-shell.is-step-3 .aps-form-surface,
.aps-form-shell.is-step-3.has-step-error .aps-form-surface {
height: 280px !important;
}
.aps-form-stage,
.aps-form-shell.has-step-error .aps-form-stage,
.aps-form-shell:not(.is-step-2):not(.is-step-3) .aps-form-stage {
height: 92px !important;
}
.aps-form-shell.is-step-2 .aps-form-stage,
.aps-form-shell.is-step-2.has-step-error .aps-form-stage {
height: 120px !important;
}
.aps-form-shell.is-step-3 .aps-form-stage,
.aps-form-shell.is-step-3.has-step-error .aps-form-stage {
height: 152px !important;
}
.aps-stepper,
.aps-form-shell.has-step-error .aps-stepper,
.aps-form-shell.is-step-2 .aps-stepper,
.aps-form-shell.is-step-3 .aps-stepper {
margin-top: 16px !important;
}
}
@media (max-width: 680px) {
.aps-hero,
.aps-hero.has-step-error:not(.is-step-2):not(.is-step-3) {
--aps-mobile-form-height: 260px !important;
height: calc(var(--aps-mobile-form-top) + var(--aps-mobile-form-height)) !important;
}
.aps-hero.is-step-2,
.aps-hero.is-step-2.has-step-error {
--aps-mobile-form-height: 300px !important;
height: calc(var(--aps-mobile-form-top) + var(--aps-mobile-form-height)) !important;
}
.aps-hero.is-step-3,
.aps-hero.is-step-3.has-step-error {
--aps-mobile-form-height: 350px !important;
height: calc(var(--aps-mobile-form-top) + var(--aps-mobile-form-height)) !important;
}
.aps-form-shell,
.aps-form-shell.has-step-error,
.aps-form-shell:not(.is-step-2):not(.is-step-3) {
height: 260px !important;
}
.aps-form-shell.is-step-2,
.aps-form-shell.is-step-2.has-step-error {
height: 300px !important;
}
.aps-form-shell.is-step-3,
.aps-form-shell.is-step-3.has-step-error {
height: 350px !important;
}
.aps-form-surface,
.aps-form-shell.is-step-2 .aps-form-surface,
.aps-form-shell.is-step-3 .aps-form-surface,
.aps-form-shell.has-step-error .aps-form-surface {
top: 10px !important;
bottom: 0 !important;
height: auto !important;
}
.aps-form-stage,
.aps-form-shell.is-step-2 .aps-form-stage,
.aps-form-shell.is-step-3 .aps-form-stage,
.aps-form-shell.has-step-error .aps-form-stage {
height: auto !important;
}
.aps-stepper,
.aps-form-shell.is-step-2 .aps-stepper,
.aps-form-shell.is-step-3 .aps-stepper,
.aps-form-shell.has-step-error .aps-stepper {
margin-top: auto !important;
}
}