.rlai{
--ink:#102f3c;
--brand:#0f7f78;
--brand2:#096b65;
--muted:#667085;
--border:#dce3e6;
--soft:#f5f8f8;
max-width:1120px;
margin:30px auto;
padding:34px;
border:1px solid var(--border);
border-radius:20px;
background:#fff;
color:var(--ink);
box-shadow:0 14px 40px rgba(16,47,60,.07);
font-family:inherit}
.rlai *{
box-sizing:border-box}
.rlai__intro{
max-width:840px}
.rlai__eyebrow{
display:block;
font-size:12px;
font-weight:800;
letter-spacing:.13em;
color:var(--brand);
margin-bottom:8px}
.rlai h2{
font-size:clamp(30px,4vw,48px);
line-height:1.05;
margin:0 0 12px}
.rlai__intro>p{
font-size:17px;
line-height:1.55;
color:var(--muted)}
.rlai__form{
margin-top:28px}
.rlai__primary-grid,.rlai__secondary-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:16px}
.rlai__field label{
display:block;
font-weight:750;
margin:0 0 7px}
.rlai__field small{
display:block;
color:var(--muted);
font-size:12px;
margin-top:6px}
.rlai input,.rlai select,.rlai textarea{
width:100%;
border:1px solid #cbd5da;
border-radius:12px;
background:#fff;
color:#152d36;
padding:13px 14px;
font:inherit;
outline:none}
.rlai input:focus,.rlai select:focus,.rlai textarea:focus{
border-color:var(--brand);
box-shadow:0 0 0 3px rgba(15,127,120,.12)}
.rlai textarea{
resize:vertical;
min-height:124px}
.rlai__money{
display:flex}
.rlai__money>span{
display:flex;
align-items:center;
padding:0 14px;
border:1px solid #cbd5da;
border-right:0;
border-radius:12px 0 0 12px;
background:var(--soft);
font-weight:800}
.rlai__money input{
border-radius:0 12px 12px 0}
.rlai__wish-field{
margin-top:18px}
.rlai__advanced{
margin-top:16px;
border-block:1px solid var(--border);
padding:12px 0}
.rlai__advanced summary{
cursor:pointer;
font-weight:750;
list-style:none;
display:flex;
gap:7px}
.rlai__advanced summary span{
font-size:12px;
font-weight:500;
color:var(--muted)}
.rlai__secondary-grid{
padding-top:14px}
.rlai__actions{
display:flex;
align-items:center;
gap:15px;
flex-wrap:wrap;
margin-top:20px}
.rlai__button{
border:0;
border-radius:999px;
background:var(--brand);
color:#fff;
padding:14px 22px;
font:inherit;
font-weight:800;
cursor:pointer}
.rlai__button:hover{
background:var(--brand2)}
.rlai__button:disabled{
opacity:.6;
cursor:wait}
.rlai__status,.rlai__leadstatus{
font-size:14px;
color:var(--muted);
display:inline-flex;
gap:8px;
align-items:center}
.rlai-spinner{
width:16px;
height:16px;
border:2px solid #cbd5da;
border-top-color:var(--brand);
border-radius:50%;
animation:spin .8s linear infinite}
@keyframes spin{
to{
transform:rotate(360deg)}
}
.rlai__summary{
margin:28px 0 16px;
padding:16px 18px;
background:#eef8f6;
border:1px solid #d2ece8;
border-radius:14px;
font-weight:650}
.rlai__results{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px}
.rlai-card{
border:1px solid var(--border);
border-radius:18px;
overflow:hidden;
background:#fff;
box-shadow:0 8px 24px rgba(16,47,60,.05)}
.rlai-card__media{
display:flex;
height:150px;
background:linear-gradient(135deg,#f1f5f5,#e5eeee);
align-items:center;
justify-content:center;
overflow:hidden}
.rlai-card__media img{
width:100%;
height:100%;
object-fit:cover}
.rlai-card__media--logo{
background:#fff;
padding:22px}
.rlai-card__media--logo img{
width:min(72%,280px);
height:100%;
object-fit:contain}
.rlai-card__media--empty span{
font-size:20px;
font-weight:850;
color:#91a0a5;
letter-spacing:.04em}
.rlai-card__body{
padding:18px}
.rlai-card__meta,.rlai-card__foot{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px}
.rlai-card__meta>div{
display:flex;
gap:7px;
flex-wrap:wrap}
.rlai-score,.rlai-tier{
display:inline-flex;
padding:6px 10px;
border-radius:999px;
background:#e8f6f3;
color:#08665f;
font-size:12px;
font-weight:850}
.rlai-tier{
background:#f2f4f5;
color:#53646a}
.rlai-tier--traffic{
background:#fff5d9;
color:#7a5900}
.rlai-ref{
font-size:12px;
color:var(--muted)}
.rlai-card h3{
font-size:21px;
line-height:1.23;
margin:13px 0 5px}
.rlai-price{
font-size:25px;
font-weight:850}
.rlai-place,.rlai-facts{
font-size:14px;
color:var(--muted);
margin-top:4px}
.rlai-why{
margin:14px 0;
font-weight:650;
line-height:1.45}
.rlai-pros,.rlai-trade{
list-style:none;
padding:0;
margin:10px 0;
font-size:14px}
.rlai-pros li,.rlai-trade li{
display:flex;
gap:8px;
margin:6px 0}
.rlai-pros span{
color:var(--brand);
font-weight:900}
.rlai-trade{
color:#7a5b00}
.rlai-card__foot{
border-top:1px solid var(--border);
margin-top:16px;
padding-top:13px;
font-size:12px;
color:var(--muted);
align-items:flex-end}
.rlai-card__foot a{
color:inherit}
.rlai-card__link{
font-size:13px!important;
font-weight:850;
color:var(--brand)!important;
white-space:nowrap}
.rlai-empty{
grid-column:1/-1;
padding:22px;
background:var(--soft);
border:1px solid var(--border);
border-radius:14px}
.rlai__lead{
margin-top:36px;
padding:28px;
border:1px solid var(--border);
border-radius:16px;
background:var(--soft)}
.rlai__lead h3{
margin:0 0 8px;
line-height:1.25}
.rlai__lead>p{
margin:0 0 22px;
line-height:1.55}
.rlai__lead-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px}
.rlai__lead-field label{
display:block;
margin:0 0 6px;
font-size:13px;
font-weight:750;
color:var(--ink)}
.rlai__lead-field label span{
color:#b42318}
.rlai__lead-help{
margin:10px 0 0;
color:var(--muted);
font-size:12px}
.rlai__consent{
display:flex;
gap:8px;
align-items:flex-start;
margin:18px 0 0;
color:var(--muted);
font-size:13px}
.rlai__consent input{
width:auto;
margin-top:3px}
.rlai__lead-actions{
display:flex;
align-items:center;
gap:18px;
flex-wrap:wrap;
margin-top:18px}
.rlai__leadstatus{
min-height:22px;
line-height:1.45}
.rlai__fineprint{
font-size:12px;
line-height:1.45;
color:var(--muted);
margin:22px 0 0}
.rlai-hp{
position:absolute!important;
left:-10000px!important;
width:1px!important;
height:1px!important;
overflow:hidden!important}
@media(max-width:760px){
.rlai{
margin:14px 0;
padding:20px}
.rlai__primary-grid,.rlai__secondary-grid,.rlai__lead-grid,.rlai__results{
grid-template-columns:1fr}
.rlai-card__foot{
align-items:flex-start;
flex-direction:column}
.rlai__button{
width:100%}
.rlai__lead{
padding:22px}
.rlai__lead-actions{
align-items:stretch;
flex-direction:column;
gap:12px}
}