/* Компоненты только английской версии: путь по этапам и таблица сравнения.
   Токены и базовые классы — из ../style.css. */
.path-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.path-step{border:1px solid var(--dark-line);border-radius:20px;padding:28px}
.path-step .ps-num{font-family:'Bebas Neue Pro','Inter',sans-serif;color:var(--orange);font-size:20px;letter-spacing:.06em}
.path-step h3{font-family:'Bebas Neue Pro','Inter',sans-serif;font-size:34px;line-height:1;margin:10px 0 12px;color:var(--on-dark)}
.path-step p{color:rgba(240,239,234,.72)}
.path-step b{color:var(--on-dark)}
.path-step.hl{background:var(--orange);border-color:var(--orange)}
.path-step.hl .ps-num,.path-step.hl p{color:rgba(255,255,255,.88)}
.path-step.hl h3,.path-step.hl b{color:#fff}
.path-note{margin-top:22px;color:rgba(240,239,234,.72);max-width:46em}
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:8px}
.cmp{width:100%;min-width:720px;border-collapse:collapse;font-size:15px;background:#fff;border-radius:16px;overflow:hidden}
.cmp th,.cmp td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--cream-line);vertical-align:top}
.cmp th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);font-weight:600;background:var(--cream-2)}
.cmp td:first-child{font-weight:600}
.cmp tr.win td{background:var(--orange-soft)}
.cmp tr.win td:first-child{color:var(--orange-dark)}
.cmp-foot{margin-top:18px;color:var(--ink-soft);max-width:52em}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-ghost-dark{background:transparent;color:var(--on-dark);box-shadow:inset 0 0 0 1.5px rgba(240,239,234,.25)}
.lang-switch{position:absolute;top:18px;right:18px;z-index:5;display:flex;gap:2px;padding:2px;border:1px solid rgba(240,239,234,.18);border-radius:8px}
.lang-opt{padding:5px 10px;border-radius:6px;font-size:13px;font-weight:600;letter-spacing:.02em;color:rgba(240,239,234,.55);text-decoration:none}
.lang-opt:hover{color:rgba(240,239,234,.9)}
.lang-opt.is-on{background:rgba(240,239,234,.12);color:var(--on-dark)}
@media (max-width:820px){
  .path-steps{grid-template-columns:1fr}
  .lang-switch{top:12px;right:12px}
}
.hero{position:relative}