/* Best Disney World apps: builds on the alternatives page styles. */
.best-apps-page .competitor-hero{background-image:url("/assets/landing/v9/photos/main-street-dusk.webp");background-position:center 40%}

/* What to look for */
.best-crit{padding:120px 0 100px;background:#fff}
.best-crit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.best-crit-grid li{display:flex;flex-direction:column;padding:30px 30px 28px;border:1px solid var(--compare-line);border-radius:22px;background:linear-gradient(180deg,#fff,#f7faff);box-shadow:0 18px 44px rgba(12,43,84,.06)}
.best-crit-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:#0568ff;background:rgba(5,104,255,.1)}
.best-crit-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.best-crit-grid h3{margin:24px 0 0;color:var(--compare-ink);font-size:24px;font-weight:820;line-height:1.12}
.best-crit-grid p{margin:12px 0 0;color:#485363;font-size:16px;line-height:1.55}
.best-crit-yes{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:22px;color:#074acb;font-size:14px;font-weight:800}
.best-crit-yes .alt-mark{width:24px;height:24px;background:#0568ff;box-shadow:none}
.best-crit-yes .alt-mark-yes::after{width:9px;height:5px;margin-top:-2px;border-width:2px;border-color:#fff}
.best-crit-more{margin:30px 0 0;text-align:center}
.best-crit-more a{color:#075fdc;font-size:17px;font-weight:780}

/* The 2026 list */
.best-list{padding:120px 0;color:#fff;background:radial-gradient(circle at 10% 0%,rgba(5,104,255,.28),transparent 36%),#020817}
.best-list-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:80px}
.best-list-head{position:sticky;top:120px}
.best-list-head h2{margin:0;font-size:64px;font-weight:840;line-height:.98}
.best-list-head>p:not(.compare-eyebrow):not(.comparison-source){margin:22px 0 0;color:rgba(255,255,255,.72);font-size:19px;line-height:1.55}
.best-list-head .comparison-source{margin-top:22px;color:rgba(255,255,255,.45);text-align:left}
.best-ranks{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.best-ranks li{display:grid;grid-template-columns:56px 1fr;gap:22px;padding:28px 30px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.04)}
.best-ranks .best-rank-top{border-color:rgba(109,163,255,.6);background:linear-gradient(145deg,#1767f5,#0647cd);box-shadow:0 30px 70px rgba(5,104,255,.3)}
.best-rank-num{display:grid;width:56px;height:56px;place-items:center;border-radius:16px;color:#fff;background:rgba(255,255,255,.1);font-size:26px;font-weight:840}
.best-rank-top .best-rank-num{color:#0647cd;background:#fff}
.best-rank-tag{margin:0;color:rgba(255,255,255,.6);font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.best-rank-top .best-rank-tag{color:rgba(255,255,255,.85)}
.best-ranks h3{margin:8px 0 0;font-size:28px;font-weight:840;line-height:1.05}
.best-ranks li p:not(.best-rank-tag){margin:12px 0 0;color:rgba(255,255,255,.75);font-size:16px;line-height:1.55}
.best-rank-top p:not(.best-rank-tag){color:rgba(255,255,255,.92)!important}
.best-ranks .best-rank-price{color:#fff!important;font-size:15px!important;font-weight:750}
.best-single{margin-top:28px;padding:28px 30px;border-top:1px solid rgba(255,255,255,.14)}
.best-single h3{margin:0;font-size:20px;font-weight:820}
.best-single>p{margin:8px 0 0;color:rgba(255,255,255,.6);font-size:15px}
.best-single ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin:20px 0 0;padding:0;list-style:none}
.best-single li{display:flex;flex-direction:column;gap:3px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.best-single li strong{font-size:16px;font-weight:780}
.best-single li span{color:rgba(255,255,255,.58);font-size:14px;line-height:1.45}

/* Rope drop */
.best-ropedrop{position:relative;padding:130px 0;overflow:hidden;color:#fff;background:#020817;isolation:isolate}
.best-ropedrop-photo{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(1,12,31,.95) 0%,rgba(1,15,38,.82) 42%,rgba(1,16,40,.25) 78%),url("/assets/compare/standby-skipper/hero-main-street-castle.webp") center 45%/cover no-repeat}
.best-ropedrop-inner>div{max-width:860px}
.best-ropedrop-inner p{max-width:640px}
.best-ropedrop h2{margin:0;font-size:68px;font-weight:840;line-height:.98}
.best-ropedrop h2 span{display:block;color:#72c5ff}
.best-ropedrop p:not(.compare-eyebrow){margin:24px 0 0;color:rgba(255,255,255,.78);font-size:20px;line-height:1.55}
.best-ropedrop-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.best-ropedrop-links a{display:inline-flex;min-height:50px;align-items:center;gap:10px;padding:0 20px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;background:rgba(255,255,255,.08);font-size:16px;font-weight:750}
.best-ropedrop-links a:hover{background:rgba(255,255,255,.16)}

.competitor-page .faq-answer-stage[data-faq-id="best"] .faq-answer-lead strong,.competitor-page .faq-answer-stage[data-faq-id="ropedrop"] .faq-answer-lead strong{font-size:clamp(36px,3.2vw,56px);letter-spacing:0}
.competitor-page .faq-answer-stage[data-faq-id="planning"] .faq-answer-lead strong{font-size:clamp(60px,4.8vw,90px);letter-spacing:0}
.competitor-page .faq-answer-stage[data-faq-id="mde"] .faq-answer-lead strong,.competitor-page .faq-answer-stage[data-faq-id="free"] .faq-answer-lead strong{font-size:clamp(80px,6vw,110px);letter-spacing:0}
.competitor-page .faq-answer-stage[data-faq-id="lightning"] .faq-answer-lead strong{font-size:clamp(64px,5vw,96px);letter-spacing:0}

@media (max-width:1180px){
  .best-crit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .best-list-layout{gap:48px}
  .best-list-head h2{font-size:54px}
  .best-ropedrop h2{font-size:58px}
}

@media (max-width:900px){
  .best-list-layout{grid-template-columns:1fr}
  .best-list-head{position:static}
}

@media (max-width:700px){
  .best-crit{padding:72px 0 64px}
  .best-crit-grid{grid-template-columns:1fr}
  .best-crit-grid li{padding:24px 22px}
  .best-crit-grid h3{margin-top:18px;font-size:22px}
  .best-list{padding:72px 0}
  .best-list-head h2{font-size:42px}
  .best-list-head>p:not(.compare-eyebrow):not(.comparison-source){font-size:17px}
  .best-ranks li{grid-template-columns:1fr;gap:16px;padding:22px 20px}
  .best-rank-num{width:46px;height:46px;font-size:22px}
  .best-ranks h3{font-size:24px}
  .best-single{padding:24px 0 0}
  .best-single ul{grid-template-columns:1fr}
  .best-ropedrop{padding:78px 0}
  .best-ropedrop-photo{background:linear-gradient(180deg,rgba(1,12,31,.7),rgba(1,12,31,.92)),url("/assets/compare/standby-skipper/hero-main-street-castle.webp") 60% center/cover no-repeat}
  .best-ropedrop h2{font-size:42px}
  .best-ropedrop p:not(.compare-eyebrow){font-size:17px}
  .best-ropedrop-links a{width:100%;justify-content:space-between}
}
