.tier-list-landing{max-width:1080px;color:var(--ap-colour-text);margin:0 auto;padding:48px 20px 72px}.tier-list-landing__hero{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:52px;min-height:560px;display:grid}.tier-list-landing__hero-copy{max-width:520px}.tier-list-landing__hero h1{color:var(--ap-colour-text);letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,6vw,4.6rem);font-weight:850;line-height:.98}.tier-list-landing__hero-copy>p{color:color-mix(in srgb, var(--ap-colour-text) 72%, transparent);margin:24px 0 0;font-size:clamp(1rem,2vw,1.16rem);line-height:1.7}.tier-list-landing__actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.tier-list-landing__hero-note{color:color-mix(in srgb, var(--ap-colour-text) 62%, transparent);align-items:center;gap:8px;margin-top:22px;font-size:.88rem;display:flex}.tier-list-landing__hero-note svg{color:var(--ap-colour-primary)}.tier-list-landing__demo{border-color:color-mix(in srgb, var(--ap-colour-primary) 36%, var(--ap-colour-gray));background:radial-gradient(circle at top right, var(--ap-colour-primary-o10), transparent 42%), var(--ap-colour-card);box-shadow:0 24px 70px color-mix(in srgb, var(--ap-colour-background) 70%, transparent);margin:0;padding:20px;overflow:hidden;transform:rotate(1deg)}.tier-list-landing__demo-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.tier-list-landing__demo-heading strong,.tier-list-landing__demo-heading span{display:block}.tier-list-landing__demo-heading strong{font-size:1rem}.tier-list-landing__demo-heading div>span{color:color-mix(in srgb, var(--ap-colour-text) 58%, transparent);margin-top:3px;font-size:.75rem}.tier-list-landing__demo-count{border:1px solid color-mix(in srgb, var(--ap-colour-primary) 32%, transparent);color:var(--ap-colour-primary);background:var(--ap-colour-primary-o10);border-radius:7px;flex:none;padding:5px 8px;font-size:.7rem;font-weight:700}.tier-list-landing__demo-unranked{border:1px dashed color-mix(in srgb, var(--ap-colour-text) 18%, transparent);background:color-mix(in srgb, var(--ap-colour-background) 48%, transparent);border-radius:10px;padding:12px}.tier-list-landing__demo-unranked>span{color:color-mix(in srgb, var(--ap-colour-text) 55%, transparent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.68rem;font-weight:750;display:block}.tier-list-landing__demo-unranked>div,.tier-list-landing__demo-row>div{flex-wrap:wrap;gap:8px;min-height:52px;display:flex}.tier-list-landing__demo-board{border:1px solid color-mix(in srgb, var(--ap-colour-text) 13%, transparent);border-radius:10px;margin-top:12px;overflow:hidden}.tier-list-landing__demo-row{border-bottom:1px solid color-mix(in srgb, var(--ap-colour-text) 13%, transparent);grid-template-columns:60px 1fr;min-height:68px;display:grid}.tier-list-landing__demo-row:last-child{border-bottom:0}.tier-list-landing__demo-row>div{background:color-mix(in srgb, var(--ap-colour-background) 42%, transparent);align-items:center;padding:8px}.tier-list-landing__demo-label{color:var(--ap-colour-text-always-white);text-shadow:0 1px 2px color-mix(in srgb, var(--ap-colour-background) 58%, transparent);place-items:center;font-size:1.2rem;display:grid}.tier-list-landing__demo-label--s{background:color-mix(in srgb, var(--ap-colour-warning) 72%, var(--ap-colour-primary))}.tier-list-landing__demo-label--a{background:var(--ap-colour-primary)}.tier-list-landing__demo-label--b{background:color-mix(in srgb, var(--ap-colour-primary) 56%, var(--ap-colour-card))}.tier-list-landing__demo-item{border:1px solid color-mix(in srgb, var(--ap-colour-text) 13%, transparent);width:74px;min-height:50px;color:var(--ap-colour-text);background:var(--ap-colour-card);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px;font-size:.63rem;display:inline-flex}.tier-list-landing__demo-item svg{color:var(--ap-colour-primary)}.tier-list-landing__section{padding:80px 0 0}.tier-list-landing__section>h2,.tier-list-landing__cta h2{color:var(--ap-colour-text);letter-spacing:-.04em;text-align:center;margin:0;font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.15}.tier-list-landing__section-intro{max-width:620px;color:color-mix(in srgb, var(--ap-colour-text) 62%, transparent);text-align:center;margin:12px auto 0;line-height:1.6}.tier-list-landing__feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.tier-list-landing__feature{margin:0;padding:24px}.tier-list-landing__feature-icon,.tier-list-landing__fair-icon{width:44px;height:44px;color:var(--ap-colour-primary);background:var(--ap-colour-primary-o10);border-radius:12px;place-items:center;display:grid}.tier-list-landing__feature h3,.tier-list-landing__steps h3,.tier-list-landing__fair h2{color:var(--ap-colour-text);margin:16px 0 0;font-size:1rem}.tier-list-landing__feature p,.tier-list-landing__steps p,.tier-list-landing__fair p{color:color-mix(in srgb, var(--ap-colour-text) 62%, transparent);margin:8px 0 0;font-size:.9rem;line-height:1.6}.tier-list-landing__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px;display:grid}.tier-list-landing__steps article{gap:14px;display:flex}.tier-list-landing__steps article>span{border:1px solid color-mix(in srgb, var(--ap-colour-primary) 32%, transparent);width:34px;height:34px;color:var(--ap-colour-primary);background:var(--ap-colour-primary-o10);border-radius:50%;flex:none;place-items:center;font-size:.82rem;font-weight:800;display:grid}.tier-list-landing__steps h3{margin-top:5px}.tier-list-landing__fair{border-color:color-mix(in srgb, var(--ap-colour-primary) 28%, var(--ap-colour-gray));background:linear-gradient(135deg, var(--ap-colour-primary-o10), transparent 58%), var(--ap-colour-card);align-items:flex-start;gap:18px;max-width:760px;margin:80px auto 0;padding:26px;display:flex}.tier-list-landing__fair h2{margin-top:2px;font-size:1.15rem}.tier-list-landing__cta{text-align:center;max-width:620px;margin:96px auto 0}.tier-list-landing__cta p{color:color-mix(in srgb, var(--ap-colour-text) 62%, transparent);margin:14px 0 24px;line-height:1.6}@media screen and (max-width:860px){.tier-list-landing__hero{grid-template-columns:1fr;gap:36px;min-height:0}.tier-list-landing__hero-copy{max-width:680px}.tier-list-landing__demo{transform:none}}@media screen and (max-width:640px){.tier-list-landing{padding:32px 16px 56px}.tier-list-landing__hero h1{font-size:clamp(2.25rem,13vw,3.25rem)}.tier-list-landing__feature-grid,.tier-list-landing__steps{grid-template-columns:1fr}.tier-list-landing__section{padding-top:64px}.tier-list-landing__demo{padding:14px}.tier-list-landing__demo-row{grid-template-columns:48px 1fr}.tier-list-landing__demo-item{width:62px}.tier-list-landing__fair{margin-top:64px;padding:20px}}