/* Features page: built on the Pro page styles, plus the join buttons, phone screenshots and the extras list. */
a.pp-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.ft-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.ft-link{color:var(--text);font-weight:800;text-decoration:none;font-size:15px}
.ft-link:hover{color:var(--gold2)}
.ft-actions .pp-btn,.pp-final .pp-btn{white-space:normal;text-align:center}
.ft-note{color:var(--muted);font-size:13px}
.ft-note a{font-weight:700}
.ft-center{margin-top:30px;text-align:center}

.ft-phones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.ft-phones figure{margin:0;display:grid;gap:12px;justify-items:center}
.ft-phones img{width:100%;max-width:270px;aspect-ratio:540/1170;object-fit:cover;border-radius:28px;border:1px solid var(--line2);background:#0d0e0c;box-shadow:0 30px 60px -34px rgba(0,0,0,.95),0 0 0 6px #121310}
.ft-phones figcaption{color:var(--soft);font-weight:700;font-size:14px}

.ft-extras{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ft-extras li{display:grid;align-content:start;gap:4px;padding:18px 18px 20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#151611,#0f100d)}
.ft-extras b{font:500 18px var(--serif);color:var(--text)}
.ft-extras span{color:var(--soft);font-size:14px}

.ft-page .pp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ft-page .pp-card,.ft-page .pp-card:nth-child(4){grid-column:auto}

.pp-legal{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pp-lang{background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;padding:0}

@media(max-width:1020px){
  .ft-page .pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-page .pp-card:last-child{grid-column:auto}
  .ft-phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
  .ft-extras{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .ft-page .pp-nav .pp-link{display:inline}
  .ft-page .pp-nav-actions{gap:14px}
  .ft-page .pp-grid{grid-template-columns:1fr}
  .ft-actions{justify-content:center}
  .ft-actions .pp-btn{width:100%}
  .ft-phones{gap:22px 14px}
  .ft-phones img{border-radius:20px;box-shadow:0 20px 40px -28px rgba(0,0,0,.95),0 0 0 4px #121310}
  .ft-extras{grid-template-columns:1fr}
}
.pp-spot .ft-link{justify-self:start;color:var(--gold2)}