.adv-hero{
position:relative;
padding:var(--space-10) var(--space-6) var(--space-11);
background:linear-gradient(180deg,var(--color-primary-soft) 0%,var(--color-bg) 100%);
overflow:hidden;
}
@media (min-width:768px){
.adv-hero{padding:var(--space-12) var(--space-8) var(--space-12)}
}
@media (min-width:1200px){
.adv-hero{padding:var(--space-13) var(--space-9) var(--space-12)}
}

.adv-hero--plain{background:var(--color-bg)}
.adv-hero--dark{
background:linear-gradient(180deg,#0b1220 0%,#112a4a 100%);
color:#f1f5f9;
}
.adv-hero--dark .adv-hero__title{color:#ffffff}
.adv-hero--dark .adv-hero__lead{color:#cbd5e1}
.adv-hero--dark .adv-hero__eyebrow{
background:rgba(255,255,255,.08);
border-color:rgba(255,255,255,.18);
color:#e2e8f0;
}

.adv-hero__inner{
max-width:var(--container-xl);
margin-inline:auto;
display:grid;
gap:var(--space-9);
align-items:center;
}
@media (min-width:960px){
.adv-hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-12)}
}

.adv-hero__eyebrow{
display:inline-flex;
align-items:center;
gap:var(--space-2);
padding:.35em .8em;
background:var(--color-bg);
border:1px solid var(--color-line);
color:var(--color-primary);
font-size:var(--font-size-xs);
font-weight:var(--weight-semibold);
letter-spacing:var(--letter-wide);
text-transform:uppercase;
border-radius:var(--radius-pill);
margin-bottom:var(--space-5);
}
.adv-hero__eyebrow svg{color:var(--color-accent)}

.adv-hero__title{
font-size:var(--font-size-3xl);
line-height:1.15;
font-weight:var(--weight-black);
letter-spacing:var(--letter-tight);
color:var(--color-ink);
margin:0 0 var(--space-5);
text-wrap:balance;
}
@media (min-width:768px){
.adv-hero__title{font-size:2.75rem}
}
@media (min-width:1200px){
.adv-hero__title{font-size:3.5rem}
}

.adv-hero__lead{
font-size:var(--font-size-lg);
line-height:var(--line-relaxed);
color:var(--color-muted);
max-width:38rem;
margin:0 0 var(--space-7);
}
@media (min-width:768px){
.adv-hero__lead{font-size:var(--font-size-xl)}
}

.adv-hero__ctas{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-3);
margin-bottom:var(--space-6);
}

.adv-hero__trust{
display:flex;
flex-wrap:wrap;
gap:var(--space-3) var(--space-6);
list-style:none;
padding:0;
margin:0;
font-size:var(--font-size-base);
color:var(--color-muted);
}
.adv-hero__trust li{
display:inline-flex;
align-items:center;
gap:var(--space-2);
}
.adv-hero__trust svg{
color:var(--color-success);
flex-shrink:0;
}

.adv-hero__preview{
position:relative;
background:var(--color-bg);
border:1px solid var(--color-line);
border-radius:var(--radius-lg);
box-shadow:var(--shadow-lg);
overflow:hidden;
}
.adv-hero__preview-bar{
display:flex;
gap:var(--space-2);
padding:var(--space-3) var(--space-4);
background:var(--color-bg-soft);
border-bottom:1px solid var(--color-line);
}
.adv-hero__preview-dot{
width:10px;
height:10px;
border-radius:var(--radius-circle);
background:var(--color-line-strong);
flex-shrink:0;
}
.adv-hero__preview-dot:nth-child(1){background:#fca5a5}
.adv-hero__preview-dot:nth-child(2){background:#fcd34d}
.adv-hero__preview-dot:nth-child(3){background:#86efac}

.adv-hero__preview-body{
padding:var(--space-6);
display:flex;
flex-direction:column;
gap:var(--space-3);
}
.adv-hero__preview-head{
display:flex;
align-items:center;
gap:var(--space-4);
margin-bottom:var(--space-3);
}
.adv-hero__preview-avatar{
width:56px;
height:56px;
border-radius:var(--radius-circle);
background:linear-gradient(135deg,var(--color-primary),var(--color-accent));
flex-shrink:0;
}
.adv-hero__preview-name{
height:12px;
width:60%;
background:var(--color-line-strong);
border-radius:var(--radius-xs);
margin-bottom:var(--space-2);
}
.adv-hero__preview-role{
height:9px;
width:40%;
background:var(--color-line);
border-radius:var(--radius-xs);
}
.adv-hero__preview-line{
height:10px;
background:var(--color-line);
border-radius:var(--radius-xs);
}
.adv-hero__preview-line.short{width:55%}
.adv-hero__preview-line.mid{width:80%}

.adv-hero__badges{
position:absolute;
display:flex;
flex-direction:column;
gap:var(--space-3);
right:var(--space-5);
bottom:var(--space-5);
pointer-events:none;
}
.adv-hero__badge{
display:inline-flex;
align-items:center;
gap:var(--space-2);
padding:.5em .8em;
background:var(--color-bg);
border:1px solid var(--color-line);
border-radius:var(--radius-pill);
font-size:var(--font-size-xs);
font-weight:var(--weight-semibold);
color:var(--color-ink);
box-shadow:var(--shadow-sm);
}
.adv-hero__badge svg{color:var(--color-accent)}

@media (max-width:959px){
.adv-hero__badges{display:none}
}