.home{display:block}

.hero{position:relative;min-height:clamp(520px,calc(100svh - var(--sr-chrome-height)),760px);display:flex;align-items:center;justify-content:center;padding:var(--space-7) var(--space-3);overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%}
.hero-panel{position:relative;z-index:1;max-width:680px;width:100%;padding:var(--space-5);text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}

.trust{margin:var(--space-5) auto;max-width:1000px}
.trust-inner{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);text-align:center}
.trust-labels{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}

.compare{margin-top:var(--space-7)}
.compare-header{max-width:760px;margin-bottom:var(--space-5)}
.compare-eyebrow{display:inline-block;margin-bottom:var(--space-2);color:var(--color-accent);font-size:var(--fs-7);font-weight:700;letter-spacing:0.08em;text-transform:uppercase}
.compare-intro{max-width:70ch}
.operator-list{display:flex;flex-direction:column;gap:var(--space-3)}
.operator-offer{overflow:hidden;background:linear-gradient(135deg,rgba(11,21,40,0.98),rgba(17,28,68,0.78));}
.operator-offer__main{display:grid;grid-template-columns:56px 112px minmax(0,1fr) 106px 160px;gap:var(--space-4);align-items:center;padding:20px 22px}
.operator-rank{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ffd76a,#f7b928);color:#07101f;font-size:1.2rem;font-weight:800;box-shadow:0 0 22px rgba(247,185,40,0.32)}
.operator-logo{height:64px;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid var(--color-border);border-radius:14px;background:rgba(255,255,255,0.04)}
.operator-logo img{max-width:96px;max-height:48px;width:auto;height:auto;object-fit:contain}
.operator-copy{min-width:0}
.operator-kicker{display:block;margin-bottom:6px;color:#8293b4;font-size:0.72rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}
.operator-copy h3{margin-bottom:6px;font-size:clamp(1rem,1.5vw,1.18rem)}
.operator-copy p{margin:0;font-size:var(--fs-7);line-height:1.45}
.operator-score{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.1}
.operator-score>span:first-child{color:#8293b4;font-size:0.68rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}
.operator-score strong{margin-top:5px;color:#ffc746;font-size:1.7rem}
.operator-stars{color:#f7b928;font-size:0.75rem;letter-spacing:1px}
.operator-score small{margin-top:3px;color:#8293b4;font-size:0.68rem}
.operator-actions{display:flex;flex-direction:column;gap:8px;min-width:0}
.operator-actions .button{width:100%;min-height:42px;padding:9px 12px;border-radius:10px;font-size:0.82rem;font-weight:700;text-align:center}
.button--offer{border-color:#ffc746;background:linear-gradient(135deg,#ffd76a,#f7b928);color:#07101f}
.button--detail{background:rgba(8,19,38,0.76)}
.operator-note{margin:0;padding:9px 18px;border-top:1px solid rgba(129,140,248,0.12);color:#8190ad;font-size:0.7rem}

.method{margin-top:var(--space-6)}
.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);width:100%}

.editorial{margin:var(--space-6) auto;max-width:800px}
.editorial-inner{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);text-align:center}

.responsible{margin-top:var(--space-6)}
.responsible-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4)}
.responsible-side ul{margin-top:var(--space-3)}

.experience{margin-top:var(--space-6)}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}

.faq{margin-top:var(--space-6)}
.faq-list{max-width:800px}
.faq-item{margin-bottom:var(--space-3)}
.faq-q{width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-overlay);border:1px solid var(--color-border)}
.faq-a{display:none;padding:var(--space-3)}
.faq-item.open .faq-a{display:block}

.cta{display:flex;justify-content:center;margin:var(--space-7) 0}
.cta-inner{max-width:500px;text-align:center;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:900px){
.operator-offer__main{grid-template-columns:52px 100px minmax(0,1fr) 92px}
.operator-actions{grid-column:2/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.method-grid{grid-template-columns:1fr}
.responsible-grid{grid-template-columns:1fr}
.experience-grid{grid-template-columns:1fr}
.hero{align-items:center}
}

@media (max-width:640px){
.hero{min-height:auto;padding:var(--space-6) var(--space-3)}
.hero-panel{padding:var(--space-4)}
.hero-actions{flex-direction:column}
.hero-actions .button{width:100%}
.compare{margin-top:var(--space-6)}
.compare-header{margin-bottom:var(--space-4)}
.operator-offer__main{grid-template-columns:48px minmax(0,1fr);gap:var(--space-3);padding:18px 16px}
.operator-rank{grid-column:1;grid-row:1;width:40px;height:40px}
.operator-logo{grid-column:2;grid-row:1;justify-self:start;width:118px;height:60px}
.operator-copy{grid-column:1/-1;grid-row:2}
.operator-score{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr auto auto auto;gap:7px;align-items:center;text-align:left;padding-top:4px;border-top:1px solid rgba(129,140,248,0.12)}
.operator-score>span:first-child{justify-self:start}
.operator-score strong{margin:0;font-size:1.4rem}
.operator-score small{margin:0}
.operator-actions{grid-column:1/-1;grid-row:4}
.operator-note{padding:9px 14px}
}

@media (max-width:420px){
.operator-actions{grid-template-columns:1fr}
}