.adv-home-section{
padding-block:var(--space-11);
}
@media (min-width:768px){
.adv-home-section{padding-block:var(--space-12)}
}
.adv-home-section--soft{background:var(--color-bg-soft)}

.adv-home-section__inner{
max-width:var(--container-xl);
margin-inline:auto;
padding-inline:var(--space-6);
}
@media (min-width:768px){
.adv-home-section__inner{padding-inline:var(--space-8)}
}
@media (min-width:1200px){
.adv-home-section__inner{padding-inline:var(--space-9)}
}

.adv-home-section__head{
max-width:44rem;
margin-bottom:var(--space-9);
}
.adv-home-section__eyebrow{
display:inline-block;
font-size:var(--font-size-xs);
font-weight:var(--weight-semibold);
text-transform:uppercase;
letter-spacing:var(--letter-wider);
color:var(--color-accent);
margin-bottom:var(--space-4);
}
.adv-home-section__title{
font-size:var(--font-size-2xl);
font-weight:var(--weight-black);
letter-spacing:var(--letter-tight);
line-height:1.2;
color:var(--color-ink);
margin:0 0 var(--space-4);
text-wrap:balance;
}
@media (min-width:768px){
.adv-home-section__title{font-size:var(--font-size-3xl)}
}
.adv-home-section__lead{
font-size:var(--font-size-lg);
line-height:var(--line-relaxed);
color:var(--color-muted);
margin:0;
}

.adv-home-searchbar{
display:flex;
flex-wrap:wrap;
gap:var(--space-3);
margin-bottom:var(--space-8);
}
.adv-home-searchbar input[type="search"]{
flex:1 1 260px;
min-height:44px;
padding:.7em .9em;
font-size:var(--font-size-md);
}
.adv-home-searchbar select{
min-height:44px;
padding:.7em 2.4em .7em .9em;
font-size:var(--font-size-md);
}
.adv-home-searchbar .adv-btn{min-height:44px}

.adv-home-stats{
display:grid;
gap:var(--space-4);
grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (min-width:768px){
.adv-home-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.adv-home-stat{
padding:var(--space-6);
text-align:center;
background:var(--color-bg);
border:1px solid var(--color-line);
border-radius:var(--radius-md);
}
.adv-home-stat__value{
display:block;
font-size:var(--font-size-3xl);
font-weight:var(--weight-black);
letter-spacing:var(--letter-tight);
color:var(--color-primary);
line-height:1;
margin-bottom:var(--space-3);
}
.adv-home-stat__label{
font-size:var(--font-size-sm);
color:var(--color-muted);
}

.adv-home-cats{
display:grid;
gap:var(--space-3);
grid-template-columns:1fr;
}
@media (min-width:640px){
.adv-home-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:960px){
.adv-home-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1200px){
.adv-home-cats{grid-template-columns:repeat(4,minmax(0,1fr))}
}

.adv-home-workflow{
display:grid;
gap:var(--space-5);
grid-template-columns:1fr;
}
@media (min-width:768px){
.adv-home-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1200px){
.adv-home-workflow{grid-template-columns:repeat(4,minmax(0,1fr))}
}

.adv-home-features{
display:grid;
gap:var(--space-5);
grid-template-columns:1fr;
}
@media (min-width:640px){
.adv-home-features{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:960px){
.adv-home-features{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.adv-home-examples{
display:grid;
gap:var(--space-3);
grid-template-columns:1fr;
}
@media (min-width:640px){
.adv-home-examples{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:960px){
.adv-home-examples{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1200px){
.adv-home-examples{grid-template-columns:repeat(4,minmax(0,1fr))}
}

.adv-home-learn{
display:grid;
gap:var(--space-6);
grid-template-columns:1fr;
}
@media (min-width:768px){
.adv-home-learn{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:960px){
.adv-home-learn{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.adv-home-faq{
max-width:820px;
margin-inline:auto;
}

.adv-home-index{
display:grid;
gap:var(--space-8);
grid-template-columns:1fr;
}
@media (min-width:640px){
.adv-home-index{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:960px){
.adv-home-index{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.adv-home-index__col h3{
font-size:var(--font-size-md);
font-weight:var(--weight-bold);
color:var(--color-ink);
margin:0 0 var(--space-4);
}
.adv-home-index__col ul{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:var(--space-2);
}
.adv-home-index__col a{
font-size:var(--font-size-base);
color:var(--color-muted);
text-decoration:none;
}
.adv-home-index__col a:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}

.adv-inline-links{
display:flex;
flex-wrap:wrap;
gap:var(--space-2) var(--space-6);
list-style:none;
padding:0;
margin:var(--space-7) 0 0;
font-size:var(--font-size-base);
}
.adv-inline-links a{
color:var(--color-accent);
text-decoration:none;
}
.adv-inline-links a:hover{text-decoration:underline;text-underline-offset:3px}