.seo-home{padding:clamp(48px,6vw,84px) 0 clamp(16px,3vw,28px);position:relative;z-index:1}
.seo-home-grid{
  max-width:var(--shell);
  margin:0 auto;
  padding-inline:var(--gutter);
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);
  gap:clamp(18px,3vw,36px);
  align-items:start;
}
.seo-home-text p{color:var(--muted);font-size:.95rem;line-height:1.75;max-width:780px;text-wrap:pretty}
.seo-home-text p+p{margin-top:14px}
.seo-home-links{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg2) 100%);
  border:1px solid var(--border-soft);
  border-radius:var(--r-lg);
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.seo-home-links h3{
  font-family:var(--font-body);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--text);
  margin:2px 0 10px 12px;
}
.seo-home-links a{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:42px;
  padding:9px 12px;
  border-radius:var(--r-sm);
  color:var(--text-2);
  text-decoration:none;
  font-weight:600;
  font-size:.92rem;
  transition:background .2s var(--ease),color .2s var(--ease);
}
.seo-home-links a i{width:18px;text-align:center;color:var(--accent);font-size:.9rem}
.seo-home-links a:hover{background:var(--surface2);color:var(--text)}
.seo-home-links a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}

.seo-faq-section{padding:clamp(28px,4vw,48px) 0 clamp(8px,2vw,20px);position:relative;z-index:1}
.seo-faq-list{
  max-width:var(--shell);
  margin:0 auto;
  padding-inline:var(--gutter);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:start;
}
.seo-faq-list>.seo-faq-item:last-child:nth-child(odd){grid-column:1/-1}
.seo-faq-item{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg2) 100%);
  border:1px solid var(--border-soft);
  border-radius:var(--r-md);
}
.seo-faq-item summary,
.seo-odds summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:16px 46px 16px 18px;
  font-weight:600;
  color:var(--text);
  font-size:.95rem;
  line-height:1.4;
  border-radius:var(--r-md);
  transition:color .2s var(--ease);
}
.seo-faq-item summary::-webkit-details-marker,
.seo-odds summary::-webkit-details-marker{display:none}
.seo-faq-item summary::after,
.seo-odds summary::after{
  content:'';
  position:absolute;
  right:20px;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid var(--muted);
  border-bottom:2px solid var(--muted);
  transform:translateY(-70%) rotate(45deg);
  transition:transform .25s var(--ease);
}
.seo-faq-item[open] summary::after,
.seo-odds[open] summary::after{transform:translateY(-25%) rotate(-135deg)}
.seo-faq-item.is-closing summary::after{transform:translateY(-70%) rotate(45deg)}
.seo-faq-item summary:hover,
.seo-odds summary:hover{color:var(--accent)}
.seo-faq-item summary:focus-visible,
.seo-odds summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.seo-faq-item p{padding:0 18px 18px;color:var(--muted);font-size:.9rem;line-height:1.7;text-wrap:pretty}
html.reduce-motion .seo-faq-item summary::after,
html.reduce-motion .seo-odds summary::after{transition:none}

.seo-block{
  max-width:var(--shell);
  margin:0 auto;
  padding:clamp(36px,5vw,64px) var(--gutter) clamp(24px,4vw,48px);
  position:relative;
  z-index:1;
}
#case-detail .seo-block,
#upgrade-page .seo-block{padding-inline:0}
.seo-block-promo{padding-top:clamp(20px,3vw,36px);padding-bottom:0}
.seo-block[hidden],
[data-seo-case][hidden]{display:none}
.seo-block-inner{
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg2) 100%);
  border:1px solid var(--border-soft);
  border-radius:var(--r-lg);
  padding:clamp(20px,3vw,32px);
}
.seo-block h1,
.seo-block h2{color:var(--text);letter-spacing:-.02em;margin:28px 0 12px;font-size:clamp(1.2rem,2.3vw,1.5rem)}
.seo-block h1{font-size:clamp(1.45rem,2.8vw,1.95rem);margin-top:8px}
.seo-block h3{
  font-family:var(--font-body);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--muted);
  margin:18px 0 10px;
}
.seo-block p{color:var(--muted);font-size:.93rem;line-height:1.75;max-width:900px;text-wrap:pretty}
.seo-block p+p{margin-top:12px}
.seo-block .seo-lead{color:var(--text-2);font-size:1rem;margin-top:8px}
.seo-block ul+p,
.seo-block ol+p{margin-top:18px}
.seo-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:.8rem;color:var(--muted)}
.seo-crumbs a{color:var(--muted);text-decoration:none;transition:color .2s var(--ease)}
.seo-crumbs a:hover{color:var(--accent)}
.seo-crumbs [aria-current]{color:var(--text-2)}
.seo-crumbs-sep{opacity:.45}

