.state-landing {
--cream:    #fffef9;
--white:    #ffffff;
--yellow:   #ffd740;
--ys:       #fff8e1;
--text:     #3f3350;
--accent:   #ff7043;
--acc-glow: rgba(255,112,67,.45);
--stroke:   #ffd1c3;
--gold:     #ffd740;
--step-bg:  #3f3350;
--pad: 112px; --gap: 80px; color: var(--text);
font-family: 'Inter', sans-serif;
} .state-landing h1,
.state-landing h2,
.state-landing h3 {
font-family: 'Zilla Slab', serif;
font-weight: 400;
color: var(--text);
margin: 0;
}
.state-landing p  { margin: 0; }
.state-landing ul { margin: 0; padding: 0; list-style: none; } .state-landing section {
padding-top: var(--pad);
padding-bottom: var(--pad);
} .state-landing h1 { font-size: clamp(2.25rem, 4vw, 3.75rem); line-height: 1.2; }
.state-landing h2 { font-size: clamp(1.875rem, 3vw, 3.5rem);  line-height: 1.2; }
.state-landing h3 { font-size: 1.375rem; line-height: 1.35; }
.sl-center { text-align: center; }  .cta-btn .nobr { white-space: nowrap; display: inline; vertical-align: baseline; }
.sl-cta-btn { align-self: flex-start; padding: 22px 19px; box-shadow: none; margin-top: 0 !important}
.sl-cta-btn.cta-btn .arr{width:11px; height: 15px;top:-1px}
.sl-cta-btn--glow { box-shadow: 0 0 24px 6px var(--acc-glow); }
.sl-cta-btn--glow:hover { box-shadow: 0 0 36px 10px var(--acc-glow); }
.sl-center-cta { display: flex; justify-content: center; } .state-landing section.sl-hero { padding-top: 176px } .sl-hero .contentContainer {
max-width: 1800px; margin: 0 auto; height: auto;
}
.sl-hero__inner {
display: grid; grid-template-columns: 220fr 553fr 80fr 787fr 160fr;
align-items: center;
gap: 0;
}
.sl-hero__content {
grid-column: 2; display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.sl-hero__tagline {
font-size: 1.25rem;
line-height: 1.5;
}
.sl-hero__body {
font-size: 1.25rem;
line-height: 1.5;
font-weight:700
}
.sl-hero__image {
grid-column: 4; width: 100%;
max-width: none;
}
.sl-hero__image img {
display: block;
width: 100%;
height: auto;
} @media screen and (max-width: 1024px) {
.sl-hero .contentContainer {
max-width: 1200px;
margin: 0 auto;
padding-left:  40px;
padding-right: 40px;
height: auto;
}
.sl-hero__inner {
display: flex;
flex-wrap: wrap;
gap: 48px;
align-items: center;
}
.sl-hero__content {
grid-column: auto;
flex: 1;
min-width: 280px;
}
.sl-hero__image {
grid-column: auto;
flex: 1;
min-width: 320px;
max-width: none;
}
}
@media screen and (max-width: 768px) {
.sl-hero .contentContainer {
padding-left:  24px;
padding-right: 24px;
}
.sl-hero__inner {
flex-direction: column;
gap: 40px;
}
.sl-hero__image {
width: 100%;
max-width: 480px;
margin: 0 auto;
}
} .sl-coverage {
position: relative;
background-color: var(--cream);
border-top: 1px solid var(--stroke);
overflow: hidden;
padding-bottom: 0 !important; } .sl-coverage .contentContainer {
max-width: 1800px !important; margin: 0 auto!important;
height: auto;
}
.sl-coverage__inner {
display: grid; grid-template-columns: 945fr 472fr 170fr;
align-items: start;
gap: 0;
} .sl-coverage__image {
grid-column: 1;
position: relative;
height: 486px; overflow: visible;
}  .sl-coverage__flip {
position: absolute;
inset: 0;
overflow: visible;
}   .sl-coverage__image .background.main {
width:  1100px;
height: 1136px;
top:    -25px; left:   0;
zoom:   0.45; overflow: visible;
}
.sl-coverage__image .background.main img.spacer {
width: 80%; top:  129px;
left: 162px;
}
.sl-coverage__image .background.main .girl {
width: 599px; left:  0;
top:   631px;
} .sl-coverage__image .armadillo {
width: 142px;
left:  460px; top:   -240px;
}
.sl-coverage__image .armadillo .chute {
position: absolute;
left: 0; top: 0;
width: 100%;
transform-origin: center top;
}
.sl-coverage__image .armadillo .eye-wrap {
position: absolute;
width: 7px;  height: 7px;
border-radius: 7px;
left: 66px;  top: 145px;
}
.sl-coverage__image .armadillo .eye {
left: -1px;
width: 4px;  height: 4px;
border-radius: 4px;
} .background.cn img{
margin-left: -37%;
}
.sl-coverage__image .clouds {
position: absolute;
left: 0;  top: 20px;
width:  1100px;
height: 300px; overflow: hidden;
}
.sl-coverage__image .clouds .cloud-mover {
width: 4000px; }  .sl-coverage.on .cloud-mover {
animation: slideRight infinite 30s linear; }
.sl-coverage.on .eye-wrap {
animation: eyeMover infinite 12s ease-in-out;
}
.sl-coverage.on .armadillo {
animation: armaDrop infinite 10s linear;
}
.sl-coverage.on .armadillo .chute {
animation: armaChute infinite 4s ease-in-out;
}
.sl-coverage__content {
grid-column: 2;
margin-top: 85px;
padding-left: 48px; display: flex;
flex-direction: column;
align-items: flex-start;
position: relative; z-index: 1;
}
.sl-coverage__content p        { margin-top: 24px; }
.sl-coverage__content .cta-btn { margin-top: 32px !important; }
.sl-coverage__content p {
font-size: 1.25rem;
line-height: 1.8;
}  @media screen and (min-width: 1025px) and (max-width: 1350px) {
.sl-coverage__inner {
grid-template-columns: 52fr 38fr 10fr;
}
.sl-coverage__content {
margin-top: 60px; }
}
@media screen and (max-width: 1024px) {
.sl-coverage .contentContainer {
margin: 0 auto;
padding-left:  40px;
padding-right: 40px;
}
.sl-coverage__inner {
display: flex;
flex-wrap: wrap;
gap: 0;
align-items: center;
}
.sl-coverage__image {
grid-column: auto;
flex: 0 0 auto;
width: 50%;
min-width: 320px;
overflow: hidden; }
.sl-coverage__content {
grid-column: auto;
margin-top: 0; flex: 1;
min-width: 280px;
}
}
@media screen and (max-width: 768px) {
.sl-coverage .contentContainer {
padding-left:  0; padding-right: 0;
}
.sl-coverage__inner {
flex-direction: column;
gap: 0;
}
.sl-coverage__image {
width: 100%;
min-width: 0;
}
.sl-coverage__content {
padding-left:  24px; padding-right: 24px;
margin-top: 0;
}
} .sl-features {
background-color: var(--cream);
border-bottom: 1px solid var(--stroke);
}
.sl-features .contentContainer {
display: flex;
flex-direction: column;
align-items: center;
gap: 80px;
}
.sl-features__grid {
display: grid;
grid-template-columns: repeat(6, 1fr); gap: 64px 80px;
width: 100%;
max-width: 1050px;
} .sl-features__grid .sl-feature-card:not(.sl-feature-card--row2) {
grid-column: span 2;
}  .sl-features__grid > div:nth-child(4) { grid-column: 2 / 4; }
.sl-features__grid > div:nth-child(5) { grid-column: 4 / 6; }
.sl-feature-card {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center;
}
.sl-feature-card__icon {
height: 110px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.sl-feature-card__icon img {
max-height: 110px;
width: auto;
display: block;
}   .sl-features .bucket-icon {
width: 150px;
height: 115px;
margin: 0 auto;
display: block;
position: relative;
} .sl-features .bucket-icon .spacer {
width: 100%;
height: auto;
display: block;
}
.sl-feature-card h3 {
font-size: 1.625rem;
}
.sl-feature-card p {
font-size: 1rem;
line-height: 1.75;
}
.sl-features__cta { display: flex; justify-content: center; } .sl-covers {
background-color: var(--white);
}
.sl-covers .contentContainer {
display: flex;
flex-direction: column;
align-items: center;
gap: 80px;
}
.sl-covers__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px; width: 100%;
max-width: 1280px;
}
.sl-covers__card {
background-color: var(--cream);
border: 1px solid var(--stroke);
padding: 24px;
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
text-align: center;
}
.sl-covers__icon {
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.sl-covers__icon img {
max-height: 80px;
width: auto;
display: block;
} .sl-covers__title {
font-family: 'Zilla Slab', serif;
font-size: 1.625rem;
font-weight: 400;
color: var(--text);
margin: 0;
} .sl-covers p.hasLine {
padding: 0 44px;
line-height: 1.35;
min-width: 180px;
display: inline-block;
position: relative;
white-space: nowrap;
}
.sl-covers p.hasLine::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 21px;
top: -1px;
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/title-line.svg) left center no-repeat;
background-size: 80% 31px;
}
.sl-covers p.hasLine span {
position: relative;
} .sl-covers__subtitle {
font-family: 'Inter', sans-serif;
font-size: 1.1875rem;
font-weight: 600;
color: var(--text);
margin-top: -13px !important
}
.sl-covers__list {
list-style: disc !important;
padding-left: 1.5em !important;
text-align: left;
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
}
.sl-covers__list li {
font-size: 1.25rem;
line-height: 1.8;
} .sl-comparison { background-color: var(--white); }
.sl-comparison__header {
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 80px;
}
.sl-comparison__sub {
font-size: 1.25rem;
}
.sl-comparison__table-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 0 8px;
}
.sl-comparison__table {
width: 100%;
max-width: 850px;
margin-inline: auto;
border-collapse: collapse;
font-size: 1rem;
color: var(--text);
table-layout: fixed; } .sl-comparison__table .sl-col--repair { width: 41%; }
.sl-comparison__table .sl-col--arma   { width: 34%; }
.sl-comparison__table .sl-col--std    { width: 25%; } .sl-comparison__table thead th {
font-family: 'Zilla Slab', serif;
font-weight: 700;
font-size: 1.1875rem;
padding: 14px 35px;
text-align: center;
border: 1px solid var(--stroke);
} .sl-comparison__table tbody tr {
border-bottom: 1px solid var(--stroke);
border-left:   1px solid var(--stroke);
border-right:  1px solid var(--stroke);
}
.sl-comparison__table td {
padding: 26px 12px;
vertical-align: middle;
text-align: center;
}  .sl-comparison__table td.sl-col--repair {
padding: 26px 35px;
text-align: left;
}
.sl-comparison__table th.sl-col--repair {
text-align: left;
}
.sl-comparison__table th.sl-col--std {
padding: 14px 12px;
}
.sl-comparison__table td.sl-col--std {
padding: 26px 12px;
}
.sl-repair-cell {
display: flex;
align-items: center;
gap: 0;
}
.sl-row-icon {
flex-shrink: 0;
width: 70px;
display: flex;
align-items: center;
justify-content: center;
margin-right:60px
}
.sl-row-icon img {
object-fit: contain;
display: block;
} .sl-col--std {
background-color: var(--cream); } .sl-col--arma {
background-color: var(--ys);
}
.sl-comparison__table thead .sl-col--arma {
border-top:   6px solid var(--gold) !important;
border-left:  6px solid var(--gold) !important;
border-right: 6px solid var(--gold) !important;
}
.sl-comparison__table tbody .sl-col--arma,
.sl-comparison__table tfoot .sl-col--arma {
border-left:  6px solid var(--gold) !important;
border-right: 6px solid var(--gold) !important;
}
.sl-comparison__table tfoot .sl-col--arma {
border-bottom: 6px solid var(--gold) !important;
}
.sl-cta-cell { text-align: center; }
.sl-cta-cell .sl-cta-btn { align-self: center; display: inline-flex; } .sl-perfect { background-color: var(--white); }
.sl-perfect__inner {
display: grid;
grid-template-columns: 500fr 700fr;
column-gap: 80px;
align-items: flex-start;
}
.sl-perfect__content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 42px;
padding-top: 8px;
}
.sl-perfect__box {
background-color: var(--yellow);
padding: 36px;
position: relative;
overflow: visible; }
.sl-perfect__intro {
font-family: 'Inter', sans-serif;
font-size: 1rem;
line-height: 1.75;
margin-bottom: 16px;
}
.sl-perfect__list {
display: flex;
flex-direction: column;
gap: 16px;
margin: 24px 0 !important;
}
.sl-perfect__list li {
font-size: 1rem;
line-height: 1.75;
padding-left: 26px;
position: relative;
}
.sl-perfect__list li::before {
content: '✓';
position: absolute;
left: 0;
color: var(--accent); font-weight: 700;
}
.sl-perfect__close {
font-size: 1rem;
line-height: 1.75;
max-width: calc(100% - 110px); } .sl-perfect__box .armadillo {
width: 160px;
position: absolute;
right: -30px;
bottom: -24px;
} .sl-how { background-color: var(--white); }
.sl-how .contentContainer {
display: flex;
flex-direction: column;
align-items: center;
gap: 80px;
}
.sl-how__header {
display: flex;
flex-direction: column;
gap: 24px;
text-align: center;
}
.sl-how__tagline {
font-size: 1.25rem;
} .sl-steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
width: 100%;
}
.sl-step { display: flex; flex-direction: column; }
.sl-step__img {
width: 100%;
aspect-ratio: 1.4;
background-color: var(--step-bg);
display: flex;
align-items: center;
justify-content: center;
} .sl-step__body {
border: 1px solid var(--stroke);
border-top: none;
background-color: var(--cream);
padding: 24px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 24px;
flex: 1;
}
.sl-step__body h3 { font-size: 1.625rem; }
.sl-step__body p  { font-size: 1.25rem; line-height: 1.8 } .sl-worth {
background-color: var(--cream);
border-top:    1px solid var(--stroke);
border-bottom: 1px solid var(--stroke);
overflow: hidden;  }   .sl-worth__inner.contentContainer{
max-width:1336px
}
.sl-worth__inner {
display: flex;
align-items: center;
gap: 0;
overflow: visible; padding-top: 88px;
padding-bottom: 88px;
} .sl-worth__content {
flex: 0 0 50%;
max-width: 50%;
padding-right: 80px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 36px;
}
.sl-worth__intro {
font-size: 1.25rem;
font-weight: 400;
}
.sl-checklist {
display: flex;
flex-direction: column;
gap: 16px;
}
.sl-checklist li {
font-size: 1.25rem;
line-height: 1.8;
padding-left: 26px;
position: relative;
}
.sl-checklist li::before {
content: '✓';
position: absolute;
left: 0;
color: var(--accent);
font-weight: 700;
}
.sl-worth__closer {
font-size: 1.25rem;
line-height: 1.8;
}  .sl-worth__image {
flex: 0 0 50%;
position: relative;
} .sl-worth__image .background {
top: 50px;
width: 916px;
transform-origin: left top;
overflow: visible;
} .sl-worth__image .bghide {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.sl-worth__image .bghide.shift {
top: -50px;
left: -100px;
height: calc(100% + 50px);
width: calc(100% + 150px);
}
.sl-worth__image .bghide.short {
height: calc(100% - 100px);
}
.sl-worth__image .people {
top: 50px;
width: 916px;
left: 100px;
transform-origin: center bottom;
}
.sl-worth__image .poster {
width: 157px;
left: 628px;
top: 31px;
}
.sl-worth__image .kid {
width: 150px;
left: 349px;
top: 185px;
}
.sl-worth__image .armadillo-wrap {
position: absolute;
left: 546px;
top: 285px;
width: 165px;
height: 90px;
}
.sl-worth__image .armadillo-wrap .armadillo {
width: 165px;
transform-origin: right bottom;
}
.sl-worth__image .armadillo-wrap .earL {
left: 92px;
top: 2px;
width: 16px;
height: 25px;
}
.sl-worth__image .armadillo-wrap .earL img {
transform: rotate(-5deg);
}
.sl-worth__image .armadillo-wrap .earR {
left: 96px;
top: -1px;
width: 21px;
height: 33px;
}
.sl-worth__image .armadillo-wrap .earR img {
transform: rotate(18deg);
}
.sl-worth__image .armadillo-wrap .eye-wrap {
position: absolute;
width: 15px;
height: 15px;
border-radius: 15px;
left: 71px;
top: 39px;
}
.sl-worth__image .armadillo-wrap .eye-wrap .inner {
width: 15px;
height: 15px;
transform: rotate(-20deg);
}
.sl-worth__image .armadillo-wrap .eye {
left: 0;
width: 6px;
height: 6px;
border-radius: 6px;
}  .state-faq,
.state-faq#faq {
background-color: var(--white);
padding-top: var(--pad) !important;
padding-bottom: var(--pad) !important;
} .state-faq .faq-wrap {
max-width: 820px;
margin: 0 auto;
border-bottom: none !important;
}  .state-faq .faq-wrap h4,
.state-faq#faq h4 {
font-family: 'Zilla Slab', serif !important;
font-weight: 400 !important;
font-size: clamp(1.875rem, 3vw, 3.5rem) !important;
line-height: 1.2 !important;
color: var(--text) !important;
text-align: center !important;
margin: 0 0 80px 0 !important;
padding: 0 !important;
min-width: 0 !important;
display: block;
} .state-faq .faq-wrap h4.hasLine::before,
.state-faq .faq-wrap h4.hasLine::after,
.state-faq .faq-wrap h4.hasLine span::before,
.state-faq .faq-wrap h4.hasLine span::after {
display: none !important;
} .state-faq .faq-wrap .faq-question,
.state-faq#faq .faq-wrap .faq-question {
position: relative;
border-top: 1px solid var(--stroke) !important;
border-bottom: none !important;
overflow: visible;
transition: background-color 0.25s ease, border-color 0.25s ease;
}
#faq.state-faq .faq-wrap .faq-question:last-child {
border-bottom: 1px solid var(--stroke) !important;
} .state-faq .faq-question .bgcolor {
display: none !important;
}  .state-faq .faq-wrap .faq-question .question,
.state-faq#faq .faq-wrap .faq-question .question {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 32px 48px 32px 24px !important;
cursor: pointer;
} .state-faq .faq-question .question p,
.state-faq .faq-question .question p.intro {
flex: 1;
margin: 0 !important;
font-family: 'Inter', sans-serif;
font-size: 1.25rem;
line-height: 1.5;
color: var(--text);
transition: color 0.25s ease;
width: auto !important;
}  .state-faq .faq-question .arr,
.state-faq#faq .faq-wrap .faq-question .arr {
top:36px;
right:24px;
width: auto !important;
height: auto !important;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.state-faq .faq-question .arr .icon {
color: var(--accent);
font-size: 16px;
display: block;
line-height: 1;
}  #faq .faq-wrap .faq-question .answer > div{
padding-bottom: 32px !important;
max-width: none !important
}
.state-faq .faq-wrap .faq-question .answer,
.state-faq#faq .faq-wrap .faq-question .answer {
padding-left: 0 !important;
padding-right: 0 !important;
overflow: hidden;
}
.state-faq .faq-question .answer > div {
padding: 0 48px 32px 24px;
}
.state-faq .faq-question .answer p {
font-family: 'Inter', sans-serif;
font-size: 1rem;
line-height: 1.75;
color: var(--text);
} .state-faq .faq-question.open,
.state-faq#faq .faq-wrap .faq-question.open {
background-color: var(--ys) !important; border-top: 2px solid var(--accent) !important; }
.state-faq .faq-question.open .question p,
.state-faq .faq-question.open .question p.intro {
color: var(--accent) !important;
}
.state-faq .faq-question.open .arr {
transform: rotate(180deg) !important;
}   .sl-cta-banner {
position: relative;
margin-bottom: 112px;
padding-top: 0 !important;
padding-bottom: 0 !important;
} .sl-cta-banner__bg {
position: relative;
overflow: hidden;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
background-color: #ffd740 !important;
border-top:    none !important;
border-bottom: none !important;
padding-top: 62px !important;
padding-bottom: 17.5% !important; } .sl-cta-banner__seal {
position: absolute;
top: 51px;
right: 65px;
width: 129px;
height: auto;
z-index: 3;
} .sl-cta-banner .contentContainer {
position: relative;
z-index: 2;
} .sl-cta-banner__content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 36px; margin: 0 auto;
}
.sl-cta-banner__content h2 {
color: var(--text);
margin-bottom: 8px;
}
.sl-cta-banner__content p {
font-size: 1.25rem;
line-height: 1.8;
color: var(--text);
} .sl-cta-banner .sl-cta-btn {
align-self: center;
margin-top: 16px;
} .sl-cta-banner__wordmark {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
aspect-ratio: 1400 / 302; z-index: 1;
pointer-events: none;
} .sl-cta-banner__wordmark .sizer {
display: block;
width: 100%;
} .sl-cta-banner__wordmark .willScale {
position: absolute;
width: 1400px;
height: 302px;
left: 0;
top: 0;
transform-origin: left top;
} .sl-cta-banner__wordmark .willScale img {
display: block;
position: absolute;
width: 1530px;
left: -57px;
bottom: -19px;
} @media (max-width: 1400px) {
.sl-cta-banner__bg{padding-bottom:24.5% !important}
}
@media (max-width: 1300px) { .sl-cta-banner__seal { right: 25px; top: 25px; }
}
@media (max-width: 1200px) {
.sl-covers__grid { gap: 28px; }
} @media (max-width: 1024px) {
.state-landing { --pad: 72px; --gap: 48px; }
.sl-hero__inner,
.sl-coverage__inner,
.sl-worth__inner {
flex-direction: column;
} .sl-perfect__inner {
grid-template-columns: 1fr;
column-gap: 0;
row-gap: 40px;
}
.state-landing section.sl-coverage{ padding-top:0; padding-bottom:var(--pad)!important}
.sl-hero__image,
.sl-coverage__image,
.sl-worth__image {
width: 100%;
margin-inline: auto;
} .sl-worth__inner { gap: 48px; padding-top:0; padding-bottom: 50px}
.sl-worth__content {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
}
.sl-worth__image { max-width: 560px; }
.sl-perfect__content { width: 100%; }
.sl-steps { grid-template-columns: repeat(2, 1fr); }
.sl-features__grid {
grid-template-columns: repeat(2, 1fr);
gap: 48px 60px;
} .sl-features__grid .sl-feature-card:not(.sl-feature-card--row2) { grid-column: auto; }
.sl-features__grid > div:nth-child(4),
.sl-features__grid > div:nth-child(5) { grid-column: auto; } .sl-features__grid > .sl-feature-card:last-child {
grid-column: 1 / -1;
max-width: calc(50% - 30px);
margin-inline: auto;
}
.sl-covers__grid { grid-template-columns: 1fr; gap: 16px; } .sl-cta-banner { padding-top: 43px !important; }
.sl-cta-banner__seal {
position: relative;
display: block;
top: auto;
right: auto;
margin: 0 auto 25px;
}
}
@media (max-width: 768px) {  .sl-features .contentContainer, .sl-covers .contentContainer, .sl-perfect__content, .sl-perfect__inner, .sl-how .contentContainer, .sl-worth__content{
gap: 32px;
}
.sl-features__grid{
gap: 32px 32px;
}
.sl-comparison__header{
margin-bottom: 32px;
} .sl-comparison__table,
.sl-comparison__table thead,
.sl-comparison__table tbody,
.sl-comparison__table tfoot,
.sl-comparison__table tr,
.sl-comparison__table th,
.sl-comparison__table td {
display: block;
width: 100% !important;
box-sizing: border-box;
}
.sl-comparison__table-wrap{
padding: 0;
} .sl-comparison__table thead { display: none; } .sl-comparison__table tbody tr {
border: 1px solid var(--stroke);
margin-bottom: 16px;
overflow: hidden;
} .sl-comparison__table td.sl-col--repair {
padding: 14px 16px;
background-color: var(--cream, #faf7f2);
font-weight: 700;
border-bottom: 1px solid var(--stroke);
text-align: left;
} .sl-comparison__table td.sl-col--arma,
.sl-comparison__table td.sl-col--std {
display: flex;
justify-content: space-between;
align-items: center;
padding: 13px 16px;
border-bottom: 1px solid var(--stroke);
text-align: right;
}
.sl-comparison__table td.sl-col--std { border-bottom: none; }
.sl-comparison__table td.sl-col--arma::before,
.sl-comparison__table td.sl-col--std::before {
content: attr(data-label);
font-weight: 600;
font-size: 0.875rem;
text-align: left;
flex-shrink: 0;
margin-right: 12px;
color: var(--text);
} .sl-comparison__table td.sl-col--arma {
background-color: var(--ys);
border-left: none !important;
border-right: none !important;
} .sl-comparison__table tfoot tr {
border: none;
margin-bottom: 0;
}
.sl-comparison__table tfoot td { border: none; }
.sl-comparison__table tfoot td:empty { display: none; }
.sl-comparison__table tfoot .sl-col--arma {
display: block;
background-color: transparent;
border-left: none !important;
padding: 24px 0 0;
border-bottom: none !important;
text-align: center;
}
.sl-comparison__table tfoot .sl-col--arma::before { display: none; } .sl-worth__inner { gap: 32px; }
.sl-worth__image { max-width: 480px; }
} @media (max-width: 650px) { .sl-cta-banner { padding-left: 0 !important; padding-right: 0 !important; }
.sl-cta-banner__content { padding-left: 25px; padding-right: 25px; }
.sl-cta-banner__bg {
padding-bottom: 31.5% !important;
}
}
@media (max-width: 640px) {
.state-landing section.sl-hero{ padding-top: 135px !important; }
.sl-hero .contentContainer, .sl-coverage__content {
padding-left:  0;
padding-right: 0;
}
.state-landing { --pad: 56px; --gap: 36px; } .state-faq .faq-wrap h4 span br,
.state-faq#faq h4 span br,
#sl-offerings h2 br,
.sl-comparison__header h2 br { display: none; } .state-faq .faq-wrap h4,
.state-faq#faq h4 { margin-bottom: 50px !important; padding: 0 24px !important } .sl-perfect__box .armadillo { zoom: 0.625; right: -30px; bottom: -24px; opacity: 1 !important; transform: none !important; }
.sl-perfect__close  { max-width: calc(100% - 80px); }
.sl-steps { grid-template-columns: 1fr; }
.sl-features__grid { grid-template-columns: 1fr; gap: 40px; } .sl-features__grid > .sl-feature-card:last-child {
grid-column: auto;
max-width: none;
margin-inline: 0;
}  .sl-center-cta,
.sl-features__cta {
width: 100%;
}
.cta-btn.sl-cta-btn {
width: 100%;
justify-content: center;
text-align: center;
line-height: 1.5;
}
.sl-cta-btn.cta-btn .arr{
top: -4px;
} .sl-worth__inner { gap: 32px; padding-bottom:0}
.sl-worth__image {
flex: 0 0 300px; max-width: none;
width: 100%;
height: 300px;
overflow: hidden;
margin-top:20px
}
.sl-worth__image .spacer.sizer { display: none; }
.sl-worth__image .background.willScale {
transform: scale(0.45) !important;
left: 50% !important;
margin-left: -458px; transform-origin: center top !important;
top: 0;
}
}
@media (max-width: 480px) { .sl-cta-banner__content h2 br { display: none; }
}
@media (max-width: 450px) { } .sl-worth .armadillo { opacity: 0; }.appliance-landing .al-covers {
background: var(--white);
padding-top: var(--pad);
padding-bottom: var(--pad);
}
.appliance-landing .al-covers .contentContainer {
display: flex;
flex-direction: column;
align-items: center;
gap: 80px;
}
.appliance-landing .al-covers h2.sl-center{
max-width: 900px;
} .appliance-landing .al-covers__card {
display: flex;
align-items: center;
gap: 36px;
max-width: 686px;
margin: 0;
padding: 40px;
background: var(--cream, #fffef9);
border: 1px solid var(--stroke, #ffd1c3);
border-radius: 0;
} .appliance-landing .al-covers__icon-col {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
flex-shrink: 0;
}
.appliance-landing .al-covers__icon-circle {
width: 200px;
height: 200px; display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.appliance-landing .al-covers__icon-circle img {
width: 200px;
height: 200px;
object-fit: contain;
}
.appliance-landing .al-covers__icon-label {
font: 400 26px / 1.2 'Zilla Slab', serif;
color: var(--dark, #3f3350);
text-align: center;
display: inline-block;
position: relative;
padding: 0 10px;
white-space: nowrap;
}
.appliance-landing .al-covers__icon-label::before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
height: 34px;
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/title-line.svg) center center no-repeat;
background-size: 100% 34px;
}
.appliance-landing .al-covers__icon-label span {
position: relative;
} .appliance-landing .al-covers__list {
margin: 0;
padding: 0 0 0 20px;
list-style: disc;
}
.appliance-landing .al-covers__list li {
font: 400 20px / 1.8 'Inter', sans-serif;
color: var(--text, #3f3350);
} .appliance-landing .al-also-covered {
text-align: center;
}
.appliance-landing .al-also-covered__label {
font: 400 26px 'Zilla Slab', serif;
color: var(--dark, #3f3350);
margin: 0 0 32px;
display: block;
} .appliance-landing .al-blob {
display: inline-block;
position: relative;
padding: 0 16px;
white-space: nowrap;
}
.appliance-landing .al-blob::before {
content: '';
position: absolute;
top: 100%;
left: 0;
transform: translateY(-50%);
width: 100%;
height: 34px;
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/title-line.svg) center center no-repeat;
background-size: 100% 34px;
z-index: -1;
}
.appliance-landing .al-blob span {
position: relative;
}
.appliance-landing .al-also-covered__cols {
display: flex;
justify-content: space-between;
gap: 32px;
text-align: left;
max-width: 900px;
margin: 0 auto;
}
.appliance-landing .al-also-covered__col {
flex: 1;
}
.appliance-landing .al-also-covered__col strong {
display: block;
font: 700 24px / 1.4 'Inter', sans-serif;
color: var(--dark, #3f3350);
margin-bottom: 8px;
white-space: nowrap;
} .appliance-landing .al-also-covered {
width: 100%;
align-self: stretch;
}
.appliance-landing .al-also-covered__col ul {
margin: 0;
padding: 0 0 0 18px;
list-style: disc;
}
.appliance-landing .al-also-covered__col li {
font: 400 20px / 1.7 'Inter', sans-serif;
color: var(--text, #3f3350);
} .appliance-landing .sl-worth__content{
padding-right: 0;
} .appliance-landing #al-worth .sl-worth__inner:not(.has-image) {
display: block;
} .appliance-landing #al-worth .sl-worth__image {
display: flex;
align-items: flex-end;
justify-content: center;
flex-shrink: 0;
}
.appliance-landing #al-worth .sl-worth__image img {
max-width: 490px;
max-height: 848px;
width: 100%;
height: auto;
display: block;
} .appliance-landing .sl-hero {
background-color: var(--white);
} .appliance-landing .sl-comparison h2.sl-center{
max-width: 800px;
margin: auto
} @media screen and (min-width: 1025px) and (max-width: 1500px) {
.appliance-landing .sl-coverage__inner {
grid-template-columns: 48fr 45fr 7fr;
}
} .appliance-landing .sl-comparison__sub {
font-size: 1.125rem;
} .appliance-landing .sl-how__tagline {
font-size: 1.125rem;
}
.appliance-landing .sl-steps {
gap: 32px;
} .appliance-landing .sl-checklist li {
line-height: 1.5;
} .appliance-landing .state-faq .faq-wrap {
max-width: 1100px;
}
.appliance-landing .state-faq .faq-wrap h4, .appliance-landing .state-faq#faq h4{
max-width: 717px;
margin: 0 auto 80px auto !important;
} .appliance-landing .state-faq .faq-wrap .faq-question,
.appliance-landing .state-faq#faq .faq-wrap .faq-question {
border-top: 0.5px solid var(--accent, #ff7043) !important;
}
.appliance-landing #faq.state-faq .faq-wrap .faq-question:last-child {
border-bottom: none !important;
}
.appliance-landing .state-faq .faq-wrap {
border-bottom: 0.5px solid var(--accent, #ff7043) !important;
}
.appliance-landing .state-faq .faq-question.open,
.appliance-landing .state-faq#faq .faq-wrap .faq-question.open {
background-color: var(--cream, #fffef9) !important;
border-top: 0.5px solid var(--accent, #ff7043) !important;
}  @media screen and (min-width: 1025px) {
.appliance-landing .sl-perfect .sl-perfect__content h2 {
max-width: 455px;
}
} @media (max-width: 1024px) {
.appliance-landing .sl-worth__image {
max-width: 400px;
height: auto !important;
overflow: visible !important;
flex: 0 0 auto !important;
}
.appliance-landing .sl-worth__image img {
height: auto !important;
}
}
@media screen and (max-width: 680px) {
.appliance-landing .al-covers__card {
flex-direction: column;
padding: 24px;
gap: 24px;
}
.appliance-landing .al-also-covered__cols {
flex-direction: column;
gap: 20px;
}
.appliance-landing .sl-worth__image {
max-width: 300px;
}
}