.price-hero{padding-bottom:96px}
.price-hero h1{margin-top:48px;max-width:17em}

.price-hero .plans{gap:18px;max-width:1120px;margin-top:44px}
.price-hero .plan{gap:0}
.plan-icon{width:40px;height:40px;border-radius:9px;background:var(--paper-2);display:grid;place-items:center;color:var(--i2);margin-bottom:14px}
.plan.hot .plan-icon{background:color-mix(in srgb,var(--primary) 12%,#fff);color:var(--primary)}
.plan-icon svg{width:22px;height:22px}
.plan h2{font-size:1.2rem;line-height:1.2;letter-spacing:-.02em}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-top:12px;line-height:1}
.price s{font-size:1.15rem;color:var(--i4);text-decoration-thickness:1.5px}
.price b{font:800 2.5rem/1 'Manrope',sans-serif;letter-spacing:-.04em}
.price span{font-size:.92rem;color:var(--i3)}
.credits{margin-top:10px;font-size:.86rem;color:var(--i3)}
.price-hero .plan ul{margin:20px 0 26px;padding:20px 0 0;border-top:1px solid var(--line);align-content:start;gap:9px;flex:1}
.price-hero .plan .btn{align-self:stretch;margin-top:0}

.included{max-width:1120px;margin-top:36px}
.included h2{font-size:1rem;line-height:1.3;letter-spacing:-.01em;font-weight:700}
.includes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;list-style:none;margin:14px 0 0;padding:0;font-size:.95rem}
.includes li{position:relative;padding-left:24px;font-weight:500;color:var(--i2)}
.includes li::before{content:"";position:absolute;left:3px;top:.42em;width:9px;height:5px;border-left:2px solid var(--tick);border-bottom:2px solid var(--tick);transform:rotate(-45deg)}
.launch{margin-top:28px;font-size:.98rem;color:var(--i2)}
.launch b{color:var(--ink)}

.sec-line{margin-top:14px;color:var(--i2);font-size:1.05rem;max-width:34em}
.links-line{display:flex;flex-wrap:wrap;gap:8px 0;list-style:none;margin:22px 0 0;padding:0;font-size:.92rem}
.links-line li+li::before{content:"\00B7";margin:0 12px;color:var(--i4)}

.compare{width:100%;max-width:1120px;margin-top:36px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:14px;font-size:.95rem;table-layout:fixed}
.compare col.label{width:34%}
.compare th,.compare td{padding:14px 20px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.compare thead th,.compare thead td{border-top:0;padding-top:18px;padding-bottom:16px}
.compare thead th{font:800 1.1rem/1.2 'Manrope',sans-serif;letter-spacing:-.02em}
.compare tbody th{font-weight:600;color:var(--ink)}
.compare td{color:var(--i2)}
.compare .pro{background:color-mix(in srgb,var(--primary) 5%,#fff)}

.facts dd a{color:var(--i2);font-weight:600}

@media (max-width:960px){
  .price-hero .plans{gap:14px}
  .price-hero .plan{padding:24px 22px}
}
@media (max-width:860px){
  .price-hero{padding-bottom:64px}
  .price-hero h1{margin-top:20px}
  .price-hero .plans{grid-template-columns:1fr;max-width:460px;gap:30px;margin-top:32px}
  .included{max-width:460px;margin-top:32px}
  .includes{grid-template-columns:1fr;gap:8px}
  .compare{font-size:.82rem;line-height:1.4;border-radius:12px}
  .compare col.label{width:31%}
  .compare th,.compare td{padding:10px 7px}
  .compare th:first-child,.compare td:first-child{padding-left:12px}
  .compare thead th{font-size:.95rem}
}
@media (max-width:520px){
  .links-line{flex-direction:column;gap:12px}
  .links-line li+li::before{content:none}
}