.seo-num{font-family:var(--font-num);font-weight:700;font-variant-numeric:tabular-nums}
span.seo-num,
s.seo-num{display:inline-flex;align-items:center;gap:4px}
.seo-block .rc-icon{width:14px;height:14px;transform:none}
.seo-muted{color:var(--muted)}
s.seo-num{opacity:.75;font-weight:600}

.seo-links{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.seo-links a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:7px 14px;
  border-radius:99px;
  background:var(--surface2);
  border:1px solid var(--border-soft);
  color:var(--text-2);
  text-decoration:none;
  font-weight:600;
  font-size:.86rem;
  transition:background .2s var(--ease),color .2s var(--ease);
}
.seo-links a:hover{color:var(--text);background:var(--surface3)}
.seo-links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.seo-links .seo-num{color:var(--text)}

.seo-deals{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px}
.seo-deals li{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:10px 14px;
  border-radius:var(--r-sm);
  background:var(--surface2);
  border:1px solid var(--border-soft);
  font-size:.88rem;
}
.seo-item-name{color:var(--text-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seo-deal-prices{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:var(--text)}
.seo-badge{
  font-family:var(--font-num);
  font-weight:700;
  font-size:.8rem;
  line-height:1.5;
  color:var(--on-accent);
  background:var(--accent);
  border-radius:99px;
  padding:0 8px;
}

.seo-odds{background:var(--bg2);border:1px solid var(--border-soft);border-radius:var(--r-md)}
.seo-odds summary{font-size:.9rem;color:var(--text-2);padding-block:13px}
.seo-table-wrap{overflow-x:auto;padding:0 10px 10px}
.seo-odds table{width:100%;border-collapse:collapse;font-size:.86rem}
.seo-odds th{
  text-align:left;
  color:var(--muted);
  font-weight:600;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding:8px 10px;
}
.seo-odds td{padding:8px 10px;color:var(--text-2)}
.seo-odds tbody tr:nth-child(odd){background:rgba(255,255,255,.025)}
.seo-odds th:not(:first-child),
.seo-odds td.seo-num{text-align:right;white-space:nowrap}

.seo-steps{padding-left:22px;color:var(--muted);font-size:.93rem;line-height:1.7}
.seo-steps li+li{margin-top:6px}
.seo-steps li::marker{color:var(--accent);font-family:var(--font-num);font-weight:700}
.seo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:20px}
.seo-btn{text-decoration:none}
.seo-more{color:var(--accent);text-decoration:none;font-weight:600}
.seo-more:hover{text-decoration:underline}

.footer-langs{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:.8rem;color:var(--muted)}
.footer-langs a{color:var(--muted);text-decoration:none;padding:4px 2px;transition:color .2s var(--ease)}
.footer-langs a:hover,
.footer-langs a.active{color:var(--accent)}

.cases-grid a.case-card{color:inherit;text-decoration:none;-webkit-user-drag:none}
.cases-grid a.case-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

@media(max-width:860px){
  .seo-home-grid{grid-template-columns:1fr}
  .seo-faq-list{grid-template-columns:1fr}
}
@media(max-width:520px){
  .seo-deals li{flex-direction:column;align-items:flex-start;gap:6px}
  .seo-item-name{white-space:normal}
}