/* Features page: hero + jump nav, section rhythm, tier row, spec sheet. */
.fx-hero{padding:40px 0 10px}
.fx-hero .l2-heading{max-width:860px;margin-bottom:30px}
.fx-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}
.fx-hero__stats{margin-bottom:26px}

/* jump nav */
.fx-toc{display:grid;justify-items:center;gap:16px;padding:24px 26px 26px}
.fx-toc__list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin:0;padding:0;list-style:none}
.fx-toc__list li{display:flex;flex:0 1 calc((100% - 48px) / 7)}
.fx-toc__list a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:96px;padding:12px 8px;color:#dccfae;font:700 14px/1.25 var(--head);text-align:center;background:rgba(0,0,0,.32);box-shadow:inset 0 0 0 1px rgba(198,168,102,.2);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);transition:background .2s,box-shadow .2s,color .2s}
.fx-toc__list a:hover{color:var(--gold-hi);background:rgba(198,168,102,.1);box-shadow:inset 0 0 0 1px rgba(241,216,155,.5)}
.fx-toc__list img{width:36px;height:36px;flex:none}

/* sections */
.fx-sec{padding:80px 0;scroll-margin-top:72px}
.fx-sec + .fx-sec{border-top:1px solid rgba(198,168,102,.1)}
.fx-sec .l2-split h2{margin:10px 0 12px;font-size:clamp(24px,2.6vw,32px)}
.fx-after{margin-top:40px}
.fx-sub{display:flex;justify-content:center;margin:44px 0 18px}

/* starter-pack tiers */
.fx-tiers{display:flex;gap:14px;margin-top:22px}
.fx-tiers img{width:56px;height:56px;filter:drop-shadow(0 0 10px rgba(241,216,155,.25))}

/* spec sheet */
.fx-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:0;padding:18px 34px}
.fx-spec__row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid rgba(198,168,102,.14)}
.fx-spec__row:nth-last-child(-n+2){border-bottom:0}
.fx-spec dt{color:var(--gold);font:700 12px/1.6 var(--head);letter-spacing:1.6px;text-transform:uppercase}
.fx-spec dd{margin:0;color:#dccfae}

@media (max-width:1100px){
  .fx-toc__list li{flex-basis:calc((100% - 24px) / 4)}
  .fx-toc__list a{flex-direction:row;justify-content:flex-start;min-height:60px;gap:10px;padding:8px 12px;text-align:left}
  .fx-toc__list img{width:30px;height:30px}
}
@media (max-width:980px){
  .fx-spec{grid-template-columns:1fr}
  .fx-spec__row:nth-last-child(2){border-bottom:1px solid rgba(198,168,102,.14)}
}
@media (max-width:640px){
  .fx-hero{padding:24px 0 0}
  .fx-hero__actions .l2-btn{flex:1 1 100%}
  .fx-toc{padding:20px 16px}
  .fx-toc__list li{flex-basis:calc((100% - 8px) / 2)}
  .fx-toc__list a{flex-direction:row;justify-content:flex-start;min-height:52px;gap:8px;padding:8px 10px;font-size:13px;text-align:left}
  .fx-toc__list img{width:26px;height:26px}
  .fx-sec{padding:56px 0}
  .fx-after{margin-top:28px}
  .fx-spec{padding:10px 18px}
  .fx-spec__row{grid-template-columns:1fr;gap:2px}
}